@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

body {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0;
	color: #333333;
	background: #fff;
}

img {
	width: 100%;
	display: block;
}

h2,
h3 {
	line-height: 1.2;
}

.wrapper {
	margin: 0 auto;
}

header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-image: url(../img/fixed_btn_bg.webp);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 10;
	transition: all .5s;
	opacity: 0;
}

header.active {
	opacity: 1;
}

header ul {
	padding: 15px 0 30px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

header ul li {
	border-right: 1px solid #65472C;
}

header ul li a {
	padding: 12px 10px;
	font-weight: 500;
	font-size: .8vw;
	text-align: center;
	color: #333;
	display: block;
}

header ul li:nth-child(6) a,
header ul li:nth-child(7) a {
	padding-block: 20px;
}

header ul li a span {
	display: block;
	font-weight: 500;
	font-size: .75vw;
	text-align: center;
	color: #8d8d8d;
}

.inner {
	max-width: 1200px;
	width: calc(100% - 40px);
	margin: 0 auto;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.flex.reverse {
	flex-direction: row-reverse;
}

a {
	transition: all .6s;
}

a:hover {
	opacity: .8;
}

.fade-up {
	opacity: 0;
	transform: translateY(60px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

.fade-up.show {
	opacity: 1;
	transform: translateY(0);
}

.cochin {
	font-family: "Playfair Display", serif;
	font-weight: 600;
	font-style: normal;
}

.sp {
	display: none;
}

.ssp {
	display: none;
}

.abs-parts {
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0;
}

.abs-parts.top {
	top: -.15%;
}

.abs-parts.bottom {
	bottom: 0;
}

.mv {
	position: relative;
	z-index: 11;
}

.mv-option,
.mv-plan-list li,
.mv-plan-title {
	opacity: 0;
	transform: translateY(60px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

.mv-option.show,
.mv-plan-title.show,
.mv-plan-list li.show {
	opacity: 1;
	transform: none;
}

.mv__body {
	position: absolute;
	width: 61.5%;
	bottom: 5%;
	right: 2.5%;
}

.mv-option {
	width: 70%;
	margin: 0 auto;
	z-index: 2;
}

.mv-plan-title {
	width: 65%;
	margin: -5% auto;
}

.mv-plan-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
	width: 100%;
}

.mv-plan-list li {
	width: calc(25% - 15px);
}

section {
	padding-block: 20%;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
}

.lunch {
	background-image: url(../img/lunch_bg.webp);
	background-position: center bottom;
}

.lunch .abs-parts.top {
	top: -4vw;
}

.cmn-title {
	max-width: 780px;
	margin: 0 auto 25px;
	z-index: 1;
	position: relative;
}

.menu-box {
	margin-bottom: 70px;
	position: relative;
	z-index: 2;
}

.menu-box-list {
	position: absolute;
	top: 54.5%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100%;
	max-width: 1070px;
}

.menu-box-list-title {
	text-align: center;
	padding-bottom: 20px;
}

.menu-box-list-title h3 {
	font-size: 26px;
	font-weight: 500;
	color: #333;
}

.menu-box-list ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12.5px 0;
}

.menu-box-list ul li {
	padding: 5px 50px;
	width: 33%;
	border-right: 1px solid #333333;
}

.menu-box-list ul li:nth-child(3) {
	border-right: none;
}

.menu-box-list ul li:last-child {
	width: 50%;
	border-right: none;
}

.menu-box-list ul li a {
	display: flex;
	align-items: center;
}

.menu-box-list ul li a p {
	font-size: 22px;
	font-weight: 500;
	line-height: 1;
	color: #333333;
}

.menu-box-list ul li a img {
	width: 22px;
	margin-left: 10px;
}

.plan-line {
	margin-bottom: 50px;
}

.cmn-smn-title {
	text-align: center;
	margin-bottom: 30px;
}

.cmn-smn-title p {
	text-align: center;
	margin: 0 auto 20px;
}

.cmn-smn-title img {
	height: 37.5px;
	width: auto;
	margin: 0 auto;
}

.cmn-smn-title h3 {
	font-size: 50px;
	font-weight: 500;
}

.cmn-smn-title span {
	font-size: 20px;
	color: #9C0500;
}

.plan-flex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.plan-flex-reverse {
	flex-direction: row-reverse;
}

.plan-flex-slide {
	width: 45%;
	position: relative;
}

.plan-flex-txt {
	width: 45%;
}

.swiper {
	margin-bottom: 20px;
}

.swiper-slide img {
	padding-bottom: 5px;
}

.swiper-slide p {
	text-align: right;
	font-size: 12px;
	font-weight: 500;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: -4.5px;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 10px !important;
	background: #eee;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #e7bf92;
}

.plan-flex-slide-txt {
	position: relative;
}

.plan-flex-slide-txt p {
	font-size: 14px;
	font-weight: 500;
	position: relative;
}

.plan-flex-txt-tag {
	width: 75%;
	margin-left: auto;
	margin-bottom: 10px;
}

#afternoon01 .plan-flex-txt-tag,
#sunset02 .plan-flex-txt-tag,
#dinner02 .plan-flex-txt-tag,
#lunch01 .plan-flex-txt-tag {
	margin-right: 20px;
}

.plan-flex-txt-price-wrap {
	margin-bottom: 30px;
}

.plan-menu-list {
	margin-bottom: 30px;
	position: relative;
}

.plan-menu-glass {
	position: absolute;
	right: 5px;
	bottom: -37.5px;
	width: 75px;
}

.plan-flex-txt-price-cont {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}

.plan-flex-txt-price-cont:last-child {
	margin-bottom: 0;
}

.plan-flex-txt-price-cont-img {
	width: 16.5%;
}

.plan-flex-txt-price-cont-three .plan-price {
	width: 40%;
}

.plan-price-box {
	padding: 5px 0;
	text-align: center;
	background: linear-gradient(#fdf7e8 0%, #fff 28.57%, #fff 50%, #fff 70.94%, #fdf7e8 100%);
	border: 1px solid #333;
	margin-bottom: 5px;
}

.plan-price-box p {
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	color: #333;
}

.plan-price-num {
	text-align: center;
}

.plan-price-num p {
	font-size: 52px;
	font-weight: 500;
	color: #C10000;
	line-height: 1;
	white-space: nowrap;
	letter-spacing: 0;
}

.plan-price-num p span {
	font-size: 32px;
	color: #333;
	position: relative;
	left: -12.5px;
}

.plan-menu-list ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 7.5px;
}

.plan-menu-list ul li:last-child {
	margin-bottom: 0;
}

.plan-menu-list-left {
	width: 37.5%;
	display: flex;
	align-items: center;
}

.plan-menu-list-left img {
	width: 24px;
	margin-right: 10px;
}

.plan-menu-list-left p {
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
}

.plan-menu-list-right {
	width: 60%;
}

.plan-menu-list-right p {
	font-size: 20px;
	font-weight: 500;
}

.plan-menu-list-right p span {
	font-size: 15px;
	display: block;
}

.plan-menu-img {
	max-width: 400px;
	margin: 10px auto 0;
	position: relative;
	right: -10px;
}

.plan-flex-txt-tag-big {
	margin: 0 auto 10px;
}

.plan-flex-txt-price-cont-two {
	max-width: 500px;
	margin: 0 auto;
}

.plan-flex-txt-price-cont-two .plan-price {
	width: 48%;
}

.plan-flex-txt-price-cont-two-notag {
	justify-content: center;
}

.plan-flex-txt-price-cont-two-notag .plan-flex-txt-price-cont-img {
	width: 24.5%;
	margin-right: 10px;
}

.plan-flex-txt-price-cont-two-notag .plan-price-img {
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
}

.plan-flex-txt-price-cont-two-notag .plan-price-num p {
	font-size: 72px;
}

.plan-flex-txt-price-cont-two-notag .plan-price-num p span {
	font-size: 42px;
}

.swiper-abs {
	position: absolute;
	width: 120px;
	left: -40px;
	top: -20px;
	z-index: 2;
}

.plan-caution {
	margin-top: 10px;
}

.plan-caution ul li {
	font-size: 14px;
	font-weight: 500;
}

.plan-menu-img.aria {
	margin-right: 10px;
	margin-top: -95px;
}

.afternoon {
	background-image: url(../img/afternoon_bg.webp);
	background-position: center top;
}

.afternoon .abs-parts.top {
	top: -10%;
}

.afternoon .cmn-title {
	margin-bottom: 40px;
	max-width: 1050px;
}

.afternoon,
.afternoon .cmn-smn-title span,
.afternoon .plan-price-num p,
.afternoon .plan-price-num p span {
	color: #fff;
}

.afternoon-flex {
	display: flex;
	justify-content: space-between;
}

.afternoon-flex .plan-cont {
	width: 45%;
}

.afternoon-flex .cmn-smn-title img {
	width: 100%;
	height: auto;
}

.afternoon-flex .plan-flex {
	display: block;
	z-index: 2;
	position: relative;
}

.afternoon-flex .plan-flex-slide {
	width: 100%;
	margin-bottom: 30px;
}

.afternoon-flex .plan-flex-txt {
	width: 100%;
}

.afternoon-flex .cmn-smn-title {
	margin-bottom: 10px;
}

.afternoon .plan-menu-glass {
	width: 50px;
	bottom: 0;
	right: -30px;
}

.sunset {
	background-image: url(../img/sunset_bg.webp);
	background-position: center bottom;
}

.sunset .abs-parts.top {
	top: -1.25%;
}

.sunset .menu-box-list {
	max-width: 100%;
}

.sunset .menu-box-list ul li {
	width: 30%;
}

.sunset .menu-box-list ul li:nth-child(4) {
	width: 27.5%;
}

.sunset .menu-box-list ul li:nth-child(6) {
	width: 42.5%;
	border-right: none;
}

.plan-flex-txt-price-cont-one {
	display: block;
	text-align: center;
}

.plan-flex-txt-price-cont-one .plan-price-num p {
	font-size: 72px;
}

.plan-flex-txt-price-cont-one .plan-price-num p span {
	font-size: 42px;
}

.plan-cont {
	position: relative;
	z-index: 2;
}

.sunset .plan-cont:last-child .plan-flex {
	margin-bottom: 0;
}

.sunset .plan-cont:last-child .plan-flex .plan-flex-slide-txt::before {
	content: "";
	width: 100%;
	height: 180px;
	background: #fff;
	opacity: 0.9;
	filter: blur(20px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

#sunset06::before,
#sunset07::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: #ffb44d;
	opacity: 0.7;
	filter: blur(50px);
}

.dinner {
	background-image: url(../img/dinner_bg.webp);
	background-position: center bottom;
	padding-bottom: 30%;
}

.dinner .abs-parts.top {
	top: -1.5%;
}

.dinner .cmn-title {
	max-width: 875px;
}

.dinner .menu-box-list {
	max-width: 100%;
}

.dinner .menu-box-list ul li {
	width: 30%;
}

.dinner .menu-box-list ul li:nth-child(4) {
	width: 27.5%;
}

.dinner .menu-box-list ul li:nth-child(6) {
	width: 42.5%;
	border-right: none;
}

.dinner,
.dinner .cmn-smn-title span,
.dinner .plan-price-num p,
.dinner .plan-price-num p span {
	color: #fff;
}

.night {
	background-image: url(../img/night_bg.webp);
	background-position: center top;
	padding-bottom: 12.5%;
}

.night .abs-parts.top {
	top: -3.5%;
}

.night,
.night .cmn-smn-title span,
.night .plan-price-num p,
.night .plan-price-num p span {
	color: #fff;
}

#night04 {
	margin-bottom: 70px;
}

.night .cmn-title {
	max-width: 100%;
	margin-bottom: 50px;
}

.night-box {
	background: transparent;
	border: 4px solid transparent;
	border-image: linear-gradient(#fff6cc 0%,
			#f8ecb7 8.25%,
			#e8d582 25.26%,
			#d1b334 47.51%,
			#fff6cc 65.68%,
			#c5935a 85.39%,
			#fff6cc 100%) 1;
	background-color: rgba(255, 255, 255, 0.1);
}

.night-box-inner {
	padding: 60px;
}

.night-box-title {
	text-align: center;
	margin-bottom: 30px;
}

.night-box-title h3 {
	font-size: 30px;
	font-weight: 500;
}

.night-box-txt {
	max-width: 1000px;
	margin: 0 auto;
}

.night-box-txt ul li {
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 15px;
}

.night-box-txt ul li:last-child {
	padding-bottom: 0;
}

.proposal {
	background-image: url(../img/proposal_bg.webp);
	background-position: center top;
	padding: 15% 0 150px;
}

.proposal .abs-parts.top {
	top: -3.5%;
}

.proposal .cmn-title {
	max-width: 100%;
}

.proposal-img {
	margin-bottom: 50px;
}

.proposal-txt {
	margin-bottom: 50px;
	text-align: center;
}

.proposal-txt p {
	font-size: 30px;
	font-weight: 500;
}

.proposal .plan-flex-slide {
	width: 52.5%;
}

.proposal .plan-flex-txt {
	width: 45%;
}

.plan-flex-txt-tag-full {
	width: 85%;
	margin: 0 auto 5px;
}

.caution-txt {
	margin-bottom: 80px;
}

.caution-txt li {
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 15px;
}

.caution-txt li:last-child {
	padding-bottom: 0;
}

.proposal-last-cont .plan-menu-list ul {
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	gap: 20px 0;
}

.proposal-last-cont .plan-menu-list ul li {
	width: 48%;
}

.plan-btn a {
	max-width: 850px;
	margin: 0 auto 50px;
}

.copy {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
}

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

	.plan-flex-txt,
	.plan-flex-slide {
		width: 48%;
	}

	.menu-box-list-title {
		padding-bottom: 1.5vw;
	}

	.menu-box-list-title h3 {
		font-size: 2.2vw;
	}

	.menu-box-list ul li a p {
		font-size: 1.8vw;
	}

	.afternoon-flex .plan-cont {
		width: 48%;
	}

	.menu-box-list ul li {
		padding: 5px 20px;
	}

	.menu-box-list ul li a {
		justify-content: center;
	}

	.swiper-abs {
		width: 100px;
		left: -20px;
		top: -15px;
	}

	.plan-menu-list-left p {
		font-size: 20px;
	}

	.plan-menu-list-left img {
		width: 20px;
		margin-right: 5px;
	}

	.night-box-inner {
		padding: 40px;
	}

	.proposal-txt p {
		font-size: 24px;
	}

	.plan-price-num p {
		font-size: 42px;
	}

	.plan-price-num p span {
		font-size: 24px;
	}

	.plan-menu-glass {
		bottom: -30px;
		width: 50px;
	}

	.plan-menu-img.aria {
		margin-top: -80px;
	}

	.plan-flex-txt-price-cont-two-notag .plan-price-num p {
		font-size: 64px;
	}

	.plan-flex-txt-price-cont-two-notag .plan-price-num p span {
		font-size: 36px;
	}

	.proposal {
		padding: 15% 0 70px;
	}

	.caution-txt {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 821px) {
	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

	.mv {
		z-index: initial;
	}

	.mv-option {
		width: calc(100% - 30px);
		right: -10px;
		position: relative;
	}

	.mv__body {
		position: absolute;
		width: calc(100% - 10px);
		bottom: 2%;
		right: 20px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	.mv-plan-title {
		width: 100%;
		margin: -12% auto;
	}

	.mv-plan-list {
		z-index: 1;
		position: relative;
		padding: 20px 10px;
		border-radius: 5px;
		background: linear-gradient(#fdf7e8 0%, #fff 28.57%, #fff 50%, #fff 70.94%, #fdf7e8 100%);
	}

	.mv-plan-list li {
		width: 49%;
	}

	.mv-plan-list li:last-child {
		width: 100%;
	}

	.cmn-title {
		max-width: 500px;
		margin: 0 auto 30px;
	}

	.menu-box {
		margin: 0 auto 50px;
		max-width: 400px;
	}

	.inner {
		max-width: 500px;
	}

	.menu-box-list-title {
		padding-bottom: 30px;
	}

	.menu-box-list-title h3 {
		font-size: 20px;
	}

	.menu-box-list ul {
		gap: 15px 0;
	}

	.menu-box-list ul li {
		width: 50%;
		padding-block: 10px;
		position: relative;
	}

	.menu-box-list ul li::before {
		content: "";
		width: 90%;
		bottom: -7.5px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		background: #333333;
		height: 1px;
		position: absolute;
	}

	.menu-box-list ul li a p {
		font-size: 16px;
		text-align: center;
		line-height: 1.3;
	}

	.menu-box-list ul li:nth-child(3) {
		border-right: 1px solid #333333;
	}

	.menu-box-list ul li:last-child {
		width: 100%;
	}

	.menu-box-list ul li:last-child::before {
		display: none;
	}

	.cmn-smn-title img {
		height: auto;
		width: 100%;
		max-width: 400px;
	}

	.cmn-smn-title {
		margin-bottom: 20px;
	}

	.cmn-smn-title h3 {
		font-size: 30px;
	}

	.cmn-smn-title span {
		font-size: 14px;
	}

	.plan-flex {
		display: block;
	}

	.plan-flex-txt,
	.plan-flex-slide {
		width: 100%;
	}

	.plan-flex-slide {
		margin-bottom: 20px;
	}

	.plan-flex-txt-tag {
		width: calc(100% - 20px);
		margin: 0 auto 10px;
	}

	#afternoon01 .plan-flex-txt-tag,
	#sunset02 .plan-flex-txt-tag,
	#dinner02 .plan-flex-txt-tag,
	#lunch01 .plan-flex-txt-tag {
		margin-right: auto;
	}

	.plan-menu-list-left img {
		width: 18px;
	}

	.plan-menu-list-right p {
		font-size: 16px;
	}

	.plan-price-num p {
		font-size: 36px;
	}

	.plan-price-num p span {
		font-size: 20px;
		left: -10px;
	}

	.plan-flex-txt-price-cont-two-notag .plan-price-num p {
		font-size: 48px;
	}

	.plan-flex-txt-price-cont-two-notag .plan-price-num p span {
		font-size: 28px;
	}

	.swiper-abs {
		width: 85px;
		left: -10px;
		top: -20px;
	}

	.plan-flex-txt-price-cont-two-notag .plan-flex-txt-price-cont-img {
		width: 20%;
		margin-right: 5px;
	}

	.plan-menu-img.aria {
		margin: -40px auto 0;
		right: initial;
	}

	.afternoon {
		background-image: url(../img/afternoon_bg_sp.webp);
		padding-top: 30%;
	}

	.plan-menu-list-right p span {
		font-size: 12px;
	}

	.afternoon-flex {
		display: block;
	}

	.afternoon-flex .plan-cont {
		width: 100%;
	}

	.afternoon-flex .plan-cont#afternoon02 {
		margin-bottom: 50px;
	}

	.afternoon-flex .cmn-smn-title img {
		max-width: 100%;
	}

	.sunset .abs-parts.top {
		top: -3.75%;
	}

	.plan-caution {
		margin-top: 15px;
	}

	.plan-caution ul li {
		font-size: 12px;
	}

	.sunset {
		padding-block: 25% 30%;
	}

	.menu-box-list ul li a img {
		width: 16px;
		margin-left: 5px;
	}

	.menu-box-list ul li {
		padding: 5px 10px;
	}

	.sunset .menu-box-list ul,
	.dinner .menu-box-list ul {
		align-items: stretch;
	}

	.sunset .menu-box-list ul li,
	.dinner .menu-box-list ul li,
	.sunset .menu-box-list ul li:nth-child(4),
	.dinner .menu-box-list ul li:nth-child(4),
	.sunset .menu-box-list ul li:nth-child(6),
	.dinner .menu-box-list ul li:nth-child(6) {
		width: 50%;
		padding-block: 10px;
	}

	.sunset .menu-box-list ul li:nth-child(1),
	.dinner .menu-box-list ul li:nth-child(1) {
		padding-top: 15px;
	}

	.sunset .menu-box-list ul li:nth-child(2),
	.sunset .menu-box-list ul li:nth-child(4),
	.dinner .menu-box-list ul li:nth-child(2),
	.dinner .menu-box-list ul li:nth-child(4) {
		border-right: none;
	}

	.sunset .menu-box-list ul li:last-child,
	.dinner .menu-box-list ul li:last-child {
		width: 100%;
	}

	.plan-flex-txt-price-cont-one .plan-price-num p {
		font-size: 48px;
	}

	.plan-flex-txt-price-cont-one .plan-price-num p span {
		font-size: 28px;
	}

	#sunset03 .plan-flex-txt-tag-big,
	#dinner03 .plan-flex-txt-tag-big {
		max-width: 260px;
		margin: 0 auto;
	}

	.sunset .plan-cont:last-child .plan-flex .plan-flex-slide-txt::before {
		display: none;
	}

	.dinner {
		background-image: url(../img/dinner_bg_sp.webp);
		padding-block: 25% 40%;
	}

	.night {
		background-image: url(../img/night_bg_sp.webp);
		padding-bottom: 25%;
	}

	.night .abs-parts.top {
		top: -2.5%;
	}

	#night02 .plan-menu-glass {
		width: 75px;
		bottom: -25px;
	}

	#night03 .plan-menu-glass {
		width: 65px;
		bottom: -15px;
	}

	.night-box-inner {
		padding: 50px 12.5px;
	}

	.night-box-title {
		text-align: center;
		margin-bottom: 25px;
	}

	.night-box-title h3 {
		font-size: 20px;
	}

	.night-box-txt ul li {
		font-size: 14px;
	}

	.proposal {
		background-image: url(../img/proposal_bg_sp.webp);
		padding: 20% 0 100px;
	}

	.proposal .abs-parts.top {
		top: -4.5%;
	}

	.proposal .cmn-title {
		margin-bottom: 15px;
	}

	.proposal-txt p {
		font-size: 20px;
		line-height: 1.6;
	}

	.proposal .plan-flex-slide {
		width: 100%;
	}

	.proposal .plan-flex-txt {
		width: 100%;
	}

	.plan-flex-txt-price-cont-two-notag .plan-flex-txt-price-cont-img {
		width: 25%;
	}

	.proposal .plan-flex-txt-price-cont-two-notag .plan-price {
		width: calc(75% - 10px);
	}

	.plan-price-box p {
		font-size: 14px;
	}

	.proposal .plan-flex-txt-price-cont-two-notag .plan-price-num p {
		font-size: 58px;
	}

	.proposal .plan-flex-txt-price-cont-two-notag .plan-price-num p span {
		font-size: 40px;
	}

	.proposal-last-cont .plan-menu-list ul {
		display: block;
	}

	.proposal-last-cont .plan-menu-list ul li {
		width: 100%;
		margin-bottom: 10px;
	}

	.proposal-last-cont {
		margin-bottom: 50px;
	}

	.caution-txt li {
		font-size: 14px;
	}

	.copy {
		font-size: 12px;
	}

	.plan-menu-img {
		right: initial;
	}

	.plan-menu-list ul li {
		align-items: flex-start;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 500px) {
	.ssp {
		display: block;
	}

	.mv-plan-list {
		gap: 5px;
	}

	.mv-plan-list li {
		width: 48.5%;
	}

	.menu-box-list {
		top: 52%;
	}

	.menu-box-list-title {
		padding-bottom: 20px;
	}

	.menu-box-list-title h3 {
		font-size: 18px;
	}

	.plan-menu-glass {
		right: -5px;
	}

	.afternoon .abs-parts.top {
		top: -4%;
	}

	.afternoon {
		padding-top: 50%;
	}

	.cmn-smn-title h3 {
		font-size: 26px;
	}

	.plan-flex-txt-price-cont-img {
		width: 18.5%;
	}

	.plan-menu-list-left {
		width: 32.5%;
	}

	.plan-menu-list-right {
		width: 65%;
	}

	.afternoon .plan-menu-glass {
		width: 30px;
		bottom: -15px;
		right: 0px;
	}

	.sunset .abs-parts.top {
		top: -2.5%;
	}

	.menu-box-list ul li a p {
		font-size: 14px;
	}

	.dinner .abs-parts.top {
		top: -0.5%;
	}

	.sunset {
		padding-block: 25% 35%;
	}

	.dinner {
		padding-top: 32.5%;
	}

	.plan-price-num p {
		font-size: 34px;
	}

	.plan-price-num p span {
		font-size: 18px;
		left: -7.5px;
	}

	.night .abs-parts.top {
		top: -1%;
	}

	.night {
		padding-top: 25%;
	}

	.night-box-inner {
		padding: 50px 7.5px;
	}

	.night-box-title h3 {
		font-size: 18px;
	}

	.proposal .abs-parts.top {
		top: -2.5%;
	}

	.proposal .cmn-title {
		max-width: calc(100% + 30px);
		width: calc(100% + 30px);
		left: -15px;
		position: relative;
	}

	.proposal-img {
		max-width: calc(100% + 20px);
		width: calc(100% + 20px);
		left: -10px;
		position: relative;
	}

	.proposal .plan-flex-txt-price-cont-two-notag .plan-price-num p {
		font-size: 54px;
	}

	.proposal .plan-flex-txt-price-cont-two-notag .plan-price-num p span {
		font-size: 36px;
	}

	.proposal-last-cont .plan-menu-list ul li {
		margin-bottom: 15px;
	}
}

.--propose{
	display: flex;
	align-items: center;
	gap: 30px;
}


@media screen and (max-width: 821px) {
	.--propose{
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
		
	.--propose a{
margin-bottom: 0;
}
}