@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
*{box-sizing:border-box;}
body{font-family:'Noto Sans JP',serif;font-size:0;font-weight:300;color:#000;line-height:1.8;height:100%;background-color:#333333;}
img{width:100%;}
a{text-decoration:none;color:#3366ee;-webkit-transition:.2s ease;transition:.2s ease;}
a img{-webkit-transition:opacity .2s ease;transition:opacity .2s ease;}
a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;}
strong{font-weight:bold}
em{font-style:italic}
.hidden{visibility:hidden;}
.clearfix{*zoom:1;}
.clearfix:after{content:"";display:block;clear:both;}
.margin_t05{margin-top:5px;}
.margin_t10{margin-top:10px;}
.margin_t20{margin-top:20px;}
.margin_t30{margin-top:30px;}
.margin_t50{margin-top:50px;}
.margin_t100{margin-top:100px;}
.margin_l18{margin-left:18px;}
.margin_b05{margin-bottom:5px;}
.margin_b10{margin-bottom:10px;}
.margin_b20{margin-bottom:20px;}
.margin_b30{margin-bottom:30px;}
.margin_b50{margin-bottom:50px;}
.padding_l18{padding-left:18px;}
.padding_05{padding:5px;}
.padding_10{padding:10px;}
.padding_20{padding:20px;}
.padding_30{padding:30px;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.top{vertical-align:top;}
.crimson{color:#DD0000;}
.blue{color:#0066dd;}
.yellow{color:#FFFF00;}
.orange{color:#FF7700;}
.viridian{color:#00896B;}
.white{color:#FFFFFF;}
.minimum{font-size:9px;}
.small{font-size:12px;}
.regular{font-size:18px;}
.middle{font-size:24px;}
.large{font-size:36px;}
.big{font-size:48px;}
.shadow{text-shadow: 0 0 5px #000}
.hidden{visibility: hidden;}

#page{}

#header{background-color:#FFF;border-bottom:solid 1px #ccc;}
#header .upper {*zoom:1;margin:0 auto;width:90%;max-width:1440px;}
#header .upper:after {content:"";display:block;clear:both;}
#header .upper .logo {padding:20px 0 14px;}
#header .upper .logo img{width:380px}
#header .upper .banner {*zoom:1;float:right;padding:8px 0 9px;}
#header .upper .banner:after {content:"";display:block;clear:both;}
#header .upper .banner div {float:left;margin-left:8px;}
@media screen and (max-width:1125px) {
	#header .upper .logo {padding:15px 0;text-align:center;}
	#header .upper .logo img{width:80%;}
}

#breadcrumb {padding:5px 0;width: 100%;font-size:12px;color:#666;background-color: #FFF;}
@media screen and (max-width:1125px) {
    #breadcrumb{display:none;}
}
#breadcrumb div {margin: 0 auto;width:90%;max-width:1440px;}
#breadcrumb div a{text-decoration: none;color: #005FB2;}

#btnPagetop{display: none;position: fixed;bottom:0;right:0%;outline:none;}
@media screen and (max-width:1125px) {
	#btnPagetop{width:20vw}
	#btnPagetop img{width:100%}
}

#footer{margin-top:0;padding:30px 0 70px;color:#fff;background-color:#333333;}