@charset "utf-8";

.sub.company{
	.sec1{
		.top{ margin-left: auto; display: grid; place-items: center; height: calc(100svh - var(--header-top-height)); }
		h2{ writing-mode: vertical-rl; }
		.h2-1{ margin-left: 0.25333333em; display: block; font: 300 var(--fs75) var(--font-lwt); 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); 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; writing-mode: vertical-rl; }
		.p2{ margin-top: 1.2em; width: 100%; writing-mode: vertical-lr; }
		@media(min-width:768px){
			.top{ width: 50%;  }
			h2{ translate: -17% 5%; 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; object-fit: cover; }
		.txt-group{ margin-top: clamp(50rem, calc(58 / var(--inr) * var(--font-ref)), 58rem); }
		.common-description{ margin-top: 38rem; }
		.common-description strong{ background: color-mix(in srgb, var(--primary), #0000 50%); font-weight: 400; }
		@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; 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{ 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%; 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{ 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: 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); 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); 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; 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; 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; column-gap: 40rem; }
		}
		@media(min-width:1280px){
			&{ display: flex; align-items: center; min-height: min(1080rem, 100svh); }
			.inr{ column-gap: 70rem; }
			.index{ margin-left: 20rem; min-width: 197.5px;}
		}
		@media(max-width:767px){
			.inr{ grid-template: 't1 t1' 1fr 'd1 d1'  'plus plus'  't2 i' 1fr 'd2 d2' ; justify-items: center; 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); writing-mode: vertical-lr; 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; }
	.sec3 .common-subTitle{ font-size: clamp(20rem, calc(33.33 / var(--inr) * var(--font-ref)), 33.33rem); }
	.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: clamp(28rem, calc(140 / var(--inr) * var(--font-ref)), 140rem) 0 clamp(28rem, calc(133 / var(--inr) * var(--font-ref)), 133rem);
		.bbsTitle{ font: 16rem/1.5 var(--font-goyo)!important; }
		.view-admin-only{ }
		.button:hover{ color: #fff!important; }
		.button::before{ display: none; }
		[href="#"]{ cursor: auto; }
	}
}

.sub.therapy{
	.sec1{ display: grid; place-items: center; min-height: calc(100svh - var(--header-top-height) - 64rem); padding-top: 4.7%;
		.inr{ display: flex; justify-content: center; text-align: center; }
		.inr::before, .inr::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; }
		.inr::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); text-wrap: balance; word-break: keep-all; }
		@media(min-width:768px){
			.inr::before{ translate: -50% -3%; }
			.inr::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; }
			.inr::before{ translate: -30% -11.5%; }
			.inr::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); 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); }
	
}

.sub.saesalchim {
	.sec1 {background: var(--bg-8) !important; position: relative; overflow: hidden;
		.common-title{width: auto; white-space: nowrap;}
		.inr {display: flex; flex-direction: column; align-items: end; z-index: 2;}
		.top {width: 50%; justify-content: center; order: 0; align-items: start; padding-top: 310rem; min-height: 100vh; flex: 1 1 auto;}
		.top h2 {translate: 1.2em;}
		.txt-group {display: grid; gap: clamp(24px, 8vw, 64px); grid-template-columns: repeat(3, 1fr); z-index: 5; flex: 0 0 auto;}
		.common-description {align-self: start; margin-bottom: calc(var(--section-gap) * 1.37);}
		.common-description strong {background: var(--bg-2);}
		.img-circle {position: absolute; width: 100%;  top: 0; height: 100%; object-fit: cover; z-index: 0; opacity: 0.4; background-repeat: no-repeat; background-position: center; background-size: cover;}
		.img-circle-large {position: absolute; width: 100%; top: 0; z-index: 0; opacity: 40%; height: 100%; object-fit: cover;}
		.img-circle-large { background-image: url('/images/content/saesalchim-circle-large.png'); }
		.img-circle-medium { background-image: url('/images/content/saesalchim-circle-medium.png'); }
		.img-circle-small { background-image: url('/images/content/saesalchim-circle-small.png'); }
		@media (min-width: 1025px) {.img-circle-medium{display: none;}}
		@media(max-width:1024px) {height: 100vh; .inr {height: 100%;} .top{min-height: 0;} .img-circle-large{display: none;} .img-circle-medium { display: block; }}
		@media (min-width:769px) {.img-circle-small{display: none;}}
		@media(max-width:768px) {height: calc(100svh - var(--header-top-height) - 76rem); .common-description {min-height: 0; margin-bottom: 0;} .top {width: 100%; justify-content: end; min-height: auto; padding: 178rem 17% 0 0;} .txt-group {grid-template-columns: repeat(1, 1fr)} .top h2 {translate: 0;} .img-circle-small { display: block;} .img-circle-medium {display: none;}}
	}
	.sec2 {
		.common-description{margin-top: 0;}
		.common-title::before, .common-title::after{display: none;}
	}
	.scar1{ padding-block: var(--section-gap); background: var(--bg-5);
		.inr{ margin-inline: auto; display: grid; max-width: 1219rem; gap: clamp(40rem, calc(130 / var(--inr) * var(--font-ref)), 130rem) 16rem; }
		.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; align-self: center; }
		.t2{ grid-area: t2; align-self: center; }
		.common-title small{ display: block; font-size: calc(var(--fs20)* .85); }
		.common-description{ margin-inline: auto; max-width: 36ch; text-align: center; text-wrap: balance; word-break: keep-all; }
		.common-description strong{ background: color-mix(in srgb, var(--primary), #0000 50%); font-weight: 400; }
		.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; }
		}
		@media(min-width:1280px){
			&{ display: flex; align-items: center; min-height: min(1080rem, 100svh); }
			.inr{ column-gap: 70rem; }
			.index{ margin-left: 20rem; min-width: 197.5px;}
		}
		@media(max-width:767px){
			.inr{ grid-template: 't1 t1' 1fr 'd1 d1'  'plus plus'  't2 i' 1fr 'd2 d2' ; justify-items: center; 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); writing-mode: vertical-lr; 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; }
		}
	}
	.sec3 {margin-top: 0;}
    .patents {.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); margin-left: 7rem;}}
	.sec5 {.img, .video {aspect-ratio: 2 / 1; object-fit: cover;}}
	.laser-method{ padding: var(--section-gap) 0; contain: content;
		.laser-wrapper { width: auto; max-width: /*1200px*/ 900px; gap: 32px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; margin: clamp(36rem, calc(72 / var(--inr) * 100vw), 72rem) auto 0; }
		.txt-group {margin-top: 38rem;}
		.top, .bottom {text-align: center;}
		.middle {flex: 1;display: grid; grid-template-columns: 240px 1fr 240px; align-items: center;}
		.left{display: flex; flex-direction: column; gap: /*clamp(48px, 12vw, 170px)*/ clamp(24px, 12vw, 110px); text-wrap: nowrap; text-align: right; margin-right: 16px;
			.text-mid {margin-right: 64px;}}
		.right {display: flex;flex-direction: column; gap: /*clamp(48px, 12vw, 170px)*/ clamp(24px, 12vw, 110px); text-wrap: nowrap; margin-left: 16px;
			.text-mid {margin-left: 64px;}}
		.circle-area {display: flex; justify-content: center; align-items: center;}
		.circle { width: 100% ; height: 100%; aspect-ratio: 1 / 1; min-width: 180px;}
		.common-description{ margin-top: clamp(72rem, calc(165 / var(--inr) * 100vw), 165rem); max-width: max(83ch, 50%); }
		.common-description strong{ background: color-mix(in srgb, var(--primary), #0000 50%); font-weight: 400; }
		@media(min-width:1280px){
			.common-h2{ translate: 12rem;}
			.top, .middle, .bottom {/*font-size: 14px;*/}
		}
		@media (max-width: 768px) {
			.laser-wrapper {gap: 20px;}
			.left {margin-right: 0px; .text-mid {margin-right: 12px;}}
			.right {margin-left: 0px; .text-mid {margin-left: 12px;}}
			.top, .bottom, .text-top, .text-mid, .text-bottom {font-size: 13px; line-height: 125%;}
			/*.laser-wrapper{ display: none; }*/
			.treatment-cycle{ display: block; margin-inline: auto; max-width: 390px; width: 100%; height: auto; }
		}
		@media (min-width: 768px) {
			.break {display: none;}
			.treatment-cycle{ display: none; }
		}
	}
	.treatment-types{ padding: var(--section-gap) 0;
		.side {display: flex;}
		.common-title {width: auto; margin-left: clamp(24px, 10vw, 240px);}
		.common-description{ margin-top: clamp(12rem, 6vw, 38rem);}
		.treatment-group { gap: clamp(16px, 4vw, 64px); display: grid; grid-template-columns: repeat(3, 1fr); }
		.treatment-group > .treatment:nth-child(-n + 3) {border-top: 1px solid #000;}
		.treatment{width: 100%; padding-block: 32rem; border-bottom: solid #000 1px;
			.img {margin-top: clamp(12rem, 6vw, 38rem); display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }}
		@media (max-width: 768px) {
			.side {flex-direction: column;} 
			.treatment-group {grid-template-columns: repeat(1, 1fr); order: 2; margin-top: 24px; } 
			.treatment-group > .treatment:nth-child(-n + 3) {border-top: none;}
		}
	}
	.science-evidence { padding-block: var(--section-gap);
		.inr {
			@media (width >= 768px) { display: grid; grid-template-columns: 1fr auto; column-gap: clamp(24px, 10vw, 240px);
				.proof-wrap { order: -1; }
				.common-description { grid-column: 1 / 3; }
			}
		}
		.proof-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(10rem, calc(140 / var(--inr) * var(--font-ref)), 140rem); width: 100%; max-width: 1252rem;
			@media (width < 768px) { margin-top: clamp(72rem, calc(90 / var(--inr) * 100vw), 90rem); }
		}
		.proof { display: block; width: 100%; height: auto;
			&.proof-2 { margin-top: 60%; }
		}
		.common-description { margin-top: clamp(72rem, calc(90 / var(--inr) * 100vw), 90rem);
			strong { font-weight: 400; background: color-mix(in srgb, var(--primary), #0000 50%); }
		}
	}
}

.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); 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); 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){
		&{ 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; 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; 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); 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)); object-fit: scale-down; object-position: right; }
		}
		@media(max-width:1279px){
			.img{ width: 100%; }
		}
		@media(max-width:767px){
			&{ --gap: 32rem; }
			.board-comments:empty{ display: none; }
		}
	}
	.director{ display: none;
		.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; }
		}
	}

	.director-branch { 
		position: relative; padding-block: var(--section-gap); 
		.inr{ display: grid; }
		.profile { display: flex; align-items: flex-start; }
		.profile, .greet{ max-width: 1500rem; line-height: 1.8; }
		.profile .common-title { /*translate: 4.9vw;*/ width: auto; }
		figure { display: flex; width: 100%; margin-right: 80rem; aspect-ratio: 1/1; max-width: 390px; }
		figure .img { display: block; width: 100%; height: auto; object-fit: contain; /* mix-blend-mode: darken; */}
		figure .img[src="/images/common/symbol.svg"] { padding: 32%; background: var(--bg-5); }
		.profile-desc { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: min-content; font-weight: 200; }
		.name { grid-column: 1 / -1; height: fit-content; margin-bottom: 20rem; }
		.list { padding-right: 2ch; }
		/* .list { display: flex; flex-direction: column; padding-right: 50rem; line-height: 1.8; gap: 10rem; } */
		/* .list li { position: relative; display: flex; gap: 10rem; } */
		/* .list li::before { content: '•'; font-size: 30rem; line-height: 1; } */
		.profile-desc>div { padding-right: 20rem; }
		.profile-desc>div p { display: flex; padding-right: 50rem; gap: 10rem; }
		/* .profile-desc>div p::before { content: '•'; font-size: 30rem; line-height: 1; } */
		.couple-profile { display: flex; flex-direction: column; gap: 50rem; width: 100%; }
		.group-profile { display: flex; flex-direction: column; }
		/* .group-profile .profile figure { max-width: 350rem; margin-right: 80rem; } */
		.group-profile .profile + .profile, .greet{ margin-top: 50rem; padding-top: 50rem; border-top: 1rem solid; }

		@media(width>=1024px){
			.inr{ grid-template-columns: 1fr auto; }
			.common-title{ order: 1; }
			.greet{ grid-column: 1/-1; order: 2; }
			figure { max-width: min(26%, 390rem); }
			.group-profile .profile-desc { grid-template-columns: repeat(2, 1fr); }
		}

		@media(max-width: 1023px){
			.common-title{ margin-bottom: 125rem; }
			.profile { flex-direction: column; }
			.profile figure { margin: 0 0 30rem; }
			.profile-desc { grid-template-columns: 1fr; }
			.list + .list { padding-top: 20rem; margin-top: 20rem; border-top: 1rem solid #ccc; }
			/* .profile-desc>div+div { padding-top: 20rem; margin-top: 20rem; border-top: 1rem solid #ccc; } */
			/* .common-title { position: absolute; right: 0; translate: none; } */
			.group-profile .profile + .profile, .greet{ margin-top: 30rem; padding-top: 30rem; }
		}
	}

	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: 0 20rem; }
			.img{ margin-top: 125rem; }
			.common-description{ margin-top: clamp(42rem, calc(59 / var(--inr) * var(--font-ref)), 59rem); }
			.common-link{ margin-top: clamp(22rem, calc(47 / var(--inr) * var(--font-ref)), 47rem) }
		}
	}
	.case_section{ background: var(--bg-7); }
	.case_section .swiper-slide{ background: var(--bg-7); }
	.diet1{
		:where(.img, .video){ display: block; width: 100%; height: 100%; object-fit: cover; 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; }
}

/* 랜딩 광주점에서 푸터의 전국지점 안내 숨김 */
.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);
        }
    }
}