@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;}
/*----------------------------------------------------
  カラーパレット
----------------------------------------------------*/
.white { color:#FFFFFF; }
.red { color:#a80130; }
.blue { color: #0966a0; }
.green { color: #089069; }
.dgreen { color: #267d7f!important; }
.orange{color: #d76c1e;}
.gray{color: #6c6c6c;}
.yellow{color: #a08e09;}

/*----------------------------------------------------
  スペース
----------------------------------------------------*/
.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; }

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

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

.maAuto{margin-left:auto;margin-right:auto;display: block!important;}

/*tb*/
@media screen and (max-width:992px){
.fLeft.tb-fnone,
.fRight.tb-fnone{ float:none; }	
}

 /*tb*/
@media screen and (max-width:568px){
.fLeft.sp-fnone,
.fRight.sp-fnone{ float:none; }	
}
/*----------------------------------------------------
clearFix
アクセビリティ対応のため、疑似要素を削除して、overflow: hiddenを設定(2019.11.27)
----------------------------------------------------*/
.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 */ 
  overflow: hidden;}
/* 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);}
.w15{width:calc(15% - 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.3333333333333% - 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);}
.w70{width:calc(70% - 10px);}
.w75{width:calc(75% - 10px);}
.w80{width:calc(80% - 10px);}
.w90{width:90%;}
.w100{width:100%;}

 /*tb*/
@media screen and (max-width:992px){
.w5.tb-w100,
.w10.tb-w100,
.w15.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,
.w70.tb-w100,
.w75.tb-w100,
.w80.tb-w100{width:calc(100% - 0px);}
	
.w5.tb-w95,
.w10.tb-w95,
.w15.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,
.w70.tb-w95,
.w75.tb-w95,
.w80.tb-w95,
.w90.tb-w95,
.w100.tb-w95{width:calc(95% - 10px);}
	
.w5.tb-w90,
.w10.tb-w90,
.w15.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,
.w70.tb-w90,
.w75.tb-w90,
.w80.tb-w90,
.w90.tb-w90,
.w100.tb-w90{width:calc(90% - 10px);}
	
.w5.tb-w80,
.w10.tb-w80,
.w15.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,
.w70.tb-w80,
.w75.tb-w80,
.w80.tb-w80,
.w90.tb-w80,
.w100.tb-w80{width:calc(80% - 10px);}

.w5.tb-w70,
.w10.tb-w70,
.w15.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,
.w70.tb-w70,
.w75.tb-w70,
.w80.tb-w70,
.w90.tb-w70,
.w100.tb-w70{width:calc(70% - 10px);}

.w5.tb-w68,
.w10.tb-w68,
.w15.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,
.w70.tb-w68,
.w75.tb-w68,
.w80.tb-w68,
.w90.tb-w68,
.w100.tb-w68{width:calc(68% - 10px);}

.w5.tb-w60,
.w10.tb-w60,
.w15.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,
.w70.tb-w60,
.w75.tb-w60,
.w80.tb-w60,
.w90.tb-w60,
.w100.tb-w60{width:calc(60% - 10px);}

.w5.tb-w50,
.w10.tb-w50,
.w15.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,
.w70.tb-w50,
.w75.tb-w50,
.w80.tb-w50,
.w90.tb-w50,
.w100.tb-w50{width:calc(50% - 10px);}

.w5.tb-w48,
.w10.tb-w48,
.w15.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,
.w70.tb-w48,
.w75.tb-w48,
.w80.tb-w48,
.w90.tb-w48,
.w100.tb-w48{width:calc(48% - 10px);}

.w5.tb-w45,
.w10.tb-w45,
.w15.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,
.w70.tb-w45,
.w75.tb-w45,
.w80.tb-w45,
.w90.tb-w45,
.w100.tb-w45{width:calc(45% - 10px);}

.w5.tb-w40,
.w10.tb-w40,
.w15.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,
.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,
.w15.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,
.w70.tb-w33,
.w75.tb-w33,
.w80.tb-w33,
.w90.tb-w33,
.w100.tb-w33{width:calc(33.3333333333333% - 10px);}

.w5.tb-w30,
.w10.tb-w30,
.w15.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,
.w70.tb-w30,
.w75.tb-w30,
.w80.tb-w30,
.w90.tb-w30,
.w100.tb-w30{width:calc(30% - 10px);}

.w5.tb-w20,
.w10.tb-w20,
.w15.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,
.w70.tb-w20,
.w75.tb-w20,
.w80.tb-w20,
.w90.tb-w20,
.w100.tb-w20{width:calc(20% - 10px);}

.w5.tb-w18,
.w10.tb-w18,
.w15.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,
.w70.tb-w18,
.w75.tb-w18,
.w80.tb-w18,
.w90.tb-w18,
.w100.tb-w18{width:calc(18% - 10px);}

.w5.tb-w10,
.w10.tb-w10,
.w15.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,
.w70.tb-w10,
.w75.tb-w10,
.w80.tb-w10,
.w90.tb-w10,
.w100.tb-w10{width:calc(10% - 10px);}

.w5.tb-w5,
.w10.tb-w5,
.w15.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,
.w70.tb-w5,
.w75.tb-w5,
.w80.tb-w5,
.w90.tb-w5,
.w100.tb-w5{width:calc(5% - 10px);}
}

 /*sp*/
@media screen and (max-width:568px){
.w5.sp-w100,
.w10.sp-w100,
.w15.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,
.w70.sp-w100,
.w75.sp-w100,
.w80.sp-w100,
.w90.sp-w100,
.w100.sp-w100{width:calc(100% - 0px);}

.w5.sp-w96,
.w10.sp-w96,
.w15.sp-w96,
.w20.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,
.w70.sp-w96,
.w75.sp-w96,
.w80.sp-w96,
.w90.sp-w96,
.w100.sp-w96{width:calc(96% - 0px);}

.w5.sp-w80,
.w10.sp-w80,
.w15.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,
.w70.sp-w80,
.w75.sp-w80,
.w80.sp-w80,
.w90.sp-w80,
.w100.sp-w80{width:calc(80% - 0px);}

.w5.sp-w50,
.w10.sp-w50,
.w15.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,
.w70.sp-w50,
.w75.sp-w50,
.w80.sp-w50,
.w90.sp-w50,
.w100.sp-w50{width:calc(50% - 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{display:flex; justify-content: center;align-items: center; text-align: center;}
.flexBox .center{display:flex;justify-content: center;align-items: center; text-align: center;}
.flexBox.flex-center {flex-direction: row; align-items: center;}
.flexBox .flex-center {display:flex;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-direction: row; justify-content: center;align-items: flex-start;}
.flexBox2{display:flex;}

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

/*--------------------------------------------------
tableBox
----------------------------------------------------*/
.tableBox { display: table;}
.tableBox div { display: table-cell; padding: 10px;}
.tableBox.boder { border-top: 1px solid #DBDBDB; border-left: 1px solid #DBDBDB;}
.tableBox.boder div { border-bottom: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB;}

@media screen and (max-width:568px){
.tableBox.sp-block { display: block;}
.tableBox.sp-block div { display: block;}
}

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

/*tb*/
@media screen and (max-width:992px){
.pctb{display:none!important;}
.tb{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;}

/*----------------------------------------------------
  フッターテキストリンク
----------------------------------------------------*/
.FNavi a.link {
	padding: 0.1em 0.3em;
	position: relative;
	display: inline-block;
	transition: .3s;
	color: #333333;text-decoration:none;
}
.FNavi a.link:hover{color:#1a74d8;;}


/*--------------------------------------------------
icon
----------------------------------------------------*/
.icon { position: relative; display: inline-block; cursor: pointer!important;background: url("../img/base/footer_icon.png") no-repeat 0 8px; padding-left: 15px;}
.file a{position: relative;display:inline-block;background: url("../img/base/footer_icon.png") no-repeat 0 8px; padding-left: 15px;}

/*--------------------------------------------------
見出し
----------------------------------------------------*/
.ttl01{font-family: 'Noto Sans Japanese','メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック',sans-serif;line-height: 120%;font-size: 2.2rem;font-weight: 300;color: #ffffff; background:#0966a0;padding: 15px;margin-top: 30px;margin-bottom: 30px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.ttl02{font-family: 'Noto Sans Japanese','メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック',sans-serif;line-height: 120%;font-size: 1.8rem;font-weight: 500;color: #195493; padding: 15px 5px;margin-bottom: 20px; border-bottom:1px solid #195493;}
.ttl03 {display: inline-block;background: #0966a0;padding: 2px 30px;border-radius: 3px;color: #fff;margin-bottom: 10px;font-weight: bold;}
.ttl04{color: #0966a0;font-size: 1.6rem; margin-bottom:10px;}

 /*tb*/
@media screen and (max-width:992px){
.ttl02{margin-bottom: 15px;}
.anchor_ttl{z-index:-1!important; margin-top:-150px!important; padding-top:150px!important;}
}
 /*sp*/
@media screen and (max-width:568px){
.ttl{font-size: 2.4rem;padding: 30px 5px;}
.ttl01{font-size: 1.6em;padding: 15px 10px;}
.ttl01 span{ padding-left:15px;}
.ttl02{font-size: 1.4em;margin-bottom: 10px; margin-top:10px;padding: 10px 5px 10px 15px;}
.ttl03{padding: 2px 20px;}
.anchor_ttl{z-index:-1!important; margin-top:-140px!important; padding-top:140px!important;}
}

/*--------------------------------------------------------------------------
   Emphasis
---------------------------------------------------------------------------*/
.emphasisBox{ width: 100%; margin: 15px auto 0 auto; position: relative; font-size: 1.8rem; display: block; border: 2px solid #A8CFE8; padding: 15px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}

/*--------------------------------------------------------------------------
  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: 1.4rem; line-height: 20px;}

/*--------------------------------------------------
サブメニュー
----------------------------------------------------*/
.subMenu { width: 1000px; margin: 10px auto 50px auto; background: #1B6EB7; 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;border-bottom: 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;word-wrap: break-word;
display:flex; flex-direction: column;justify-content: center;align-items: center; text-align: center;}
.ie .subMenu a span{display: block;}
.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: -webkit-gradient(linear, left top, left bottom, color-stop(0.99 #fff), color-stop(0.98, #1B6EB7));
background: -webkit-linear-gradient(top, #1B6EB7 98%, #fff 99%);
background: -moz-linear-gradient(top, #1B6EB7 98%, #fff 99%);
background: -o-linear-gradient(top, #1B6EB7 98%, #fff 99%);
background: -ms-linear-gradient(top, #1B6EB7 98%, #fff 99%);
background: linear-gradient(to bottom, #1B6EB7 98%, #fff 99%);
}
.subMenu a { width: 33.33333333333334%; border-bottom: 1px solid #fff;}
.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;}
.ie .subMenu a{font-size: 1.2rem;}
.subMenu a:nth-child(3n+3),
.subMenu a:first-child { border-right: 1px solid #fff; }
.subMenu a:nth-child(2n) { border-right: 0; }
}

/*--------------------------------------------------
リスト
----------------------------------------------------*/
.ListNumber { counter-reset: ol_li; }
.ListNumber>li { margin: 10px 0px; padding-left: 24px; }
/*
.ListNumber>li:before { counter-increment: ol_li; content: counter(ol_li); color: white; text-align: center; width: 20px; height: 20px; display: inline-block; background: #c0c0c0; line-height: 20px; border-radius: 2px; margin-right: 5px; margin-left: -24px; }
*/
.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; background: url("../img/base/icon.png") 0 5px no-repeat; padding-left: 15px;}
.ListNumber li > span.counterNum { color: white; text-align: center; width: 20px; height: 20px; display: inline-block; background: #0966a0; line-height: 20px; border-radius: 2px; margin-right: 5px; margin-left: -24px; }
.ListNumber2 li > i.mLeft { margin-left:-3.5rem }

.ico-block { padding-left: 26px; vertical-align: top;}
.ico-block:before { content:""; text-align: center; width: 8px; height: 8px; display: inline-block; background: #fff; border: 1px solid #444444; line-height: 12px; border-radius: 2px; margin-right: 5px; margin-left: -26px; margin-top: 6px; vertical-align: top;}

/*--------------------------------------------------
リストライン
----------------------------------------------------*/
.ListLine ul{display: block;width: 100%;}
.ListLine ul li{display: inline-block;padding: 15px 10px;vertical-align: top;border-bottom: 1px solid rgb(239, 239, 239);}

/*tb*/
@media screen and (max-width:1200px) {
.ListLine ul{display: block;width: 100%;}
.ListLine ul li{display: block;padding: 5px 10px 15px 10px;vertical-align: top;border-bottom: 1px solid rgb(239, 239, 239);}
.ListLine ul li:nth-child(1){ display: block;padding: 15px 10px 0 10px;vertical-align: top;border-bottom: 0;}
}

/*----------------------------------------------------
  TopicPath
----------------------------------------------------*/
nav#TopicPath{ padding: 5px 0; margin: 0 0 50px 0;}
nav#TopicPath ol{ width:1200px; 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:#0966a0;}
*/
nav#TopicPath ol li a:link { color: #333333;text-decoration:none;}
nav#TopicPath ol li a:visited { color: #333333;text-decoration:none;}
nav#TopicPath ol li a:hover { color:#357dce;text-decoration:none;}



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

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

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

.tableSt-m { border-top: #DBDBDB solid 1px; border-right: #DBDBDB solid 1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; }
.tableSt-m th,
.tableSt-m td.tl{ padding: 5px 10px; background: #e8f4fb!important; border-bottom: #DBDBDB solid 1px; border-left: #DBDBDB solid 1px; text-align: center; vertical-align: middle; font-size: 1.4rem;}
.tableSt-m td{ padding: 5px 10px; border-bottom: #DBDBDB solid 1px; border-left: #DBDBDB solid 1px; word-break: break-word; font-size: 1.4rem;}

.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;
    text-align: center;
    vertical-align: middle;
}
.singletableSt td {
    padding: 12px 20px;
	border-bottom: 1px solid #DBDBDB;border-left: #DBDBDB solid 1px;
    text-align: left;
    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;
    text-align: center;
    vertical-align: middle;}
.xflowtableSt td{ text-align: center;
    padding: 12px 20px;
	border-bottom: 1px solid #DBDBDB;border-left: #DBDBDB solid 1px;
    text-align: left;
    vertical-align: middle;
	word-break: break-word;}
.xflowtableSt td:first-child{ text-align: left; }

/* TB */
@media screen and (max-width:992px) {
.tableSt {width:100%;}
.tableSt th,.tableSt td,.tableSt td.tl {font-size: 1.2rem;}
.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: 0 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;
}
.xflowtableSt td{ 
	display: block;
}
}

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

/*----------------------------------------------------
  Panels and Wells
----------------------------------------------------*/
.panel {
    margin-bottom: 20px; margin-left:5px; margin-right: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
        border-top-color: rgba(0,0,0,.15);
        border-right-color: rgba(0,0,0,.15);
        border-bottom-color: rgba(0,0,0,.15);
        border-left-color: rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.wells {
    margin-bottom: 20px; margin-left:5px; margin-right: 5px;
    border: 1px solid rgba(0,0,0,.15);
        border-top-color: rgba(0,0,0,.15);
        border-right-color: rgba(0,0,0,.15);
        border-bottom-color: rgba(0,0,0,.15);
        border-left-color: rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.well {
    min-height: 20px;
    padding: 19px; margin-left:5px; margin-right: 5px;
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.well h4{font-size: 1.8rem; margin-bottom: 10px;}
.well.no-boder{border: 0; -webkit-box-shadow: none; box-shadow: none;}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0,0,0,.15);
        border-bottom-color: rgba(0,0,0,.15);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-body {
    padding: 15px;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

/*color*/
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-blue > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-skyblue > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-pastelgreen > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-pastelyellow > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-pastelred > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}
.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}
.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

/*wells color*/
.wells-default {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.wells-blue{
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.wells-skyblue {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.wells-pastelgreen{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.wells-pastelyellow {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.wells-pastelred {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.wells-green {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}
.wells-yellow {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}
.wells-red {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

/*well color*/
.well.well-gray {background-color: #f5f5f5;}
.well.well-red { background-color:#f2dede; }
.well.well-blue { background-color: #d9edf7; }
.well.well-green { background-color: #dff0d8; }
.well.well-orange{background-color: #faebcc;}
.well.well-yellow{background-color: #fcf8e3;}
.well.well-pink{background-color: #ffe9fa;}
.well.well-purple{background-color: #e0cffb;}

/*tb*/
@media screen and (max-width:992px){
.panel.tb-w100,
.wells.tb-w100,
.well.tb-w100{margin-left:0px; margin-right: 0px;}
}
/*tb*/
@media screen and (max-width:568px){
.panel.sp-w100,
.wells.sp-w100,
.well.sp-w100{margin-left:0px; margin-right: 0px;}
}


/*----------------------------------------------------
  イメージボックス
----------------------------------------------------*/
.imgBox{text-align:center;}
.imgBox a{width:calc(33.33333333333333% - 0.5%); margin:0 0px; display: inline-block; font-size: 1.0rem; 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: 1rem; text-align: center;}
.imgRight{width: 35%;float: right;padding-left: 15px; font-size: 1rem; text-align: center;}

 /*tb*/
@media screen and (max-width:992px){
.imgBox a{width: 40%; margin:0 0.1% 10px 0.1%;}

.imgLeft,.imgRight{width: 45%;}
}
 /*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;}
}

/*---------------------------------------
ボタン
------------------------------------------*/
.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;}
.btn.small {font-size: 1.2rem;padding:5px 20px;}
.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: #a08e09;}
.btn.red{ background-color: #a80130;}
.btn.blue{background-color: #0966a0;}
.btn.gray{background-color: #b7b7b7;}
.btn.midgray{background-color: #878787;}
.btn.darkgray{background-color: #444;}
.btn.white{background-color:none; border:1px solid #666; color:#666!important;}
.btn.white:hover{background-color: rgba(255,255,255,0.1);}
/*
.btn .icon:before{color:rgba(255,255,255,1)!important;}
*/
 /*size*/
.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: 1.2rem;
	line-height: 1.428571429;}
.btn.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 13px 16px;
    border-radius: 25px;
    font-size: 1.8rem;
    line-height: 1.33;
}
.btn.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 20px 16px;
    border-radius: 35px;
    font-size: 2.4rem;
    line-height: 1.33;
}

/*----------------------------------------------------
  ページャー
----------------------------------------------------*/
.pager{
  /* For IE */
  -js-display: flex;
  display: flex; width: 700px; margin: 40px auto;
}
.pager li{
  list-style-type: none;
  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: #195493;
}
 
.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;
}

/*----------------------------------------------------
  タイル時差表示の設定
----------------------------------------------------*/
.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;}
}

/*----------------------------------------------------
サイトマップ
----------------------------------------------------*/
.sitemap section{ display: table; width: 100%;border-collapse: separate;border-spacing: 15px 0; margin-bottom: 20px;}
.sitemap .box{ display: table-cell; width: 33.333333334%;}
.sitemap .catetitle{font-family: 'Noto Sans Japanese','メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック',sans-serif;line-height: 120%;font-size: 2.2rem;color: #666; padding: 15px 5px;margin-bottom: 20px; border-bottom:1px solid #666;position: relative;}
.sitemap .catetitle a{ display:inline-block;}
.sitemap .catetitle a:link { color: #333333;text-decoration:none;}
.sitemap .catetitle a:visited { color: #333333;text-decoration:none;}
.sitemap .catetitle a:hover { color:#357dce;text-decoration:none;}

.sitemap .box div{ width: 100%;}
.sitemap .box div li { margin: 5px 0px; }
.sitemap .box div li ul{ margin-left: 18px;}
.sitemap .box div li a:link { color: #333333;text-decoration:none;}
.sitemap .box div li a:visited { color: #333333;text-decoration:none;}
.sitemap .box div li a:hover { color:#357dce;text-decoration:none;}

/*tb*/
@media screen and (max-width:992px) {
.sitemap section,
.sitemap .box{ display: block; width: 100%;}
}

/*----------------------------------------------------
  input text, textarea 
----------------------------------------------------*/
.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 #4f93bd;background-color: #e8f4fb;line-height: 110%;display: inline-block;}
.selectbox select:focus,.textSt:focus{background-color:rgba(61,152,208,0.7);}
input.textSt{}
textarea.textSt{ resize: vertical;}
.selectbox{display:inline-block;position:relative;}
.selectbox:before,
.selectbox:after{content:' ';position: absolute;background: #4f93bd;height: 11px;width: 3px;display:block;top: 12px;}
.firefox .selectbox:before,
.firefox .selectbox:after{top:12px;}
.selectbox:before{right: 21px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.selectbox:after{right: 15px;-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;}

input[type=number]{width: 80px;transition:0.1s linear;-moz-transition:0.1s linear;-webkit-transition:0.1s linear;-o-transition:0.1s linear;-ms-transition:0.1s linear;font-size: 1.5rem;border: 1px solid #4f93bd;background-color: #e8f4fb;line-height: 110%;display: inline-block;padding: 7px 0 7px 7px;}

.w50px{width:50px;}
.w100px{width:100px;}
.w200px{width:200px;}
.w300px{width:300px;}

/*----------------------------------------------------
  radio,.checkbox
----------------------------------------------------*/
input[type=checkbox] {
    width: 16px;
    height: 16px;
    vertical-align: middle; margin-top: 0px;margin-left: 8px;border: 1px solid #4f93bd;background-color: #e8f4fb;position: relative;
}
input[type=radio] {
    width: 16px;
    height: 16px;
    vertical-align: middle; margin-top: 0px;margin-left: 8px;border: 1px solid #4f93bd;background-color: #e8f4fb;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: #4f93bd;
  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 #4f93bd;
  border-right: 4px solid #4f93bd;
}
/*--------------------------------------------------------

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: 10rem;
cursor: pointer;
}
.fileinput.green{background-color:#089069;}
.fileinput.orange{background-color: #a08e09;}
.fileinput.red{ background-color: #a80130;}
.fileinput.blue{background-color: #0966a0;}
.fileinput.midgray{background-color: #878787;}
.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-top: 1px solid rgb(239, 239, 239);}
.FormBox ul li:first-child{width: 20%;}
.FormBox ul li.required:after{content:"※必須";color: #E50000;padding-left: 10px; font-size: 1.2rem;}
.FormBox ul li label input[type=text],
.FormBox ul li input[type=text]{width: 300px;}
.FormBox ul li label input.postnumber,
.FormBox ul li input.postnumber{width: 180px;margin-left: 10px;}
.FormBox ul li label input.address,
.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,
.FormBox ul li label 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,
.FormBox ul li label input.address{width: 100%;}
.FormBox ul li textarea,
.FormBox ul li label 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.required{background: url("../img/base/required.jpg") right 18px no-repeat;}
.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;padding-bottom: 0;}
.FormBox ul li label input[type=text],
.FormBox ul li input[type=text]{width: 100%;}
.FormBox ul li input.nameset,
.FormBox ul li label input.nameset{width: 80%;}
.FormBox ul li input.postnumber,
.FormBox ul li label input.postnumber{width: 170px;}
.FormBox ul li input.address,
.FormBox ul li label input.address{width: 100%;}
.FormBox .btn{font-size: 1.4rem;padding: 15px 0px;width: 130px;}
.FormBox ul li textarea,
.FormBox ul li label 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 #4f93bd; }
.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 #4f93bd; }

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

/*--------------------------------------------------------
 Application form
--------------------------------------------------------*/
.application_form{ width: 960px; margin: auto;}

.application_form .FormBox ul{display: table;width: 100%;}
.application_form .FormBox ul li{padding: 15px;}
.application_form .FormBox ul li:first-child{width: 30%; background: #f7f7f7;}

.infotxtBox{ margin-top: 35px;width: 100%; display: table; vertical-align: top;}
.infotxtBox div{width:calc(100% - 300px); display: table-cell;vertical-align: top; padding-left: 15px;}
.infotxtBox div:first-child{width: 300px; padding-left: 0px;background: #0075c1;}
.infotxtBox .tl{ background: #0075c1; color: #fff; padding: 10px 15px; display: inline-block; font-size: 2.3rem;}
.infotxtBox .txt{font-size: 1.4rem; margin-bottom: 15px;}
.infotxtBox .txt span{font-size: 3.5rem; padding-top: 5px;display: block;}
.infotxtBox .sizeL{ font-size:2.0rem;}

@media screen and (max-width:960px){
.application_form{ width: 100%;}
.infotxtBox div{width:calc(100% - 270px);}
.infotxtBox div:first-child{width: 270px;}
}

@media screen and (max-width:768px){
.application_form .FormBox ul li{display: block;width: 100%!important;padding: 10px;border: 0;}
.application_form .FormBox ul li:first-child{width: 100%;padding: 10px;font-weight: bold;}
.infotxtBox{ display: block; text-align: center;}
.infotxtBox div{width:calc(100% - 0px); display: block;margin-bottom: 15px;padding-left: 0px;}
.infotxtBox div:first-child{width: 100%;}
.infotxtBox .tl{ display: block; width: 100%;}
}
@media screen and (max-width:568px){
.infotxtBox .tl{  padding: 10px; font-size: 2.0rem;}
.infotxtBox .txt span{font-size: 2.5rem;}
.infotxtBox .sizeL{ font-size:1.8rem;}
}