/* ----------------------------------------------------
	header
---------------------------------------------------- */
.header {
	position: relative;
}

.header__content {
	background-color: rgba(var(--nav), 0.7);
	width: 40.044vw;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.header__content .logo {
	width: 12.811vw;
	position: absolute;
	top: 2.196vw;
	left: 2.928vw;
}

.header__title {
	width: 34.114vw;
	line-height: 1.1;
	color: rgb(var(--wht));
	font-family: var(--Playfair);
	font-size: 4.392vw;
	font-weight: 400;
	text-align: center;
	letter-spacing: -0.005em;
	border-bottom: solid 1px rgb(var(--wht));
}

.header__title small {
	margin-bottom: 4.1vw;
	padding-bottom: 1em;
	font-size: 1.757vw;
	font-weight: 500;
	border-bottom: solid 1px rgb(var(--wht));
	display: block;
}

.header__title span {
	margin-bottom: 4.1vw;
	line-height: 0.833;
	font-family: var(--Tangerine);
	font-size: 7.028vw;
	font-weight: 700;
	display: block;
}

@media screen and (max-width: 768px) {
	.header {
		display: flex;
		flex-direction: column-reverse;
	}

	.header__content {
		padding: 5.333vw 0 11.2vw;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column-reverse;
		position: static;
	}

	.header__content .logo {
		margin-bottom: 4vw;
		width: 33.867vw;
		position: static;
	}

	.header__title {
		width: 92vw;
		font-size: 10.667vw;
	}

	.header__title small {
		margin-bottom: 4.8vw;
		line-height: 1.25;
		font-size: 4.267vw;
	}

	.header__title span {
		margin-bottom: 4.8vw;
		font-size: 18.667vw;
	}
}

/* ----------------------------------------------------
	lead
---------------------------------------------------- */
.lead {
	background-image: url(../img/lead-bg.webp);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: min(13.6rem, 9.956vw) 0 min(19rem, 13.909vw);
	position: relative;
}

.lead::before,
.lead::after {
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 0;
	content: "";
}

.lead::before {
	background-image: url(../img/lead-obj01.webp);
	background-position: center top;
	width: 100%;
	height: 45.095vw;
	top: 0;
	left: 0;
}

.lead::after {
	background-image: url(../img/lead-obj02.webp);
	background-position: center bottom;
	width: 48.682vw;
	height: 21.303vw;
	right: 0;
	bottom: 0;
}

@media screen and (max-width: 768px) {
	.lead {
		background-image: url(../img/lead-bg_sp.webp);
		padding: 18.133vw 0;
	}

	.lead::before {
		background-image: url(../img/lead-obj01_sp.webp);
		height: 48.8vw;
	}

	.lead::after {
		background-image: url(../img/lead-obj02_sp.webp);
		width: 100%;
		height: 43.733vw;
	}
}

/* ----------------------------------------------------
	about
---------------------------------------------------- */
.about {
	position: relative;
	z-index: 2;
}

.about__lead {
	margin-bottom: min(10rem, 7.321vw);
	font-size: min(3rem, 2.196vw);
	font-weight: 400;
	text-align: center;
}

.about__banner {
	margin: 0 auto min(10rem, 7.321vw);
	width: min(114rem, 83.455vw);
}

@media screen and (max-width: 768px) {
	.about__lead {
		margin-bottom: 18.133vw;
		font-size: 5.6vw;
	}

	.about__banner {
		margin-bottom: 8.533vw;
		width: 100%;
	}
}

/* ----------------------------------------------------
	nav
---------------------------------------------------- */
.nav {
	position: relative;
	z-index: 2;
}

.nav__title {
	margin: 0 auto min(10rem, 7.321vw);
	width: min(86.8rem, 63.543vw);
}

.nav__list {
	margin: 0 auto;
	width: min(130rem, 95.168vw);
	display: flex;
	justify-content: space-between;
}

.nav__list--item {
	width: 18.887%;
}

.nav__list--item a {
	line-height: normal;
	color: rgb(var(--wht));
	text-align: center;
	text-decoration: none;
}

.nav__list--item figcaption {
	background-color: rgb(var(--nav));
	background-image: url(../img/arrow-bottom.svg);
	background-position: center bottom min(1rem, 0.732vw);
	background-repeat: no-repeat;
	background-size: min(3rem, 2.196vw) auto;
	padding: min(1.2rem, 0.878vw) 0 min(5rem, 3.66vw);
	font-size: min(2rem, 1.464vw);
}

@media screen and (max-width: 768px) {
	.nav__title {
		margin-bottom: 11.467vw;
		width: 94.4vw;
	}

	.nav__list {
		width: 92vw;
		flex-wrap: wrap;
	}

	.nav__list--item {
		margin-bottom: 3.2vw;
		width: 44.533vw;
	}

	.nav__list--item figcaption {
		background-position: center bottom 1.6vw;
		background-size: 4.8vw auto;
		padding: 1.6vw 0 8vw;
		font-size: 4.267vw;
	}
}

/* ----------------------------------------------------
	main
---------------------------------------------------- */
.main {
	overflow: hidden;
}

/* ----------------------------------------------------
	section
---------------------------------------------------- */
.section {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.section.japanese {
	background-image: url(../img/bg01.webp);
}

.section.chinese {
	background-image: url(../img/bg02.webp);
}

.section.western {
	background-image: url(../img/bg03.webp);
}

.section.cocktail {
	background-image: url(../img/bg04.webp);
}

.section.end {
	background-image: url(../img/bg05.webp);
}

.sectionBg {
	display: none;
}

@media screen and (max-width: 768px) {

	.section.japanese,
	.section.chinese,
	.section.western {
		background: none;
	}

	.section.cocktail,
	.section.end {
		background-position: center top;
		background-attachment: scroll;
	}

	.section.cocktail {
		background-image: url(../img/bg04_sp.webp);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.section.end {
		background-image: url(../img/bg05_sp.webp);
		background-repeat: repeat-y;
		background-size: 100% auto;
	}

	.sectionBg {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100vw;
		height: 100vh;
		opacity: 0;
		overflow: hidden;
		display: block !important;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		transition: opacity 0.5s ease;
		pointer-events: none;
	}

	.section.active .sectionBg {
		opacity: 1 !important;
	}

	.sectionBg img {
		min-width: 100%;
		min-height: 100vh;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

/* ----------------------------------------------------
	sectionContent
---------------------------------------------------- */
.sectionContent {
	margin: 0 auto;
	padding: min(7rem, 5.124vw) 0 min(12rem, 8.785vw);
	width: min(114rem, 83.455vw);
	position: relative;
}

.sectionContent__title {
	margin-bottom: min(5rem, 3.66vw);
	line-height: normal;
	font-size: min(3.2rem, 2.343vw);
	font-weight: 600;
	text-align: center;
}

.sectionContent__title small {
	font-size: min(2rem, 1.464vw);
	display: block;
}

.sectionContent__title .date {
	padding: 0 0.5em;
	line-height: normal;
	font-family: var(--gothic);
	font-size: min(2rem, 1.464vw);
	font-weight: 400;
}

.sectionContent__detail {
	margin-bottom: min(11rem, 8.053vw);
	letter-spacing: -0.005em;
	position: relative;
}

.sectionContent__detail.column {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sectionContent__image {
	width: min(62.7rem, 45.9vw);
	position: relative;
}

.sectionContent__image::before {
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 1px;
	position: absolute;
	top: min(2rem, 1.464vw);
	right: min(2rem, 1.464vw);
	z-index: 1;
	content: "";
}

.sectionContent__slide {
	position: relative;
	z-index: 2;
}

.sectionContent__detail .detail {
	width: min(47.6rem, 34.846vw);
	position: relative;
}

.sectionContent__detail .detail .title {
	margin-bottom: min(6.5rem, 4.758vw);
	padding-bottom: 1em;
	font-size: min(2.2rem, 1.611vw);
	font-weight: 600;
	display: flex;
	flex-direction: column;
	position: relative;
}

.sectionContent__detail .detail .title::after {
	width: min(114rem, 83.455vw);
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}

.sectionContent__detail .detail .title small {
	font-size: min(1.6rem, 1.171vw);
}

.sectionContent__detail .detail .title .date {
	margin-top: 0.5em;
	font-family: var(--gothic);
	font-size: min(2rem, 1.464vw);
	font-weight: 400;
	display: inline-block;
}

.sectionContent__detail .detail .title .date i {
	padding: 0 0.5em;
}

.sectionContent__detail .link-button,
.link-area .link-button {
	background-position: center right min(2rem, 1.464vw);
	background-repeat: no-repeat;
	background-size: min(6rem, 4.392vw) auto;
	width: 100%;
	height: min(9.4rem, 6.881vw);
	border-radius: min(9.4rem, 6.881vw);
}

.sectionContent__detail .link-button {
	position: absolute;
	bottom: min(6.5rem, 4.758vw);
	left: 0;
}

.link-area {
	margin-bottom: min(11rem, 8.053vw);
}

.link-area .link-button {
	margin: 0 auto;
	width: min(47.6rem, 34.846vw);
}

/* rev */
.sectionContent__detail.column.rev {
	flex-direction: row-reverse;
}

.sectionContent__detail.column.rev .sectionContent__image::before {
	right: auto;
	left: min(2rem, 1.464vw);
}

.sectionContent__detail.column.rev .detail .title::after {
	right: 0;
	left: auto;
}

/* column-tow */
.column-tow {
	width: min(55.5rem, 40.63vw);
	position: relative;
	z-index: 2;
}

.column-tow .sectionContent__image {
	margin-bottom: min(3rem, 2.196vw);
	width: 100%;
}

.column-tow .sectionContent__image::before {
	display: none;
}

.column-tow__detail {
	width: 100%;
}

.column-tow__detail .title {
	padding-bottom: 1em;
	line-height: normal;
	font-size: min(2.2rem, 1.611vw);
	font-weight: 600;
	letter-spacing: -0.005em;
	display: flex;
	align-items: flex-end;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	position: relative;
}

.column-tow__detail .title small {
	margin-top: 0.5em;
	font-size: min(1.6rem, 1.171vw);
	display: block;
}

.column-tow__detail .title .date {
	margin-top: 0.5em;
	font-family: var(--gothic);
	font-size: min(2rem, 1.464vw);
	font-weight: 400;
}

.column-tow__detail .title .date i {
	padding: 0 0.5em;
}

.column-tow__detail .link-button {
	background-position: center right min(2rem, 1.464vw);
	background-repeat: no-repeat;
	background-size: min(6rem, 4.392vw) auto;
	margin: min(3rem, 2.196vw) auto 0;
	width: min(47.8rem, 34.993vw);
	height: min(9.4rem, 6.881vw);
	border-radius: min(9.4rem, 6.881vw);
	position: static;
}

@media screen and (max-width: 768px) {
	.sectionContent {
		padding: 0 4vw 13.333vw;
		width: 100%;
	}

	.sectionContent__title {
		margin-bottom: 10.133vw;
		font-size: 6.4vw;
	}

	.sectionContent__title small,
	.sectionContent__title .date {
		font-size: 4.267vw;
	}

	.sectionContent__detail {
		margin-bottom: 16vw;
	}

	.sectionContent__detail.column {
		flex-direction: column-reverse;
	}

	.sectionContent__image {
		margin-bottom: 12vw;
		margin-left: auto;
		width: 88vw;
	}

	.sectionContent__image::before {
		top: 4vw;
		right: 4vw;
	}

	.sectionContent__detail .detail {
		width: 100%;
		position: relative;
	}

	.sectionContent__detail .detail .title {
		margin-bottom: 8vw;
		font-size: 5.333vw;
		border-bottom: solid 1px;
		position: static;
	}

	.sectionContent__detail .detail .title::after {
		display: none;
	}

	.sectionContent__detail .detail .title small,
	.sectionContent__detail .detail .title .date {
		font-size: 4.267vw;
	}

	.sectionContent__detail .detail .title .date i {
		padding: 0 0.5em;
	}

	.sectionContent__detail .link-button,
	.link-area .link-button {
		background-position: center right 3.733vw;
		background-size: 11.467vw auto;
		width: 100%;
		height: 17.6vw;
		border-radius: 17.6vw;
	}

	.sectionContent__detail .link-button {
		position: static;
	}

	.link-area {
		margin-bottom: 16vw;
	}

	.link-area .link-button {
		width: 100%;
	}

	/* rev */
	.sectionContent__detail.column.rev {
		flex-direction: column-reverse;
	}

	.sectionContent__detail.column.rev .sectionContent__image::before {
		right: auto;
		left: 4vw;
	}

	.sectionContent__detail.column.rev .sectionContent__image {
		margin-right: auto;
		margin-left: 0;
	}

	.sectionContent__detail.column.rev .detail .title::after {
		right: 0;
		left: auto;
	}

	/* column-tow */
	.sectionContent__detail.column.two {
		flex-direction: column;
	}

	.column-tow {
		width: 100%;
	}

	.column-tow:not(:last-of-type) {
		margin-bottom: 21.333vw;
	}

	.column-tow .sectionContent__image {
		margin-bottom: 12vw;
		width: 88vw;
	}

	.column-tow .sectionContent__image::before {
		display: block;
	}

	.column-tow__detail .title {
		margin-bottom: 8vw;
		font-size: 5.333vw;
		border-bottom: solid 1px;
		display: block;
		position: static;
	}

	.column-tow__detail .title small,
	.column-tow__detail .title .date {
		font-size: 4.267vw;
	}

	.column-tow__detail .title .date {
		margin-top: 1em;
		display: inline-block;
	}

	.column-tow__detail .title .date i {
		padding: 0 0.5em;
	}

	.column-tow__detail .link-button {
		background-position: center right 3.733vw;
		background-size: 11.467vw auto;
		width: 100%;
		height: 17.6vw;
		border-radius: 17.6vw;
	}
}

/* ----------------------------------------------------
	japanese
---------------------------------------------------- */
.japanese .sectionContent {
	padding-top: min(17rem, 12.445vw);
}

.japanese .section__title {
	width: min(29.8rem, 21.816vw);
	position: absolute;
	top: max(-7.8rem, -5.71vw);
	left: 0;
}

.japanese .sectionContent__title small {
	color: rgb(var(--pnk));
}

.japanese .sectionContent__detail .detail .title {
	top: min(14.1rem, 10.322vw);
}

.japanese .sectionContent__detail.rev .detail .title {
	top: min(11.6rem, 8.492vw);
}

.japanese .sectionContent__detail.hina .detail .title {
	top: min(12.9rem, 9.444vw);
}

.japanese .sectionContent__detail .detail .title small,
.japanese .column-tow__detail .title small {
	color: rgb(var(--pnk));
}

.japanese .column-tow__detail .title {
	border-bottom-color: rgb(var(--pnk));
}

.japanese .sectionContent__detail .detail .title .date i,
.japanese .column-tow__detail .title .date i {
	background-color: #F3D0D7;
}

.japanese .sectionContent__image::before {
	border-color: rgb(var(--pnk));
}

.japanese .sectionContent__detail .detail .title::after {
	background-color: rgb(var(--pnk));
}

.japanese .sectionContent__detail .link-button,
.japanese .column-tow__detail .link-button {
	background-color: rgb(var(--pnk));
	background-image: url(../img/arrow01.svg);
}

.japanese .ten::before,
.japanese .sushi::before,
.japanese .yaki::before {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 1;
	content: "";
}

.japanese .ten::before {
	background-image: url(../img/ja-obj01.webp);
	width: min(32.4rem, 23.719vw);
	height: min(30.5rem, 22.328vw);
	top: max(-24.6rem, -18.009vw);
	left: 0;
}

.japanese .sushi::before {
	background-image: url(../img/ja-obj02.webp);
	width: min(32.9rem, 24.085vw);
	height: min(31.4rem, 22.987vw);
	top: max(-17.6rem, -12.884vw);
	left: min(2rem, 1.464vw);
}

.japanese .yaki::before {
	background-image: url(../img/ja-obj03.webp);
	width: min(32.4rem, 23.719vw);
	height: min(30.5rem, 22.328vw);
	top: max(-20rem, -14.641vw);
	right: 0;
}

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

	.japanese .sectionContent {
		padding-top: 32.533vw;
	}

	.japanese .section__title {
		width: 60.8vw;
		top: -17.6vw;
		left: 3.2vw;
	}

	.japanese .sectionContent__detail .detail .title {
		border-color: rgb(var(--pnk));
	}

	.japanese .ten::before,
	.japanese .sushi::before {
		background-image: url(../img/ja-obj01_sp.webp);
		width: 40.267vw;
		height: 33.6vw;
		top: -34.667vw;
	}

	/* sushi */
	.japanese .sushi .sectionContent__image {
		margin-right: auto;
		margin-left: 0;
	}

	.japanese .sushi .sectionContent__image::before {
		right: auto;
		left: 4vw;
	}

	.japanese .yaki::before {
		display: none;
	}
}

/* ----------------------------------------------------
	chinese
---------------------------------------------------- */
.chinese .sectionContent {
	padding-top: min(17rem, 12.445vw);
}

.chinese .section__title {
	width: min(29.8rem, 21.816vw);
	position: absolute;
	top: max(-7.8rem, -5.71vw);
	left: 0;
}

.chinese .sectionContent__title small {
	color: rgb(var(--pnk));
}

.chinese .sectionContent__detail .detail .title {
	top: min(14.1rem, 10.322vw);
}

.chinese .sectionContent__detail .detail .title small,
.chinese .column-tow__detail .title small {
	color: rgb(var(--pnk));
}

.chinese .column-tow__detail .title {
	border-bottom-color: rgb(var(--pnk));
}

.chinese .sectionContent__image::before {
	border-color: rgb(var(--pnk));
}

.chinese .sectionContent__detail .detail .title::after {
	background-color: rgb(var(--pnk));
}

.chinese .sectionContent__detail .link-button,
.chinese .column-tow__detail .link-button {
	background-color: rgb(var(--pnk));
	background-image: url(../img/arrow01.svg);
}

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

	.chinese .sectionContent {
		padding-top: 32.533vw;
	}

	.chinese .sectionContent__detail {
		margin-bottom: 0;
	}

	.chinese .section__title {
		width: 60.8vw;
		top: -17.6vw;
		left: 3.2vw;
	}

	.chinese .sectionContent__detail .detail .title {
		border-color: rgb(var(--pnk));
	}

	.chinese .sectionContent__image {
		margin-right: auto;
		margin-left: 0;
	}

	.chinese .sectionContent__image::before {
		right: auto;
		left: 4vw;
	}
}

/* ----------------------------------------------------
	western
---------------------------------------------------- */
.western .section__title {
	margin-bottom: min(7rem, 5.124vw);
	width: min(27rem, 19.766vw);
}

.western .sectionContent__title small {
	color: rgb(var(--blu));
}

.western .sectionContent__detail.sky,
.western .sectionContent__detail.column.sky,
.western .sectionContent__detail.sav,
.western .sectionContent__detail.eto {
	margin-bottom: min(6rem, 4.392vw);
}

.western .sectionContent__detail .detail .title {
	top: min(14.1rem, 10.322vw);
}

.western .sectionContent__detail.rev .detail .title {
	top: min(11.6rem, 8.492vw);
}

.western .sectionContent__detail.kat .detail .title {
	top: min(11rem, 8.053vw);
}

.western .sectionContent__detail .detail .title small,
.western .column-tow__detail .title small {
	color: rgb(var(--blu));
}

.western .column-tow__detail .title {
	border-bottom-color: rgb(var(--blu));
}

.western .sectionContent__image::before {
	border-color: rgb(var(--blu));
}

.western .sectionContent__detail .detail .title::after {
	background-color: rgb(var(--blu));
}

.western .sectionContent__detail .link-button,
.western .column-tow__detail .link-button,
.western .link-area .link-button {
	background-color: rgb(var(--blu));
	background-image: url(../img/arrow02.svg);
}

/* exception */
.western .exception {
	padding-bottom: min(25rem, 18.302vw);
	width: 100%;
	position: relative;
}

.western .exception .pizza {
	width: min(104rem, 76.135vw);
	position: absolute;
	right: 0;
	bottom: 0;
}

.western .exception .pizza .detail .title {
	top: min(18rem, 13.177vw);
}

.western .exception .pizza .detail .title::after {
	width: min(104rem, 76.135vw);
}

.western .exception .pizza .sectionContent__image {
	width: min(46rem, 33.675vw);
}

.western .exception .pizza .sectionContent__image::before {
	display: none;
}

@media screen and (max-width: 768px) {
	.western .section__title {
		margin-bottom: 8vw;
		width: 47.733vw;
	}

	.western .sectionContent__detail.sky,
	.western .sectionContent__detail.column.sky,
	.western .sectionContent__detail.sav,
	.western .sectionContent__detail.eto {
		margin-bottom: 4vw;
	}

	.western .sectionContent__detail.sky {
		flex-direction: column;
	}

	.western .exception .sectionContent__detail.sky {
		flex-direction: column-reverse;
	}

	.western .sectionContent__detail .detail .title {
		border-color: rgb(var(--blu));
	}

	.western .sectionContent__detail.sky .column-tow {
		margin-bottom: 4vw;
	}

	/* exception */
	.western .exception {
		padding-bottom: 6.4vw;
	}

	.western .exception .pizza {
		width: 100%;
		position: static;
	}

	.western .exception .pizza .detail .title {
		margin-bottom: 0;
	}

	.western .exception .pizza .detail .title::after {
		width: min(104rem, 76.135vw);
	}

	.western .exception .pizza .sectionContent__image {
		margin-right: auto;
		margin-left: 0;
		width: 88vw;
		position: relative;
	}

	.western .exception .pizza .sectionContent__image::before {
		width: 100%;
		height: 100%;
		border: solid 1px rgb(var(--blu));
		display: block;
		position: absolute;
		top: 4vw;
		right: auto;
		left: 4vw;
		z-index: 1;
		content: "";
	}

	/* strawberry, kat */
	.western .sectionContent__detail.strawberry .sectionContent__image,
	.western .sectionContent__detail.kat .sectionContent__image {
		margin-right: auto;
		margin-left: 0;
	}

	.western .sectionContent__detail.strawberry .sectionContent__image::before,
	.western .sectionContent__detail.kat .sectionContent__image::before {
		right: auto;
		left: 4vw;
	}

	/* eto */
	.western .sectionContent__detail.eto .sectionContent__image {
		margin-right: 0;
		margin-left: auto;
	}

	.western .sectionContent__detail.eto .sectionContent__image::before {
		right: 4vw;
		left: auto;
	}
}

/* ----------------------------------------------------
	cocktail
---------------------------------------------------- */
.cocktail .section__title {
	margin-bottom: min(3rem, 2.196vw);
	width: min(25.9rem, 18.96vw);
}

.cocktail .sectionContent__title {
	color: rgb(var(--wht));
}

.cocktail .sectionContent__title small {
	color: rgb(var(--ppl));
}

.cocktail .sectionContent__detail .detail .title {
	color: rgb(var(--wht));
	top: min(14.1rem, 10.322vw);
}

.cocktail .sectionContent__image::before {
	border-color: rgb(var(--lav));
}

.cocktail .sectionContent__detail .detail .title::after {
	background-color: rgb(var(--lav));
}

.cocktail .sectionContent__detail .link-button {
	background-color: rgb(var(--lav));
	background-image: url(../img/arrow03.svg);
}

@media screen and (max-width: 768px) {
	.cocktail {
		padding-top: 12vw;
	}

	.cocktail .section__title {
		margin-bottom: 8vw;
		width: 47.733vw;
	}

	.cocktail .sectionContent__detail .detail .title {
		border-color: rgb(var(--lav));
	}

	.cocktail .sectionContent__image {
		margin-right: auto;
		margin-left: 0;
	}

	.cocktail .sectionContent__image::before {
		right: 0;
		left: 4vw;
	}
}

/* ----------------------------------------------------
	end
---------------------------------------------------- */
.end .sectionContent {
	padding: 0;
	width: 100%;
}

/* ----------------------------------------------------
	tea
---------------------------------------------------- */
.tea {
	padding: min(7rem, 5.124vw) 0 min(12rem, 8.785vw);
	position: relative;
}

.tea::before,
.tea::after {
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 1;
	content: "";
}

.tea::before {
	background-image: url(../img/tea-obj01.webp);
	background-position: right top;
	width: min(25.1rem, 18.375vw);
	height: min(17.9rem, 13.104vw);
	top: 0;
	right: 0;
}

.tea::after {
	background-image: url(../img/tea-obj02.webp);
	background-position: left bottom;
	width: min(20.6rem, 15.081vw);
	height: min(15.5rem, 11.347vw);
	bottom: 0;
	left: 0;
}

.tea__inner {
	margin: 0 auto;
	width: min(114rem, 83.455vw);
	position: relative;
	z-index: 2;
}

.tea .section__title {
	margin-bottom: min(7rem, 5.124vw);
	width: min(45rem, 32.943vw);
}

.tea .sectionContent__title small {
	color: rgb(var(--brn));
}

.tea .sectionContent__title .date {
	background-color: rgba(243, 208, 215, 1);
}

.tea__content {
	padding: min(5rem, 3.66vw) 0 min(7rem, 5.124vw);
	position: relative;
}

.tea__content::before,
.tea__content::after {
	width: min(90.4rem, 66.179vw);
	height: min(62rem, 45.388vw);
	border: solid min(0.3rem, 0.22vw) #AA9B60;
	position: absolute;
	z-index: 1;
	content: "";
}

.tea__content::before {
	border-right: none;
	border-bottom: none;
	top: 0;
	left: 0;
}

.tea__content::after {
	border-top: none;
	border-left: none;
	right: 0;
	bottom: 0;
}

.tea__content--image {
	margin: 0 auto min(1.5rem, 1.098vw);
	width: min(71rem, 51.977vw);
}

.tea__content--title {
	margin: 0 auto;
	width: min(71rem, 51.977vw);
	position: relative;
	z-index: 2;
}

.tea__name {
	margin-bottom: min(2.5rem, 1.83vw);
	/* font-size: min(2.4rem, 1.757vw); */
	font-size: min(2.2rem, 1.611vw);
	font-weight: 600;
	text-align: center;
	position: relative;
	z-index: 2;
}

.tea .link-button {
	background-color: rgba(185, 35, 75, 1);
	background-image: url(../img/arrow04.svg);
	background-position: center right min(2rem, 1.464vw);
	background-repeat: no-repeat;
	background-size: min(6rem, 4.392vw) auto;
	margin: 0 auto;
	width: min(47.6rem, 34.846vw);
	height: min(9.4rem, 6.881vw);
	border-radius: min(9.4rem, 6.881vw);
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 768px) {
	.tea {
		padding: 16vw 0 22.667vw;
		border-top: solid 2.667vw rgba(185, 35, 75, 1);

	}

	.tea::before {
		width: 59.2vw;
		height: 42.133vw;
		top: 0;
		right: 0;
	}

	.tea::after {
		width: 50.667vw;
		height: 37.333vw;
	}

	.tea__inner {
		width: 100%;
	}

	.tea .section__title {
		margin-bottom: 4.8vw;
		padding-left: 4vw;
		width: 78.667vw;
	}

	.tea__content {
		padding: 0;
		position: relative;
	}

	.tea__content .sectionContent__title {
		margin-bottom: 4.8vw;
	}

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

	.tea__content--image {
		margin-bottom: 3.2vw;
		width: 92vw;
	}

	.tea__name {
		margin-bottom: 5.333vw;
		font-size: 5.333vw;
	}

	.tea .link-button {
		background-position: center right 3.733vw;
		background-size: 11.467vw auto;
		width: calc(100% - 8vw);
		height: 17vw;
		border-radius: 17vw;
	}
}

/* ----------------------------------------------------
	gift
---------------------------------------------------- */
.gift {
	padding: min(7rem, 5.124vw) 0 min(12rem, 8.785vw);
	border-top: solid min(1rem, 0.732vw) rgb(var(--gift));
	position: relative;
}

.gift::before,
.gift::after {
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 1;
	content: "";
}

.gift::before {
	background-image: url(../img/gift-obj01.webp);
	background-position: right top;
	width: min(40.4rem, 29.575vw);
	height: min(42.2rem, 30.893vw);
	top: 0;
	right: 0;
}

.gift::after {
	background-image: url(../img/gift-obj02.webp);
	background-position: right bottom;
	width: min(42.6rem, 31.186vw);
	height: min(24.8rem, 18.155vw);
	right: 0;
	bottom: 0;
}

.gift__inner {
	margin: 0 auto;
	width: min(114rem, 83.455vw);
	position: relative;
	z-index: 2;
}

.gift .section__title {
	margin-bottom: min(7rem, 5.124vw);
	width: min(45rem, 32.943vw);
}

.gift .sectionContent__title .date {
	background-color: rgba(169, 101, 88, 1);
	color: rgb(var(--wht));
}

.gift .sectionContent__detail .detail .title {
	top: min(14.1rem, 10.322vw);
}

.gift .sectionContent__detail .detail .title small {
	color: rgba(210, 98, 120, 1);
}

.gift .sectionContent__image::before {
	border-color: rgba(210, 98, 120, 1);
}

.gift .sectionContent__detail .detail .title::after {
	background-color: rgba(210, 98, 120, 1);
}

.gift .link-area {
	margin-bottom: 0;
}

.gift .link-area .link-button {
	background-color: rgba(169, 101, 88, 1);
	background-image: url(../img/arrow05.svg);
}

.gift__content {
	background-color: rgba(129, 46, 47, 0.64);
	margin-bottom: min(10rem, 7.321vw);
	padding: min(4rem, 2.928vw) min(2.5rem, 1.83vw);
	color: rgb(var(--wht));
}

.gift__content--title {
	margin-bottom: min(2rem, 1.464vw);
	width: 100%;
	color: rgba(255, 219, 128, 1);
	font-size: min(3.2rem, 2.343vw);
	font-weight: 400;
	text-align: center;
}

.gift__content .column-tow {
	width: min(53.5rem, 39.165vw);
}

.gift__content .column-tow__detail .title {
	border-bottom-color: rgba(255, 219, 128, 1);
}

.gift__content .column-tow__detail .title small {
	color: rgba(255, 219, 128, 1);
}

@media screen and (max-width: 768px) {
	.gift {
		padding: 26.667vw 0 20vw;
		border-top-width: 2.667vw;
	}

	.gift::before {
		background-image: url(../img/gift-obj01_sp.webp);
		width: 100%;
		height: 34.133vw;
	}

	.gift::after {
		width: 80.533vw;
		height: 46.933vw;
	}

	.gift__inner {
		width: 100%;
	}

	.gift .sectionContent__detail {
		flex-direction: column;
	}

	.gift .section__title {
		margin: 0 auto 6.4vw;
		width: 78.4vw;
	}

	.gift .sectionContent__detail .detail .title {
		position: static;
	}

	.gift .link-area {
		margin-bottom: 0;
	}

	.gift__content {
		margin-bottom: 16vw;
		padding: 6.4vw 4vw 16vw;
	}

	.gift__content--title {
		margin-bottom: 3.2vw;
		font-size: 6.4vw;
	}

	.gift__content .column-tow {
		width: 100%;
	}

	.gift__content .column-tow:not(:last-of-type) {
		margin-bottom: 4vw;
	}

	.gift__content .column-tow .sectionContent__image {
		margin-bottom: 3.2vw;
		width: 100%;
	}

	.gift__content .column-tow .sectionContent__image::before {
		display: none;
	}

	.gift .sectionContent__detail.rev {
		margin-bottom: 0;
		padding-right: 4vw;
		padding-left: 4vw;
	}

	.gift .sectionContent__detail.rev .title {
		border-color: rgba(210, 98, 120, 1);
	}

	.gift .link-button {
		background-position: center right 3.733vw;
		background-size: 11.467vw auto;
		width: calc(100% - 8vw);
		height: 17vw;
		border-radius: 17vw;
	}
}