@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@400;700;900&family=Noto+Sans+JP:wght@400;700&family=Poppins:ital,wght@0,700;1,400&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;position:relative;}
img{width:100%;}
a{text-decoration:none;color:#11bbff;-webkit-transition:.2s ease;transition:.2s ease;}
a:hover{color:#fc0;}
a img{-webkit-transition:opacity .2s ease;transition:opacity .2s ease;}
a img:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;}
strong{font-weight:bold}
em{font-style:italic}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
.pcview{}
.spview{display:none;}
.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:14px;}
.middle{font-size:18px;}
.large{font-size:24px;}
.big{font-size:30px;}
.huge{font-size:36px;}
.shadow{text-shadow: 0 0 5px #000}
.modoru{display:block;width:fit-content;margin:50px auto 0;padding:10px 100px;text-align:center;font-family:'Poppins',sans-serif;font-size:36px;color:#fff;background-color:#ccc;clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);}
.modoru:hover{color:#fff;background-color:#111;}

@media screen and (max-width:1125px){
	.pcview{display:none;}
	.spview{display:block;}
	.margin_t10{margin-top:2vw;}
	.margin_t20{margin-top:3vw;}
	.margin_t30{margin-top:4vw;}
	.margin_t50{margin-top:6vw;}
	.margin_t100{margin-top:10vw;}
	.padding_l18{padding-left:2.5vw;}
	.padding_05{padding:1.5vw;}
	.padding_10{padding:2vw;}
	.padding_20{padding:3vw;}
	.padding_30{padding:4vw;}
	.huge{font-size:8vw}
	.big{font-size:6vw}
	.large{font-size:5vw}
	.middle{font-size:4vw}
	.regular{font-size:3vw;}
	.small{font-size:2vw;}
	.minimum{font-size:1.5vw;}
	.modoru{font-size:4vw;margin-top:10vw;width:100%;padding:2vw 0;line-height:1.5}
}

#page{}

#header{background-color:#FFF;border-bottom:solid 1px #ccc;}
#header .upper {*zoom:1;margin:0 auto;width:100%;max-width:900px;}
#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:100%;max-width:900px;}
#breadcrumb div a{text-decoration: none;color: #005FB2;}

#main{}
.content{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:50px;background-color:#fff;}
@media screen and (max-width:1125px) {
    .content{width:auto;padding:5vw;}
}
#btnPagetop{display: none;position: fixed;bottom:0;right:0%;outline:none;z-index:999;}
@media screen and (max-width:1125px) {
	#btnPagetop{width:20vw}
	#btnPagetop img{width:100%}
}

#footer{margin-top:0;padding:20px 0;color:#fff;background-color:#333;}
#footer .row{border-bottom:solid 1px #555;padding-bottom:20px;}
#footer .col{display:flex;align-items:center;width:100%;max-width:900px;margin:auto;}
#footer .copyright{width:100%;max-width:900px;margin:auto;padding-top:20px;}
@media screen and (max-width:1125px) {
	#footer .col,#footer .copyright{width:94%;font-size:1.8vw;}
}