@charset "UTF-8";

/*--------------------------------------------------
**************************************************
  ボックスレイアウト（基本）
**************************************************
--------------------------------------------------*/

* {
	-webkit-box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
	box-sizing:border-box !important;
	border:0px none;
	margin:0px;
	padding:0px;
}

.block { display:block; }

.br:before { content:"\A"; white-space:pre; }	/* CSSで改行 */

/* フロート */
.float_l { float:left; }
.float_r { float:right; }

/* フロート解除 */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }

/* Flexbox(フロート系) */
.flexbox{
	display:-webkit-flex;	/*--- Safari,iOS,android ---*/
	display:flex;
	-webkit-flex-direction:row;	/*--- Safari,iOS,android ---*/
	flex-direction:row;	/*--- 左から右に水平方向に配置 ---*/
}
.flex-wrap{ -webkit-flex-wrap:wrap; flex-wrap:wrap; }	/*--- 横複数行(折り返し有り)の配置 ---*/
.flex-space-between{ -webkit-justify-content:space-between; justify-content:space-between; }	/*--- 最初と最後は端に、残りは等間隔 ---*/
.flex-center{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }	/*--- 中央配置 ---*/


/* PCの場合 */
@media ( min-width : 768px ) {
	.spOnly { display:none !important; }	/* PCでは非表示 */
	
	.pc_br:before { content:"\A"; white-space:pre; }	/* PCでは改行 */
	
	.flexbox-pc{
		display:-webkit-flex;	/*--- Safari,iOS,android ---*/
		display:flex;
		-webkit-flex-direction:row;	/*--- Safari,iOS,android ---*/
		flex-direction:row;	/*--- 左から右に水平方向に配置 ---*/
	}
	.flex-wrap-pc{ -webkit-flex-wrap:wrap; flex-wrap:wrap; }	/*--- 横複数行(折り返し有り)の配置 ---*/
	.flex-space-between-pc{ -webkit-justify-content:space-between; justify-content:space-between; }	/*--- 最初と最後は端に、残りは等間隔 ---*/
	.flex-center-pc{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }	/*--- 中央配置 ---*/
	
	.mt5,  .mt5-10,.mt5-20,.mt5-30,.mt5-40,.mt5-50,.mt5-60,.mt5-72,.mt5-80,.mt5-90,.mt5-100{ margin-top: 5px !important;}
	.mt10, .mt10-5,.mt10-20,.mt10-30,.mt10-40,.mt10-50,.mt10-60,.mt10-72,.mt10-80,.mt10-90,.mt10-100{ margin-top: 10px !important;}
	.mt20, .mt20-5,.mt20-10,.mt20-30,.mt20-40,.mt20-50,.mt20-60,.mt20-72,.mt20-80,.mt20-90,.mt20-100{ margin-top: 20px !important;}
	.mt30, .mt30-5,.mt30-10,.mt30-20,.mt30-40,.mt30-50,.mt30-60,.mt30-72,.mt30-80,.mt30-90,.mt30-100{ margin-top: 30px !important;}
	.mt40, .mt40-5,.mt40-10,.mt40-20,.mt40-30,.mt40-50,.mt40-60,.mt40-72,.mt40-80,.mt40-90,.mt40-100{ margin-top: 40px !important;}
	.mt50, .mt50-5,.mt50-10,.mt50-20,.mt50-30,.mt50-40,.mt50-60,.mt50-72,.mt50-80,.mt50-90,.mt50-100{ margin-top: 50px !important;}
	.mt60, .mt60-5,.mt60-10,.mt60-20,.mt60-30,.mt60-40,.mt60-50,.mt60-72,.mt60-80,.mt60-90,.mt60-100{ margin-top: 60px !important;}
	.mt72, .mt72-5,.mt72-10,.mt72-20,.mt72-30,.mt72-40,.mt72-50,.mt72-60,.mt72-80,.mt72-90,.mt72-100{ margin-top: 72px !important;}
	.mt80, .mt80-5,.mt80-10,.mt80-20,.mt80-30,.mt80-40,.mt80-50,.mt80-60,.mt80-72,.mt80-90,.mt80-100{ margin-top: 80px !important;}
	.mt90, .mt90-5,.mt90-10,.mt90-20,.mt90-30,.mt90-40,.mt90-50,.mt90-60,.mt90-72,.mt90-80,.mt90-100{ margin-top: 90px !important;}
	.mt100,.mt100-5,.mt100-10,.mt100-20,.mt100-30,.mt100-40,.mt100-50,.mt100-60,.mt100-72,.mt100-80,.mt100-90{ margin-top: 100px !important;}
	
	.mb5,  .mb5-10,.mb5-20,.mb5-30,.mb5-40,.mb5-50,.mb5-60,.mb5-72,.mb5-80,.mb5-90,.mb5-100{ margin-bottom: 5px !important;}
	.mb10, .mb10-5,.mb10-20,.mb10-30,.mb10-40,.mb10-50,.mb10-60,.mb10-72,.mb10-80,.mb10-90,.mb10-100{ margin-bottom: 10px !important;}
	.mb16, .mb16-5,.mb16-20,.mb16-24,.mb16-30,.mb16-40,.mb16-50,.mb16-60,.mb16-72,.mb16-80,.mb16-90,.mb16-100{ margin-bottom: 10px !important;}
	.mb20, .mb20-5,.mb20-10,.mb20-30,.mb20-40,.mb20-50,.mb20-60,.mb20-72,.mb20-80,.mb20-90,.mb20-100{ margin-bottom: 20px !important;}
	.mb24, .mb24-5,.mb24-10,.mb24-16,.mb24-30,.mb24-40,.mb24-50,.mb24-60,.mb24-72,.mb24-80,.mb24-90,.mb24-100{ margin-bottom: 24px !important;}
	.mb30, .mb30-5,.mb30-10,.mb30-20,.mb30-40,.mb30-50,.mb30-60,.mb30-72,.mb30-80,.mb30-90,.mb30-100{ margin-bottom: 30px !important;}
	.mb32, .mb32-5,.mb32-10,.mb32-20,.mb32-40,.mb32-50,.mb32-60,.mb32-72,.mb32-80,.mb32-90,.mb32-100{ margin-bottom: 32px !important;}
	.mb40, .mb40-5,.mb40-10,.mb40-16,.mb40-20,.mb40-32,.mb40-50,.mb40-60,.mb40-72,.mb40-80,.mb40-90,.mb40-100{ margin-bottom: 40px !important;}
	.mb48, .mb48-5,.mb48-16,.mb48-20,.mb48-24,.mb48-32,.mb48-50,.mb48-60,.mb48-72,.mb48-80,.mb48-90,.mb48-100{ margin-bottom: 48px !important;}
	
	.mb50, .mb50-5,.mb50-10,.mb50-20,.mb50-30,.mb50-40,.mb50-60,.mb50-72,.mb50-80,.mb50-90,.mb50-100{ margin-bottom: 50px !important;}
	.mb56, .mb56-5,.mb56-10,.mb56-20,.mb56-24,.mb56-30,.mb56-40,.mb56-60,.mb56-72,.mb56-80,.mb56-90,.mb56-100{ margin-bottom: 56px !important;}
	.mb60, .mb60-5,.mb60-10,.mb60-20,.mb60-30,.mb60-40,.mb60-50,.mb60-72,.mb60-80,.mb60-90,.mb60-100{ margin-bottom: 60px !important;}
	.mb64, .mb64-5,.mb64-10,.mb64-20,.mb64-30,.mb64-40,.mb64-50,.mb64-72,.mb64-80,.mb64-90,.mb64-100{ margin-bottom: 64px !important;}
	.mb72, .mb72-5,.mb72-10,.mb72-20,.mb72-30,.mb72-40,.mb72-50,.mb72-60,.mb72-80,.mb72-90,.mb72-100{ margin-bottom: 72px !important;}
	.mb80, .mb80-5,.mb80-10,.mb80-20,.mb80-24,.mb80-32,.mb80-40,.mb80-50,.mb80-60,.mb80-72,.mb80-90,.mb80-100{ margin-bottom: 80px !important;}
	.mb90, .mb90-5,.mb90-10,.mb90-20,.mb90-30,.mb90-40,.mb90-50,.mb90-60,.mb90-72,.mb90-80,.mb90-100{ margin-bottom: 90px !important;}
	.mb100,.mb100-5,.mb100-10,.mb100-20,.mb100-30,.mb100-40,.mb100-50,.mb100-60,.mb100-72,.mb100-80,.mb100-90{ margin-bottom: 100px !important;}
	.mb120,.mb120-5,.mb120-10,.mb120-20,.mb120-30,.mb120-40,.mb120-48,.mb120-50,.mb120-60,.mb120-72,.mb120-80,.mb120-90{ margin-bottom: 120px !important;}
	.mb160,.mb160-5,.mb160-10,.mb160-20,.mb160-30,.mb160-40,.mb160-50,.mb160-60,.mb160-72,.mb160-80,.mb160-90{ margin-bottom: 160px !important;}

	.mr5,  .mr5-10,.mr5-20,.mr5-30,.mr5-40,.mr5-50,.mr5-60,.mr5-72,.mr5-80,.mr5-90,.mr5-100{ margin-right: 5px !important;}
	.mr10, .mr10-5,.mr10-20,.mr10-30,.mr10-40,.mr10-50,.mr10-60,.mr10-72,.mr10-80,.mr10-90,.mr10-100{ margin-right: 10px !important;}
	.mr20, .mr20-5,.mr20-10,.mr20-30,.mr20-40,.mr20-50,.mr20-60,.mr20-72,.mr20-80,.mr20-90,.mr20-100{ margin-right: 20px !important;}
	.mr30, .mr30-5,.mr30-10,.mr30-20,.mr30-40,.mr30-50,.mr30-60,.mr30-72,.mr30-80,.mr30-90,.mr30-100{ margin-right: 30px !important;}
	.mr40, .mr40-5,.mr40-10,.mr40-20,.mr40-30,.mr40-50,.mr40-60,.mr40-72,.mr40-80,.mr40-90,.mr40-100{ margin-right: 40px !important;}
	.mr50, .mr50-5,.mr50-10,.mr50-20,.mr50-30,.mr50-40,.mr50-60,.mr50-72,.mr50-80,.mr50-90,.mr50-100{ margin-right: 50px !important;}
	
	.ml5,  .ml5-10,.ml5-20,.ml5-30,.ml5-40,.ml5-50,.ml5-60,.ml5-72,.ml5-80,.ml5-90,.ml5-100{ margin-left: 5px !important;}
	.ml10, .ml10-5,.ml10-20,.ml10-30,.ml10-40,.ml10-50,.ml10-60,.ml10-72,.ml10-80,.ml10-90,.ml10-100{ margin-left: 10px !important;}
	.ml20, .ml20-5,.ml20-10,.ml20-30,.ml20-40,.ml20-50,.ml20-60,.ml20-72,.ml20-80,.ml20-90,.ml20-100{ margin-left: 20px !important;}
	.ml30, .ml30-5,.ml30-10,.ml30-20,.ml30-40,.ml30-50,.ml30-60,.ml30-72,.ml30-80,.ml30-90,.ml30-100{ margin-left: 30px !important;}
	.ml40, .ml40-5,.ml40-10,.ml40-20,.ml40-30,.ml40-50,.ml40-60,.ml40-72,.ml40-80,.ml40-90,.ml40-100{ margin-left: 40px !important;}
	.ml50, .ml50-5,.ml50-10,.ml50-20,.ml50-30,.ml50-40,.ml50-60,.ml50-72,.ml50-80,.ml50-90,.ml50-100{ margin-left: 50px !important;}
}


/* スマホの場合 */
@media ( max-width : 767px ) {
	.pcOnly { display:none !important; }	/* スマホでは非表示 */
	
	.sp_br:before { content:"\A"; white-space:pre; }	/* SPでは改行 */
	
	.flexbox-sp{
		display:-webkit-flex;	/*--- Safari,iOS,android ---*/
		display:flex;
		-webkit-flex-direction:row;	/*--- Safari,iOS,android ---*/
		flex-direction:row;	/*--- 左から右に水平方向に配置 ---*/
	}
	.flex-wrap-sp{ -webkit-flex-wrap:wrap; flex-wrap:wrap; }	/*--- 横複数行(折り返し有り)の配置 ---*/
	.flex-space-between-sp{ -webkit-justify-content:space-between; justify-content:space-between; }	/*--- 最初と最後は端に、残りは等間隔 ---*/
	.flex-center-sp{ -webkit-box-pack:center; justify-content:center; }	/*--- 中央配置 ---*/
	
	.mt5,.mt10-5,.mt20-5,.mt30-5,.mt40-5,.mt50-5,.mt60-5,.mt72-5,.mt80-5,.mt90-5,.mt100-5 { margin-top: 5px !important;}
	.mt10,.mt5-10,.mt20-10,.mt30-10,.mt40-10,.mt50-10,.mt60-10,.mt72-10,.mt80-10,.mt90-10,.mt100-10 { margin-top: 10px !important;}
	.mt20,.mt5-20,.mt10-20,.mt30-20,.mt40-20,.mt50-20,.mt60-20,.mt72-20,.mt80-20,.mt90-20,.mt100-20 { margin-top: 20px !important;}
	.mt30,.mt5-30,.mt10-30,.mt20-30,.mt40-30,.mt50-30,.mt60-30,.mt72-30,.mt80-30,.mt90-30,.mt100-30 { margin-top: 30px !important;}
	.mt40,.mt5-40,.mt10-40,.mt20-40,.mt30-40,.mt50-40,.mt60-40,.mt72-40,.mt80-40,.mt90-40,.mt100-40 { margin-top: 40px !important;}
	.mt50,.mt5-50,.mt10-50,.mt20-50,.mt30-50,.mt40-50,.mt60-50,.mt72-50,.mt80-50,.mt90-50,.mt100-50 { margin-top: 50px !important;}
	.mt60,.mt5-60,.mt10-60,.mt20-60,.mt30-60,.mt40-60,.mt50-60,.mt72-60,.mt80-60,.mt90-60,.mt100-60 { margin-top: 60px !important;}
	.mt72,.mt5-72,.mt10-72,.mt20-72,.mt30-72,.mt40-72,.mt50-72,.mt60-72,.mt80-72,.mt90-72,.mt100-72 { margin-top: 72px !important;}
	.mt80,.mt5-80,.mt10-80,.mt20-80,.mt30-80,.mt40-80,.mt50-80,.mt60-80,.mt72-80,.mt90-80,.mt100-80 { margin-top: 80px !important;}
	.mt90,.mt5-90,.mt10-90,.mt20-90,.mt30-90,.mt40-90,.mt50-90,.mt60-90,.mt72-90,.mt80-90,.mt100-90 { margin-top: 90px !important;}
	.mt100,.mt5-100,.mt10-100,.mt20-100,.mt30-100,.mt40-100,.mt50-100,.mt60-100,.mt72-100,.mt80-100,.mt90-100 { margin-top: 100px !important;}
	
	.mb5,.mb10-5,.mb20-5,.mb30-5,.mb40-5,.mb50-5,.mb60-5,.mb72-5,.mb80-5,.mb90-5,.mb100-5 { margin-bottom: 5px !important;}
	.mb10,.mb5-10,.mb20-10,.mb30-10,.mb40-10,.mb50-10,.mb60-10,.mb72-10,.mb80-10,.mb90-10,.mb100-10 { margin-bottom: 10px !important;}
	.mb16,.mb5-16,.mb20-16,.mb24-16,.mb30-16,.mb40-16,.mb48-16,.mb50-16,.mb60-16,.mb72-16,.mb80-16,.mb90-16,.mb100-16 { margin-bottom: 16px !important;}
	.mb20,.mb5-20,.mb10-20,.mb30-20,.mb40-20,.mb50-20,.mb60-20,.mb72-20,.mb80-20,.mb90-20,.mb100-20 { margin-bottom: 20px !important;}
	.mb24,.mb5-24,.mb10-24,.mb16-24,.mb30-24,.mb40-24,.mb48-24,.mb50-24,.mb56-24,.mb60-24,.mb72-24,.mb80-24,.mb90-24,.mb100-24 { margin-bottom: 24px !important;}
	.mb30,.mb5-30,.mb10-30,.mb20-30,.mb40-30,.mb50-30,.mb60-30,.mb72-30,.mb80-30,.mb90-30,.mb100-30 { margin-bottom: 30px !important;}
	.mb32,.mb5-32,.mb10-32,.mb20-32,.mb40-32,.mb50-32,.mb60-32,.mb72-32,.mb80-32,.mb90-32,.mb100-32 { margin-bottom: 32px !important;}
	.mb40,.mb5-40,.mb10-40,.mb20-40,.mb30-40,.mb50-40,.mb60-40,.mb64-40,.mb72-40,.mb80-40,.mb90-40,.mb100-40 { margin-bottom: 40px !important;}
	.mb48,.mb5-48,.mb10-48,.mb20-48,.mb30-48,.mb50-48,.mb60-48,.mb72-48,.mb80-48,.mb90-48,.mb100-48,.mb120-48 { margin-bottom: 48px !important;}
	.mb50,.mb5-50,.mb10-50,.mb20-50,.mb30-50,.mb40-50,.mb60-50,.mb72-50,.mb80-50,.mb90-50,.mb100-50 { margin-bottom: 50px !important;}
	.mb60,.mb5-60,.mb10-60,.mb20-60,.mb30-60,.mb40-60,.mb50-60,.mb72-60,.mb80-60,.mb90-60,.mb100-60 { margin-bottom: 60px !important;}
	.mb72,.mb5-72,.mb10-72,.mb20-72,.mb30-72,.mb40-72,.mb50-72,.mb60-72,.mb80-72,.mb90-72,.mb100-72 { margin-bottom: 72px !important;}
	.mb80,.mb5-80,.mb10-80,.mb20-80,.mb30-80,.mb40-80,.mb50-80,.mb60-80,.mb72-80,.mb90-80,.mb100-80 { margin-bottom: 80px !important;}
	.mb90,.mb5-90,.mb10-90,.mb20-90,.mb30-90,.mb40-90,.mb50-90,.mb60-90,.mb72-90,.mb80-90,.mb100-90 { margin-bottom: 90px !important;}
	.mb100,.mb5-100,.mb10-100,.mb20-100,.mb30-100,.mb40-100,.mb50-100,.mb60-100,.mb72-100,.mb80-100,.mb90-100 { margin-bottom: 100px !important;}
	
	.mr5,.mr10-5,.mr20-5,.mr30-5,.mr40-5,.mr50-5,.mr60-5,.mr72-5,.mr80-5,.mr90-5,.mr100-5 { margin-right: 5px !important;}
	.mr10,.mr5-10,.mr20-10,.mr30-10,.mr40-10,.mr50-10,.mr60-10,.mr72-10,.mr80-10,.mr90-10,.mr100-10 { margin-right: 10px !important;}
	.mr20,.mr5-20,.mr10-20,.mr30-20,.mr40-20,.mr50-20,.mr60-20,.mr72-20,.mr80-20,.mr90-20,.mr100-20 { margin-right: 20px !important;}
	.mr30,.mr5-30,.mr10-30,.mr20-30,.mr40-30,.mr50-30,.mr60-30,.mr72-30,.mr80-30,.mr90-30,.mr100-30 { margin-right: 30px !important;}
	.mr40,.mr5-40,.mr10-40,.mr20-40,.mr30-40,.mr50-40,.mr60-40,.mr72-40,.mr80-40,.mr90-40,.mr100-40 { margin-right: 40px !important;}
	.mr50,.mr5-50,.mr10-50,.mr20-50,.mr30-50,.mr40-50,.mr60-50,.mr72-50,.mr80-50,.mr90-50,.mr100-50 { margin-right: 50px !important;}
	
	.ml5,.ml10-5,.ml20-5,.ml30-5,.ml40-5,.ml50-5,.ml60-5,.ml72-5,.ml80-5,.ml90-5,.ml100-5 { margin-left: 5px !important;}
	.ml10,.ml5-10,.ml20-10,.ml30-10,.ml40-10,.ml50-10,.ml60-10,.ml72-10,.ml80-10,.ml90-10,.ml100-10 { margin-left: 10px !important;}
	.ml20,.ml5-20,.ml10-20,.ml30-20,.ml40-20,.ml50-20,.ml60-20,.ml72-20,.ml80-20,.ml90-20,.ml100-20 { margin-left: 20px !important;}
	.ml30,.ml5-30,.ml10-30,.ml20-30,.ml40-30,.ml50-30,.ml60-30,.ml72-30,.ml80-30,.ml90-30,.ml100-30 { margin-left: 30px !important;}
	.ml40,.ml5-40,.ml10-40,.ml20-40,.ml30-40,.ml50-40,.ml60-40,.ml72-40,.ml80-40,.ml90-40,.ml100-40 { margin-left: 40px !important;}
	.ml50,.ml5-50,.ml10-50,.ml20-50,.ml30-50,.ml40-50,.ml60-50,.ml72-50,.ml80-50,.ml90-50,.ml100-50 { margin-left: 50px !important;}
}


/*--------------------------------------------------
**************************************************
  テキスト・フォント
**************************************************
--------------------------------------------------*/
.en{
	font-family: "Poppins", sans-serif;
}
.bold { font-weight:bold; }

strong { font-size:130%; }

.small { font-size:85%; }

.line_through { text-decoration:line-through; }	/* 打消し線 */

.italic { font-style:italic; }

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


/* -- 文字幅 letter-spacing -- */
.ls01 { letter-spacing:0.1em !important; }
.ls005 { letter-spacing:0.05em !important; }
.ls002 { letter-spacing:0.02em !important; }
.ls001 { letter-spacing:0.01em !important; }

/*--------------------------------------------------
**************************************************
  ふわ
**************************************************
--------------------------------------------------*/
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


.box{
	opacity: 0;
}
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
/*--------------------------------------------------
**************************************************
  その他
**************************************************
--------------------------------------------------*/

ul { list-style-type:none; }

.ul { list-style-type:disc; list-style-position:inside; }

/* スマホの場合 */
@media ( max-width : 767px ) {
	input[type="submit"]{
		-webkit-appearance:none;
	}
}