/* ===========================
   ページ個別の設定
   =========================== */
:root {
	--color-key: #2b2b2b;
	--color-accent: #2C4A3F;
	--color-bg: #F5F3F1;
	--color-ui-bg: #ffffff;
	--color-ui-sub: #eae4dc;
	--color-text_dark: #000000;
	--color-text_gray: #B8B6B5;
	--color-text_light: #ffffff;
	--color-border_dark: #000000;
	--color-border_light: #ffffff;

	--color-text_main: #222222;

	/* コンテンツ幅 PC */
	--container-w: 1180px;

	/* パンくず */
	--color_breadcrumb-common: #ffffff;
}

/* コンテンツ幅 タブレット */
@media (max-width: 1179px) and (min-width: 810px) {
	:root {
		--container-w: 810px;
	}
}

/* コンテンツ幅 スマホ */
@media (max-width: 809px) {
	:root {
		--container-w: 100vw;
	}
}


/* ==============================
   Reset / Base
   ============================== */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html,
body {
	height: 100%;
	background-color: var(--color-ui-bg);
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

ul,
ol {
	list-style: none;
}

button,
input,
textarea {
	font: inherit;
}

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

a {
	opacity: 1;
	transition: opacity .25s ease-in-out;
}
a:hover {
	opacity: .65;
}

picture {
	display: block;
}
.sp-only {
	display: none;
}
@media (max-width: 809px) {
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
}


/* ALL */
html {
	scroll-behavior: smooth;
}
#wellness {
	max-width: var(--container-w);
	font-family: toppan-bunkyu-mincho-pr6n, serif;
	color: var(--color-text_main);
	width: 100%;
	padding-inline: 24px;
    padding-top: 30px;
	margin-inline: auto;
}
@media (max-width: 809px) {
#wellness {
        padding-top: 5.3%;
		padding-inline: unset;
    }
}
/* /ALL */

/* KV */
#wellness .kv {
	width: 100%;
	height: 550px;
	border-radius: 80px;
	background-image: url(../img/kv_pc.webp);
    background-image: image-set(url(../img/kv_pc.webp) 1x, url(../img/kv_pc@2x.webp) 2x);
    background-image: -webkit-image-set(url(../img/kv_pc.webp) 1x, url(../img/kv_pc@2x.webp) 2x);
	background-repeat: no-repeat;
	background-position: center center;
    background-size: 1180px 550px;
	overflow: hidden;
	position: relative;
}
#wellness .kv h1 {
	width: 487px;
	position: absolute;
    top: 198px;
	left: 0;
	right: 0;
	margin-inline: auto;
}
#wellness .kv .subtitle {
	width: 288px;
	position: absolute;
    top: 285px;
	left: 0;
	right: 0;
	margin-inline: auto;
}
@media (max-width: 809px) {
	#wellness .kv {
		width: 87.2%;
		margin-inline: auto;
		height: auto;
		aspect-ratio: 1 / 1.2233;
		border-radius: unset;
		background-image: url(../img/kv_sp.webp);
		background-image: image-set(url(../img/kv_sp.webp) 1x, url(../img/kv_sp.webp) 2x);
		background-image: -webkit-image-set(url(../img/kv_sp.webp) 1x, url(../img/kv_sp.webp) 2x);
	    background-size: 100% 100%;
	}
	#wellness .kv h1 {
		width: 85.698%;
		top: 38.8%;
	}
	#wellness .kv .subtitle {
		width: 58.723%;
		top: 51.2%;
	}
}
/* /KV */

/* contents-lead */
#wellness .contents-lead {
	max-width: 1060px;
	margin-inline: auto;
    padding-top: 55px;
    position: relative;
    display: flex;
    justify-content: right;
	transform: translateY(0px)!important;
}
#wellness .contents-lead p {
    max-width: 730px;
    font-size: 17px;
    line-height: 2;
    background-color: rgb(243 242 238 / .8);
    padding: 40px 49px;
    border-radius: 80px 0 80px 0;
    position: absolute;
    top: 99px;
    left: 0;
    z-index: 2;
}
#wellness .contents-lead p::before,
#wellness .contents-lead p::after {
    content: "";
    display: block;
    width: 91px;
    height: 59px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
}
#wellness .contents-lead p::before {
    background-image: url(../img/decoration_red.webp);
    top: -34px;
    right: 44px;
}
#wellness .contents-lead p::after {
    background-image: url(../img/decoration_blue.webp);
    bottom: -34px;
	left: 234px;
}
#wellness .contents-lead picture {
	width: 606px;
	height: 334px;
	border-radius: 80px 0 80px 0;
	overflow: hidden;
}
#wellness .contents-lead::after {
	content: "";
	display: block;
	width: 91px;
	height: 59px;
	background-image: url(../img/decoration_yellow.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
    bottom: -45px;
	right: 88px;
}
#wellness .contents-lead picture img {
	width: 606px;
	height: 334px;
}
@media (max-width: 1179px) {
	#wellness .contents-lead p {
	    max-width: 608px;
		top: 80px;
	}
	#wellness .contents-lead picture {
    	width: 536px;
	}
	#wellness .contents-lead p::after {
		left: 130px;
	}
}
@media (max-width: 809px) {
    #wellness .contents-lead {
        padding-top: 66.5%;
    }
	#wellness .contents-lead p {
        width: 82.9334%;
        top: 5.5%;
        border-radius: 0 40px 40px 0;
        font-size: max(15px, var(--sp-fs15));
        padding: 6.6% 7.2% 5.9%;
	}
	#wellness .contents-lead p::before,
	#wellness .contents-lead p::after {
		width: 25%;
		height: auto;
		aspect-ratio: 1 / 0.6484;
	}
	#wellness .contents-lead::after {
	    width: 21%;
		height: auto;
    	aspect-ratio: 1 / 0.6484;
		bottom: -3.5%;
		right: 4%;
	}
	#wellness .contents-lead p::before {
	    top: 10.5%;
    	right: -19%;
	}
	#wellness .contents-lead p::after {
        left: 6%;
        bottom: -23.5%;
    }
	#wellness .contents-lead picture {
        width: 82.9334%;
        height: auto;
        border-radius: unset;
    }
	#wellness .contents-lead picture img {
		width: 100%;
		height: auto;
	}
}
/* /contents-lead */

/* exprience */
#wellness section {
    max-width: 1060px;
    margin-inline: auto;
}
#wellness .list-wrapper {
	background-color: #f5f5f1;
	border-radius: 80px 0 80px 0;
    padding-block: 48px;
}
#wellness hgroup p {
    width: fit-content;
    font-size: 40px;
    color: #444;
	position: relative;
	line-height: .8;
    letter-spacing: -.04em;
}
#wellness hgroup p::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #444;
	position: absolute;
	bottom: 0;
}
#wellness .list-title {
	font-size: 19px;
	line-height: 1.6;
	font-weight: 400;
    margin-top: -7px;
}
#wellness .list-text {
	font-size: 15px;
	line-height: 1.8;
    padding-bottom: 10px;
}
#wellness .hotel-link {
	font-family: yu-gothic-pr6n, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #777777;
    padding-bottom: 7px;
}
#wellness .hotel-link a {
	color: #777777;
}
#wellness .btn-detail {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 168px;
	height: 30px;
	margin-inline: auto 0;
	background-color: var(--color-ui-bg);
	border-radius: 100vmax;
	border: 1px solid var(--color-text_main);
	font-family: yu-gothic-pr6n, sans-serif;
	font-size: 14px;
	color: var(--color-text_main);
	line-height: 1.8;
	position: relative;
	text-decoration: none;
}
#wellness .btn-detail::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid var(--color-text_main);
	border-right: 1px solid var(--color-text_main);
	transform: rotate(45deg);
	position: absolute;
	top: 10px;
	right: 10px;
}
#wellness .btn_more {
	width: 501px;
	height: 50px;
	margin-inline: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: yu-gothic-pr6n, sans-serif;
	font-size: 14px;
	margin-top: 48px;
	cursor: pointer;
	transition: all .25s;
	position: relative;
}
#wellness .btn_more:hover {
	background-color: rgb(255 255 255 / .65);
}
#wellness .dashed-box {
	/* 破線の太さ（1px）分の余白を内側に確保 */
	padding: 1px;

	/* 上下左右の4辺分のグラデーションを指定 */
	background-image:
	linear-gradient(to right, #222 4px, transparent 4px), /* 上辺 */
	linear-gradient(to right, #222 4px, transparent 4px), /* 下辺 */
	linear-gradient(to bottom, #222 4px, transparent 4px), /* 左辺 */
	linear-gradient(to bottom, #222 4px, transparent 4px); /* 右辺 */

	/* 背景のリピート設定（横辺は横のみ、縦辺は縦のみリピート） */
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;

	/* 1パターンのサイズ（長さ4px + 余白2px = 6px）と、線の太さ（1px）を指定 */
	background-size:
	6px 1px,  /* 上辺: 幅6px、高さ1px */
	6px 1px,  /* 下辺: 幅6px、高さ1px */
	1px 6px,  /* 左辺: 幅1px、高さ6px */
	1px 6px;  /* 右辺: 幅1px、高さ6px */

	/* 各辺の配置ポジション */
	background-position:
	left top,     /* 上辺 */
	left bottom,  /* 下辺 */
	left top,     /* 左辺 */
	right top;    /* 右辺 */
}
#wellness .list-wrapper li {
	opacity: 0;
	animation: fadein_more 1s ease 0.1s 1 forwards;
}

@keyframes fadein_more {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#wellness #more_btn01.btn_more::before,
#wellness #more_btn02.btn_more::before,
#wellness #more_btn03.btn_more::before,
#wellness #more_btn04.btn_more::before,
#wellness .btn_more::after {
	content: "";
	display: block;
	width: 14px;
	height: 1px;
	background-color: var(--color-text_main);
	position: absolute;
    top: 25px;
	right: 13px;
}
#wellness #more_btn01.btn_more::before,
#wellness #more_btn02.btn_more::before,
#wellness #more_btn03.btn_more::before,
#wellness #more_btn04.btn_more::before {
	transform: rotate(90deg);
}




#wellness section.exprience {
    padding-block: 57px 100px;
}
#wellness section.exprience .subheading-wrapper {
    padding-left: 90px;
}
#wellness .subheading {
	font-size: 17px;
    font-weight: 400;
}
#wellness .exprience .btn-wrapper {
	display: flex;
    justify-content: center;
    gap: 40px;
    padding-top: 45px;
}
#wellness .exprience .btn-wrapper li {
	width: 290px;
}
#wellness .exprience .btn-wrapper li:nth-of-type(1) {
	transition-delay: 0;
}
#wellness .exprience .btn-wrapper li:nth-of-type(2) {
	transition-delay: .4s;
}
#wellness .exprience .btn-wrapper li:nth-of-type(3) {
	transition-delay: .8s;
}
#wellness .exprience .btn-wrapper li figure {
	width: 230px;
	margin-inline: auto;
}
#wellness .exprience .btn-wrapper dt {
	font-size: 22px;
	text-align: center;
    padding-block: 19px 10px
}
#wellness .exprience .btn-wrapper dd {
	font-size: 15px;
	padding-bottom: 24px;
	line-height: 1.8;
}
#wellness .exprience .btn-wrapper .btn-ex {
	display: block;
    width: 168px;
    height: 36px;
    background-color: #9B9B50;
    border-radius: 100vmax;
	margin-inline: auto;
    font-family: yu-gothic-pr6n, sans-serif;
	font-size: 15px;
	text-align: center;
    color: #FFF;
    font-weight: 400;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
    padding-left: 4px;
}
#wellness .exprience .btn-wrapper li:nth-of-type(2) .btn-ex {
    background-color: #66838B;
}
#wellness .exprience .btn-wrapper li:nth-of-type(3) .btn-ex {
    background-color: #9B6450;
}
#wellness .exprience .btn-wrapper .btn-ex::before,
#wellness .exprience .btn-wrapper .btn-ex::after {
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	aspect-ratio: 1;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: rotate(45deg);
    right: 11px;
}
#wellness .exprience .btn-wrapper .btn-ex::before {
	top: 10px;
}
#wellness .exprience .btn-wrapper .btn-ex::after {
	top: 14px;
}
#wellness #walking {
	padding-top: 68px;
	position: relative;
	overflow-x: hidden;
}
#wellness .category-title-wrapper {
	max-width: 800px;
	margin-inline: auto;
	position: relative;
}
#wellness .category-title-wrapper::after {
	content: "";
	display: block;
	width: 403px;
	height: 103px;
	background-image: url(../img/decoration_heart_red.webp);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
    top: -24px;
    right: 49px;
	z-index: 1;
}

#wellness .category-title-wrapper .category-title {
    font-size: 17px;
	text-align: center;
    font-weight: 400;
	position: relative;
	z-index: 2;
}
#wellness .category-title-wrapper p {
    color: #9B9B50;
	margin-inline: auto;
	position: relative;
	z-index: 2;
}

#wellness .category-title-wrapper p::after {
	content: none;
}
#wellness #walking .sub-category {
    font-size: 22px;
    text-align: center;
    font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center;
    padding-block: 16px 19px;
}
#wellness #walking .sub-category::before,
#wellness #walking .sub-category::after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background-image: url(../img/decoration_hexa.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	margin-inline: 10px
}

#wellness #walking .walking-event {
	padding-inline: 40px;
	padding-bottom: 54px;
}
#wellness #walking .walking-event li {
	display: flex;
	justify-content: space-between;
}
#wellness #walking .walking-event li:nth-of-type(n+2) {
	padding-top: 50px;
}
#wellness #walking .list-image {
	width: 300px;
	flex-shrink: 0;
}
#wellness #walking .text-wrapper {
	padding-left: 40px;
}

#wellness #walking .list-period {
	font-family: yu-gothic-pr6n, sans-serif;
	font-size: 15px;
	color: #9B9B50;
	line-height: 1.8;
    padding-bottom: 8px;
}

#wellness #walking .walking-report .sub-category {
	width: calc(100% - 80px);
	margin-inline: auto;
	padding-top: 1px;
	background-image: linear-gradient(to right, #222 4px, transparent 4px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	background-position: left top;
    padding-top: 46px;
}

@media (min-width: 1180px) {
	#wellness .walking-report ul {
		width: calc(100% - 80px);
		margin-inline: auto;
		padding-top: 15px;
		display: flex;
		gap: 40px;
		flex-wrap: wrap;
	}
	#wellness .walking-report li {
		width: 300px!important;
	}
	#wellness .walking-report li:nth-of-type(n+4) {
		display: none;
	}
	#wellness .walking-report .swiper-pagination,
	#wellness .walking-report .swiper-button-next,
	#wellness .walking-report .swiper-button-prev {
		display: none;
	}
	#wellness .walking-report ul {
		transform: translate3d(0px, 0px, 0px) !important;
	}
}

#wellness .walking-report .list-title {
	font-size: 19px;
	line-height: 1.8;
	font-weight: 400;
	padding-top: 30px;
}
#wellness .walking-report .two-buttons {
    padding-top: 8px;
	display: flex;
	justify-content: space-between;
}
#wellness .walking-report .two-buttons .btn-report {
	width: 145px;
	height: 30px;
	font-family: yu-gothic-pr6n, sans-serif;
	font-size: 14px;
	color: var(--color-text_main);
	border-radius: 100vmax;
	border: 1px solid var(--color-text_main);
	background-color: var(--color-ui-bg);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	text-decoration: none;
}
#wellness .walking-report .two-buttons .btn-report::after {
    content: "";
    display: block;
    width: 6px;
    aspect-ratio: 1;
    border-top: 1px solid var(--color-text_main);
    border-right: 1px solid var(--color-text_main);
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    right: 10px;
}
#wellness .walking-report .two-buttons .btn-report:nth-of-type(2) {
	background-color: #676766;
	color: var(--color-text_light);
}
#wellness .walking-report .two-buttons .btn-report:nth-of-type(2)::after {
	border-top: 1px solid var(--color-text_light);
	border-right: 1px solid var(--color-text_light);
}
@media (max-width: 1179px) {
	#wellness .exprience .btn-wrapper {
		gap: 40px;
	}
	#wellness .exprience .btn-wrapper dd {
		padding-inline: 10px;
	}
	#wellness #more_btn02,
	#wellness #close_btn02 {
		display: none!important;
	}
	#wellness .sp_swiper_carousel {
	    width: 100%;
		overflow: hidden;
		position: relative;
	}
	#wellness .walking-report ul {
		padding-bottom: 35px;
	}
	#wellness .walking-report li {
		display: block !important;
	}
	/* swiper-pagination custom */
	#wellness .walking-report .swiper-pagination-bullet {
		width: 20px;
		height: auto;
		aspect-ratio: 1 / 0.1;
		border-radius: 100vmax;
	}
	#wellness .walking-report .swiper-pagination-bullet-active {
	    background: #9B9B50;
	}
	#wellness .walking-report .swiper-horizontal>.swiper-pagination-bullets,
	#wellness .walking-report .swiper-pagination-bullets.swiper-pagination-horizontal,
	#wellness .walking-report .swiper-pagination-custom,
	#wellness .walking-report .swiper-pagination-fraction {
	    bottom: 0;
	}
	#wellness .walking-report .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	#wellness .walking-report .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 0.5%;
	}

	/* swiper-button custom */
	#wellness .walking-report .swiper-button-prev,
	#wellness .walking-report .swiper-rtl .swiper-button-next {
		left: 5%;
		right: auto;
	}
	#wellness .walking-report .swiper-button-next,
	#wellness .walking-report .swiper-rtl .swiper-button-prev {
		right: 5%;
		left: auto;
		transform: scale(-1, 1);
	}

	#wellness .walking-report .swiper-button-next,
	#wellness .walking-report .swiper-button-prev {
	    top: 18%;
	    width: 30px;
	    height: auto;
		aspect-ratio: 1;
		background-image: url(../img/icon_vector.webp);
		background-repeat: no-repeat;
		background-size: 100%;
    	margin-top: unset;
	}

	#wellness .walking-report .swiper-button-prev:after,
	#wellness .walking-report .swiper-rtl .swiper-button-next:after,
	#wellness .walking-report .swiper-button-next:after,
	#wellness .walking-report .swiper-rtl .swiper-button-prev:after {
    	content: none;
	}
}
@media (max-width: 809px) {
	#wellness section.exprience {
        padding-block: 15% 42%;
	}
	#wellness hgroup p {
	    font-size: max(30px, var(--sp-fs30));
		margin-inline: auto;
	}
	#wellness .exprience .btn-wrapper li:nth-of-type(2),
	#wellness .exprience .btn-wrapper li:nth-of-type(3) {
		transition-delay: 0;
	}
	#wellness .list-wrapper {
	    width: 87.204%;
		margin-inline: auto;
		border-radius: 2.5em 0 2.5em 0;
        padding-block: 4.55%;
	}
	#wellness .list-title {
		font-size: max(16px, var(--sp-fs16));
		margin-top: unset;
        padding-top: 4.8%;
		line-height: 1.6;
	}
	#wellness .list-text {
		font-size: max(13px, var(--sp-fs13));
	    padding-bottom: 2%;
	}
	#wellness .hotel-link {
		font-size: max(12px, var(--sp-fs12));
		padding-bottom: 4%;
	}
	#wellness .btn-detail {
		width: 48.1482%;
		height: auto;
		aspect-ratio: 1 / 0.2098;
		margin-inline: auto;
		font-size: max(12px, var(--sp-fs12));
	}
	#wellness .btn-detail::after {
        width: 3.5%;
        height: auto;
        aspect-ratio: 1;
        top: 39%;
        right: 5%;
	}


	#wellness section.exprience .subheading-wrapper {
	    padding-left: unset;
	}
	#wellness .exprience .subheading {
		font-size: max(14px, var(--sp-fs14));
		text-align: center;
	}

	#wellness .exprience .btn-wrapper dt {
		font-size: max(18px, var(--sp-fs18));
        padding-block: 5.8% 1.2%;
	}
	#wellness .exprience .btn-wrapper dd {
		font-size: max(13px, var(--sp-fs13));
		padding-block: 0.8% 4.2%;
        padding-inline: 36.6% 0;
	}
	#wellness .exprience .btn-wrapper li:first-of-type dd {
		padding-block: 3.5% 8%;
	}
	#wellness .exprience .btn-wrapper {
	    display: block;
        padding-top: 3%;
	}
	#wellness .exprience .btn-wrapper li {
		width: 87.2%;
		margin-inline: auto;
		position: relative;
	}
	#wellness .exprience .btn-wrapper li figure {
        width: 30.585%;
		position: absolute;
        top: 28.5%;
	}
	#wellness .exprience .btn-wrapper .btn-ex {
	    width: 43.6698%;
    	height: auto;
		aspect-ratio: 1 / 0.2143;
		font-size: max(13px, var(--sp-fs13));
	    padding-left: 1%;
	}
	#wellness .exprience .btn-wrapper .btn-ex::before,
	#wellness .exprience .btn-wrapper .btn-ex::after {
		width: 3.51%;
	    right: 7%;
	}
	#wellness .exprience .btn-wrapper .btn-ex::before {
	    top: 29%;
	}
	#wellness .exprience .btn-wrapper .btn-ex::after {
	    top: 41%;
	}
	#wellness #walking {
		padding-top: 10.2%;
	}
	#wellness #walking .walking-event li {
		display: block;
	}
	#wellness #walking .category-title {
		font-size: max(14px, var(--sp-fs14));
	}
	#wellness #walking .sub-category {
		font-size: max(16px, var(--sp-fs16));
        padding-block: 3.7% 4%;
	}
	#wellness #walking .sub-category::before,
	#wellness #walking .sub-category::after {
		width: 4%;
		height: auto;
		aspect-ratio: 1;
        margin-top: 1%;
		margin-inline: 2%;
	}
	#wellness .category-title-wrapper::after {
		width: 80.92%;
		height: auto;
		aspect-ratio: 1 / 0.2534;
		top: 1.3%;
		right: -19%;
	}

	#wellness #walking .list-image {
	    width: 100%;
	}

	#wellness #walking .list-period {
		font-size: max(13px, var(--sp-fs13));
        padding-bottom: 2.3%;
	}

	#wellness #walking .text-wrapper {
		padding-left: unset;
	}

	#wellness #walking .walking-event li:nth-of-type(n+2) {
		padding-top: 11%;
	}
	#wellness .btn_more {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 0.1549;
		font-size: max(12px, var(--sp-fs12));
		margin-top: 11%;
	}
	#wellness #walking #more_btn01.btn_more::before,
	#wellness #mindfulness #more_btn03.btn_more::before,
	#wellness #food #more_btn04.btn_more::before,
	#wellness .btn_more::after {
	    width: 4%;
	    top: 49%;
		right: 3.5%;
	}
	#wellness #walking .walking-event {
        padding-inline: 4.59%;
        padding-bottom: 4.7%;
	}
	#wellness #walking .walking-report {
		padding-block: 7.5% 6.5%;
	}
	#wellness #walking .walking-report .sub-category {
		width: 90.834%;
		padding-block: 9.5% 5.5%;
	}
	#wellness #walking .sub-category::before,
	#wellness #walking .sub-category::after {
		width: 5.155%;
	}
	#wellness .walking-report .list-title {
        font-size: max(16px, var(--sp-fs16));
        padding-top: 5.5%;
        line-height: 1.6;
	}
	#wellness .walking-report ul {
		padding-bottom: 10.8%;
	}
	#wellness .walking-report .two-buttons {
	    padding-top: 2.5%;
	}
	#wellness .walking-report .two-buttons .btn-report {
	    width: 47.96%;
		height: auto;
		aspect-ratio: 1 / 0.2069;
        font-size: max(12px, var(--sp-fs12));
	}
	#wellness .walking-report .two-buttons .btn-report::after {
		width: 4%;
		top: 38%;
		right: 6%;
	}

	/* swiper-pagination custom */
	#wellness .walking-report .swiper-pagination-bullet {
		width: 6.12%;
	}
	#wellness .walking-report .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	#wellness .walking-report .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 0.5%;
	}

	/* swiper-button custom */
	#wellness .walking-report .swiper-button-prev,
	#wellness .walking-report .swiper-rtl .swiper-button-next {
		left: 5%;
	}
	#wellness .walking-report .swiper-button-next,
	#wellness .walking-report .swiper-rtl .swiper-button-prev {
		right: 5%;
	}

	#wellness .walking-report .swiper-button-next,
	#wellness .walking-report .swiper-button-prev {
	    top: 18%;
	    width: 9.175%;
	}
}
/* /exprience */

/* mindfulness */
#wellness #mindfulness {
	padding-top: 65px;
    overflow-x: hidden;
}
#wellness #mindfulness .category-title-wrapper::after {
	background-image: url(../img/decoration_heart_green.webp);
}
#wellness #mindfulness .category-title-wrapper p {
    color: #66838B;
}
#wellness #mindfulness .category-title-wrapper + p {
	font-family: yu-gothic-pr6n, sans-serif;
	font-size: 14px;
	text-align: center;
	line-height: 1.8;
    padding-block: 18px 25px
}
#wellness #mindfulness .list-wrapper {
	background-color: #eef5f6;
	padding: 48px 40px 56px;
}
#wellness #mindfulness li {
    display: flex;
    justify-content: space-between;
}
#wellness #mindfulness li:nth-of-type(n+2) {
	padding-top: 50px;
}
#wellness #mindfulness .list-image {
    width: 300px;
    flex-shrink: 0;
}
#wellness #mindfulness .text-wrapper {
    padding-left: 40px;
}
#wellness #mindfulness .list-title {
	padding-bottom: 9px;
}
@media (max-width: 809px) {
	#wellness #mindfulness {
		padding-top: 12%;
	}
	#wellness #mindfulness li {
		width: 100%;
        display: block;
	}
	#wellness #mindfulness .category-title-wrapper + p {
        font-size: max(12px, var(--sp-fs12));
	    padding-block: 4.8% 4.5%;
	}
	#wellness #mindfulness .list-image {
	    width: 100%;
	}
	#wellness #mindfulness .list-wrapper {
	    padding: 4.3% 4% 10.5%;
	}
	#wellness #mindfulness .text-wrapper {
	    padding-left: unset;
	}
	#wellness #mindfulness .list-title {
	    padding-bottom: 2%;
	}
	#wellness #mindfulness li:nth-of-type(n+2) {
        padding-top: 12%;
	}
}
/* /mindfulness */

/* Food */
#wellness #food {
	padding-top: 65px;
    overflow-x: hidden;
}
#wellness #food .list-wrapper {
    background-color: #f7f3f1;
    padding: 48px 40px 56px;
}
#wellness #food li {
	display: flex;
	justify-content: space-between;
}
#wellness #food li:nth-of-type(n+2) {
	padding-top: 50px;
}
#wellness #food .list-image {
	width: 300px;
	flex-shrink: 0;
}
#wellness #food .text-wrapper {
	padding-left: 40px;
}
#wellness #food .category-title-wrapper p {
	color: #9B6450;
	padding-bottom: 32px;
}
#wellness #food .food-subheading p {
    width: 100%;
	font-family: yu-gothic-pr6n, sans-serif;
	font-size: 14px;
    color: #777;
    line-height: 1.8;
    letter-spacing: unset;
}
#wellness #food .food-subheading p::after {
	content: none;/*reset*/
}
#wellness #food .food-subheading .list-title {
    line-height: 1.8;
    margin-top: unset;
}
#wellness #food .food-subheading .list-title a {
	color: var(--color-text_main);
}
@media (max-width: 809px) {
	#wellness #food {
        padding-top: 12%;
    }
	#wellness #food .category-title-wrapper::after {
        top: -12.7%;
	}
	#wellness #food li {
		display: block;
	}
    #wellness #food li:nth-of-type(n+2) {
        padding-top: 12%;
    }
	#wellness #food .list-image {
		width: 100%;
	}
	#wellness .category-title-wrapper .category-title {
		font-size: max(14px, var(--sp-fs14));
	}
    #wellness #food .category-title-wrapper p {
        padding-bottom: 6%;
    }
	#wellness #food .list-wrapper {
		padding: 4.3% 4% 11%;
	}
	#wellness #food .text-wrapper {
    	padding-left: unset;
	}
	#wellness #food .food-subheading {
        padding-block: 4.7% 2.35%;
    }
	#wellness #food .food-subheading p {
	    font-size: max(12px, var(--sp-fs12));
	}
	#wellness #food .food-subheading .list-title {
		line-height: 1.6;
		padding-top: unset;
	}
}