@charset "UTF-8";
/* 共有
===============================================================*/
sup {vertical-align: super; font-size: smaller;}
sub {vertical-align: sub; font-size: smaller;}
img{image-rendering: -webkit-optimize-contrast;}
/* layout
===============================================================*/
#wrapper{width: 100%; position: relative;}

.wrap{width: 100%; max-width: 1220px; margin: 0 auto; padding: 0 10px;}

/* classes
===============================================================*/
/*sp-pc*/
.sp-only{display: none;}
.tb-only{display: none;}
.pc-only{display: block;}

@media (max-width: 1000px) {
	.tb-only{display: block !important;}
	.pc-only, .sp-only{display: none !important;}
}
@media (max-width: 600px) {
	.sp-only{display: block !important;}
	.pc-only, .tb-only{display: none !important;}
}


/*display: flex;*/
.fl_w_sb{display: flex; flex-wrap: wrap; justify-content: space-between;}
.fl_w_fs{display: flex;	flex-wrap: wrap; justify-content: flex-start;}

/*clearfix*/
.clearfix {width:100%;}
.clearfix:after{content: ""; display: block; clear: both;}

.position-relative{position: relative;}

/*col*/
.w-100{width: 100%;}
.w-80{width:80%;}
.w-75{width: 75%;}
.w-66{width: 66%;}
.w-60{width: 60%;}
.w-50{width: 50%;}
.w-49_75{width: 49.75%;}
.w-49_5{width: 49.5%;}
.w-48{width: 48%;}
.w-40{width: 40%;}
.w-33{width: 33%;}
.w-32{width: 32%;}
.w-30{width: 30%;}
.w-25{width: 25%;}
.w-24{width: 24%;}
.w-20{width: 20%;}
.w-10{width: 10%;}

/*text-align*/
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

/*font*/
.serif{font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Sawarabi Mincho', serif !important;}
.gothic{font-family: BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;}

.fw-bold{font-weight: bold !important;}
.fw-normal{font-weight: normal !important;}
.td-under{text-decoration: underline !important;}
.td-wavy{text-decoration: underline wavy !important;}
.td-over{text-decoration: underline overline !important;}
.td-dot{text-decoration: underline dotted !important;}
.td-middle{text-decoration: line-through !important;}

.bd-black{border: 1px solid #000 !important;}
.bd-gray{border: 1px solid #efefef !important;}

/*font-size*/
.f-xxsmall{font-size: 10px !important;}
.f-xsmall{font-size: 12px !important;}
.f-small{font-size: 14px !important;}
.f-middle{font-size: 16px !important;}
.f-large{font-size: 18px !important;}
.f-xlarge{font-size: 20px !important;}
.f-xxlarge{font-size: 22px !important;}
.f-xxxlarge{font-size: 24px !important;}
.f-xxxxlarge{font-size: 26px !important;}

/*font-color*/
.fc-white{color: #fff !important;}
.fc-red{color: #e60012 !important;}

/*background*/
.bg-white{background: #fff !important;}
.bg-gray{background: #f7f7f7 !important;}
.bg-black{background: #111 !important;}
.bg-red{background: #e60012 !important;}
.bg-blue{background: #5976ba !important;}

/*margin*/
.mg0{margin: 0 !important;}
.mg10{margin: 10px !important;}
.mg20{margin: 20px !important;}
.mg30{margin: 30px !important;}
.mg40{margin: 40px !important;}
.mg50{margin: 50px !important;}

.mgT0{margin-top: 0px !important;}
.mgT10{margin-top: 10px !important;}
.mgT20{margin-top: 20px !important;}
.mgT30{margin-top: 30px !important;}
.mgT40{margin-top: 40px !important;}
.mgT50{margin-top: 50px !important;}

.mgB0{margin-bottom: 0px !important;}
.mgB10{margin-bottom: 10px !important;}
.mgB20{margin-bottom: 20px !important;}
.mgB30{margin-bottom: 30px !important;}
.mgB40{margin-bottom: 40px !important;}
.mgB50{margin-bottom: 50px !important;}

.mgL0{margin-left: 0px !important;}
.mgL10{margin-left: 10px !important;}
.mgL20{margin-left: 20px !important;}
.mgL30{margin-left: 30px !important;}
.mgL40{margin-left: 40px !important;}
.mgL50{margin-left: 50px !important;}

.mgR0{margin-right: 0px !important;}
.mgR10{margin-right: 10px !important;}
.mgR20{margin-right: 20px !important;}
.mgR30{margin-right: 30px !important;}
.mgR40{margin-right: 40px !important;}
.mgR50{margin-right: 50px !important;}

.mgT-10{margin-top: -10px !important;}
.mgT-20{margin-top: -20px !important;}
.mgT-30{margin-top: -30px !important;}
.mgT-40{margin-top: -40px !important;}
.mgT-50{margin-top: -50px !important;}

.mgB-10{margin-bottom: -10px !important;}
.mgB-20{margin-bottom: -20px !important;}
.mgB-30{margin-bottom: -30px !important;}
.mgB-40{margin-bottom: -40px !important;}
.mgB-50{margin-bottom: -50px !important;}

.mgL-10{margin-left: -10px !important;}
.mgL-20{margin-left: -20px !important;}
.mgL-30{margin-left: -30px !important;}
.mgL-40{margin-left: -40px !important;}
.mgL-50{margin-left: -50px !important;}

.mgR-10{margin-right: -10px !important;}
.mgR-20{margin-right: -20px !important;}
.mgR-30{margin-right: -30px !important;}
.mgR-40{margin-right: -40px !important;}
.mgR-50{margin-right: -50px !important;}
/*padding*/
.pa0{padding: 0 !important;}
.pa5{padding: 5px !important;}
.pa10{padding: 10px !important;}
.pa20{padding: 20px !important;}
.pa30{padding: 30px !important;}
.pa40{padding: 40px !important;}
.pa50{padding: 50px !important;}

.paT0{padding-top: 0px !important;}
.paT10{padding-top: 10px !important;}
.paT20{padding-top: 20px !important;}
.paT30{padding-top: 30px !important;}
.paT40{padding-top: 40px !important;}
.paT50{padding-top: 50px !important;}

.paB0{padding-bottom: 0px !important;}
.paB10{padding-bottom: 10px !important;}
.paB20{padding-bottom: 20px !important;}
.paB30{padding-bottom: 30px !important;}
.paB40{padding-bottom: 40px !important;}
.paB50{padding-bottom: 50px !important;}

.paL0{padding-left: 0px !important;}
.paL10{padding-left: 10px !important;}
.paL20{padding-left: 20px !important;}
.paL30{padding-left: 30px !important;}
.paL40{padding-left: 40px !important;}
.paL50{padding-left: 50px !important;}

.paR0{padding-right: 0px !important;}
.paR10{padding-right: 10px !important;}
.paR20{padding-right: 20px !important;}
.paR30{padding-right: 30px !important;}
.paR40{padding-right: 40px !important;}
.paR50{padding-right: 50px !important;}

/*indent*/
.indent_1{text-indent: -1em; margin-left:1em;}
.indent_2{text-indent: -2em; margin-left:2em;}
.indent_3{text-indent: -3em; margin-left:3em;}
.indent_4{text-indent: -4em; margin-left:4em;}
.indent_5{text-indent: -5em; margin-left:5em;}

/*anchor*/
.anchor{padding-top: 90px; margin-top: -90px;}

/*ul*/
ul.list-disc li{list-style: disc !important;}
ul.list-square li{list-style: square !important;}
ul.list-circle li{list-style: circle !important;}

/*display*/
.display-none{display: none !important;}
.display-block{display: block !important;}
.display-flex{display: flex !important;}

/*float*/
.float-left{float: left;}
.float-right{float: right;}

/*height*/
.h22{height: 22px !important; max-width: none}
.h23{height: 23px !important; max-width: none}
.h24{height: 24px !important; max-width: none}
.h25{height: 25px !important; max-width: none}
.h26{height: 26px !important; max-width: none}
.h27{height: 27px !important; max-width: none}
.h28{height: 28px !important; max-width: none}
.h29{height: 29px !important; max-width: none}
.h30{height: 30px !important; max-width: none}
.h31{height: 31px !important; max-width: none}
.h32{height: 32px !important; max-width: none}
.h36{height: 36px !important; max-width: none}
.h38{height: 38px !important; max-width: none}
.h40{height: 40px !important; max-width: none}

@media (max-width: 480px){
	.h22{height: 7.2vw !important; max-width: none}
	.h23{height: 7.3vw !important; max-width: none}
	.h24{height: 7.4vw !important; max-width: none}
	.h25{height: 7.5vw !important; max-width: none}
	.h26{height: 7.6vw !important; max-width: none}
	.h27{height: 7.7vw !important; max-width: none}
	.h28{height: 7.8vw !important; max-width: none}
	.h29{height: 8.9vw !important; max-width: none}
	.h30{height: 7.0vw !important; max-width: none}
	.h31{height: 7.2vw !important; max-width: none}
	.h32{height: 7.3vw !important; max-width: none}
	.h34{height: 7.6vw !important; max-width: none}
	.h36{height: 7.9vw !important; max-width: none}
	.h38{height: 8.2vw !important; max-width: none}
	.h40{height: 8.5vw !important; max-width: none}

}