@charset "UTF-8";

/* ---------------------------------------------------
	article
---------------------------------------------------- */
.article {
	padding-right: 50px;
	padding-left: 50px;
}

@media screen and (max-width: 768px) {
	.article {
		padding-right: 3.2vw;
		padding-left: 3.2vw;
	}
}

/* ---------------------------------------------------
	lead
---------------------------------------------------- */
.lead {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 75px;
	overflow-x: hidden;
}

.lead__kv {
	margin-bottom: 75px;
}

.lead .container {
	padding: 0 50px;
	max-width: 1050px;
}

.lead__title {
	margin-bottom: 40px;
	line-height: 1;
	text-align: center;
}

.lead__title img {
	width: 54.35467%;
}

.lead__text {
	text-align: center;
}

.lead__text .text {
	margin-bottom: 2em;
	line-height: 2;
	font-size: 18px;
}

@media screen and (max-width: 1100px) {
	.lead {
		padding-bottom: 6.52174vw;
	}

	.lead__kv {
		margin-bottom: 6.52174vw;
	}

	.lead .container {
		padding: 0 4.34783vw;
	}

	.lead__title {
		margin-bottom: 3.47826vw;
	}

	.lead__text .text {
		font-size: 1.56522vw;
	}
}

@media screen and (max-width: 768px) {
	.lead {
		padding-bottom: 10.13333vw;
	}

	.lead__kv {
		margin-bottom: 10.13333vw;
	}

	.lead .container {
		padding: 0 6.4vw;
	}

	.lead__title {
		margin-bottom: 6.66667vw;
		padding: 0 4.8vw;
	}

	.lead__title img {
		width: 100%;
	}

	.lead__text {
		margin-bottom: 24vw;
		padding: 0 4.8vw;
		text-align: left;
	}

	.lead__text .text {
		margin-bottom: 1.5em;
		line-height: 1.8;
		font-size: 4.8vw;
	}
}

/*
	association
-------------------------------- */
.association {
	background: rgb(var(--gre));
	margin: 0 auto;
	padding: 41px 0 41px 4.6%;
	max-width: 810px;
	color: rgb(var(--wht));
	display: flex;
	align-items: center;
	position: relative;
}

.association__images {
	margin-right: 4.69136%;
	max-width: 122px;
	width: 100%;
}

.association__contents--title {
	font-size: 21px;
}

.association__contents--details {
	font-size: 16px;
}

.association__contents--details .text {
	letter-spacing: -0.005em;
}

.association__contents--details .link a {
	color: rgb(var(--wht));
}

.association__contents--details .link a::before {
	content: "＞";
}

.association .object {
	max-width: 212px;
	width: 18.43478vw;
	position: absolute;
	top: -131px;
	right: -75px;
}

@media screen and (max-width: 1150px) {
	.association {
		padding: 3.56522vw 0 3.56522vw 4.6%;
		max-width: 70.43478vw;
	}

	.association__images {
		max-width: 10.6087vw;
	}

	.association__contents--title {
		font-size: 1.82609vw;
	}

	.association__contents--details {
		font-size: 1.3913vw;
	}

	.association .object {
		top: -11.3913vw;
		right: -6.52174vw;
	}
}

@media screen and (max-width: 768px) {
	.association {
		padding: 12vw 4.8vw 8vw;
		max-width: 100%;
		width: 100%;
		display: block;
	}

	.association__images {
		margin: 0 0 4.8vw 0;
		max-width: 100%;
		width: 100%;
		text-align: center;
	}

	.association__images img {
		width: 32.62077vw;
	}

	.association__contents--title {
		font-size: 5.33333vw;
		letter-spacing: -0.005em;
	}

	.association__contents--details {
		margin-top: 0.5em;
		font-size: 4vw;
	}

	.association__contents--details .link {
		margin-top: 0.5em;
		text-align: center;
	}

	.association .object {
		max-width: 41.05472vw;
		width: 41.05472vw;
		top: -25.96237vw;
		right: 0.69173vw;
	}
}

/* ---------------------------------------------------
	oasis
---------------------------------------------------- */
.oasis {
	background: rgb(var(--yel));
	padding: 60px 50px;
}

.oasis .container {
	display: grid;
	grid-template-columns: 26.31579% auto 67.64844%;
	gap: 0;
	position: relative;
}

.oasis__logo {
	margin-bottom: 1em;
	text-align: center;
	grid-column: 1/2;
	grid-row: 1/2;
}

.oasis__logo img {
	width: 68.79196%;
}

.oasis__title {
	font-size: 21px;
	font-weight: 500;
	letter-spacing: -0.005em;
	grid-column: 1/2;
	grid-row: 2/3;
}

.oasis__details {
	margin-top: 1em;
	font-size: 16px;
	grid-column: 1/2;
	grid-row: 3/4;
}

.oasis__details .link {
	margin-top: 1em;
	grid-column: 1/2;
	grid-row: 4/5;
}

.oasis__details .link a {
	color: rgb(var(--blk));
}

.oasis__details .link a::before {
	content: "＞";
}

.oasis__images {
	grid-column: 3/4;
	grid-row: 1/5;
}

.oasis .object {
	max-width: 288px;
	width: 25.04348vw;
	position: absolute;
	bottom: -250px;
	left: -32px;
}

@media screen and (max-width: 1150px) {
	.oasis {
		padding: 5.21739vw 4.34783vw;
	}

	.oasis__title {
		font-size: 1.82609vw;
	}

	.oasis__details,
	.oasis__details .link {
		font-size: 1.3913vw;
	}

	.oasis .object {
		bottom: -21.73913vw;
		left: -2.78261vw;
	}
}

@media screen and (max-width: 768px) {
	.oasis {
		padding: 10.13333vw 6.4vw;
	}

	.oasis .container {
		grid-template-columns: 100%;
	}

	.oasis__logo img {
		width: 45.86131%;
	}

	.oasis__title {
		font-size: 5.33333vw;
		text-align: center;
		grid-row: 3/4;
	}

	.oasis__details {
		font-size: 4vw;
		grid-row: 4/5;
	}

	.oasis__details .link {
		font-size: 4vw;
		text-align: center;
		grid-row: 5/6;
	}

	.oasis__images {
		margin-bottom: 1em;
		grid-column: 1/2;
		grid-row: 2/3;
	}

	.oasis .object {
		max-width: 35.22619vw;
		width: 35.22619vw;
		bottom: -31.2vw;
		left: -3.2vw;
	}
}

/* ---------------------------------------------------
	sweets
---------------------------------------------------- */
.sweets {
	padding: 156px 50px 200px;
}

.sweets .section {
	margin-bottom: 120px;
}

.sweets__title {
	margin-bottom: 2em;
	text-align: center;
}

.sweets__title img {
	width: auto;
	height: 52px;
}

.sweets__lead {
	margin-bottom: 2em;
	font-size: 18px;
	text-align: center;
}

.sweets__contents--title {
	margin-bottom: 0.5em;
	line-height: 1.5;
	min-height: 4.5em;
	color: rgb(var(--bro));
	font-size: 20px;
	letter-spacing: -0.005em;
}

.sweets__contents--title .pc-inline {
	display: inline;
}

.sweets__contents--title .images {
	display: block;
}

.sweets__contents--details {
	font-size: 15px;
}

@media screen and (max-width: 1150px) {
	.sweets {
		padding: 13.56522vw 4.34783vw 17.91304vw;
	}

	.sweets .section {
		margin-bottom: 10.43478vw;
	}

	.sweets__title img {
		height: 4.52174vw;
	}

	.sweets__lead {
		font-size: 1.56522vw;
	}

	.sweets__contents--title {
		font-size: 1.73913vw;
	}

	.sweets__contents--details {
		font-size: 1.30435vw;
	}
}

@media screen and (max-width: 768px) {
	.sweets {
		padding: 17.06667vw 0 13.33333vw;
	}

	.sweets .section {
		margin-bottom: 23.2vw;
	}

	.sweets__title img {
		height: 9.86667vw;
	}

	.sweets__lead {
		padding: 0 6.4vw;
		font-size: 4.8vw;
		letter-spacing: -0.005em;
	}

	.sweets__contents--title {
		min-height: auto;
		font-size: 4.8vw;
	}

	.sweets__contents--title .pc-inline {
		display: none;
	}

	.sweets__contents--details {
		font-size: 3.46667vw
	}
}

/* ---------------------------------------------------
	plate
---------------------------------------------------- */
.plate .container {
	position: relative;
}

.plate .sweets__images {
	margin-bottom: 4em;
}

.plate__list {
	padding: 0 50px;
	display: flex;
	flex-wrap: wrap;
}

.plate__list--item {
	margin-bottom: 4em;
	width: calc((100% - 56px) / 3);
}

.plate__list--item:not(:nth-child(3n)) {
	margin-right: 28px;
}

.plate__list--item .number {
	margin-bottom: 0.5em;
	height: 40px;
}

.plate__list--item .number img {
	width: auto;
	height: 35px;
}

.plate__list--item:nth-child(3) .number img,
.plate__list--item:nth-child(5) .number img {
	height: 40px;
}

.plate .sweets__contents--title .images {
	margin-bottom: 0.25em;
	line-height: 1;
}

.plate .sweets__contents--title .images img {
	width: auto;
	vertical-align: middle;
}

.plate__list--item:nth-child(1) .images img {
	height: 13px;
}

.plate__list--item:nth-child(2) .images img {
	height: 19px;
}

.plate__list--item:nth-child(3) .images img {
	height: 16px;
}

.plate__list--item:nth-child(4) .images img {
	height: 18px;
}

.plate__list--item:nth-child(5) .images img {
	height: 16px;
}

.plate__list--item:nth-child(6) .images img {
	height: 13px;
}

.plate .object {
	max-width: 116px;
	width: 10.08696vw;
	position: absolute;
	top: 1000px;
	right: -50px;
}

@media screen and (max-width: 1150px) {
	.plate__list {
		padding: 0 4.34783vw;
	}

	.plate__list--item {
		width: calc((100% - 4.86957vw) / 3);
	}

	.plate__list--item:not(:nth-child(3n)) {
		margin-right: 2.43478vw;
	}

	.plate__list--item .number {
		height: 3.47826vw;
	}

	.plate__list--item .number img {
		height: 3.04348vw;
	}

	.plate__list--item:nth-child(3) .number img,
	.plate__list--item:nth-child(5) .number img {
		height: 3.47826vw;
	}

	.plate__list--item:nth-child(1) .images img,
	.plate__list--item:nth-child(6) .images img {
		height: 1.13043vw;
	}

	.plate__list--item:nth-child(2) .images img {
		height: 1.65217vw;
	}

	.plate__list--item:nth-child(3) .images img,
	.plate__list--item:nth-child(5) .images img {
		height: 1.3913vw;
	}

	.plate__list--item:nth-child(4) .images img {
		height: 1.56522vw;
	}

	.plate .object {
		max-width: 10.08696vw;
		width: 10.08696vw;
		top: 86.95652vw;
		right: -2.26087vw;
	}
}

@media screen and (max-width: 768px) {
	.plate .sweets__title img {
		height: 23.2vw;
	}

	.plate .sweets__images {
		margin-bottom: 2em;
	}

	.plate__list {
		padding: 0 13.6vw;
		display: block;
	}

	.plate__list--item {
		width: 100%;
	}

	.plate__list--item:not(:last-of-type) {
		margin-bottom: 2em;
	}

	.plate__list--item:not(:nth-child(3n)) {
		margin-right: 0;
	}

	.plate__list--item .number {
		height: 9.6vw;
	}

	.plate__list--item .number img {
		height: 8.26667vw;
	}

	.plate__list--item:nth-child(3) .number img,
	.plate__list--item:nth-child(5) .number img {
		height: 9.6vw;
	}

	.plate__list--item:nth-child(1) .images img,
	.plate__list--item:nth-child(6) .images img {
		height: 3.2vw;
	}

	.plate__list--item:nth-child(2) .images img {
		height: 4.53333vw;
	}

	.plate__list--item:nth-child(3) .images img,
	.plate__list--item:nth-child(5) .images img {
		height: 4vw;
	}

	.plate__list--item:nth-child(4) .images img {
		height: 4.26667vw;
	}

	.plate .object {
		max-width: 24.90995vw;
		width: 24.90995vw;
		top: 316vw;
		right: 4vw;
	}
}

/* ---------------------------------------------------
	savory
---------------------------------------------------- */
.savory__list {
	display: flex;
	justify-content: space-between;
}

.savory__list--item {
	width: 48.10526%;
}

.savory__list--images {
	margin-bottom: 1em;
}

.savory .sweets__contents {
	margin: 0 auto;
	max-width: 360px;
}

.savory .sweets__contents--title {
	text-align: center;
}

.savory .sweets__contents--title .images {
	margin-bottom: 0.5em;
	line-height: 1;
}

.savory .sweets__contents--title .images img {
	width: auto;
	height: 26px;
}

@media screen and (max-width: 1150px) {
	.savory .sweets__contents--title .images img {
		height: 2.26087vw;
	}
}

@media screen and (max-width: 768px) {
	.savory.section {
		margin-bottom: 12vw;
	}

	.savory__list {
		padding: 0 10.4vw;
		display: block;
	}

	.savory__list--item {
		width: 100%;
	}

	.savory__list--item:not(:last-of-type) {
		margin-bottom: 2em;
	}

	.savory .sweets__contents {
		max-width: 100%;
	}

	.savory .sweets__contents--title {
		letter-spacing: -0.005em;
	}

	.savory .sweets__contents--title .images img {
		height: 6.4vw;
	}
}

/* ---------------------------------------------------
	drinks
---------------------------------------------------- */
.drinks {
	padding: 0 50px;
}

.drinks .container {
	background: rgb(var(--drink));
	padding: 60px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.drinks__title img {
	width: auto;
	height: 43px;
}

.drinks__contents {
	margin-left: 2em;
	font-size: 20px;
}

@media screen and (max-width: 1150px) {
	.drinks {
		padding: 0 4.34783vw;
	}

	.drinks .container {
		padding: 5.21739vw 0;
	}

	.drinks__title img {
		height: 3.73913vw;
	}

	.drinks__contents {
		font-size: 1.73913vw;
	}
}

@media screen and (max-width: 768px) {
	.drinks {
		padding: 0 10.4vw;
	}

	.drinks .container {
		padding: 12vw 0;
		display: block;
	}

	.drinks__title {
		margin-bottom: 1em;
		text-align: center;
	}

	.drinks__title img {
		height: 9.06667vw;
	}

	.drinks__contents {
		margin: 0;
		font-size: 4.8vw;
		text-align: center;
	}
}

/* ---------------------------------------------------
	plan
---------------------------------------------------- */
.plan {
	background: rgb(var(--gre));
	padding: 113px 50px 100px;
	color: rgb(var(--wht));
	font-size: 1em;
}

.plan .container {
	position: relative;
}

.plan__contents {
	margin-bottom: 4em;
	display: grid;
	grid-template-columns: auto 49.72745%;
}

.plan__title {
	grid-column: 1/2;
	grid-row: 1/2;
}

.plan__title img {
	width: auto;
	height: 96px;
}

.plan__contents--title {
	line-height: 1;
	font-size: 24px;
	font-weight: 500;
	grid-column: 1/2;
	grid-row: 2/3;
}

.plan__contents--table {
	grid-column: 1/2;
	grid-row: 3/4;
}

.plan__contents--images {
	grid-column: 2/3;
	grid-row: 1/4;
}

.plan__contents--table th,
.plan__contents--table td {
	color: rgb(var(--wht));
	font-size: 16px;
	font-weight: 400;
	vertical-align: top;
}

.plan__contents--table th {
	padding-right: 1em;
}

.plan .linkBtn {
	margin-bottom: 4rem;
}

.plan .linkBtn a {
	background: rgb(var(--wht));
	margin: 0 auto;
	width: 463px;
	height: 84px;
	color: rgb(var(--blk));
	font-size: 22px;
	border-radius: 10px;
}

.plan .linkBtn a span::before {
	content: "＞";
}

.plan .note {
	margin-bottom: 6em;
}

.plan .note li {
	font-weight: 400;
	text-align: center;
	justify-content: center;
}

.plan .sdgs {
	background: url(../img/sdgsBg.webp) center no-repeat;
	background-size: cover;
	padding: 2em 0;
	font-size: 16px;
}

.sdgs__contents {
	margin-bottom: 1.5em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sdgs__contents--title {
	width: 310px;
}

.sdgs__contents--details {
	margin-left: 2.5em;
	font-weight: 400;
}

.plan .sdgs .linkBtn {
	margin: 0;
}

.plan .sdgs .linkBtn a {
	background: rgba(var(--wht), 0.6);
	width: 311px;
	height: 62px;
	color: rgb(var(--blk));
}

.plan .banner-list {
	margin-top: 2em;
	text-align: center;
}

.plan .banner-list__item img {
	max-width: 480px;
}

.plan .object {
	max-width: 353px;
	width: 30.69565vw;
	position: absolute;
	top: -280px;
	left: -32px;
}

@media screen and (max-width: 1150px) {
	.plan {
		padding: 9.82609vw 4.34783vw 8.69565vw;
	}

	.plan__title img {
		height: 8.34783vw;
	}

	.plan__contents--title {
		font-size: 2.08696vw;
	}

	.plan__contents--table th,
	.plan__contents--table td {
		font-size: 1.3913vw;
	}

	.plan .linkBtn a {
		width: 40.26087vw;
		height: 7.30435vw;
		font-size: 1.91304vw;
	}

	.plan .sdgs {
		font-size: 1.3913vw;
	}

	.sdgs__contents--title {
		width: 26.95652vw;
	}

	.plan .sdgs .linkBtn a {
		width: 27.04348vw;
		height: 5.3913vw;
	}

	.plan .banner-list {
		margin-top: 1em;
	}

	.plan .object {
		max-width: 30.69565vw;
		width: 30.69565vw;
		top: -24.34783vw;
		left: -2.78261vw;
	}
}

@media screen and (max-width: 768px) {
	.plan {
		padding: 25.33333vw 10.4vw 15.2vw;
	}

	.plan__contents {
		margin-bottom: 2em;
		display: block;
	}

	.plan__title {
		margin-bottom: 1em;
		text-align: center;
	}

	.plan__title img {
		width: 55.46667vw;
		height: auto;
	}

	.plan__contents--title {
		line-height: 1.8;
		font-size: 4.53333vw;
		letter-spacing: -0.005em;
	}

	.plan__contents--images {
		margin-bottom: 1em;
	}

	.plan__contents--table th,
	.plan__contents--table td {
		font-size: 4vw;
		letter-spacing: -0.005em;
	}

	.plan__contents--table th {
		padding-right: 1em;
	}

	.plan .linkBtn {
		margin-bottom: 2rem;
	}

	.plan .linkBtn a {
		width: 100%;
		height: 14.4vw;
		font-size: 4.53333vw;
		border-radius: 10px;
	}

	.plan .note {
		margin-bottom: 2em;
	}

	.plan .note li {
		text-align: left;
		justify-content: flex-start;
	}

	.plan .sdgs {
		background: url(../img/sdgsBg_sp.webp) center no-repeat;
		background-size: cover;
		padding: 12vw 6.4vw;
		font-size: 4vw;
	}

	.sdgs__contents {
		margin-bottom: 1em;
		display: block;
	}

	.sdgs__contents--title {
		margin-bottom: 1em;
		width: 100%;
	}

	.sdgs__contents--details {
		margin-left: 0;
	}

	.plan .sdgs .linkBtn a {
		width: 100%;
		height: 14.4vw;
	}

	.plan .object {
		max-width: 51.73333vw;
		width: 51.73333vw;
		top: -36.26667vw;
		left: 3.2vw;
	}
}