@charset "utf-8";

#section1 {}

.l-food_delivery {
	position: relative;
	z-index: 10;
}

.l-food_delivery .title {
	color: var(--black);
	font-size: 26rem;
	font-weight: 700;
	text-align: center;
}

.l-food_delivery .title + * {
	margin-top: 60px;
}

.l-food_delivery_inner {
	margin-inline: -25px;
	display: flex;
}

.l-food_delivery_inner > * {
	width: calc(100% / 3);
	padding-inline: 25px;
	position: relative;
}

.l-food_delivery_inner > *:after {
	content: '';
	width:0;
	height:0;
	margin: 150px 0 0;
	border-style:solid;
	border-width: 10px 0 10px 14px;
	border-color: transparent transparent transparent var(--orange);
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(calc(50% + 2px),0);
}

.l-food_delivery_inner > *:last-child:after {
	display: none;
}

.l-food_delivery h3 {
	color: var(--orange);
	font-size: 26rem;
	font-weight: 700;
	text-align: center;
	position: relative;
}

.l-food_delivery h3:before {
	content: attr(data-number);
	color: var(--white);
	line-height: 1;
	width: 42px;
	height: 42px;
	margin: 0 10px 0 0;
	padding: .2em 0 0;
	border-radius: 100vmax;
	display: inline-block;
	background: var(--orange);
}

.l-food_delivery h3 + * {
	margin-top: 26px;
}

.l-food_delivery h4 {
	color: var(--black);
	font-size: 18rem;
	font-weight: 700;
	text-align: center;
	margin: 20px 0 0;
}

.l-food_delivery h4 + * {
	margin-top: 15px;
}

.l-food_delivery h4 + .u-text {
	font-size: 14rem;
	line-height: 2;
}

.l-food-target .u-title_mid + * {
	margin-top: 40px;
}

.l-food-target .item {
	padding-inline: 30px;
	display: flex;
	align-items: center;
}

.l-food-target .item:nth-of-type(1) .image img {
	margin-left: -20px;
}

.l-food-target .item:nth-of-type(2) {
	margin-top: -20px;
}

.l-food-target .item:nth-of-type(3) .image img {
	margin-left: 10px;
}

.l-food-target .item:nth-of-type(even) {
	flex-direction: row-reverse;
}

.l-food-target .item .image {
	width: 300px;
}

.l-food-target .item .image + * {
	font-size: 18rem;
	width: calc(100% - 300px);
	padding: 0 50px 0 30px;
}

.l-food-target .item:nth-of-type(even) .image + * {
	padding: 0 30px 0 50px;
}

#leaflet {
	margin-top: 60px;
}

#leaflet .title {
	color: var(--black);
	font-size: 26rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 60px;
}
#leaflet .u-flex.-row2 > *:first-child {
	width: calc( 62% - 40px );
}
#leaflet .u-flex.-row2 > *:last-child {
	width: calc( 38% - 40px );
}

.letter_bg {
	background: var(--white);
	border-radius: 30px 30px 0 30px;
	text-align: center;
}
.letter_bg img {
	width: 50%;
	margin: 40px auto;
}

.ml20 {
	margin-left: 20px;
}

.bk-list {
	margin-top: 1.5em;
}

.bk-list.u-flex.-row3 > * {
	width: calc( (100% - 20px ) / 3 - 40px)
}

.bk-list li,
.bk-list li:not(:first-child)  {
	margin: 0.5em 0 0 20px;
}
.bk-list li a[target='_blank']:after {
	background: none;
}

@media screen and (max-width: 767px) {
	.bk-list.u-flex.-mobile_none > * {
		margin-bottom: 0;
	}
	.bk-list li,
	.bk-list li:not(:first-child)  {
		margin: 0.5em 0 0 0;
	}
}