@charset "utf-8";

#page_title {
	position: relative;
	background: url(../images/gasstation/bg_pagetitle.webp) center center no-repeat;
}
main article img { max-width: 100%; height: auto; }
.invoice_flow { margin: 70px 0 50px; }
.invoice_flow img { display: block; width: 920px; }
.invoice_sample { margin: 30px 0; }
.invoice_sample img { display: block; width: 600px; }
.station_layout { display: flex; align-items: flex-start; gap: 40px; }
.station_photo { flex: 0 0 37%; }
.station_photo img { display: block; width: 100%; }
.station_detail { flex: 1; min-width: 0; }
.station_info { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 25px 20px; padding: 20px; background: #e8e8e8; }
.station_info dt { font-weight: 700; letter-spacing: .2em; }
.station_info dd { margin: 0; }
.jaf_service h5 { display: flex; align-items: center; gap: 10px; font-size: 1em; color: #23252b; border-bottom: 1px solid #487fac; padding-bottom: 15px; margin: 30px 0 15px; }
.jaf_service h5 img { width: 80px; }
main article .carwash_price { width: 700px; max-width: 100%; border-collapse: collapse; }
.carwash_price th { background: #e8e8e8; }
.carwash_price th, .carwash_price td { padding: 15px 20px; }
.lease_diagram { margin: 30px 0 70px; text-align: center; }
.lease_diagram img { width: 701px; }
#section4 h5 { font-size: 1em; font-weight: 700; color: #003586; margin: 25px 0 0; }
#section4 h5::before { content: "●"; }
.lease_link { margin-top: 15px; text-align: center; }
.lease_link a { display: inline-block; padding: 20px 45px; border: 1px solid #487fac; border-radius: 8px; }
.lease_link img { display: block; width: 218px; }
.lease_link a:hover { opacity: .7; }