#bt-root.bt-treatment-detail {
--td-text: #2c2a26;
--td-soft: #9d8f76;
--td-gold: #cdbd9b;
--td-gold-dark: #a58b58;
--td-bg: #fbfaf7;
--td-serif: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
--td-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
background: var(--td-bg);
color: var(--td-text);
font-family: var(--td-sans);
} .bt-treatment-detail--injection .td-page-hero--injection {
min-height: clamp(510px, 40vw, 700px);
background: #eee2ce;
}
.bt-treatment-detail--injection .td-page-hero--injection::before,
.bt-treatment-detail--injection .td-page-hero--injection::after {
inset: 0;
filter: none;
transform: none;
mix-blend-mode: normal;
}
.bt-treatment-detail--injection .td-page-hero--injection::before {
background: url(//umekitaclinic.org/wp-content/uploads/2026/05/beauty-treatment-hero-epilation.jpg) center / cover no-repeat;
}
.bt-treatment-detail--injection .td-page-hero--injection::after {
background: linear-gradient(90deg, rgba(247, 238, 221, .96) 0%, rgba(247, 238, 221, .84) 34%, rgba(247, 238, 221, .08) 64%);
}
.bt-treatment-detail--injection .td-page-hero__inner {
min-height: clamp(510px, 40vw, 700px);
justify-content: center;
padding: 40px 0;
}
.bt-treatment-detail--injection .td-page-hero__lead {
margin: 0 0 22px;
color: #94763f;
font-family: "Noto Serif JP", var(--td-serif);
font-size: clamp(17px, 1.32vw, 24px);
font-weight: 500;
letter-spacing: .18em;
}
.bt-treatment-detail--injection .td-page-hero__jp {
margin: 0 0 18px;
color: #92733c;
font-family: "Noto Serif JP", var(--td-serif);
font-size: clamp(40px, 4.2vw, 64px);
font-weight: 500;
letter-spacing: .12em;
}
.bt-treatment-detail--injection .td-page-hero__en {
color: #94763f;
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: clamp(25px, 2.1vw, 36px);
font-weight: 500;
letter-spacing: .16em;
line-height: 1.2;
}
.bt-treatment-detail--injection .td-page-hero__tags {
width: min(508px, 48%);
margin-top: clamp(30px, 3vw, 46px);
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.bt-treatment-detail--injection .td-page-hero__tags span {
min-height: 46px;
padding: 11px 16px;
display: grid;
place-items: center;
border: 1px solid #a58b58;
border-radius: 999px;
color: #6f5c38;
font-family: "Noto Serif JP", var(--td-serif);
font-size: clamp(13px, .92vw, 16px);
font-weight: 500;
letter-spacing: .08em;
text-align: center;
}
.bt-treatment-detail--injection .td-intro__media img {
aspect-ratio: 1 / 1;
object-position: center 24%;
}
.td-injection-menu {
padding: clamp(82px, 7vw, 126px) 0 clamp(96px, 8vw, 144px);
background: #f3eee7;
}
.td-injection-menu__inner {
width: min(1232px, calc(100% - 48px));
margin: 0 auto;
}
.td-injection-menu .td-section-heading {
margin-bottom: clamp(46px, 4vw, 66px);
}
.td-injection-menu .td-section-heading p {
font-family: "Noto Serif JP", var(--td-serif);
font-size: 16px;
font-weight: 500;
}
.td-injection-menu .td-section-heading h2 {
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: clamp(54px, 4.8vw, 70px);
font-weight: 500;
}
.td-injection-menu__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(16px, 2vw, 25px);
}
.td-injection-card {
position: relative;
min-height: 270px;
padding: 35px 29px 31px;
border: 1px solid #dbd0c0;
background: #fff;
}
.td-injection-card::before {
content: "";
position: absolute;
left: 29px;
top: 78px;
width: 42px;
height: 1px;
background: #b99e74;
}
.td-injection-card p {
margin: 0 0 42px;
color: #b99e74;
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: 28px;
line-height: 1;
}
.td-injection-card h3 {
margin: 0 0 22px;
color: #806742;
font-family: "Noto Serif JP", var(--td-serif);
font-size: clamp(19px, 1.35vw, 22px);
font-weight: 500;
letter-spacing: .06em;
line-height: 1.55;
}
.td-injection-card span {
color: #4a4035;
font-size: 14px;
font-weight: 400;
letter-spacing: .05em;
line-height: 2;
}
.td-injection-menu__note {
margin: 42px 0 0;
color: #5f5547;
font-size: 14px;
letter-spacing: .08em;
line-height: 1.9;
text-align: center;
}
.td-injection-menu__button {
width: min(280px, 100%);
min-height: 60px;
margin: 36px auto 0;
padding: 0 27px 0 34px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 6px;
background: linear-gradient(90deg, #ead59d, #d3ad60);
color: #201d18;
font-family: "Noto Sans JP", var(--td-sans);
font-size: 15px;
font-weight: 500;
letter-spacing: .18em;
}
.td-injection-menu__button span {
width: 9px;
height: 9px;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: rotate(45deg);
}
.bt-treatment-detail--injection .td-recommend__panel {
overflow: hidden;
}
.bt-treatment-detail--injection .td-recommend__injection-photo {
position: absolute;
right: 0;
bottom: 0;
width: 36%;
height: 100%;
display: block;
object-fit: cover;
object-position: center 28%;
}
@media (max-width: 1024px) {
.bt-treatment-detail--injection .td-page-hero__tags {
width: min(480px, 58%);
}
.td-injection-menu__inner {
width: min(100% - 40px, 760px);
}
.td-injection-menu__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.td-injection-card {
min-height: 236px;
}
}
@media (max-width: 767px) {
.bt-treatment-detail--injection .td-page-hero--injection,
.bt-treatment-detail--injection .td-page-hero__inner {
min-height: clamp(430px, 122vw, 500px);
}
.bt-treatment-detail--injection .td-page-hero--injection::before {
background-position: 72% center;
}
.bt-treatment-detail--injection .td-page-hero--injection::after {
background: linear-gradient(0deg, rgba(247, 238, 221, .98) 0%, rgba(247, 238, 221, .9) 44%, rgba(247, 238, 221, .18) 76%);
}
.bt-treatment-detail--injection .td-page-hero__inner {
justify-content: flex-end;
padding: 0 0 28px;
}
.bt-treatment-detail--injection .td-page-hero__lead {
margin-bottom: 12px;
font-size: 14px;
letter-spacing: .12em;
}
.bt-treatment-detail--injection .td-page-hero__jp {
margin-bottom: 10px;
font-size: clamp(28px, 8.6vw, 34px);
letter-spacing: .08em;
}
.bt-treatment-detail--injection .td-page-hero__en {
font-size: 21px;
letter-spacing: .12em;
}
.bt-treatment-detail--injection .td-page-hero__tags {
width: 100%;
margin-top: 19px;
gap: 8px;
}
.bt-treatment-detail--injection .td-page-hero__tags span {
min-height: 38px;
padding: 7px 8px;
font-size: 11px;
letter-spacing: .03em;
}
.td-injection-menu {
padding: 70px 0 78px;
}
.td-injection-menu__inner {
width: min(100% - 32px, 560px);
}
.td-injection-menu__grid {
grid-template-columns: 1fr;
gap: 13px;
}
.td-injection-card {
min-height: 0;
padding: 26px 25px 25px;
}
.td-injection-card::before {
left: 25px;
top: 57px;
width: 34px;
}
.td-injection-card p {
margin-bottom: 28px;
font-size: 24px;
}
.td-injection-card h3 {
margin-bottom: 12px;
font-size: 19px;
}
.td-injection-menu__note {
margin-top: 28px;
font-size: 12px;
text-align: left;
}
.bt-treatment-detail--injection .td-recommend__panel {
background: #fff;
}
.bt-treatment-detail--injection .td-recommend__list {
padding-bottom: 236px;
}
.bt-treatment-detail--injection .td-recommend__injection-photo {
width: 100%;
height: 208px;
object-position: center 28%;
}
} .bt-treatment-detail--breast .td-page-hero--breast {
min-height: clamp(570px, 45vw, 720px);
background: #eee9dd;
}
.bt-treatment-detail--breast .td-page-hero--breast::before,
.bt-treatment-detail--breast .td-page-hero--breast::after {
inset: 0;
filter: none;
transform: none;
mix-blend-mode: normal;
}
.bt-treatment-detail--breast .td-page-hero--breast::before {
background: url(//umekitaclinic.org/wp-content/uploads/2026/05/beauty-treatment-hero-epilation.jpg) center / cover no-repeat;
}
.bt-treatment-detail--breast .td-page-hero--breast::after {
background: linear-gradient(90deg, rgba(248, 243, 234, .99) 0%, rgba(248, 243, 234, .97) 37%, rgba(248, 243, 234, .64) 53%, rgba(248, 243, 234, .08) 72%);
}
.bt-treatment-detail--breast .td-page-hero__inner {
min-height: clamp(570px, 45vw, 720px);
justify-content: center;
padding: 44px 0;
}
.bt-treatment-detail--breast .td-page-hero__lead {
margin: 0 0 22px;
color: #897453;
font-family: "Noto Serif JP", var(--td-serif);
font-size: clamp(17px, 1.32vw, 23px);
font-weight: 500;
letter-spacing: .17em;
}
.bt-treatment-detail--breast .td-page-hero__jp {
margin: 0 0 18px;
color: #806944;
font-family: "Noto Serif JP", var(--td-serif);
font-size: clamp(39px, 4vw, 62px);
font-weight: 500;
letter-spacing: .11em;
}
.bt-treatment-detail--breast .td-page-hero__en {
color: #927a50;
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: clamp(25px, 2.1vw, 36px);
font-weight: 500;
letter-spacing: .18em;
line-height: 1.2;
}
.bt-treatment-detail--breast .td-page-hero__description {
margin: clamp(30px, 2.8vw, 42px) 0 0;
color: #574c3c;
font-family: "Noto Serif JP", var(--td-serif);
font-size: clamp(14px, 1vw, 16px);
font-weight: 400;
letter-spacing: .12em;
line-height: 2.25;
}
.bt-treatment-detail--breast .td-intro__media img {
aspect-ratio: 1 / 1;
object-position: center 26%;
}
.td-breast-menu {
padding: clamp(82px, 7vw, 126px) 0 clamp(96px, 8vw, 144px);
background: #f3eee7;
}
.td-breast-menu__inner {
width: min(1232px, calc(100% - 48px));
margin: 0 auto;
}
.td-breast-menu .td-section-heading {
margin-bottom: clamp(46px, 4vw, 66px);
}
.td-breast-menu .td-section-heading p {
font-family: "Noto Serif JP", var(--td-serif);
font-size: 16px;
font-weight: 500;
}
.td-breast-menu .td-section-heading h2 {
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: clamp(54px, 4.8vw, 70px);
font-weight: 500;
}
.td-breast-menu__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(16px, 2vw, 25px);
}
.td-breast-card {
position: relative;
min-height: 242px;
padding: 33px 29px 29px;
border: 1px solid #dbd0c0;
background: #fff;
}
.td-breast-card::before {
content: "";
position: absolute;
left: 29px;
top: 75px;
width: 42px;
height: 1px;
background: #b99e74;
}
.td-breast-card p {
margin: 0 0 41px;
color: #b99e74;
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: 28px;
line-height: 1;
}
.td-breast-card h3 {
margin: 0 0 18px;
color: #806742;
font-family: "Noto Serif JP", var(--td-serif);
font-size: clamp(19px, 1.35vw, 22px);
font-weight: 500;
letter-spacing: .06em;
line-height: 1.55;
}
.td-breast-card span {
color: #4a4035;
font-size: 14px;
font-weight: 400;
letter-spacing: .05em;
line-height: 2;
}
.td-breast-menu__note {
margin: 42px 0 0;
color: #5f5547;
font-size: 14px;
letter-spacing: .08em;
line-height: 1.9;
text-align: center;
}
.td-breast-menu__button {
width: min(280px, 100%);
min-height: 60px;
margin: 36px auto 0;
padding: 0 27px 0 34px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 6px;
background: linear-gradient(90deg, #ead59d, #d3ad60);
color: #201d18;
font-family: "Noto Sans JP", var(--td-sans);
font-size: 15px;
font-weight: 500;
letter-spacing: .18em;
}
.td-breast-menu__button span {
width: 9px;
height: 9px;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: rotate(45deg);
}
.bt-treatment-detail--breast .td-recommend__panel {
overflow: hidden;
}
.bt-treatment-detail--breast .td-recommend__breast-photo {
position: absolute;
right: 0;
bottom: 0;
width: 36%;
height: 100%;
display: block;
object-fit: cover;
object-position: center 22%;
}
@media (max-width: 1024px) {
.td-breast-menu__inner {
width: min(100% - 40px, 760px);
}
.td-breast-menu__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.bt-treatment-detail--breast .td-page-hero--breast,
.bt-treatment-detail--breast .td-page-hero__inner {
min-height: clamp(550px, 160vw, 625px);
}
.bt-treatment-detail--breast .td-page-hero--breast::before {
background-position: center top;
background-size: 100% auto;
}
.bt-treatment-detail--breast .td-page-hero--breast::after {
background: linear-gradient(0deg, rgba(248, 243, 234, 1) 0%, rgba(248, 243, 234, .97) 40%, rgba(248, 243, 234, .2) 70%);
}
.bt-treatment-detail--breast .td-page-hero__inner {
justify-content: flex-end;
padding: 0 0 26px;
}
.bt-treatment-detail--breast .td-page-hero__lead {
margin-bottom: 12px;
font-size: 14px;
letter-spacing: .12em;
}
.bt-treatment-detail--breast .td-page-hero__jp {
margin-bottom: 10px;
font-size: clamp(27px, 8.1vw, 32px);
letter-spacing: .07em;
}
.bt-treatment-detail--breast .td-page-hero__en {
font-size: 20px;
letter-spacing: .13em;
}
.bt-treatment-detail--breast .td-page-hero__description {
margin-top: 17px;
font-size: 12px;
letter-spacing: .07em;
line-height: 1.9;
}
.td-breast-menu {
padding: 70px 0 78px;
}
.td-breast-menu__inner {
width: min(100% - 32px, 560px);
}
.td-breast-menu__grid {
grid-template-columns: 1fr;
gap: 13px;
}
.td-breast-card {
min-height: 0;
padding: 26px 25px 25px;
}
.td-breast-card::before {
left: 25px;
top: 57px;
width: 34px;
}
.td-breast-card p {
margin-bottom: 28px;
font-size: 24px;
}
.td-breast-card h3 {
margin-bottom: 12px;
font-size: 19px;
}
.td-breast-menu__note {
margin-top: 28px;
font-size: 12px;
text-align: left;
}
.bt-treatment-detail--breast .td-recommend__panel {
background: #fff;
}
.bt-treatment-detail--breast .td-recommend__list {
padding-bottom: 236px;
}
.bt-treatment-detail--breast .td-recommend__breast-photo {
width: 100%;
height: 208px;
object-position: center 24%;
}
}
#bt-root.bt-treatment-detail a {
color: inherit;
}
.td-page-hero {
position: relative;
min-height: 380px;
overflow: hidden;
background: #fff;
}
.td-page-hero::before,
.td-page-hero::after {
content: "";
position: absolute;
inset: -25% -10%;
pointer-events: none;
}
.td-page-hero::before {
background: url(//umekitaclinic.org/wp-content/uploads/2026/05/beauty-treatment-hero-epilation.jpg) center / cover no-repeat;
filter: none;
opacity: .5;
transform: none;
}
.td-page-hero::after {
background: #a2831e;
opacity: .15;
mix-blend-mode: normal;
}
.td-page-hero__inner {
position: relative;
z-index: 1;
width: min(1180px, calc(100% - 48px));
min-height: 380px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
padding: 54px 0 44px;
}
.td-page-hero__jp {
margin: 0 0 18px;
color: #171717;
font-family: var(--td-serif);
font-size: 26px;
font-weight: 500;
letter-spacing: .12em;
line-height: 1.35;
}
.td-page-hero__en {
margin: 0;
color: rgba(36, 35, 32, .86);
font-family: "Times New Roman", var(--td-serif);
font-size: clamp(68px, 7.2vw, 102px);
font-weight: 400;
letter-spacing: .02em;
line-height: .92;
}
.td-page-hero--epilation {
height: clamp(320px, 21.43vw, 435px);
min-height: 0;
background: #fff;
}
.td-page-hero--epilation::before,
.td-page-hero--epilation::after {
inset: 0;
filter: none;
transform: none;
mix-blend-mode: normal;
}
.td-page-hero--epilation::before {
background: url(//umekitaclinic.org/wp-content/uploads/2026/05/beauty-treatment-hero-epilation.jpg) center / cover no-repeat;
opacity: .5;
}
.td-page-hero--epilation::after {
background: #a2831e;
opacity: .15;
}
.td-page-hero--epilation .td-page-hero__inner {
width: min(1180px, calc(100% - 48px));
min-height: 100%;
padding: 0;
}
.td-page-hero--epilation .td-page-hero__jp {
margin: 0 0 18px;
font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif;
font-size: 32px;
font-weight: 500;
letter-spacing: .12em;
line-height: 1.35;
}
.td-page-hero--epilation .td-page-hero__en {
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: 100px;
font-weight: 500;
letter-spacing: 0;
line-height: .92;
}
.td-breadcrumb {
background: #fff;
}
.td-breadcrumb__inner {
width: min(1180px, calc(100% - 48px));
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 9px;
padding: 26px 0 30px;
color: #7d746a;
font-size: 11px;
font-weight: 400;
line-height: 1.7;
letter-spacing: 0;
}
.td-breadcrumb a,
.td-breadcrumb span {
color: inherit;
text-decoration: none;
}
.td-breadcrumb a::after {
content: "/";
margin-left: 9px;
color: #b9ad9c;
}
.td-intro {
background: linear-gradient(#fff 0 36%, var(--td-bg) 36% 100%);
padding: 0 0 118px;
}
.td-intro__inner {
width: min(1180px, calc(100% - 48px));
margin: 0 auto;
}
.td-intro__main {
display: grid;
grid-template-columns: minmax(390px, 44%) 1fr;
gap: clamp(52px, 6vw, 96px);
align-items: start;
}
.td-intro__copy {
padding-top: 38px;
}
.td-intro__lead {
margin: 0 0 42px;
color: var(--td-soft);
font-family: var(--td-serif);
font-size: clamp(36px, 3.55vw, 54px);
font-weight: 400;
letter-spacing: .14em;
line-height: 1.55;
word-break: keep-all;
overflow-wrap: normal;
line-break: strict;
}
.td-intro__lead-line {
display: block;
max-width: 100%;
}
.td-intro__lead-phrase {
display: inline-block;
white-space: nowrap;
}
.td-points {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.td-point {
text-align: center;
}
.td-point__head {
min-height: 62px;
padding-left: 18px;
border-left: 2px solid #d4cab7;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
color: var(--td-soft);
font-family: Georgia, "Times New Roman", serif;
line-height: 1;
}
.td-point__label {
margin-bottom: 8px;
font-size: 18px;
font-weight: 700;
letter-spacing: .08em;
}
.td-point__num {
font-size: 32px;
font-weight: 400;
letter-spacing: .05em;
}
.td-point__badge {
width: 118px;
height: 136px;
margin: 10px auto 0;
padding: 30px 14px;
display: grid;
place-items: center;
background: #eee9dc;
clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
color: #151515;
font-family: var(--td-serif);
font-size: 22px;
font-weight: 700;
letter-spacing: .08em;
line-height: 1.55;
}
.td-intro__media {
padding-top: 42px;
}
.td-intro__media img {
width: 100%;
aspect-ratio: 1.78 / 1;
display: block;
object-fit: cover;
object-position: center;
}
.td-anchor-nav {
margin-top: 118px;
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 12px;
}
.td-anchor-nav a {
min-height: 54px;
padding: 14px 10px;
display: grid;
place-items: center;
border-radius: 6px;
background: #d5c8ad;
box-shadow: 0 4px 10px rgba(119, 99, 60, .16);
color: #181818;
font-size: 15px;
font-weight: 700;
letter-spacing: .04em;
text-align: center;
transition: transform .2s ease, filter .2s ease;
}
.td-anchor-nav a:hover {
filter: brightness(.96);
transform: translateY(-1px);
}
.td-machine {
--td-machine-view-height: calc(100svh - var(--uklp-header-h, 90px));
--td-machine-pad-top: clamp(64px, 8svh, 100px);
--td-machine-title-gap: clamp(44px, 6svh, 74px);
--td-machine-title-height: 56px;
--td-machine-name-size: 100px;
--td-machine-name-half: 50px;
--td-machine-stage-height: calc(var(--td-machine-view-height) - var(--td-machine-pad-top) - var(--td-machine-title-height) - var(--td-machine-title-gap));
--td-machine-photo-height: min(560px, calc(var(--td-machine-stage-height) - var(--td-machine-name-half)));
position: relative;
overflow: hidden;
height: var(--td-machine-view-height);
min-height: 0;
padding: var(--td-machine-pad-top) 0 0;
background: linear-gradient(180deg, #f3eee9 0%, #baaa9b 100%);
}
.td-machine::before {
content: "";
position: absolute;
inset: calc(var(--td-machine-pad-top) + var(--td-machine-title-height) + var(--td-machine-title-gap) + 11px) 0 0;
background-image: url(//umekitaclinic.org/wp-content/uploads/2026/05/Group.png);
background-position: center top;
background-repeat: repeat-y;
background-size: 100% auto;
pointer-events: none;
}
.td-machine__title-row {
position: relative;
z-index: 1;
width: min(1640px, calc(100% - 96px));
margin: 0 auto var(--td-machine-title-gap);
display: grid;
grid-template-columns: 100px auto 100px;
align-items: center;
justify-content: center;
gap: 28px;
}
.td-machine__title-row span {
height: 1px;
background: #a0875b;
}
.td-machine__title-row h2 {
margin: 0;
color: #a0875b;
font-family: "Noto Serif JP", var(--td-serif);
font-size: 40px;
font-weight: 500;
letter-spacing: 0;
line-height: var(--td-machine-title-height);
text-align: center;
white-space: nowrap;
}
.td-machine__stage {
position: relative;
z-index: 1;
box-sizing: border-box;
width: min(2005px, 100%);
height: var(--td-machine-stage-height);
min-height: 0;
margin: 0 auto;
}
.td-machine__photo {
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 49%;
height: var(--td-machine-photo-height);
background-image: url(//umekitaclinic.org/wp-content/uploads/2026/05/Rectangle%20410.png);
background-size: cover;
background-position: center;
opacity: .92;
}
.td-machine__copy {
position: absolute;
z-index: 3;
box-sizing: border-box;
min-width: 0;
left: 54.3%;
top: -12px;
width: 34.6%;
padding-top: 0;
}
.td-machine__copy h3 {
width: 500px;
max-width: 100%;
margin: 0 0 24px;
color: #a0875b;
font-family: "Noto Serif JP", var(--td-serif);
font-size: 30px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.55;
text-align: justify;
text-align-last: justify;
white-space: nowrap;
}
.td-machine__mobile-break {
display: none;
}
.td-machine__copy p {
margin: 0;
color: #000;
font-family: "Noto Sans JP", var(--td-sans);
font-size: 20px;
font-weight: 400;
letter-spacing: 0;
line-height: 2.1;
max-width: 500px;
min-width: 0;
}
.td-machine__button {
width: 260px;
height: 58px;
margin-top: 48px;
padding: 0 27px 0 34px;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
border-radius: 6px;
background: linear-gradient(90deg, #ead59d, #d3ad60);
box-shadow: 0 4px 12px rgba(120, 91, 42, .12);
color: #201d18;
font-family: "Inter", var(--td-sans);
font-size: 14px;
font-weight: 700;
letter-spacing: .22em;
}
.td-machine__button span[aria-hidden="true"] {
position: absolute;
right: 27px;
}
.td-machine__device {
position: absolute;
z-index: 2;
right: 10.2%;
bottom: 44px;
width: 292px;
height: 372px;
background-image: url(//umekitaclinic.org/wp-content/uploads/2026/05/Rectangle%20479.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.td-machine__name {
position: absolute;
z-index: 1;
left: 15.6%;
top: calc(var(--td-machine-photo-height) - var(--td-machine-name-half));
bottom: auto;
margin: 0;
color: #a0875b;
font-family: "Noto Serif JP", var(--td-serif);
font-size: var(--td-machine-name-size);
font-weight: 500;
letter-spacing: 0;
line-height: 1;
white-space: nowrap;
}
.td-recommend {
padding: 154px 0 108px;
background: #fbf9f6;
}
.td-recommend__inner {
width: min(1232px, calc(100% - 48px));
margin: 0 auto;
}
.td-section-heading {
margin: 0 0 86px;
}
.td-recommend .td-section-heading {
margin-bottom: 84px;
}
.td-section-heading p {
margin: 0 0 10px;
color: #a18e69;
font-family: var(--td-serif);
font-size: 15px;
font-weight: 700;
letter-spacing: .12em;
}
.td-section-heading h2 {
margin: 0;
color: #a89572;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(44px, 3.7vw, 54px);
font-weight: 400;
letter-spacing: .04em;
line-height: 1;
}
.td-recommend .td-section-heading p {
margin-bottom: 6px;
font-family: "Noto Sans JP", var(--td-sans);
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
}
.td-recommend .td-section-heading h2 {
color: #a18e69;
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: 70px;
font-weight: 500;
letter-spacing: 0;
line-height: 1;
}
.td-recommend__panel {
position: relative;
overflow: visible;
height: 268px;
margin-bottom: 152px;
border-radius: 8px;
background: linear-gradient(90deg, #fff 0%, #fff 43%, #d3cbbc 100%);
}
.td-recommend__list {
position: relative;
z-index: 2;
width: min(870px, 72%);
margin: 0;
padding: 43px 0 42px 68px;
list-style: none;
display: grid;
gap: 17px;
}
.td-recommend__list li {
position: relative;
padding-left: 47px;
color: #1f1f1f;
font-family: "Noto Sans JP", var(--td-sans);
font-size: 20px;
font-weight: 400;
letter-spacing: 0;
line-height: 1.62;
}
.td-recommend__list li::before {
content: "";
position: absolute;
left: 0;
top: .28em;
width: 21px;
height: 21px;
border: 1px solid #91866f;
background: rgba(255,255,255,.68);
}
.td-recommend__list li::after {
content: "";
position: absolute;
left: 6px;
top: .42em;
width: 16px;
height: 8px;
border-left: 2px solid #91866f;
border-bottom: 2px solid #91866f;
transform: rotate(-45deg);
}
.td-recommend__woman {
position: absolute;
right: 55px;
bottom: 0;
z-index: 1;
width: 340px;
height: auto;
display: block;
}
.td-about-box {
width: 100%;
padding: 57px 24px 48px;
background: #e4ded7;
color: #1d1d1d;
}
.td-about-box h2 {
margin: 0 0 48px;
color: #a18e69;
font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif;
font-size: 32px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.45;
text-align: center;
}
.td-about-box p {
max-width: 860px;
margin: 0 auto;
font-family: "Noto Sans JP", var(--td-sans);
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
line-height: 2;
}
.td-about-box p + p {
margin-top: 38px;
}
.td-case-unit {
scroll-margin-top: 96px;
}
.td-features {
padding: clamp(160px, 11vw, 238px) 0 clamp(160px, 10vw, 210px);
background: #fbfaf7;
}
.td-features__inner {
width: min(1232px, calc(100% - 48px));
margin: 0 auto;
}
.td-features__heading {
margin-bottom: 84px;
}
.td-features__heading p {
margin-bottom: 6px;
font-family: "Noto Sans JP", var(--td-sans);
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
}
.td-features__heading h2 {
color: #a18e69;
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: 70px;
font-weight: 500;
letter-spacing: 0;
}
.td-features__list {
display: grid;
gap: 82px;
}
.td-feature {
display: grid;
grid-template-columns: 210px minmax(0, 1fr);
align-items: center;
gap: 54px;
min-height: 306px;
padding: 42px 0 54px 72px;
border-left: 1px solid #bca98c;
border-bottom: 1px solid #bca98c;
}
.td-feature__num {
width: 210px;
aspect-ratio: 1;
display: grid;
place-items: center;
border-radius: 50%;
background: #e4ded7;
color: #111;
font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif;
font-size: 30px;
font-weight: 500;
letter-spacing: .12em;
line-height: 1;
}
.td-feature__body {
padding: 6px 7.5% 0 0;
}
.td-feature__body h3 {
margin: 0 0 24px;
color: #988666;
font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif;
font-size: 23px;
font-weight: 600;
letter-spacing: .13em;
line-height: 1.45;
}
.td-feature__body p {
margin: 0;
color: #1c1c1c;
font-family: "Noto Sans JP", var(--td-sans);
font-size: 15px;
font-weight: 400;
letter-spacing: .055em;
line-height: 2.08;
}
.td-feature__body p + p {
margin-top: 18px;
}
.td-feature__body strong {
font-size: 16px;
font-weight: 500;
}
.td-price,
.td-flow {
padding: 120px 0 132px;
background: #fbfaf7;
}
.td-price__inner,
.td-flow__inner {
width: 94%;
max-width: 1120px;
margin: 0 auto;
}
.td-price__heading,
.td-flow__heading {
margin-bottom: 94px;
}
.td-price__table {
position: relative;
width: 100%;
display: grid;
gap: 3px;
color: #151515;
font-family: var(--td-sans);
font-weight: 400;
letter-spacing: .15em;
}
.td-price__more {
display: none;
}
.td-price__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3px;
min-height: 94px;
}
.td-price__row > div {
display: grid;
place-items: center;
padding: 24px 28px;
background: #e8e8e8;
font-size: 18px;
font-weight: 400;
letter-spacing: .15em;
text-align: center;
}
.td-price__row--head {
min-height: 92px;
color: #fff;
}
.td-price__row--head > div {
background: #a18d69;
font-size: 24px;
font-weight: 500;
letter-spacing: .15em;
}
.td-price__note {
width: 100%;
margin: 20px 10px 0 auto;
color: #3d3933;
font-family: var(--td-sans);
font-size: clamp(13px, .9vw, 16px);
font-weight: 700;
letter-spacing: .08em;
line-height: 1.8;
text-align: right;
}
.td-detail,
.td-faq {
padding: 120px 0 132px;
background: #e0d9d1;
}
.td-detail__inner,
.td-faq__inner {
width: 94%;
max-width: 1120px;
margin: 0 auto;
}
.td-detail__heading,
.td-faq__heading {
margin-bottom: 110px;
}
.td-detail__table {
display: grid;
background: #fff;
color: #161616;
font-family: var(--td-sans);
font-weight: 400;
letter-spacing: .15em;
}
.td-detail__row {
display: grid;
grid-template-columns: 360px minmax(0, 1fr);
min-height: 84px;
}
.td-detail__label,
.td-detail__value {
display: flex;
align-items: center;
padding: 22px 34px;
font-weight: 400;
letter-spacing: .15em;
}
.td-detail__label {
justify-content: center;
background: #a18d69;
color: #fff;
font-size: 16px;
}
.td-detail__value {
color: #222;
font-size: 18px;
line-height: 1.8;
}
.td-detail__row + .td-detail__row .td-detail__label {
border-top: 2px solid #fff;
}
.td-detail__row + .td-detail__row .td-detail__value {
border-top: 2px solid #d4cab7;
}
.td-flow__cards {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-rows: 1fr;
gap: 36px;
align-items: stretch;
}
.td-flow-card {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
min-width: 0;
padding: 22px 22px 28px;
background: #f6f3ef;
color: #151515;
}
.td-flow-card::after {
content: "";
position: absolute;
top: 48%;
right: -27px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 14px solid #a18d69;
}
.td-flow-card:last-child::after {
content: none;
}
.td-flow-card__step {
position: absolute;
left: 0;
top: -56px;
width: 134px;
height: 56px;
display: flex;
align-items: flex-end;
justify-content: center;
gap: 12px;
padding-bottom: 11px;
border-radius: 8px 8px 0 0;
background: #a18d69;
color: #fff;
font-family: var(--td-serif);
}
.td-flow-card__step span {
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: 14px;
font-weight: 500;
letter-spacing: .08em;
line-height: 1;
}
.td-flow-card__step strong {
font-size: 34px;
font-weight: 500;
line-height: 1;
}
.td-flow-card img {
width: 100%;
aspect-ratio: 224 / 178;
display: block;
object-fit: cover;
margin-bottom: 34px;
}
.td-flow-card h3 {
margin: 0 0 14px;
color: #111;
font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif;
min-width: 0;
font-size: 19px;
font-weight: 600;
letter-spacing: .04em;
line-height: 1.45;
word-break: normal;
overflow-wrap: normal;
line-break: strict;
}
@media (min-width: 1021px) {
.td-flow-card h3 {
font-size: clamp(17px, 1.08vw, 18px);
letter-spacing: .02em;
}
}
.td-flow-card p {
margin: 0;
color: #202020;
font-family: var(--td-sans);
font-size: 14px;
font-weight: 400;
letter-spacing: .02em;
line-height: 1.95;
word-break: normal;
overflow-wrap: normal;
line-break: strict;
}
.td-faq__list {
border: 1px solid #b7a88d;
background: #fff;
}
.td-faq-item + .td-faq-item {
border-top: 1px solid #b7a88d;
}
.td-faq-item {
padding: 28px 82px 34px;
}
.td-faq-item__q,
.td-faq-item__a-inner {
display: grid;
grid-template-columns: 72px minmax(0, 1fr) 34px;
align-items: center;
gap: 28px;
}
.td-faq-item__q {
width: 100%;
min-height: 70px;
padding: 0;
border: 0;
background: transparent;
font: inherit;
text-align: left;
cursor: pointer;
}
.td-faq-item__q span {
width: 72px;
height: 72px;
display: grid;
place-items: center;
border-radius: 50%;
background: #e8e3dd;
color: #988666;
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: 30px;
font-weight: 500;
line-height: 1;
}
.td-faq-item__q h3 {
margin: 0;
color: #a18d69;
font-family: var(--td-sans);
font-size: 20px;
font-weight: 500;
letter-spacing: .1em;
line-height: 1.6;
}
.td-faq-item__q i {
width: 18px;
height: 18px;
border-right: 3px solid #a18d69;
border-bottom: 3px solid #a18d69;
transform: rotate(45deg);
transition: transform .25s ease, margin-top .25s ease;
justify-self: end;
margin-top: -8px;
}
.td-faq-item__q[aria-expanded="true"] i {
margin-top: 8px;
transform: rotate(225deg);
}
.td-faq-item__a {
display: grid;
grid-template-rows: 1fr;
margin-top: 24px;
padding-top: 34px;
border-top: 1px dashed #cfc2ad;
overflow: hidden;
opacity: 1;
transition: grid-template-rows .34s cubic-bezier(.22, .61, .36, 1),
opacity .22s ease,
margin-top .34s cubic-bezier(.22, .61, .36, 1),
padding-top .34s cubic-bezier(.22, .61, .36, 1),
border-color .22s ease;
}
.td-faq-item__a-inner {
min-height: 0;
overflow: hidden;
}
.td-faq-item__a.is-collapsed {
grid-template-rows: 0fr;
margin-top: 0;
padding-top: 0;
border-top-color: transparent;
opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.td-faq-item__q i,
.td-faq-item__a {
transition-duration: .01ms;
}
}
.td-faq-item__a span {
padding-top: 2px;
align-self: start;
color: #111;
font-family: "Cormorant Garamond", "Times New Roman", serif;
font-size: 36px;
font-weight: 500;
line-height: 1;
text-align: center;
}
.td-faq-item__a p {
grid-column: 2 / 4;
margin: 0;
color: #1f1f1f;
font-family: var(--td-sans);
font-size: 16px;
font-weight: 400;
letter-spacing: .1em;
line-height: 2;
}
#bt-root.bt-treatment-detail .bt-reserve__btn {
gap: 16px;
}
#bt-root.bt-treatment-detail .bt-reserve__btn-text {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
color: #fff !important;
font-family: var(--td-sans);
font-size: 19px;
font-weight: 500;
line-height: 1.35;
letter-spacing: .08em;
white-space: nowrap;
}
#bt-root.bt-treatment-detail .bt-reserve__btn-icon {
flex: 0 0 auto;
}
.td-existing-content {
background: #fff;
padding: 80px 0 120px;
}
.td-existing-content .custom-page-wrapper {
background: transparent;
}
.td-existing-content .header-section {
display: none;
}
@media (max-width: 1024px) {
.td-page-hero,
.td-page-hero__inner {
min-height: 300px;
}
.td-intro__main {
grid-template-columns: 1fr;
gap: 36px;
}
.td-intro__media {
padding-top: 0;
}
.td-anchor-nav {
grid-template-columns: repeat(3, 1fr);
margin-top: 64px;
}
.td-machine {
height: auto;
min-height: auto;
padding: 92px 0 112px;
}
.td-machine__title-row {
grid-template-columns: 48px auto 48px;
gap: 16px;
margin-bottom: 58px;
}
.td-machine__stage {
height: auto;
min-height: auto;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 28px;
}
.td-machine__photo,
.td-machine__copy,
.td-machine__device,
.td-machine__name {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
width: 100%;
}
.td-machine__photo {
height: auto;
aspect-ratio: 823 / 518;
background-size: cover;
background-position: center;
}
.td-machine__copy {
padding: 0 24px;
}
.td-machine__copy h3 {
width: auto;
white-space: normal;
text-align: left;
text-align-last: auto;
}
.td-machine__device {
width: 190px;
height: 244px;
justify-self: end;
margin-right: 24px;
background-size: contain;
background-position: center;
}
.td-machine__name {
order: 4;
margin-top: -62px;
font-size: clamp(54px, 10vw, 96px);
text-align: center;
}
.td-recommend {
padding: 96px 0 104px;
}
.td-recommend__inner {
width: min(100% - 40px, 760px);
}
.td-section-heading {
margin-bottom: 48px;
}
.td-recommend .td-section-heading {
margin-bottom: 52px;
}
.td-recommend .td-section-heading h2 {
font-size: 56px;
}
.td-recommend__panel {
height: auto;
min-height: auto;
margin-bottom: 96px;
padding-bottom: 0;
}
.td-recommend__list {
width: 100%;
padding: 40px 32px 248px;
}
.td-recommend__woman {
right: 22px;
width: 230px;
}
.td-about-box {
padding: 54px 36px 62px;
}
.td-features {
padding: 110px 0 118px;
}
.td-features__inner {
width: min(100% - 40px, 760px);
}
.td-features__heading {
margin-bottom: 84px;
}
.td-features__heading p {
font-size: 15px;
}
.td-features__heading h2 {
font-size: 70px;
}
.td-features__list {
gap: 48px;
}
.td-feature {
grid-template-columns: 160px minmax(0, 1fr);
gap: 32px;
min-height: auto;
padding: 32px 0 40px 34px;
}
.td-feature__num {
width: 138px;
font-size: 28px;
}
.td-feature__body {
padding-right: 16px;
}
.td-price,
.td-detail,
.td-flow,
.td-faq {
padding: 108px 0 116px;
}
.td-price__inner,
.td-detail__inner,
.td-flow__inner,
.td-faq__inner {
width: 94%;
max-width: 1120px;
}
.td-price__heading,
.td-detail__heading,
.td-flow__heading,
.td-faq__heading {
margin-bottom: 58px;
}
.td-detail__row {
grid-template-columns: 210px minmax(0, 1fr);
}
.td-flow__cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 76px 34px;
}
.td-flow-card:nth-child(2)::after {
content: none;
}
.td-faq-item {
padding: 24px 32px 30px;
}
.td-faq-item__q,
.td-faq-item__a-inner {
grid-template-columns: 58px minmax(0, 1fr) 28px;
gap: 18px;
}
.td-faq-item__q span {
width: 58px;
height: 58px;
font-size: 25px;
}
}
@media (max-width: 767px) {
.td-page-hero {
min-height: 230px;
}
.td-page-hero__inner {
width: min(100% - 32px, 560px);
min-height: 230px;
padding: 38px 0 30px;
}
.td-page-hero__jp {
margin-bottom: 12px;
font-size: 19px;
}
.td-page-hero__en {
font-size: clamp(48px, 16vw, 76px);
}
.td-breadcrumb__inner {
width: min(100% - 32px, 560px);
height: auto;
min-height: 86px;
padding: 24px 0;
flex-wrap: wrap;
gap: 7px 0;
font-size: 12px;
}
.td-intro {
padding-bottom: 72px;
}
.td-intro__inner {
width: min(100% - 32px, 560px);
}
.td-intro__copy {
padding-top: 20px;
}
.td-intro__lead {
margin-bottom: 28px;
font-size: clamp(30px, 10.6vw, 42px);
letter-spacing: .08em;
word-break: normal;
overflow-wrap: anywhere;
line-break: auto;
}
.td-points {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
.td-point__head {
min-height: 48px;
padding-left: 9px;
}
.td-point__label {
font-size: 13px;
}
.td-point__num {
font-size: 24px;
}
.td-point__badge {
width: 92px;
height: 106px;
padding: 24px 9px;
font-size: 16px;
}
.td-anchor-nav {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
margin-top: 44px;
}
.td-anchor-nav a {
min-height: 48px;
font-size: 13px;
}
.td-machine {
padding: 72px 0 70px;
}
.td-machine__title-row {
width: min(100% - 64px, 598px);
display: block;
margin-bottom: 34px;
}
.td-machine__title-row h2 {
position: relative;
min-width: 0;
color: transparent;
font-size: 0;
letter-spacing: 0;
line-height: 1;
white-space: normal;
}
.td-machine__title-row h2::before,
.td-machine__title-row h2::after {
display: block;
color: #a0875b;
font-family: "Noto Serif JP", var(--td-serif);
font-weight: 500;
text-align: center;
white-space: nowrap;
}
.td-machine__title-row h2::before {
content: "最新鋭機";
font-size: clamp(25px, 7.2vw, 29px);
line-height: 1.3;
}
.td-machine__title-row h2::after {
content: "「ジェントルマックスプロプラス」";
margin-top: 9px;
font-size: clamp(18px, 5.05vw, 21px);
line-height: 1.45;
}
.td-machine__title-row span {
position: absolute;
top: clamp(16px, 4.6vw, 19px);
width: clamp(32px, 9.7vw, 42px);
margin: 0;
}
.td-machine__title-row > span:first-child {
left: calc(50% - clamp(112px, 30.5vw, 124px));
}
.td-machine__title-row > span:last-child {
right: calc(50% - clamp(112px, 30.5vw, 124px));
}
.td-machine__stage {
width: min(100% - 48px, 598px);
display: flex;
flex-direction: column;
gap: 0;
overflow: visible;
}
.td-machine__photo {
width: 100%;
aspect-ratio: 598 / 425;
background-position: center;
}
.td-machine__copy {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
display: contents;
}
.td-machine__copy h3 {
width: min(76%, 270px);
margin: 34px 0 18px;
font-size: clamp(22px, 5.9vw, 25px);
letter-spacing: .04em;
line-height: 1.48;
font-weight: 600;
white-space: normal;
order: 2;
}
.td-machine__copy p {
max-width: none;
font-size: clamp(15px, 4vw, 16px);
letter-spacing: .08em;
line-height: 2.05;
font-weight: 400;
order: 3;
}
.td-machine__button {
width: min(276px, calc(100% - 42px));
height: 58px;
min-height: 58px;
flex: 0 0 58px;
margin: 30px auto 0;
padding: 0 22px 0 41px;
display: flex;
font-size: 15px;
letter-spacing: .2em;
order: 5;
}
.td-machine__device {
position: absolute;
right: -6px;
top: clamp(184px, calc(48vw - 5px), 260px);
width: 154px;
height: 196px;
background-size: contain;
background-position: center;
}
.td-machine__name {
width: 100%;
margin: 36px 0 0;
font-size: clamp(52px, 14.1vw, 61px);
letter-spacing: .04em;
line-height: 1.08;
text-align: left;
white-space: normal;
order: 4;
}
.td-machine__mobile-break {
display: inline;
}
.td-recommend {
padding: 76px 0 84px;
}
.td-recommend__inner {
width: min(100% - 32px, 560px);
}
.td-section-heading {
margin-bottom: 34px;
}
.td-section-heading p {
font-size: 11.5px;
}
.td-section-heading h2 {
font-size: 30px;
letter-spacing: .1em;
}
.td-recommend .td-section-heading {
margin-bottom: 34px;
}
.td-recommend .td-section-heading p {
font-size: 15px;
letter-spacing: 0;
}
.td-recommend .td-section-heading h2 {
font-size: 44px;
letter-spacing: 0;
}
.td-recommend__panel {
height: auto;
margin-bottom: 64px;
}
.td-recommend__list {
padding: 30px 20px 206px;
gap: 18px;
}
.td-recommend__list li {
padding-left: 38px;
font-size: 16px;
letter-spacing: 0;
line-height: 1.7;
}
.td-recommend__list li::before {
width: 22px;
height: 22px;
}
.td-recommend__list li::after {
left: 6px;
width: 14px;
height: 8px;
}
.td-recommend__woman {
right: 8px;
width: 182px;
}
.td-about-box {
padding: 40px 22px 46px;
}
.td-about-box h2 {
margin-bottom: 30px;
font-size: 24px;
letter-spacing: 0;
}
.td-about-box p {
font-size: 15px;
line-height: 2.05;
}
.td-about-box p + p {
margin-top: 28px;
}
.td-features {
padding: 78px 0 90px;
}
.td-features__inner {
width: min(100% - 32px, 560px);
}
.td-features__heading {
margin-bottom: 34px;
}
.td-features__heading p {
margin-bottom: 6px;
font-size: 15px;
}
.td-features__heading h2 {
font-size: 44px;
letter-spacing: 0;
}
.td-features__list {
gap: 34px;
}
.td-feature {
grid-template-columns: 1fr;
gap: 24px;
padding: 26px 18px 32px 22px;
}
.td-feature__num {
width: 116px;
font-size: 24px;
}
.td-feature__body {
padding: 0;
}
.td-feature__body h3 {
margin-bottom: 16px;
font-size: 21px;
letter-spacing: .08em;
}
.td-feature__body p {
font-size: 14px;
letter-spacing: .04em;
line-height: 1.9;
}
.td-price,
.td-detail,
.td-flow,
.td-faq {
padding: 76px 0 86px;
}
.td-price__inner,
.td-detail__inner,
.td-flow__inner,
.td-faq__inner {
width: 90%;
max-width: 375px;
}
.td-price__heading,
.td-detail__heading,
.td-flow__heading,
.td-faq__heading {
margin-bottom: 38px;
}
.td-price__row {
min-height: 74px;
}
.td-price__row > div {
padding: 18px 8px;
font-size: 15px;
letter-spacing: .15em;
}
.td-price__row--head {
min-height: 70px;
}
.td-price__row--head > div {
font-size: 20px;
}
.td-price__note {
font-size: 12px;
text-align: left;
}
.td-price__table.is-collapsed {
max-height: var(--td-price-collapsed-height);
overflow: hidden;
transition: max-height .42s cubic-bezier(.22, .61, .36, 1);
}
.td-price__table.is-collapsed::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 92px;
background: linear-gradient(180deg, rgba(251, 250, 247, 0), #fbfaf7 86%);
pointer-events: none;
}
.td-price__table.is-expanded {
max-height: var(--td-price-expanded-height);
overflow: hidden;
transition: max-height .42s cubic-bezier(.22, .61, .36, 1);
}
.td-price__more {
width: min(220px, 74%);
min-height: 52px;
margin: 24px auto 0;
padding: 0 24px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #a18d69;
border-radius: 999px;
background: #fff;
color: #8b7755;
font-family: var(--td-sans);
font-size: 14px;
font-weight: 700;
letter-spacing: .08em;
}
.td-price__more[hidden] {
display: none;
}
@media (prefers-reduced-motion: reduce) {
.td-price__table.is-collapsed,
.td-price__table.is-expanded {
transition-duration: .01ms;
}
}
.td-detail__row {
grid-template-columns: 1fr;
}
.td-detail__label,
.td-detail__value {
padding: 16px 18px;
justify-content: flex-start;
letter-spacing: .15em;
}
.td-detail__label {
font-size: 16px;
}
.td-detail__value {
font-size: 16px;
}
.td-flow__cards {
grid-template-columns: 1fr;
gap: 70px;
}
.td-flow-card {
min-height: auto;
padding: 18px;
}
.td-flow-card::after {
top: auto;
right: 50%;
bottom: -42px;
transform: translateX(50%) rotate(90deg);
}
.td-flow-card:nth-child(2)::after {
content: "";
}
.td-flow-card__step {
width: 112px;
height: 48px;
top: -48px;
padding-bottom: 9px;
}
.td-flow-card__step strong {
font-size: 28px;
}
.td-flow-card h3 {
margin-bottom: 14px;
font-size: 20px;
letter-spacing: .03em;
}
.td-flow-card p {
font-size: 14px;
letter-spacing: .02em;
line-height: 1.9;
}
.td-faq-item {
padding: 20px 18px 24px;
}
.td-faq-item__q,
.td-faq-item__a-inner {
grid-template-columns: 46px minmax(0, 1fr) 22px;
gap: 12px;
}
.td-faq-item__q span {
width: 46px;
height: 46px;
font-size: 30px;
}
.td-faq-item__q h3 {
font-size: 20px;
letter-spacing: .1em;
}
.td-faq-item__q i {
width: 13px;
height: 13px;
border-width: 2px;
}
.td-faq-item__a {
margin-top: 18px;
padding-top: 22px;
}
.td-faq-item__a:not(.is-collapsed) {
grid-template-rows: 1fr;
opacity: 1;
visibility: visible;
}
.td-faq-item__a:not(.is-collapsed) .td-faq-item__a-inner {
overflow: visible;
}
.td-faq-item__a span {
font-size: 36px;
}
.td-faq-item__a p {
display: block;
grid-column: 2 / 4;
font-size: 16px;
letter-spacing: .1em;
line-height: 1.9;
}
}
@media (max-width: 430px) {
.td-price__inner,
.td-detail__inner,
.td-flow__inner,
.td-faq__inner {
width: min(calc(100% - 28px), 375px);
}
}
@media (max-width: 1024px) {
.td-page-hero--epilation {
height: clamp(250px, 28vw, 320px);
min-height: 0;
}
.td-page-hero--epilation .td-page-hero__inner {
min-height: 100%;
}
}
@media (max-width: 767px) {
.td-page-hero--epilation {
height: 230px;
min-height: 0;
}
.td-page-hero--epilation .td-page-hero__inner {
width: min(100% - 32px, 560px);
}
.td-page-hero--epilation .td-page-hero__jp {
margin-bottom: 12px;
font-size: 19px;
}
.td-page-hero--epilation .td-page-hero__en {
font-size: clamp(48px, 16vw, 76px);
}
}
.td-page-hero--epilation .td-page-hero__inner {
width: min(1180px, calc(100% - 48px));
}
@media (max-width: 767px) {
.td-page-hero--epilation .td-page-hero__inner {
width: min(100% - 32px, 560px);
}
}
.bt-treatment-detail--epilation {
--td-epilation-container: min(1290px, calc(100% - 48px));
--td-bg: #fbf9f6;
--td-soft: #988666;
}
.bt-treatment-detail--epilation .td-breadcrumb__inner {
width: var(--td-epilation-container);
font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
}
.bt-treatment-detail--epilation .td-breadcrumb a,
.bt-treatment-detail--epilation .td-breadcrumb span {
font-weight: 400;
}
.bt-treatment-detail--epilation .td-page-hero--epilation .td-page-hero__inner {
width: var(--td-epilation-container);
}
.bt-treatment-detail--epilation .td-intro {
background: linear-gradient(#fff 0 238px, #fbf9f6 238px 100%);
padding: 0 0 150px;
}
.bt-treatment-detail--epilation .td-intro__inner {
width: var(--td-epilation-container);
}
.bt-treatment-detail--epilation .td-intro__main {
grid-template-columns: minmax(0, 610px) minmax(0, 632px);
gap: 48px;
justify-content: start;
align-items: start;
padding-top: 92px;
}
.bt-treatment-detail--epilation .td-intro__copy,
.bt-treatment-detail--epilation .td-intro__media {
padding-top: 0;
}
.bt-treatment-detail--epilation .td-intro__media {
padding-top: 13px;
}
.bt-treatment-detail--epilation .td-intro__lead {
margin: 0 0 38px;
color: #988666;
font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif;
font-size: 50px;
font-weight: 500;
letter-spacing: .16em;
line-height: 1.32;
}
.bt-treatment-detail--epilation .td-points {
grid-template-columns: repeat(3, 112px);
gap: 72px;
justify-content: start;
}
.bt-treatment-detail--epilation .td-point__head {
margin: 0 auto;
min-height: 52px;
width: 86px;
padding-left: 0;
border-left-color: #988666;
color: #988666;
font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif;
line-height: 1.02;
align-items: center;
justify-items: center;
}
.bt-treatment-detail--epilation .td-point__label,
.bt-treatment-detail--epilation .td-point__num {
font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif;
font-weight: 500;
letter-spacing: .04em;
text-align: center;
}
.bt-treatment-detail--epilation .td-point__label {
margin-bottom: 0;
font-size: 16px;
}
.bt-treatment-detail--epilation .td-point__num {
font-size: 30px;
}
.bt-treatment-detail--epilation .td-point__badge {
position: relative;
width: 112px;
height: 129px;
margin: 18px auto 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
clip-path: none;
color: #000;
font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif;
font-size: 20px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.55;
}
.bt-treatment-detail--epilation .td-point__badge::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: #ede4d5;
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.bt-treatment-detail--epilation .td-point__badge span {
position: relative;
z-index: 1;
white-space: nowrap;
}
.bt-treatment-detail--epilation .td-intro__media img {
width: 690px;
max-width: 100%;
height: 356px;
object-fit: cover;
}
.bt-treatment-detail--epilation .td-anchor-nav {
margin-top: 158px;
width: 100%;
max-width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
gap: clamp(10px, .85vw, 14px);
}
.bt-treatment-detail--epilation .td-anchor-nav a {
width: max-content;
max-width: 100%;
min-width: 0;
height: 48px;
min-height: 48px;
flex: 1 0 auto;
box-sizing: border-box;
padding: 0 clamp(12px, 1.15vw, 20px);
border-radius: 8px;
font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: .02em;
line-height: 1;
white-space: nowrap;
}
html.translated-ltr .bt-treatment-detail--epilation .td-intro__lead,
html.translated-rtl .bt-treatment-detail--epilation .td-intro__lead,
body.translated-ltr .bt-treatment-detail--epilation .td-intro__lead,
body.translated-rtl .bt-treatment-detail--epilation .td-intro__lead,
body.is-translated .bt-treatment-detail--epilation .td-intro__lead {
font-size: clamp(34px, 3vw, 50px);
letter-spacing: .04em;
overflow-wrap: anywhere;
}
html.translated-ltr .bt-treatment-detail--epilation .td-point__badge span,
html.translated-rtl .bt-treatment-detail--epilation .td-point__badge span,
body.translated-ltr .bt-treatment-detail--epilation .td-point__badge span,
body.translated-rtl .bt-treatment-detail--epilation .td-point__badge span,
body.is-translated .bt-treatment-detail--epilation .td-point__badge span {
max-width: 118%;
white-space: normal;
overflow-wrap: anywhere;
text-align: center;
font-size: 18px;
line-height: 1.35;
}
html.translated-ltr .bt-treatment-detail--epilation .td-anchor-nav a,
html.translated-rtl .bt-treatment-detail--epilation .td-anchor-nav a,
body.translated-ltr .bt-treatment-detail--epilation .td-anchor-nav a,
body.translated-rtl .bt-treatment-detail--epilation .td-anchor-nav a,
body.is-translated .bt-treatment-detail--epilation .td-anchor-nav a {
padding: 0 12px;
font-size: 13px;
line-height: 1.45;
white-space: normal;
overflow-wrap: anywhere;
}
body.is-translated .bt-treatment-detail--epilation .td-machine__copy h3,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__copy h3,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__copy h3,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__copy h3,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__copy h3 {
white-space: normal;
text-align: left;
text-align-last: auto;
overflow-wrap: anywhere;
}
body.is-translated .bt-treatment-detail--epilation .td-machine__title-row h2,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__title-row h2,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__title-row h2,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__title-row h2,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__title-row h2 {
white-space: normal;
overflow-wrap: anywhere;
}
body.is-translated .bt-treatment-detail--epilation .td-machine__copy p,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__copy p,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__copy p,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__copy p,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__copy p {
overflow-wrap: anywhere;
}
@media (min-width: 1025px) {
body.is-translated .bt-treatment-detail--epilation .td-machine,
html.translated-ltr .bt-treatment-detail--epilation .td-machine,
html.translated-rtl .bt-treatment-detail--epilation .td-machine,
body.translated-ltr .bt-treatment-detail--epilation .td-machine,
body.translated-rtl .bt-treatment-detail--epilation .td-machine {
height: auto;
min-height: max(var(--td-machine-view-height), 760px);
padding-bottom: 110px;
}
body.is-translated .bt-treatment-detail--epilation .td-machine__stage,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__stage,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__stage,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__stage,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__stage {
min-height: max(var(--td-machine-stage-height), 610px);
}
}
@media (max-width: 1200px) {
.bt-treatment-detail--epilation .td-intro__main {
grid-template-columns: minmax(0, 1fr);
gap: 48px;
}
.bt-treatment-detail--epilation .td-intro__media {
max-width: 690px;
padding-top: 0;
}
.bt-treatment-detail--epilation .td-intro__media img {
height: auto;
}
}
@media (max-width: 767px) {
body.is-translated .bt-treatment-detail--epilation .td-machine,
html.translated-ltr .bt-treatment-detail--epilation .td-machine,
html.translated-rtl .bt-treatment-detail--epilation .td-machine,
body.translated-ltr .bt-treatment-detail--epilation .td-machine,
body.translated-rtl .bt-treatment-detail--epilation .td-machine {
height: auto;
overflow: hidden;
padding-bottom: 70px;
}
body.is-translated .bt-treatment-detail--epilation .td-machine__stage,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__stage,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__stage,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__stage,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__stage {
height: auto;
min-height: 0;
}
body.is-translated .bt-treatment-detail--epilation .td-machine__title-row > span,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__title-row > span,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__title-row > span,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__title-row > span,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__title-row > span,
body.is-translated .bt-treatment-detail--epilation .td-machine__title-row h2::before,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__title-row h2::before,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__title-row h2::before,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__title-row h2::before,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__title-row h2::before,
body.is-translated .bt-treatment-detail--epilation .td-machine__title-row h2::after,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__title-row h2::after,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__title-row h2::after,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__title-row h2::after,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__title-row h2::after {
display: none;
}
body.is-translated .bt-treatment-detail--epilation .td-machine__title-row h2,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__title-row h2,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__title-row h2,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__title-row h2,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__title-row h2 {
color: #a0875b;
font-size: clamp(19px, 5.3vw, 22px);
line-height: 1.55;
letter-spacing: .03em;
text-align: center;
overflow-wrap: anywhere;
}
body.is-translated .bt-treatment-detail--epilation .td-machine__mobile-break,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__mobile-break,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__mobile-break,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__mobile-break,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__mobile-break {
display: none;
}
body.is-translated .bt-treatment-detail--epilation .td-machine__copy h3,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__copy h3,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__copy h3,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__copy h3,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__copy h3 {
width: 100%;
margin-top: 112px;
font-size: clamp(21px, 5.8vw, 24px);
letter-spacing: .02em;
line-height: 1.5;
}
body.is-translated .bt-treatment-detail--epilation .td-machine__copy p,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__copy p,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__copy p,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__copy p,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__copy p {
font-size: 15px;
letter-spacing: .04em;
line-height: 1.9;
}
body.is-translated .bt-treatment-detail--epilation .td-machine__name,
html.translated-ltr .bt-treatment-detail--epilation .td-machine__name,
html.translated-rtl .bt-treatment-detail--epilation .td-machine__name,
body.translated-ltr .bt-treatment-detail--epilation .td-machine__name,
body.translated-rtl .bt-treatment-detail--epilation .td-machine__name {
font-size: clamp(45px, 12.5vw, 56px);
overflow-wrap: anywhere;
}
.bt-treatment-detail--epilation .td-intro {
background: linear-gradient(#fff 0 190px, #fbf9f6 190px 100%);
padding-bottom: 76px;
}
.bt-treatment-detail--epilation .td-intro__inner {
width: min(100% - 32px, 560px);
}
.bt-treatment-detail--epilation .td-intro__main {
gap: 46px;
padding-top: 48px;
}
.bt-treatment-detail--epilation .td-intro__lead {
margin-bottom: 38px;
font-size: clamp(32px, 8.8vw, 40px);
letter-spacing: .1em;
line-height: 1.45;
}
.bt-treatment-detail--epilation .td-points {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(10px, 4vw, 22px);
}
.bt-treatment-detail--epilation .td-point__label,
.bt-treatment-detail--epilation .td-point__num {
font-size: 18px;
}
.bt-treatment-detail--epilation .td-point__num {
font-size: 28px;
}
.bt-treatment-detail--epilation .td-point__badge {
width: min(112px, 100%);
height: auto;
min-height: 0;
aspect-ratio: 112 / 129;
padding: 0;
font-size: clamp(16px, 3.9vw, 20px);
}
.bt-treatment-detail--epilation .td-intro__media img {
width: 100%;
height: auto;
}
.bt-treatment-detail--epilation .td-anchor-nav {
margin-top: 54px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.bt-treatment-detail--epilation .td-anchor-nav a {
width: auto;
min-width: 0;
padding: 0 12px;
font-size: clamp(13px, 3.4vw, 14px);
line-height: 1.45;
white-space: normal;
overflow-wrap: anywhere;
}
.bt-treatment-detail--epilation .td-recommend__panel {
background: linear-gradient(0deg, #d3cbbc 0%, #fff 57%, #fff 100%);
}
.bt-treatment-detail--epilation .td-about-box {
padding-right: 12px;
padding-left: 12px;
}
.bt-treatment-detail--epilation.bt-treatment-detail--hair-removal .td-about-box h2 {
font-size: clamp(15px, 4.45vw, 20px);
letter-spacing: -.03em;
white-space: nowrap;
}
body.is-translated .bt-treatment-detail--epilation.bt-treatment-detail--hair-removal .td-about-box h2,
html.translated-ltr .bt-treatment-detail--epilation.bt-treatment-detail--hair-removal .td-about-box h2,
html.translated-rtl .bt-treatment-detail--epilation.bt-treatment-detail--hair-removal .td-about-box h2,
body.translated-ltr .bt-treatment-detail--epilation.bt-treatment-detail--hair-removal .td-about-box h2,
body.translated-rtl .bt-treatment-detail--epilation.bt-treatment-detail--hair-removal .td-about-box h2 {
letter-spacing: 0;
white-space: normal;
overflow-wrap: anywhere;
}
.bt-treatment-detail--epilation .td-flow__heading {
margin-bottom: 86px;
}
.bt-treatment-detail--epilation .td-flow__cards {
gap: 108px;
}
.bt-treatment-detail--epilation .td-flow-card::after {
bottom: -62px;
}
}
.td-section-heading p,
.td-injection-menu .td-section-heading p,
.td-breast-menu .td-section-heading p,
.td-recommend .td-section-heading p {
margin: 0;
color: #a89572;
font-family: "Noto Serif JP", "Yu Mincho", "YuMincho", serif;
font-size: 48px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.05em;
}
.td-section-heading h2,
.td-injection-menu .td-section-heading h2,
.td-breast-menu .td-section-heading h2,
.td-recommend .td-section-heading h2 {
display: none;
}
@media (max-width: 768px) {
.td-section-heading p,
.td-injection-menu .td-section-heading p,
.td-breast-menu .td-section-heading p,
.td-recommend .td-section-heading p {
font-size: 30px;
}
}
html[lang]:not([lang^="ja"]) #bt-root.bt-treatment-detail .td-page-hero__jp,
html.translated-ltr #bt-root.bt-treatment-detail .td-page-hero__jp,
html.translated-rtl #bt-root.bt-treatment-detail .td-page-hero__jp,
body.translated-ltr #bt-root.bt-treatment-detail .td-page-hero__jp,
body.translated-rtl #bt-root.bt-treatment-detail .td-page-hero__jp,
body.is-translated #bt-root.bt-treatment-detail .td-page-hero__jp {
display: none !important;
}
html[lang]:not([lang^="ja"]) #bt-root.bt-treatment-detail .td-page-hero__en,
html.translated-ltr #bt-root.bt-treatment-detail .td-page-hero__en,
html.translated-rtl #bt-root.bt-treatment-detail .td-page-hero__en,
body.translated-ltr #bt-root.bt-treatment-detail .td-page-hero__en,
body.translated-rtl #bt-root.bt-treatment-detail .td-page-hero__en,
body.is-translated #bt-root.bt-treatment-detail .td-page-hero__en {
letter-spacing: 0;
line-height: 1;
max-width: min(100%, 12em);
overflow-wrap: anywhere;
}