@charset "utf-8";



.sub.company {
	.sec1 {
		.top {
			margin-left: auto;
			display: grid;
			place-items: center;
			height: calc(100svh - var(--header-top-height));
		}

		h2 {
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
		}

		.h2-1 {
			margin-left: 0.25333333em;
			display: block;
			font: 300 var(--fs75) var(--font-lwt);
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			pointer-events: none;
		}

		.h2-2 {
			display: block;
			font: var(--fs33)/1.62515006 var(--font-chw);
		}

		.character-group {
			display: grid;
			row-gap: 40rem;
		}

		.character-group+.character-group {
			margin-top: clamp(100rem, calc(170 / var(--inr) * var(--font-ref)), 170rem);
		}

		.p3 {
			font: var(--fs25)/2.1668 var(--font-chw);
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
		}

		.img {
			display: block;
			max-width: 100%;
			height: auto;
		}

		.i1 {
			width: 225rem;
			aspect-ratio: 282/271;
		}

		.i2 {
			width: 227rem;
			aspect-ratio: 284/276;
		}

		.bottom {
			margin-top: calc((100svh - var(--header-top-height) - (20rem * 10.04))/2);
			padding-bottom: var(--section-gap);
			font: var(--fs25) var(--font-chw);
		}

		.p1 {
			width: 100%;
			line-height: 2.16680000;
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
		}

		.p2 {
			margin-top: 1.2em;
			width: 100%;
			-webkit-writing-mode: vertical-lr;
			-ms-writing-mode: tb-lr;
			writing-mode: vertical-lr;
		}

		@media(min-width:768px) {
			.top {
				width: 50%;
			}

			h2 {
				translate: -17% 5%;
				-webkit-writing-mode: vertical-rl;
				-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
			}

			.character-group {
				grid-template-columns: repeat(2, 1fr);
			}

			.img {
				margin-left: 13rem;
			}

			.p1 {
				padding: 5% 27rem 0 0;
			}

			.p3 {
				margin-right: 7.8ch;
			}

			.bottom {
				max-width: min(610rem, 50vw);
			}
		}

		@media(min-width:1280px) {
			.bottom {
				margin-left: var(--section-gap);
			}
		}

		@media(max-width:767px) {
			.top {
				padding-top: var(--section-gap);
			}

			.h2-1 {
				display: none;
			}

			.character-group {
				justify-items: center;
			}

			.img {
				order: -1;
				width: 8.8em;
			}
		}
	}

	.sec2 {
		background: var(--bg-6);

		.img {
			display: block;
			width: 100%;
			height: auto;
		}

		.inr {
			display: grid;
			grid-template-rows: 1fr auto;
			padding-block: var(--section-gap);
		}

		.common-description {
			margin-top: 80rem;
		}

		@media(min-width:768px) {
			& {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
			}

			.inr {
				width: 100%;
				padding-inline: var(--section-gap);
			}
		}
	}

	.sec3 {
		padding: var(--section-gap) 0;

		.patents_and_papers {
			margin: clamp(40rem, calc(204 / var(--inr) * var(--font-ref)), 204rem) 0 clamp(40rem, calc(104 / var(--inr) * var(--font-ref)), 104rem);
		}

		@media(min-width:1280px) {
			.common-h2 {
				translate: 12rem;
			}
		}
	}

	.sec4 {
		padding: var(--section-gap) 0;
		background: var(--bg-6);

		.img {
			margin: 0 auto;
			display: block;
			max-width: 555rem;
			width: 100%;
			height: auto;
		}

		.common-description {
			margin-top: clamp(40rem, calc(59 / var(--inr) * var(--font-ref)), 59rem);
			max-width: 78ch;
		}

		@media(min-width:768px) {
			.img-group {
				margin-left: auto;
				width: 50%;
			}
		}

		@media(min-width:1280px) {
			.img {
				translate: 7rem;
				margin-top: -46rem;
			}

			.common-description {
				padding-left: 3.8%;
			}
		}
	}
}

.sub.conditions {
	.sec1 {
		padding-bottom: var(--section-gap);

		.inr {
			display: grid;
			gap: 40rem 0;
		}

		.top {
			display: flex;
			align-items: center;
			justify-content: center;
			min-height: calc(100svh - var(--header-top-height) - 64rem);
		}

		.common-title {
			translate: 5% .9%;
			width: auto;
			white-space: nowrap;
		}

		.h2-1 {
			margin-left: .68em;
			display: block;
			font-size: clamp(16rem, .74962519em, 1em);
		}

		.h2-2 {
			margin-top: 68rem;
		}

		.common-title em {
			position: relative;
			margin-inline: .270027em .240024em;
			display: inline-block;
			isolation: isolate;
		}

		.common-title em::before {
			content: '';
			position: absolute;
			inset: -.270027em .157em -.240024em;
			z-index: -1;
			background: var(--primary);
			opacity: .35;
		}

		.common-description strong {
			background: color-mix(in srgb, var(--primary), #0000 50%);
			font-weight: 400;
		}

		:where(.pigmentation, .pilaris) & .common-title em {
			min-height: 15ch;
		}

		@media(min-width:1280px) {
			.top {
				min-height: max(1080rem, calc(100svh - var(--header-top-height) - 64rem));
			}
		}

		@media(min-width:767px) {
			.inr {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
			}

			.top {
				order: 2;
			}

			.common-description {
				align-self: end;
				margin-bottom: 7.5%;
			}
		}
	}

	.sec2 {
		padding-block: var(--section-gap);

		.common-title::before,
		.common-title::after {
			content: '';
			display: inline-block;
			width: 1em;
			aspect-ratio: 3/1;
			background: url('/images/common/kagikakko.svg') no-repeat 100% 0 / 66.66666667%;
		}

		.common-title::after {
			rotate: 180deg;
		}

		.img {
			margin-top: clamp(50rem, calc(54 / var(--inr) * var(--font-ref)), 54rem);
			display: block;
			width: 100%;
			height: auto;
		}

		.txt-group {
			margin-top: clamp(50rem, calc(72 / var(--inr) * var(--font-ref)), 72rem);
			display: grid;
			gap: 50rem 8.5%;
		}

		.common-subTitle {
			max-width: 60ch;
			font: 600 var(--fs22)/1.5 var(--font-goyo);
		}

		.common-description {
			margin-top: 2.08em;
			max-width: 80ch;
		}

		.common-description strong {
			background: color-mix(in srgb, var(--primary), #0000 50%);
			font-weight: 400;
		}

		@media(min-width:1280px) {

			/* & ~ &{ margin-top: -48rem; } */
			.txt-group {
				grid-template-columns: repeat(2, 1fr);
			}
		}
	}

	.sec3 {
		margin-top: var(--section-gap);
		padding-block: var(--section-gap);
		background: var(--bg-6);

		:where(.sec4, .add3)+& {
			margin-top: 0;
		}

		.inr:not(:has(.part-group)),
		.part-group {
			display: grid;
			gap: 50rem calc(var(--section-gap) * 2);
		}

		.img {
			margin-top: clamp(50rem, calc(54 / var(--inr) * var(--font-ref)), 54rem);
			display: block;
			width: 100%;
			height: auto;
			aspect-ratio: 750/422;
			-o-object-fit: cover;
			object-fit: cover;
		}

		.txt-group {
			margin-top: clamp(50rem, calc(58 / var(--inr) * var(--font-ref)), 58rem);
		}

		.common-description {
			margin-top: 38rem;
		}

		@media(min-width:768px) {

			.inr:not(:has(.part-group)),
			.part-group {
				grid-template-columns: 1fr 1fr;
				row-gap: 0;
			}

			hgroup {
				display: flex;
				justify-content: space-between;
				gap: 50rem calc(var(--section-gap) * 2);
			}

			hgroup .common-description {
				order: -1;
				margin-top: 0;
			}

			.part {
				grid-row: 1/4;
				display: grid;
				grid-template-rows: subgrid;
			}
		}

		@media(max-width:767px) {}
	}

	.sec4 {
		padding-block: var(--section-gap);
		background: var(--bg-1);

		hgroup {
			display: grid;
			gap: 30rem calc(var(--section-gap)*1.37);
		}

		.list {
			margin-top: clamp(60rem, calc(162 / var(--inr) * var(--font-ref)), 162rem);
			display: grid;
			gap: 60rem clamp(20rem, calc(110 / var(--inr) * var(--font-ref)), 110rem);
			text-align: center;
		}

		.img {
			margin: 0 auto;
			display: block;
			max-width: 100%;
			width: clamp(200rem, calc(360 / var(--inr) * var(--font-ref)), 360rem);
			height: auto;
			aspect-ratio: 1;
			-o-object-fit: cover;
			object-fit: cover;
			border-radius: 50%;
		}

		.common-subTitle {
			margin-top: clamp(40rem, calc(80 / var(--inr) * var(--font-ref)), 80rem);
		}

		.common-subTitle small {
			margin-top: .5em;
			display: block;
			font-weight: 400;
			font-size: .85em;
		}

		.list .common-description {
			margin: clamp(30rem, calc(54 / var(--inr) * var(--font-ref)), 54rem) auto 0;
			max-width: 43ch;
			line-height: 1.66666667;
		}

		@media(min-width:768px) {
			& {
				padding-bottom: clamp(60rem, calc(162 / var(--inr) * var(--font-ref)), 162rem);
			}

			hgroup {
				grid-template-columns: repeat(2, 1fr);
			}

			.list {
				align-self: center;
				grid-template-columns: repeat(3, 1fr);
			}
		}

		@media(max-width:1279px) {
			& {
				background: var(--bg-7);
			}

			.list .common-description br {
				display: none;
			}

			@media(min-width:768px) {
				.common-title br {
					display: none;
				}
			}
		}

		@media(max-width:767px) {
			.list .common-description {
				margin-inline: auto;
				width: 80%;
			}
		}
	}

	.middle {
		.img {
			display: block;
			width: 100%;
			height: auto;
		}

		@media(min-width:768px) {
			& {
				height: 500rem;
				background: no-repeat 50% / cover;
			}

			&.body-acne {
				background-image: url('/images/content/body-acne-middle2.jpg');
			}

			&.acne {
				background-image: url('/images/content/acne-middle.jpg');
			}

			&.scar {
				background-image: url('/images/content/scar-middle.jpg');
			}

			&.folliculitis {
				background-image: url('/images/content/folliculitis-middle.jpg');
			}

			&.pigmentation {
				background-image: url('/images/content/pigmentation-middle.jpg');
			}

			&.skin-booster {
				background-image: url('/images/skin-booster/middle.jpg');
			}

			.img {
				display: none;
			}
		}
	}

	.sec5 {
		padding-block: var(--section-gap);

		hgroup {
			display: grid;
			gap: 30rem calc(var(--section-gap)*1.37);
		}

		.img,
		.video {
			margin-top: clamp(40rem, calc(75 / var(--inr) * var(--font-ref)), 75rem);
			display: block;
			width: 100%;
			height: auto;
		}

		@media(min-width:768px) {
			hgroup {
				grid-template-columns: repeat(2, 1fr);
			}
		}
	}

	.sec6 {
		padding-block: var(--section-gap);
		background: var(--bg-1);

		hgroup {
			display: grid;
			gap: 30rem calc(var(--section-gap)*1.37);
		}

		.list {
			margin-top: clamp(40rem, calc(293 / var(--inr) * var(--font-ref)), 293rem);
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 60rem 0;
			text-align: center;
		}

		.icon {
			margin: 0 auto;
			display: block;
			max-width: 126rem;
			width: 100%;
			height: auto;
		}

		.common-subTitle {
			margin-top: 2em;
		}

		.list .common-description {
			margin-top: 1.70666667em;
			text-wrap: balance;
		}

		@media(min-width:768px) {
			hgroup {
				grid-template-columns: repeat(2, 1fr);
			}

			.list {
				margin-bottom: clamp(0rem, calc(233 / var(--inr) * var(--font-ref)), 233rem);
				grid-template-columns: repeat(3, 1fr);
			}
		}

		@media(min-width:1280px) {
			.list {
				grid-template-columns: repeat(6, 1fr);
			}

			.list.l5 {
				grid-template-columns: repeat(5, 1fr);
			}
		}

		@media(min-width:1681px) {
			.list {
				margin-inline: clamp(-87rem, calc(-87 / var(--inr) * var(--font-ref)), 0rem);
			}
		}

		@media(max-width:1279px) {
			.list br {
				display: none;
			}
		}

		@media(max-width:767px) {
			.list {
				-moz-column-gap: 40rem;
				column-gap: 40rem;
			}

			.skin-booster & .list {
				margin-top: 0;
			}

			.icon {
				max-width: 100rem;
			}

			.list+.common-description {
				margin-top: 40rem;
			}
		}
	}

	.sec7 {
		padding-block: var(--section-gap);

		hgroup {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			gap: 30rem calc(var(--section-gap)*1.37);
		}

		.common-title {
			width: auto;
		}

		.list {
			margin-top: clamp(40rem, calc(172 / var(--inr) * var(--font-ref)), 172rem);
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: clamp(60rem, calc(129 / var(--inr) * var(--font-ref)), 129rem) 0;
			text-align: center;
		}

		.img {
			margin: 0 auto;
			display: block;
			width: clamp(126rem, calc(288 / var(--inr) * var(--font-ref)), 288rem);
			height: auto;
			aspect-ratio: 1;
			border-radius: 50%;
			-o-object-fit: cover;
			object-fit: cover;
		}

		.common-subTitle {
			margin-top: clamp(40rem, calc(59 / var(--inr) * var(--font-ref)), 59rem);
		}

		.common-subTitle::before {
			margin-right: 1ch;
		}

		li:nth-child(1) .common-subTitle::before {
			content: '①';
		}

		li:nth-child(2) .common-subTitle::before {
			content: '②';
		}

		li:nth-child(3) .common-subTitle::before {
			content: '③';
		}

		li:nth-child(4) .common-subTitle::before {
			content: '④';
		}

		li:nth-child(5) .common-subTitle::before {
			content: '⑤';
		}

		li:nth-child(6) .common-subTitle::before {
			content: '⑥';
		}

		li:nth-child(7) .common-subTitle::before {
			content: '⑦';
		}

		li:nth-child(8) .common-subTitle::before {
			content: '⑧';
		}

		li:nth-child(9) .common-subTitle::before {
			content: '⑨';
		}

		.list .common-description {
			margin-top: 1.22666667em;
		}

		.note {
			margin-top: clamp(40rem, calc(184 / var(--inr) * var(--font-ref)), 184rem);
		}

		@media(min-width:768px) {
			hgroup {
				flex-direction: row;
			}

			.list {
				grid-template-columns: repeat(3, 1fr);
			}
		}

		@media(max-width:1279px) {
			.list {
				-moz-column-gap: 20rem;
				column-gap: 20rem;
			}

			.list br {
				display: none;
			}
		}
	}

	.sec8 {
		--padding: clamp(20rem, calc(44 / var(--inr) * var(--font-ref)), 44rem);
		--right: clamp(20rem, calc(40 / var(--inr) * var(--font-ref)), 40rem);
		padding-block: var(--section-gap);
		background: var(--bg-6);

		.list {
			margin-top: clamp(40rem, calc(83 / var(--inr) * var(--font-ref)), 83rem);
			display: grid;
			gap: 30rem;
		}

		details {
			background: var(--bg-2);
		}

		details[open] {
			background: var(--bg-7);
		}

		summary {
			position: relative;
			display: flex;
			justify-content: space-between;
			gap: 2ch;
			padding: clamp(22rem, calc(48 / var(--inr) * var(--font-ref)), 48rem) var(--right) var(--padding) var(--padding);
			font: clamp(16rem, calc(22.92 / var(--inr) * var(--font-ref)), 22.92rem)/1.2 var(--font-goyo);
			cursor: pointer;
		}

		summary::after {
			content: '';
			flex-shrink: 0;
			display: block;
			width: 1.39616056em;
			aspect-ratio: 32/18;
			background: url('/images/content/ance-sec8-arrow.png') no-repeat 50% / contain;
		}

		details[open] summary::after {
			rotate: 180deg;
		}

		.common-description {
			max-width: 100ch;
			padding: var(--padding) var(--right) clamp(20rem, calc(41 / var(--inr) * var(--font-ref)), 41rem) var(--padding);
		}

		.common-description br {
			display: none;
		}
	}

	.add1 {
		padding-block: var(--section-gap);
		background: var(--bg-5);

		.list {
			margin-top: 40rem;
			display: grid;
			gap: clamp(10rem, calc(80 / var(--inr) * var(--font-ref)), 80rem);
		}

		.list>li {
			display: grid;
			gap: 20rem;
			padding: clamp(25rem, calc(37 / var(--inr) * var(--font-ref)), 37rem) clamp(20rem, calc(78 / var(--inr) * var(--font-ref)), 78rem) clamp(22rem, calc(32 / var(--inr) * var(--font-ref)), 32rem);
			background: var(--bg-2);
			border-radius: clamp(20rem, calc(90 / var(--inr) * var(--font-ref)), 90rem);
		}

		.head {
			font: 600 var(--fs22)/1.5 var(--font-goyo);
		}

		.head::before {
			margin-right: .5ch;
		}

		li:nth-child(1) .head::before {
			content: '①';
		}

		li:nth-child(2) .head::before {
			content: '②';
		}

		li:nth-child(3) .head::before {
			content: '③';
		}

		li:nth-child(4) .head::before {
			content: '④';
		}

		li:nth-child(5) .head::before {
			content: '⑤';
		}

		li:nth-child(6) .head::before {
			content: '⑥';
		}

		li:nth-child(7) .head::before {
			content: '⑦';
		}

		li:nth-child(8) .head::before {
			content: '⑧';
		}

		li:nth-child(9) .head::before {
			content: '⑨';
		}

		li:nth-child(10) .head::before {
			content: '⑩';
		}

		@media(min-width:1280px) {
			.inr {
				display: grid;
				grid-template-columns: 26.9% 1fr;
			}

			.list {
				margin-top: 8rem;
			}

			.list>li {
				grid-template-columns: 270rem 1fr;
			}

			.common-description {
				margin-top: -2rem;
			}
		}
	}

	.add2 {
		padding-block: var(--section-gap);
		background: var(--bg-6);
		text-align: center;

		hgroup {
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: center;
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
			text-align: center;
		}

		hgroup::before,
		hgroup::after {
			content: '';
			flex-shrink: 0;
			display: block;
			width: 1.08043217em;
			aspect-ratio: 73/175;
			background: url('/images/content/laurel.svg') no-repeat 50% / contain;
			font-size: var(--fs33);
			-webkit-filter: brightness(2);
			filter: brightness(2);
		}

		hgroup::after {
			scale: -1 1;
		}

		h2 {
			font: 700 clamp(14rem, calc(33.32 / var(--inr) * var(--font-ref)), 33.32rem)/1.62526253 var(--font-goyo);
		}

		.list {
			margin: clamp(40rem, calc(124 / var(--inr) * var(--font-ref)), 124rem) auto 0;
			display: grid;
			gap: 125rem clamp(80rem, calc(220 / var(--inr) * var(--font-ref)), 220rem);
			max-width: 1312rem;
		}

		.img {
			display: block;
			width: 100%;
			height: auto;
		}

		.img-group {
			position: relative;
		}

		.common-subTitle {
			margin-top: 2.66143106em;
		}

		.common-description {
			margin-top: .42666667em;
		}

		.common-link {
			margin-top: clamp(40rem, calc(115 / var(--inr) * var(--font-ref)), 115rem);
		}

		@media(min-width:768px) {
			& {
				padding-top: clamp(40rem, calc(124 / var(--inr) * var(--font-ref)), 124rem);
			}

			hgroup::before {
				translate: -77% -1%;
			}

			hgroup::after {
				translate: 77% -1%;
			}

			.list {
				grid-template-columns: repeat(2, 1fr);
			}

			.img-group {
				aspect-ratio: 546/749;
			}

			.img-group img {
				position: relative;
				left: 50%;
				translate: -50%;
				width: 116.66666667%;
			}
		}
	}

	.add3 {
		background: var(--bg-2);

		.inr {
			padding-block: var(--section-gap);
		}

		.list {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: var(--section-gap) 20rem;
			max-width: 1755rem;
		}

		.list>li {
			display: grid;
			align-content: start;
		}

		.title {
			place-self: end center;
			font: var(--fs29)/1.5 var(--font-chw);
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
		}

		.order {
			display: block;
			font-size: var(--fs20);
		}

		.img {
			margin: clamp(40rem, calc(85 / var(--inr) * var(--font-ref)), 85rem) auto 0;
			display: block;
			width: 100%;
			height: auto;
		}

		.img[width="324"] {
			max-width: clamp(100rem, calc(324 / var(--inr) * var(--font-ref)), 324rem);
		}

		.img[width="126"] {
			max-width: clamp(100rem, calc(126 / var(--inr) * var(--font-ref)), 126rem);
		}

		.description {
			margin-top: clamp(20rem, calc(61 / var(--inr) * var(--font-ref)), 61rem);
			font: clamp(12rem, calc(18.75 / var(--inr) * var(--font-ref)), 18.75rem)/1.66666667 var(--font-goyo);
			text-align: center;
		}

		@media(min-width:768px) {
			.inr {
				display: grid;
				grid-template-rows: 1fr auto 1fr;
				height: 100%;
			}

			.inr::after {
				content: '';
				display: block;
			}

			.list {
				grid-template-columns: repeat(4, 1fr);
			}
		}

		@media(min-width:1280px) {
			.inr {
				min-height: max(1080rem, calc(100svh - var(--header-top-height) - 64rem));
			}
		}

		@media(max-width:1279px) {
			.list {
				margin-top: 50rem;
			}

			.description br {
				display: none;
			}
		}
	}

	.add4 {
		padding-block: var(--section-gap);
		background: var(--bg-5);

		.inr {
			display: grid;
			gap: 0 calc(var(--section-gap) * 2);
		}

		.common-title::before,
		.common-title::after {
			content: '';
			display: inline-block;
			width: 1em;
			aspect-ratio: 3/1;
			background: url('/images/common/kagikakko.svg') no-repeat 100% 0 / 66.66666667%;
		}

		.common-title::after {
			rotate: 180deg;
		}

		.part {
			margin-top: clamp(40rem, calc(72 / var(--inr) * var(--font-ref)), 72rem);
		}

		.img {
			display: block;
			width: 100%;
			height: auto;
			aspect-ratio: 750/422;
			-o-object-fit: cover;
			object-fit: cover;
		}

		.common-subTitle {
			margin-top: clamp(30rem, calc(65 / var(--inr) * var(--font-ref)), 65rem);
		}

		.common-description {
			margin-top: clamp(20rem, calc(40 / var(--inr) * var(--font-ref)), 40rem);
		}

		@media(min-width:768px) {
			.inr {
				grid-template: auto auto auto 1fr / 1fr 1fr;
			}

			.common-title {
				grid-column: 1/-1;
			}
		}

		@media(max-width:767px) {
			.part {
				margin-top: var(--section-gap);
			}
		}
	}

	.add5 {
		padding-block: var(--section-gap);

		hgroup {
			display: grid;
			grid-template-rows: 1fr auto;
		}

		.common-title {
			white-space: nowrap;
		}

		.common-description {
			margin-top: clamp(40rem, calc(65 / var(--inr) * var(--font-ref)), 65rem);
			line-height: 1.66666667;
		}

		@media(min-width:768px) {
			.common-description {
				max-width: 50%;
			}
		}

		@media(min-width:1280px) {
			& {
				margin-top: var(--section-gap);
			}

			.common-title {
				padding: 1.4% 302rem 0 0;
				font-size: var(--fs45);
			}

			.common-description {
				padding-left: 39rem;
			}
		}

		@media(max-width:1279px) {
			.common-description br {
				display: none;
			}
		}

		@media(max-width:767px) {
			.common-title {
				justify-self: center;
				width: auto;
			}

			.common-description {
				margin-top: 100rem;
			}
		}
	}

	.patents {
		padding: var(--section-gap) 0;

		.patents_and_papers {
			margin-top: clamp(40rem, calc(204 / var(--inr) * var(--font-ref)), 204rem);
		}

		.common-description {
			margin-top: clamp(40rem, calc(104 / var(--inr) * var(--font-ref)), 104rem);
		}

		@media(min-width:1280px) {
			.common-h2 {
				translate: 12rem;
			}
		}
	}

	.acen1 {
		padding-block: var(--section-gap);

		.inr {
			display: grid;
			grid-template: 't' 'l' 'i' 'd';
			align-items: start;
		}

		.common-title {
			grid-area: t;
		}

		.list {
			margin-top: 50rem;
			display: grid;
			gap: 1.25em;
			font: 600 var(--fs22) var(--font-goyo);
		}

		.list>li {
			justify-self: start;
			display: inline-block;
			padding: .65em 1.1em;
			border: 1px solid currentColor;
			border-radius: 5em;
		}

		.img {
			grid-area: i;
			justify-self: end;
			margin-top: clamp(50rem, calc(200.5 / var(--inr) * var(--font-ref)), 200.5rem);
			display: block;
			max-width: 100%;
			width: 250rem;
			height: auto;
		}

		.common-description {
			grid-area: d;
			align-self: end;
			margin-top: 30rem;
			max-width: 78ch;
		}

		@media(min-width:768px) {
			.inr {
				grid-template: 't t' 'l i' 'd i' 1fr / 1fr auto;
			}

			.list {
				margin-top: 12rem;
			}

			.img {
				width: 507rem;
			}
		}

		@media(max-width:767px) {
			.common-description {
				margin-top: 50rem;
			}
		}
	}

	.acen2 {
		padding-block: var(--section-gap);
		background: var(--bg-4);

		.inr {
			display: grid;
			grid-template: 'i t' 'd t' 1fr / auto 1fr;
			align-items: start;
			gap: 0 20rem;
		}

		.common-title {
			grid-area: t;
		}

		.img {
			grid-area: i;
			display: block;
			max-width: 100%;
			width: 879rem;
			height: auto;
		}

		.common-description {
			grid-area: d;
			align-self: end;
			margin-top: var(--section-gap);
			max-width: 879rem;
		}

		@media(max-width:767px) {
			.inr {
				display: grid;
				grid-template: 't'
					/* 116rem */
					'i' 'd' 1fr / 1fr;
				justify-items: start;
			}

			.img {
				position: relative;
				margin-top: 97rem;
				display: block;
				width: 100%;
				height: auto;
				aspect-ratio: 820/461;
				-o-object-fit: cover;
				object-fit: cover;
			}

			.common-description {
				margin-top: clamp(42rem, calc(59 / var(--inr) * var(--font-ref)), 59rem);
			}
		}
	}

	&>section:nth-child(odd) {
		background: var(--bg-3);
	}

	&>section:nth-child(even) {
		background: var(--bg-5);
	}

	&#content {
		.sec8 {
			background: var(--bg-6);

			details {
				background: var(--bg-4);
			}

			details[open] {
				background: var(--bg-8);
			}
		}

		.add1 {
			background: var(--bg-4);
		}
	}
}

.sub.scar {
	.sec2 {
		background: var(--bg2);

		.common-title::before,
		.common-title::after {
			display: none;
		}

		.common-description {
			margin-top: 0;
		}
	}

	.scar1 {
		padding-block: var(--section-gap);
		background: var(--bg-5);

		.inr {
			margin-inline: auto;
			display: grid;
			max-width: 1219rem;
			row-gap: clamp(40rem, calc(130 / var(--inr) * var(--font-ref)), 130rem);
		}

		.common-title {
			translate: 0;
			margin: 0 auto;
			display: grid;
			place-items: center;
			max-width: 400rem;
			aspect-ratio: 1;
			background: var(--bg-2);
			border-radius: 50%;
		}

		.t1 {
			grid-area: t1;
		}

		.t2 {
			grid-area: t2;
		}

		.common-title small {
			display: block;
			font-size: calc(var(--fs20)* .85);
		}

		.common-description {
			margin-inline: auto;
			max-width: 36ch;
			text-align: center;
		}

		.d1 {
			grid-area: d1;
		}

		.d2 {
			grid-area: d2;
		}

		.plus {
			grid-area: plus;
			place-self: center;
			position: relative;
			margin-block: 40rem;
			width: 49rem;
			aspect-ratio: 1;
			background: linear-gradient(90deg, transparent 24rem, black 25rem, black 26rem, transparent 27rem) no-repeat 50% / contain, linear-gradient(180deg, transparent 24rem, black 25rem, black 26rem, transparent 27rem) no-repeat 50% / contain;
		}

		.index {
			grid-area: i;
			place-self: start;
			display: flex;
			flex-direction: column;
			align-items: start;
			gap: .6em;
			font: clamp(14rem, calc(21 / var(--inr) * var(--font-ref)), 21rem) var(--font-goyo);
		}

		.index>li {
			padding: .38095238em .47619048em;
			background: var(--bg-2);
			border-radius: 5em;
		}

		.index>li:last-child {
			padding: 0;
			background: 0;
		}

		@media(min-width:768px) {
			.inr {
				grid-template: 't1 plus t2 i' 1fr 'd1 empty1 d2 empty2' / 1fr auto 1fr auto;
				-moz-column-gap: 40rem;
				column-gap: 40rem;
			}
		}

		@media(min-width:1280px) {
			& {
				display: flex;
				align-items: center;
				min-height: min(1080rem, 100svh);
			}

			.inr {
				-moz-column-gap: 70rem;
				column-gap: 70rem;
			}

			.index {
				margin-left: 20rem;
			}
		}

		@media(max-width:767px) {
			.inr {
				grid-template: 't1 t1' 1fr 'd1 d1' 'plus plus' 't2 i' 1fr 'd2 d2';
				justify-items: center;
				-moz-column-gap: 20rem;
				column-gap: 20rem;
			}

			.common-title {
				max-width: 280rem;
			}
		}
	}

	.saesalchim {
		padding-block: var(--section-gap);
		background: var(--bg-6);

		.img-group {
			margin-top: clamp(50rem, calc(68 / var(--inr) * var(--font-ref)), 68rem);
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: clamp(8rem, calc(30 / var(--inr) * var(--font-ref)), 30rem);
		}

		.saesalchim-fig {
			position: relative;
			container: saesalchim/inline-size;
		}

		.saesalchim-figc {
			position: absolute;
			right: 7.5%;
			bottom: 10.9%;
			padding: 0.3em 0.13em;
			background: var(--bg-3);
			border-radius: 5em;
			font: 6.5cqw var(--font-chw);
			-webkit-writing-mode: vertical-lr;
			-ms-writing-mode: tb-lr;
			writing-mode: vertical-lr;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		.img {
			display: block;
			width: 100%;
			height: auto;
		}

		.common-description {
			margin-top: clamp(40rem, calc(63 / var(--inr) * var(--font-ref)), 63rem);
		}

		@media(max-width:767px) {
			.common-description br {
				display: none;
			}
		}
	}

	.add3 .title {
		min-height: 8.4ch;
	}
}

.sub.folliculitis {
	.sec2 .txt-group {
		grid-template-columns: 1fr;
	}

	.sec8 {
		background: var(--bg-6);
	}
}

.sub.other {
	.sec1 {
		padding-bottom: var(--section-gap);

		.inr {
			display: grid;
			gap: 40rem 0;
		}

		.top {
			display: grid;
			place-items: start center;
			min-height: calc(100svh - var(--header-top-height) - 64rem);
			padding-top: 310rem;
		}

		h2 {
			translate: 1.2em;
			width: auto;
		}

		@media(min-width:1280px) {
			.top {
				min-height: max(1080rem, calc(100svh - var(--header-top-height) - 64rem));
			}
		}

		@media(min-width:767px) {
			.inr {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
			}

			.top {
				order: 2;
			}

			.common-description {
				align-self: end;
				margin-bottom: calc(var(--section-gap)*1.37);
			}
		}

		@media(max-width:1279px) {
			.common-description br {
				display: none;
			}
		}

		@media(max-width:767px) {
			& {
				height: calc(100svh - var(--header-top-height) - 76rem);
			}

			.inr {
				height: 100%;
			}

			.top {
				justify-items: end;
				min-height: auto;
				padding: 178rem 17% 0 0;
			}

			h2 {
				translate: 0;
			}

			.common-description {
				align-self: end;
			}
		}
	}

	.sec2,
	.sec3 {
		display: grid;
		padding-block: var(--section-gap);

		&.sec2 {
			background: var(--bg-6);
		}

		&.sec3 {
			background: var(--bg-7);
		}

		.img {
			margin-top: clamp(40rem, calc(63 / var(--inr) * var(--font-ref)), 63rem);
			display: block;
			width: 100%;
			height: auto;
		}

		.common-description {
			margin-top: clamp(40rem, calc(59 / var(--inr) * var(--font-ref)), 59rem);
		}

		.common-description strong {
			font-weight: 400;
			background: color-mix(in srgb, var(--primary), #0000 50%);
		}

		.common-link {
			place-self: start;
			margin-top: 48rem;
		}

		@media(min-width: 768px) {
			.common-description {
				text-indent: 5ch;
			}
		}

		@media(min-width:1280px) {
			.inr {
				grid-row: 1/5;
				display: grid;
				grid-template-rows: 33ch auto 1fr auto;
				width: 100%;
				padding-inline: var(--section-gap);
			}
		}

		@media(max-width:767px) {
			.img {
				margin-top: 125rem;
			}
		}
	}
}

.sub.skin-booster {
	.sec6 {
		background: var(--bg-3);
	}

	.icon-only {
		background: var(--bg-5);

		@media(min-width:1280px) {
			.list::before {
				content: '';
			}
		}

		@media(max-width:1279px) and (min-width:768px) {
			.list {
				grid-template-columns: repeat(4, 1fr);
			}
		}

	}

	.add1 {
		.list>li {
			display: block;
		}

		.head::before {
			display: none;
		}
	}
}

.sub.branch {
	.sec1 {
		padding-bottom: var(--section-gap);

		.inr {
			display: grid;
			gap: 40rem 0;
		}

		.top {
			display: grid;
			place-items: start center;
			min-height: calc(100svh - var(--header-top-height) - 64rem);
			padding-top: 310rem;
		}

		h2 {
			translate: 1.2em;
			width: auto;
		}

		@media(min-width:767px) {
			.inr {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
			}

			.top {
				order: 2;
			}

			.common-description {
				align-self: end;
				margin-bottom: 7.5%;
			}
		}

		@media(max-width:1279px) {
			.common-description br {
				display: none;
			}
		}

		@media(max-width:767px) {
			& {
				height: calc(100svh - var(--header-top-height) - 76rem);
			}

			.inr {
				height: 100%;
			}

			.top {
				justify-items: end;
				min-height: auto;
				padding: 178rem 17% 0 0;
			}

			h2 {
				translate: 0;
			}

			.common-description {
				align-self: end;
			}
		}
	}

	.sec2 {
		padding-block: var(--section-gap);
		background: var(--bg-4);

		.inr {
			display: grid;
			gap: 40rem 0;
		}

		.main-list {
			display: grid;
			gap: clamp(40rem, calc(90 / var(--inr) * var(--font-ref)), 90rem);
		}

		.area {
			font: 600 var(--fs25) var(--font-goyo);
		}

		.sub-list {
			margin-top: clamp(20rem, calc(46 / var(--inr) * var(--font-ref)), 46rem);
			display: flex;
			flex-wrap: wrap;
			gap: clamp(10rem, calc(50 / var(--inr) * var(--font-ref)), 50rem);
		}

		.link {
			display: inline-block;
			padding: .88095238em 1.38095238em;
			border: 1px solid currentColor;
			border-radius: 5em;
			font: 600 var(--fs21) var(--font-goyo);
			text-align: center;
		}

		.img-group {
			display: grid;
			place-items: center;
		}

		.img {
			display: block;
			max-width: 555rem;
			width: 100%;
			height: auto;
		}

		@media(prefers-reduced-motion:no-preference) {
			.link {
				transition: .3s;
			}
		}

		@media(any-hover) {
			.link:hover {
				background: var(--black);
				color: var(--bg-3);
			}
		}

		@media(min-width:1280px) {
			.inr {
				grid-template-columns: repeat(2, 1fr);
			}

			.img {
				translate: 12%;
			}
		}

		@media(max-width:767px) {
			.sub-list {
				gap: 10rem;
			}

			.link {
				min-width: calc(5.76092175em* .8);
				padding: calc(.91214594em * .3) calc(.8em * .8) calc(.86413826em * .3);
			}

			.img-group {
				order: -1;
			}
		}
	}
}

.sub.case {
	.sec1 {
		padding-bottom: var(--section-gap);

		.inr {
			display: grid;
			gap: 40rem 0;
		}

		.top {
			display: grid;
			place-items: start center;
			min-height: calc(100svh - var(--header-top-height) - 64rem);
			padding-top: 310rem;
		}

		h2 {
			translate: 1.2em;
			width: auto;
		}

		@media(min-width:1280px) {
			.top {
				min-height: max(1080rem, calc(100svh - var(--header-top-height) - 64rem));
			}
		}

		@media(min-width:767px) {
			.inr {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
			}

			.top {
				order: 2;
			}

			.common-description {
				align-self: end;
				margin-bottom: 7.5%;
			}
		}

		@media(max-width:1279px) {
			.common-description br {
				display: none;
			}
		}

		@media(max-width:767px) {
			& {
				height: calc(100svh - var(--header-top-height) - 76rem);
			}

			.inr {
				height: 100%;
			}

			.top {
				justify-items: end;
				min-height: auto;
				padding: 178rem 17% 0 0;
			}

			h2 {
				translate: 0;
			}

			.common-description {
				align-self: end;
			}
		}
	}

	.sec2 {
		padding-block: clamp(28rem, calc(120 / var(--inr) * var(--font-ref)), 120rem);
		background: var(--bg-6);

		form {
			display: flex;
			justify-content: center;
			gap: 10rem 48rem;
		}

		.part {
			display: flex;
			align-items: center;
			gap: 1.84em;
			font: 600 var(--fs25) var(--font-goyo);
		}

		select {
			margin: 0;
			max-width: 100%;
			width: 350rem;
			min-width: 0;
			height: 60rem;
			padding: 0 3ch 0 2ch;
			background: var(--bg-3) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12px" height="11px"><path fill-rule="evenodd" fill="rgb(64, 60, 59)" d="M5.994,10.397 L0.229,0.616 L11.760,0.616 L5.994,10.397 Z"/></svg>') no-repeat calc(100% - 18rem) 50% / 12rem;
			border: 1px solid currentColor;
			border-radius: 5em;
			font-size: var(--fs20);
		}

		.submit {
			padding: .93614978em 2.49639942em;
			background: var(--black);
			border-radius: 5em;
			font: 600 var(--fs20) var(--font-goyo);
			color: var(--bg-3);
		}

		@media(min-width:1280px) {
			.submit {
				margin-left: .33605377em;
			}
		}

		@media(max-width:1279px) {
			form {
				flex-direction: column;
				align-items: center;
			}
		}

		@media(max-width:767px) {
			.part {
				width: 100%;
			}

			label {
				flex-shrink: 0;
			}

			select {
				flex: 1;
				width: auto;
				height: 44rem;
			}

			.submit {
				margin-top: 18rem;
				padding: calc(.93614978em * .6) calc(2.49639942em * .6);
			}
		}
	}

	.sec3 {
		padding-block: clamp(60rem, calc(320 / 1400 * 100vw), 320rem);

		.bbsTitle {
			font: 16rem/1.5 var(--font-goyo) !important;
		}

		.view-admin-only {}

		.button:hover {
			color: #fff !important;
		}

		.button::before {
			display: none;
		}

		[href="#"] {
			cursor: auto;
		}
	}
}

@media (max-width: 768px) {
	.sub.case .sec3 {
		padding-block: clamp(32rem, calc(100 / 1400 * 100vw), 100rem);
	}
}

.sub.therapy {
	.sec1 {
		display: grid;
		place-items: center;
		min-height: calc(100svh - var(--header-top-height) - 64rem);
		padding-top: 4.7%;

		hgroup {
			display: flex;
			justify-content: center;
			text-align: center;
		}

		hgroup::before,
		hgroup::after {
			content: '';
			display: block;
			width: 2.19021902em;
			aspect-ratio: 73/175;
			background: url('/images/content/laurel.svg') no-repeat 50% / contain;
			font-size: var(--fs33);
			opacity: .35;
		}

		hgroup::after {
			scale: -1 1;
		}

		h2 {
			margin-bottom: 0.60006001em;
			font: 700 clamp(14rem, calc(33.32 / var(--inr) * var(--font-ref)), 33.32rem)/1.62526253 var(--font-goyo);
		}

		@media(min-width:768px) {
			hgroup::before {
				translate: -50% -3%;
			}

			hgroup::after {
				translate: 50% -3%;
			}

			.show-mob {
				display: none;
			}
		}

		@media(min-width:1280px) {
			& {
				min-height: max(1080rem, calc(100svh - var(--header-top-height) - 64rem));
			}
		}

		@media(max-width:767px) {
			& {
				padding: 0 0 64rem;
			}

			hgroup::before {
				translate: -30% -11.5%;
			}

			hgroup::after {
				translate: 30% -11.5%;
			}
		}
	}

	.sec2 {
		display: grid;
		align-items: center;
		min-height: calc(100svh - var(--header-top-height));
		padding-block: var(--section-gap);
		background: var(--bg-5);
		text-align: center;

		.img {
			margin: 0 auto;
			display: block;
			max-width: 671rem;
			width: 80%;
			height: auto;
		}

		.description {
			margin-top: 3.01047120em;
			font: var(--fs22)/1.6 var(--font-goyo);
		}

		.description strong {
			font: 600 var(--fs33) var(--font-goyo);
		}

		.description em {
			position: relative;
			isolation: isolate;
		}

		.description em::before {
			content: '';
			position: absolute;
			inset: -.270027em -.21002100em -.21002100em;
			z-index: -1;
			background: var(--primary);
			opacity: .5;
		}

		@media(min-width:768px) {
			.img {
				margin-top: clamp(0rem, calc(175 / var(--inr) * var(--font-ref)), 175rem);
			}

			.description {
				margin-bottom: clamp(0rem, calc(61 / var(--inr) * var(--font-ref)), 61rem);
			}
		}
	}

	.sec3 {
		padding-block: var(--section-gap);

		.patents_and_papers {
			max-width: none;
		}

		@media(min-width:1280px) {
			.inr {
				padding-block: var(--section-gap)
			}

			.common-h2 {
				translate: 12rem;
			}
		}
	}

	.sec4 {
		padding-block: var(--section-gap);
		background: var(--bg-6);

		.inr {
			display: grid;
			gap: 70rem clamp(50rem, calc(234 / var(--inr) * var(--font-ref)), 234rem);
		}

		h2 {
			font: 600 var(--fs33)/1.3750375 var(--font-goyo);
		}

		h2 small {
			font-size: var(--fs25);
		}

		.list {
			margin-top: clamp(40rem, calc(94 / var(--inr) * var(--font-ref)), 94rem);
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: clamp(10rem, calc(140 / var(--inr) * var(--font-ref)), 140rem);
		}

		.img {
			display: block;
			width: 100%;
			height: auto;
		}

		@media(max-width:767px) {
			.list {
				gap: 25rem;
			}
		}
	}

	.sec5 {
		padding-bottom: var(--section-gap);

		.inr {
			display: grid;
			gap: 40rem 0;
		}

		.top {
			display: grid;
			place-items: center;
			min-height: calc(100svh - var(--header-top-height));
		}

		h2 {
			translate: 5% .9%;
			width: auto;
		}

		.h2-1 {
			margin-left: .68em;
			display: block;
		}

		small.h2-1 {
			font-size: .74962519em;
		}

		.h2-2 {
			margin-top: 68rem;
		}

		h2 em {
			position: relative;
			display: inline-block;
			isolation: isolate;
		}

		h2 em::before {
			content: '';
			position: absolute;
			inset: -.270027em .157em -.240024em;
			z-index: -1;
			background: var(--primary);
			opacity: .35;
		}

		.common-description strong {
			background: color-mix(in srgb, var(--primary) 35%, #0000);
		}

		@media(min-width:1280px) {
			.top {
				min-height: max(1080rem, calc(100svh - var(--header-top-height) - 64rem));
			}
		}

		@media(min-width:767px) {
			.inr {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
			}

			.top {
				order: 2;
			}

			.common-description {
				align-self: end;
				margin-bottom: 7.5%;
			}
		}
	}

	.sec6 {
		padding-block: var(--section-gap);
		background: var(--bg-5);

		.common-title::before,
		.common-title::after {
			content: '';
			display: inline-block;
			width: 1em;
			aspect-ratio: 3/1;
			background: url('/images/common/kagikakko.svg') no-repeat 100% 0 / 66.66666667%;
		}

		.common-title::after {
			rotate: 180deg;
		}

		.gif {
			margin-top: clamp(50rem, calc(68 / var(--inr) * var(--font-ref)), 68rem);
			display: block;
			width: 100%;
			height: auto;
		}

		.comparison {
			display: flex;
			align-items: center;
		}

		.common-description {
			margin-top: clamp(40rem, calc(63 / var(--inr) * var(--font-ref)), 63rem);
		}

		.img {
			display: block;
			max-width: clamp(196rem, calc(400 / var(--inr) * var(--font-ref)), 400rem);
			width: 100%;
			height: auto;
		}

		.title {
			font: var(--fs29)/1.57113473 var(--font-chw);
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
		}

		.list {
			margin: 0 auto;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: clamp(10rem, calc(199 / var(--inr) * var(--font-ref)), 199rem);
			max-width: 1290rem;
		}

		/* .list li{ display: grid; grid-template-columns: 400fr 96fr; gap: clamp(32rem, calc(53 / var(--inr) * var(--font-ref)), 53rem); } */
		.list li {
			display: grid;
			grid-template-rows: 1fr auto;
			justify-items: center;
			gap: clamp(32rem, calc(95 / var(--inr) * var(--font-ref)), 95rem);
		}

		.b1 {
			margin-top: -0.6ch;
		}

		@media(min-width:768px) {
			.inr>*~* {
				margin-top: clamp(50rem, calc(85 / var(--inr) * var(--font-ref)), 85rem);
			}
		}

		@media(min-width:1280px) {
			.comparison {
				min-height: max(1080rem, calc(100svh - var(--header-top-height) - 64rem));
			}
		}

		@media(max-width:767px) {
			.inr>*~* {
				margin-top: var(--section-gap);
			}

			.common-description br {
				display: none;
			}
		}
	}

	.sec7 {
		padding-block: var(--section-gap);
		background: var(--bg-6);

		.inr {
			display: grid;
			gap: 90rem 10rem;
		}

		.list {
			margin-top: clamp(0rem, calc(71 / var(--inr) * var(--font-ref)), 71rem);
			display: grid;
			gap: clamp(10rem, calc(65 / var(--inr) * var(--font-ref)), 65rem);
			font: 600 var(--fs22) var(--font-goyo);
		}

		.list>li {
			justify-self: start;
			display: inline-block;
			padding: clamp(10rem, calc(30 / var(--inr) * var(--font-ref)), 30rem) clamp(15rem, calc(63 / var(--inr) * var(--font-ref)), 63rem);
			border: 1px solid currentColor;
			border-radius: 5em;
		}

		@media(min-width:768px) {
			.inr {
				grid-template-columns: 1fr auto;
			}

			.list {
				order: -1;
			}

			.list>li:nth-child(2) {
				margin-left: 26%;
			}

			.list>li:nth-child(3) {
				margin-left: 10.3%;
			}

			.list>li:nth-child(4) {
				margin-left: 39.9%;
			}

			.list>li:nth-child(5) {
				margin-left: 22%;
			}

			.list>li:nth-child(6) {
				margin-left: 9.6%;
			}
		}

		@media(min-width:1280px) {
			.list>li:nth-child(2) {
				margin-left: 29.7%;
			}

			.list>li:nth-child(5) {
				margin-left: 56.7%;
			}
		}

		@media(max-width:767px) {
			.list {
				margin-top: 0;
			}
		}
	}

	.branch_link_section {
		background: var(--bg-6);
	}

}

.case_section {
	padding-block: var(--section-gap);

	#content & {
		background: var(--bg-7);
	}

	.inr {
		display: grid;
		gap: 50rem 0;
		height: 100%;
	}

	/* .img-group{ grid-area: i; align-self: end; display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(5rem, calc(57 / var(--inr) * var(--font-ref)), 57rem) clamp(5rem, calc(64 / var(--inr) * var(--font-ref)), 64rem); }
	.img{ display: block; width: 100%; height: auto; border: clamp(5rem, calc(57 / var(--inr) * var(--font-ref)), 57rem) solid var(--bg-3); } */
	.swiper {
		grid-area: i;
		width: 100%;
	}

	.txt-group {
		display: grid;
		grid-template-rows: 1fr auto auto;
		justify-items: start;
		gap: clamp(40rem, calc(56 / var(--inr) * var(--font-ref)), 56rem);
	}

	.common-title {
		grid-area: t;
	}

	.common-description {
		grid-area: d;
	}

	.common-link {
		grid-area: l;
		justify-self: start;
	}

	@media(min-width:768px) {
		.inr {
			grid-template: 'i t' 1fr 'i d' 'i l' / 49.4% 1fr;
			gap: 61rem clamp(20rem, calc(140 / var(--inr) * var(--font-ref)), 140rem);
		}

		.txt-group {
			padding: 0 0 var(--section-gap) var(--section-gap);
		}
	}

	@media(max-width:1279px) {
		br {
			display: none;
		}
	}

	@media(max-width:767px) {
		.inr {
			grid-template: 'i t' 'd d' 'l l' / 1fr auto;
			gap: 0 20rem;
		}

		.common-description {
			margin-top: 50rem;
		}

		.common-link {
			margin-top: 37rem;
		}

		.img-group {
			margin-top: 70rem;
			max-width: 290rem;
		}
	}

	.swiper {
		grid-area: i;
	}

	.swiper-slide {
		background: inherit;
	}

	.img-group {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: clamp(23rem, calc(50 / var(--inr) * var(--font-ref)), 50rem);
	}

	.img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		border: clamp(27rem, calc(57 / var(--inr) * var(--font-ref)), 57rem) solid var(--bg-3);
		-o-object-fit: cover;
		object-fit: cover;
	}

	.control {
		margin: clamp(40rem, calc(90 / var(--inr) * var(--font-ref)), 90rem) auto 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20rem;
		max-width: 609rem;
	}

	.btn {
		position: relative;
		width: 22rem;
		aspect-ratio: 22/42;
		background: no-repeat 50% / contain;
		pointer-events: auto;
	}

	.btn::before {
		content: '';
		position: absolute;
		inset: -10rem;
	}

	.prev {
		background-image: url('/images/main/common-prev.png');
	}

	.next {
		background-image: url('/images/main/common-next.png');
	}

	.title {
		font-size: clamp(16rem, calc(22.92 / var(--inr) * var(--font-ref)), 22.92rem);
	}

	.common-description {
		font-size: var(--fs18);
	}

	/* .common-link{ margin-top: clamp(32rem, calc(70 / var(--inr) * var(--font-ref)), 70rem); } */
	@media(min-width:1280px) {
		.swiper {
			margin-inline: -20rem;
			max-width: 860rem;
		}
	}

	@media(max-width:767px) {
		.control {
			margin-top: 56rem;
			max-width: 390rem;
		}

		.btn {
			width: 13rem;
		}

		.common-link {
			margin-top: 55rem;
		}
	}
}

.patents_and_papers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40rem 20rem;

	&>li {
		display: grid;
		grid-template-rows: 1fr 1fr;
		max-width: 435rem;
		aspect-ratio: 1;
		border: 1.5px solid #e3d5bb;
		border-radius: 50%;
	}

	.title {
		place-self: end center;
		font: var(--fs29)/1.5 var(--font-chw);
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}

	.order {
		display: block;
		font-size: calc(var(--fs20) * .85);
	}

	.description {
		margin-top: clamp(20rem, calc(47 / var(--inr) * var(--font-ref)), 47rem);
		font: clamp(12rem, calc(18.75 / var(--inr) * var(--font-ref)), 18.75rem)/1.66666667 var(--font-goyo);
		text-align: center;
	}

	.description small {
		font-size: .84426667em;
	}

	@media(min-width:768px) {
		& {
			gap: 69rem 7.7%;
			max-width: min(1544rem, 86%);
		}
	}

	@media(min-width:1280px) {
		& {
			margin-left: 7rem;
		}

		&>li {
			width: 28.17357513%;
		}
	}

	@media(max-width:1279px) and (min-width:768px) {
		& {
			-moz-column-gap: 10rem;
			column-gap: 10rem;
		}

		&>li {
			width: 32%;
		}
	}

	@media(max-width:767px) {
		&>li {
			grid-template-rows: auto;
			width: max(260rem, 28.17357513%);
		}
	}
}

.branch_link_section {
	padding-block: var(--section-gap);
	background: var(--bg-6);

	.inr {
		display: grid;
		justify-items: center;
		gap: clamp(40rem, calc(102 / var(--inr) * var(--font-ref)), 102rem);
	}

	.common-title {
		translate: 0;
		width: auto;
	}

	.common-link {
		padding-inline: clamp(26rem, calc(48 / var(--inr) * var(--font-ref)), 48rem);
	}

	@media(min-width:1280px) {
		& {
			padding-block: calc(var(--section-gap) * 2);
		}
	}
}

.branch-sub {
	#header {
		pointer-events: none;
	}

	h1 {
		pointer-events: auto;
	}

	.bs-logo {
		container: bs-logo / inline-size;
		display: block;
		width: clamp(37.345rem, calc(58 / var(--inr) * 100vw), 58rem);
	}

	.bs-logo__img {
		display: block;
		width: 100%;
		height: auto;
	}

	.bs-logo__txt {
		margin: 12cqw 0 0 -5cqw;
		display: block;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font: 32cqw/1.12 var(--font-chw);
		letter-spacing: 3cqw;
	}

	@media(max-width:767px) {
		.header-bottom .inr {
			height: 114.675rem;
		}
	}

	@media(min-width:768px) {
		.case_section .inr {
			padding-right: 0;
		}
	}

	@media(min-width:1920px) {
		:where(.director, .introduction, .diet2) .common-title {
			translate: 4.9vw
		}
	}

	.quick {
		position: fixed;
		bottom: clamp(10rem, calc(51 / var(--inr) * var(--font-ref)), 51rem);
		right: clamp(10rem, calc(68 / var(--inr) * var(--font-ref)), 68rem);
		z-index: 9;
		display: grid;
		gap: 1px;
		padding: 1px;
		background: var(--black);
		font: 600 9.8688rem var(--font-goyo);
		text-align: center;
		transform-origin: right bottom;

		/* fontsize 15.42rem, gap 19rem, width 114rem, height 39rem */
		&.isHidden {
			opacity: 0;
			visibility: hidden;
		}

		.link {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 12.16rem;
			width: 72.96rem;
			aspect-ratio: 1;
			padding-top: 12%;
			background: var(--bg-1);
		}

		.icon {
			margin: 0 auto;
			display: block;
			width: auto;
			height: 24.96rem;
			-o-object-fit: scale-down;
			object-fit: scale-down;
		}

		@media(prefers-reduced-motion:no-preference) {
			& {
				transition: .3s;
			}

			/* &.isHidden{ transition-delay: .2s; } */
		}
	}

	.visual {
		contain: content;
		position: relative;
		isolation: isolate;

		.img {
			display: block;
			width: 100%;
			height: auto;
		}

		.schedule-img,
		.event-img {
			cursor: pointer;
		}

		.inr {
			position: absolute;
			inset: 0;
			display: flex;
			justify-content: end;
			height: 100%;
			padding-block: var(--section-gap);
			pointer-events: none;
		}

		.pager {
			all: unset;
			display: flex;
			flex-direction: column;
			justify-content: center;
			gap: 13rem;
			pointer-events: auto;
		}

		.swiper-pagination-bullet {
			all: unset;
			position: relative;
			display: block;
			width: 8rem;
			aspect-ratio: 1;
			border: 1px solid currentColor;
			border-radius: 50%;
			box-sizing: border-box;
			color: #f5f1e8;
			cursor: pointer;
		}

		.swiper-pagination-bullet-active {
			background: currentColor;
		}

		.swiper-pagination-bullet::before {
			content: '';
			position: absolute;
			inset: -6rem;
		}

		.office {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-end;
			gap: .61707233em;
			font: var(--fs29) var(--font-chw);
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
		}

		.office::before {
			content: '';
			display: block;
			width: 1px;
			height: 4.79945149em;
			background: currentColor;
		}

		@media(min-width:1280px) {
			.office {
				padding: 0 10rem 8rem 0;
			}
		}
	}

	.notice {
		padding: clamp(40rem, calc(97 / var(--inr) * var(--font-ref)), 97rem) 0 100rem;
		background: var(--bg-1);

		.inr {
			display: grid;
			gap: 17rem;
		}

		summary {
			scroll-margin-top: var(--header-top-height);
			display: flex;
			align-items: center;
			gap: .33605377em;
			padding: 10rem 0 10rem 2rem;
			border-bottom: 1px solid #e3d5bb;
			font: 600 var(--fs20) var(--font-goyo);
			cursor: pointer;
		}

		summary::before {
			content: '';
			translate: 0 1rem;
			width: 1em;
			aspect-ratio: 20/19;
			background: url('/images/common/symbol.svg') no-repeat 50% / contain;
		}

		.schedule {
			margin: var(--gap) 0;
		}

		.event {
			margin: var(--gap) 0;
			display: grid;
			gap: var(--gap) 20rem;
		}

		.board-comments {
			margin-top: -.5ch;
		}

		.img {
			justify-self: end;
			display: block;
			height: auto;
		}

		@media(min-width:768px) {
			& {
				--gap: 44rem;
			}

			.event {
				grid-template-columns: 1fr 49.3%;
			}
		}

		@media(min-width:1280px) {
			.img {
				width: auto;
				max-height: calc(90svh - var(--header-top-height));
				-o-object-fit: scale-down;
				object-fit: scale-down;
				-o-object-position: right;
				object-position: right;
			}
		}

		@media(max-width:1279px) {
			.img {
				width: 100%;
			}
		}

		@media(max-width:767px) {
			& {
				--gap: 32rem;
			}

			.board-comments:empty {
				display: none;
			}
		}
	}

	.director {
		.inr {
			display: grid;
			padding-block: var(--section-gap);
		}

		.img {
			grid-area: i;
			display: block;
			width: 100%;
			height: auto;
			mix-blend-mode: darken;
		}

		.common-title {
			grid-area: t;
		}

		.common-description {
			grid-area: d;
			max-width: 64ch;
		}

		@media(min-width:768px) {
			& {
				padding-bottom: 0;
			}

			.inr {
				grid-template: 'i t' 1fr 'i d' / 1fr 1fr;
				gap: 61rem clamp(20rem, calc(140 / var(--inr) * var(--font-ref)), 140rem);
			}

			.common-description {
				margin-top: 50rem;
			}
		}

		@media(min-width:1280px) {
			.inr {
				min-height: max(1080rem, calc(100svh - var(--header-top-height) - 64rem));
			}
		}

		@media(max-width:767px) {
			.inr {
				grid-template: 't' 'i' 'd';
				gap: 26rem 20rem;
			}
		}
	}

	section:is(.schedule, .location) {
		padding-block: var(--section-gap);

		&.schedule {
			background: var(--bg-5);
		}

		&.location {
			background: var(--bg-7);
		}

		.middle {
			margin-top: clamp(40rem, calc(78 / var(--inr) * var(--font-ref)), 78rem);
			width: 100%;
		}

		.common-swiper .img {
			aspect-ratio: 834/461;
		}

		.map {
			width: 100%;
			height: auto;
			aspect-ratio: 834/461;
		}

		.map * {
			box-sizing: content-box;
		}

		.info {
			margin-top: clamp(40rem, calc(54 / var(--inr) * var(--font-ref)), 54rem);
			display: grid;
			gap: clamp(20rem, calc(40 / var(--inr) * var(--font-ref)), 40rem);
		}

		.info>li {
			display: grid;
			gap: 4.4ch;
		}

		/* .description{ position: relative; top: -.34904014em; font: var(--fs22)/1.72687609 var(--font-goyo); } */
		.common-description {
			position: relative;
			top: -.34904014em;
		}

		[style*="color"] {
			color: var(--black) !important;
		}

		.font-e.kakao-info {
			width: 150px;
			padding: 10px 0;
			font: 600 22.92px var(--font-goyo);
			color: var(--black);
			text-align: center;
		}

		@media(min-width:768px) {
			.inr {
				display: grid;
				grid-template-rows: 14ch auto auto;
			}

			/* .map{ height: 461rem; aspect-ratio: auto; } */
			.info>li {
				grid-template-columns: 26ch 1fr;
			}
		}

		@media(min-width:1280px) {
			.part {
				grid-row: 1/4;
				display: grid;
				grid-template-rows: subgrid;
			}
		}

		@media(max-width:767px) {
			.middle {
				margin-top: 125rem;
			}
		}
	}

	.introduction {
		padding-block: var(--section-gap);

		.inr {
			display: grid;
		}

		.img {
			grid-area: i;
			display: block;
			width: 100%;
			height: auto;
		}

		.common-title {
			grid-area: t;
		}

		.common-description {
			grid-area: d;
			max-width: 64ch;
		}

		.common-link {
			grid-area: l;
			justify-self: start;
		}

		@media(min-width:768px) {
			.inr {
				grid-template: 'i t' 1fr 'i d' 'i l' / 1fr 1fr;
				gap: 61rem clamp(20rem, calc(140 / var(--inr) * var(--font-ref)), 140rem);
			}
		}

		@media(min-width:1280px) {
			.common-link {
				margin-bottom: clamp(0rem, calc(68 / var(--inr) * var(--font-ref)), 68rem);
			}
		}

		@media(max-width:767px) {
			.inr {
				grid-template: 't' 'i' 'd' 'l';
				gap: 26rem 20rem;
			}
		}
	}

	.case_section {
		background: var(--bg-7);
	}

	.case_section .swiper-slide {
		background: var(--bg-7);
	}

	.diet1 {
		:where(.img, .video) {
			display: block;
			width: 100%;
			height: 100%;
			-o-object-fit: cover;
			object-fit: cover;
			-o-object-position: 30% 50%;
			object-position: 30% 50%;
		}

		.inr {
			display: grid;
			grid-template-rows: 1fr auto;
			padding-block: var(--section-gap);
		}

		.common-description {
			margin-top: 80rem;
		}

		@media(min-width:768px) {
			& {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
			}

			.inr {
				width: 100%;
				padding-inline: var(--section-gap);
			}
		}

		@media(max-width:767px) {
			.inr {
				min-height: 540rem;
			}
		}
	}

	.diet2 {
		padding-block: var(--section-gap);
		background: var(--bg-7);

		.inr {
			display: grid;
			grid-template: 'l t' 1fr 'p p' / 1fr auto;
			gap: 10rem;
		}

		.common-title {
			grid-area: t;
		}

		.list {
			grid-area: l;
			margin-top: clamp(0rem, calc(71 / var(--inr) * var(--font-ref)), 71rem);
			display: grid;
			gap: clamp(10rem, calc(66 / var(--inr) * var(--font-ref)), 66rem);
			font: 600 var(--fs22) var(--font-goyo);
		}

		.list>li {
			justify-self: start;
			display: inline-block;
			padding: clamp(10rem, calc(30 / var(--inr) * var(--font-ref)), 30rem) clamp(15rem, calc(74 / var(--inr) * var(--font-ref)), 74rem);
			border: 1px solid currentColor;
			border-radius: 5em;
		}

		.price-list {
			grid-area: p;
			justify-self: end;
			margin-top: 40rem;
			display: grid;
			font: 600 var(--fs22)/1.72687609 var(--font-goyo);
		}

		.price-list>li {
			display: grid;
			grid-template-columns: 12ch 1fr;
			gap: 5.5ch;
		}

		@media(min-width:768px) {
			.list>li:nth-child(2) {
				margin-left: 26%;
			}

			.list>li:nth-child(3) {
				margin-left: 10.3%;
			}

			.list>li:nth-child(4) {
				margin-left: 39.9%;
			}

			.list>li:nth-child(6) {
				margin-left: 9.6%;
			}
		}

		@media(min-width:1280px) {
			.inr {
				grid-template: 'l t' 1fr 'l p' / 1fr auto;
			}

			.list>li:nth-child(2) {
				margin-left: 29.7%;
			}
		}

		@media (max-width: 767px) {
			.inr {
				grid-template: 't' 'l' 'p';
			}

			.list {
				margin-top: 80rem;
			}
		}
	}

	.add1 {
		padding-block: var(--section-gap);
		background: var(--bg-6);

		.list {
			margin-top: 40rem;
			display: grid;
			gap: clamp(10rem, calc(80 / var(--inr) * var(--font-ref)), 80rem);
		}

		.list>li {
			display: grid;
			gap: 20rem;
			padding: clamp(25rem, calc(39 / var(--inr) * var(--font-ref)), 39rem) clamp(20rem, calc(78 / var(--inr) * var(--font-ref)), 78rem) clamp(22rem, calc(34 / var(--inr) * var(--font-ref)), 34rem);
			background: var(--bg-2);
			border-radius: clamp(20rem, calc(90 / var(--inr) * var(--font-ref)), 90rem);
		}

		.head {
			font: 600 var(--fs22) var(--font-goyo);
		}

		.head::before {
			margin-right: .5ch;
		}

		li:nth-child(1) .head::before {
			content: '①';
		}

		li:nth-child(2) .head::before {
			content: '②';
		}

		li:nth-child(3) .head::before {
			content: '③';
		}

		li:nth-child(4) .head::before {
			content: '④';
		}

		li:nth-child(5) .head::before {
			content: '⑤';
		}

		li:nth-child(6) .head::before {
			content: '⑥';
		}

		li:nth-child(7) .head::before {
			content: '⑦';
		}

		li:nth-child(8) .head::before {
			content: '⑧';
		}

		li:nth-child(9) .head::before {
			content: '⑨';
		}

		li:nth-child(10) .head::before {
			content: '⑩';
		}

		.note {
			margin-top: clamp(40rem, calc(138 / var(--inr) * var(--font-ref)), 138rem);
		}

		@media(min-width:1280px) {
			.inr {
				display: grid;
				grid-template-columns: 26.9% 1fr;
			}

			.list {
				margin-top: 8rem;
			}

			.list>li {
				grid-template-columns: 270rem 1fr;
			}

			.list .common-description {
				margin-top: -9rem;
			}

			.note {
				grid-area: 2/2/3/3;
			}
		}
	}

	.service {
		padding-bottom: var(--section-gap);
		background: var(--bg-6);

		.separation {
			border-top: 2px solid var(--bg-1);
		}

		.separation.s1 {
			padding-top: calc(var(--section-gap)*1.37);
		}

		.separation.s2 {
			margin-block: calc(var(--section-gap)*.89);
		}

		hgroup {
			display: grid;
			gap: 30rem 0;
		}

		hgroup+hgroup {
			margin-top: clamp(40rem, calc(185 / var(--inr) * var(--font-ref)), 185rem);
		}

		.img {
			margin-top: clamp(40rem, calc(108 / var(--inr) * var(--font-ref)), 108rem);
			display: block;
			width: 100%;
			height: auto;
		}

		@media(min-width:1280px) {
			hgroup {
				grid-template-columns: 26.9% 1fr;
			}
		}

		@media(max-width:767px) {
			.common-description br {
				display: none;
			}
		}
	}
}

.sub.case {
	.bbsTitle {
		font: 16rem/1.5 var(--font-goyo) !important;
	}

	.view-admin-only {}

	.button:hover {
		color: #fff !important;
	}

	.button::before {
		display: none;
	}

	[href="#"] {
		cursor: auto;
	}
}

/* .pt-320 {
	padding-top: 320px !important;
} */

/* 랜딩 광주점에서 푸터의 전국지점 안내 숨김 */
.hide-branch-footer footer :is(.common-title, .branch) {
	display: none;
}

.flatwarts .description {
	width: 70%;
	margin: 0 auto;
	max-width: 100%;
}

@media (max-width: 767px) {
	#wrap {
		.font-f {
			font: var(--fs18) / 1.7776 var(--font-goyo);
		}
	}
}