@charset "UTF-8";


#allWrapper{ margin: 0; padding: 0; }
#container{ margin: 0; padding: 0!important; }
#main-content{ margin: 0; padding: 0; }
#main-content .content-body{ max-width: 920px; margin: 0 auto; padding: 0; }
#main-content .content-body.brand01 .movie-body{ width: 100%; margin: auto; }
#main-content .content-body.brand01 .movie-body .frame video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#main-content .content-body.brand01 .movie-body .frame{ width: 100%; padding-top: 56.25%!important; margin: auto; position: relative; }
#main-content .content-body.brand01 .movie-body iframe{ width: 100%!important; height: 100%!important; position: absolute!important; left: 0!important; top: 0!important; }
#main-content .content-body.brand01 .feature-list{ padding: 0 50px; background-color: #f5f5f5; text-align: center; }
#main-content .content-body.brand01 .feature-list .feature-item{ padding: 50px; border: 2px solid #fc0000; border-radius: 40px; }
#main-content .content-body.brand01 .feature-list .feature-item .txt{ margin-top: 50px; }
#main-content .content-body.brand01 .feature-list .feature-item .navi{ margin-top: 50px; }
#main-content .content-body.brand02{ position: relative; }
#main-content .content-body.brand02 .section{ position: relative; }
#main-content .content-body.brand02 .section .anchor{ position: absolute; left: 0; top: 0; }
#main-content .content-body.brand02 .content-inner{ position: relative; padding-bottom: 50px; }
#main-content .content-body.brand02 .content-inner > *{ position: relative; }
#main-content .content-body.brand02 .content-inner::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f5f5f5; }
#main-content .content-body.brand02 .fact-list01{ display: flex; display: -ms-flex; justify-content: center; column-gap: 40px; }
#main-content .content-body.brand02 .fact-list01 .item{ width: 252px; }
#main-content .content-body.brand02 .fact-list01+.caption{ padding: 0 40px; margin-top: 20px; }
#main-content .content-body.brand02 .navi{ margin-top: 40px; text-align: center; }
#main-content .content-body.brand02 .fact-list02{ display: flex; display: -ms-flex; justify-content: center; column-gap: 40px; }
#main-content .content-body.brand02 .fact-list02 .item{ width: 302px; }
#main-content .content-body .close{ padding: 0 0 50px; text-align: center; background-color: #f5f5f5; }



/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .content-body{ padding: 0; }
	#main-content .content-body.brand01 .feature-list{ padding: 0 5%; }
	#main-content .content-body.brand01 .feature-list .feature-item{ padding: 7% 5%; border: 2px solid #fc0000; border-radius: 10px; }
	#main-content .content-body.brand01 .feature-list .feature-item .txt{ margin-top: 5%; }
	#main-content .content-body.brand01 .feature-list .feature-item .navi{ margin: 5% auto 0; width: 60%; }
	#main-content .content-body.brand02 .section .anchor{ top: 0; }
	#main-content .content-body.brand02 .content-inner{ padding-bottom: 10%; }
	#main-content .content-body.brand02 .fact-list01{ display: flex; display: -ms-flex; justify-content: center; column-gap: 2%; padding: 0 5%; }
	#main-content .content-body.brand02 .fact-list01 .item{ width: auto; }
	#main-content .content-body.brand02 .fact-list01+.caption{ padding: 0 5%; margin-top: 3%; }
	#main-content .content-body.brand02 .navi{ margin: 5% auto 0; width: 50%; }
	#main-content .content-body.brand02 .fact-list02{ display: flex; display: -ms-flex; justify-content: center; column-gap: 2%; padding: 0 5%; }
	#main-content .content-body.brand02 .fact-list02 .item{ width: auto; }
	#main-content .content-body .close{ padding: 0 0 7%; }
	#main-content .content-body .close a{ width: 50%; margin: 0 auto; display: block; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}