@charset "UTF-8";

body{font-family:SHanSanB;color:#111;background-color:#666;line-height:1.8}
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 (max-width:1179px){
	.pcview{display:none}
	.spview{display:block}
	.back{width:90%;font-size:4vw}
}

#page{position:relative}

/*ヘッダー*/
#header{display:flex;justify-content:space-between;align-items:center;width:100%;background:#fff;border-bottom:solid 1px #eee}
#header > div{width:100%;max-width:2000px;margin:auto;padding-left:1rem;box-sizing:border-box}
#header > div > a{display:block}
@media screen and (min-width:1180px){
#header{padding:1rem 0}
#header > div > a{width:24rem}
}
@media screen and (max-width:1179px){
#header{padding:0.5rem 0}
#header > div > a{width:50%;margin:auto}
}

/*パン屑*/
#breadcrumb{width:100%;padding:0.5rem 0;background-color:#fff}
#breadcrumb div {width:100%;max-width:2000px;margin:auto;padding-left:1rem;font-size:1rem;box-sizing:border-box}
#breadcrumb div a{color:#09d}

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

/*PAGE TOP*/
#btnPagetop img{cursor:pointer;transition:all .2s ease}
@media screen and (min-width:1180px){
#btnPagetop{position:fixed;bottom:1rem;right:1rem;display:none;width:173px;z-index:999}
#btnPagetop:hover img{filter:brightness(1.2)}
}
@media screen and (max-width:1179px){
#btnPagetop{position:relative;padding:10vw 0;z-index:999}
#btnPagetop img{width:33vw;margin:auto}
#btnPagetop img:active{filter:brightness(1.5)}
}

.content{width:100%;max-width:1000px;margin:auto}