@charset "UTF-8";

@import "../../../css/etc.css";


/*/==========================================================
/ 
/ 平日朝夕割引 走行回数・還元額のご確認方法について
/
==========================================================/*/
#etc-ifo-wekkk{


}

#u-main h2{
	display:block;
	overflow:hidden;
	padding-bottom:0.25em;
	font-size:var(--txt-l);
	font-weight:700;
	line-height:125%;
	color:#eb676a;
	border-bottom: 1px solid #eb676a;
}


dl.dialog{
	display:block;
	overflow:hidden;
	margin-top:1em;
}

dl.dialog > dt{
	display:block;
	overflow:hidden;
	width:75px;
	float:left;
}

dl.dialog > dd{
	display:block;
	overflow:hidden;
	width:calc(100% - 75px);
	float:left;
	position:relative;
}

dl.dialog > dd > p{
	display:block;
	float:right;
	width:calc(100% - 20px);
	position: relative;
	margin:0 0;
	padding: 0.75em 0.75em;
	background-color: #c7e8fa;
	border-radius: 10px;
}
dl.dialog > dd > p::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -15px;
	top: 20px;
	border-right: 16px solid #c7e8fa;
	border-top: 5px solid transparent;
	border-bottom: 13px solid transparent;
}

/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	#u-main *{
		word-break:initial;
	}

}



#sec01 > article{
	display:block;
	overflow: hidden;
	position: relative;
	margin: 1em 0;
	padding: 1em 1em;
	background-color: #fce8e9;
}

#sec01 > article h4{
	font-size:1.6rem;
	font-weight: 700;
	line-height:125%;
	margin-bottom: 1em;
	color: #e73468;
	position:relative;
}

#sec01 > article h4 > *{
	display:inline-block;
	vertical-align: middle;
}

img.al-l{
	float:left;
	margin-right:1em;
}

img.al-r{
	float:right;
	margin-left:1em;
}

/* for Sp --------------------*/
@media screen and ( max-width:768px) {



}


.soukou_hukidashi{
	display:block;
	width:calc(100% - 380px);
	position: relative;
	padding: 20px;
	background-color: #ffffff;
	border: 2px solid #aaaaaa;
	border-radius: 10px;
	float:right;
}

.soukou_hukidashi::before {
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	height: 0;
	left: -21px;
	top: 188px;
	border-right: 20px solid #aaaaaa;
	border-top: 15px solid transparent;
	border-bottom: 10px solid transparent;
}

.soukou_hukidashi::after {
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	height: 0;
	left: -18px;
	top: 188px;
	border-right: 20px solid #ffffff;
	border-top: 15px solid transparent;
	border-bottom: 9px solid transparent;
}


.soukou_hukidashi h5{
	font-weight:700;
	color: #e73468;
	position:relative;
}
.soukou_hukidashi h5 > *{
	display:inline-block;
	vertical-align: middle;
}

.soukou_hukidashi dl{
	display:block;
	overflow:hidden;
	margin-top:1em;
}

.soukou_hukidashi dl > dt{
	display:block;
	overflow:hidden;
	width:5em;
	float:left;
	font-weight:700;
	color: #e73468;
	clear:both;
}

.soukou_hukidashi dl > dd{
	display:block;
	overflow:hidden;
	width:calc(100% - 5em);
	float:left;
}

/* for Sp --------------------*/
@media screen and ( max-width:768px) {


	.soukou_hukidashi{
		width:100%;
		float:none;
	}

	.soukou_hukidashi::before,
	.soukou_hukidashi::after{
		display:none;
	}


	#sec01-02 img.al-l{
		float:none;
		margin-bottom:1em;
	}
}