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

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

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

html{font-size:62.5%}
body{font-family:"Note Sans",sans-serif;font-size:0;line-height:1.4;height:100%}
img{width:100%;transition:.2s ease;-webkit-trasition:.2s ease}
strong{font-weight:bold}
em{font-style:italic}

.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: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}

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

/*ヘッダー*/
@media screen and (min-width:901px){
}
@media screen and (max-width:900px){
}

/*フッター*/
@media screen and (min-width:901px){
}
@media screen and (max-width:900px){
}

/*背景*/
#main{position:relative;width:100%}

/*背景*/
#btnPagetop{position:fixed;display:none;aspect-ratio:1/1;background-image:url("../img/cmn/toTOP.svg");background-repeat:no-repeat;background-size:contain;background-position:center;cursor:pointer;z-index:9999}
@media screen and (min-width:901px){
#btnPagetop{right:30px;bottom:75px;width:60px}
}
@media screen and (max-width:900px){
#btnPagetop{right:2vw;bottom:2vw;width:10vw}
}