@charset "UTF-8";

/*

※メディアクエリはレスポンシブサイトの場合はそのサイトに合わせたサイズを指定すること
※旧センティール系の非レスポンシブサイトは「PC：(min-widty:738px)」「SP：(max-width:737px)」で指定

*/

/* .センティール旧サイト用ユニークスタイル ※階層指定深めにしてこっちが優先的に反映されるようにする
============================================================================= */

@media (max-width:737px) {
/* SP時の全体的にサイズを縮小する */
}
/* リストスタイルリセット */
ul,ol {
	list-style:none;
}

/* .共通
============================================================================= */
/* 各サイトのグロナビによって変動 */
@media (min-width:738px) {
	body {
		padding-top:73px;
	}
}
/* 主に改行用sp/pcで出し分けする */
@media (min-width:738px) {
	[data-sc-sp] {
		display:none;
	}
}
@media (max-width:737px) {
	[data-sc-pc] {
		display:none;
	}
}
#main_contents {
	padding-bottom:100px;
	max-width:100%;
	background-color:#fff;
}
@media (max-width:737px) {
	#main_contents {
		padding-bottom:50px;
	}
}

@media (max-width:737px) {
	._sp-mg01 {
		margin-left:30px;
		margin-right:30px;
	}
	._sp-mg02 {
		margin-left:20px;
		margin-right:20px;
	}
	._sp-mg03 {
		margin-left:10px;
		margin-right:10px;
	}
}


/* .zeromile_wrap
============================================================================= */
.zeromile_wrap {
	display:block;
	background-color:#f8f7f5;
}
@media (max-width:737px) {
	.zeromile_wrap {
	}
}
@media (min-width:738px) {
	.zeromile_wrap {
		padding:0 20px;
	}
}
.zeromile_wrap img {
	max-width:100%;
	height:auto;
}

/* .zeromile_intro
============================================================================= */
.zeromile_intro {
	background-color:#e0dbd4;
}
@media (min-width:738px) {
	.zeromile_intro {
		margin-left:-20px;
		width:calc(100% + 40px);
	}
}
@media (max-width:737px) {
}
.zeromile_heading {
	padding:60px 0 80px;
	text-align:center;
}
@media (max-width:737px) {
	.zeromile_heading {
		padding:40px 0 46px;
		text-align:center;
	}
	.zeromile_heading img {
		width:120px;
	}
}
.zeromile_mv {
	display:flex;
	justify-content: center;
	align-items:center;
	height:496px;
	background-image:url("../img/page_mv_pc.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
}
.zeromile_mv_img {
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.zeromile_title {
	padding-top:60px;
	position:relative;
	text-align:center;
}
@media (max-width:737px) {
	.zeromile_mv {
		height:248px;
		background-image:url("../img/page_mv_sp.jpg");
	}
	.zeromile_mv_img {
		width:134px;
	}
	.zeromile_title {
		padding-top:30px;
	}
	.zeromile_title img {
		width:325px;
	}
}
.zeromile_caption {
	padding:90px 0 510px;
	text-align:center;
}
@media (max-width:737px) {
	.zeromile_caption {
		padding:50px 0 434px;
	}
}


/* .zeromile_online
============================================================================= */
.zeromile_online {
	margin-top:-430px;
	padding:88px 0 64px;
	background-color:#fff;
	text-align:center;
	position:relative;
}
.zeromile_online::before {
	content:"";
	display:block;
	margin:0 auto;
	width:1px;
	height:40px;
	background-color:#601e1f;
	position:absolute;
	top:-20px;
	left:0;
	right:0;
}
@media (min-width:738px) {
	.zeromile_online {
		margin-left:auto;
		margin-right:auto;
		width:1240px;
		max-width:calc(100% - 40px);
	}
}
@media (max-width:737px) {
	.zeromile_online {
		margin-top:-390px;
		padding:40px 0 30px;
	}
	.zeromile_online::before {
		height:20px;
		top:-10px;
	}
}
.zeromile_online_contents {
	margin-top:60px;
}
@media (min-width:738px) {
	.zeromile_online_contents {
		padding-left:40px;
		padding-right:40px;
	}
}
@media (max-width:737px) {
	.zeromile_online_contents {
		margin-top:30px;
	}
}


/* .zeromile_details
============================================================================= */
.zeromile_details {
	padding:100px 0 130px;
}
.zeromile_detail {
	margin:0 auto;
}
.zeromile_detail + .zeromile_detail {
	margin-top:110px;
}
.zeromile_detail_text_wrap {
	padding-top:10px;
}
.zeromile_detail_img02 {
	margin-top:64px;
}
.zeromile_supports {
	margin-top:80px;
	text-align:center;
}
@media (min-width:738px) {
	.zeromile_detail {
		display:flex;
		justify-content: space-between;
		width:1240px;
		max-width:100%;
		box-sizing:border-box;
	}
	.zeromile_detail._r {
		flex-direction: row-reverse;
	}
	.zeromile_detail_img01 {
		flex:1;
	}
	.zeromile_detail_text_wrap {
		width:426px;
		max-width:35%;
	}
	.zeromile_detail._l .zeromile_detail_text_wrap {
		margin-left:40px;
	}
	.zeromile_detail._r .zeromile_detail_text_wrap {
		margin-right:40px;
	}
}
@media (max-width:737px) {
	.zeromile_details {
		padding:50px 0 54px;
	}
	.zeromile_detail {
		margin:0 auto;
	}
	.zeromile_detail + .zeromile_detail {
		margin-top:50px;
	}
	.zeromile_detail_text_wrap {
		padding-top:36px;
	}
	.zeromile_detail_img02 {
		margin-top:28px;
	}
	.zeromile_supports {
		margin-top:50px;
	}
}


/* .zeromile_footer
============================================================================= */
.zeromile_footer {
	display:flex;
	justify-content: center;
	align-items:center;
	height:396px;
	background-image:url("../img/bottom_bg_pc.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
}
.zeromile_footer .zeromile_footer_img {
	margin:auto;
	position:absolute;
	top:0;
	left:-460px;
	right:0;
	bottom:0;
}
.zeromile_footer_text {
	padding:30px 0 0 300px;
	position:relative;
	text-align:center;
}
@media (min-width:738px) {
	.zeromile_footer {
		margin-left:-20px;
		width:calc(100% + 40px);
	}
}
@media (max-width:737px) {
	.zeromile_footer {
		height:198px;
		background-image:url("../img/bottom_bg_sp.jpg");
	}
	.zeromile_footer .zeromile_footer_img {
		width:108px;
		left:-210px;
	}
	.zeromile_footer_text {
		padding:16px 0 0 112px;
	}
	.zeromile_footer_text img {
		width:220px;
	}
}