@charset "utf-8";

/* css Document
*****************************************************************/
@import "../../n_common/css/_variable.css";

.second-main {
	padding: 20px 0 24px;
	@media (width < 810px) {
		padding: 16px 0 20px;
	}
}

.kinkyo-intro {
	font-family: var(--font_min);
	color: #64605b;
	.kinkyo-intro__container {
		padding: 40px 0 64px;
		@media (width < 810px) {
			padding: 32px 0 40px;
		}
	}
	.kinkyo-intro__catch {
		word-break: keep-all;
		font-size: clamp(1.25rem, -0.3077rem + 3.0769vw, 2rem);/*32~20(1200~810)*/
		font-weight: 500;
		line-height: 1.4;
	}
	.kinkyo-intro__txt {
		word-break: keep-all;
		font-size: clamp(1rem, -0.0385rem + 2.0513vw, 1.5rem);/*24~16(1200~810)*/
		font-weight: 500;
		line-height: 1.6;
		margin-top: 32px;
		@media (width < 810px) {
			margin-top: 24px;
		}
	}
	.kinkyo-intro__img {
		img {
			width: 100%;
			max-width: none;
		}
	}
}

.kinkyo-merit {
	font-family: var(--font_min);
	color: #64605b;
	margin-bottom: 80px;
	.kinkyo-merit__tab {
		.kinkyo-merit__tab__item {
			cursor: pointer;
			transition: opacity 0.2s;
		}
	}
	.kinkyo-merit__tab {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px 3%;
		&.--bottom {
			.kinkyo-merit__tab__item {
				border-radius: 0 0 12px 12px;
				@media (width < 810px) {
					border-radius: 0 0 8px 8px;
				}
			}
		}
		.kinkyo-merit__tab__item {
			padding: 12px;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 10px;
			color: #fff;
			background: var(--child_c);
			border-radius: 12px 12px 0 0;
			@media (width < 810px) {
				padding: 10px;
				gap: 8px;
				border-radius: 8px 8px 0 0;
			}
			&.--parent {
				background: var(--parent_c);
				.kinkyo-merit__tab__txt {
					.txt_bg {
						color: var(--parent_c);
					}
				}
			}
		}
		.kinkyo-merit__tab__img {
			flex-shrink: 0;
			width: 110px;
			@media (width < 810px) {
				width: 60px;
			}
			@media (width < 500px) {
				width: 40px;
			}
		}
		.kinkyo-merit__tab__txt {
			word-break: keep-all;
			text-align: left;
			font-size: clamp(0.75rem, -1.3269rem + 4.1026vw, 1.75rem);/*28~12(1200~810)*/
			font-weight: 500;
			line-height: 1.6;
			@media (width < 500px) {
				font-size: calc((10 / 16) * 1rem);
			}
			.txt_bg {
				padding: 0 0.2em;
				background: #fff;
				color: var(--child_c);
				font-size: 1.2em;
				-webkit-box-decoration-break: clone;
				box-decoration-break: clone;
			}
		}
	}
	.kinkyo-merit__container {
		background: #e9f6fb;
		border-top: 12px solid var(--child_c);
		border-bottom: 12px solid var(--child_c);
		display: none;
		@media (width < 810px) {
			border-top-width: 6px;
			border-bottom-width: 6px;
		}
		&.--active {
			display: block;
		}
		&.--parent {
			background: #e5eaf6;
			border-top-color: var(--parent_c);
			border-bottom-color: var(--parent_c);
			.kinkyo-merit__main__obi {
				&::before {
					background: linear-gradient(90deg, transparent 0%, var(--parent_c) 30%, var(--parent_c) 70%, transparent 100%);
				}
			}
			.kinkyo-merit__about__number {
				dt {
					color: var(--parent_c);
					&::after {
						background: var(--parent_c);
					}
				}
			}
			.kinkyo-merit__location {
				background-image: url("../../images/kinkyo/location_bg_parent.webp");
				&::before {
					background: linear-gradient(90deg, #02224d 0%, transparent 50%);
				}
			}
			.kinkyo-merit__location__contents {
				.txt_bg {
					color: var(--parent_c);
				}
			}
			.kinkyo-merit__access__ttl {
				background: var(--parent_c);
			}
			.kinkyo-merit__plan {
				background-image: url("../../images/kinkyo/plan_bg_parent.webp");
				&::before {
					background: linear-gradient(90deg, #02224d 0%, transparent 50%);
				}
			}
			.kinkyo-merit__plan__ttl {
				.txt_bg {
					color: var(--parent_c);
				}
			}
		}
	}
	.kinkyo-merit__main {
		height: 500px;
		position: relative;
		@media (width < 810px) {
			height: 300px;
		}
		.kinkyo-merit__main__img {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: 50% 25%;
			}
		}
		.kinkyo-merit__main__obi {
			width: 100%;
			padding: 12px;
			color: #fff;
			font-size: clamp(1.25rem, -1.3462rem + 5.1282vw, 2.5rem);/*40~20(1200~810)*/
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 5;
			@media (width < 810px) {
				padding: 8px;
			}
			.txt_large {
				font-size: 1.3em;
			}
			&::before {
				content: "";
				display: block;
				width: 100%;
				height: 100%;
				background: linear-gradient(90deg, transparent 0%, var(--child_c) 30%, var(--child_c) 70%, transparent 100%);
				mix-blend-mode: multiply;
				position: absolute;
				top: 0;
				left: 0;
				z-index: -5;
			}
		}
		.kinkyo-merit__main__ttl {
			word-break: keep-all;
			font-weight: 500;
			line-height: 1.4;
			letter-spacing: -0.04em;
		}
	}
	.kinkyo-merit__about {
		padding: 80px 0 100px;
		@media (width < 810px) {
			padding: 40px 0 48px;
		}
	}
	.kinkyo-merit__about__wrap {
		width: calc(100% - 80px);
		max-width: 1200px;
		margin-inline: auto;
		@media (width < 810px) {
			width: calc(100% - 40px);
		}
	}
	.kinkyo-merit__about__list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 48px 0;
		@media (width < 810px) {
			gap: 32px 0;
		}
	}
	.kinkyo-merit__about__item {
		width: 45%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
		@media (width < 810px) {
			width: 47%;
		}
		@media (width < 500px) {
			width: 100%;
		}
		&.--row {
			width: 100%;
			flex-direction: row;
			@media (width < 500px) {
				flex-direction: column;
			}
			.kinkyo-merit__about__img {
				width: 45%;
				@media (width < 810px) {
					width: 47%;
				}
				@media (width < 500px) {
					width: 100%;
				}
			}
			.kinkyo-merit__about__contents {
				width: 48%;
				@media (width < 500px) {
					width: 100%;
				}
			}
		}
	}
	.kinkyo-merit__about__contents {
		text-align: left;
	}
	.kinkyo-merit__about__number {
		width: 100%;
		display: flex;
		align-items: center;
		font-family: var(--font_zen);
		font-size: clamp(1.125rem, -0.6923rem + 3.5897vw, 2rem);/*32~18(1200~810)*/
		dt {
			flex-shrink: 0;
			font-family: var(--font_en);
			font-size: 3em;
			line-height: 1;
			color: var(--child_c);
			padding-right: 0.5em;
			position: relative;
			&::after {
				content: "";
				display: block;
				width: 0.4em;
				height: 0.8em;
				background: var(--child_c);
				position: absolute;
				top: 0.1em;
				right: 0.05em;
				clip-path: polygon(calc(100% - 1px) 0, 100% 0, 1px 100%, 0 100%);
			}
		}
		dd {
			word-break: keep-all;
			font-weight: 600;
			line-height: 1.4;
		}
	}
	.kinkyo-merit__about__txt {
		font-size: clamp(0.9375rem, 0.3849rem + 0.9868vw, 1.125rem);/*18~15(1200~810)*/
		font-weight: 500;
		line-height: 1.5;
		margin-top: 10px;
	}
	.kinkyo-merit__about__other {
		margin-top: 64px;
		@media (width < 810px) {
			margin-top: 40px;
		}
	}
	.kinkyo-merit__about__other__ttl {
		font-size: clamp(1.375rem, -0.4423rem + 3.5897vw, 2.25rem);/*36~22(1200~810)*/
		font-weight: 500;
	}
	.kinkyo-merit__about__other__list {
		padding: 24px 0;
		display: flex;
		flex-wrap: wrap;
		background: #fff;
		border: 2px solid #90d3ec;
		border-radius: 12px;
		margin-top: 20px;
		@media (width < 810px) {
			margin-top: 16px;
		}
		@media (width < 500px) {
			padding: 0 20px;
		}
	}
	.kinkyo-merit__about__other__item {
		padding: 0 12px;
		width: calc(100% / 3);
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 8px;
		@media (width < 500px) {
			padding: 12px 0;
			width: 100%;
		}
		&:first-of-type {
			&::after {
				content: none;
			}
		}
		&::after {
			content: "";
			display: block;
			width: 2px;
			height: 100%;
			background-image: repeating-linear-gradient(180deg, #90d3ec, #90d3ec 8px, transparent 8px, transparent 14px);
			background-position: left top;
			background-repeat: repeat-y;
			background-size: 2px 100%;
			position: absolute;
			top: 0;
			left: 0;
			@media (width < 500px) {
				width: 100%;
				height: 2px;
				background-image: repeating-linear-gradient(90deg, #90d3ec, #90d3ec 8px, transparent 8px, transparent 14px);
				background-position: left top;
				background-repeat: repeat-x;
				background-size: 100% 2px;
			}
		}
	}
	.kinkyo-merit__about__other__txt {
		word-break: keep-all;
		font-size: clamp(1rem, 0.4808rem + 1.0256vw, 1.25rem);/*20~16(1200~810)*/
		font-weight: 500;
		line-height: 1.5;
	}
	.kinkyo-merit__about__support {
		margin-top: 80px;
		@media (width < 810px) {
			margin-top: 40px;
		}
		img {
			width: 100%;
			max-width: none;
		}
	}
	.kinkyo-merit__system {
		margin-top: 100px;
		border: 4px solid #d5b573;
		@media (width < 810px) {
			margin-top: 48px;
			border-width: 2px;
		}
	}
	.kinkyo-merit__system__block {
		padding: 16px;
		background: #d5b573;
		@media (width < 810px) {
			padding: 12px;
		}
	}
	.kinkyo-merit__system__ttl {
		word-break: keep-all;
		color: #fff;
		font-family: var(--font_zen);
		font-size: clamp(1.25rem, -0.3077rem + 3.0769vw, 2rem);/*32~20(1200~810)*/
		font-weight: 500;
		line-height: 1.4;
		.txt_large {
			font-size: 1.45em;
		}
	}
	.kinkyo-merit__system__inner {
		padding: 20px 16px;
		background: #fff;
		@media (width < 810px) {
			padding: 16px 12px;
		}
	}
	.kinkyo-merit__system__detail {
		text-align: left;
		margin-top: 12px;
		@media (width < 810px) {
			margin-top: 10px;
		}
	}
	.kinkyo-merit__system__detail__item {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		line-height: 1.4;
		letter-spacing: 0.1em;
		margin-top: 8px;
		font-size: clamp(1.25rem, -1.3462rem + 5.1282vw, 2.5rem);/*40~20(1200~810)*/
		padding-left: 0.8em;
		position: relative;
		@media (width < 810px) {
			margin-top: 4px;
		}
		&:first-of-type {
			margin-top: 0;
		}
		&::before {
			content: "・";
			color: #a77316;
			position: absolute;
			top: 0;
			left: 0;
		}
		dt {
			color: #a77316;
			font-weight: 600;
			&.--afnone {
				&::after {
					content: none;
				}
			}
			&::after {
				content: "／";
				color: #64605b;
			}
		}
		dd {
			font-size: clamp(0.875rem, -0.4231rem + 2.5641vw, 1.5rem);/*24~14(1200~810)*/
			font-weight: 500;
			.txt_large {
				font-size: 1.65em;
			}
		}
	}
	.kinkyo-merit__system__note {
		text-align: left;
		font-size: clamp(0.9375rem, 0.5481rem + 0.7692vw, 1.125rem);/*18~15(1200~810)*/
		font-weight: 500;
		line-height: 1.5;
		margin-top: 12px;
		padding-left: 0.5em;
		@media (width < 810px) {
			margin-top: 10px;
		}
	}
	.kinkyo-merit__location {
		padding: 64px 0 56px;
		position: relative;
		background: url("../../images/kinkyo/location_bg.webp") center center/ cover no-repeat;
		@media (width < 500px) {
			padding: 32px 0 80px;
		}
		&::before {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, #309fca 0%, transparent 50%);
			mix-blend-mode: multiply;
			position: absolute;
			top: 0;
			left: 0;
			@media (width < 500px) {
				background: linear-gradient(90deg, #309fca 0%, transparent 80%);
			}
		}
	}
	.kinkyo-merit__location__wrap {
		text-align: left;
		width: calc(100% - 80px);
		max-width: 1200px;
		margin-inline: auto;
		position: relative;
		@media (width < 810px) {
			width: calc(100% - 40px);
		}
	}
	.kinkyo-merit__location__contents {
		display: inline-block;
		font-size: clamp(1.375rem, -1.7404rem + 6.1538vw, 2.875rem);/*46~22(1200~810)*/
		font-weight: 600;
		line-height: 1.4;
		color: #fff;
		dd {
			margin-top: 0.4em;
			padding-top: 0.4em;
			position: relative;
			&::before {
				content: "";
				display: block;
				width: 100%;
				height: 1px;
				background-image: repeating-linear-gradient(90deg, #ffffff, #ffffff 4px, transparent 4px, transparent 8px), repeating-linear-gradient(180deg, #ffffff, #ffffff 4px, transparent 4px, transparent 8px), repeating-linear-gradient(90deg, #ffffff, #ffffff 4px, transparent 4px, transparent 8px), repeating-linear-gradient(180deg, #ffffff, #ffffff 4px, transparent 4px, transparent 8px);
				background-position: left top, right top, left bottom, left top;
				background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
				background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
		}
		.txt_bg {
			padding: 0 0.2em;
			background: #fff;
			color: var(--child_c);
			font-size: 1.2em;
			-webkit-box-decoration-break: clone;
			box-decoration-break: clone;
		}
	}
	.kinkyo-merit__access {
		padding: 32px 0 72px;
		@media (width < 810px) {
			padding: 24px 0 40px;
		}
	}
	.kinkyo-merit__access__wrap {
		width: calc(100% - 80px);
		max-width: 1200px;
		margin-inline: auto;
		@media (width < 810px) {
			width: calc(100% - 40px);
		}
	}
	.kinkyo-merit__access__intro {
		word-break: keep-all;
		font-size: clamp(1.0625rem, 0.1538rem + 1.7949vw, 1.5rem);/*24~17(1200~810)*/
		font-weight: 500;
		line-height: 1.6;
		@media (width < 500px) {
			text-align: left;
			word-break: normal;
		}
	}
	.kinkyo-merit__access__inner {
		padding: 56px 24px;
		background: #fff;
		margin-top: 40px;
		@media (width < 810px) {
			padding: 32px 16px;
			margin-top: 32px;
		}
		+.kinkyo-merit__access__inner {
			margin-top: 64px;
			@media (width < 810px) {
				margin-top: 40px;
			}
		}
	}
	.kinkyo-merit__access__block {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 12px 0.5em;
		font-size: clamp(1.375rem, -2.5192rem + 7.6923vw, 3.25rem);/*52~22(1200~810)*/
		@media (width < 500px) {
			flex-direction: column;
		}
	}
	.kinkyo-merit__access__ttl {
		padding: 0.1em 0.4em;
		width: 5em;
		border-radius: 10px;
		font-size: clamp(1.5rem, -3.4327rem + 9.7436vw, 3.875rem);/*62~24(1200~810)*/
		font-weight: 600;
		line-height: 1.2;
		background: #309fca;
		color: #fff;
		@media (width < 810px) {
			border-radius: 6px;
		}
	}
	.kinkyo-merit__access__catch {
		font-family: var(--font_zen);
		font-weight: 600;
		color: #000;
		line-height: 1.4;
	}
	.kinkyo-merit__access__txt {
		word-break: keep-all;
		font-size: clamp(1rem, 0.4808rem + 1.0256vw, 1.25rem);/*20~16(1200~810)*/
		font-weight: 500;
		line-height: 1.5;
		margin-top: 40px;
		@media (width < 810px) {
			word-break: normal;
			text-align: left;
			margin-top: 24px;
		}
	}
	.kinkyo-merit__place {
		max-width: 800px;
		margin-inline: auto;
		text-align: left;
		margin-top: 64px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 10%;
		color: #494544;
		@media (width < 810px) {
			gap: 32px 20px;
			margin-top: 40px;
		}
		@media (width < 500px) {
			grid-template-columns: repeat(1, 1fr);
			gap: 24px 16px;
		}
		&.--column3 {
			grid-template-columns: repeat(3, 1fr);
			gap: 40px 5%;
			margin-top: 40px;
			@media (width < 810px) {
				gap: 32px 20px;
				margin-top: 32px;
			}
			@media (width < 500px) {
				grid-template-columns: repeat(1, 1fr);
				gap: 24px 16px;
			}
			>li {
				font-size: clamp(1rem, -0.0385rem + 2.0513vw, 1.5rem);/*24~16(1200~810)*/
			}
		}
		>li {
			font-size: clamp(1.25rem, -0.3077rem + 3.0769vw, 2rem);/*32~20(1200~810)*/
			display: grid;
			grid-template-rows: subgrid;
			grid-row: span 3;
			gap: 0;
		}
	}
	.kinkyo-merit__place__img {
		img {
			width: 100%;
			height: 100%;
			max-width: none;
			object-fit: cover;
			aspect-ratio: 400 / 226;
		}
	}
	.kinkyo-merit__place__box {
		margin-top: 8px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.kinkyo-merit__place__ttl {
		word-break: keep-all;
		font-weight: 600;
		line-height: 1.3;
	}
	.kinkyo-merit__place__route {
		font-weight: 500;
		line-height: 1.1;
		.txt_number {
			font-size: 1.62em;
			color: var(--point02);
		}
		.txt_small {
			display: inline-block;
			font-size: 0.7em;
		}
	}
	.kinkyo-merit__aeon {
		text-align: left;
		max-width: 800px;
		margin-inline: auto;
		margin-top: 64px;
		@media (width < 810px) {
			margin-top: 40px;
		}
	}
	.kinkyo-merit__aeon__block {
		font-size: clamp(1.25rem, -0.3077rem + 3.0769vw, 2rem);/*32~20(1200~810)*/
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;
		gap: 8px 1em;
		margin-top: 8px;
		@media (width < 810px) {
			gap: 5px 1em;
			margin-top: 5px;
		}
	}
	.kinkyo-merit__aeon__ttl {
		word-break: keep-all;
		font-weight: 600;
		line-height: 1.3;
	}
	.kinkyo-merit__aeon__route {
		font-weight: 500;
		line-height: 1.1;
		.txt_number {
			font-size: 1.62em;
			color: var(--point02);
		}
		.txt_small {
			display: inline-block;
			font-size: 0.7em;
		}
	}
	.kinkyo-merit__aeon__txt {
		font-size: clamp(1rem, 0.4808rem + 1.0256vw, 1.25rem);/*20~16(1200~810)*/
		font-weight: 500;
		line-height: 1.5;
		margin-top: 8px;
	}
	.kinkyo-merit__plan {
		text-align: left;
		padding: 64px 0 56px;
		position: relative;
		background: url("../../images/kinkyo/plan_bg.webp") center center/ cover no-repeat;
		@media (width < 500px) {
			padding: 32px 0 80px;
		}
		&::before {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, #309fca 0%, transparent 50%);
			mix-blend-mode: multiply;
			position: absolute;
			top: 0;
			left: 0;
			@media (width < 500px) {
				background: linear-gradient(90deg, #309fca 0%, transparent 80%);
			}
		}
	}
	.kinkyo-merit__plan__wrap {
		width: calc(100% - 80px);
		max-width: 1200px;
		margin-inline: auto;
		position: relative;
		@media (width < 810px) {
			width: calc(100% - 40px);
		}
	}
	.kinkyo-merit__plan__ttl {
		font-size: clamp(1.375rem, -1.7404rem + 6.1538vw, 2.875rem);/*46~22(1200~810)*/
		font-weight: 600;
		line-height: 1.4;
		color: #fff;
		.txt_bg {
			padding: 0 0.2em;
			background: #fff;
			color: var(--child_c);
			font-size: 1.2em;
			-webkit-box-decoration-break: clone;
			box-decoration-break: clone;
		}
	}
	.kinkyo-merit__room {
		padding: 80px 0 100px;
		@media (width < 810px) {
			padding: 24px 0 48px;
		}
	}
	.kinkyo-merit__room__wrap {
		container-type: inline-size;
		width: calc(100% - 80px);
		max-width: 1200px;
		margin-inline: auto;
		position: relative;
		@media (width < 810px) {
			width: calc(100% - 40px);
		}
	}
	.kinkyo-merit__room__inner {
		text-align: left;
		container-type: inline-size;
		width: calc((300 / 1200) * 100cqw);
		color: #494544;
		position: absolute;
		top: 0;
		left: 0;
		@media (width < 810px) {
			width: 100%;
			max-width: 240px;
			position: static;
		}
	}
	.kinkyo-merit__room__contents {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: calc((16 / 300) * 100cqw);
	}
	.kinkyo-merit__room__type {
    flex-shrink: 0;
    display: flex;
    font-size: calc((22 / 300) * 100cqw);
    font-family: var(--font_eb);
    font-weight: 400;
    line-height: 1.1;
		dt, dd {
			display: inline-block;
			padding: 0.2em 0.4em;
		}
		dt {
			background: var(--main_c);
			color: #fff;
		}
		dd {
			background: #E7E7E6;
			color: var(--main_c);
		}
		.txt_large {
			font-size: 2.22em;
		}
		.txt_middle {
			font-size: 1.8em;
		}
	}
	.kinkyo-merit__room__list {
		text-align: left;
		font-size: calc((21 / 300) * 100cqw);
    font-weight: 500;
    line-height: 1.4;
		>li {
			padding-left: 1em;
			position: relative;
			&::before {
				content: "+";
				position: absolute;
				top: 0;
				left: 0;
			}
		}
	}
	.kinkyo-merit__room__area {
		margin-top: calc((16 / 300) * 100cqw);
		border-top: 1px solid #494544;
	}
	.kinkyo-merit__room__area__item {
    display: flex;
    align-items: center;
    gap: calc((10 / 300) * 100cqw);
		margin-top: calc((8 / 300) * 100cqw);
		&:first-of-type {
			margin-top: 0;
		}
    &:last-of-type {
			border-top: 1px solid #494544;
			border-bottom: 1px solid #494544;
			padding: calc((4 / 300) * 100cqw) 0;
		}
		dt {
			width: 7.5em;
			flex-shrink: 0;
			font-size: calc((12 / 300) * 100cqw);
			font-weight: 500;
			line-height: 1.4;
			text-align: justify;
			text-align-last: justify;
		}
		dd {
			flex-grow: 1;
			font-size: calc((16 / 300) * 100cqw);
			font-weight: 500;
			line-height: 1.4;
			text-align: right;
			.txt_large {
				font-size: 1.9em;
			}
		}
	}
	.kinkyo-merit__room__img {
		padding-top: calc((10 / 300) * 100cqw);
		@media (width < 810px) {
			padding-top: 24px;
		}
	}
	.kinkyo-merit__walking{
		max-width: 800px;
		margin-inline: auto;
		margin-top: 64px;
		background: #d9e1ef;
		display: flex;
		align-items: stretch;
		@media (width < 810px) {
			max-width: 400px;
			margin-top: 48px;
			flex-direction: column;
		}
		.kinkyo-merit__walking__inner {
			flex: 1;
			padding: 0 10px 20px 20px;
			margin-top: -10px;
			text-align: left;
			color: #494544;
			@media (width < 810px) {
				padding: 0 16px 12px 16px;
			}
		}
		.kinkyo-merit__walking__ttl {
			margin-top: 8px;
			img {
				width: 100%;
				max-width: none;
			}
		}
		.kinkyo-merit__walking__txt {
			font-size: clamp(0.875rem, 0.6154rem + 0.5128vw, 1rem);/*16~14(1200~810)*/
			font-weight: 500;
			line-height: 1.6;
			margin-top: 12px;
		}
		.kinkyo-merit__walking__img {
			flex-shrink: 0;
			padding: 10px 0 20px;
			width: 30%;
			margin-right: -1%;
			@media (width < 810px) {
				width: 100%;
				max-width: 200px;
				padding: 0 0 20px;
				margin-inline: auto;
			}
			img {
				width: 100%;
				max-width: none;
			}
		}
	}
}

.roomplan-detail__example{
	text-align: left;
	margin-top: 56px;
	margin-inline: auto;
	width: 100%;
	max-width: 800px;
	@media (width < 810px) {
		margin-top: 32px;
		max-width: 400px;
		order: 4;
	}
	img{
		width: 100%;
		max-width: none;
	}
	.roomplan-detail__example__wrap{
		padding: 8px 20px 20px;
		background: #ac7f3e;
		color: #fff;
		font-family: var(--font_gothic);
		font-weight: 500;
		@media (width < 810px) {
			padding: 8px 12px 16px;
		}
	}
	.roomplan-detail__example__ttl{
		word-break: keep-all;
		font-size: clamp(0.9375rem, 0.2885rem + 1.2821vw, 1.25rem);/*20~15(1200~810)*/
		font-weight: 500;
		line-height: 1.4;
		max-width: 720px;
		width: calc(100% + 20px);
		margin-left: -20px;
		padding-left: 20px;
		padding-bottom: 8px;
		border-bottom: 1px solid #fff;
		@media (width < 810px) {
			width: calc(100% + 16px);
			margin-left: -12px;
			padding-left: 12px;
		}
		.txt_large{
			font-size: 1.5em;
		}
	}
	.roomplan-detail__example__inner{
		display: flex;
		gap: 16px;
		margin-top: 24px;
		@media (width < 810px) {
			flex-direction: column;
			align-items: flex-start;
			gap: 12px;
		}
	}
	.roomplan-detail__example__price{
		text-align: left;
		display: flex;
		align-items: center;
		font-family: var(--font_min);
		font-size: clamp(1rem, -1.5962rem + 5.1282vw, 2.25rem);/*36~16(1200~810)*/
		gap: 0 0.5em;
		margin-top: 12px;
		@media (width < 810px) {
			flex-wrap: wrap;
			justify-content: center;
			margin-top: 10px;
		}
		.price_ttl{
			flex-shrink: 0;
			letter-spacing: 0.08em;
			padding-block: 0.8em;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			@media (width < 810px) {
				text-align: center;
				width: 100%;
				padding-block: 0.1em;
			}
		}
		.price_txt{
			line-height: 1;
			display: flex;
			align-items: flex-end;
		}
		.price_month{
			font-size: 1.45em;
		}
		.price_number{
			font-size: 2em;
			.txt_large{
				font-size: 2em;
				letter-spacing: -0.04em;
				margin-right: 0.1em;
			}
		}
	}
	.roomplan-detail__example__list{
		font-family: var(--font_min);
		line-height: 1.1;
		display: flex;
		gap: 10px;
		@media (width < 810px) {
			flex-wrap: wrap;
			gap: 8px;
		}
		.roomplan-detail__example__list__item{
			padding: 10px;
			background: #fff;
			color: #b81c25;
			@media (width < 810px) {
				padding: 8px;
			}
			&.--bonus{
				font-size: clamp(1rem, -0.0385rem + 2.0513vw, 1.5rem);/*24~16(1200~810)*/
			}
			&.--payment{
				font-size: clamp(1.25rem, -1.0865rem + 4.6154vw, 2.375rem);/*38~20(1200~810)*/
				display: flex;
				align-items: center;
				gap: 0.1em;
				padding-inline: 0.4em;
			}
		}
		.roomplan-detail__bonus__price{
			font-size: 1.7em;
			.txt_large{
				font-size: 1.625em;
			}
		}
		.roomplan-detail__payment__price{
			font-size: 1.25em;
			.txt_large{
				font-size: 2em;
			}
		}
	}
	.roomplan-detail__example__detail{
		flex-shrink: 0;
		font-size: clamp(0.9375rem, 0.2885rem + 1.2821vw, 1.25rem);/*20~15(1200~810)*/
		line-height: 1.4;
		>li{
			padding-left: 1.1em;
			margin-top: 0.1em;
			position: relative;
			&:first-of-type{
				margin-top: 0;
			}
			&::before{
				content: "";
				display: inline-block;
				width: 0.8em;
				height: 0.8em;
				background: currentColor;
				position: absolute;
				top: 0.35em;
				left: 0;
			}
		}
	}
	.roomplan-detail__example__note {
		margin-top: 12px;
		font-size: clamp(0.75rem, 0.2308rem + 1.0256vw, 1rem);/*16~12(1200~810)*/
		@media (width < 810px) {
			margin-top: 8px;
		}
	}
}

/*======================================
* タブ切り替え：second-comments出し分け
======================================*/
.second-comments[data-contents] {
	display: none;
	&.--active {
		display: block;
	}
}