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

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

*,* *,* * *{position:relative;box-sizing:border-box}

html,body{background-color:#00213f}
body{font-family:"Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;font-weight:500;color:#111111;line-height:1.6;background-color:#ffffff}
img{width:100%}
strong{font-weight:bold}
em{font-style:italic}
a{text-decoration:none;transition:.2s ease;-webkit-transition:.2s ease}

#page{overflow-x:hidden}
#main{width:100%}

.clearfix{*zoom:1}
.clearfix:after{content:"";display:block;clear:both}
.pcview{}
.spview{display:none}
.hidden{visibility:hidden}
.center{text-align:center}
.right{text-align:right}
.left{text-align:left}
.justify{text-align:justify}
.bold{font-weight:800}
.crimson{color:#ff0000}
.blue{color:#0066ff}
.yellow{color:#ffdd00}
.orange{color:#ff9900}
.viridian{color:#009966}
.white{color:#ffffff}
.black{color:#000000}
.gbase{color:#01598b}
.bs_blue{color:#00a0e9}
.bg_white{background-color:#ffffff}
.bg_black{background-color:#000000}
.bg_gray{background-color:#cccccc}
.bg_darkgray{background-color:#666666}
.bg_red{background-color:#cc0000}
.bg_orange{background-color:#ff9900}
.bg_gbase{background-color:#01598b}

@media screen and (min-width:901px){
}
@media screen and (max-width:900px){
.pcview{display:none}
.spview{display:block}
}

.content{width:100%;border-top:solid 1px #007537;border-bottom:solid 1px #007537}
@media screen and (min-width:901px){
.content{max-width:1200px;margin:auto}
}
@media screen and (max-width:900px){
.content{}
}

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

/*ヘッダー*/
header{width:100%;background-color:#00213f}
header a{display:block;aspect-ratio:600/86;transition:.2s ease}
@media screen and (min-width:901px){
header{padding:10px 20px}
header a{height:30px}
header a:hover{opacity:.75}
}
@media screen and (max-width:900px){
header{padding:2vw}
header a{height:6vw}
}

/*フッター*/
footer{color:#ffffff;background-color:#00213f}
footer .bandai{display:flex;justify-content:center;align-items:center;width:100%;margin:auto}
footer .bandai div:nth-of-type(2){display:flex;align-items:center}
footer .bandai div:nth-of-type(2) p{width:100%}
footer .bandai div:last-of-type{}
footer .copyright{border-top:solid 1px #333333}
footer .copyright div{margin:auto}
footer .copyright div p{text-align:center}
@media screen and (min-width:901px){
footer{}
footer .bandai{max-width:1200px;padding:24px}
footer .bandai div:first-of-type{width:70px}
footer .bandai div:nth-of-type(2){width:fit-content}
footer .bandai div:nth-of-type(2) p{padding:0 5em 0 2em;font-size:10px}
footer .bandai div:last-of-type{width:210px}
footer .copyright{}
footer .copyright div{width:1200px;padding:24px}
footer .copyright div p{font-size:10px}
}
@media screen and (max-width:900px){
footer{}
footer .bandai{flex-wrap:wrap;padding:3vw}
footer .bandai div:first-of-type{width:13vw;padding-right:3vw}
footer .bandai div:nth-of-type(2){width:calc(100% - 13vw)}
footer .bandai div:nth-of-type(2) p{font-size:2vw}
footer .bandai div:last-of-type{width:50%;margin:5vw auto 0}
footer .copyright{}
footer .copyright div{width:fit-content;padding:3vw}
footer .copyright div p{font-size:2vw}
}