@charset "UTF-8";
/* CSS Document */

/*スクロールバー*/
*::-webkit-scrollbar{width:8px;height:8px;background:none}
*::-webkit-scrollbar-thumb{background-color:#ccc;transition:.2s}

html{font-size:62.5%}
body{font-family:'Noto Sans JP',sans-serif;font-size:0;color:#111111;line-height:1.8;height:100%;background-color:#ffffff}
img{width:100%;transition:.2s ease;-webkit-transition:.2s ease}
strong{font-weight:bold}
em{font-style:italic}
a{text-decoration:none;transition:.2s ease;-webkit-transition:.2s ease}

.clearfix{*zoom:1}
.clearfix:after{content:"";display:block;clear:both}
.pcview{}
.spview{display:none}
.hidden{visibility:hidden}
.margin_t05{margin-top:0.5rem}
.margin_t10{margin-top:1rem}
.margin_t20{margin-top:2rem}
.margin_t30{margin-top:3rem}
.margin_t50{margin-top:5rem}
.margin_t100{margin-top:10rem}
.margin_b10{margin-bottom:1rem}
.margin_left1{margin-left:1em}
.padding_left1{padding-left:1em}
.padding_05{padding:0.5rem}
.padding_10{padding:1rem}
.padding_20{padding:2rem}
.padding_30{padding:3rem}
.padding_50{padding:5rem}
.padding_100{padding:10rem}
.center{text-align:center}
.right{text-align:right}
.left{text-align:left}
.justify{text-align:justify}
.bold{font-weight:bold}
.crimson{color:#f00}
.blue{color:#06f}
.yellow{color:#fc0}
.orange{color:#f70}
.viridian{color:#096}
.white{color:#fff}
.black{color:#000}
.gbase{color:#01598b}
.bs_blue{color:#00a0e9}
.bg_white{background-color:#fff}
.bg_black{background-color:#000}
.bg_gray{background-color:#ccc}
.bg_darkgray{background-color:#666}
.bg_red{background-color:#c00}
.bg_orange{background-color:#f90}
.bg_gbase{background-color:#01598b}
.txt09{font-size:0.9rem}
.txt10{font-size:1rem}
.txt12{font-size:1.2rem}
.txt14{font-size:1.4rem}
.txt16{font-size:1.6rem}
.txt18{font-size:1.8rem}
.txt24{font-size:2.4rem}
.txt30{font-size:3rem}
.txt36{font-size:3.6rem}
.txt48{font-size:4.8rem}
.txt60{font-size:6rem}
.back{display:block;width:70%;margin:auto;padding:1rem;text-align:center;font-size:1.8rem;font-weight:700;line-height:1;color:#fff;background-color:#333;border:solid 1px #333;border-radius:99rem}
.back:hover{background-color:#fff;color:#333}
@media screen and (min-width:901px){
}
@media screen and (max-width:900px){
	.pcview{display:none}
	.spview{display:block}
	.back{;width:90%;font-size:4vw}
}

#page{position:relative}

/*ハンバーガー*/
.btn-trigger,.btn-trigger span{display:inline-block;transition:all .5s;box-sizing:border-box}
.btn-trigger{position:relative;width:100%;aspect-ratio:1 / 1;cursor:pointer}
.btn-trigger span{position:absolute;left:10%;width:80%;height:4.76%;background-color:#ffffff;border-radius:99px}
.btn-trigger span:nth-of-type(1){top:20%}
.btn-trigger span:nth-of-type(2){top:50%;transform:translateY(-50%)}
.btn-trigger span:nth-of-type(3){bottom:20%}
/*クリック時*/
.btn-trigger.active span:nth-of-type(1){
	top:50%;
	-webkit-transform:translateY(-50%) rotate(-45deg);
	transform:translateY(-50%) rotate(-45deg)
}
.btn-trigger.active span:nth-of-type(2){opacity:0}
.btn-trigger.active span:nth-of-type(3){
	top:50%;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg)
}

/*背景*/
#main{position:relative;width:100%;overflow-x:hidden}

.content{width:100%;max-width:1000px;margin:auto;background-color:rgba(255,255,255,0.65)}
.snsBlock{display:flex;justify-content:center;width:100%}
.snsBlock > div{width:fit-content}
@media screen and (min-width:901px){
}
@media screen and (max-width:900px){
	.content{max-width:auto}
}

/*PAGE TOP*/
#btnPagetop{display:none;position:fixed;bottom:1rem;right:1rem;width:10rem;cursor:pointer;transition:.2s ease;z-index:99}
@media screen and (min-width:901px){
#btnPagetop:hover{transform:translateY(-1rem)}
}
@media screen and (max-width:900px){
#btnPagetop{bottom:0;right:0;width:6.4rem}
}

/*フッター*/
#footer{color:#fff;background-color:#666}
#footer img{width:100%}
#footer .bandai{display:flex;flex-wrap:wrap;align-items:center;position:relative;width:100%;max-width:1000px;margin:auto;padding:2rem 0;box-sizing:border-box}
#footer .bandai div:first-of-type{width:8rem;padding-right:1rem}
#footer .bandai div:last-of-type{width:calc(100% - 9rem)}
#footer .bandai div:last-of-type p{font-size:1.2rem}
#footer .copyright{}
#footer .copyright div{width:100%;max-width:1200px;margin:auto;padding:1rem;box-sizing:border-box}
#footer .copyright div p{text-align:center;font-size:1rem}
@media screen and (min-width:901px){
}
@media screen and (max-width:900px){
	#footer{padding-bottom:3rem}
	#footer .bandai{padding:2rem 1rem}
	#footer .bandai div:last-of-type p{font-size:1rem}
}