/* ----------------------------------------
*common
---------------------------------------- */

/*bootstrap上書き*/
a:hover{
  text-decoration: unset !important;
}


body.is-locked {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.common {
	overflow-x: hidden;
	color: var(--black);
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.6;
	font-family: "Noto Sans JP", serif;
}

.sm-visible {
	display: none;
}

.md-visible {
	display: none;
}

.lg-visible {
	display: none;
}

:root {
	--black: #292929;
	--white: #fff;
	--secondary: #5b5b5b;
	--main: #eb8d00;
	--main-orange800: #d56900;
	--bg_grey-orange: #fff7e9;
	--accent: #aad15e;
	--border: #ebebeb;
	--accent-green700: #8dae4b;
	--accent-green800: #719838;
	--scroll-breakpoint: 100px;
}

/* ----------------------------------------
*inner
---------------------------------------- */
.l-inner {
	padding-inline: clamp(1.25rem, 2.8169014085vw + 0.5897887324rem, 3.125rem);
}

/* ----------------------------------------
*header
---------------------------------------- */
.l-header__logo {
	z-index: 21;
	position: absolute;
	top: clamp(0.75rem, 3.9436619718vw + -0.1742957746rem, 3.375rem);
	left: clamp(1.25rem, 4.6948356808vw + 0.1496478873rem, 4.375rem);
	width: -moz-fit-content;
	width: fit-content;
	margin-bottom: 0;
}

.l-header__logo.is-open {
	z-index: 20;
}

.l-header__logo.l-header__logo--page {
	top: clamp(0.75rem, 1.8779342723vw + 0.3098591549rem, 2rem);
	left: clamp(1.25rem, 8.1690140845vw + -0.6646126761rem, 6.6875rem);
}

.l-header__logo.l-header__logo--page .l-header__logo-link {
	display: block;
	width: clamp(3.3125rem, 6.103286385vw + 1.8820422535rem, 7.375rem);
	transition: opacity 0.3s ease;
}

.l-header__logo.l-header__logo--page .l-header__logo-link img {
	display: block;
	width: 100%;
}

.l-header__logo.l-header__logo--page .l-header__logo-link:focus-visible {
	opacity: 0.8;
}

.l-header__logo-link {
	display: block;
	width: clamp(3.3125rem, 4.3831168831vw + 2.2852069805rem, 5rem);
	transition: opacity 0.3s ease;
}

.l-header__logo-link img {
	display: block;
	width: 100%;
}

.l-header__logo-link:focus-visible {
	opacity: 0.8;
}

.l-header {
	z-index: 20;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: clamp(4.125rem, 1.3145539906vw + 3.8169014085rem, 5rem);
	height: 4.125rem;
	background-color: rgba(255, 255, 255, 0.7);
}

.l-header__inner {
	padding-inline: clamp(1.25rem, 3.7558685446vw + 0.3697183099rem, 3.75rem);
}

.l-header__container {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
}

.l-header-text {
	margin-bottom: 0;
	color: var(--secondary);
	font-weight: 400;
	font-size: 0.75rem;
	font-family: "Hina Mincho", serif;
}

.l-header-nav {
	display: none;
}

.l-header-nav__lists {
	display: none;
	margin: 0;
	padding-left: 0;
}

.l-header-texts {
	margin-right: 0.3125rem;
}

.l-header-nav__link {
	padding: 0.625rem;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1;
	font-family: "Hina Mincho", serif;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.l-header-nav__link:focus-visible {
	color: currentColor;
	opacity: 0.8;
}

@media (min-width: 992px) {
	.sp_logo_txt{
		display: none;
	}
}
@media (max-width: 991.98px) {
	.sp_logo_txt{
		display: inline-block;
		position: absolute;
		z-index: 21;
		top: clamp(0.75rem, 0.974025974vw + 0.5217126623rem, 1.125rem);
		left: clamp(5.25rem, 12.3376623377vw + 2.3583603896rem, 10rem);
	}
}

/* ----------------------------------------
*drawer
---------------------------------------- */
.l-drawer-icon {
	z-index: 50;
	position: relative;
	width: 2.25rem;
	height: 1.5625rem;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.l-drawer-icon.is-checked .l-drawer-icon__bar:nth-of-type(1) {
	top: 0.5625rem;
	width: 100%;
	rotate: 45deg;
}

.l-drawer-icon.is-checked .l-drawer-icon__bar:nth-of-type(2) {
	opacity: 0;
}

.l-drawer-icon.is-checked .l-drawer-icon__bar:nth-of-type(3) {
	top: 0.5625rem;
	rotate: -45deg;
}

.l-drawer-icon__bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0.125rem;
	border-radius: 0.375rem;
	background-color: var(--main);
	transition: 0.5s all ease;
}

.l-drawer-icon__bar:nth-of-type(1) {
	display: flex;
	justify-content: space-between;
}

.l-drawer-icon__bar:nth-of-type(2) {
	top: 0.75rem;
}

.l-drawer-icon__bar:nth-of-type(3) {
	top: 1.5rem;
}

.l-drawer {
	display: none;
	z-index: 40;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	padding-top: clamp(3.125rem, 1.8779342723vw + 2.6848591549rem, 4.375rem);
	background: var(--white);
}

.l-drawer__logo {
	display: block;
	width: clamp(6.25rem, 14.0845070423vw + 2.948943662rem, 15.625rem);
	margin-inline: auto;
	transition: opacity 0.3s ease;
}

.l-drawer__logo img {
	display: block;
	width: 100%;
}

.l-drawer__logo:focus-visible {
	opacity: 0.8;
}

.l-drawer__text {
	margin-top: clamp(1.25rem, 0.9389671362vw + 1.0299295775rem, 1.875rem);
	margin-bottom: 0;
	color: var(--secondary);
	font-weight: 400;
	font-size: 0.75rem;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.l-drawer__sns {
	display: flex;
	justify-content: center;
	margin-top: clamp(1.25rem, 0.9389671362vw + 1.0299295775rem, 1.875rem);
	gap: 1rem;
}

.l-drawer__sns-link {
	display: flex;
	align-items: center;
	width: 1.875rem;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.l-drawer__sns-link img {
	display: block;
	width: 100%;
}

.l-drawer__sns-link:focus-visible {
	opacity: 0.8;
}

.l-drawer__nav-lists {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0;
	margin-top: clamp(1.25rem, 0.9389671362vw + 1.0299295775rem, 1.875rem);
	padding: 0;
	gap: clamp(0.625rem, 0.9389671362vw + 0.4049295775rem, 1.25rem);
	list-style: none;
}

.l-drawer__nav-link {
	display: block;
	padding: 0.625rem;
	padding: 0.625rem;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1;
	font-family: "Hina Mincho", serif;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.l-drawer__nav-link:focus-visible {
	color: currentColor;
	opacity: 0.8;
}

/* ----------------------------------------
*footer
---------------------------------------- */
.l-footer {
	padding: clamp(2.5rem, 3.2863849765vw + 1.7297535211rem, 4.6875rem) 0 clamp(1.25rem, 1.6901408451vw + 0.8538732394rem, 2.375rem);
}

.l-footer--page {
	padding: clamp(2.5rem, 3.2863849765vw + 1.7297535211rem, 4.6875rem) 0 clamp(1.25rem, 1.6901408451vw + 0.8538732394rem, 2.375rem);
}

.l-footer__container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.l-footer__head {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.l-footer__logo {
	width: 9.5rem;
	transition: opacity 0.3s ease;
}

.l-footer__logo img {
	display: block;
	width: 100%;
}

.l-footer__logo:focus-visible {
	opacity: 0.8;
}

.l-footer__text {
	margin-top: 0.5rem;
	margin-bottom: 0;
	color: var(--secondary);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	font-family: "Hina Mincho", serif;
}

.l-footer__sns {
	display: flex;
	margin-top: clamp(1.25rem, 1.1267605634vw + 0.985915493rem, 2rem);
	gap: 0.75rem;
}

.l-footer__sns-link {
	width: 1.875rem;
	transition: opacity 0.3s ease;
}

.l-footer__sns-link:focus-visible {
	color: currentColor;
	opacity: 0.8;
}

.l-footer__sns-link img {
	display: block;
	width: 100%;
}

.l-footer__nav-main {
	display: flex;
	justify-content: center;
	margin-top: clamp(1.25rem, 1.1267605634vw + 0.985915493rem, 2rem);
	margin-bottom: 0;
	padding-left: 0;
	gap: clamp(1.25rem, 0.5633802817vw + 1.1179577465rem, 1.625rem);
}

.l-footer__nav-link {
	padding: 0.625rem;
	color: var(--black);
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.l-footer__nav-link:focus-visible {
	color: currentColor;
	opacity: 0.8;
}

.l-footer__nav-sub {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: clamp(0.9375rem, 0.4694835681vw + 0.8274647887rem, 1.25rem);
	margin-bottom: 0;
	padding-left: 0;
	gap: 0.625rem;
}

.l-footer__bottom {
	margin-top: 1.5rem;
	padding-top: clamp(1.25rem, 1.1267605634vw + 0.985915493rem, 2rem);
	border-top: 0.0625rem solid #d9d9d9;
}

.l-footer__policy-links {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
}

.l-footer__policy-link {
	font-size: 0.875rem;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.l-footer__policy-link:focus-visible {
	color: currentColor;
	opacity: 0.8;
}

.l-footer__copyright {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	margin-top: 1rem;
	margin-inline: auto;
	color: var(--black);
	font-weight: 300;
	font-size: 0.75rem;
	line-height: 1.6;
	font-family: "Noto Sans JP", serif;
}

/* ----------------------------------------
*component
---------------------------------------- */
.c-button {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
	padding: 0.5rem 2.1875rem 0.5rem 0.5rem;
	border-bottom: 0.0625rem solid var(--secondary);
	color: var(--black);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.c-button::after {
	position: absolute;
	top: 50%;
	right: 0.5rem;
	width: 1rem;
	height: 1rem;
	translate: 0 -50%;
	background: url(../img/common/icon_allow.svg) no-repeat center center/contain;
	content: "";
	transition: opacity 0.3s ease, color 0.3s ease, right 0.3s ease;
}

.c-button:focus-visible {
	color: currentColor;
	opacity: 0.8;
}

.c-button:focus-visible::after {
	right: 0.1875rem;
}

.c-head {
	text-align: center;
}

.c-head-main {
	margin-bottom: 0;
	font-weight: 400;
	font-size: clamp(1.5rem, 0.7511737089vw + 1.323943662rem, 2rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	border-bottom: none;
	margin: 0;
	padding: 0;
	border-top: unset;
}

.c-head-sub {
	margin-top: 0.625rem;
	margin-bottom: 0;
	color: var(--secondary);
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.6;
}

.c-page-header {
	z-index: 1;
	position: relative;
	padding-bottom: clamp(1.25rem, 1.8779342723vw + 0.8098591549rem, 2.5rem);
}

.c-page-header__inner {
	padding-inline: clamp(1.25rem, 2.8169014085vw + 0.5897887324rem, 3.125rem);
}

.c-page-header__img {
	z-index: 1;
	width: clamp(18.75rem, 76.0563380282vw + 0.9242957746rem, 69.375rem);
	max-width: 69.375rem;
	height: clamp(15.625rem, 10.3286384977vw + 13.2042253521rem, 22.5rem);
	margin-right: 0;
	margin-left: auto;
}

.c-page-header__img img {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 0.883375rem 0.0706875rem;
	-o-object-fit: cover;
	object-fit: cover;
}

.c-page-header__texts {
	display: flex;
	position: absolute;
	top: 37%;
	left: 11%;
	flex-direction: column;
	margin-bottom: 0;
	gap: clamp(0.375rem, 0.5633802817vw + 0.2429577465rem, 0.75rem);
}

.c-page-header__text {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	margin-bottom: 0;
	padding: clamp(0.4375rem, 0.6572769953vw + 0.2834507042rem, 0.875rem) clamp(0.875rem, 0.5633802817vw + 0.7429577465rem, 1.25rem);
	border-radius: 0.375rem;
	background-color: var(--white);
	font-weight: 400;
	font-size: clamp(1rem, 1.3145539906vw + 0.6919014085rem, 1.875rem);
	line-height: 1;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.c-page-header__text--small {
	font-size: clamp(0.75rem, 0.9389671362vw + 0.5299295775rem, 1.375rem);
}

.c-page-header__deco-bg {
	z-index: -1;
	position: absolute;
	bottom: 0;
	left: clamp(1.25rem, 2.8169014085vw + 0.5897887324rem, 3.125rem);
	width: clamp(17.3125rem, 58.0281690141vw + 3.7121478873rem, 55.9375rem);
	height: clamp(13rem, 10.3286384977vw + 10.5792253521rem, 19.875rem);
	border-radius: 0.0706875rem 0.883375rem;
	background: url(../img/common/bg_cover-page-heder.webp) no-repeat center center/cover;
}

/* ----------------------------------------
*shop-button
---------------------------------------- */
.p-button-shop__link {
	display: flex;
	visibility: hidden;
	z-index: 30;
	position: fixed;
	bottom: 1.25rem;
	left: 50%;
	align-items: center;
	justify-content: center;
	width: 22.4375rem;
	padding: 0.5rem;
	translate: -50% 0;
	border-radius: 3.125rem;
	background-color: var(--main);
	box-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.8);
	color: var(--white);
	color: var(--white);
	font-weight: 400;
	font-size: clamp(1.125rem, -0.1877934272vw + 1.2940140845rem, 1.25rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.3s ease, visibility 0.3s ease, color 0.3s ease;
}

.p-button-shop__link:focus-visible {
	color: var(--white);
	opacity: 0.8;
}

.p-button-shop__link::after {
	position: absolute;
	top: 50%;
	right: 15%;
	width: clamp(1.0625rem, 0.6572769953vw + 0.9084507042rem, 1.5rem);
	height: clamp(1.0625rem, 0.6572769953vw + 0.9084507042rem, 1.5rem);
	translate: 0 -50%;
	background: url(../img/home/icon_cart.svg) no-repeat center center/contain;
	content: "";
}

.l-main {
	padding-top: 4.125rem;
}

/* ----------------------------------------
*fv
---------------------------------------- */
.p-fv {
	margin-bottom: clamp(0rem, 5.1643192488vw + -1.2103873239rem, 3.4375rem);
}

.p-fv .l-inner {
	padding-inline: clamp(0.625rem, 3.7558685446vw + -0.2552816901rem, 3.125rem);
}

.p-fv__container {
	position: relative;
}

.p-fv__deco-left {
	z-index: 2;
	position: absolute;
	top: clamp(2.0625rem, 6.0093896714vw + 0.6540492958rem, 6.0625rem);
	left: clamp(1.5rem, 17.558685446vw + -2.6153169014rem, 13.1875rem);
	width: clamp(6.125rem, 20.8450704225vw + 1.2394366197rem, 20rem);
	height: clamp(4.9375rem, 16.9953051643vw + 0.9542253521rem, 16.25rem);
	transform: rotate(-1.8deg);
	background: url(../img/home/deco_fv1.webp) no-repeat center center/contain;
}

.p-fv__deco-right {
	z-index: 2;
	position: absolute;
	right: clamp(1.25rem, 7.6995305164vw + -0.5545774648rem, 6.375rem);
	bottom: clamp(-3.3125rem, -4.5070422535vw + 0.7438380282rem, -0.3125rem);
	width: clamp(7.25rem, 22.2535211268vw + 2.0343309859rem, 22.0625rem);
	height: clamp(7.125rem, 21.6901408451vw + 2.0413732394rem, 21.5625rem);
	transform: rotate(-1.8deg);
	background: url(../img/home/deco_fv2.webp) no-repeat center center/contain;
}

.p-fv__deco-bg {
	position: absolute;
	bottom: clamp(-3.3125rem, -4.2253521127vw + 0.4903169014rem, -0.5rem);
	left: clamp(0.625rem, 3.7558685446vw + -0.2552816901rem, 3.125rem);
	width: clamp(17.3125rem, 58.0281690141vw + 3.7121478873rem, 55.9375rem);
	height: clamp(13rem, 36.6197183099vw + 4.4172535211rem, 37.375rem);
	border-radius: 0.068125rem 0.8518125rem;
	background: url(../img/home/bg_cover-fv.webp) no-repeat center center/cover;
}

.p-fv-swiper__container {
	width: clamp(19.625rem, 74.7417840376vw + 2.1073943662rem, 69.375rem);
	margin-left: auto;
	overflow: hidden;
	border-radius: 0.883375rem 0.0706875rem;
}

.p-fv-swiper {
	padding-bottom: clamp(0.875rem, 0.3755868545vw + 0.786971831rem, 1.125rem);
}

.p-fv-img {
	height: clamp(16.875rem, 39.2488262911vw + 7.676056338rem, 43rem);
	overflow: hidden;
}

.p-fv-img img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: left bottom;
	object-position: left bottom;
}

.p-fv-swiper__pagination {
	display: flex;
	bottom: 0 !important;
	gap: clamp(0.4375rem, 0.4694835681vw + 0.3274647887rem, 0.75rem);
}

.p-fv-swiper__pagination .swiper-pagination-bullet {
	width: clamp(0.28125rem, 0.3286384977vw + 0.2042253521rem, 0.5rem);
	height: clamp(0.28125rem, 0.3286384977vw + 0.2042253521rem, 0.5rem);
	margin-right: 0 !important;
	margin-left: 0 !important;
	background-color: var(--white);
	opacity: 1;
}

.p-fv-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #f5a121;
	transition: background-color 2s ease;
}

.p-fv-text__container {
	z-index: 1;
	position: absolute;
	bottom: clamp(9.0625rem, 15.117370892vw + 5.5193661972rem, 19.125rem);
	left: clamp(1.5rem, 12.3004694836vw + -1.3829225352rem, 9.6875rem);
	width: 100%;
}

.p-fv-texts {
	display: flex;
	visibility: hidden;
	position: absolute;
	flex-direction: column;
	width: 100%;
	gap: clamp(0.375rem, 0.5633802817vw + 0.2429577465rem, 0.75rem);
	opacity: 0;
	transition: opacity 1s ease;
}

.p-fv-texts.is-active {
	visibility: visible;
	opacity: 1;
}

.fv-text {
	width: -moz-fit-content;
	width: fit-content;
	margin-bottom: 0;
	padding: clamp(0.4375rem, 0.6572769953vw + 0.2834507042rem, 0.875rem) clamp(0.625rem, 0.9389671362vw + 0.4049295775rem, 1.25rem);
	border-radius: 0.375rem;
	background-color: var(--white);
	font-weight: 400;
	font-size: clamp(1rem, 1.3145539906vw + 0.6919014085rem, 1.875rem);
	line-height: 1;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.fv-text strong {
	color: var(--main);
	font-weight: 400;
}

.fv-text--small {
	font-size: clamp(0.75rem, 0.9389671362vw + 0.5299295775rem, 1.375rem);
}

/* ----------------------------------------
*popular
---------------------------------------- */
.p-popular {
	padding: clamp(3.5rem, 4.5070422535vw + 2.4436619718rem, 6.5rem) 0;
}

.p-popular__products {
	margin-top: clamp(2.125rem, 1.0328638498vw + 1.8829225352rem, 2.8125rem);
}

.p-popular__items {
	display: grid;
	margin: 0;
	padding-left: 0;
	list-style: none;
	-moz-column-gap: 0.9375rem;
	grid-template-rows: repeat(2, auto);
	grid-template-columns: repeat(2, 1fr);
	column-gap: 0.9375rem;
	row-gap: 1.375rem;
}

.p-popular__item {
	margin: 0;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.p-popular__item:focus-visible {
	color: currentColor;
	opacity: 0.8;
}

.p-popular__img {
	margin: 0;
}

.p-popular__img img {
	display: block;
	width: 100%;
}

.p-popular__box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: clamp(3.3125rem, 2.7230046948vw + 2.6742957746rem, 5.125rem);
	padding: clamp(0.375rem, 0.0938967136vw + 0.3529929577rem, 0.4375rem) 0;
	gap: clamp(0.3125rem, 0.2816901408vw + 0.2464788732rem, 0.5rem);
	padding: 15px 10px;
}

.p-popular__box--orange {
	background-color: var(--main-orange800);
}

.p-popular__box--green {
	background-color: var(--accent-green700);
}

.p-popular__name {
	margin-bottom: 0;
	color: var(--white);
	font-weight: 400;
	font-size: clamp(0.5625rem, 0.4694835681vw + 0.4524647887rem, 0.875rem);
	line-height: 1;
	font-family: "Hina Mincho", serif;
}

.p-popular__name--small {
	font-size: clamp(0.4875rem, 0.3943661972vw + 0.3950704225rem, 0.75rem);
}

.p-popular__name--large {
	font-size: clamp(0.8125rem, 0.7511737089vw + 0.636443662rem, 1.3125rem);
}

.p-popular__bottom-name {
	margin-top: clamp(0.3125rem, 0.2816901408vw + 0.2464788732rem, 0.5rem);
	margin-bottom: 0;
	font-weight: 400;
	font-size: clamp(0.625rem, 0.5633802817vw + 0.4929577465rem, 1rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
}
@media (max-width: 991.98px) {
	.p-popular__name { font-size: 1rem; }
	.p-popular__name--small { font-size: .8rem; }
	.p-popular__bottom-name { font-size: 1rem; }
}
.p-popular__price {
	display: flex;
	align-items: center;
	margin-top: clamp(0.3125rem, 0.2816901408vw + 0.2464788732rem, 0.5rem);
	gap: clamp(0.25rem, 0.1877934272vw + 0.2059859155rem, 0.375rem);
}

.p-popular__price-main {
	display: flex;
	align-items: baseline;
	gap: clamp(0.125rem, 0.1877934272vw + 0.0809859155rem, 0.25rem);
}

.p-popular__price-number {
	font-weight: 400;
	font-size: clamp(0.9375rem, 0.8450704225vw + 0.7394366197rem, 1.5rem);
	line-height: 1;
	font-family: "Noto Sans JP", serif;
}
@media (max-width: 991.98px) {
	.p-popular__price-number {
		font-size: 1.2rem;
	}
}
.p-popular__price-unit {
	font-weight: 500;
	font-size: clamp(0.625rem, 0.5633802817vw + 0.4929577465rem, 1rem);
	line-height: 1;
	font-family: "Noto Sans JP", serif;
}

.p-popular__price-tax {
	color: var(--secondary);
	font-weight: 300;
	font-size: clamp(0.4875rem, 0.3943661972vw + 0.3950704225rem, 0.75rem);
	line-height: 1.2;
	font-family: "Noto Sans JP", serif;
}
@media (max-width: 991.98px) {
	.p-popular__price-tax {
		font-size: 0.8rem;
	}
}
.p-popular__button {
	margin-top: 2.375rem;
}

/* ----------------------------------------
*intro
---------------------------------------- */
.p-intro {
	margin-bottom: clamp(5rem, 5.1020408163vw + 3.8042091837rem, 6.25rem);
}

.p-intro__items {
	margin-top: clamp(4.625rem, -0.9389671362vw + 5.4700704225rem, 5.25rem);
}

.p-intro-item {
	display: flex;
	z-index: 1;
	position: relative;
	flex-direction: column;
	align-items: center;
	gap: clamp(1.25rem, 5.1020408163vw + 0.0542091837rem, 2.5rem);
}

.p-intro-item::before {
	z-index: -2;
	position: absolute;
	top: -1.875rem;
	width: 100vw;
	height: clamp(36.0625rem, 56.887755102vw + 22.729432398rem, 50rem);
	margin-inline: calc(50% - 50vw);
	border-radius: 0.25rem 0 0 3.125rem;
	background: url(../img/home/bg_cover-intro.webp) no-repeat center center/cover;
	content: "";
}

.p-intro-item--reserve {
	margin-bottom: clamp(6.875rem, 5.1020408163vw + 5.6792091837rem, 8.125rem);
	gap: clamp(1rem, 6.1224489796vw + -0.4349489796rem, 2.5rem);
}

.p-intro-item--reserve::before {
	top: -1.875rem;
	right: 0;
	left: 0;
	height: clamp(36.25rem, 56.1224489796vw + 23.0963010204rem, 50rem);
	border-radius: 0 3.125rem 0.25rem 0;
}

.p-intro-item__img img {
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 0.1745rem 2.181rem;
}

.p-intro-item__description {
	position: relative;
}

.p-intro-item__deco-top {
	position: absolute;
	top: -3.4375rem;
	left: 0;
	width: clamp(3.4375rem, 2.3474178404vw + 2.8873239437rem, 5rem);
	height: 2.25rem;
	background: url(../img/common/deco_mikan2.svg) no-repeat center center/contain;
}

.p-intro-item__deco-bottom {
	position: absolute;
	top: -4.375rem;
	left: 0;
	width: clamp(4.6875rem, 9.8591549296vw + 2.3767605634rem, 11.25rem);
	height: 4.5rem;
	background: url(../img/common/deco_mikan3.svg) no-repeat center center/contain;
}

.p-intro-item__head {
	margin-bottom: clamp(1rem, 0.7511737089vw + 0.823943662rem, 1.5rem);
	font-weight: 400;
	font-size: clamp(1.25rem, 0.3755868545vw + 1.161971831rem, 1.5rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
}

.p-intro-item__text {
	margin-bottom: clamp(0.625rem, 0.3755868545vw + 0.536971831rem, 0.875rem);
	line-height: 1.6;
}

.p-intro-item__text:nth-child(2n) {
	margin-bottom: 0;
}

/* ----------------------------------------
*story
---------------------------------------- */
.p-story {
	padding: clamp(3.5rem, 4.5070422535vw + 2.4436619718rem, 6.5rem) 0;
	background-color: #f5faee;
}

.p-story .l-inner {
	padding-inline: clamp(0.75rem, 3.5680751174vw + -0.0862676056rem, 3.125rem);
}

.p-story__container {
	margin-top: clamp(1.875rem, 2.8169014085vw + 1.2147887324rem, 3.75rem);
}

.p-story-swiper {
	padding-bottom: clamp(1.25rem, 0.7511737089vw + 1.073943662rem, 1.75rem);
	overflow: visible;
}

.p-story-swiper__slide {
	display: flex;
	flex-direction: column;
}

.p-story-swiper__card {
	display: flex;
	flex-direction: column;
	padding: 2.8125rem clamp(1.25rem, 4.1314553991vw + 0.2816901408rem, 4rem) clamp(2.5rem, 2.0657276995vw + 2.0158450704rem, 3.875rem);
}

.p-story-swiper__card-bg {
	z-index: 1;
	position: relative;
}

.p-story-swiper__card-bg::before {
	z-index: -2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--white);
	content: "";
}

.p-story-swiper__card-bg::after {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/common/bg_cover-wh.webp);
	content: "";
}

.p-story-swiper__head {
	display: flex;
	align-items: center;
	gap: clamp(0.6875rem, 0.3755868545vw + 0.599471831rem, 0.9375rem);
}

.p-story-swiper__head-main {
	font-weight: 400;
	font-size: clamp(5.625rem, 2.2535211268vw + 5.0968309859rem, 7.125rem);
	line-height: 1;
	font-family: "Hina Mincho", serif;
}

.p-story-swiper__head-main--brown {
	color: #956a29;
}

.p-story-swiper__head-main--green {
	color: var(--accent);
}

.p-story-swiper__head-main--orange {
	color: var(--main);
}

.p-story-swiper__head .p-story-swiper__head-sub {
	margin-bottom: 0;
	font-weight: 400;
	font-size: clamp(1.125rem, 0.3755868545vw + 1.036971831rem, 1.375rem);
	line-height: 1.5;
	font-family: "Hina Mincho", serif;
}

.p-story-swiper__texts {
	display: flex;
	flex-direction: column;
	min-height: 15.796875rem;
	margin-top: 2.1875rem;
	gap: 1rem;
}

.p-story-swiper__text {
	margin-bottom: 0;
	font-weight: 300;
	line-height: 1.6;
	font-family: "Noto Sans JP", serif;
}

.p-story-swiper .p-story-swiper__text {
	font-size: 1rem;
}

.p-story-img {
	position: relative;
}

.p-story-img::after {
	position: absolute;
	right: clamp(0.75rem, 1.1267605634vw + 0.485915493rem, 1.5rem);
	bottom: clamp(0.5rem, 0.6572769953vw + 0.3459507042rem, 0.9375rem);
	color: var(--white);
	font-weight: 400;
	font-size: clamp(1.125rem, 0.5633802817vw + 0.9929577465rem, 1.5rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
}

.p-story-img--01::after {
	content: "01";
}

.p-story-img--02::after {
	content: "02";
}

.p-story-img--03::after {
	content: "03";
}

.p-story-img img {
	display: block;
	width: 100%;
}

.p-story-swiper__pagination {
	display: flex;
	bottom: 0 !important;
	justify-content: center;
	gap: clamp(0.4375rem, 0.4694835681vw + 0.3274647887rem, 0.75rem);
}

.p-story-swiper__pagination .swiper-pagination-bullet {
	width: clamp(0.28125rem, 0.3286384977vw + 0.2042253521rem, 0.5rem);
	height: clamp(0.28125rem, 0.3286384977vw + 0.2042253521rem, 0.5rem);
	margin-right: 0 !important;
	margin-left: 0 !important;
	background-color: #e1e1e1;
	opacity: 1;
}

.p-story-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #f5a121;
	transition: background-color 2s ease;
}

.p-story-swiper__button-prev::after,
.p-story-swiper__button-next::after {
	content: "";
}

.p-story-swiper__button-prev,
.p-story-swiper__button-next {
	width: clamp(2.125rem, 1.5023474178vw + 1.7728873239rem, 3.125rem);
	height: clamp(2.125rem, 1.5023474178vw + 1.7728873239rem, 3.125rem);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8);
	transition: opacity 0.3s ease;
}

.p-story-swiper__button-prev::after,
.p-story-swiper__button-next::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: clamp(1.25rem, 0.9389671362vw + 1.0299295775rem, 1.875rem);
	height: clamp(1.25rem, 0.9389671362vw + 1.0299295775rem, 1.875rem);
	translate: -50% -50%;
	content: "";
}

.p-story-swiper__button-prev:focus-visible,
.p-story-swiper__button-next:focus-visible {
	opacity: 0.8;
}

.p-story-swiper__button-prev {
	top: 50%;
	left: clamp(-1.5625rem, -2.3474178404vw + 0.5501760563rem, 0rem);
	translate: 0 -50%;
}

.p-story-swiper__button-prev::after {
	background: url(../img/common/icon_chevron.svg) no-repeat center center/contain;
}

.p-story-swiper__button-next {
	top: 50%;
	right: clamp(-1.5625rem, -2.3474178404vw + 0.5501760563rem, 0rem);
	translate: 0 -50%;
}

.p-story-swiper__button-next::after {
	transform: rotate(180deg);
	background: url(../img/common/icon_chevron.svg) no-repeat center center/contain;
}

.p-story__button {
	margin-top: 1.25rem;
}

/* ----------------------------------------
*schedule
---------------------------------------- */
.p-schedule {
	padding: clamp(3.5rem, 4.5070422535vw + 2.4436619718rem, 6.5rem) 0;
}

.p-schedule__contents {
	margin-top: clamp(2.125rem, 1.0328638498vw + 1.8829225352rem, 2.8125rem);
}

.p-schedule__container {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: clamp(1.25rem, 1.8779342723vw + 0.8098591549rem, 2.5rem);
}

.p-schedule__img img {
	display: block;
	width: 100%;
}

.p-schedule__head {
	margin-top: 0;
	margin-bottom: 0;
	color: var(--Secondary);
	font-weight: 400;
	font-size: 1.3125rem;
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.p-schedule__head:not(:first-child) {
	margin-top: 1.25rem;
}

.p-schedule__table {
	width: 100%;
	margin-top: 0.5rem;
	border: none;
	border-collapse: collapse;
}

.p-schedule__row:last-child .p-schedule__data:last-child {
	border-right: none;
	border-bottom: none;
}

.p-schedule__data {
	width: 50%;
	padding: 0.9375rem 1.25rem;
	border: 0.0625rem solid var(--border);
}

.p-schedule__data-head {
	margin-bottom: 0;
	color: var(--secondary);
	font-weight: 400;
	font-size: clamp(1rem, 0.1877934272vw + 0.9559859155rem, 1.125rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.p-schedule__data-head--orange {
	color: var(--main-orange800);
}

.p-schedule__data-head--green {
	color: var(--accent-green800);
}

.p-schedule__data-text {
	margin-bottom: 0;
	color: var(--secondary);
	font-size: 0.75rem;
	text-align: center;
}

/* ----------------------------------------
*product
---------------------------------------- */
.p-product {
	padding: 0 0 clamp(3.5rem, 4.5070422535vw + 2.4436619718rem, 6.5rem);
}

.p-product .l-inner {
	padding-inline: clamp(1.25rem, 2.8169014085vw + 0.5897887324rem, 3.125rem);
}

.p-product__contents {
	margin-top: 1.875rem;
}

.p-product__head {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.p-product__head:nth-of-type(2n) {
	margin-top: 2.1875rem;
}

.p-product__items {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 1.5rem;
	gap: clamp(1.25rem, 1.8779342723vw + 0.8098591549rem, 2.5rem);
}

.p-product__items--top .p-product__item {
	gap: 1.25rem;
}

.p-product__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: 0.75rem;
}

.p-product__img {
	width: 11.25rem;
}

.p-product__img img {
	display: block;
	width: 100%;
}

.p-product__name {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.p-product__lists {
	display: grid;
	grid-template-columns: 1fr 1fr;
	place-items: center;
	height: 100%;
	margin: 0;
	padding: 0.5rem 1.5625rem;
	gap: 0.875rem;
	border: 0.0625rem solid var(--border);
	list-style: none;
}

.p-product__lists--single {
	grid-template-columns: 1fr;
}

.p-product__lists--single .p-product__list {
	justify-self: center;
}

.p-product__lists--other {
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
}

.p-product__lists--other .p-product__list {
	justify-self: start;
}

.p-product__lists--other .p-product__list::before {
	background-color: #908e8e !important;
}

.p-product__lists .p-product__list::before {
	background-color: var(--main);
}

.p-product__list {
	position: relative;
	margin: 0;
	padding-left: 0.875rem;
	font-weight: 400;
	font-size: clamp(1rem, 0.1877934272vw + 0.9559859155rem, 1.125rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
}

.p-product__list::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 0.375rem;
	height: 0.375rem;
	translate: 0 -50%;
	border-radius: 50%;
	background-color: var(--main);
	content: "";
}

/* ----------------------------------------
*voice
---------------------------------------- */
.p-voice {
	z-index: 1;
	position: relative;
	padding: clamp(3.5rem, 4.5070422535vw + 2.4436619718rem, 6.5rem) 0;
}

.p-voice::before {
	z-index: -2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f6efe0;
	content: "";
}

.p-voice::after {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/common/bg_cover.webp);
	content: "";
}

.p-voice__contents {
	margin-top: clamp(2.125rem, 0.5633802817vw + 1.9929577465rem, 2.5rem);
}

.p-voice__lists {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding-left: 0;
	gap: 2rem;
	list-style: none;
}

.p-voice__list {
	display: flex;
	flex: 1;
	flex-direction: column;
	margin: 0;
	padding: 1.5rem;
	background-color: var(--white);
}

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

.p-voice__text-deco {
	display: block;
	width: 3.75rem;
	height: 1.875rem;
	background: url(../img/common/deco_mikan2.svg) no-repeat center center/contain;
}

.p-voice__text-deco--02 {
	width: 2.625rem;
	height: 2.625rem;
	background: url(../img/common/deco_mikan1.svg) no-repeat center center/contain;
}

.p-voice__text-deco--03 {
	width: 1.875rem;
	height: 2.25rem;
	background: url(../img/common/deco_beer1.svg) no-repeat center center/contain;
}

.p-voice__text-head {
	margin-bottom: 0;
	font-weight: 400;
	font-size: clamp(1.125rem, 0.3755868545vw + 1.036971831rem, 1.375rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
}

.p-voice__text-head span {
	color: var(--main);
}

.p-voice__text-sub {
	margin-top: 0.5rem;
	margin-bottom: 0;
	font-size: 1rem;
}

.p-voice__text-name {
	display: block;
	margin-top: auto;
	font-weight: 400;
	font-size: clamp(1rem, 0.3755868545vw + 0.911971831rem, 1.25rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	text-align: right;
}

/* ----------------------------------------
*faq
---------------------------------------- */
.p-faq {
	padding: clamp(3.5rem, 4.5070422535vw + 2.4436619718rem, 6.5rem) 0;
}

.p-faq .l-inner {
	padding-inline: clamp(1.25rem, 2.8169014085vw + 0.5897887324rem, 3.125rem);
}

.p-faq__contents {
	margin-top: clamp(2.125rem, 0.5633802817vw + 1.9929577465rem, 2.5rem);
}

.p-faq__lists {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding-left: 0;
	gap: 0.75rem;
	list-style: none;
}

.p-faq__list {
	margin: 0;
	padding: 1.5625rem;
	background-color: var(--bg_grey-orange);
}

.p-faq__text-q {
	margin-bottom: 0;
	font-weight: 400;
	font-size: clamp(1.125rem, 0.1877934272vw + 1.0809859155rem, 1.25rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
}

.p-faq__text-q::before {
	margin-top: -0.375rem;
	content: "Q";
	color: var(--accent);
}

.p-faq__text-a {
	margin-top: 1rem;
	margin-bottom: 0;
}

.p-faq__text-a::before {
	content: "A";
	color: var(--main);
	font-family: "Hina Mincho", serif;
}

.p-faq__text-q,
.p-faq__text-a {
	position: relative;
	padding-left: 2.5rem;
}

.p-faq__text-q::before,
.p-faq__text-a::before {
	position: absolute;
	top: -0.3125rem;
	left: 0;
	font-size: 1.625rem;
}

.p-faq__text-link {
	color: inherit;
	font-weight: inherit;
	font-family: inherit;
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-color: var(--black);
	text-underline-offset: 0.1875rem;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.p-faq__text-link:focus-visible {
	color: currentColor;
	text-decoration: underline;
	text-decoration-color: var(--black);
	opacity: 0.8;
}

/* ----------------------------------------
*blog
---------------------------------------- */
.p-blog {
	padding: 0 0 clamp(3.5rem, 2.2535211268vw + 2.9718309859rem, 5rem);
}

.p-blog__contents {
	display: flex;
	flex-direction: column;
	margin-top: clamp(2.125rem, 0.5633802817vw + 1.9929577465rem, 2.5rem);
	gap: 1.875rem;
}

.p-blog-card__link:focus-visible .p-blog-card__figure {
	opacity: 0.8;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.p-blog-card__figure {
	width: 100%;
	margin: 0;
}

.p-blog-card__figure img {
	display: block;
	width: 100%;
	height: 250px;
	object-fit: cover;
	overflow: hidden;
	overflow: hidden;
	border-radius: 0.25rem 2rem;
	transition: scale 0.3s ease;
}

.p-blog-card__body {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.p-blog-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 0.75rem;
	overflow: hidden;
	gap: 0.25rem;
}

.p-blog-card__date {
	color: var(--secondary);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	white-space: nowrap;
}

.p-blog-card__category {
	padding: 0.1875rem 0.4375rem;
	border: 0.0625rem solid var(--main);
	color: var(--main);
	font-weight: 400;
	font-size: 0.75rem;
	line-height: 1;
	font-family: "Hina Mincho", serif;
	white-space: nowrap;
}

.p-blog-card__category--green {
	border-color: var(--accent);
	color: var(--accent);
}

.p-blog-card__head {
	margin-bottom: 0;
	margin-top: 0;
	overflow: hidden;
	color: var(--black);
	font-weight: 400;
	font-size: clamp(1.125rem, 0.1877934272vw + 1.0809859155rem, 1.25rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	text-overflow: ellipsis;
}

.p-blog-card__excerpt {
	display: -webkit-box;
	margin-bottom: 0;
	color: var(--black);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.p-blog__button {
	margin-top: clamp(1.25rem, 1.8779342723vw + 0.8098591549rem, 2.5rem);
}

/* ----------------------------------------
*news
---------------------------------------- */
.p-news {
	padding: clamp(3.5rem, 2.2535211268vw + 2.9718309859rem, 5rem) 0;
	background-color: var(--bg_grey-orange);
}

.p-news .l-inner {
	padding-inline: clamp(1.25rem, 2.8169014085vw + 0.5897887324rem, 3.125rem);
}

.p-news__contents {
	margin-top: clamp(2.125rem, 0.5633802817vw + 1.9929577465rem, 2.5rem);
}

.p-news-article {
	border-top: 0.0625rem solid var(--border);
}

.p-news-article:last-of-type {
	border-bottom: 0.0625rem solid var(--border);
}

.p-news-article__link {
	display: block;
	padding: 1.25rem 0;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.p-news-article__link:focus-visible {
	color: currentColor;
	opacity: 0.8;
}

.p-news-article__container {
	display: flex;
	flex-direction: column;
	gap: clamp(0.625rem, 1.2755102041vw + 0.3260522959rem, 0.9375rem);
}

.p-news-article__meta {
	display: flex;
	align-items: center;
	gap: 1.25rem;
}

.p-news-article__date {
	width: 6.5rem;
	color: var(--black);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	white-space: nowrap;
}

.p-news-article__category {
	padding: 0.1875rem 0.4375rem;
	border: 0.0625rem solid var(--secondary);
	color: var(--secondary);
	font-weight: 400;
	font-size: 0.75rem;
	line-height: 1;
	font-family: "Hina Mincho", serif;
	white-space: nowrap;
}

.p-news-article__head {
	flex: 1;
	margin-bottom: 0;
	overflow: hidden;
	color: var(--black);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	border-bottom: none !important;
}
h3.p-news-article__head:after {
	content: unset
}
.p-news__button {
	margin-top: clamp(1.25rem, 1.5023474178vw + 0.8978873239rem, 2.25rem);
}

/* ----------------------------------------
*animation
---------------------------------------- */
.fade-in {
	translate: 0 1.25rem;
	animation: fadeIn 1.5s ease forwards;
	opacity: 0;
}

.fade-in.visible {
	animation: fadeIn 1.5s ease forwards;
}

.js-in-view {
	transform: translateY(clamp(0.625rem, 0.9389671362vw + 0.4049295775rem, 1.25rem));
	opacity: 0;
	transition: opacity 0.6s, transform 0.6s;
}

.is-in-view {
	transform: translateY(0);
	opacity: 1;
}

/* ----------------------------------------
*concept
---------------------------------------- */
.p-concept {
	position: relative;
	padding: clamp(3.5rem, 4.5070422535vw + 2.4436619718rem, 6.5rem) 0;
	overflow: hidden;
}

.p-concept::before {
	position: absolute;
	top: -8.75rem;
	left: -8.125rem;
	width: clamp(17.5rem, 18.0281690141vw + 13.2746478873rem, 29.5rem);
	height: clamp(17.5rem, 18.0281690141vw + 13.2746478873rem, 29.5rem);
	background: url(../img/secret/deco_concept1.webp) no-repeat center center/contain;
	content: "";
}

.p-concept::after {
	position: absolute;
	right: -14.6875rem;
	bottom: -9rem;
	width: clamp(31.25rem, 11.3615023474vw + 28.5871478873rem, 38.8125rem);
	height: clamp(25rem, 17.558685446vw + 20.8846830986rem, 36.6875rem);
	background: url(../img/secret/deco_concept2.webp) no-repeat center center/contain;
	content: "";
}

.p-concept__contents {
	position: relative;
	margin-top: clamp(2.125rem, 0.5633802817vw + 1.9929577465rem, 2.5rem);
}

.p-concept__texts {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(0.625rem, 0.5633802817vw + 0.4929577465rem, 1rem);
}

.p-concept__text {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 1rem;
	line-height: 2;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.p-concept__deco-right {
	position: absolute;
	top: clamp(-7.5rem, 5.1020408163vw + -8.6957908163rem, -6.25rem);
	right: 0;
	width: clamp(3.125rem, 1.8779342723vw + 2.6848591549rem, 4.375rem);
	height: 2.25rem;
	background: url(../img/common/deco_mikan2.svg) no-repeat center center/contain;
}

.p-concept__deco-left {
	position: absolute;
	bottom: clamp(-5rem, -8.9285714286vw + -0.7198660714rem, -2.8125rem);
	left: 0;
	width: clamp(6.25rem, 2.5510204082vw + 5.6521045918rem, 6.875rem);
	height: 4.5rem;
	background: url(../img/common/deco_mikan3.svg) no-repeat center center/contain;
}

/* ----------------------------------------
*future
---------------------------------------- */
.p-future {
	padding: clamp(3.5rem, 4.5070422535vw + 2.4436619718rem, 6.5rem) 0;
	background-color: #fffaee;
}

.p-future__container {
	margin-top: clamp(2.125rem, 0.5633802817vw + 1.9929577465rem, 2.5rem);
}

.p-future__items {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding-left: 0;
	gap: clamp(1.875rem, 0.9389671362vw + 1.6549295775rem, 2.5rem);
}

.p-future__item {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	margin: 0;
	gap: clamp(1.25rem, 1.8779342723vw + 0.8098591549rem, 2.5rem);
}

.p-future-item__main {
	display: grid;
	position: relative;
	place-items: center;
	width: 11.25rem;
	height: 11.25rem;
	border: 0.0625rem solid var(--Border, #ebebeb);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.7);
}

.p-future-item__main::after {
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
}

.p-future-item__main--01::after {
	width: 3.5rem;
	height: 3.8818125rem;
	background: url(../img/secret/deco_future1.webp) no-repeat center center/contain;
}

.p-future-item__main--02::after {
	width: 2.925rem;
	height: 4.4416875rem;
	background: url(../img/secret/deco_future2.webp) no-repeat center center/contain;
}

.p-future-item__main--03::after {
	width: 6rem;
	height: 4.457125rem;
	background: url(../img/secret/deco_future3.webp) no-repeat center center/contain;
}

.p-future-item__head {
	margin-bottom: 0;
	color: var(--secondary);
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.75;
	line-height: 1;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.p-future-item__head span {
	display: inline-block;
	margin-bottom: clamp(0.3125rem, 0.4694835681vw + 0.2024647887rem, 0.625rem);
	color: var(--accent);
	font-weight: 400;
	font-size: clamp(1.125rem, 0.7511737089vw + 0.948943662rem, 1.625rem);
	line-height: 1;
	font-family: "Hina Mincho", serif;
}

.p-future-item__excerpt {
	margin-bottom: 0;
	line-height: 1.6;
}

/* ----------------------------------------
*feature
---------------------------------------- */
.p-feature {
	z-index: 1;
	position: relative;
	padding: clamp(3.5rem, 4.5070422535vw + 2.4436619718rem, 6.5rem) 0;
}

.p-feature::before {
	z-index: -2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f6efe0;
	content: "";
}

.p-feature::after {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/common/bg_cover.webp);
	content: "";
}

.p-feature__contents {
	margin-top: clamp(2.125rem, 0.5633802817vw + 1.9929577465rem, 2.5rem);
}

.p-feature-item__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(0.625rem, 1.8779342723vw + 0.1848591549rem, 1.875rem);
}

.p-feature-item__head:nth-child(2n) {
	margin-top: clamp(1.875rem, 0.9389671362vw + 1.6549295775rem, 2.5rem);
}

.p-feature-item__number {
	position: relative;
	color: var(--main);
	font-weight: 400;
	font-size: clamp(1.75rem, 1.0328638498vw + 1.5079225352rem, 2.4375rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
}

.p-feature-item__number::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: clamp(3.125rem, 2.0638497653vw + 2.6412852113rem, 4.49875rem);
	height: clamp(3.125rem, 2.0763380282vw + 2.6383582746rem, 4.5070625rem);
	translate: -50% -50%;
	background: url(../img/secret/deco_number.webp) no-repeat center center/contain;
	content: "";
}

.p-feature-item__heading {
	margin-bottom: 0;
	font-weight: 400;
	font-size: clamp(1.25rem, 0.3755868545vw + 1.161971831rem, 1.5rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.p-feature-item__heading span {
	display: block;
	font-weight: 400;
	font-size: clamp(1.125rem, 0.1877934272vw + 1.0809859155rem, 1.25rem);
	line-height: 1.5;
}

.p-feature__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1.25rem;
	gap: clamp(1.25rem, 1.8779342723vw + 0.8098591549rem, 2.5rem);
}

.p-feature__img img {
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 0.232625rem 2.908rem;
}

.p-feature-item__texts {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 1rem;
}

.p-feature-item__text {
	margin-bottom: 0;
	line-height: 1.6;
}

.p-feature__methods {
	display: flex;
	align-items: center;
	gap: clamp(0.3125rem, 0.6572769953vw + 0.1584507042rem, 0.75rem);
}

.p-feature__method {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: clamp(9.375rem, 2.8169014085vw + 8.7147887324rem, 11.25rem);
	height: clamp(9.375rem, 2.8169014085vw + 8.7147887324rem, 11.25rem);
	gap: clamp(0.3125rem, 0.4694835681vw + 0.2024647887rem, 0.625rem);
	border: 0.0625rem solid var(--border);
	border-radius: 50%;
	background-color: #fcfff8;
}

.p-feature__method-number {
	margin-top: -1rem;
	color: var(--accent);
	font-weight: 400;
	font-size: clamp(1.125rem, 0.1877934272vw + 1.0809859155rem, 1.25rem);
	line-height: 1;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.p-feature__method-text {
	margin-bottom: 0;
	font-weight: 400;
	font-size: clamp(1.0625rem, 0.1877934272vw + 1.0184859155rem, 1.1875rem);
	line-height: 1.4;
	font-family: "Hina Mincho", serif;
	text-align: center;
}

.p-feature__method-or {
	display: block;
	color: var(--secondary);
	font-weight: 400;
	font-size: clamp(1.25rem, 0.6572769953vw + 1.0959507042rem, 1.6875rem);
	line-height: 1;
	font-family: "Hina Mincho", serif;
}

.p-feature__steps {
	margin: 0;
	padding-left: 1.125rem;
}

.p-feature__step {
	margin: 0;
}

.p-feature__message {
	position: relative;
	margin-top: clamp(3.125rem, 2.0657276995vw + 2.6408450704rem, 4.5rem);
}

.p-feature__message::before {
	z-index: 2;
	position: absolute;
	top: -1.875rem;
	left: 0;
	aspect-ratio: 1;
	width: clamp(6.375rem, 5.5399061033vw + 5.076584507rem, 10.0625rem);
	background: url(../img/secret/deco_feature1.webp) no-repeat center center/contain;
	content: "";
}

.p-feature__message::after {
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: -3.75rem;
	aspect-ratio: 1;
	width: clamp(10.625rem, 7.8873239437vw + 8.7764084507rem, 15.875rem);
	background: url(../img/secret/deco_feature2.webp) no-repeat center center/contain;
	content: "";
}

.p-feature__message-img {
	display: block;
	position: relative;
	width: 100vw;
	height: 17.125rem;
	margin-inline: calc(50% - 50vw);
}

.p-feature__message-img img {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-o-object-fit: cover;
	object-fit: cover;
}

.p-feature__message-img::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	content: "";
	mix-blend-mode: multiply;
}

.p-feature__message-texts {
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	flex-direction: column;
	align-items: center;
	width: 100%;
	translate: -50% -50%;
}

.p-feature__message-text {
	margin-bottom: 0;
	color: var(--white);
	font-weight: 400;
	font-size: clamp(0.875rem, 0.3755868545vw + 0.786971831rem, 1.125rem);
	line-height: 1.75;
	font-family: "Hina Mincho", serif;
}

.p-feature__message-text--large {
	font-size: clamp(1.125rem, 0.9389671362vw + 0.9049295775rem, 1.75rem);
}

/* ----------------------------------------
*farmer
---------------------------------------- */
.p-farmer {
	padding: clamp(3.5rem, 4.5070422535vw + 2.4436619718rem, 6.5rem) 0;
}

.p-farmer__contents {
	margin-top: clamp(2.125rem, 0.5633802817vw + 1.9929577465rem, 2.5rem);
}

.p-farmer__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(1.25rem, 2.441314554vw + 0.6778169014rem, 2.875rem);
}

.p-farmer__container .p-farmer__body {
	flex: 1;
}

.p-farmer__container .p-farmer-item__head {
	margin-right: auto;
	margin-bottom: clamp(0.625rem, 1.3145539906vw + 0.3169014085rem, 1.5rem);
	margin-left: auto;
	padding: 0.4375rem clamp(0.9375rem, 1.0328638498vw + 0.6954225352rem, 1.625rem);
	font-weight: 400;
	font-size: clamp(1.25rem, 0.3755868545vw + 1.161971831rem, 1.5rem);
	line-height: 1.7;
	font-family: "Hina Mincho", serif;
	letter-spacing: 0.15rem;
}

.p-farmer__container .p-farmer-item__texts {
	display: flex;
	flex-direction: column;
	gap: clamp(0.625rem, 0.5633802817vw + 0.4929577465rem, 1rem);
}

.p-farmer__container .p-farmer-item__text {
	font-size: clamp(0.875rem, 0.1877934272vw + 0.8309859155rem, 1rem);
}

.p-farmer__container .p-farmer-item__name {
	margin-top: clamp(0.9375rem, 0.8450704225vw + 0.7394366197rem, 1.5rem);
	font-size: clamp(1rem, 0.7511737089vw + 0.823943662rem, 1.5rem);
	line-height: 1.75;
}

.p-farmer__img img {
	display: block;
	width: 100%;
}

.p-farmer-item__head {
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	font-weight: 400;
	font-family: "Hina Mincho", serif;
}

.p-farmer-item__head::before,
.p-farmer-item__head::after {
	position: absolute;
	width: 1.125rem;
	height: clamp(1.875rem, 0.9389671362vw + 1.6549295775rem, 2.5rem);
	border: solid 0.0625rem var(--border);
	content: "";
}

.p-farmer-item__head::before {
	top: 0;
	left: 0;
	border-right: 0;
	border-bottom: 0;
}

.p-farmer-item__head::after {
	right: 0;
	bottom: 0;
	border-top: 0;
	border-left: 0;
}

.p-farmer-item__text {
	margin-bottom: 0;
}

.p-farmer-item__name {
	display: block;
	font-weight: 400;
	font-family: "Hina Mincho", serif;
	text-align: right;
}

.p-farmer__items {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1.4375rem;
	margin-bottom: 0;
	padding-left: 0;
	gap: clamp(1.4375rem, 0.8450704225vw + 1.2394366197rem, 2rem);
}

.p-farmer__items .p-farmer__item {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	margin: 0;
	gap: clamp(1.25rem, 1.8779342723vw + 0.8098591549rem, 2.5rem);
	list-style: none;
}

.p-farmer__items .p-farmer-item__head {
	margin-bottom: clamp(0.625rem, 1.3145539906vw + 0.3169014085rem, 1.5rem);
	margin-inline: auto;
	padding: clamp(0.4375rem, 0.2816901408vw + 0.3714788732rem, 0.625rem) clamp(0.9375rem, 1.0328638498vw + 0.6954225352rem, 1.625rem);
	font-size: 1.25rem;
	line-height: 1.75;
	letter-spacing: 0.125rem;
	text-align: center;
}

.p-farmer__items .p-farmer-item__text {
	font-size: 0.875rem;
}

.p-farmer__items .p-farmer-item__name {
	margin-top: clamp(0.9375rem, 0.8450704225vw + 0.7394366197rem, 1.5rem);
	font-size: 1rem;
	line-height: 1.75;
	text-transform: uppercase;
}

/* ----------------------------------------
*hover
---------------------------------------- */
@media (any-hover: hover) {

.l-header__logo.l-header__logo--page .l-header__logo-link:hover {
	opacity: 0.8;
}

.l-header__logo-link:hover {
	opacity: 0.8;
}

.l-header-nav__link:hover {
	color: currentColor;
	opacity: 0.8;
}

.l-drawer__logo:hover {
	opacity: 0.8;
}

.l-drawer__sns-link:hover {
	opacity: 0.8;
}

.l-drawer__nav-link:hover {
	color: currentColor;
	opacity: 0.8;
}

.l-footer__logo:hover {
	opacity: 0.8;
}

.l-footer__sns-link:hover {
	color: currentColor;
	opacity: 0.8;
}

.l-footer__nav-link:hover {
	color: currentColor;
	opacity: 0.8;
}

.l-footer__policy-link:hover {
	color: currentColor;
	opacity: 0.8;
}

.c-button:hover {
	color: currentColor;
	opacity: 0.8;
}

.c-button:hover::after {
	right: 0.1875rem;
}

.p-button-shop__link:hover {
	color: var(--white);
	opacity: 0.8 !important;
}

.p-popular__item:hover {
	color: currentColor;
	opacity: 0.8;
	text-decoration: unset;
}

.p-story-swiper__button-prev:hover,
.p-story-swiper__button-next:hover {
	opacity: 0.8;
}

.p-faq__text-link:hover {
	color: currentColor;
	text-decoration: underline;
	text-decoration-color: var(--black);
	opacity: 0.8;
}

.p-blog-card__link:hover .p-blog-card__figure {
	opacity: 0.8;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.p-news-article__link:hover {
	color: currentColor;
	opacity: 0.8;
}

}

@media (any-hover: none) {

.l-header-nav__link:hover {
	color: currentColor;
	opacity: 0.8;
}

.l-drawer__sns-link:hover {
	opacity: 0.8;
}

.l-drawer__nav-link:hover {
	color: currentColor;
	opacity: 0.8;
}

.l-footer__sns-link:hover {
	color: currentColor;
	opacity: 0.8;
}

.l-footer__nav-link:hover {
	color: currentColor;
	opacity: 0.8;
}

.l-footer__policy-link:hover {
	color: currentColor;
	opacity: 0.8;
}

.c-button:hover {
	color: currentColor;
	opacity: 0.8;
}

.p-button-shop__link:hover {
	color: var(--white);
	opacity: 0.8;
}

.p-popular__item:hover {
	color: currentColor;
	opacity: 0.8;
}

.p-story-swiper__button-prev:hover,
.p-story-swiper__button-next:hover {
	opacity: 0.8;
}

.p-faq__text-link:hover {
	color: currentColor;
	text-decoration: underline;
	text-decoration-color: var(--black);
	opacity: 0.8;
}

.p-blog-card__link:hover .p-blog-card__figure {
	opacity: 0.8;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.p-news-article__link:hover {
	color: currentColor;
	opacity: 0.8;
}

}

@media screen and (min-width: 36em) {

	/* ----------------------------------------
*common
---------------------------------------- */
.sm-hidden {
	display: none;
}

.sm-visible {
	display: block;
}

}

@media screen and (min-width: 48em) {

.md-hidden {
	display: none;
}

.md-visible {
	display: block;
}

:root {
	--scroll-breakpoint: 500px;
}

/* ----------------------------------------
*inner
---------------------------------------- */
.l-inner {
	max-width: calc(67.5rem + 6.25rem);
	margin-inline: auto;
}

/* ----------------------------------------
*header
---------------------------------------- */
.l-header {
	height: 5rem;
}

.c-page-header__inner {
	max-width: calc(83.75rem + 6.25rem);
	margin-inline: auto;
}

.c-page-header__img img {
	border-radius: 3.125rem 0.25rem;
}

.c-page-header__text {
	border-radius: 0.5rem;
}

.c-page-header__deco-bg {
	border-radius: 0.25rem 3.125rem;
}

.l-main {
	padding-top: 5rem;
}

/* ----------------------------------------
*fv
---------------------------------------- */
.p-fv .l-inner {
	max-width: calc(83.75rem + 6.25rem);
	margin-inline: auto;
}

.p-fv__deco-bg {
	border-radius: 0.25rem 3.125rem;
}

.p-fv-swiper__container {
	border-radius: 3.125rem 0.25rem;
}

.p-fv-img img {
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}

.fv-text {
	border-radius: 0.5rem;
}

/* ----------------------------------------
*popular
---------------------------------------- */
.p-popular__items {
	grid-template-rows: auto;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 1.25rem;
	-moz-column-gap: clamp(0.9375rem, 2.2321428571vw + -0.1339285714rem, 1.875rem);
	column-gap: clamp(0.9375rem, 2.2321428571vw + -0.1339285714rem, 1.875rem);
}

/* ----------------------------------------
*intro
---------------------------------------- */
.p-intro {
	margin-bottom: clamp(2.5rem, 2.9761904762vw + 1.0714285714rem, 3.75rem);
	padding: 0 0 clamp(3.5rem, 4.5070422535vw + 2.4436619718rem, 6.5rem);
}

.p-intro-item {
	flex-direction: row;
	align-items: stretch;
	justify-content: right;
	gap: clamp(3.125rem, 13.4529147982vw + -3.3323991031rem, 5rem);
}

.p-intro-item::before {
	top: clamp(1.25rem, 3.7202380952vw + -0.5357142857rem, 2.8125rem);
	right: calc(50% - 50vw);
	width: calc(50vi + 30rem);
	height: clamp(20.625rem, 7.4404761905vw + 17.0535714286rem, 23.75rem);
	margin-inline: auto;
}

.p-intro-item--reserve {
	flex-direction: row-reverse;
	justify-content: left;
	margin-bottom: clamp(6.875rem, 2.9761904762vw + 5.4464285714rem, 8.125rem);
	gap: clamp(1.25rem, 22.4215246637vw + -9.5123318386rem, 4.375rem);
}

.p-intro-item--reserve::before {
	top: clamp(1.875rem, 2.380952381vw + 0.7321428571rem, 2.875rem);
	right: auto;
	left: calc(50% - 50vw);
	width: calc(50vi + 30rem);
	height: clamp(18.75rem, 8.4821428571vw + 14.6785714286rem, 22.3125rem);
	margin-inline: auto;
}

.p-intro-item__img {
	flex-shrink: 0;
	width: 44.4444444444%;
}

.p-intro-item__img img {
	border-radius: 0.25rem 3.125rem;
}

.p-intro-item__description {
	padding-top: clamp(1.875rem, 10.4166666667vw + -3.125rem, 6.25rem);
}

.p-intro-item__deco-top {
	top: clamp(-0.375rem, 6.25vw + -3.375rem, 2.25rem);
}

.p-intro-item__deco-bottom {
	top: clamp(0rem, 4.1666666667vw + -2rem, 1.75rem);
	right: clamp(-6.25rem, -8.9285714286vw + 1.7857142857rem, -2.5rem);
	left: auto;
}

/* ----------------------------------------
*story
---------------------------------------- */
.p-story .l-inner {
	max-width: calc(67.5rem + 6.25rem);
	margin-inline: auto;
}

/* ----------------------------------------
*product
---------------------------------------- */
.p-product .l-inner {
	max-width: calc(47.5rem + 6.25rem);
	margin-inline: auto;
}

.p-product__items {
	flex-direction: row;
	align-items: stretch;
}

.p-product__items--top {
	width: 100%;
	max-width: 37.5rem;
	margin-inline: auto;
}

.p-product__lists {
	width: 100%;
}

.p-product__lists--other {
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
	margin-top: 1.25rem;
	padding: 0.9375rem 4.375rem;
	gap: 0;
}

/* ----------------------------------------
*voice
---------------------------------------- */
.p-voice__lists {
	flex-direction: row;
	gap: clamp(0.9375rem, 2.5297619048vw + -0.2767857143rem, 2rem);
}

/* ----------------------------------------
*faq
---------------------------------------- */
.p-faq .l-inner {
	max-width: calc(55rem + 6.25rem);
	margin-inline: auto;
}

/* ----------------------------------------
*blog
---------------------------------------- */
.p-blog__contents {
	flex-direction: row;
	gap: clamp(0.9375rem, 2.2321428571vw + -0.1339285714rem, 1.875rem);
}

.p-blog-card {
	width: 33.3%;
}

/* ----------------------------------------
*news
---------------------------------------- */
.p-news .l-inner {
	max-width: calc(55rem + 6.25rem);
	margin-inline: auto;
}

.p-news-article__container {
	flex-direction: row;
}

.p-news-article__container {
	gap: clamp(0.625rem, 1.4880952381vw + -0.0892857143rem, 1.25rem);
}

.p-news-article__meta {
	flex-shrink: 0;
}

/* ----------------------------------------
*concept
---------------------------------------- */
.p-concept__text {
	line-height: 2.4;
}

.p-concept__deco-right {
	top: clamp(-7.5rem, 1.4880952381vw + -8.2142857143rem, -6.875rem);
	right: clamp(7.5rem, 1.4880952381vw + 6.7857142857rem, 8.125rem);
}

.p-concept__deco-left {
	bottom: clamp(-2.8125rem, 3.7202380952vw + -4.5982142857rem, -1.25rem);
	left: clamp(2.5rem, 12.6488095238vw + -3.5714285714rem, 7.8125rem);
	width: clamp(6.25rem, 9.9702380952vw + 1.4642857143rem, 10.4375rem);
}

/* ----------------------------------------
*future
---------------------------------------- */
.p-future__items {
	flex-direction: row;
}

/* ----------------------------------------
*feature
---------------------------------------- */
.p-feature-item__head {
	flex-direction: row;
	margin-left: 1.25rem;
}

.p-feature-item__heading {
	text-align: left;
}

.p-feature__container {
	flex-direction: row;
	align-items: stretch;
}

.p-feature__container--reverse {
	flex-direction: row-reverse;
	margin-top: clamp(1.25rem, 2.2321428571vw + 0.1785714286rem, 2.1875rem);
}

.p-feature__img {
	flex-shrink: 0;
	max-width: 22.5rem;
}

.p-feature__img img {
	border-radius: 0.25rem 3.125rem;
}

.p-feature__methods {
	flex-shrink: 0;
	flex-direction: row;
	max-width: 25.4375rem;
}

.p-feature__method-or {
	line-height: 1.36;
}

.p-feature__steps {
	margin-top: -0.875rem;
}

.p-feature__message::before {
	top: -1.875rem;
	left: clamp(4.375rem, 12.6488095238vw + -1.6964285714rem, 9.6875rem);
}

.p-feature__message::after {
	right: clamp(2.5rem, 5.9523809524vw + -0.3571428571rem, 5rem);
	bottom: -5rem;
}

.p-feature__message-img {
	width: 100%;
	margin-inline: auto;
}

.p-feature__message-img img {
	border-radius: 0.25rem 3.125rem;
}

.p-feature__message-img::after {
	border-radius: 0.25rem 3.125rem;
}

/* ----------------------------------------
*farmer
---------------------------------------- */
.p-farmer__container {
	flex-direction: row;
	align-items: flex-start;
	gap: clamp(0.625rem, 5.3571428571vw + -1.9464285714rem, 2.875rem);
}

.p-farmer__container .p-farmer__img {
	flex-shrink: 0;
	width: 21.25rem;
}

.p-farmer__container .p-farmer-item__head {
	margin-right: auto;
	margin-bottom: clamp(0.625rem, 2.0833333333vw + -0.375rem, 1.5rem);
	margin-left: 0;
	font-size: clamp(1.25rem, 0.5952380952vw + 0.9642857143rem, 1.5rem);
}

.p-farmer__container .p-farmer-item__texts {
	gap: clamp(0.625rem, 0.8928571429vw + 0.1964285714rem, 1rem);
}

.p-farmer__container .p-farmer-item__name {
	margin-top: clamp(0.9375rem, 1.3392857143vw + 0.2946428571rem, 1.5rem);
	font-size: clamp(1rem, 1.1904761905vw + 0.4285714286rem, 1.5rem);
}

.p-farmer__items {
	flex-direction: row;
	align-items: stretch;
	gap: clamp(0.9375rem, 2.5297619048vw + -0.2767857143rem, 2rem);
}

.p-farmer__items .p-farmer-item__head {
	padding: clamp(0.4375rem, 0.2816901408vw + 0.3714788732rem, 0.625rem) clamp(0.625rem, 2.380952381vw + -0.5178571429rem, 1.625rem);
	font-size: clamp(1rem, 0.5952380952vw + 0.7142857143rem, 1.25rem);
}

.p-farmer__items .p-farmer__img {
	flex-shrink: 0;
	max-width: 18.3125rem;
}

}

@media screen and (min-width: 62em) {

	/* ----------------------------------------
*common
---------------------------------------- */
.lg-hidden {
	display: none;
}

.lg-visible {
	display: block;
}

/* ----------------------------------------
*header
---------------------------------------- */
.l-header__logo-link {
	width: clamp(6.25rem, 17.8571428571vw + -4.8214285714rem, 11.25rem);
}

.l-header-nav {
	display: flex;
}

.l-header-nav__lists {
	display: flex;
	align-items: center;
	gap: clamp(0.625rem, 10.7142857143vw + -6.0178571429rem, 3.625rem);
}

/* ----------------------------------------
*drawer
---------------------------------------- */
.l-drawer-icon {
	display: none;
}

/* ----------------------------------------
*shop-button
---------------------------------------- */
.p-button-shop__link {
	right: 0;
	bottom: 50%;
	left: auto;
	width: 4.625rem;
	padding: 2rem 1.3125rem 4rem;
	translate: 0 50%;
	border-radius: 1.5rem 0 0 1.5rem;
	box-shadow: none;
	line-height: 1;
	letter-spacing: 0.25em;
	writing-mode: vertical-rl;
}

.p-button-shop__link::after {
	top: auto;
	right: 50%;
	bottom: 12%;
	translate: 50% 0;
}

/* ----------------------------------------
*intro
---------------------------------------- */
.p-intro-item {
	gap: clamp(4.375rem, 11.1607142857vw + -2.5446428571rem, 7.5rem);
}

.p-intro-item--reserve {
	gap: clamp(4.375rem, 11.1607142857vw + -2.5446428571rem, 7.5rem);
}

/* ----------------------------------------
*story
---------------------------------------- */
.p-story-swiper__slide {
	flex-direction: row;
}

.p-story-swiper__card {
	justify-content: center;
	width: 50%;
	padding: 0 clamp(1.25rem, 4.1314553991vw + 0.2816901408rem, 4rem) 0;
	gap: 1.875rem;
}

.p-story-swiper__head {
	margin-top: 1.25rem;
}

.p-story-swiper__head-main {
	font-size: clamp(5rem, 7.5892857143vw + 0.2946428571rem, 7.125rem);
}

.p-story-swiper__texts {
	margin-top: 0;
}

.p-story-img {
	width: 50%;
}

/* ----------------------------------------
*schedule
---------------------------------------- */
.p-schedule__container {
	flex-direction: row;
	align-items: stretch;
	gap: clamp(1.25rem, 4.4642857143vw + -1.5178571429rem, 2.5rem);
}

.p-schedule__img {
	width: 50.3703703704%;
}

.p-schedule__tables {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.p-schedule__head {
	text-align: left;
}

.p-schedule__head:not(:first-child) {
	margin-top: auto;
}

.p-schedule__data {
	padding: clamp(0.625rem, 1.1160714286vw + -0.0669642857rem, 0.9375rem) clamp(0.625rem, 2.2321428571vw + -0.7589285714rem, 1.25rem);
}

.p-schedule__data-head {
	text-align: left;
}

.p-schedule__data-text {
	text-align: left;
}

}

@media screen and (min-width: 87.5em) {

	/* ----------------------------------------
*intro
---------------------------------------- */
.p-intro-item::before {
	width: calc(50vi + 35rem);
}

.p-intro-item--reserve::before {
	width: calc(50vi + 35rem);
}

}

@media screen and (max-width: 61.99875em) {

body,
html {
	font-size: 16px;
}

}

@keyframes fadeIn {

from {
	translate: 0 1.25rem;
	opacity: 0;
}

to {
	translate: 0 0;
	opacity: 1;
}

}


/* ----------------------------------------
固定ページ
---------------------------------------- */
.section.page-header{
	margin-top: 80px;
}


/* ----------------------------------------
コンタクトフォーム7
---------------------------------------- */
.hissu{
	margin-left: 10px;
	padding: 0 5px;
	display: inline-block;
	font-size: .8rem;
	font-weight: bold;
	color: #fff;
	border-radius: 2px;
	background-color: #d56900;
}
.wpcf7-form p{
	margin-bottom: .2rem;
}



/* フォーム全体のスタイル */
.wpcf7 {
	background-color: #f9dec1;
	padding: 20px;
	border-radius: 10px;
	max-width: 600px;
	margin: auto;
	}
	/* ラベルのスタイル */
	.wpcf7-form label {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333333; /* ダークグレー */
	}
	/* 必須フィールドのラベルスタイル */
	.wpcf7-form .required {
	background-color: #ff0000; /* レッド */
	color: white;
	padding: 2px 5px;
	border-radius: 3px;
	margin-left: 10px;
	font-size: 12px;
	}
	/* インプットフィールドのスタイル */
	.wpcf7-form textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #cccccc; /* ライトグレー */
	border-radius: 5px;
	margin-bottom: 20px;
	font-size: 16px;
	background-color: #ffffff; /* 白 */
	}
	/* テキストエリアのスタイル */
	.wpcf7-form textarea {
	height: 150px;
	resize: vertical;
	}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
	width: 100%;
	padding-block: 10px;
	color: white;
	border: none;
	background-color: #4CAF50;
	cursor: pointer;
	transition: background-color 0.3s ease;
}
.wpcf7-form input[type="submit"]:hover {
	background-color: #18671b;
}
/* エラーメッセージと成功メッセージのスタイル */
.wpcf7-form .wpcf7-not-valid-tip {
	color: red;
	font-size: 14px;
}
.wpcf7-form .wpcf7-mail-sent-ok {
	color: green;
	font-size: 16px;
	margin-bottom: 20px;
}