@charset "utf-8";/* エスケープ */

/*---------------------------------------------------

	Style Library
	
---------------------------------------------------*/
/*----------------------------------------------------
  フォント
----------------------------------------------------*/
.td10 { font-size:1.0rem;}
.td11 { font-size:1.1rem;}
.td12 { font-size:1.2rem;}
.td13 { font-size:1.3rem;}
.td14 { font-size:1.4rem;}
.td16 { font-size:1.6rem;}
.td18 { font-size:1.8rem; line-height:2.3rem;}
.td19 { font-size:1.9rem; line-height:2.4rem;}
.td20 { font-size:2.0rem; line-height:2.6rem;}
.td22 { font-size:2.2rem; line-height:2.8rem;}
.td24 { font-size:2.4rem; line-height:3.0rem;}
.td26 { font-size:2.6rem; line-height:3.2rem;}
.td30 { font-size:3.0rem; line-height:3.6rem;}

.FontB{font-weight:bold;}
.font-min {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

@media screen and (max-width:568px){
  .sp-td10 { font-size:1.0rem;}
  .sp-td11 { font-size:1.1rem;}
  .sp-td12 { font-size:1.2rem;}
  .sp-td13 { font-size:1.3rem;}
  .sp-td14 { font-size:1.4rem;}
  .sp-td16 { font-size:1.6rem;}
  .sp-td18 { font-size:1.8rem; line-height:2.3rem;}
  .sp-td19 { font-size:1.9rem; line-height:2.4rem;}
  .sp-td20 { font-size:2.0rem; line-height:2.6rem;}
  .sp-td22 { font-size:2.2rem; line-height:2.8rem;}
  .sp-td24 { font-size:2.4rem; line-height:3.0rem;}
  .sp-td25 { font-size:2.5rem; line-height:3.1rem;}
  .sp-td26 { font-size:2.6rem; line-height:3.2rem;}
  .sp-td30 { font-size:3.0rem; line-height:3.6rem;}
}

/*----------------------------------------------------
  カラーパレット
----------------------------------------------------*/
.white { color:#FFFFFF; }
.red { color:#a80130; }
.dred { color:#7f0202; }
.pastel-red{color: #a94442;}
.blue { color: #0966a0; }
.pastel-blue { color: #31708f; }
.green { color: #089069; }
.dgreen { color: #267d7f!important; }
.pastel-green { color: #3c763d; }
.orange{color: #d76c1e;}
.gray{color: #8d8d8d;}
.yellow{color: #a08e09;}
.pastel-yellow{color: #f0ad4e;}
.gold{color: #8a6d3b;}
.black{color: #444444;}

/*----------------------------------------------------
  カラーパレットバックグランド
----------------------------------------------------*/
.bg_red { background-color:#d9534f; color: #fff;}
.bg_blue { background-color: #0966a0; color: #fff;}
.bg_green { background-color: #089069; color: #fff;}
.bg_dgreen { background-color: #267d7f; color: #fff;}
.bg_orange{background-color: #d76c1e; color: #fff;}
.bg_gray{background-color: #8d8d8d; color: #fff;}
.bg_yellow{background-color: #a08e09; color: #fff;}

/*----------------------------------------------------
  スペース
----------------------------------------------------*/
.top_space0 { margin-top: 0px!important; }
.top_space3 { margin-top: 3px!important; }
.top_space5 { margin-top: 5px!important; }
.top_space6 { margin-top: 6px!important; }
.top_space7 { margin-top: 7px!important; }
.top_space10 { margin-top: 10px!important; }
.top_space12 { margin-top: 12px!important; }
.top_space13 { margin-top: 13px!important; }
.top_space15 { margin-top: 15px!important; }
.top_space20 { margin-top: 20px!important; }
.top_space25 { margin-top: 25px!important; }
.top_space30 { margin-top: 30px!important; }
.top_space35 { margin-top: 35px!important; }
.top_space40 { margin-top: 40px!important; }
.top_space45 { margin-top: 45px!important; }
.top_space50 { margin-top: 50px!important; }
.top_space55 { margin-top: 55px!important; }
.top_space60 { margin-top: 60px!important; }
.top_space65 { margin-top: 65px!important; }
.top_space70 { margin-top: 70px!important; }
.top_space80 { margin-top: 80px!important; }
.top_space90 { margin-top: 90px!important; }
.top_space100 { margin-top: 100px!important; }

.botom_space5 { margin-bottom:5px; }
.botom_space10 { margin-bottom:10px; }
.botom_space15 { margin-bottom:15px; }
.botom_space20 { margin-bottom:20px; }
.botom_space30 { margin-bottom:30px; }
.botom_space40 { margin-bottom:40px; }

.left_space5 { margin-left:5px; }
.left_space10 { margin-left:10px; }
.left_space15 { margin-left:15px; }
.left_space20 { margin-left:20px; }
.left_space30 { margin-left:30px; }
.left_space40 { margin-left:40px; }
.left_space50 { margin-left:50px; }

.right_space5 { margin-right:5px; }
.right_space10 { margin-right:10px; }
.right_space15 { margin-right:15px; }
.right_space20 { margin-right:20px; }
.right_space30 { margin-right:30px; }
.right_space40 { margin-right:40px; }
.right_space50 { margin-right:50px; }

.patop_space5 { padding-top:5px; }
.patop_space10 { padding-top:10px; }
.patop_space15 { padding-top:15px; }
.patop_space20 { padding-top:20px; }

.paright_space5 { padding-right:5px; }
.paright_space7 { padding-right:7px; }
.paright_space10 { padding-right:10px; }
.paright_space13 { padding-right:13px; }
.paright_space15 { padding-right:15px; }
.paright_space20 { padding-right:20px; }

.paleft_space5 { padding-left:5px; }
.paleft_space7 { padding-left:7px; }
.paleft_space10 { padding-left:10px; }
.paleft_space15 { padding-left:15px; }
.paleft_space20 { padding-left:20px; }
.paleft_space30 { padding-left:30px; }

.pabotom_space5 { padding-bottom:5px; }
.pabotom_space10 { padding-bottom:10px; }
.pabotom_space15 { padding-bottom:15px; }
.pabotom_space20 { padding-bottom:20px; }

.txtLeft { text-align:left; }
.txtRight { text-align:right; }
.txtCenter { text-align:center; }

.fLeft { float:left; } 
.fRight { float:right; }

.maAuto{margin-left:auto;margin-right:auto;display: block!important;}
.boderUnder{padding-bottom: 30px; border-bottom: 1px solid #dfe1e5;}
.boderUnderPadding{padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #dfe1e5;}
.boder{border: 1px solid #7f0202;}
.link_off{cursor:default;pointer-events:none;}
.nowrap{white-space: nowrap;}
.comingsoon{ text-align: center; padding: 50px 0;}

.boderEnd .boderUnder:last-child{padding-bottom: 0px; border-bottom: 0;}

.block{ display: block;}
.inline-block{ display: inline-block;}
.box5{ padding:5px;}
.box10{ padding:10px;}
.box15{ padding:15px;}
.box20{ padding:20px;}
.box25{ padding:25px;}
.box30{ padding:30px;}

.space5{ margin:5px;}
.space10{ margin:10px;}
.space15{ margin:15px;}
.space20{ margin:20px;}
.space25{ margin:25px;}
.space30{ margin:30px;}

/*比率固定*/
.aspect { aspect-ratio: 5 / 3;}
.aspect-squar { aspect-ratio: 5 / 5;}

/*tb*/
@media screen and (max-width:992px){
.fLeft.tb-fnone,
.fRight.tb-fnone,
.tb-fnone{ float:none; }	
.tb_maAuto{margin-left:auto;margin-right:auto;display: block!important;}
.tb-txtLeft { text-align:left!important; }
.tb-txtRight { text-align:right!important; }
.tb-txtCenter { text-align:center!important; }
	
.tb-block{ display: block;}
.tb-box5{ padding:5px;}
.tb-box10{ padding:10px;}
.tb-box15{ padding:15px;}
.tb-box20{ padding:20px;}
.tb-box25{ padding:25px;}
.tb-box30{ padding:30px;}

.tb-space5{ margin:5px;}
.tb-space10{ margin:10px;}
.tb-space15{ margin:15px;}
.tb-space20{ margin:20px;}
.tb-space25{ margin:25px;}
.tb-space30{ margin:30px;}
	
.tb_top_space0 { margin-top: 0px!important; }
.tb_top_space3 { margin-top: 3px!important; }
.tb_top_space5 { margin-top: 5px!important; }
.tb_top_space6 { margin-top: 6px!important; }
.tb_top_space7 { margin-top: 7px!important; }
.tb_top_space10 { margin-top: 10px!important; }
.tb_top_space12 { margin-top: 12px!important; }
.tb_top_space13 { margin-top: 13px!important; }
.tb_top_space15 { margin-top: 15px!important; }
.tb_top_space20 { margin-top: 20px!important; }
.tb_top_space25 { margin-top: 25px!important; }
.tb_top_space30 { margin-top: 30px!important; }
.tb_top_space35 { margin-top: 35px!important; }
.tb_top_space40 { margin-top: 40px!important; }
.tb_top_space45 { margin-top: 45px!important; }
.tb_top_space50 { margin-top: 50px!important; }
.tb_top_space55 { margin-top: 55px!important; }
.tb_top_space60 { margin-top: 60px!important; }
.tb_top_space65 { margin-top: 65px!important; }
.tb_top_space70 { margin-top: 70px!important; }
.tb_top_space80 { margin-top: 80px!important; }
.tb_top_space90 { margin-top: 90px!important; }
.tb_top_space100 { margin-top: 100px!important; }
	
.tb_botom_space5 { margin-bottom:5px!important; }
.tb_botom_space10 { margin-bottom:10px!important; }
.tb_botom_space15 { margin-bottom:15px!important; }
.tb_botom_space20 { margin-bottom:20px!important; }
.tb_botom_space30 { margin-bottom:30px!important; }
.tb_botom_space40 { margin-bottom:40px!important; }

.tb_left_space0 { margin-left:0px!important; }
.tb_left_space5 { margin-left:5px!important; }
.tb_left_space10 { margin-left:10px!important; }
.tb_left_space15 { margin-left:15px!important; }
.tb_left_space20 { margin-left:20px!important; }
.tb_left_space30 { margin-left:30px!important; }
.tb_left_space40 { margin-left:40px!important; }
.tb_left_space50 { margin-left:50px!important; }

.tb_right_space0 { margin-right:0px!important; }
.tb_right_space5 { margin-right:5px!important; }
.tb_right_space10 { margin-right:10px!important; }
.tb_right_space15 { margin-right:15px!important; }
.tb_right_space20 { margin-right:20px!important; }
.tb_right_space30 { margin-right:30px!important; }
.tb_right_space40 { margin-right:40px!important; }
.tb_right_space50 { margin-right:50px!important; }
}
@media screen and (max-width:786px){
.fLeft.tb2-fnone,
.fRight.tb2-fnone,
.tb2-fnone{ float:none; }	
.tb2_maAuto{margin-left:auto;margin-right:auto;display: block!important;}
.tb2-txtLeft { text-align:left!important; }
.tb2-txtRight { text-align:right!important; }
.tb2-txtCenter { text-align:center!important; }
.comingsoon{ text-align: center; padding: 20px 0;}
	
.tb2-block{ display: block;}
.tb2-box5{ padding:5px;}
.tb2-box10{ padding:10px;}
.tb2-box15{ padding:15px;}
.tb2-box20{ padding:20px;}
.tb2-box25{ padding:25px;}
.tb2-box30{ padding:30px;}

.tb2-space5{ margin:5px;}
.tb2-space10{ margin:10px;}
.tb2-space15{ margin:15px;}
.tb2-space20{ margin:20px;}
.tb2-space25{ margin:25px;}
.tb2-space30{ margin:30px;}
	
.tb2_top_space0 { margin-top: 0px!important; }
.tb2_top_space3 { margin-top: 3px!important; }
.tb2_top_space5 { margin-top: 5px!important; }
.tb2_top_space6 { margin-top: 6px!important; }
.tb2_top_space7 { margin-top: 7px!important; }
.tb2_top_space10 { margin-top: 10px!important; }
.tb2_top_space12 { margin-top: 12px!important; }
.tb2_top_space13 { margin-top: 13px!important; }
.tb2_top_space15 { margin-top: 15px!important; }
.tb2_top_space20 { margin-top: 20px!important; }
.tb2_top_space25 { margin-top: 25px!important; }
.tb2_top_space30 { margin-top: 30px!important; }
.tb2_top_space35 { margin-top: 35px!important; }
.tb2_top_space40 { margin-top: 40px!important; }
.tb2_top_space45 { margin-top: 45px!important; }
.tb2_top_space50 { margin-top: 50px!important; }
.tb2_top_space55 { margin-top: 55px!important; }
.tb2_top_space60 { margin-top: 60px!important; }
.tb2_top_space65 { margin-top: 65px!important; }
.tb2_top_space70 { margin-top: 70px!important; }
.tb2_top_space80 { margin-top: 80px!important; }
.tb2_top_space90 { margin-top: 90px!important; }
.tb2_top_space100 { margin-top: 100px!important; }
	
.tb2_botom_space5 { margin-bottom:5px!important; }
.tb2_botom_space10 { margin-bottom:10px!important; }
.tb2_botom_space15 { margin-bottom:15px!important; }
.tb2_botom_space20 { margin-bottom:20px!important; }
.tb2_botom_space30 { margin-bottom:30px!important; }
.tb2_botom_space40 { margin-bottom:40px!important; }

.tb2_left_space0 { margin-left:0px!important; }
.tb2_left_space5 { margin-left:5px!important; }
.tb2_left_space10 { margin-left:10px!important; }
.tb2_left_space15 { margin-left:15px!important; }
.tb2_left_space20 { margin-left:20px!important; }
.tb2_left_space30 { margin-left:30px!important; }
.tb2_left_space40 { margin-left:40px!important; }
.tb2_left_space50 { margin-left:50px!important; }

.tb2_right_space0 { margin-right:0px!important; }
.tb2_right_space5 { margin-right:5px!important; }
.tb2_right_space10 { margin-right:10px!important; }
.tb2_right_space15 { margin-right:15px!important; }
.tb2_right_space20 { margin-right:20px!important; }
.tb2_right_space30 { margin-right:30px!important; }
.tb2_right_space40 { margin-right:40px!important; }
.tb2_right_space50 { margin-right:50px!important; }
}
 /*sp*/
@media screen and (max-width:568px){
.fLeft.sp-fnone,
.fRight.sp-fnone,
.sp-fnone{ float:none; }	
.sp_maAuto{margin-left:auto;margin-right:auto;display: block!important;}
.sp-txtLeft { text-align:left!important; }
.sp-txtRight { text-align:right!important; }
.sp-txtCenter { text-align:center!important; }
	
.sp-block{ display: block;}
.sp-box5{ padding:5px;}
.sp-box10{ padding:10px;}
.sp-box15{ padding:15px;}
.sp-box20{ padding:20px;}
.sp-box25{ padding:25px;}
.sp-box30{ padding:30px;}

.sp-space5{ margin:5px;}
.sp-space10{ margin:10px;}
.sp-space15{ margin:15px;}
.sp-space20{ margin:20px;}
.sp-space25{ margin:25px;}
.sp-space30{ margin:30px;}
	
.sp_top_space0 { margin-top: 0px!important; }
.sp_top_space3 { margin-top: 3px!important; }
.sp_top_space5 { margin-top: 5px!important; }
.sp_top_space6 { margin-top: 6px!important; }
.sp_top_space7 { margin-top: 7px!important; }
.sp_top_space10 { margin-top: 10px!important; }
.sp_top_space12 { margin-top: 12px!important; }
.sp_top_space13 { margin-top: 13px!important; }
.sp_top_space15 { margin-top: 15px!important; }
.sp_top_space20 { margin-top: 20px!important; }
.sp_top_space25 { margin-top: 25px!important; }
.sp_top_space30 { margin-top: 30px!important; }
.sp_top_space35 { margin-top: 35px!important; }
.sp_top_space40 { margin-top: 40px!important; }
.sp_top_space45 { margin-top: 45px!important; }
.sp_top_space50 { margin-top: 50px!important; }
.sp_top_space55 { margin-top: 55px!important; }
.sp_top_space60 { margin-top: 60px!important; }
.sp_top_space65 { margin-top: 65px!important; }
.sp_top_space70 { margin-top: 70px!important; }
.sp_top_space80 { margin-top: 80px!important; }
.sp_top_space90 { margin-top: 90px!important; }
.sp_top_space100 { margin-top: 100px!important; }
	
.sp_botom_space5 { margin-bottom:5px!important; }
.sp_botom_space10 { margin-bottom:10px!important; }
.sp_botom_space15 { margin-bottom:15px!important; }
.sp_botom_space20 { margin-bottom:20px!important; }
.sp_botom_space30 { margin-bottom:30px!important; }
.sp_botom_space40 { margin-bottom:40px!important; }
	
.sp_left_space0 { margin-left:0px!important; }
.sp_left_space5 { margin-left:5px!important; }
.sp_left_space10 { margin-left:10px!important; }
.sp_left_space15 { margin-left:15px!important; }
.sp_left_space20 { margin-left:20px!important; }
.sp_left_space30 { margin-left:30px!important; }
.sp_left_space40 { margin-left:40px!important; }
.sp_left_space50 { margin-left:50px!important; }
	
.sp_right_space0 { margin-right:0px!important; }
.sp_right_space5 { margin-right:5px!important; }
.sp_right_space10 { margin-right:10px!important; }
.sp_right_space15 { margin-right:15px!important; }
.sp_right_space20 { margin-right:20px!important; }
.sp_right_space30 { margin-right:30px!important; }
.sp_right_space40 { margin-right:40px!important; }
.sp_right_space50 { margin-right:50px!important; }
}
/*----------------------------------------------------
clearFix
----------------------------------------------------*/
.clearfix{  zoom:1;/*for IE 5.5-7*/}
.clearfix:after{content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
.clearfix{display: inline-block;min-height: 1%;/* escape MacIE5 \*/
  display: block;/* escape MacIE5 */ }
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix{height: 1%;}
.clearfix {display: block;}
/* escape MacIE5 */

.clear { clear:both; margin:0; padding:0; height:0; line-height:0; }
.clearB { clear:both; }

/*----------------------------------------------------
  幅
----------------------------------------------------*/
.w5{width:5%;}
.w10{width:calc(10% - 10px);}
.w11{width:calc(11.11111111111111% - 10px);}
.w12{width:calc(12.5% - 10px);}
.w14{width:calc(14.28571428571429% - 10px);}
.w15{width:calc(15% - 10px);}
.w16{width:calc(16.66666666666667% - 10px);}
.w20{width:calc(20% - 10px);}
.w23{width:calc(23% - 10px);}
.w25{width:calc(25% - 10px);}
.w30{width:calc(30% - 10px);}
.w33{width:calc(33.33333333333334% - 10px);}
.w35{width:calc(35% - 10px);}
.w38{width:calc(38% - 10px);}
.w40{width:calc(40% - 10px);}
.w48{width:calc(48% - 10px);}
.w50{width:calc(50% - 10px);}
.w60{width:calc(60% - 10px);}
.w66{width:calc(65.66666666666668% - 10px);}
.w70{width:calc(70% - 10px);}
.w75{width:calc(75% - 10px);}
.w80{width:calc(80% - 10px);}
.w85{width:calc(85% - 10px);}
.w90{width:90%;}
.w96{width:96%;}
.w100{width:100%;}

/*Other*/
.w50fl{width:calc(50% - 1px); margin: 0 0.5px;}
.w650{width:650px;}

 /*tb*/
@media screen and (max-width:992px){
.w5.tb-w100,
.w10.tb-w100,
.w11.tb-w100,
.w12.tb-w100,
.w14.tb-w100,
.w15.tb-w100,
.w16.tb-w100,
.w20.tb-w100,
.w23.tb-w100,
.w25.tb-w100,
.w30.tb-w100,
.w33.tb-w100,
.w35.tb-w100,
.w38.tb-w100,
.w40.tb-w100,
.w48.tb-w100,
.w50.tb-w100,
.w60.tb-w100,
.w66.tb-w100,
.w70.tb-w100,
.w75.tb-w100,
.w80.tb-w100,
.w85.tb-w100,
.w90.tb-w100{width:calc(100% - 0px);}
	
.w5.tb-w95,
.w10.tb-w95,
.w11.tb-w95,
.w12.tb-w95,
.w14.tb-w95,
.w15.tb-w95,
.w16.tb-w95,
.w20.tb-w95,
.w23.tb-w95,
.w25.tb-w95,
.w30.tb-w95,
.w33.tb-w95,
.w35.tb-w95,
.w38.tb-w95,
.w40.tb-w95,
.w48.tb-w95,
.w50.tb-w95,
.w60.tb-w95,
.w66.tb-w95,
.w70.tb-w95,
.w75.tb-w95,
.w80.tb-w95,
.w85.tb-w95,
.w90.tb-w95,
.w100.tb-w95{width:calc(95% - 10px);}
	
.w5.tb-w90,
.w10.tb-w90,
.w11.tb-w90,
.w12.tb-w90,
.w14.tb-w90,
.w15.tb-w90,
.w16.tb-w90,
.w20.tb-w90,
.w23.tb-w90,
.w25.tb-w90,
.w30.tb-w90,
.w33.tb-w90,
.w35.tb-w90,
.w38.tb-w90,
.w40.tb-w90,
.w48.tb-w90,
.w50.tb-w90,
.w60.tb-w90,
.w66.tb-w90,
.w70.tb-w90,
.w75.tb-w90,
.w80.tb-w90,
.w85.tb-w90,
.w90.tb-w90,
.w100.tb-w90{width:calc(90% - 10px);}

		
.w5.tb-w85,
.w10.tb-w85,
.w11.tb-w85,
.w12.tb-w85,
.w14.tb-w85,
.w15.tb-w85,
.w16.tb-w85,
.w20.tb-w85,
.w23.tb-w85,
.w25.tb-w85,
.w30.tb-w85,
.w33.tb-w85,
.w35.tb-w85,
.w38.tb-w85,
.w40.tb-w85,
.w48.tb-w85,
.w50.tb-w80,
.w60.tb-w85,
.w66.tb-w85,
.w70.tb-w85,
.w75.tb-w85,
.w80.tb-w85,
.w85.tb-w85,
.w90.tb-w85,
.w100.tb-w85{width:calc(85% - 10px);}

.w5.tb-w80,
.w10.tb-w80,
.w11.tb-w80,
.w12.tb-w80,
.w14.tb-w80,
.w15.tb-w80,
.w16.tb-w80,
.w20.tb-w80,
.w23.tb-w80,
.w25.tb-w80,
.w30.tb-w80,
.w33.tb-w80,
.w35.tb-w80,
.w38.tb-w80,
.w40.tb-w80,
.w48.tb-w80,
.w50.tb-w80,
.w60.tb-w80,
.w66.tb-w80,
.w70.tb-w80,
.w75.tb-w80,
.w80.tb-w80,
.w85.tb-w80,
.w90.tb-w80,
.w100.tb-w80{width:calc(80% - 10px);}

.w5.tb-w75,
.w10.tb-w75,
.w11.tb-w75,
.w12.tb-w75,
.w14.tb-w75,
.w15.tb-w75,
.w16.tb-w75,
.w20.tb-w75,
.w23.tb-w75,
.w25.tb-w75,
.w30.tb-w75,
.w33.tb-w75,
.w35.tb-w75,
.w38.tb-w75,
.w40.tb-w75,
.w48.tb-w75,
.w50.tb-w75,
.w60.tb-w75,
.w66.tb-w75,
.w70.tb-w75,
.w75.tb-w75,
.w80.tb-w75,
.w85.tb-w75,
.w90.tb-w75,
.w100.tb-w75{width:calc(75% - 10px);}

.w5.tb-w70,
.w10.tb-w70,
.w11.tb-w70,
.w12.tb-w70,
.w14.tb-w70,
.w15.tb-w70,
.w16.tb-w70,
.w20.tb-w70,
.w23.tb-w70,
.w25.tb-w70,
.w30.tb-w70,
.w33.tb-w70,
.w35.tb-w70,
.w38.tb-w70,
.w40.tb-w70,
.w48.tb-w70,
.w50.tb-w70,
.w60.tb-w70,
.w66.tb-w70,
.w70.tb-w70,
.w75.tb-w70,
.w80.tb-w70,
.w85.tb-w70,
.w90.tb-w70,
.w100.tb-w70{width:calc(70% - 10px);}

.w5.tb-w68,
.w10.tb-w68,
.w11.tb-w68,
.w12.tb-w68,
.w14.tb-w68,
.w15.tb-w68,
.w16.tb-w68,
.w20.tb-w68,
.w23.tb-w68,
.w25.tb-w68,
.w30.tb-w68,
.w33.tb-w68,
.w35.tb-w68,
.w38.tb-w68,
.w40.tb-w68,
.w48.tb-w68,
.w50.tb-w68,
.w60.tb-w68,
.w66.tb-w68,
.w70.tb-w68,
.w75.tb-w68,
.w80.tb-w68,
.w85.tb-w68,
.w90.tb-w68,
.w100.tb-w68{width:calc(68% - 10px);}

.w5.tb-w60,
.w10.tb-w60,
.w11.tb-w60,
.w12.tb-w60,
.w14.tb-w60,
.w15.tb-w60,
.w16.tb-w60,
.w20.tb-w60,
.w23.tb-w60,
.w25.tb-w60,
.w30.tb-w60,
.w33.tb-w60,
.w35.tb-w60,
.w38.tb-w60,
.w40.tb-w60,
.w48.tb-w60,
.w50.tb-w60,
.w60.tb-w60,
.w66.tb-w60,
.w70.tb-w60,
.w75.tb-w60,
.w80.tb-w60,
.w85.tb-w60,
.w90.tb-w60,
.w100.tb-w60{width:calc(60% - 10px);}

.w5.tb-w50,
.w10.tb-w50,
.w11.tb-w50,
.w12.tb-w50,
.w14.tb-w50,
.w15.tb-w50,
.w16.tb-w50,
.w20.tb-w50,
.w23.tb-w50,
.w25.tb-w50,
.w30.tb-w50,
.w33.tb-w50,
.w35.tb-w50,
.w38.tb-w50,
.w40.tb-w50,
.w48.tb-w50,
.w50.tb-w50,
.w60.tb-w50,
.w66.tb-w50,
.w70.tb-w50,
.w75.tb-w50,
.w80.tb-w50,
.w85.tb-w50,
.w90.tb-w50,
.w100.tb-w50{width:calc(50% - 10px);}

.w5.tb-w48,
.w10.tb-w48,
.w11.tb-w48,
.w12.tb-w48,
.w14.tb-w48,
.w15.tb-w48,
.w16.tb-w48,
.w20.tb-w48,
.w23.tb-w48,
.w25.tb-w48,
.w30.tb-w48,
.w33.tb-w48,
.w35.tb-w48,
.w38.tb-w48,
.w40.tb-w48,
.w48.tb-w48,
.w50.tb-w48,
.w60.tb-w48,
.w66.tb-w48,
.w70.tb-w48,
.w75.tb-w48,
.w80.tb-w48,
.w85.tb-w48,
.w90.tb-w48,
.w100.tb-w48{width:calc(48% - 10px);}

.w5.tb-w45,
.w10.tb-w45,
.w11.tb-w45,
.w12.tb-w45,
.w14.tb-w45,
.w15.tb-w45,
.w16.tb-w45,
.w20.tb-w45,
.w23.tb-w45,
.w25.tb-w45,
.w30.tb-w45,
.w33.tb-w45,
.w35.tb-w45,
.w38.tb-w45,
.w40.tb-w45,
.w48.tb-w45,
.w50.tb-w45,
.w60.tb-w45,
.w66.tb-w45,
.w70.tb-w45,
.w75.tb-w45,
.w80.tb-w45,
.w85.tb-w45,
.w90.tb-w45,
.w100.tb-w45{width:calc(45% - 10px);}

.w5.tb-w40,
.w10.tb-w40,
.w11.tb-w40,
.w12.tb-w40,
.w14.tb-w40,
.w15.tb-w40,
.w16.tb-w40,
.w20.tb-w40,
.w23.tb-w40,
.w25.tb-w40,
.w30.tb-w40,
.w33.tb-w40,
.w35.tb-w40,
.w38.tb-w40,
.w40.tb-w40,
.w48.tb-w40,
.w50.tb-w40,
.w60.tb-w40,
.w66.tb-w40,
.w70.tb-w40,
.w75.tb-w40,
.w80.tb-w40,
.w90.tb-w40,
.w100.tb-w40{width:calc(40% - 10px);}
	
.w5.tb-w33,
.w10.tb-w33,
.w11.tb-w33,
.w12.tb-w33,
.w14.tb-w33,
.w15.tb-w33,
.w16.tb-w33,
.w20.tb-w33,
.w23.tb-w33,
.w25.tb-w33,
.w30.tb-w33,
.w33.tb-w33,
.w35.tb-w33,
.w38.tb-w33,
.w40.tb-w33,
.w48.tb-w33,
.w50.tb-w33,
.w60.tb-w33,
.w66.tb-w33,
.w70.tb-w33,
.w75.tb-w33,
.w80.tb-w33,
.w85.tb-w33,
.w90.tb-w33,
.w100.tb-w33{width:calc(33.3333333333333% - 10px);}

.w5.tb-w30,
.w10.tb-w30,
.w11.tb-w30,
.w12.tb-w30,
.w14.tb-w30,
.w15.tb-w30,
.w16.tb-w30,
.w20.tb-w30,
.w23.tb-w30,
.w25.tb-w30,
.w30.tb-w30,
.w33.tb-w30,
.w35.tb-w30,
.w38.tb-w30,
.w40.tb-w30,
.w48.tb-w30,
.w50.tb-w30,
.w60.tb-w30,
.w66.tb-w30,
.w70.tb-w30,
.w75.tb-w30,
.w80.tb-w30,
.w85.tb-w30,
.w90.tb-w30,
.w100.tb-w30{width:calc(30% - 10px);}

.w5.tb-w25,
.w10.tb-w25,
.w11.tb-w25,
.w12.tb-w25,
.w14.tb-w25,
.w15.tb-w25,
.w16.tb-w25,
.w20.tb-w25,
.w23.tb-w25,
.w25.tb-w25,
.w30.tb-w25,
.w33.tb-w25,
.w35.tb-w25,
.w38.tb-w25,
.w40.tb-w25,
.w48.tb-w25,
.w50.tb-w25,
.w60.tb-w25,
.w66.tb-w25,
.w70.tb-w25,
.w75.tb-w25,
.w80.tb-w25,
.w85.tb-w25,
.w90.tb-w25,
.w100.tb-w25{width:calc(25% - 10px);}

.w5.tb-w20,
.w10.tb-w20,
.w11.tb-w20,
.w12.tb-w20,
.w14.tb-w20,
.w15.tb-w20,
.w16.tb-w20,
.w20.tb-w20,
.w23.tb-w20,
.w25.tb-w20,
.w30.tb-w20,
.w33.tb-w20,
.w35.tb-w20,
.w38.tb-w20,
.w40.tb-w20,
.w48.tb-w20,
.w50.tb-w20,
.w60.tb-w20,
.w66.tb-w20,
.w70.tb-w20,
.w75.tb-w20,
.w80.tb-w20,
.w85.tb-w20,
.w90.tb-w20,
.w100.tb-w20{width:calc(20% - 10px);}

.w5.tb-w18,
.w10.tb-w18,
.w11.tb-w18,
.w12.tb-w18,
.w14.tb-w18,
.w15.tb-w18,
.w16.tb-w18,
.w20.tb-w18,
.w23.tb-w18,
.w25.tb-w18,
.w30.tb-w18,
.w33.tb-w18,
.w35.tb-w18,
.w38.tb-w18,
.w40.tb-w18,
.w48.tb-w18,
.w50.tb-w18,
.w60.tb-w18,
.w66.tb-w18,
.w70.tb-w18,
.w75.tb-w18,
.w80.tb-w18,
.w85.tb-w18,
.w90.tb-w18,
.w100.tb-w18{width:calc(18% - 10px);}

.w5.tb-w10,
.w10.tb-w10,
.w11.tb-w10,
.w12.tb-w10,
.w14.tb-w10,
.w15.tb-w10,
.w16.tb-w10,
.w20.tb-w10,
.w23.tb-w10,
.w25.tb-w10,
.w30.tb-w10,
.w33.tb-w10,
.w35.tb-w10,
.w38.tb-w10,
.w40.tb-w10,
.w48.tb-w10,
.w50.tb-w10,
.w60.tb-w10,
.w66.tb-w10,
.w70.tb-w10,
.w75.tb-w10,
.w80.tb-w10,
.w85.tb-w10,
.w90.tb-w10,
.w100.tb-w10{width:calc(10% - 10px);}

.w5.tb-w5,
.w10.tb-w5,
.w11.tb-w5,
.w12.tb-w5,
.w14.tb-w5,
.w15.tb-w5,
.w16.tb-w5,
.w20.tb-w5,
.w23.tb-w5,
.w25.tb-w5,
.w30.tb-w5,
.w33.tb-w5,
.w35.tb-w5,
.w38.tb-w5,
.w40.tb-w5,
.w48.tb-w5,
.w50.tb-w5,
.w60.tb-w5,
.w66.tb-w5,
.w70.tb-w5,
.w75.tb-w5,
.w80.tb-w5,
.w85.tb-w5,
.w90.tb-w5,
.w100.tb-w5{width:calc(5% - 10px);}
}

 /*tb786*/
@media screen and (max-width:786px){
.w5.tb2-w100,
.w10.tb2-w100,
.w11.tb2-w100,
.w12.tb2-w100,
.w14.tb2-w100,
.w15.tb2-w100,
.w16.tb2-w100,
.w20.tb2-w100,
.w23.tb2-w100,
.w25.tb2-w100,
.w30.tb2-w100,
.w33.tb2-w100,
.w35.tb2-w100,
.w38.tb2-w100,
.w40.tb2-w100,
.w48.tb2-w100,
.w50.tb2-w100,
.w60.tb2-w100,
.w66.tb2-w100,
.w70.tb2-w100,
.w75.tb2-w100,
.w80.tb2-w100,
.w85.tb2-w100{width:calc(100% - 0px);}
	
.w5.tb2-w95,
.w10.tb2-w95,
.w11.tb2-w95,
.w12.tb2-w95,
.w14.tb2-w95,
.w15.tb2-w95,
.w16.tb2-w95,
.w20.tb2-w95,
.w23.tb2-w95,
.w25.tb2-w95,
.w30.tb2-w95,
.w33.tb2-w95,
.w35.tb2-w95,
.w38.tb2-w95,
.w40.tb2-w95,
.w48.tb2-w95,
.w50.tb2-w95,
.w60.tb2-w95,
.w66.tb2-w95,
.w70.tb2-w95,
.w75.tb2-w95,
.w80.tb2-w95,
.w85.tb2-w95,
.w90.tb2-w95,
.w100.tb2-w95{width:calc(95% - 10px);}
	
.w5.tb2-w90,
.w10.tb2-w90,
.w11.tb2-w90,
.w12.tb2-w90,
.w14.tb2-w90,
.w15.tb2-w90,
.w16.tb2-w90,
.w20.tb2-w90,
.w23.tb2-w90,
.w25.tb2-w90,
.w30.tb2-w90,
.w33.tb2-w90,
.w35.tb2-w90,
.w38.tb2-w90,
.w40.tb2-w90,
.w48.tb2-w90,
.w50.tb2-w90,
.w60.tb2-w90,
.w66.tb2-w90,
.w70.tb2-w90,
.w75.tb2-w90,
.w80.tb2-w90,
.w85.tb2-w90,
.w90.tb2-w90,
.w100.tb2-w90{width:calc(90% - 10px);}

.w5.tb2-w85,
.w10.tb2-w85,
.w11.tb2-w85,
.w12.tb2-w85,
.w14.tb2-w85,
.w15.tb2-w85,
.w16.tb2-w85,
.w20.tb2-w85,
.w23.tb2-w85,
.w25.tb2-w85,
.w30.tb2-w85,
.w33.tb2-w85,
.w35.tb2-w85,
.w38.tb2-w85,
.w40.tb2-w85,
.w48.tb2-w85,
.w50.tb2-w85,
.w60.tb2-w85,
.w66.tb2-w85,
.w70.tb2-w85,
.w75.tb2-w85,
.w80.tb2-w85,
.w85.tb2-w85,
.w90.tb2-w85,
.w100.tb2-w85{width:calc(85% - 10px);}
	
.w5.tb2-w80,
.w10.tb2-w80,
.w11.tb2-w80,
.w12.tb2-w80,
.w14.tb2-w80,
.w15.tb2-w80,
.w16.tb2-w80,
.w20.tb2-w80,
.w23.tb2-w80,
.w25.tb2-w80,
.w30.tb2-w80,
.w33.tb2-w80,
.w35.tb2-w80,
.w38.tb2-w80,
.w40.tb2-w80,
.w48.tb2-w80,
.w50.tb2-w80,
.w60.tb2-w80,
.w66.tb2-w80,
.w70.tb2-w80,
.w75.tb2-w80,
.w80.tb2-w80,
.w85.tb2-w80,
.w90.tb2-w80,
.w100.tb2-w80{width:calc(80% - 10px);}

.w5.tb2-w75,
.w10.tb2-w75,
.w11.tb2-w75,
.w12.tb2-w75,
.w14.tb2-w75,
.w15.tb2-w75,
.w16.tb2-w75,
.w20.tb2-w75,
.w23.tb2-w75,
.w25.tb2-w75,
.w30.tb2-w75,
.w33.tb2-w75,
.w35.tb2-w75,
.w38.tb2-w75,
.w40.tb2-w75,
.w48.tb2-w75,
.w50.tb2-w75,
.w60.tb2-w75,
.w66.tb2-w75,
.w70.tb2-w75,
.w75.tb2-w75,
.w80.tb2-w75,
.w85.tb2-w75,
.w90.tb2-w75,
.w100.tb2-w75{width:calc(75% - 10px);}

.w5.tb2-w70,
.w10.tb2-w70,
.w11.tb2-w70,
.w12.tb2-w70,
.w14.tb2-w70,
.w15.tb2-w70,
.w16.tb2-w70,
.w20.tb2-w70,
.w23.tb2-w70,
.w25.tb2-w70,
.w30.tb2-w70,
.w33.tb2-w70,
.w35.tb2-w70,
.w38.tb2-w70,
.w40.tb2-w70,
.w48.tb2-w70,
.w50.tb2-w70,
.w60.tb2-w70,
.w66.tb2-w70,
.w70.tb2-w70,
.w75.tb2-w70,
.w80.tb2-w70,
.w85.tb2-w70,
.w90.tb2-w70,
.w100.tb2-w70{width:calc(70% - 10px);}

.w5.tb2-w68,
.w10.tb2-w68,
.w11.tb2-w68,
.w12.tb2-w68,
.w14.tb2-w68,
.w15.tb2-w68,
.w16.tb2-w68,
.w20.tb2-w68,
.w23.tb2-w68,
.w25.tb2-w68,
.w30.tb2-w68,
.w33.tb2-w68,
.w35.tb2-w68,
.w38.tb2-w68,
.w40.tb2-w68,
.w48.tb2-w68,
.w50.tb2-w68,
.w60.tb2-w68,
.w66.tb2-w68,
.w70.tb2-w68,
.w75.tb2-w68,
.w80.tb2-w68,
.w85.tb2-w68,
.w90.tb2-w68,
.w100.tb2-w68{width:calc(68% - 10px);}

.w5.tb2-w60,
.w10.tb2-w60,
.w11.tb2-w60,
.w12.tb2-w60,
.w14.tb2-w60,
.w15.tb2-w60,
.w16.tb2-w60,
.w20.tb2-w60,
.w23.tb2-w60,
.w25.tb2-w60,
.w30.tb2-w60,
.w33.tb2-w60,
.w35.tb2-w60,
.w38.tb2-w60,
.w40.tb2-w60,
.w48.tb2-w60,
.w50.tb2-w60,
.w60.tb2-w60,
.w66.tb2-w60,
.w70.tb2-w60,
.w75.tb2-w60,
.w80.tb2-w60,
.w85.tb2-w60,
.w90.tb2-w60,
.w100.tb2-w60{width:calc(60% - 10px);}

.w5.tb2-w50,
.w10.tb2-w50,
.w11.tb2-w50,
.w12.tb2-w50,
.w14.tb2-w50,
.w15.tb2-w50,
.w16.tb2-w50,
.w20.tb2-w50,
.w23.tb2-w50,
.w25.tb2-w50,
.w30.tb2-w50,
.w33.tb2-w50,
.w35.tb2-w50,
.w38.tb2-w50,
.w40.tb2-w50,
.w48.tb2-w50,
.w50.tb2-w50,
.w60.tb2-w50,
.w66.tb2-w50,
.w70.tb2-w50,
.w75.tb2-w50,
.w80.tb2-w50,
.w85.tb2-w50,
.w90.tb2-w50,
.w100.tb2-w50{width:calc(50% - 10px);}

.w5.tb2-w48,
.w10.tb2-w48,
.w11.tb2-w48,
.w12.tb2-w48,
.w14.tb2-w48,
.w15.tb2-w48,
.w16.tb2-w48,
.w20.tb2-w48,
.w23.tb2-w48,
.w25.tb2-w48,
.w30.tb2-w48,
.w33.tb2-w48,
.w35.tb2-w48,
.w38.tb2-w48,
.w40.tb2-w48,
.w48.tb2-w48,
.w50.tb2-w48,
.w60.tb2-w48,
.w66.tb2-w48,
.w70.tb2-w48,
.w75.tb2-w48,
.w80.tb2-w48,
.w85.tb2-w48,
.w90.tb2-w48,
.w100.tb2-w48{width:calc(48% - 10px);}

.w5.tb2-w45,
.w10.tb2-w45,
.w11.tb2-w45,
.w12.tb2-w45,
.w14.tb2-w45,
.w15.tb2-w45,
.w16.tb2-w45,
.w20.tb2-w45,
.w23.tb2-w45,
.w25.tb2-w45,
.w30.tb2-w45,
.w33.tb2-w45,
.w35.tb2-w45,
.w38.tb2-w45,
.w40.tb2-w45,
.w48.tb2-w45,
.w50.tb2-w45,
.w60.tb2-w45,
.w66.tb2-w45,
.w70.tb2-w45,
.w75.tb2-w45,
.w80.tb2-w45,
.w85.tb2-w45,
.w90.tb2-w45,
.w100.tb2-w45{width:calc(45% - 10px);}

.w5.tb2-w40,
.w10.tb2-w40,
.w11.tb2-w40,
.w12.tb2-w40,
.w14.tb2-w40,
.w15.tb2-w40,
.w16.tb2-w40,
.w20.tb2-w40,
.w23.tb2-w40,
.w25.tb2-w40,
.w30.tb2-w40,
.w33.tb2-w40,
.w35.tb2-w40,
.w38.tb2-w40,
.w40.tb2-w40,
.w48.tb2-w40,
.w50.tb2-w40,
.w60.tb2-w40,
.w66.tb2-w40,
.w70.tb2-w40,
.w75.tb2-w40,
.w80.tb2-w40,
.w90.tb2-w40,
.w100.tb2-w40{width:calc(40% - 10px);}
	
.w5.tb2-w33,
.w10.tb2-w33,
.w11.tb2-w33,
.w12.tb2-w33,
.w14.tb2-w33,
.w15.tb2-w33,
.w16.tb2-w33,
.w20.tb2-w33,
.w23.tb2-w33,
.w25.tb2-w33,
.w30.tb2-w33,
.w33.tb2-w33,
.w35.tb2-w33,
.w38.tb2-w33,
.w40.tb2-w33,
.w48.tb2-w33,
.w50.tb2-w33,
.w60.tb2-w33,
.w66.tb2-w33,
.w70.tb2-w33,
.w75.tb2-w33,
.w80.tb2-w33,
.w85.tb2-w33,
.w90.tb2-w33,
.w100.tb2-w33{width:calc(33.3333333333333% - 10px);}

.w5.tb2-w30,
.w10.tb2-w30,
.w11.tb2-w30,
.w12.tb2-w30,
.w14.tb2-w30,
.w15.tb2-w30,
.w16.tb2-w30,
.w20.tb2-w30,
.w23.tb2-w30,
.w25.tb2-w30,
.w30.tb2-w30,
.w33.tb2-w30,
.w35.tb2-w30,
.w38.tb2-w30,
.w40.tb2-w30,
.w48.tb2-w30,
.w50.tb2-w30,
.w60.tb2-w30,
.w66.tb2-w30,
.w70.tb2-w30,
.w75.tb2-w30,
.w80.tb2-w30,
.w85.tb2-w30,
.w90.tb2-w30,
.w100.tb2-w30{width:calc(30% - 10px);}

.w5.tb2-w25,
.w10.tb2-w25,
.w11.tb2-w25,
.w12.tb2-w25,
.w14.tb2-w25,
.w15.tb2-w25,
.w16.tb2-w25,
.w20.tb2-w25,
.w23.tb2-w25,
.w25.tb2-w25,
.w30.tb2-w25,
.w33.tb2-w25,
.w35.tb2-w25,
.w38.tb2-w25,
.w40.tb2-w25,
.w48.tb2-w25,
.w50.tb2-w25,
.w60.tb2-w25,
.w66.tb2-w25,
.w70.tb2-w25,
.w75.tb2-w25,
.w80.tb2-w25,
.w85.tb2-w25,
.w90.tb2-w25,
.w100.tb2-w25{width:calc(25% - 10px);}

.w5.tb2-w20,
.w10.tb2-w20,
.w11.tb2-w20,
.w12.tb2-w20,
.w14.tb2-w20,
.w15.tb2-w20,
.w16.tb2-w20,
.w20.tb2-w20,
.w23.tb2-w20,
.w25.tb2-w20,
.w30.tb2-w20,
.w33.tb2-w20,
.w35.tb2-w20,
.w38.tb2-w20,
.w40.tb2-w20,
.w48.tb2-w20,
.w50.tb2-w20,
.w60.tb2-w20,
.w66.tb2-w20,
.w70.tb2-w20,
.w75.tb2-w20,
.w80.tb2-w20,
.w85.tb2-w20,
.w90.tb2-w20,
.w100.tb2-w20{width:calc(20% - 10px);}

.w5.tb2-w18,
.w10.tb2-w18,
.w11.tb2-w18,
.w12.tb2-w18,
.w14.tb2-w18,
.w15.tb2-w18,
.w16.tb2-w18,
.w20.tb2-w18,
.w23.tb2-w18,
.w25.tb2-w18,
.w30.tb2-w18,
.w33.tb2-w18,
.w35.tb2-w18,
.w38.tb2-w18,
.w40.tb2-w18,
.w48.tb2-w18,
.w50.tb2-w18,
.w60.tb2-w18,
.w66.tb2-w18,
.w70.tb2-w18,
.w75.tb2-w18,
.w80.tb2-w18,
.w85.tb2-w18,
.w90.tb2-w18,
.w100.tb2-w18{width:calc(18% - 10px);}

.w5.tb2-w10,
.w10.tb2-w10,
.w11.tb2-w10,
.w12.tb2-w10,
.w14.tb2-w10,
.w15.tb2-w10,
.w16.tb2-w10,
.w20.tb2-w10,
.w23.tb2-w10,
.w25.tb2-w10,
.w30.tb2-w10,
.w33.tb2-w10,
.w35.tb2-w10,
.w38.tb2-w10,
.w40.tb2-w10,
.w48.tb2-w10,
.w50.tb2-w10,
.w60.tb2-w10,
.w66.tb2-w10,
.w70.tb2-w10,
.w75.tb2-w10,
.w80.tb2-w10,
.w85.tb2-w10,
.w90.tb2-w10,
.w100.tb2-w10{width:calc(10% - 10px);}

.w5.tb2-w5,
.w10.tb2-w5,
.w11.tb2-w5,
.w12.tb2-w5,
.w14.tb2-w5,
.w15.tb2-w5,
.w16.tb2-w5,
.w20.tb2-w5,
.w23.tb2-w5,
.w25.tb2-w5,
.w30.tb2-w5,
.w33.tb2-w5,
.w35.tb2-w5,
.w38.tb2-w5,
.w40.tb2-w5,
.w48.tb2-w5,
.w50.tb2-w5,
.w60.tb2-w5,
.w66.tb2-w5,
.w70.tb2-w5,
.w75.tb2-w5,
.w80.tb2-w5,
.w85.tb2-w5,
.w90.tb2-w5,
.w100.tb2-w5{width:calc(5% - 10px);}

.w650{width:100%;}
}

 /*sp*/
@media screen and (max-width:568px){
.w5.sp-w100,
.w10.sp-w100,
.w11.sp-w100,
.w12.sp-w100,
.w14.sp-w100,
.w15.sp-w100,
.w16.sp-w100,
.w20.sp-w100,
.w23.sp-w100,
.w25.sp-w100,
.w30.sp-w100,
.w33.sp-w100,
.w35.sp-w100,
.w38.sp-w100,
.w40.sp-w100,
.w48.sp-w100,
.w50.sp-w100,
.w60.sp-w100,
.w66.sp-w100,
.w70.sp-w100,
.w75.sp-w100,
.w80.sp-w100,
.w85.sp-w100,
.w90.sp-w100,
.w100.sp-w100{width:calc(100% - 0px);}

.w5.sp-w96,
.w10.sp-w96,
.w11.sp-w96,
.w12.sp-w96,
.w14.sp-w96,
.w15.sp-w96,
.w16.sp-w96,
.w20.sp-w96,
.w10.sp-w96,
.w23.sp-w96,
.w25.sp-w96,
.w30.sp-w96,
.w33.sp-w96,
.w35.sp-w96,
.w38.sp-w96,
.w40.sp-w96,
.w48.sp-w96,
.w50.sp-w96,
.w60.sp-w96,
.w66.sp-w96,
.w70.sp-w96,
.w75.sp-w96,
.w80.sp-w96,
.w85.sp-w96,
.w90.sp-w96,
.w100.sp-w96{width:calc(96% - 0px);}

.w5.sp-w80,
.w10.sp-w80,
.w11.sp-w80,
.w12.sp-w80,
.w14.sp-w80,
.w15.sp-w80,
.w16.sp-w80,
.w20.sp-w80,
.w23.sp-w80,
.w25.sp-w80,
.w30.sp-w80,
.w33.sp-w80,
.w35.sp-w80,
.w38.sp-w80,
.w40.sp-w80,
.w48.sp-w80,
.w50.sp-w80,
.w60.sp-w80,
.w66.sp-w80,
.w70.sp-w80,
.w75.sp-w80,
.w80.sp-w80,
.w85.sp-w80,
.w90.sp-w80,
.w100.sp-w80{width:calc(80% - 0px);}

.w5.sp-w50,
.w10.sp-w50,
.w11.sp-w50,
.w12.sp-w50,
.w14.sp-w50,
.w15.sp-w50,
.w16.sp-w50,
.w20.sp-w50,
.w23.sp-w50,
.w25.sp-w50,
.w30.sp-w50,
.w33.sp-w50,
.w35.sp-w50,
.w38.sp-w50,
.w40.sp-w50,
.w48.sp-w50,
.w50.sp-w50,
.w60.sp-w50,
.w66.sp-w50,
.w70.sp-w50,
.w75.sp-w50,
.w80.sp-w50,
.w85.sp-w50,
.w90.sp-w50,
.w100.sp-w50{width:calc(50% - 10px);}

.w5.sp-w25,
.w10.sp-w25,
.w11.sp-w25,
.w12.sp-w25,
.w14.sp-w25,
.w15.sp-w25,
.w16.sp-w25,
.w20.sp-w25,
.w23.sp-w25,
.w25.sp-w25,
.w30.sp-w25,
.w33.sp-w25,
.w35.sp-w25,
.w38.sp-w25,
.w40.sp-w25,
.w48.sp-w25,
.w50.sp-w25,
.w60.sp-w25,
.w66.sp-w25,
.w70.sp-w25,
.w75.sp-w25,
.w80.sp-w25,
.w85.sp-w25,
.w90.sp-w25,
.w100.sp-w25{width:calc(25% - 10px);}
}

/*--------------------------------------------------
flexBox
----------------------------------------------------*/
.flexBox { margin: auto;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.flexBox.center{justify-content: center; align-items: center; text-align: center;}
.flexBox .center{display:flex;flex-wrap:wrap;justify-content: center;align-items: center; text-align: center;}
.flexBox.flex-center {flex-direction: row; align-items: center;}
.flexBox .flex-center {display:flex;flex-wrap:wrap;flex-direction: row; align-items: center;}
.flexBox.align-center {flex-direction: row; justify-content: center;align-items: flex-start;}
.flexBox .align-center {display:flex;flex-wrap:wrap;flex-direction: row; justify-content: center;align-items: flex-start;}
.flexBox2{display:flex;}

 /*sp*/
@media screen and (max-width:568px){
.flexBox2.sp_block{display:block;}
}

/*--------------------------------------------------
　タイトルイメ－ジ
----------------------------------------------------*/
.titleImage img{ width: 100%; height: 120px;}
.groupPhoto img{ width: 100%; height: 250px;}
.object-fit_fill {
  object-fit: fill;font-family: 'object-fit: fill;'
}
.object-fit_cover {
  object-fit: cover;font-family: 'object-fit: cover;'
}
.object-fit_contain {
  object-fit: contain;font-family: 'object-fit: contain;'
}
.object-fit_none {
  object-fit: none;font-family: 'object-fit: none;'
}
.object-fit_scale-down {
  object-fit: scale-down;font-family: 'object-fit: scale-down;'
}

/*--------------------------------------------------
レシポンシブ
----------------------------------------------------*/
.tb{display:none!important;}
.tb2{display:none!important;}
.sp{display:none!important;}

/*tb*/
@media screen and (max-width:992px){
.pctb{display:none!important;}
.tb{display:block!important;}
}
@media screen and (max-width:786px){
.pctb2{display:none!important;}
.tb2{display:block!important;}	
}
 /*sp*/
@media screen and (max-width:568px){
.pcsp{display:none!important;}
.sp{display:block!important;}
}

/*----------------------------------------------------
  マウスオーバー
----------------------------------------------------*/
.over{transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;-webkit-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;-ms-transition:opacity 0.1s linear;}
a:hover .over,
.over:hover{opacity:0.8;}

.overbc{transition: .2s linear; -moz-transition: .2s linear; -webkit-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear; background: rgba(127,2,2,.0);}
a:hover .overbc,
.overbc:hover{opacity:0.8;background: rgba(255,102,102,.05);color: #00a6dc!important;}

.scale { transform: scale(1,1); opacity: 1; transition: 0.1s linear;-moz-transition: 0.1s linesar;-webkit-transition: 0.1s linear;-o-transition: 0.1s linear;-ms-transition: 0.1s linear;}
.scale:hover { opacity: 0.8; transform: scale(1.05,1.05);}

.topfloat { position:relative; bottom:0px; transition: 0.1s linear;-moz-transition: 0.1s linesar;-webkit-transition: 0.1s linear;-o-transition: 0.1s linear;-ms-transition: 0.1s linear;}
.topfloat:hover { bottom:-3px; box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.4);}

/*--------------------------------------------------
highlight
----------------------------------------------------*/
span.highlight {
  position: relative;
  background: linear-gradient(transparent 40%, yellow 40%);
}
span.highlight.pen-red {
  position: relative;
  background: linear-gradient(transparent 40%, rgb(255, 105, 150) 40%);
}
span.highlight.pen-green {
  position: relative;
  background: linear-gradient(transparent 40%, rgb(113, 243, 113) 40%);
}
span.highlight.pen-blue {
  position: relative;
  background: linear-gradient(transparent 40%, #73d6f7 40%);
}

/*--------------------------------------------------
icon
----------------------------------------------------*/
.icon { padding-left: 18px!important; position: relative; display: inline-block; cursor: pointer;}
.icon:before { color: #284267; font-family: FontAwesome; position: absolute; display: block; width: 13px; height: 18px; left: 0; top: 0; }
.icon.outside { padding-right: 18px!important;padding-left: 0px!important; }
.icon.outside:before {left: auto; right: 0;}

.icon.square:before { content: "\f0c8"; }
.icon.link:before { content: "\f138"; }
.icon.link2:before { content: "\f105"; left: 5px; }
.icon.outside.link2:before { left: auto; }
.icon.excel:before { content: "\f1c3"; }
.icon.word:before { content: "\f1c2"; }
.icon.ppt:before { content: "\f1c4"; }
.icon.pdf:before { content: "\f1c1"; }
.icon.back:before { content: "\f112"; }
.icon.blank:before { content: "\f08e"; }
.icon.mail:before { content: "\f003"; }
.icon.tel:before { content: "\f098"; }
.icon.fax:before { content: "\f1ac"; }
.icon.zoom:before { content: "\f002"; }

.file a{padding-left:20px;position: relative;display:inline-block;}
.file a:before{font-family: FontAwesome;position: absolute;display: block;width: 13px;height: 18px;left: 0;top: 0; color: #284267;}
.file a[href$=".XLS"]:before,
.file a[href$=".XLSX"]:before,
.file a[href$=".xls"]:before,
.file a[href$=".xlsx"]:before{content: "\f1c3";}
.file a[href$=".DOC"]:before,
.file a[href$=".DOCX"]:before,
.file a[href$=".doc"]:before,
.file a[href$=".docx"]:before{content: "\f1c2";}
.file a[href$=".PPT"]:before,
.file a[href$=".PPTX"]:before,
.file a[href$=".PPSX"]:before,
.file a[href$=".ppt"]:before,
.file a[href$=".pptx"]:before,
.file a[href$=".ppsx"]:before{content: "\f1c4";}
.file a[href$=".PDF"]:before,
.file a[href$=".pdf"]:before{content: "\f1c1";}

/*--------------------------------------------------
サブメニュー
----------------------------------------------------*/
.subMenu { width: 1000px; margin: 10px auto 50px auto; background: #284267; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.subMenu a { width: 16.66666666666667%; font-size: 1.4rem; padding: 10px; color: #fff; border-right: 1px solid #fff; text-decoration: none; transition: .2s linear; -moz-transition: .2s linear; -webkit-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear;
display:flex; flex-direction: column;justify-content: center;align-items: center; text-align: center;}
.subMenu a:nth-child(6n+6) { border-right:none; }
.subMenu a:hover,
.subMenu a.active { background: rgba(255,255,255,0.15); }

/*tb*/
@media screen and (max-width:1200px) {
.subMenu { margin: 1px auto 40px auto; width: 100%;position: relative; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
background: none;
}
.subMenu a { width: 33.33333333333334%; border-bottom: 1px solid #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99 #fff), color-stop(0.98, #284267));
  background: -webkit-linear-gradient(top, #284267 98%, #fff 99%);
  background: -moz-linear-gradient(top, #284267 98%, #fff 99%);
  background: -o-linear-gradient(top, #284267 98%, #fff 99%);
  background: -ms-linear-gradient(top, #284267 98%, #fff 99%);
  background: linear-gradient(to bottom, #284267 98%, #fff 99%);}
.subMenu a:hover {opacity: 0.8;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99 #fff), color-stop(0.98, #284267));
  background: -webkit-linear-gradient(top, #284267 98%, #fff 99%);
  background: -moz-linear-gradient(top, #284267 98%, #fff 99%);
  background: -o-linear-gradient(top, #284267 98%, #fff 99%);
  background: -ms-linear-gradient(top, #284267 98%, #fff 99%);
  background: linear-gradient(to bottom, #284267 98%, #fff 99%);}
.subMenu a:nth-child(3n+3) { border-right: 0; }
}

/*sp*/
@media screen and (max-width:568px) {
.subMenu { margin: 1px auto 30px auto; }
.subMenu a{ width: 50%; border-left: 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.subMenu a:nth-child(3n+3),
.subMenu a:first-child { border-right: 1px solid #fff; }
.subMenu a:nth-child(2n) { border-right: 0; }
}
  
/*--------------------------------------------------
flexLink
----------------------------------------------------*/
.flexLink { margin: 10px auto 30px auto;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;}
.flexLink.fcleft{justify-content: start; margin: 0px;}
.flexLink a,
.flexLink label{ padding-right: 15px; margin-bottom: 5px; transition: .2s linear; -moz-transition: .2s linear; -webkit-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear;}

 /*sp*/
@media screen and (max-width:568px){
.flexLink {justify-content: start!important;}
}

/*--------------------------------------------------
キャッチコピー
----------------------------------------------------*/
.t-catch { font-size: 2.4rem; line-height: 3.0rem; font-weight: 600; margin-bottom: 20px; text-align: center;}

/* color set */
.t-catch.c-red { color: #ac0404;}
.t-catch.c-blue { color: #284267;}


@media screen and (max-width:786px){
.t-catch { font-size: 2.0rem;}
}

@media screen and (max-width:568px){
.t-catch { font-size: 1.8rem;}
}

/*--------------------------------------------------
見出し
----------------------------------------------------*/
.ttl-line { width: auto; font-size: 2.0rem; font-weight: 300; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #ccc; position: relative; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック',sans-serif;}
.ttl-line:before{ content: ""; position: absolute; display: block; width: 80px; height: 2px; left: 0; bottom: -2px; background: #284267;}
.ttl-line .s-tl {font-size: 1.4rem; display: inline-block; margin-left: 10px;}
.ttl-line.l-red:before{ background: #c52727;}
.ttl-margin { margin: 20px 0 10px 0;}

.ttl {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
}

.ttl::before {
  display: inline-block;
  width: 6px;
  height: 1.5em;
  margin-right: .5em;
  background-color: #284267;
  content: '';
  border-radius: 20px;
}

.label_icon {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #FFFFFF;
    padding: 3px 8px;
    font-size: 14px;
    margin-right: 3px;
    display: inline-block;
}
a.label_icon { color: #FFFFFF !important; text-decoration: none; cursor: pointer;}
.label_icon.cBlue{ background:#284267;}
.label_icon.cBlack{ background:#666666;}
.label_icon.cPink{ background:#ff3174;}
.label_icon.cRed{ background:#7f0202;}
.label_icon.cOrange{ background:#ed813a;}
.label_icon.cGreen{ background:#71ae49;}
.label_icon.cYellow { background:#bfb800;}
.label_icon.cPurple { background:#9900ff;}

 /*tb*/
@media screen and (max-width:786px){
.ttl-line { font-size: 1.8rem;} 
.ttl { font-size: 1.6rem;}

.anchor_ttl::before {
  display: block;
  height: 65px;
  margin-top: -65px;
  content: "";
  z-index: -1; position: relative;
}
}

 /*sp*/
@media screen and (max-width:568px){
.anchor_ttl::before {
  display: block;
  height: 60px;
  margin-top: -60px;
  content: "";
  z-index: -1; position: relative;}

}

/*--------------------------------------------------
ConsultationGuid
----------------------------------------------------*/
.ConsultationGuid .schedule{ display: inline-block; min-width: 315px; border: 1px solid #444; position: relative; padding: 5px 15px;margin-top: 15px;}
.ConsultationGuid .schedule:before{content:'';position: absolute;background:#fff;display:block;top: -1px; left: 15px;width: calc(100% - 30px); height: 1px;}
.ConsultationGuid .schedule:after{content:'';position: absolute;background:#fff;display:block;bottom: -1px; left: 15px;width: calc(100% - 30px); height: 1px;}
.ConsultationGuid .scheduleBtn{ padding: 15px 10px;display:flex;justify-content: center;align-items: center;}

.ConsultationGuid .outpatinfo{ text-align:center; margin-right: 5px;}
.ConsultationGuid .outpatinfo img{ width:100%; max-width:260px;}

.guide-tel { font-size: 1.4rem;}
.guide-tel a,
.guide-tel span { font-size: 2.4rem; display: inline-block; margin-right: 5px;}

 /*sp*/
@media screen and (max-width:965px){
.ConsultationGuid .schedule{  padding: 5px 10px; font-size: 1.2rem;}
}
@media screen and (max-width:865px){
.ConsultationGuid .schedule{  display: block;padding: 5px 15px; font-size: 1.5rem; width: 100%;}
.ConsultationGuid .scheduleBtn{width: 100%;}
}


/*--------------------------------------------------------------------------
   Note
---------------------------------------------------------------------------*/
.noteBox{ background: #f8f0f2; border-right: 5px; padding: 20px; position: relative; text-align: center; color: #7f0202;}
.noteBox:before,.noteBox:after{content: ""; position: absolute; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #7f0202;}
.noteBox:before{ transform: rotate(-45deg);left: -13px;top: -2px;}
.noteBox:after{transform: rotate(135deg); right: -13px; bottom:-2px;}

.note{ margin: 0 auto;padding: 1px; position: relative; display: block; border: 1px solid #7f0202; border-radius: 3px;}
.note .noteTtl{position: relative; font-size: 2.0rem; background: #7f0202; color: #fff;padding: 15px; text-align: center;}
.note div{ padding: 15px; text-align: center; font-size: 1.6rem;}

 /*sp*/
@media screen and (max-width:568px){
.note .noteTtl{font-size: 1.6rem;padding: 10px;}
.note div{font-size: 1.4rem;padding: 10px;}
}

/*--------------------------------------------------------------------------
  code
---------------------------------------------------------------------------*/
textarea.code { width: 100%; margin: 15px auto 0 auto; position: relative; display: block; border: 2px solid #f5f5f5; padding: 15px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; background-color: #1d1f21 !important;color: #fff !important;font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !important;font-size: 14px; line-height: 20px;}

/*--------------------------------------------------
リスト
----------------------------------------------------*/
.ListNumber { counter-reset: ol_li; }
.ListNumber>li { margin: 10px 0px; padding-left: 26px; vertical-align: top;}
.ListNumber>li:before { counter-increment: ol_li; content: counter(ol_li); color: white; text-align: center; width: 20px; height: 20px; display: inline-block; background: #284267; line-height: 20px; border-radius: 2px; margin-right: 5px; margin-left: -26px; vertical-align: top;}
.ListNumber2 { counter-reset: ol_li; }
.ListNumber2>li { margin: 5px 0px; padding-left: 30px; }
.ListNumber2>li:before { counter-increment: ol_li; content: counter(ol_li)"."; text-align: center; width: 30px; height: 20px; display: inline-block; line-height: 20px; border-radius: 2px; margin-right: 5px; margin-left: -35px; }
.ListNumber3 { counter-reset: ol_li; }
.ListNumber3>li { margin: 5px 0px; padding-left: 30px; }
.ListNumber3>li:before { counter-increment: ol_li; content: "("counter(ol_li)")"; text-align: center; width: 33px; height: 20px; display: inline-block; line-height: 20px; border-radius: 2px; margin-right: 5px; margin-left: -38px; }
.ListCircle>li { margin: 5px 0px; padding-left: 1em; }
.ListCircle>li:before { content: ""; color: white; text-align: center; width: 4px; height: 4px; display: inline-block; background: #8E8E8E; line-height: 23px; border-radius: 50%; margin-right: 10px; margin-left: -1em; margin-bottom: 2px; }
.ListCapitalLetter { counter-reset: ol_li; }
.ListCapitalLetter>li { margin: 5px 0px; padding-left: 30px; }
.ListCapitalLetter>li:before { counter-increment: ol_li; content: counter(ol_li, upper-alpha); text-align: center; width: 33px; height: 20px; display: inline-block; line-height: 20px; border-radius: 2px; margin-right: 5px; margin-left: -38px; }
.ListIcon>li { margin: 5px 0px; padding-left: 20px!important; position: relative; text-align:left; }
.ListIcon>li::before { font-family: FontAwesome; position: absolute; display: block; width: 13px; height: 18px; left: 2px; top: 0; }
.ListIcon.blank>li::before { content:"\f08e"; }
.ListIcon.link>li::before { content:"\f138"; }

/*----------------------------------------------------
  TopicPath
----------------------------------------------------*/
nav#TopicPath{ padding: 0; margin: -20px 0 30px 0;}
nav#TopicPath ol{ width:965px; margin:0 auto;}
nav#TopicPath ol li { display:inline;list-style-type:none; font-size:90%;}
nav#TopicPath ol li:before {content: " > ";}
nav#TopicPath ol li:first-child:before {content:"\f015";font: normal normal normal 20px/1 FontAwesome;margin-right: 5px; color:#7f0202;}

/*tb*/
@media screen and (max-width:965px) {
nav#TopicPath ol{ width:100%;}
}

@media screen and (max-width:767px){
nav#TopicPath{ display:none;}
}

/*----------------------------------------------------
  テーブル
----------------------------------------------------*/
.tableSt { border-top: #DBDBDB solid 1px; border-left: #DBDBDB solid 1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; }
.tableSt th { padding: 12px 20px; background: #F7F7F7; border-bottom: #DBDBDB solid 1px; border-right: #DBDBDB solid 1px; text-align: center; vertical-align: middle; }
.tableSt th.r-txt { text-align: left;}
.tableSt td { padding: 12px 20px; border-bottom: #DBDBDB solid 1px; border-right: #DBDBDB solid 1px; word-break: break-word; }
.tableSt.r-txt td,.tableSt.r-txt th,.tableSt td.r-txt,.tableSt th.r-txt{text-align: right;}
.tableSt.c-txt td,.tableSt.c-txt th,.tableSt td.c-txt,.tableSt th.c-txt{text-align: center;}
.tableSt.l-txt td,.tableSt.l-txt th,.tableSt td.l-txt,.tableSt th.l-txt{text-align: left;}
.tableSt.td-r-txt td{text-align: right;}

.tableSt.th_Tspace th { padding: 18px 20px; }
.tableSt td.l_space{ padding-left: 35px;}

.tableSt.size_s th,
.tableSt.size_s td{padding: 5px;font-size: 1.2rem;white-space: nowrap;}

.tableSt.goldth th{background: #d8c9a4;}

.tableArea td:empty {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogIzMzMzMzMztzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+'); opacity: 0.4;
}

/* 複数横スクロール固定 */
.sticky-scroll{ overflow: auto;}
.sticky-scroll div{ display: table;}
.tableSt_s,.tableSt_l,.tableSt_m { display: table-cell; border-top: #DBDBDB solid 1px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;vertical-align: top;}
.tableSt_s th { padding: 5px; background: #F7F7F7; border-bottom: #DBDBDB solid 1px; border-left: #DBDBDB solid 1px; text-align: center; vertical-align: middle;font-size: 1.2rem;white-space: nowrap;}
.tableSt_l th{padding:12px 20px; background: #F7F7F7; border-bottom: #DBDBDB solid 1px; border-left: #DBDBDB solid 1px; text-align: center; vertical-align: middle;font-size: 1.2rem;white-space: nowrap;}
.tableSt_m th { padding: 12px 5px; letter-spacing: -0.5px; background: #F7F7F7; border-bottom: #DBDBDB solid 1px; border-left: #DBDBDB solid 1px; text-align: center; vertical-align: middle;font-size: 1.2rem;white-space: nowrap;}
.tableSt_s th:last-child,
.tableSt_s td:last-child,
.tableSt_l th:last-child,
.tableSt_l td:last-child,
.tableSt_m th:last-child,
.tableSt_m td:last-child{border-right: #DBDBDB solid 1px;} 
.tableSt_s td { padding: 5px; background: #fff; border-bottom: #DBDBDB solid 1px; border-left: #DBDBDB solid 1px; white-space: nowrap; font-size: 1.2rem;}
.tableSt_l td{padding:12px 20px; background: #fff; border-bottom: #DBDBDB solid 1px; border-left: #DBDBDB solid 1px; white-space: nowrap; font-size: 1.2rem;}
.tableSt_m td{padding:12px 15px; background: #fff; border-bottom: #DBDBDB solid 1px; border-left: #DBDBDB solid 1px; white-space: nowrap; font-size: 1.2rem;}
.tableSt_s td.none,.tableSt_l td.none,.tableSt_m td.none{border-left: none!important;border-right: none!important; background: #fff!important;}
.tableSt_s.r-txt td,.tableSt_l.r-txt td,.tableSt_m.r-txt td{text-align: right;}
.sticky-scroll .tableSt_s:nth-child(2) th:nth-child(1),.sticky-scroll .tableSt_s:nth-child(2) td:nth-child(1),
.sticky-scroll .tableSt_l:nth-child(2) th:nth-child(1),.sticky-scroll .tableSt_l:nth-child(2) td:nth-child(1),
.sticky-scroll .tableSt_m:nth-child(2) th:nth-child(1),.sticky-scroll .tableSt_m:nth-child(2) td:nth-child(1){border-left:0;}
.sticky-scroll .tableSt_s:nth-child(1),
.sticky-scroll .tableSt_l:nth-child(1),
.sticky-scroll .tableSt_m:nth-child(1)  {
  position: -webkit-sticky;
  position: sticky;
  left: 0;z-index: 2;}

/* 横スクロール固定 */
.sticky_table{border-collapse: separate;}
.sticky_table th:first-child {
position: -webkit-sticky;
border-bottom: #DBDBDB solid 1px; border-right: #DBDBDB solid 1px;
position: sticky;
left: 0;white-space: nowrap;
}

.singletableSt {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	border-top: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
    margin: 20px 0;
}
.singletableSt th {
    padding: 12px 20px;
    background: #F7F7F7;
    border-bottom: 1px solid #DBDBDB;border-left: #DBDBDB solid 1px;
    vertical-align: middle;
}
.singletableSt td {
    padding: 12px 20px;
	border-bottom: 1px solid #DBDBDB;border-left: #DBDBDB solid 1px;
    vertical-align: middle;
	word-break: break-word;
}

.xflowtableSt {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	border-top: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
    margin: 20px 0;
}
.xflowtableSt th{ width: 13%;
    padding: 12px 20px;
    background: #F7F7F7;
    border-bottom: 1px solid #DBDBDB;border-left: #DBDBDB solid 1px;
    vertical-align: middle;}
.xflowtableSt td{
    padding: 12px 20px;
	border-bottom: 1px solid #DBDBDB;border-left: #DBDBDB solid 1px;
    vertical-align: middle;
	word-break: break-word;}
.xflowtableSt td:first-child{ text-align: left; }

.thYellow-ttl{background: #fff6db!important;}
.thPsYellow-ttl{background: #ffffe7!important;}
.thOrange-ttl{background: #ffe4da!important;}
.thBlue-ttl{background: #ecf3ff!important;}
.thBlue2-ttl{background: #d6eaff!important;}
.thPink-ttl{background: #fff5f5!important;}
.thPink2-ttl{background: #ffefe0!important;}
.thPsPink-ttl{background: #fff5f5!important;}
.thGreen-ttl{background: #f0fee7!important;}
.thGreen2-ttl{background: #d6ffd6!important;}
.thPurple-ttl{background: #e8d2ff!important;}
.thPurple2-ttl{background: #E4D1CE!important;}

table tr.graycolor{ border: 0.5px solid #c2c2c2;}
table tr.graycolor th {background: #e7e7e7!important; border: 0.5px solid #c2c2c2;}

table tr td.phrase{padding-left: 35px!important;}

.top,
tr.top td,
table.top td{ vertical-align:top!important;}
.bottom,
tr.bottom td,
table.bottom td{ vertical-align:bottom!important;}
.middle,
tr.middle td,
table.middle td{ vertical-align:middle!important;}

tr.total td{background:#fff5f5;}

.pc-scroll{
  width: 100%;
  overflow-x: scroll;
  margin:auto;-webkit-overflow-scrolling:touch;
}
.pc-scroll th,.pc-scroll td{white-space: nowrap;}

tr.tb{display:none!important;}
tr.tb2{display:none!important;}
tr.sp{display:none!important;}

/* TB */
@media screen and (max-width:992px) {
.tableSt {width:100%;}
.tableSt th,.tableSt td {font-size: 1.2rem;padding: 10px; line-height: 1.8rem;}
.singletableSt{
    width: 100%;
	border-right:none;
	border-top:none;
}
.singletableSt th,.singletableSt td {
	display:block;
    padding: 20px 20px;
	text-align:center;
	border-bottom:none;border-left:none;
}
.xflowtableSt { 
	display: block; 
	width: 100%; 
	margin: 20px 0 50px 0;
}
.xflowtableSt thead{ 
	display: block; 
	float: left;
	overflow-x:scroll;
}
.xflowtableSt tbody{ 
	display: block; 
	width: auto; 
	overflow-x: auto; 
	white-space: nowrap;
}
.xflowtableSt th{ 
	display: block;
	width:auto;
}
.xflowtableSt tbody tr{ 
	display: inline-block; 
	margin: 0 -3px;vertical-align: top;
}
.xflowtableSt td{ 
	display: block;
}
.xflowtableSt td br{display: none;}
.tb-scroll{
  width: 100%;
  overflow-x: scroll;
  margin:auto;-webkit-overflow-scrolling:touch;
}
.tb-scroll th,.tb-scroll td{white-space: nowrap;}

tr.pctb{display:none!important;}
tr.tb{display:table-row!important;}
}

/* tb2 */
@media screen and (max-width:786px) {
.tb2-scroll{
  width: 100%;
  overflow-x: scroll;
  margin:auto;-webkit-overflow-scrolling:touch;
}
.tb2-scroll th,.tb2-scroll td{white-space: nowrap;}

.sticky-scroll .tableSt_s:nth-child(1) {
  position: -webkit-relative;
  position: relative;
  left: auto;z-index: 0;}

tr.pctb2{display:none!important;}
tr.tb2{display:table-row!important;}
}

/* SP */
@media screen and (max-width:568px) {
.sp-scroll{
  width: 100%;
  overflow-x: scroll;
  margin:auto;-webkit-overflow-scrolling:touch;
}
.sp-scroll th,.sp-scroll td{white-space: nowrap;}

tr.pcsp{display:none!important;}
tr.sp{display:table-row!important;}
}

/*----------------------------------------------------
  サイトマップ
----------------------------------------------------*/
.sitemap {
    min-height: 20px;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #ffffff;
}
.sitemap .clearfix{ width: 100%; border-bottom: 1px dotted #a2a2a2;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.sitemap .clearfix:last-child{border-bottom:0;}
.sitemap a{ letter-spacing: -0.8px;}
.sitemap h4{ font-size: 18px; margin-bottom: 10px; background: #f9f9f9; padding:15px 10px;}
.sitemap h4 a{text-decoration: none; color: #444;}
.sitemap div{ padding: 5px;}

/*tb*/
@media screen and (max-width:992px){
.sitemap a{ font-size: 1.4rem;}
}

/*----------------------------------------------------
  イメージボックス
----------------------------------------------------*/
.imgBox{text-align:center;}
.imgBox a{width:calc(33.33333333333333% - 0.5%); margin:0 0px; display: inline-block; font-size: 10px; text-align: center;}
.img{width: 100%;}

.image-set{text-align:center;}
.image-set div{ display:inline-block; padding:0 0.1%; vertical-align:top; font-size:1.2rem;text-align:left;}
.image-set div img{width: 100%;}
.image-set div h5{font-size:1.5rem; text-align:center; color: #666; font-weight:100;background: #f2f2f2; padding:3px;}

.imgLeft{width: 35%;float: left;padding-right: 15px; font-size: 10px; text-align: center;}
.imgRight{width: 35%;float: right;padding-left: 15px; font-size: 10px; text-align: center;}

.imgLeftBox{float: left;}
.imgLeftBox img{ width: 100px; margin-right: 5px;}

/*アスペクト比(縦横比)固定レスポンシブ対応*/
.aspect-ratio-block img {
  width: 100%;
  aspect-ratio: 5 / 3;
}

 /*tb*/
@media screen and (max-width:992px){
.imgBox a{width: 40%; margin:0 0.1% 10px 0.1%;}
.imgLeft,.imgRight{width: 45%;}
	
.imgLeftBox{float: none; width: 100%; margin-bottom: 15px;}
.imgLeftBox img{ width: calc(33.33333333333333% - 10px); margin-right: 5px;}
}
 /*sp*/
@media screen and (max-width:568px){
.imgBox a{margin: auto;display: block;margin-bottom: 20px;float: none;width: 96%;}

.image-set div{ display:block; margin:0px auto 20px auto;}

.imgLeft{margin: auto;display: block;margin-top: 20px;margin-bottom: 15px;float: none;width: 96%;padding-right: 0;}
.imgRight{margin: auto;display: block;margin-top: 20px;margin-bottom: 15px;float: none;width: 96%;padding-left: 0;}

.imgLeftBox{margin-bottom: 0px;}
.imgLeftBox img{ width: calc(100% - 0px); margin-right: 0px; margin-bottom: 15px;}
}

/*---------------------------------------
ボタン
------------------------------------------*/
.btn{line-height:100%;font-size: 1.4rem;display: inline-block;position:relative;padding:10px 30px;cursor:pointer;border-radius: 5px;text-decoration:none;color:rgba(255,255,255,1) !important;transition:opacity .2s ease,background .2s ease,box-shadow .28s cubic-bezier(.4,0,.2,1);outline:none!important;vertical-align: middle; text-decoration: none!important;}
.btn:hover{box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);opacity:0.8;color:rgba(255,255,255,1);}
.btn:active{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}
/*color*/
.btn.green{background-color:#089069;}
.btn.orange{background-color: #cf6f00;}
.btn.red{ background-color: #b81717;}
.btn.blue{background-color: #284267;}
.btn.midgray{background-color: #5a5858;}
.btn.white{background-color:none; border:1px solid #666; color:#666!important;}
.btn.white:hover{background-color: rgba(255,255,255,0.1);}
.btn.white-red{background-color:none; border:1px solid #7f0202; color:#7f0202!important;}
.btn.white-red:hover{background-color: rgba(255,255,255,0.1);}

.btn .icon:before{color:rgba(255,255,255,1)!important;}
.btn i.fa { margin-left: 5px; position: absolute; top: 50%; right: 10px; margin-top: -7px;}

 /*size*/
.btn.btn-llg {font-size: 2.0rem;padding:15px 20px; text-align: center; width: 100%; max-width:300px;}
.btn.btn-lg {font-size: 1.8rem;padding:15px 40px;}
.btn.btn-sm {font-size: 1.2rem;padding:10px 30px;}
.btn.btn-xs {font-size: 1.0rem;padding:10px 25px;}
.btn.btn-block{ display: block; text-align: center;}

 /*size*/
.btn.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
	line-height: 1.428571429;}
.btn.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 13px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}
.btn.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 20px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

/*----------------------------------------------------
  ページャー
----------------------------------------------------*/
.pager{
  /* For IE */
  -js-display: flex;
  display: flex; width: 700px; margin: 40px auto;justify-content: center;
}
.pager li{
  list-style-type: none;max-width: 135px;
  flex: 1;
}
.pager li a {
  display: flex;
  justify-content: center;
  align-items: center; color: #fff!important; text-decoration: none!important;
}
 
@media only screen and ( max-width: 700px ) {  
 .pager{width: 96%;}
  /* 全てのli要素を消す */
  .pager li {
	position: absolute;
	top: -9999px;
	left: -9999px;
  }
 
  /* 必要なli要素を消す */
  .pager li.active,
  .pager li:first-of-type,
  .pager li:last-of-type,
  .pager li:nth-of-type(2),
  .pager li:nth-last-of-type(2){
	position: static;
	top: initial;
	left: initial;
  }
}
 
.pager li {
 
 /* For IE */
 display: flex;
 justify-content: center;
 background-color: #284267;
}
 
.pager a {
  /* For IE */
  flex: 1;
  height:44px;
  text-decoration:none;
  color: #fff;
}
 
/* Active 以外のhover */
.pager li:not([class*="active"]) a:hover { 
  background-color: rgba(255,255,255,.2);
}
 
/* Activeのスタイル */
.pager li.active a { 
  background-color: rgba(255,255,255,.65);
  color: #000;
  font-weight: bold;
}
 
ul {
   -webkit-padding-start: 0px;
}

/*----------------------------------------------------
  ステップバー
----------------------------------------------------*/
.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  margin-top: 15px;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 20px;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}
.stepBar .step:after {
  top: 0;
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.stepBar .step:before {
  bottom: 0;
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.stepBar .step:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepBar .step.current {
  color: #FFF;
  background-color: #3473c8;
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #3473c8;
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
  width: 20%;
}

/*----------------------------------------------------
  アコーディオンタイトル
----------------------------------------------------*/
.acd-check{
    display: none;
}
.acd-label{
    background: #fff;border: 1px solid #333;
    color: #333;height: 43px; font-size: 1.6rem; margin-top: 30px;
    display: block;cursor: pointer;
    margin-bottom: 1px;
    padding: 10px;
    position: relative; filter: drop-shadow(3px 5px 0px #333);
}
.acd-label:after{
    background: #fff;
    box-sizing: border-box;
    content: '\f067';
    display: block; color: #333;
    font-family: "FontAwesome";
    height: 41px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
}
.acd-content{
    display: block;
    height: 0px; overflow: hidden;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
    content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1; overflow:inherit;
    padding: 10px;
    visibility: visible;
}
.opentxt .acd-content{height: auto!important;opacity: 1!important; overflow:inherit!important;padding: 10px!important; visibility: visible!important;}

@media screen and (max-width:786px){
.acd-label span{ font-size: 1.4rem; letter-spacing: -0.8px;}
input.acd-check[type="checkbox"]:nth-child(even)  + label{
    margin-left: 3px;
}
}

@media screen and (max-width:568px){
.acd-label span{ font-size: 1.2rem; letter-spacing: -0.8px; display: block;margin-top: -5px;}
.acd-label.com2{padding: 2px 10px;}
}

/*----------------------------------------------------
  タイル時差表示の設定
----------------------------------------------------*/
.Delay{-webkit-transform: rotateY(90deg);-o-transform: rotateY(90deg);-moz-transform: rotateY(90deg);-ms-transform: rotateY(90deg);transform: rotateY(90deg);transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;}
.play{-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;}
.Delay.time1,
.play.time1{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;}
.Delay.time2,
.play.time2{-moz-transition-delay:0.1s;-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;-ms-transition-delay:0.1s;transition-delay:0.1s;}
.Delay.time3,
.play.time3{-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;-ms-transition-delay:0.2s;transition-delay:0.2s;}
.Delay.time4,
.play.time4{-moz-transition-delay:0.3s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.Delay.time5,
.play.time5{-moz-transition-delay:0.4s;-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;-ms-transition-delay:0.4s;transition-delay:0.4s;}
.Delay.time6,
.play.time6{-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
.Delay.time7,
.play.time7{-moz-transition-delay:0.6s;-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;-ms-transition-delay:0.6s;transition-delay:0.6s;}
.Delay.time8,
.play.time8{-moz-transition-delay:0.7s;-webkit-transition-delay:0.7s;-o-transition-delay:0.7s;-ms-transition-delay:0.7s;-transition-delay:0.7s;}
.Delay.time9,
.play.time9{-moz-transition-delay:0.8s;-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;-transition-delay:0.8s;}
.Delay.time10,
.play.time10{-moz-transition-delay:0.9s;-webkit-transition-delay:0.9s;-o-transition-delay:0.9s;-ms-transition-delay:0.9s;-transition-delay:0.9s;}
.Delay.time11,
.play.time11{-moz-transition-delay:1.0s;-webkit-transition-delay:1.0s;-o-transition-delay:1.0s;-ms-transition-delay:1.0s;-transition-delay:1.0s;}
.Delay.time12,
.play.time12{-moz-transition-delay:1.1s;-webkit-transition-delay:1.1s;-o-transition-delay:1.1s;-ms-transition-delay:1.1s;-transition-delay:1.1s;}
.Delay.time13,
.play.time13{-moz-transition-delay:1.2s;-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;-ms-transition-delay:1.2s;-transition-delay:1.2s;}
.Delay.time14,
.play.time14{-moz-transition-delay:1.3s;-webkit-transition-delay:1.3s;-o-transition-delay:1.3s;-ms-transition-delay:1.3s;-transition-delay:1.3s;}
.Delay.time15,
.play.time15{-moz-transition-delay:1.4s;-webkit-transition-delay:1.4s;-o-transition-delay:1.4s;-ms-transition-delay:1.4s;-transition-delay:1.4s;}
.Delay.time16,
.play.time16{-moz-transition-delay:1.5s;-webkit-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;-transition-delay:1.5s;}

/*----------------------------------------------------
アニメーション
----------------------------------------------------*/
.bounce:hover {animation: bounce 0.8s linear infinite; -webkit-animation: bounce 0.8s linear infinite;-webkit-animation-iteration-count: 1;-moz-animation-iteration-count: 1;}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-10px);transform: translateY(-10px);  }
  60% {-webkit-transform: translateY(-7px); transform: translateY(-7px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px); transform: translateY(-10px);}
  60% {-webkit-transform: translateY(-7px);-ms-transform: translateY(-7px);transform: translateY(-7px);  }
}
/*オンマウスで回転*/
.rotate:hover{-webkit-animation-name: turnY;-webkit-animation-duration: 0.3s;-webkit-animation-iteration-count: 1;-moz-animation-name: turnY;-moz-animation-duration: 0.3s;-moz-animation-iteration-count: 1;}
@-webkit-keyframes turnY{
	0%{-webkit-transform: rotateY(0deg);}
	100%{-webkit-transform: rotateY(90deg);opacity:0;}
}
@-moz-keyframes turnY{
	0%{-moz-transform: rotateY(0deg);}
	100%{-moz-transform: rotateY(90deg);opacity:0;}
}

/*----------------------------------------------------
  input text, textarea ,selectbox
----------------------------------------------------*/
.selectbox select,
.textSt{transition:0.1s linear;-moz-transition:0.1s linear;-webkit-transition:0.1s linear;-o-transition:0.1s linear;-ms-transition:0.1s linear;padding: 7px;font-size: 1.5rem;border: 1px solid #666;background-color: #f4f4f4;line-height: 110%;display: inline-block;}
.selectbox select:focus,.textSt:focus{background-color:rgba(9,179,238,0.2);}
input.textSt{}
textarea.textSt{ resize: vertical;}
.selectbox{display:inline-block;position:relative;}
.selectbox:before,
.selectbox:after{content:' ';position: absolute;background: #666;height: 11px;width: 3px;display:block;top: 13px;}
.firefox .selectbox:before,
.firefox .selectbox:after{top:12px;}
.selectbox:before{right: 16px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.selectbox:after{right: 10px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-ms-transform: rotate(45deg);}
.selectbox select{cursor:pointer;padding-right: 30px;display:block;}
.selectbox select::-ms-expand {display: none;}
.ie9 .selectbox select{padding-right:7px;}
.ie9 .selectbox:before,.ie9 .selectbox:after{display:none;}

/*----------------------------------------------------
  radio,.checkbox
----------------------------------------------------*/
input[type=checkbox] {
    width: 16px;
    height: 16px;
    vertical-align: middle; margin-top: 0px;margin-right: 5px;border: 1px solid #7f0202;background-color: #f4f4f4;position: relative;
}
input[type=radio] {
    width: 16px;
    height: 16px;
    vertical-align: middle; margin-top: 0px;margin-right: 5px;border: 1px solid #7f0202;background-color: #f4f4f4;position: relative;
	border-radius: 50%;
}

input[type=radio] + label,
input[type=checkbox] + label{
   margin-left: 3px;
}
input[type=radio]:checked::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  background: #666;
  border-radius: 50%;
}
input[type=checkbox]:checked::after{
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 2px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 4px solid #7f0202;
  border-right: 4px solid #7f0202;
}

/*--------------------------------------------------------

Input file

--------------------------------------------------------*/
.fileinput {
display: inline-block;cursor:pointer;border-radius: 5px;
overflow: hidden;
position: relative;
padding:10px 30px;
color:#fff;
transition:opacity .2s ease,background .2s ease,box-shadow .28s cubic-bezier(.4,0,.2,1);
}
.fileinput input[type="file"] {
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
position: absolute;
right: 0;
top: 0;
margin: 0;
font-size: 100px;
cursor: pointer;
}
.fileinput.green{background-color:#089069;}
.fileinput.orange{background-color: #cd5818;}
.fileinput.red{ background-color: #a80130;}
.fileinput.blue{background-color: #284267;}
.fileinput.midgray{background-color: #5a5858;}
.fileinput.white{background-color:none; border:1px solid #666; color:#666;}
.fileinput.white:hover{background-color: rgba(255,255,255,0.1);}

.fileinput:hover{box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);opacity:0.8;}

/*--------------------------------------------------------

入力フォーム

--------------------------------------------------------*/
.FormBox ul{display: table;width: 100%;}
.FormBox ul li{display: table-cell;padding: 15px 10px;vertical-align: top;border-bottom: 1px solid rgb(239, 239, 239);}
.FormBox ul.last li{border-bottom: 0;}
.FormBox ul li:first-child{width: 20%;}
.FormBox ul li.required:after{content:"※必須";color: #E50000;padding-left: 10px;}
.FormBox ul li input[type=text]{width: 300px;}
.FormBox ul li input.name[type=text]{width: 200px;}
.FormBox ul li input.postnumber[type=text]{width: 180px;}
.FormBox ul li span.box{padding-left: 3px; display: inline-block;}
.FormBox ul li input.address{width: 70%;}
.FormBox .btn{font-size: 1.8rem;padding: 15px 0px;width: 200px;}
.FormBox .btn:first-child{margin-right:10px;}
.FormBox ul li textarea{width:70%;height:150px;}
.FormBox ul li .red.td11{line-height:120%;margin-top:6px;}

/*tb*/
@media screen and (max-width:992px){
.FormBox ul li:first-child{width: 30%;}
.FormBox ul li input.address{width: 100%;}
.FormBox ul li textarea{width: 100%;}
}
/*sp*/
@media screen and (max-width:568px){
.FormBox .Ttl{margin-top: 15px;}
.FormBox ul{display: block;border-bottom: 1px solid #E4E4E4;}
.FormBox ul:last-child{border-bottom:0;}
.FormBox ul li{display: block;width: 100%!important;padding: 10px 0 14px 0;border: 0;}
.FormBox ul li:first-child{width: 30%;font-weight: bold;color: #666;padding-bottom: 0;}
.FormBox ul li input[type=text]{width: 100%;}
.FormBox ul li input.nameset{width: 80%;}
.FormBox ul li input.postnumber{width: 180px;}
.FormBox ul li input.address{width: 100%;}
.FormBox .btn{font-size: 1.4rem;padding: 15px 0px;width: 130px;}
.FormBox ul li textarea{width: 100%;}
}
/*--------------------------------------------------------

個人情報

--------------------------------------------------------*/
.textFormbox {
    width: 100%;
    height: 300px;
    padding: 7px;
    font-size: 1.3rem;
    border: 1px solid #4f93bd;
    background-color: #fff;
    line-height: 130%;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*--------------------------------------------------------
 Form Validation
--------------------------------------------------------*/
.FormBox input:valid,
.FormBox select:valid {border: 1px solid #666; }
.FormBox input[type="file"]:valid {border: 0; }

.FormBox input:invalid,
.FormBox select:invalid {border: 1px solid #bd4f61; box-shadow: rgba(189,79,97,0.5) 0px 0px 3px 1px;}

.FormBox input[type="radio"]:valid,
.FormBox select[type="checkbox"]:valid {border: 1px solid #666; }

.FormBox input[type="radio"]:invalid,
.FormBox input[type="checkbox"]:invalid {box-shadow: rgba(189,79,97,0.5) 0px 0px 3px 1px;border: 1px solid #bd4f61;}

/*----------------------------------------------------
  youtube
----------------------------------------------------*/
.youtubeArea{ position: relative;}
.youtubeArea .youtube-mark { position: absolute; left: 0; top: 0;z-index: 2;}