@charset "utf-8";
/**
透明
filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
グラデ
background: -moz-linear-gradient(top,  
            rgba(60,100,50,0.5),  
            #066);
background: -webkit-gradient(linear, left top, left bottom,  
            from(rgba(60,100,50,0.5)),  
            to(#066));
シャドウ
-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
-o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
-ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
角丸
    border-radius: 10px;          
    -webkit-border-radius: 10px;    
    -moz-border-radius: 10px;   

*/
/* 全体設定　―――――――――――――――――――――― */

*{
	margin:0;
	padding:0;
	line-height:1.23em;
	letter-spacing:-0.02em;
}
img,div {
	margin:0;
	padding:0;
	border:none;
}
html {
	height:100%;
}
body {
	text-align:justify;
	-webkit-text-size-adjust: 100%;
	font-size:100%;
	background:#fff;
	color:#252525;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:400;
	height:100%;
}
ul {
	margin:0;
	list-style:none;
	padding:0;
}
a:link {color:#211008; text-decoration:none;}
a:hover {color:#211008; text-decoration:none;}
a:visited {color:#312018; text-decoration:none;}
.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }
.marquee p a:link{
	color:#039;
	text-decoration:none;
}
.marquee p a:visited{
	color:#039;
	text-decoration:none;
}
.marquee p a:hover{
	color:#039;
	text-decoration:underline;
}
h1 { font-weight:400; font-size:140%;}
h2 { font-weight:400; font-size:127%;}
h3 { font-weight:400; font-size:115%;}
h4 { font-weight:400; font-size:108%;}
#pagetop {
	visibility:hidden;
}
.fade {  
    -webkit-transition: 0.25s ease-in-out;  
       -moz-transition: 0.25s ease-in-out;  
         -o-transition: 0.25s ease-in-out;  
            transition: 0.25s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.65;  
    filter: alpha(opacity=65);
}
.fades {  
    -webkit-transition: 0.18s ease-in-out;  
       -moz-transition: 0.18s ease-in-out;  
         -o-transition: 0.18s ease-in-out;  
            transition: 0.18s ease-in-out;  
}  
.fades:hover {  
    opacity: 0.8;  
    filter: alpha(opacity=80);
}
#container {
	min-height:100%;
	position:relative;
}
/* ヘッダー　―――――――――――――――――――――― */

#header {
	width:920px;
	font-size:0;
	margin:0 auto;
}
#header img {
}
#headrogo {
	display:inline-block;
	margin:0 0px 0 10px;
	width:415px;
	height:auto;
}
#headmenu {
	display:inline-block;
	margin-right:0px;
}
#headmenu li {
	display:inline-block;
}
#hdsld-c {
	position:fixed;
	width:100%;
	background:#fff;
	padding:20px 0 3px;
	z-index:99900;
}
/* バナーエリア　―――――――――――――――――――――― */
.bannerarea {
	width:900px;
	margin:0 auto;
	padding:120px 0 15px;
	text-align:center;
	position:relative;
}
.bannerlinktop {
	position:absolute;
	width:240px;
	height:40px;
	top:150px;
	left:10px;
}
.pagenav {
	font-size:0;
	width:900px;
	background:#fff;
	padding:5px 0 5px;
	margin:10px 0 0;
	border-top:2px #b3b3b3 dotted;
	display: flex;
    justify-content: space-between;
}
.pagenav li {
	display:inline-block;
}

.pagenav.bule li {
    width: 24%;
}

.navsdw {
	width:900px;
	height:10px;
	background:url(../images/navishadow.gif) repeat-x;
}
/* メインエリア　―――――――――――――――――――――― */
.mainarea {
	width:900px;
	margin:45px auto;
	text-align:center;

	z-index:2000;
}
.mainarea img {}
.mainarea>p {
	width:780px;
	text-align:justify;
	line-height:1.4em;
	font-size:105%;
	margin:45px auto 55px;
}
.main_sheet {
	text-align:left;
	margin-bottom:20px;
}
/* サイドボタン　―――――――――――――――――――――― */

#botbanner {
	z-index:5400;
     top:80px;
}
#botbanner img {
	margin-bottom:8px;
   
}
/* フッターエリア　―――――――――――――――――――――― */
.footarea {
	border-top:1px #b3b3b3 dotted;
	width:100%;
	bottom:0;

}
.footbodr {
}
/* ボトムリンク　――― */
.bottomlink {
	width:630px;
	margin:25px auto;
	text-align:center;
}
.bottomlink img {
	margin:0 7px;
}
/* フッターリンク　――― */
.footer {
	width:100%;
	height:100px;
	background:#ccc;
}
.footlink {
	width:900px;
	margin:0 auto;
    text-align: center;
}
.footlink li {
	display:inline-block;
	margin:12px 5px;
	font-size:13px;
}
.footlink li a:link {color:#333; text-decoration:none;}
.footlink li a:hover {color:#444; text-decoration:underline;}
.footlink li a:visited {color:#735; text-decoration:none;}

/* コピーライト　――― */
.copyright {
	width:100%;
	height:40px;
	background:#E60012;
}
.copyright h4 {
	width:900px;
	text-align:right;
	margin:0px auto;
	padding-top:8px;
	font-size:11px;
	color:#FFF;
}

.newban {
padding-top: 90px;
width: 1140px;
margin: 0 auto;
}
.newban img {
width: 100%;
}
.n_toplink {
width: 1140px;
margin: 15px auto 150px;
display: flex;
justify-content: space-between;
}
.n_toplink::after {
content: "";
position: absolute;
left: 0;
top: 400px;
display: block;
width: 100%;
height: 413px;
background: #f8f8f8;
z-index: -1;
}

header .nav-pc ul li+li {
    margin-left: 20px !important;
}
header .header-main-nav {
height: 90px !important;
}

#footer .footer-content .col-item .logo-img img {
    max-height: 20px !important;

}#footer .footer-content .row{
margin-bottom: 0 !important
}
#footer .footer-content{
    padding-top: 40px !important;
}

header{
background-color: #fff;
}
header .header-main-nav {
max-width: 1020px;
    margin: 0 auto;
}
.top-nava header  .header-main-nav {
max-width: 1260px;
    margin: 0 auto;
}
#footer .footer-content {
    padding-top: 80px;
    max-width: 1100px !important;
}
