@charset "UTF-8";
/* CSS Document */

/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
.borderTit{ padding: 0 0 26px; position: relative; font-size: 26px; line-height: 1.6; color: #f12800; text-align: center;}
.borderTit:before{ content: ""; display: block; background: #f12800; width: 80px; height: 3px; margin: 0 0 0 -40px; position: absolute; bottom: 0; left: 50%;}

#movieBox .movieCont{ margin:45px 0 0;}
#movieBox .movieCont p{ margin-top: 36px;}

#featureBox{ border-top: 0;}

.featureList{ padding: 0 0 20px;}
.featureList li{ padding: 50px 0; overflow: hidden; border-top: #7f7f7f 1px dotted;}
.featureList li:first-child{ border-top: none;}

.featureList li .txt h3{ margin: -80px 0 30px; padding: 80px 0 0 44px; position: relative; font-size: 26px; line-height: 1.4;}
.featureList li .txt h3.after{ padding-left: 64px; }
.featureList li .txt h3 .number{ display: block; position: absolute; top: 80px;left: 0; color: #fa4100;}
.featureList li .txt h3 .small{ display: inline-block; padding: 10px 0 0; font-size: 12px; font-weight: normal; color: #5f5f5f; vertical-align: top;}
.featureList li .txt p{ letter-spacing: 0;}
.featureList li .txt p .attention{ letter-spacing: 0!important;}
.featureList li .imgBox{ display: block; margin: 40px auto 0; text-align: center;}
.featureList li .imgBox img{ max-width: 282px; }


/*************************************************************************************************************************
680px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:800px){
	#movieBox .movieCont{ margin:60px 0 0;}

	.borderTit{ font-size: 34px; line-height: 1.6; }
	.borderTit:before{ width: 100px; margin: 0 0 0 -50px;}
	.featureList li{ padding: 70px 0 20px;}
	.featureList li .txt{ width: 73%; float: left;}
	.featureList li .txt p{ min-height: 158px;}
	.featureList li .imgBox{ width: 24%; min-height: 180px; margin: 0 0 0 3%; position: relative; float: left;}
	.featureList li .imgBox img{ position: absolute; top: 50%; left: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
}


/*************************************************************************************************************************
* 960px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:960px){
	.borderTit{ line-height: 1.8; }
}