@charset "UTF-8";


/*****************************************************
　.pagehead　
*****************************************************/
.pagehead{
	background:url('../img/gas-station/pagehead_bg.jpg') no-repeat center center;
	background-size:cover;
}


/*****************************************************
　スタンド　
*****************************************************/
/* 冒頭 
------------------------------------------------- */
/* ----- 横長画像 ----- */
.col-block_l1.img-large .bgimg{
	background:url('../img/gas-station/gs_img1.jpg') no-repeat center center;
	background-size:cover;
}
/* #gas-station 
------------------------------------------------- */
#gas-station{
	margin:60px auto 160px;
}
#gas-station.contents-block .cb-ttl{
	margin-bottom:0;
}
#gas-station .col-block_l2 .img{
	max-width:575px;
	width:50%;
}
#gas-station .col-block_l2 .txt{
	position:relative;
}
#gas-station .col-block_l2.reverse .txt{
	max-width:545px;
	width:47%;
}
/* ----- 24時間営業 ----- */
.open-24h{
	position:absolute;
	right:0;
	top:25px;
	z-index:0;
}
/* ----- .point ----- */
#gas-station .point{
	margin:0 0 25px;
}
#gas-station .point li:before{
	color:#2255a4;
	content:'●';
	line-height:2;
	margin-right:0.5em;
}
/* ----- マップ ----- */
#gas-station .img .map{
	border:1px solid #2255a4;
	font-size:12px;
	font-size:1.2rem;
	line-height:40px;
	margin:22px 15px 0 auto;
	text-align:center;
	width:178px;
}
#gas-station .img .map a{
	color:#2255a4;
	display:block;
}
#gas-station .img .map a span{
	background:url('../img/common/tab.png') no-repeat right center;
	background-size:14px 13px;
	display:inline-block;
	font-size:inherit;
	padding-right:30px;
}
/* ----- .col-block_l2_small ----- */
.col-block_l2_small{
	display:flex;
	justify-content:space-between;
	margin:35px auto 65px;
	max-width:860px;
	width:100%;
}
.col-block_l2_small .img{
	max-width:345px;
	width:41%;
}
.col-block_l2_small .txt{
	max-width:470px;
	width:55%;
}
.col-block_l2_small .txt .ttl{
	color:#2255a4;
	font-size:20px;
	font-size:2.0rem;
	font-weight:normal;
	line-height:1.4;
	margin:12px 0;
}
#gas-station .col-block_l2_small .txt .point{
	margin:0 0 12px 15px;
}
#gas-station .col-block_l2_small .txt p{
	line-height:1.4;
	margin-left:15px;
}
/* 逆 */
.col-block_l2_small.reverse{
	flex-flow:row-reverse;
	margin-bottom:180px;
	max-width:925px;
}
.col-block_l2_small.reverse .img{
	max-width:345px;
	width:38%;
}
.col-block_l2_small.reverse .txt{
	max-width:530px;
	width:58%;
}
#gas-station .col-block_l2_small .txt p{
	line-height:1.9;
}
/* 最後 */
#gas-station .col-block_l2_small.bottom{
	margin-top:65px;
}


@media screen and (max-width:1100px){
	/*****************************************************
	　スタンド　
	*****************************************************/
	/* #gas-station 
	------------------------------------------------- */
	#gas-station .col-block_l2.reverse .txt{
		max-width:545px;
		width:47%;
	}
	/* ----- 24時間営業 ----- */
	.open-24h{
		max-width:80px;
	}
}


@media screen and (max-width:1024px){
	/*****************************************************
	　スタンド　
	*****************************************************/
	/* 再生可能エネルギー 
	------------------------------------------------- */
	.col-block_l1.img-large .bgimg{
		width:auto;
	}
	/* #gas-station 
	------------------------------------------------- */
	#gas-station{
		margin:9.37vw auto 25vw;
	}
	#gas-station .col-block_l2 .img{
		max-width:none;
		width:auto;
	}
	#gas-station .col-block_l2.reverse .txt{
		max-width:none;
		width:auto;
	}
	/* ----- 24時間営業 ----- */
	.open-24h{
		margin:0;
		max-width:none;
		top:0;
		width:16.87vw;
	}
	.open-24h img{
		width:100%;
	}
	/* ----- .point ----- */
	#gas-station .point{
		margin:0 0 3.9vw;
	}
	/* ----- マップ ----- */
	#gas-station .img .map{
		font-size:1.87vw;
		line-height:6.25vw;
		margin:3.43vw 2.34vw 0 auto;
		width:27.81vw;
	}
	#gas-station .img .map a span{
		background-size:2.18vw 2.03vw;
		padding-right:4.68vw;
	}
	/* ----- .col-block_l2_small ----- */
	.col-block_l2_small{
		display:block;
		margin:12.5vw auto;
		max-width:none;
		width:70vw;
	}
	.col-block_l2_small .img,
	.col-block_l2_small .txt{
		max-width:none;
		width:auto;
	}
	.col-block_l2_small .img img{
		width:100%;
	}
	.col-block_l2_small .txt .ttl{
		font-size:3.12vw;
		margin:1.87vw 0;
	}
	#gas-station .col-block_l2_small .txt .point{
		margin:0 0 1.87vw 2.34vw;
	}
	#gas-station .col-block_l2_small .txt p{
		margin-left:2.34vw;
	}
	/* 逆 */
	.col-block_l2_small.reverse{
		margin-bottom:28.12vw;
		max-width:none;
	}
	.col-block_l2_small.reverse .img,
	.col-block_l2_small.reverse .txt{
		max-width:none;
		width:auto;
	}
	.col-block_l2_small.reverse .img{
		margin:0 auto;
		width:70vw;
	}
	/* 最後 */
	#gas-station .col-block_l2_small.bottom{
		margin-top:10.15vw;
	}
}