/* Generated by scripts/build-detail-styles.cjs. Article styles only. */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&family=Shippori+Mincho+B1:wght@400;500;600&family=Zen+Kaku+Gothic+Antique:wght@400;500;700&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");
/* Source: css/newtop.css */
.ems-detail-content { line-height: 1.15; text-size-adjust: 100%; }
.ems-detail-content { margin: 0px; }
:where(.ems-detail-content) :is(main) { display: block; }
:where(.ems-detail-content) :is(h1) { font-size: 2em; margin: 0.67em 0px; }
:where(.ems-detail-content) :is(hr) { box-sizing: content-box; height: 0px; overflow: visible; }
:where(.ems-detail-content) :is(pre) { font-family: monospace, monospace; font-size: 1em; }
:where(.ems-detail-content) :is(a) { background-color: transparent; }
:where(.ems-detail-content) :is(abbr[title]) { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; }
:where(.ems-detail-content) :is(b),
:where(.ems-detail-content) :is(strong) { font-weight: bolder; }
:where(.ems-detail-content) :is(code),
:where(.ems-detail-content) :is(kbd),
:where(.ems-detail-content) :is(samp) { font-family: monospace, monospace; font-size: 1em; }
:where(.ems-detail-content) :is(small) { font-size: 80%; }
:where(.ems-detail-content) :is(sub),
:where(.ems-detail-content) :is(sup) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
:where(.ems-detail-content) :is(sub) { bottom: -0.25em; }
:where(.ems-detail-content) :is(sup) { top: -0.5em; }
:where(.ems-detail-content) :is(img) { border-style: none; }
:where(.ems-detail-content) :is(button),
:where(.ems-detail-content) :is(input),
:where(.ems-detail-content) :is(optgroup),
:where(.ems-detail-content) :is(select),
:where(.ems-detail-content) :is(textarea) { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
:where(.ems-detail-content) :is(button),
:where(.ems-detail-content) :is(input) { overflow: visible; }
:where(.ems-detail-content) :is(button),
:where(.ems-detail-content) :is(select) { text-transform: none; }
:where(.ems-detail-content) :is(button),
:where(.ems-detail-content) :is([type="button"]),
:where(.ems-detail-content) :is([type="reset"]),
:where(.ems-detail-content) :is([type="submit"]) { appearance: button; }
:where(.ems-detail-content) :is(fieldset) { padding: 0.35em 0.75em 0.625em; }
:where(.ems-detail-content) :is(legend) { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
:where(.ems-detail-content) :is(progress) { vertical-align: baseline; }
:where(.ems-detail-content) :is(textarea) { overflow: auto; }
:where(.ems-detail-content) :is([type="checkbox"]),
:where(.ems-detail-content) :is([type="radio"]) { box-sizing: border-box; padding: 0px; }
:where(.ems-detail-content) :is([type="number"])::-webkit-inner-spin-button,
:where(.ems-detail-content) :is([type="number"])::-webkit-outer-spin-button { height: auto; }
:where(.ems-detail-content) :is([type="search"]) { appearance: textfield; outline-offset: -2px; }
:where(.ems-detail-content) :is([type="search"])::-webkit-search-decoration { appearance: none; }
:where(.ems-detail-content) :is(*)::-webkit-file-upload-button { appearance: button; font: inherit; }
:where(.ems-detail-content) :is(details) { display: block; }
:where(.ems-detail-content) :is(summary) { display: list-item; }
:where(.ems-detail-content) :is(template) { display: none; }
:where(.ems-detail-content) :is([hidden]) { display: none; }
.ems-detail-content { interpolate-size: allow-keywords; --design-px: calc(100vw / 390); }
@media screen and (min-width: 768px) {
.ems-detail-content { --design-px: min(1px, calc(100vw / 1440)); }
}
.ems-detail-content { font-size: 62.5%; scroll-padding-top: 80px; scroll-behavior: smooth; }
.ems-detail-content { font-size: calc(15 * var(--design-px)); line-height: 1.8; font-weight: 500; text-size-adjust: 100%; font-family: "Zen Kaku Gothic Antique", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; overflow-wrap: break-word; line-break: strict; color: rgb(22, 41, 48); background: rgb(249, 249, 249); }
@media screen and (min-width: 768px) {
.ems-detail-content { font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(body:has(#menu-toggle:checked)) { overflow: hidden; }
:where(.ems-detail-content) :is(*),
:where(.ems-detail-content) :is(*)::before,
:where(.ems-detail-content) :is(*)::after { box-sizing: border-box; }
:where(.ems-detail-content) :is(a) { color: inherit; text-decoration: none; transition: 0.5s; }
:where(.ems-detail-content) :is(a:hover) { opacity: 0.8; }
:where(.ems-detail-content) :is(img) { max-width: 100%; height: auto; vertical-align: top; }
:where(.ems-detail-content) :is(ul),
:where(.ems-detail-content) :is(ol) { margin: 0px; padding: 0px; }
:where(.ems-detail-content) :is(ul li),
:where(.ems-detail-content) :is(ol li) { list-style: none; }
:where(.ems-detail-content) :is(figure) { margin: 0px; }
:where(.ems-detail-content) :is(.l-breadcrumbs-list) { display: flex; padding: 0px; margin: 10px 0px 0px; font-size: 1.4rem; }
:where(.ems-detail-content) :is(.l-breadcrumbs-list__item:not(:last-child))::after { content: ">"; margin: 0px 10px; }
:where(.ems-detail-content) :is(.l-breadcrumbs-list__item--home)::before { font: var(--fa-font-solid); content: ""; margin-right: 5px; }
:where(.ems-detail-content) :is(.l-container) { width: calc(326 * var(--design-px)); margin: 0px auto; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.l-container) { width: calc(1280 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.l-footer) { padding-top: calc(80 * var(--design-px)); background: rgba(10, 24, 29, 0.8); color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.l-footer)::after { content: ""; display: block; margin-top: calc(44 * var(--design-px)); aspect-ratio: 1440 / 106; background: url("../images/newtop/common/footer_decorate_logotype.svg") center center / 100% auto no-repeat; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.l-footer)::after { margin-top: calc(40 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.l-footer) { padding-top: calc(96 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.l-footer__main) { display: flex; flex-direction: column; gap: calc(64 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.l-footer__main) { flex-flow: wrap; justify-content: space-between; align-items: flex-start; gap: calc(64 * var(--design-px)) calc(32 * var(--design-px)); padding-inline: 3.4375%; }
}
:where(.ems-detail-content) :is(.l-footer__logo) { align-self: center; width: calc(240 * var(--design-px)); line-height: 0; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.l-footer__logo) { align-self: auto; flex-shrink: 0; }
}
:where(.ems-detail-content) :is(.l-footer__logo img) { width: 100%; }
:where(.ems-detail-content) :is(.l-footer__wrap) { display: grid; grid-template-columns: repeat(2, 1fr); gap: calc(32 * var(--design-px)) calc(8 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.l-footer__wrap) { flex: 1 1 calc(520 * var(--design-px)); max-width: calc(674 * var(--design-px)); grid-template-columns: repeat(3, 1fr); gap: calc(32 * var(--design-px)) 5.4896142433%; }
}
:where(.ems-detail-content) :is(.l-footer__heading) { margin: 0 0 calc(32 * var(--design-px)); font-size: calc(18 * var(--design-px)); line-height: 1; }
:where(.ems-detail-content) :is(.l-footer-nav-list) { display: flex; flex-direction: column; gap: calc(16 * var(--design-px)); }
:where(.ems-detail-content) :is(.l-footer-nav-list__item) { display: flex; }
:where(.ems-detail-content) :is(.l-footer-nav-list__link) { font-size: calc(14 * var(--design-px)); font-weight: 400; line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.l-footer-nav-list__link) { font-size: calc(15 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.l-footer__copyright) { display: block; margin-top: calc(64 * var(--design-px)); font-size: calc(10 * var(--design-px)); font-weight: 400; line-height: 1; text-align: center; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.l-footer__copyright) { margin-top: calc(54 * var(--design-px)); margin-right: calc(1360 * var(--design-px) - 1384 * var(--design-px)); text-align: right; }
}
:where(.ems-detail-content) :is(.l-header) { width: 100%; height: 80px; padding: 0px 17px 0px 16px; display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0px; left: 0px; z-index: 20; background: linear-gradient(rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.48)), rgb(212, 220, 223); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.l-header) { padding: 0px 32px; }
}
:where(.ems-detail-content) :is(.l-header__logo) { margin: 0px; line-height: 0; width: 200px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.l-header__logo) { width: 184px; }
}
:where(.ems-detail-content) :is(.l-header__logo img) { width: 100%; }
:where(.ems-detail-content) :is(.l-header-nav) { display: none; }
@media screen and (min-width: 1360px) {
:where(.ems-detail-content) :is(.l-header-nav) { display: block; margin-left: auto; margin-right: 36px; }
}
:where(.ems-detail-content) :is(.l-header-nav-menu) { display: flex; gap: min(2.22222vw, 32px); font-size: min(1.04167vw, 1.5rem); line-height: 1.6; }
:where(.ems-detail-content) :is(.l-header-nav-menu__item) { position: relative; height: 80px; display: flex; align-items: center; }
:where(.ems-detail-content) :is(.l-header-nav-menu__item:hover .l-header-nav-menu-submenu),
:where(.ems-detail-content) :is(.l-header-nav-menu__item:focus-within .l-header-nav-menu-submenu) { opacity: 1; pointer-events: auto; }
:where(.ems-detail-content) :is(.l-header-nav-menu__item:hover .l-header-nav-menu__link--parent)::before,
:where(.ems-detail-content) :is(.l-header-nav-menu__item:focus-within .l-header-nav-menu__link--parent)::before { opacity: 1; }
:where(.ems-detail-content) :is(.l-header-nav-menu__link--parent) { display: flex; align-items: center; gap: 8px; }
:where(.ems-detail-content) :is(.l-header-nav-menu__link--parent)::before { content: ""; position: absolute; top: calc(100% + 6px); left: calc(50% - 15px); z-index: 1; width: 30px; height: 21px; background: rgb(238, 244, 246); clip-path: polygon(50% 0px, 100% 100%, 0px 100%); opacity: 0; transition: opacity 0.5s; pointer-events: none; }
:where(.ems-detail-content) :is(.l-header-nav-menu__link--parent)::after { content: ""; width: 9px; height: 11px; background: url("../images/newtop/common/icon_plus.svg") center center / contain no-repeat; }
:where(.ems-detail-content) :is(.l-header-nav-menu-submenu) { position: fixed; top: 80px; left: min(5.20833vw, 75px); width: 988px; max-width: calc(100% - (2 * min(5.20833vw, 75px))); padding-top: 27px; opacity: 0; pointer-events: none; transition: opacity 0.5s; }
:where(.ems-detail-content) :is(.l-header-nav-menu-submenu)::before { content: ""; position: fixed; inset: 80px 0px 0px; z-index: -1; background: rgba(0, 0, 0, 0.2); pointer-events: none; }
:where(.ems-detail-content) :is(.l-header-nav-menu-submenu__body) { padding: 48px; display: flex; gap: 40px; border-radius: 8px; background: rgb(238, 244, 246); }
:where(.ems-detail-content) :is(.l-header-nav-menu-submenu__img) { flex: 300 1 0%; min-width: 0px; border-radius: 4px; overflow: hidden; }
:where(.ems-detail-content) :is(.l-header-nav-menu-submenu__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.l-header-nav-menu-submenu-list) { flex: 552 1 0%; min-width: 0px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-content: start; }
:where(.ems-detail-content) :is(.l-header-nav-menu-submenu-list__link) { height: 34px; padding-bottom: 16px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgb(177, 177, 177); font-family: "Zen Kaku Gothic New", sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 1.25; }
:where(.ems-detail-content) :is(.l-wrap) { overflow: clip; }
:where(.ems-detail-content) :is(.c-box),
:where(.ems-detail-content) :is(.c-box--type01) { padding: 10px; }
:where(.ems-detail-content) :is(.c-box--type01) { background: rgb(237, 240, 244); }
:where(.ems-detail-content) :is(.c-btn) { display: inline-flex; align-items: center; gap: calc(12 * var(--design-px)); min-height: calc(56 * var(--design-px)); padding: 0 calc(24 * var(--design-px)) 0 calc(16 * var(--design-px)); border-radius: 100vh; background: rgb(71, 88, 108); color: rgb(255, 255, 255); font-size: calc(15 * var(--design-px)); line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-btn) { font-size: calc(16 * var(--design-px)); padding: 0 calc(32 * var(--design-px)) 0 calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-btn__arrow) { flex-shrink: 0; width: calc(24 * var(--design-px)); aspect-ratio: 24 / 18; border-radius: 100vh; background: rgb(255, 255, 255); color: rgb(71, 88, 108); display: inline-flex; }
:where(.ems-detail-content) :is(.c-btn__arrow)::after { content: ""; width: 100%; height: 100%; background: currentcolor; mask: url("../images/newtop/common/icon_arrow.svg") center center / contain no-repeat; }
:where(.ems-detail-content) :is(.c-btn--white) { background: rgb(255, 255, 255); color: rgb(71, 88, 108); }
:where(.ems-detail-content) :is(.c-btn--white .c-btn__arrow) { background: rgb(71, 88, 108); color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.c-btn--01) { min-height: 0px; padding: 0px; gap: calc(8 * var(--design-px)); border-radius: 0px; background: transparent; color: rgb(22, 41, 48); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-btn--01) { padding: 0px; }
}
:where(.ems-detail-content) :is(.c-btn--01 .c-btn__txt) { text-decoration: underline; text-underline-offset: 0.25em; }
:where(.ems-detail-content) :is(.c-btn--01 .c-btn__arrow) { background: rgb(71, 88, 108); color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.c-btn--02) { min-height: 0px; padding: 0 0 calc(8 * var(--design-px)); gap: calc(8 * var(--design-px)); border-bottom: 1px solid rgb(255, 255, 255); border-radius: 0px; background: transparent; color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-btn--02) { padding: 0 0 calc(8 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-btn--cta) { justify-content: center; padding: 0 calc(24 * var(--design-px)); background: rgb(63, 108, 180); font-family: "Zen Kaku Gothic New", sans-serif; font-size: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-btn--cta) { padding: 0 calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-btn__icon) { flex-shrink: 0; width: calc(20 * var(--design-px)); line-height: 0; }
:where(.ems-detail-content) :is(.c-btn__icon img) { width: 100%; }
:where(.ems-detail-content) :is(.c-card__link) { display: block; }
:where(.ems-detail-content) :is(.c-card__ttl) { margin: 0px; }
:where(.ems-detail-content) :is(.c-card__txt) { margin-top: 10px; margin-bottom: 0px; }
:where(.ems-detail-content) :is(.c-hamburger) { width: 56px; height: 40px; border-radius: 100vh; background: rgb(71, 88, 108); color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; position: relative; z-index: 40; cursor: pointer; transition: background 0.5s, color 0.5s; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-hamburger) { width: 68px; height: 48px; }
}
:where(.ems-detail-content) :is(.c-hamburger__lines) { width: 20px; height: 9px; display: flex; justify-content: space-between; flex-direction: column; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-hamburger__lines) { width: 24px; }
}
:where(.ems-detail-content) :is(.c-hamburger__lines span) { width: 100%; height: 1px; background: currentcolor; transition: transform 0.5s; }
:where(.ems-detail-content) :is(.c-inner) { padding-inline: 5%; }
:where(.ems-detail-content) :is(.c-list--type01 li) { position: relative; padding-left: 15px; }
:where(.ems-detail-content) :is(.c-list--type01 li)::before { content: ""; position: absolute; top: 8px; left: 0px; width: 8px; height: 8px; border-radius: 50%; background: rgb(43, 61, 89); }
:where(.ems-detail-content) :is(.c-list--type01 li:not(:last-child)) { margin-bottom: 15px; }
:where(.ems-detail-content) :is(.c-table),
:where(.ems-detail-content) :is(.c-table--type01) { width: 100%; }
:where(.ems-detail-content) :is(.c-table--type01) { border-collapse: collapse; border-bottom: 1px solid rgb(237, 240, 244); }
:where(.ems-detail-content) :is(.c-table--type01 th),
:where(.ems-detail-content) :is(.c-table--type01 td) { vertical-align: top; padding: 20px; border-top: 1px solid rgb(237, 240, 244); }
@media screen and (max-width: 767px) {
:where(.ems-detail-content) :is(.c-table--type01 th),
:where(.ems-detail-content) :is(.c-table--type01 td) { display: block; }
}
:where(.ems-detail-content) :is(.c-table--type01 th) { text-align: left; background: rgb(249, 240, 220); }
:where(.ems-detail-content) :is(.c-txt-heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(32 * var(--design-px)); font-weight: 400; line-height: 1.4; color: rgb(22, 41, 48); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-txt-heading) { font-size: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-txt-heading--lower) { font-size: calc(28 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-txt-heading--lower) { font-size: calc(40 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-txt-label) { margin: 0 0 calc(24 * var(--design-px)); display: flex; align-items: center; gap: calc(12 * var(--design-px)); font-family: Cinzel, serif; font-size: calc(14 * var(--design-px)); font-weight: 400; line-height: 1; color: rgb(150, 137, 105); }
:where(.ems-detail-content) :is(.c-txt-label)::before { content: ""; flex-shrink: 0; width: calc(19 * var(--design-px)); height: calc(12 * var(--design-px)); background: url("../images/newtop/common/decorate_heading.svg") center center / contain no-repeat; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-txt-label) { font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-txt-lead) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(24 * var(--design-px)); font-weight: 400; line-height: 1.8; color: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-txt-lead) { font-size: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-icon-arrow) { flex-shrink: 0; width: calc(24 * var(--design-px)); aspect-ratio: 24 / 18; border-radius: 100vh; background: rgb(71, 88, 108); color: rgb(255, 255, 255); display: inline-flex; }
:where(.ems-detail-content) :is(.c-icon-arrow)::after { content: ""; width: 100%; height: 100%; background: currentcolor; mask: url("../images/newtop/common/icon_arrow.svg") center center / contain no-repeat; }
:where(.ems-detail-content) :is(.c-icon-arrow--line) { width: calc(28 * var(--design-px)); aspect-ratio: 28 / 18; border: 0.5px solid rgb(71, 88, 108); background: transparent; color: rgb(71, 88, 108); }
:where(.ems-detail-content) :is(.c-icon-arrow--small) { width: calc(14 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-icon-arrow--small) { width: calc(18 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-photo-card-list) { display: grid; grid-template-columns: 1fr; gap: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-photo-card-list) { grid-template-columns: repeat(3, 1fr); gap: calc(17 * var(--design-px)) calc(18 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-photo-card-list--sp2) { grid-template-columns: repeat(2, 1fr); gap: calc(16 * var(--design-px)) calc(10 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-photo-card-list--sp2) { grid-template-columns: repeat(3, 1fr); gap: calc(17 * var(--design-px)) calc(18 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-photo-card) { display: flex; flex-direction: column; gap: calc(12 * var(--design-px)); height: 100%; padding: calc(12 * var(--design-px)) calc(12 * var(--design-px)) calc(20 * var(--design-px)); border-top: 1px solid rgb(177, 177, 177); border-left: 1px solid rgb(177, 177, 177); border-radius: 4px 0px 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-photo-card) { gap: calc(16 * var(--design-px)); padding: calc(16 * var(--design-px)) calc(16 * var(--design-px)) calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-photo-card--button) { width: 100%; border-right: 0px; border-bottom: 0px; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: opacity 0.5s; }
:where(.ems-detail-content) :is(.c-photo-card--button:hover) { opacity: 0.8; }
:where(.ems-detail-content) :is(.c-photo-card--small) { padding: calc(8 * var(--design-px)) calc(8 * var(--design-px)) calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-photo-card--small) { padding: calc(16 * var(--design-px)) calc(16 * var(--design-px)) calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-photo-card__img) { display: block; overflow: hidden; border-radius: 4px; background: rgb(121, 146, 162); aspect-ratio: 382 / 240; }
:where(.ems-detail-content) :is(.c-photo-card__img--tall) { aspect-ratio: 382 / 286; }
:where(.ems-detail-content) :is(.c-photo-card__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.c-photo-card__caption) { display: block; margin: 0px; padding: 0 calc(4 * var(--design-px)); font-size: calc(15 * var(--design-px)); line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-photo-card__caption) { padding: 0 calc(8 * var(--design-px)); font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-photo-card--small .c-photo-card__caption) { font-size: calc(13 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-photo-card--small .c-photo-card__caption) { font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-photo-card__caption--mincho) { font-family: "Shippori Mincho B1", serif; font-size: calc(17 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-photo-card__caption--mincho) { font-size: calc(18 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-blog-tags) { display: flex; flex-wrap: wrap; gap: calc(8 * var(--design-px)) calc(12 * var(--design-px)); }
:where(.ems-detail-content) :is(.c-blog-tag) { display: inline-flex; align-items: center; padding: calc(4 * var(--design-px) - 1px) calc(4 * var(--design-px)); border: 1px solid rgb(63, 108, 180); border-radius: 4px; background: rgb(63, 108, 180); color: rgb(255, 255, 255); font-size: calc(13 * var(--design-px)); line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.c-blog-tag) { font-size: calc(14 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.c-blog-tag--01) { border-color: rgb(13, 182, 168); background: rgb(13, 182, 168); }
:where(.ems-detail-content) :is(.c-blog-tag--02) { border-color: rgb(43, 156, 187); background: rgb(43, 156, 187); }
:where(.ems-detail-content) :is(.c-blog-tag--popular) { border-color: rgb(22, 41, 48); background: rgb(22, 41, 48); }
:where(.ems-detail-content) :is(.p-hamburger-menu__check) { position: absolute; width: 1px; height: 1px; margin: 0px; opacity: 0; }
:where(.ems-detail-content) :is(.p-hamburger-menu__check:focus-visible + .c-hamburger) { outline: rgb(63, 108, 180) solid 2px; outline-offset: 2px; }
:where(.ems-detail-content) :is(.p-hamburger-menu__check:checked + .c-hamburger) { background: rgb(255, 255, 255); color: rgb(71, 88, 108); }
:where(.ems-detail-content) :is(.p-hamburger-menu__check:checked + .c-hamburger .c-hamburger__lines span:first-child) { transform: translateY(4px) rotate(30deg); }
:where(.ems-detail-content) :is(.p-hamburger-menu__check:checked + .c-hamburger .c-hamburger__lines span:last-child) { transform: translateY(-4px) rotate(-30deg); }
:where(.ems-detail-content) :is(.p-hamburger-menu__check:checked ~ .p-hamburger-menu__body) { opacity: 1; visibility: visible; }
:where(.ems-detail-content) :is(.p-hamburger-menu__body) { position: fixed; top: 0px; left: 0px; z-index: 30; width: 100%; height: 100%; background: rgb(22, 41, 48); color: rgb(255, 255, 255); opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
:where(.ems-detail-content) :is(.p-hamburger-menu__body)::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; aspect-ratio: 390 / 32; background: url("../images/newtop/common/decorate_logotype.svg") center bottom / 100% auto no-repeat; opacity: 0.208333; pointer-events: none; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-hamburger-menu__body)::after { left: 1.66667%; width: 96.6667%; aspect-ratio: 1392 / 102; }
}
:where(.ems-detail-content) :is(.p-hamburger-menu__logo) { position: absolute; top: 0px; left: 16px; margin: 0px; width: 200px; height: 80px; display: flex; align-items: center; line-height: 0; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-hamburger-menu__logo) { left: 32px; width: 184px; }
}
:where(.ems-detail-content) :is(.p-hamburger-menu__logo img) { width: 100%; }
:where(.ems-detail-content) :is(.p-hamburger-menu__wrap) { position: absolute; inset: 74px 0 calc(48 * var(--design-px)); padding: calc(48 * var(--design-px)) calc(32 * var(--design-px)); overflow-y: auto; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-hamburger-menu__wrap) { inset: 80px 0px 0px; padding: calc(105 * var(--design-px)) 0 calc(80 * var(--design-px)) calc(80 * var(--design-px)); display: flex; justify-content: space-between; align-items: flex-start; gap: calc(80 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-hamburger-menu__nav) { flex-shrink: 0; }
}
:where(.ems-detail-content) :is(.p-hamburger-menu__home) { margin: 0 0 calc(40 * var(--design-px)); font-family: "Shippori Mincho B1", serif; font-size: calc(24 * var(--design-px)); line-height: 2; letter-spacing: 0.08em; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-hamburger-menu__home) { margin-bottom: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-hamburger-menu__groups) { display: flex; flex-direction: column; gap: calc(40 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-hamburger-menu__groups) { flex-direction: row; gap: calc(80 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-hamburger-menu-group--clinic) { width: calc(269 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-hamburger-menu-group--treatment) { width: calc(320 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-hamburger-menu-group--site) { width: calc(178 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-hamburger-menu-group__heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(24 * var(--design-px)); line-height: 2; letter-spacing: 0.08em; white-space: nowrap; }
:where(.ems-detail-content) :is(.p-hamburger-menu-group__list) { font-size: calc(16 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-hamburger-menu-group__list--clinic) { margin-top: calc(20 * var(--design-px)); display: grid; grid-template-columns: repeat(2, 1fr); gap: calc(24 * var(--design-px)) calc(32 * var(--design-px)); line-height: 1; }
:where(.ems-detail-content) :is(.p-hamburger-menu-group__list--treatment) { margin-top: calc(11 * var(--design-px)); display: grid; grid-template-columns: repeat(2, 1fr); gap: calc(24 * var(--design-px)) calc(32 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-hamburger-menu-group__list--site) { margin-top: calc(11 * var(--design-px)); display: flex; flex-direction: column; gap: calc(16 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-hamburger-menu-group__item) { display: flex; }
:where(.ems-detail-content) :is(.p-hamburger-menu__sns) { margin: calc(40 * var(--design-px)) 0 0; line-height: 0; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-hamburger-menu__sns) { margin-top: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-hamburger-menu__sns a) { display: inline-block; width: calc(20 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-hamburger-menu__img) { display: none; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-hamburger-menu__img) { display: block; flex: 1 1 0%; min-width: 0px; max-width: calc(353 * var(--design-px)); border-radius: 8px 0px 0px 8px; overflow: hidden; }
}
:where(.ems-detail-content) :is(.p-hamburger-menu__img img) { width: 100%; aspect-ratio: 353 / 530; object-fit: cover; }
:where(.ems-detail-content) :is(.p-mainvisual) { position: relative; height: calc(595 * var(--design-px)); color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.p-mainvisual)::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(to top, rgba(29, 43, 66, 0.64) 0%, rgba(29, 43, 66, 0.32) 59.71%, rgba(255, 255, 255, 0) 100%); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-mainvisual) { height: calc(820 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-mainvisual__img) { height: 100%; }
:where(.ems-detail-content) :is(.p-mainvisual__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-mainvisual__txtbox) { position: absolute; top: calc(200 * var(--design-px)); left: calc(16 * var(--design-px)); right: 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-mainvisual__txtbox) { top: calc(354 * var(--design-px) - 80 * var(--design-px)); left: calc(80 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-mainvisual__access) { margin: 0 0 calc(24 * var(--design-px)); font-size: calc(18 * var(--design-px)); line-height: 1.6; letter-spacing: 0.16em; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-mainvisual__access) { margin: 0 0 calc(32 * var(--design-px)); font-size: calc(20 * var(--design-px)); line-height: 1; }
}
:where(.ems-detail-content) :is(.p-mainvisual__lead) { margin: 0 0 calc(24 * var(--design-px)); font-family: "Shippori Mincho B1", serif; font-size: calc(36 * var(--design-px)); font-weight: 400; line-height: 1.6; letter-spacing: 0.04em; white-space: nowrap; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-mainvisual__lead) { margin: 0 0 calc(32 * var(--design-px)); font-size: calc(56 * var(--design-px)); letter-spacing: 0.16em; }
}
:where(.ems-detail-content) :is(.p-mainvisual__message) { margin: 0px; font-size: calc(18 * var(--design-px)); line-height: 1.6; letter-spacing: 0.16em; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-mainvisual__message) { font-size: calc(20 * var(--design-px)); line-height: 1; letter-spacing: 0.08em; }
}
:where(.ems-detail-content) :is(.p-mainvisual__scroll) { display: none; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-mainvisual__scroll) { position: absolute; right: calc(1440 * var(--design-px) - 1360 * var(--design-px) - 14 * var(--design-px)); bottom: calc(900 * var(--design-px) - 653 * var(--design-px) - 155 * var(--design-px)); margin: 0px; display: flex; align-items: center; gap: calc(24 * var(--design-px)); writing-mode: vertical-rl; font-family: Cinzel, serif; font-size: calc(14 * var(--design-px)); font-weight: 400; line-height: 1; }
}
:where(.ems-detail-content) :is(.p-mainvisual__scroll)::after { content: ""; width: calc(9 * var(--design-px)); height: calc(80 * var(--design-px)); background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) center center / 1px 100% no-repeat, linear-gradient(45deg, transparent calc(50% - 0.5px), rgb(255, 255, 255) calc(50% - 0.5px), rgb(255, 255, 255) calc(50% + 0.5px), transparent calc(50% + 0.5px)) left bottom / 50% 4.5px no-repeat, linear-gradient(-45deg, transparent calc(50% - 0.5px), rgb(255, 255, 255) calc(50% - 0.5px), rgb(255, 255, 255) calc(50% + 0.5px), transparent calc(50% + 0.5px)) right bottom / 50% 4.5px no-repeat; }
:where(.ems-detail-content) :is(.p-mainvisual-news) { position: absolute; bottom: 0px; left: 0px; width: calc(374 * var(--design-px)); padding: calc(16 * var(--design-px)) calc(32 * var(--design-px)) 0; border-radius: 0px 8px 0px 0px; background: rgb(249, 249, 249); color: rgb(22, 41, 48); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-mainvisual-news) { width: calc(678 * var(--design-px)); padding: calc(13 * var(--design-px)) calc(40 * var(--design-px)) 0; }
}
:where(.ems-detail-content) :is(.p-mainvisual-news__label) { display: block; font-family: Cinzel, serif; font-size: calc(18 * var(--design-px)); font-weight: 400; line-height: 1; letter-spacing: 0.04em; color: rgb(150, 137, 105); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-mainvisual-news__label) { font-size: calc(24 * var(--design-px)); line-height: 1.5; }
}
:where(.ems-detail-content) :is(.p-mainvisual-news__link) { margin-top: calc(4 * var(--design-px)); display: flex; gap: calc(16 * var(--design-px)); font-size: calc(14 * var(--design-px)); line-height: 1.5; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-mainvisual-news__link) { gap: calc(20 * var(--design-px)); margin-top: calc(8 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-mainvisual-news__date) { flex-shrink: 0; font-family: Cinzel, serif; font-weight: 400; letter-spacing: 0.04em; }
:where(.ems-detail-content) :is(.p-mainvisual-news__ttl) { overflow: hidden; font-family: "Zen Kaku Gothic New", sans-serif; white-space: nowrap; text-overflow: ellipsis; }
:where(.ems-detail-content) :is(.p-section:not(:last-child)) { margin-bottom: 80px; }
:where(.ems-detail-content) :is(.p-cta) { padding: calc(64 * var(--design-px)) 0 calc(64 * var(--design-px)); background: rgb(71, 88, 108); color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-cta) { padding: calc(88 * var(--design-px)) 0 calc(74 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-cta__wrap) { display: flex; flex-direction: column; gap: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-cta__wrap) { flex-direction: row; align-items: center; gap: 8.75%; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-cta__header) { flex: 0 1 auto; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-cta__label) { margin-bottom: calc(24 * var(--design-px)); color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.p-cta__label)::before { background: rgb(255, 255, 255); mask: url("../images/newtop/common/decorate_heading.svg") center center / contain no-repeat; }
:where(.ems-detail-content) :is(.p-cta__heading) { font-size: calc(28 * var(--design-px)); color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-cta__heading) { font-size: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-cta__phrase) { display: inline-block; }
:where(.ems-detail-content) :is(.p-cta__txt) { margin: calc(24 * var(--design-px)) 0 0; font-size: calc(15 * var(--design-px)); line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-cta__txt) { font-size: calc(17 * var(--design-px)); margin-top: calc(24 * var(--design-px) - 0.3em); margin-bottom: -0.3em; }
}
:where(.ems-detail-content) :is(.p-cta__btnwrap) { margin-top: calc(48 * var(--design-px)); display: flex; }
:where(.ems-detail-content) .p-cta__btnwrap > .c-btn--cta { background-color: #C8961A; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-cta__content) { flex: 1 0 calc(336 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-cta-pages) { display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(16 * var(--design-px)) calc(22 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-cta-pages) { justify-content: flex-start; gap: calc(16 * var(--design-px)) calc(32 * var(--design-px)); max-width: calc(336 * var(--design-px)); margin-inline: auto; }
}
:where(.ems-detail-content) :is(.p-cta-pages__item) { display: flex; }
:where(.ems-detail-content) :is(.p-cta-links) { margin-top: calc(40 * var(--design-px)); display: flex; flex-direction: column; gap: calc(24 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-cta-links) { max-width: calc(336 * var(--design-px)); margin-inline: auto; }
}
:where(.ems-detail-content) :is(.p-cta-links__item) { display: flex; }
:where(.ems-detail-content) :is(.p-cta-links__link) { flex: 1 1 0%; display: flex; justify-content: space-between; align-items: center; gap: calc(8 * var(--design-px)); padding: calc(10 * var(--design-px) - 1px) calc(12 * var(--design-px) - 1px); border: 1px solid rgb(255, 255, 255); border-radius: 4px; color: rgb(255, 255, 255); font-size: calc(15 * var(--design-px)); line-height: 1; }
:where(.ems-detail-content) :is(.p-cta-links__link)::after { content: ""; flex-shrink: 0; width: calc(16 * var(--design-px)); height: calc(16 * var(--design-px)); background: url("../images/newtop/common/cta_icon_arrow.svg") center center / contain no-repeat; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-cta-links__link) { font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-reception) { padding: calc(64 * var(--design-px)) 0; background: rgba(249, 249, 249, 0.72); }
:where(.ems-detail-content) :is(.p-reception__wrap) { display: flex; flex-direction: column; gap: calc(40 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-reception__wrap) { flex-direction: row; align-items: center; gap: 9.62838%; padding-inline: 3.75%; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-reception__box) { flex: 550 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-reception__header)::before { content: ""; display: block; width: calc(20 * var(--design-px)); height: 2px; margin-bottom: calc(10 * var(--design-px)); background: linear-gradient(90deg, rgb(71, 88, 108) 50%, rgb(22, 41, 48) 50%); }
:where(.ems-detail-content) :is(.p-reception__heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(28 * var(--design-px)); font-weight: 500; line-height: 1.6; color: rgb(22, 41, 48); }
:where(.ems-detail-content) :is(.p-reception__phrase) { display: inline-block; }
:where(.ems-detail-content) :is(.p-reception__subheading) { margin: calc(10 * var(--design-px)) 0 0; font-family: Cinzel, serif; font-size: calc(14 * var(--design-px)); font-weight: 400; line-height: 1.4; color: rgb(150, 137, 105); }
:where(.ems-detail-content) :is(.p-reception__txt) { margin: calc(16 * var(--design-px)) 0 0; font-size: calc(15 * var(--design-px)); line-height: 1.8; }
:where(.ems-detail-content) :is(.p-reception-payments) { display: grid; grid-template-columns: repeat(6, 1fr); gap: calc(5 * var(--design-px)); max-width: calc(520 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-reception-payments) { flex: 520 1 0%; min-width: 0px; gap: calc(12 * var(--design-px)) calc(8 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-reception-payments__item) { line-height: 0; }
:where(.ems-detail-content) :is(.p-reception-payments__item img) { width: 100%; }
:where(.ems-detail-content) :is(.p-follow) { position: fixed; bottom: 8px; left: 8px; right: 8px; z-index: 10; display: flex; gap: 4px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-follow) { bottom: 28px; left: auto; right: 25px; }
}
:where(.ems-detail-content) :is(.p-follow-actions) { flex: 1 1 0%; min-width: 0px; display: flex; gap: 4px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-follow-actions) { gap: 8px; }
}
:where(.ems-detail-content) :is(.p-follow-actions__item) { display: flex; }
:where(.ems-detail-content) :is(.p-follow-actions__item--tel) { flex: 113 1 0%; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-follow-actions__item--tel) { flex: 0 0 auto; }
}
:where(.ems-detail-content) :is(.p-follow-actions__item--reserve) { flex: 197 1 0%; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-follow-actions__item--reserve) { flex: 0 0 auto; }
}
:where(.ems-detail-content) :is(.p-follow-actions-btn) { flex: 1 1 0%; min-height: 56px; padding: 0px 18px; gap: 12px; font-size: 1.6rem; white-space: nowrap; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-follow-actions-btn) { padding: 0px 24px; }
}
:where(.ems-detail-content) :is(.p-follow-actions-btn--tel) { gap: 8px; letter-spacing: 0.04em; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-follow-actions-btn--tel) { padding: 0px 30px; font-size: 1.9rem; letter-spacing: 0.07em; }
}
:where(.ems-detail-content) :is(.p-follow__gotop) { flex-shrink: 0; width: 56px; height: 56px; border-radius: 50%; background: rgb(63, 108, 180); display: flex; justify-content: center; align-items: center; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-follow__gotop) { display: none; }
}
:where(.ems-detail-content) :is(.p-follow__gotop)::after { content: ""; width: 20px; height: 20px; margin-top: 10px; border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); transform: rotate(-45deg); }
:where(.ems-detail-content) :is(.p-follow-actions-btn .c-btn__icon) { width: 20px; }
:where(.ems-detail-content) :is(.p-lower) { position: relative; isolation: isolate; padding-top: 80px; }
:where(.ems-detail-content) :is(.p-lower)::before,
:where(.ems-detail-content) :is(.p-lower)::after { content: ""; position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: calc(80px + 820 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-lower)::before { background: url("../images/newtop/lower/lower_bg.webp") center center / cover no-repeat; opacity: 0.56; }
:where(.ems-detail-content) :is(.p-lower)::after { background: rgba(212, 220, 223, 0.35); }
:where(.ems-detail-content) :is(.p-lower-section) { padding: calc(64 * var(--design-px)) 0; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-section) { padding: calc(80 * var(--design-px)) 0; }
}
:where(.ems-detail-content) :is(.p-lower-section__header) { position: relative; margin-bottom: calc(40 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-section__header) { margin-bottom: calc(64 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-section__header--square)::after { content: ""; position: absolute; top: calc(-24 * var(--design-px)); right: 0px; width: calc(48 * var(--design-px)); height: calc(48 * var(--design-px)); border-radius: 4px; background: rgba(220, 228, 233, 0.32); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-section__header--square)::after { top: calc(-40 * var(--design-px)); right: calc(40 * var(--design-px)); width: calc(64 * var(--design-px)); height: calc(64 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-section__header--square-white)::after { background: rgba(255, 255, 255, 0.32); }
:where(.ems-detail-content) :is(.p-lower-head) { position: relative; min-height: calc(300 * var(--design-px)); padding: calc(64 * var(--design-px)) 0 calc(56 * var(--design-px)); color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-head) { min-height: calc(480 * var(--design-px)); padding: calc(147 * var(--design-px)) 0 calc(80 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-head__mv) { position: absolute; inset: 0px; overflow: hidden; background: linear-gradient(to top, rgba(29, 43, 66, 0.64) 0%, rgba(29, 43, 66, 0.32) 59.71%, rgba(255, 255, 255, 0) 100%); }
:where(.ems-detail-content) :is(.p-lower-head__mv)::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(29, 43, 66, 0.64) 0%, rgba(29, 43, 66, 0.24) 59.88%, rgba(29, 43, 66, 0.16) 100%); }
:where(.ems-detail-content) :is(.p-lower-head__photo01) { position: absolute; top: 0px; right: 0px; width: 69.5833%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-lower-head__photo02) { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; object-fit: cover; mask: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.8) 24.1%, rgb(0, 0, 0) 40.29%); }
:where(.ems-detail-content) :is(.p-lower-head__body) { position: relative; }
:where(.ems-detail-content) :is(.p-lower-head__label) { margin: 0px; padding: 0 calc(4 * var(--design-px)); font-family: Cinzel, serif; font-size: calc(14 * var(--design-px)); font-weight: 400; line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-head__label) { padding: 0 calc(6 * var(--design-px)); font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-head__heading) { margin: calc(12 * var(--design-px)) 0 0; font-family: "Shippori Mincho B1", serif; font-size: calc(32 * var(--design-px)); font-weight: 400; line-height: 1.6; letter-spacing: 0.08em; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-head__heading) { margin-top: calc(16 * var(--design-px)); font-size: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-head__lead) { margin: calc(16 * var(--design-px)) 0 0; padding: 0 calc(4 * var(--design-px)); font-size: calc(14 * var(--design-px)); line-height: 1.8; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-head__lead) { margin-top: calc(24 * var(--design-px)); padding: 0 calc(6 * var(--design-px)); font-size: calc(15 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-head-breadcrumb) { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1; transform: translateY(50%); color: rgb(22, 41, 48); }
:where(.ems-detail-content) :is(.p-lower-head-breadcrumb__list) { display: inline-flex; align-items: center; max-width: 100%; gap: calc(6 * var(--design-px)); padding: calc(6 * var(--design-px)) calc(10 * var(--design-px)); border-radius: 2px; background: rgb(255, 255, 255); font-size: calc(12 * var(--design-px)); line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-head-breadcrumb__list) { gap: calc(8 * var(--design-px)); padding: calc(6 * var(--design-px)) calc(12 * var(--design-px)); font-size: calc(14 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-head-breadcrumb__item) { display: flex; align-items: center; flex-shrink: 0; gap: calc(6 * var(--design-px)); white-space: nowrap; }
:where(.ems-detail-content) :is(.p-lower-head-breadcrumb__item:not(:first-child))::before { content: ""; flex-shrink: 0; width: calc(4 * var(--design-px)); height: calc(8 * var(--design-px)); background: linear-gradient(to right top, transparent calc(50% - 0.5px), rgb(172, 172, 172) calc(50% - 0.5px), rgb(172, 172, 172) calc(50% + 0.5px), transparent calc(50% + 0.5px)) center top / 100% 50% no-repeat, linear-gradient(to right bottom, transparent calc(50% - 0.5px), rgb(172, 172, 172) calc(50% - 0.5px), rgb(172, 172, 172) calc(50% + 0.5px), transparent calc(50% + 0.5px)) center bottom / 100% 50% no-repeat; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-head-breadcrumb__item) { gap: calc(8 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-head-breadcrumb__item--current) { flex-shrink: 1; min-width: 0px; color: rgb(150, 137, 105); }
:where(.ems-detail-content) :is(.p-lower-head-breadcrumb__current) { overflow: hidden; text-overflow: ellipsis; }
:where(.ems-detail-content) :is(.p-lower-notice) { padding: calc(40 * var(--design-px)) 0; background: rgba(255, 255, 255, 0.64); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-notice) { padding: calc(48 * var(--design-px)) 0; }
}
:where(.ems-detail-content) :is(.p-lower-notice__list) { display: flex; flex-direction: column; align-items: center; gap: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-notice__list) { flex-direction: row; justify-content: center; gap: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-notice__link) { display: flex; justify-content: space-between; align-items: center; gap: calc(8 * var(--design-px)); width: calc(272 * var(--design-px)); padding: calc(10 * var(--design-px) - 1px) calc(12 * var(--design-px) - 1px); border: 1px solid rgb(71, 88, 108); border-radius: 4px; color: rgb(71, 88, 108); font-size: calc(15 * var(--design-px)); line-height: 1; white-space: nowrap; }
:where(.ems-detail-content) :is(.p-lower-notice__link)::after { content: ""; flex-shrink: 0; width: calc(16 * var(--design-px)); height: calc(16 * var(--design-px)); background: currentcolor; mask: url("../images/newtop/common/cta_icon_arrow.svg") center center / contain no-repeat; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-notice__link) { font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-cv) { padding: calc(64 * var(--design-px)) 0; background: rgb(71, 88, 108); color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-cv) { padding: calc(80 * var(--design-px)) 0; }
}
:where(.ems-detail-content) :is(.p-lower-cv__wrap) { display: flex; flex-direction: column; gap: calc(40 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-cv__wrap) { flex-direction: row; justify-content: space-between; align-items: center; }
}
:where(.ems-detail-content) :is(.p-lower-cv__label) { color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.p-lower-cv__label)::before { background: rgb(255, 255, 255); mask: url("../images/newtop/common/decorate_heading.svg") center center / contain no-repeat; }
:where(.ems-detail-content) :is(.p-lower-cv__heading) { color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.p-lower-cv__phrase) { display: inline-block; }
:where(.ems-detail-content) :is(.p-lower-cv__txt) { margin: calc(24 * var(--design-px)) 0 0; font-size: calc(15 * var(--design-px)); line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-cv__txt) { font-size: calc(17 * var(--design-px)); line-height: 1; }
}
:where(.ems-detail-content) :is(.p-lower-cv__btnwrap) { margin-top: calc(40 * var(--design-px)); display: flex; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-cv__btnwrap) { margin-top: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-cv-pages) { display: flex; flex-wrap: wrap; gap: calc(16 * var(--design-px)) calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-cv-pages) { margin-right: calc(80 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-cv-pages__item) { display: flex; }
:where(.ems-detail-content) :is(.p-lower-others) { position: relative; overflow: hidden; padding: calc(120 * var(--design-px)) 0; background: rgb(71, 88, 108); text-align: center; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-others) { padding: calc(154 * var(--design-px)) 0 calc(153 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-lower-others__photos) { position: absolute; top: 0px; left: 50%; display: flex; width: calc(1728 * var(--design-px)); height: 100%; opacity: 0.16; transform: translateX(-50%); }
:where(.ems-detail-content) :is(.p-lower-others__photo) { flex: 1 1 0%; min-width: 0px; background: rgb(43, 43, 43); }
:where(.ems-detail-content) :is(.p-lower-others__photo img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-lower-others__link) { position: relative; display: inline-flex; align-items: center; gap: calc(8 * var(--design-px)); padding: calc(16 * var(--design-px) - 1px) calc(24 * var(--design-px) - 1px); border: 1px solid rgb(255, 255, 255); border-radius: 4px; color: rgb(255, 255, 255); font-size: calc(16 * var(--design-px)); line-height: 1; }
:where(.ems-detail-content) :is(.p-lower-others__link)::after { content: ""; flex-shrink: 0; width: calc(16 * var(--design-px)); height: calc(16 * var(--design-px)); background: url("../images/newtop/common/cta_icon_arrow.svg") center center / contain no-repeat; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-lower-others__link) { font-size: calc(18 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-director) { background: rgba(245, 245, 245, 0.64); }
:where(.ems-detail-content) :is(.p-director__wrap) { display: flex; flex-direction: column; gap: calc(40 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-director__wrap) { flex-direction: row; gap: 6.25%; }
}
:where(.ems-detail-content) :is(.p-director__header) { margin-bottom: calc(40 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-director__header) { margin-bottom: calc(64 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-director__main) { flex: 560 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-director__name) { margin: 0px; display: flex; flex-wrap: wrap; align-items: center; gap: calc(8 * var(--design-px)) calc(16 * var(--design-px)); font-family: "Shippori Mincho B1", serif; font-weight: 500; line-height: 1; }
:where(.ems-detail-content) :is(.p-director__position) { padding: calc(3 * var(--design-px)) 0; font-size: calc(17 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-director__position) { font-size: calc(20 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-director__person) { font-size: calc(28 * var(--design-px)); color: rgb(150, 137, 105); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-director__person) { font-size: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-director__catch) { margin: calc(32 * var(--design-px)) 0 0; font-size: calc(16 * var(--design-px)); line-height: 1.8; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-director__catch) { margin-top: calc(48 * var(--design-px)); font-size: calc(18 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-director__photo) { margin-top: calc(32 * var(--design-px)); overflow: hidden; border-radius: 4px; background: rgb(255, 255, 255); aspect-ratio: 560 / 410; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-director__photo) { margin-top: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-director__photo img) { width: 100%; height: 100%; object-fit: cover; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-director-profile) { flex: 640 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-director-profile__block) { display: flex; flex-direction: column; gap: calc(16 * var(--design-px)); padding: calc(12 * var(--design-px)) 0; border-top: 0.5px solid rgb(177, 177, 177); }
:where(.ems-detail-content) :is(.p-director-profile__block:last-child) { border-bottom: 0.5px solid rgb(177, 177, 177); }
:where(.ems-detail-content) :is(.p-director-profile__heading) { margin: 0px; padding: 0 calc(8 * var(--design-px)); font-family: "Shippori Mincho B1", serif; font-size: calc(18 * var(--design-px)); font-weight: 500; line-height: 1.4; color: rgb(150, 137, 105); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-director-profile__heading) { font-size: calc(20 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-director-profile__list) { margin: 0px; display: flex; flex-direction: column; gap: calc(4 * var(--design-px)); font-size: calc(14 * var(--design-px)); line-height: 1.8; }
:where(.ems-detail-content) :is(.p-director-profile__row) { display: flex; gap: calc(12 * var(--design-px)); padding: 0 calc(8 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-director-profile__year) { flex-shrink: 0; margin: 0px; color: rgb(122, 126, 127); }
:where(.ems-detail-content) :is(.p-director-profile__txt) { margin: 0px; }
:where(.ems-detail-content) :is(.p-photo-modal) { width: calc(326 * var(--design-px)); max-width: none; max-height: none; margin: auto; padding: 0px; border: 0px; background: none; color: rgb(255, 255, 255); overflow: visible; }
:where(.ems-detail-content) :is(.p-photo-modal)::backdrop { background: rgba(0, 0, 0, 0.64); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-photo-modal) { width: calc(800 * var(--design-px)); }
}
:where(.ems-detail-content) :is(html:has(.p-photo-modal[open])) { overflow: hidden; }
:where(.ems-detail-content) :is(.p-photo-modal__close) { position: absolute; right: 0px; bottom: calc(100% + 16 * var(--design-px)); width: calc(32 * var(--design-px)); height: calc(32 * var(--design-px)); padding: 0px; border: 0px; background: linear-gradient(45deg, transparent calc(50% - 0.5px), rgb(255, 255, 255) calc(50% - 0.5px), rgb(255, 255, 255) calc(50% + 0.5px), transparent calc(50% + 0.5px)), linear-gradient(-45deg, transparent calc(50% - 0.5px), rgb(255, 255, 255) calc(50% - 0.5px), rgb(255, 255, 255) calc(50% + 0.5px), transparent calc(50% + 0.5px)); cursor: pointer; }
:where(.ems-detail-content) :is(.p-photo-modal__figure) { display: flex; flex-direction: column; gap: calc(16 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-photo-modal__img) { overflow: hidden; border-radius: 4px; background: rgb(121, 146, 162); aspect-ratio: 800 / 550; }
:where(.ems-detail-content) :is(.p-photo-modal__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-photo-modal__caption) { padding: 0 calc(8 * var(--design-px)); font-size: calc(15 * var(--design-px)); line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-photo-modal__caption) { font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog) { background: rgba(245, 245, 245, 0.64); }
:where(.ems-detail-content) :is(.p-blog__wrap) { display: flex; flex-direction: column; gap: calc(40 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog__wrap) { flex-direction: row; align-items: flex-start; gap: 1.875%; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog__main) { width: 75%; }
}
:where(.ems-detail-content) :is(.p-blog__box) { padding: calc(24 * var(--design-px)) calc(16 * var(--design-px)) calc(32 * var(--design-px)); border-radius: 4px; background: rgba(255, 255, 255, 0.64); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog__box) { padding: calc(48 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog__side) { width: 23.125%; }
}
:where(.ems-detail-content) :is(.p-blog__empty) { margin: 0px; font-size: calc(15 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-blog-cards) { display: grid; grid-template-columns: minmax(0px, 1fr); gap: calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-cards) { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-card) { background: rgba(255, 255, 255, 0.16); }
:where(.ems-detail-content) :is(.p-blog-card__link) { display: flex; flex-direction: column; height: 100%; }
:where(.ems-detail-content) :is(.p-blog-card__img) { overflow: hidden; border-radius: 4px; background: rgb(143, 154, 161); aspect-ratio: 408 / 222; }
:where(.ems-detail-content) :is(.p-blog-card__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-blog-card__body) { flex: 1 1 0%; display: flex; flex-direction: column; gap: calc(12 * var(--design-px)); padding: calc(16 * var(--design-px)) calc(8 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-card__body) { gap: calc(16 * var(--design-px)); padding: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-card__content) { display: flex; flex-direction: column; gap: calc(8 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-blog-card__ttl) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(18 * var(--design-px)); font-weight: 500; line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-card__ttl) { font-size: calc(20 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-card__excerpt) { margin: 0px; overflow: hidden; font-size: calc(14 * var(--design-px)); line-height: 1.6; white-space: nowrap; text-overflow: ellipsis; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-card__excerpt) { font-size: calc(15 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-card__meta) { margin: 0px; font-size: calc(13 * var(--design-px)); line-height: 1; color: rgb(132, 147, 152); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-card__meta) { font-size: calc(14 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-pager) { margin-top: calc(32 * var(--design-px)); display: flex; flex-wrap: wrap; justify-content: center; gap: calc(6 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-pager) { margin-top: calc(24 * var(--design-px)); gap: calc(8 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-pager__item) { display: flex; justify-content: center; align-items: center; min-width: calc(36 * var(--design-px)); height: calc(36 * var(--design-px)); padding: 0 calc(12 * var(--design-px)); border: 1px solid rgb(29, 43, 66); border-radius: 4px; background: rgb(249, 249, 249); color: rgb(29, 43, 66); font-family: "Zen Kaku Gothic New", sans-serif; font-size: calc(13 * var(--design-px)); font-weight: 700; line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-pager__item) { min-width: calc(40 * var(--design-px)); height: calc(40 * var(--design-px)); padding: 0 calc(16 * var(--design-px)); font-size: calc(14 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-pager__item--current) { background: rgb(29, 43, 66); color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.p-blog-pager__item--dots) { min-width: 0px; padding: 0px; border: 0px; background: none; }
:where(.ems-detail-content) :is(.p-blog-side) { display: flex; flex-direction: column; gap: calc(40 * var(--design-px)); padding: calc(24 * var(--design-px)); border-radius: 4px; background: rgba(255, 255, 255, 0.64); }
:where(.ems-detail-content) :is(.p-blog-side__block) { display: flex; flex-direction: column; gap: calc(16 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-blog-side__header) { margin: 0px; display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: calc(12 * var(--design-px)); border-bottom: 0.5px solid rgb(177, 177, 177); }
:where(.ems-detail-content) :is(.p-blog-side__heading) { font-size: calc(16 * var(--design-px)); line-height: 1; }
:where(.ems-detail-content) :is(.p-blog-side__en) { font-family: Cinzel, serif; font-size: calc(12 * var(--design-px)); font-weight: 400; line-height: 1; color: rgb(168, 150, 106); }
:where(.ems-detail-content) :is(.p-blog-side-popular) { display: flex; flex-direction: column; gap: calc(8 * var(--design-px)); counter-reset: popular 0; }
:where(.ems-detail-content) :is(.p-blog-side-popular__item) { counter-increment: popular 1; }
:where(.ems-detail-content) :is(.p-blog-side-popular__link) { display: flex; align-items: center; gap: calc(8 * var(--design-px)); font-size: calc(13 * var(--design-px)); line-height: 1.6; }
:where(.ems-detail-content) :is(.p-blog-side-popular__link)::before { content: counter(popular); flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: calc(24 * var(--design-px)); height: calc(24 * var(--design-px)); border-radius: 4px; background: rgb(29, 43, 66); color: rgb(255, 255, 255); font-family: "Zen Kaku Gothic New", sans-serif; font-size: calc(14 * var(--design-px)); font-weight: 700; line-height: 1; }
:where(.ems-detail-content) :is(.p-blog-side-popular__ttl) { text-decoration: underline; }
:where(.ems-detail-content) :is(.p-blog-side-tags) { display: flex; flex-wrap: wrap; gap: calc(8 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-blog-side-tags__item) { display: block; padding: calc(4 * var(--design-px) - 1px) calc(6 * var(--design-px) - 1px); border: 1px solid rgb(71, 88, 108); border-radius: 4px; color: rgb(71, 88, 108); font-size: calc(12 * var(--design-px)); line-height: 1; }
:where(.ems-detail-content) :is(.p-blog-side-archive) { display: grid; grid-template-columns: repeat(4, auto); justify-content: space-between; row-gap: calc(12 * var(--design-px)); color: rgb(71, 88, 108); font-size: calc(14 * var(--design-px)); line-height: 1; }
:where(.ems-detail-content) :is(.p-blog-side-archive__item) { display: flex; gap: calc(4 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-blog-side-archive__item:not(:nth-child(4n+1)))::before { content: "／"; }
:where(.ems-detail-content) :is(.p-blog-side__btn) { width: 100%; }
:where(.ems-detail-content) :is(.p-blog-article__header) { display: flex; flex-direction: column; align-items: flex-start; gap: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__header) { gap: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__ttl) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(26 * var(--design-px)); font-weight: 400; line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__ttl) { font-size: calc(40 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__meta) { margin: 0px; font-size: calc(13 * var(--design-px)); line-height: 1; color: rgb(132, 147, 152); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__meta) { font-size: calc(14 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__img) { margin-top: calc(32 * var(--design-px)); overflow: hidden; border-radius: 4px; background: rgb(143, 154, 161); aspect-ratio: 864 / 470; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__img) { margin-top: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-blog-article__body) { margin-top: calc(40 * var(--design-px)); font-family: "Zen Kaku Gothic New", sans-serif; font-size: calc(15 * var(--design-px)); line-height: 1.8; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body) { margin-top: calc(64 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__body p) { margin: calc(24 * var(--design-px)) 0 0; }
:where(.ems-detail-content) :is(.p-blog-article__body strong),
:where(.ems-detail-content) :is(.p-blog-article__body b) { font-weight: 700; }
:where(.ems-detail-content) :is(.p-blog-article__body a) { text-decoration: underline; }
:where(.ems-detail-content) :is(.p-blog-article__body h2) { margin: calc(48 * var(--design-px)) 0 0; font-family: "Shippori Mincho B1", serif; font-size: calc(24 * var(--design-px)); font-weight: 400; line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body h2) { margin-top: calc(64 * var(--design-px)); font-size: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__body h3) { margin: calc(40 * var(--design-px)) 0 0; font-family: "Shippori Mincho B1", serif; font-size: calc(20 * var(--design-px)); font-weight: 400; line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body h3) { margin-top: calc(48 * var(--design-px)); font-size: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__body img) { border-radius: 4px; }
:where(.ems-detail-content) :is(.p-blog-article__body figure) { margin: calc(24 * var(--design-px)) 0 0; }
:where(.ems-detail-content) :is(.p-blog-article__body ul),
:where(.ems-detail-content) :is(.p-blog-article__body ol) { margin: calc(24 * var(--design-px)) 0 0; display: flex; flex-direction: column; gap: calc(16 * var(--design-px)); line-height: 1.6; }
:where(.ems-detail-content) :is(.p-blog-article__body ul > li) { display: flex; gap: calc(12 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-blog-article__body ul > li)::before { content: ""; flex-shrink: 0; width: calc(12 * var(--design-px)); height: calc(12 * var(--design-px)); margin-top: calc((1.6em - 12 * var(--design-px)) / 2); border-radius: 50%; background: rgb(71, 88, 108); }
:where(.ems-detail-content) :is(.p-blog-article__body ol) { counter-reset: article-ol 0; }
:where(.ems-detail-content) :is(.p-blog-article__body ol > li) { display: flex; align-items: flex-start; gap: calc(12 * var(--design-px)); counter-increment: article-ol 1; }
:where(.ems-detail-content) :is(.p-blog-article__body ol > li)::before { content: counter(article-ol, decimal-leading-zero); flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: calc(32 * var(--design-px)); height: calc(32 * var(--design-px)); margin-top: calc((1.6em - 32 * var(--design-px)) / 2); border-radius: 4px; background: rgb(71, 88, 108); color: rgb(255, 255, 255); font-family: "Zen Kaku Gothic Antique", sans-serif; font-size: calc(18 * var(--design-px)); line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body ol > li)::before { font-size: calc(20 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__body hr) { margin: calc(32 * var(--design-px)) 0; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(177, 177, 177) currentcolor currentcolor; border-image: none; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body hr) { margin: calc(48 * var(--design-px)) 0; }
}
:where(.ems-detail-content) :is(.p-blog-article__body blockquote) { position: relative; margin: calc(48 * var(--design-px)) 0 0; padding: calc(32 * var(--design-px)) calc(20 * var(--design-px)); border-radius: 4px; background: rgb(255, 255, 255); color: rgb(92, 98, 102); font-size: calc(14 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-blog-article__body blockquote)::before { content: ""; position: absolute; top: calc(-8 * var(--design-px)); left: calc(20 * var(--design-px)); width: calc(48 * var(--design-px)); height: calc(16 * var(--design-px)); background: linear-gradient(90deg, rgb(75, 98, 129) 33.33%, rgb(121, 146, 162) 33.33%, rgb(121, 146, 162) 66.66%, rgb(75, 98, 129) 66.66%); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body blockquote) { margin-top: calc(88 * var(--design-px)); padding: calc(40 * var(--design-px)) calc(32 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-blog-article__body blockquote)::before { left: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__body blockquote :is(h2, h3, h4, h5, h6)) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(20 * var(--design-px)); font-weight: 400; line-height: 1.4; color: rgb(22, 41, 48); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body blockquote :is(h2, h3, h4, h5, h6)) { font-size: calc(22 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__body table) { width: 100%; border: 1px solid rgb(121, 146, 162); border-radius: 4px; border-collapse: separate; border-spacing: 0px; overflow: hidden; color: rgb(92, 98, 102); font-family: "Zen Kaku Gothic Antique", sans-serif; font-size: calc(14 * var(--design-px)); line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body table) { font-size: calc(15 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__body :is(thead, tfoot)) { border: 0px; }
:where(.ems-detail-content) :is(.p-blog-article__body th),
:where(.ems-detail-content) :is(.p-blog-article__body td) { padding: calc(10 * var(--design-px)); border-width: 1px 0px 0px 1px; border-style: solid none none solid; border-color: rgb(121, 146, 162) currentcolor currentcolor rgb(121, 146, 162); border-image: none; background: rgb(255, 255, 255); text-align: center; font-weight: 500; }
:where(.ems-detail-content) :is(.p-blog-article__body th) { padding: calc(16 * var(--design-px)) calc(8 * var(--design-px)); background: rgb(71, 88, 108); color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.p-blog-article__body tr:first-child > :is(th, td)) { border-top: 0px; }
:where(.ems-detail-content) :is(.p-blog-article__body tr > :first-child) { border-left: 0px; }
:where(.ems-detail-content) :is(.p-blog-article__body tbody th) { width: 33.3333%; }
:where(.ems-detail-content) :is(.p-blog-article__body tbody th + td) { padding: calc(16 * var(--design-px)); text-align: left; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body tbody th + td) { padding: calc(16 * var(--design-px)) calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__body .wp-block-table) { margin-top: calc(32 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-blog-article__body blockquote + .wp-block-table) { margin-top: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body blockquote + .wp-block-table) { margin-top: calc(64 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__body .wp-block-columns) { margin-bottom: 0px; gap: calc(24 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body .wp-block-columns) { gap: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__body .wp-block-column > :is(ul, ol, figure)) { margin-top: 0px; }
:where(.ems-detail-content) :is(.p-blog-article__body .wp-block-image img) { width: 100%; }
:where(.ems-detail-content) :is(.p-blog-article__body :is(h2, h3) + *),
:where(.ems-detail-content) :is(.p-blog-article__body blockquote :is(h2, h3, h4, h5, h6) + *) { margin-top: calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body :is(h2, h3) + *),
:where(.ems-detail-content) :is(.p-blog-article__body blockquote :is(h2, h3, h4, h5, h6) + *) { margin-top: calc(48 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__body blockquote :is(h2, h3, h4, h5, h6) + *) { margin-top: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__body hr + *),
:where(.ems-detail-content) :is(.p-blog-article__body > :first-child),
:where(.ems-detail-content) :is(.p-blog-article__body .wp-block-column > :first-child) { margin-top: 0px; }
:where(.ems-detail-content) :is(.p-blog-article__back) { margin-top: calc(48 * var(--design-px)); display: inline-flex; align-items: center; gap: calc(8 * var(--design-px)); padding-bottom: calc(8 * var(--design-px)); border-bottom: 1px solid rgb(22, 41, 48); font-size: calc(15 * var(--design-px)); line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-article__back) { margin-top: calc(64 * var(--design-px)); font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-article__back .c-btn__arrow) { background: rgb(22, 41, 48); color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.p-blog-author) { margin-top: calc(40 * var(--design-px)); display: flex; align-items: center; gap: calc(16 * var(--design-px)); padding: calc(16 * var(--design-px)); border-radius: 4px; background: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-author) { margin-top: calc(48 * var(--design-px)); gap: calc(28 * var(--design-px)); padding: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-author__img) { flex-shrink: 0; width: calc(72 * var(--design-px)); overflow: hidden; border-radius: 50%; background: rgb(71, 88, 108); aspect-ratio: 1 / 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-author__img) { width: calc(96 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-author__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-blog-author__body) { display: flex; flex-direction: column; gap: calc(8 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-author__body) { gap: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-author__name) { margin: 0px; font-size: calc(17 * var(--design-px)); font-weight: 700; line-height: 1.4; color: rgb(92, 98, 102); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-author__name) { font-size: calc(20 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-author__txt) { margin: 0px; font-size: calc(14 * var(--design-px)); line-height: 1.4; color: rgb(29, 43, 66); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-author__txt) { font-size: calc(15 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-related) { margin-top: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-related) { margin-top: calc(56 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-related__header) { margin: 0 0 calc(24 * var(--design-px)); display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: calc(16 * var(--design-px)); border-bottom: 1px solid rgb(177, 177, 177); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-related__header) { margin-bottom: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-related__heading) { font-family: "Shippori Mincho B1", serif; font-size: calc(20 * var(--design-px)); font-weight: 400; line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-related__heading) { font-size: calc(22 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-related__en) { font-family: Cinzel, serif; font-size: calc(16 * var(--design-px)); font-weight: 400; line-height: 1; color: rgb(168, 150, 106); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-related__en) { font-size: calc(18 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-related__list) { display: flex; flex-direction: column; gap: calc(16 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-blog-related__link) { display: flex; align-items: center; gap: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-related__link) { gap: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-related__img) { flex-shrink: 0; width: calc(64 * var(--design-px)); overflow: hidden; border-radius: 4px; background: rgb(71, 88, 108); aspect-ratio: 1 / 1; }
:where(.ems-detail-content) :is(.p-blog-related__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-blog-related__body) { display: flex; flex-direction: column; gap: calc(12 * var(--design-px)); min-width: 0px; }
:where(.ems-detail-content) :is(.p-blog-related__ttl) { margin: 0px; font-size: calc(15 * var(--design-px)); line-height: 1.4; color: rgb(0, 0, 0); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-related__ttl) { line-height: 1; }
}
:where(.ems-detail-content) :is(.p-blog-related__meta) { margin: 0px; font-size: calc(13 * var(--design-px)); line-height: 1; color: rgb(132, 147, 152); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-related__meta) { font-size: calc(14 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-cta) { position: relative; overflow: hidden; padding: calc(40 * var(--design-px)) calc(16 * var(--design-px)); border-radius: 0px 0px 4px 4px; background: rgb(71, 88, 108); color: rgb(255, 255, 255); text-align: center; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-cta) { padding: calc(56 * var(--design-px)) 0; }
}
:where(.ems-detail-content) :is(.p-blog-cta__bg) { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0.16; }
:where(.ems-detail-content) :is(.p-blog-cta__heading) { position: relative; margin: 0px; font-size: calc(26 * var(--design-px)); font-weight: 500; line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-cta__heading) { font-size: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-cta__btns) { position: relative; margin-top: calc(24 * var(--design-px)); display: flex; flex-direction: column; align-items: center; gap: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-cta__btns) { margin-top: calc(32 * var(--design-px)); flex-direction: row; justify-content: center; gap: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-cta__btn) { justify-content: center; gap: calc(16 * var(--design-px)); width: calc(280 * var(--design-px)); min-height: calc(64 * var(--design-px)); font-size: calc(17 * var(--design-px)); white-space: nowrap; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-blog-cta__btn) { min-height: calc(72 * var(--design-px)); padding: 0 calc(32 * var(--design-px)); font-size: calc(18 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-blog-cta__btn--line) { gap: calc(12 * var(--design-px)); border: 1px solid rgb(255, 255, 255); background: transparent; }
:where(.ems-detail-content) :is(.p-page-top-points) { padding-top: calc(80 * var(--design-px)); padding-bottom: calc(80 * var(--design-px)); background: url("../images/newtop/top/points_decorate_zigzag_sp.svg") center center / 100% 100% no-repeat; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points) { padding-top: calc(128 * var(--design-px)); padding-bottom: calc(84 * var(--design-px)); background-image: url("../images/newtop/top/points_decorate_zigzag.svg"); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points__header) { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: calc(16 * var(--design-px)) calc(895 * var(--design-px) - 783 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-points__accent) { color: rgb(150, 137, 105); }
:where(.ems-detail-content) :is(.p-page-top-points__lead) { position: relative; z-index: 0; margin: calc(16 * var(--design-px)) 0 0; font-size: calc(16 * var(--design-px)); line-height: 1.6; color: rgb(43, 43, 43); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points__lead) { font-size: calc(18 * var(--design-px)); margin-top: 0px; margin-left: auto; line-height: 2; text-align: right; }
}
:where(.ems-detail-content) :is(.p-page-top-points__lead)::before { content: ""; display: block; width: calc(16 * var(--design-px)); height: calc(4 * var(--design-px)); margin: 0 0 calc(16 * var(--design-px)) auto; border-radius: 2px; background: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points__lead)::before { margin-right: calc(12 * var(--design-px)); margin-bottom: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-points__lead)::after { content: ""; position: absolute; z-index: -1; top: calc(220 * var(--design-px) - 216 * var(--design-px)); right: calc(358 * var(--design-px) - 291 * var(--design-px)); width: calc(32 * var(--design-px)); height: calc(32 * var(--design-px)); border-radius: 2px; background: rgba(220, 228, 233, 0.32); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points__lead)::after { top: calc(227 * var(--design-px) - 194 * var(--design-px)); right: auto; left: calc(783 * var(--design-px) - 895 * var(--design-px)); width: calc(64 * var(--design-px)); height: calc(64 * var(--design-px)); border-radius: 4px; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list) { margin-top: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list) { margin-top: calc(96 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__item--02) { margin-top: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__item--02) { margin-top: calc(40 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__item--03) { margin-top: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__item--03) { margin-top: calc(80 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__wrap--01) { position: relative; display: grid; grid-template-columns: 33.5196% 1fr; grid-template-rows: auto 1fr; margin-left: calc(-32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__wrap--01) { display: flex; align-items: flex-start; gap: 6.25%; margin-left: 0px; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__wrap--02) { display: flex; flex-direction: row-reverse; align-items: center; gap: 6.49351%; padding-left: 3.75%; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__wrap--03) { display: flex; align-items: center; gap: 6.66667%; padding-right: 6.25%; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__imgs) { display: flex; align-items: flex-start; margin-inline: calc(-16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__imgs) { min-width: 0px; margin-inline: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__imgs--02) { gap: 2.08333%; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__imgs--02) { flex: 720 1 0%; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__imgs--03) { gap: 5%; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__imgs--03) { flex: 640 1 0%; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__img) { min-width: 0px; border-radius: 4px; overflow: hidden; }
:where(.ems-detail-content) :is(.p-page-top-points-list__img img) { width: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0101) { grid-area: 1 / 1; border-radius: 0px 4px 0px 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0101) { flex: 480 1 0%; margin-bottom: calc(718 * var(--design-px) - 758 * var(--design-px)); border-radius: 4px; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0101 img) { aspect-ratio: 120 / 180; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0101 img) { aspect-ratio: 480 / 360; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0102) { grid-area: 2 / 1; align-self: start; margin-bottom: calc(644 * var(--design-px) - 722 * var(--design-px)); border-radius: 0px 0px 4px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0102) { flex: 240 1 0%; margin-bottom: calc(718 * var(--design-px) - 758 * var(--design-px)); border-radius: 4px; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0102 img) { aspect-ratio: 120 / 180; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0102 img) { aspect-ratio: 240 / 360; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0201) { flex: 230 1 0%; margin-top: 5.55556%; }
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0202) { flex: 230 1 0%; }
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0203) { flex: 230 1 0%; margin-top: 11.1111%; }
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0201 img),
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0202 img),
:where(.ems-detail-content) :is(.p-page-top-points-list__img--0203 img) { aspect-ratio: 230 / 360; }
:where(.ems-detail-content) :is(.p-page-top-points-list__img--03) { flex: 304 1 0%; }
:where(.ems-detail-content) :is(.p-page-top-points-list__img--03 img) { aspect-ratio: 304 / 360; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__content) { min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__content--01) { grid-area: 1 / 2 / span 2; padding: calc(32 * var(--design-px)) 0 calc(48 * var(--design-px)) calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__content--01) { flex: 400 1 0%; padding: calc(24 * var(--design-px)) 0; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__content--02) { margin-top: calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__content--02) { flex: 432 1 0%; margin-top: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__content--03) { margin-top: calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__content--03) { flex: 480 1 0%; margin-top: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__subheading) { margin: 0 0 calc(24 * var(--design-px)); font-family: Cinzel, serif; font-size: calc(12 * var(--design-px)); font-weight: 400; line-height: 1; color: rgb(150, 137, 105); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__subheading) { font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(24 * var(--design-px)); font-weight: 400; line-height: 1.6; color: rgb(22, 41, 48); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__heading) { font-size: calc(40 * var(--design-px)); line-height: 1.4; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__heading)::first-letter { color: rgb(71, 88, 108); }
:where(.ems-detail-content) :is(.p-page-top-points-list__txt) { margin: calc(24 * var(--design-px)) 0 0; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__txt) { margin: calc(64 * var(--design-px)) 0 0; }
}
:where(.ems-detail-content) :is(.p-page-top-points-list__txt--01) { margin-top: calc(24 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-list__txt--01) { margin-top: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-points-advisor) { padding-block: calc(48 * var(--design-px)) calc(48 * var(--design-px)); background: linear-gradient(rgba(27, 46, 68, 0.64), rgba(27, 46, 68, 0.64)), url("../images/newtop/top/points_advisor_bg_sp.webp") center center / cover no-repeat; color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor) { padding-block: calc(120 * var(--design-px)) calc(80 * var(--design-px)); background-image: linear-gradient(rgba(27, 46, 68, 0.64), rgba(27, 46, 68, 0.64)), url("../images/newtop/top/points_advisor_bg.webp"); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor__wrap) { display: flex; align-items: flex-start; padding-left: 10%; }
}
:where(.ems-detail-content) :is(.p-page-top-points-advisor__header) { text-align: right; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor__header) { flex: 252 1 0%; min-width: 0px; text-align: left; }
}
:where(.ems-detail-content) :is(.p-page-top-points-advisor__header)::before { content: ""; display: block; width: calc(16 * var(--design-px)); height: calc(4 * var(--design-px)); margin: 0 0 calc(16 * var(--design-px)) auto; border-radius: 2px; background: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor__header)::before { margin-top: ; margin-right: ; margin-bottom: ; margin-left: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-points-advisor__heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(24 * var(--design-px)); font-weight: 500; line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor__heading) { font-size: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-points-advisor__subheading) { margin: calc(16 * var(--design-px)) 0 0; padding-top: calc(4 * var(--design-px)); font-family: Cinzel, serif; font-size: calc(12 * var(--design-px)); font-weight: 400; line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor__subheading) { margin: calc(32 * var(--design-px)) 0 0; font-size: calc(14 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-points-advisor__list) { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: calc(24 * var(--design-px)) calc(6 * var(--design-px)); margin-top: calc(40 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor__list) { flex: 900 1 0%; min-width: 0px; gap: calc(24 * var(--design-px)); margin-top: 0px; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor__item) { display: flex; align-items: center; gap: 9.13242%; }
}
:where(.ems-detail-content) :is(.p-page-top-points-advisor__img) { border-radius: 4px; background: rgb(255, 255, 255); overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor__img) { flex-shrink: 0; width: 36.5297%; }
}
:where(.ems-detail-content) :is(.p-page-top-points-advisor__img img) { width: 100%; aspect-ratio: 160 / 160; object-fit: cover; }
:where(.ems-detail-content) :is(.p-page-top-points-advisor__content) { margin-top: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor__content) { flex: 1 1 0%; min-width: 0px; margin-top: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-points-advisor__namewrap) { display: flex; flex-direction: column; gap: calc(8 * var(--design-px)) calc(12 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor__namewrap) { flex-flow: wrap; align-items: flex-end; }
}
:where(.ems-detail-content) :is(.p-page-top-points-advisor__name) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(18 * var(--design-px)); font-weight: 600; line-height: 1; }
:where(.ems-detail-content) :is(.p-page-top-points-advisor__en) { margin: 0px; font-family: Cinzel, serif; font-size: calc(12 * var(--design-px)); font-weight: 400; line-height: 1; color: rgb(185, 174, 147); }
:where(.ems-detail-content) :is(.p-page-top-points-advisor__field) { margin: calc(16 * var(--design-px)) 0 0; font-family: "Zen Kaku Gothic New", sans-serif; }
:where(.ems-detail-content) :is(.p-page-top-points-advisor__fieldlabel) { width: fit-content; padding: calc(4 * var(--design-px)) calc(4 * var(--design-px)) calc(5 * var(--design-px)); border: 1px solid rgb(255, 255, 255); border-radius: 4px; font-size: calc(12 * var(--design-px)); line-height: 1; }
:where(.ems-detail-content) :is(.p-page-top-points-advisor__fieldtxt) { margin: calc(8 * var(--design-px)) 0 0; font-size: calc(12 * var(--design-px)); line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points-advisor__fieldtxt) { font-size: calc(14 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-points__title .c-txt-label) { margin-bottom: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-points__title .c-txt-label) { margin-bottom: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-clinic) { padding-top: calc(80 * var(--design-px)); border-radius: 8px; background: rgba(238, 244, 246, 0.7); overflow: hidden; }
:where(.ems-detail-content) :is(.p-page-top-clinic)::after { content: ""; display: block; margin-top: calc(53 * var(--design-px)); aspect-ratio: 1441 / 100; background: url("../images/newtop/common/decorate_logotype.svg") center center / 100% auto no-repeat; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic)::after { margin-top: calc(64 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic) { padding-top: calc(192 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__wrap) { position: relative; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__wrap) { display: flex; gap: 6.25%; }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__wrap)::before { content: ""; position: absolute; bottom: calc(1511 * var(--design-px) - 1486 * var(--design-px)); left: 50%; right: calc(-32 * var(--design-px)); height: calc(408 * var(--design-px)); border-radius: 4px; background: url("../images/newtop/common/decorate_slash.svg") left top / 173.333% 100% no-repeat, rgba(255, 255, 255, 0.48); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__wrap)::before { top: calc(128 * var(--design-px) - 192 * var(--design-px)); bottom: auto; left: 35.7031%; right: 0px; height: calc(672 * var(--design-px)); background-size: 104.845% 100%, auto; }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__content) { position: relative; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__content) { flex: 543 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__header) { margin-bottom: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__header) { margin-bottom: calc(64 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__header .c-txt-label) { margin-bottom: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__header .c-txt-label) { margin-bottom: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__lead) { margin-bottom: calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__lead) { margin-bottom: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__txt) { margin: 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__txt) { line-height: 2; }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__imgwrap) { position: relative; margin-top: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__imgwrap) { flex: 657 1 0%; min-width: 0px; margin-top: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__img) { margin-inline: calc(-16 * var(--design-px)); border-radius: 4px; overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__img) { margin-inline: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__img img) { width: 100%; aspect-ratio: 358 / 245; object-fit: cover; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__img img) { aspect-ratio: 657 / 480; }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__linkwrap) { margin-top: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__linkwrap) { padding-left: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-clinic-links) { display: flex; flex-direction: column; gap: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic-links) { flex-flow: wrap; gap: calc(22 * var(--design-px)) calc(28 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-clinic-links__item) { display: flex; }
:where(.ems-detail-content) :is(.p-page-top-clinic-links__link) { font-size: calc(14 * var(--design-px)); line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic-links__link) { font-size: calc(16 * var(--design-px)); line-height: 1; }
}
:where(.ems-detail-content) :is(.p-page-top-clinic__otherlink) { margin-top: calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-clinic__otherlink) { margin-top: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-treatment) { position: relative; padding-top: calc(80 * var(--design-px)); background: rgba(255, 255, 255, 0.72); }
:where(.ems-detail-content) :is(.p-page-top-treatment)::before { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: calc(98 * var(--design-px)); border-radius: 4px 4px 0px 0px; background: rgba(212, 220, 223, 0.32); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment)::before { height: calc(190 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment) { padding-top: calc(125 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-treatment__header) { margin-bottom: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment__header) { margin-bottom: calc(80 * var(--design-px)); display: flex; justify-content: space-between; align-items: flex-end; gap: calc(40 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment__headingwrap) { flex-shrink: 0; }
}
:where(.ems-detail-content) :is(.p-page-top-treatment__lead) { margin: calc(16 * var(--design-px)) 0 0; font-size: calc(16 * var(--design-px)); line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment__lead) { font-size: calc(18 * var(--design-px)); margin-top: 0px; line-height: 2; text-align: right; }
}
:where(.ems-detail-content) :is(.p-page-top-treatment__lead)::before { content: ""; display: block; width: calc(16 * var(--design-px)); height: calc(4 * var(--design-px)); margin: 0 0 calc(16 * var(--design-px)) auto; border-radius: 2px; background: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment__lead)::before { margin-right: calc(12 * var(--design-px)); margin-bottom: calc(40 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-treatment__content) { position: relative; }
:where(.ems-detail-content) :is(.p-page-top-treatment-list) { display: grid; grid-template-columns: repeat(2, 1fr); gap: calc(6 * var(--design-px)); margin-inline: calc(-16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list) { grid-template-columns: repeat(3, 1fr); gap: calc(25 * var(--design-px)); margin-inline: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-treatment-list__item) { display: flex; min-width: 0px; }
:where(.ems-detail-content) :is(.p-page-top-treatment-list__link) { display: flex; flex-direction: column; width: 100%; padding-bottom: calc(8 * var(--design-px)); border-top: 1px solid rgb(177, 177, 177); border-left: 1px solid rgb(177, 177, 177); border-radius: 4px 0px 0px; background: rgba(255, 255, 255, 0.08); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list__link) { padding-bottom: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-treatment-list__img) { position: relative; margin: calc(8 * var(--design-px)) calc(4 * var(--design-px)) calc(8 * var(--design-px)) calc(8 * var(--design-px)); border-radius: 4px; background: rgb(186, 195, 199); overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list__img) { margin: 5.86797% 4.88998% 5.86797% 6.84597%; }
}
:where(.ems-detail-content) :is(.p-page-top-treatment-list__photo) { width: 100%; aspect-ratio: 164 / 94; object-fit: cover; opacity: 0.16; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list__photo) { aspect-ratio: 361 / 222; }
}
:where(.ems-detail-content) :is(.p-page-top-treatment-list__icon) { position: absolute; inset: 0px; width: auto; height: 42.5532%; margin: auto; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list__icon) { height: 28.8288%; }
}
:where(.ems-detail-content) :is(.p-page-top-treatment-list__icon--03) { height: 23.4043%; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list__icon--03) { height: 21.6216%; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list__icon--06) { height: 32.4324%; }
}
:where(.ems-detail-content) :is(.p-page-top-treatment-list__content) { padding: 0 calc(8 * var(--design-px)) 0 calc(12 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list__content) { padding: 0px 7.82396%; }
}
:where(.ems-detail-content) :is(.p-page-top-treatment-list__heading) { margin: 0 0 calc(8 * var(--design-px)); font-family: "Shippori Mincho B1", serif; font-size: calc(16 * var(--design-px)); font-weight: 500; line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list__heading) { margin: 0 0 calc(16 * var(--design-px)); font-size: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-treatment-list__wrap) { display: flex; justify-content: space-between; align-items: center; gap: calc(7 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list__wrap) { gap: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-treatment-list__subheading) { margin: 0px; font-family: Cinzel, serif; font-size: calc(10 * var(--design-px)); font-weight: 400; line-height: 1; color: rgb(150, 137, 105); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list__subheading) { font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-treatment-list__arrow) { width: calc(14 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-treatment-list__arrow) { width: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-offered) { background: linear-gradient(rgba(212, 220, 223, 0.32), rgba(212, 220, 223, 0.32)), rgba(255, 255, 255, 0.72); }
:where(.ems-detail-content) :is(.p-page-top-offered__body) { position: relative; padding: calc(80 * var(--design-px)) 0 calc(80 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered__body)::before { content: ""; position: absolute; top: calc(64 * var(--design-px)); bottom: calc(64 * var(--design-px)); left: 38.75%; width: 53.8281%; border-radius: 4px; background: url("../images/newtop/common/decorate_slash.svg") 77.7778% 0px / 113.062% 116.464% no-repeat, rgba(249, 249, 249, 0.408); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered__body)::after { content: ""; position: absolute; top: calc(96 * var(--design-px)); left: calc(38.75% - (576 * var(--design-px) - 544 * var(--design-px))); width: calc(64 * var(--design-px)); height: calc(64 * var(--design-px)); border-radius: 4px; background: rgba(220, 228, 233, 0.64); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered__body) { padding: calc(128 * var(--design-px)) 0 calc(132 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-offered__header) { position: relative; margin-bottom: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered__header) { margin-bottom: calc(80 * var(--design-px)); display: flex; justify-content: space-between; align-items: flex-end; gap: calc(40 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered__headingwrap) { flex-shrink: 0; }
}
:where(.ems-detail-content) :is(.p-page-top-offered__lead) { margin: calc(16 * var(--design-px)) 0 0; font-size: calc(16 * var(--design-px)); line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered__lead) { font-size: calc(18 * var(--design-px)); margin-top: 0px; line-height: 2; text-align: right; }
}
:where(.ems-detail-content) :is(.p-page-top-offered__lead)::before { content: ""; display: block; width: calc(16 * var(--design-px)); height: calc(4 * var(--design-px)); margin: 0 0 calc(16 * var(--design-px)) auto; border-radius: 2px; background: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered__lead)::before { margin-right: calc(12 * var(--design-px)); margin-bottom: calc(31 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-offered__content) { position: relative; }
:where(.ems-detail-content) :is(.p-page-top-offered-list) { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; gap: calc(6 * var(--design-px)); margin-inline: calc(-16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered-list) { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: calc(22 * var(--design-px)) calc(16 * var(--design-px)); margin-inline: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-offered-list__item) { display: flex; min-width: 0px; }
:where(.ems-detail-content) :is(.p-page-top-offered-list__link) { position: relative; display: flex; flex-direction: column; width: 100%; border-top: 1px solid rgb(215, 221, 231); border-left: 1px solid rgb(215, 221, 231); border-radius: 4px 0px 0px; background: rgba(255, 255, 255, 0.16); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered-list__link) { flex-direction: row; background: rgba(255, 255, 255, 0.32); }
}
:where(.ems-detail-content) :is(.p-page-top-offered-list__img) { position: relative; margin: calc(12 * var(--design-px)); border-radius: 4px; background: rgb(212, 220, 223); overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered-list__img) { flex-shrink: 0; width: calc(100 * var(--design-px)); margin: calc(8 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-offered-list__photo) { width: 100%; aspect-ratio: 151 / 100; object-fit: cover; opacity: 0.08; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered-list__photo) { aspect-ratio: 100 / 100; }
}
:where(.ems-detail-content) :is(.p-page-top-offered-list__icon) { position: absolute; inset: 0px; width: auto; height: 40%; margin: auto; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered-list__icon) { height: 54%; }
}
:where(.ems-detail-content) :is(.p-page-top-offered-list__content) { flex: 1 1 0%; display: flex; flex-direction: column; gap: calc(8 * var(--design-px)); padding: 0 calc(12 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered-list__content) { justify-content: center; min-width: 0px; padding: 0 calc(8 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-offered-list__subheading) { margin: 0 0 calc(6 * var(--design-px)); padding: 0px 2px; font-family: Cinzel, serif; font-size: calc(10 * var(--design-px)); font-weight: 400; line-height: 1; color: rgb(150, 137, 105); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered-list__subheading) { font-size: calc(12 * var(--design-px)); font-weight: 500; }
}
:where(.ems-detail-content) :is(.p-page-top-offered-list__heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(15 * var(--design-px)); font-weight: 600; line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered-list__heading) { font-size: calc(17 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-offered-list__arrow) { align-self: flex-end; margin-top: auto; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-offered-list__arrow) { position: absolute; right: calc(308 * var(--design-px) - 286 * var(--design-px) - 18 * var(--design-px)); bottom: calc(118 * var(--design-px) - 98.5 * var(--design-px) - 13.5 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-quality) { padding: calc(80 * var(--design-px)) 0; background: rgba(255, 255, 255, 0.64); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality) { padding: calc(140 * var(--design-px)) 0; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality__wrap) { display: flex; align-items: flex-start; gap: 6.25%; }
}
:where(.ems-detail-content) :is(.p-page-top-quality__content) { position: relative; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality__content) { flex: 480 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-quality__content)::before { content: ""; position: absolute; top: calc(40 * var(--design-px) - 80 * var(--design-px)); bottom: calc(685 * var(--design-px) - 657 * var(--design-px)); left: 18.4049%; right: 0px; border-radius: 4px; background: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality__content)::before { top: calc(76 * var(--design-px) - 140 * var(--design-px)); bottom: calc(847 * var(--design-px) - 821 * var(--design-px)); left: 8.33333%; right: auto; width: 55.4167%; }
}
:where(.ems-detail-content) :is(.p-page-top-quality__content)::after { content: ""; position: absolute; top: calc(94 * var(--design-px) - 80 * var(--design-px)); right: calc(-16 * var(--design-px)); width: calc(32 * var(--design-px)); height: calc(32 * var(--design-px)); border-radius: 4px; background: rgba(220, 228, 233, 0.32); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality__content)::after { top: calc(108 * var(--design-px) - 140 * var(--design-px)); left: 57.0833%; right: auto; width: calc(64 * var(--design-px)); height: calc(64 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-quality__header) { position: relative; margin-bottom: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality__header) { margin-bottom: calc(64 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-quality__heading) { font-size: calc(32 * var(--design-px)); white-space: nowrap; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality__heading) { font-size: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-quality__lead) { position: relative; margin-bottom: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality__lead) { margin-bottom: calc(64 * var(--design-px)); font-size: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-quality__txt) { position: relative; margin: 0 0 calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality__txt) { margin: 0 0 calc(64 * var(--design-px)); line-height: 2; }
}
:where(.ems-detail-content) :is(.p-page-top-quality__btn) { position: relative; }
:where(.ems-detail-content) :is(.p-page-top-quality-list) { display: flex; flex-direction: column; gap: calc(16 * var(--design-px)); margin-top: calc(80 * var(--design-px)); margin-inline: calc(-16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality-list) { flex: 720 1 0%; min-width: 0px; gap: calc(12 * var(--design-px)); margin-top: 0px; margin-inline: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-quality-list__link) { position: relative; display: block; padding: calc(16 * var(--design-px)); border-radius: 8px; background: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality-list__link) { display: flex; align-items: center; gap: 6.25%; padding: 0px 5.55556%; }
}
:where(.ems-detail-content) :is(.p-page-top-quality-list__img) { border-radius: 4px; overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality-list__img) { flex: 155 1 0%; min-width: 0px; margin-block: 6.25%; }
}
:where(.ems-detail-content) :is(.p-page-top-quality-list__img img) { width: 100%; aspect-ratio: 326 / 160; object-fit: cover; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality-list__img img) { aspect-ratio: 155 / 155; }
}
:where(.ems-detail-content) :is(.p-page-top-quality-list__content) { display: flex; flex-direction: column; margin-top: calc(16 * var(--design-px)); padding-inline: calc(8 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality-list__content) { flex: 445 1 0%; min-width: 0px; margin-top: 0px; padding: calc(16 * var(--design-px) + 18 * var(--design-px)) 0; }
}
:where(.ems-detail-content) :is(.p-page-top-quality-list__content)::before { content: ""; flex-shrink: 0; width: calc(16 * var(--design-px)); height: calc(4 * var(--design-px)); margin-bottom: calc(8 * var(--design-px)); border-radius: 2px; background: rgb(71, 88, 108); }
:where(.ems-detail-content) :is(.p-page-top-quality-list__heading) { margin: 0 0 calc(8 * var(--design-px)); font-family: "Shippori Mincho B1", serif; font-size: calc(24 * var(--design-px)); font-weight: 500; line-height: 1.6; color: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality-list__heading) { margin-bottom: calc(10 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-quality-list__heading span) { display: inline-block; }
:where(.ems-detail-content) :is(.p-page-top-quality-list__subheading) { margin: 0 0 calc(12 * var(--design-px)); font-family: Cinzel, serif; font-size: calc(10 * var(--design-px)); font-weight: 400; line-height: 1.4; color: rgb(150, 137, 105); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality-list__subheading) { font-size: calc(12 * var(--design-px)); margin-bottom: calc(8 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-quality-list__txt) { margin: 0px; font-size: calc(14 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality-list__txt) { font-size: calc(15 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-quality-list__arrow) { align-self: flex-end; margin-top: calc(12 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-quality-list__arrow) { position: absolute; right: calc(16 * var(--design-px)); bottom: calc(16 * var(--design-px)); margin-top: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-pickup) { padding: calc(80 * var(--design-px)) 0 calc(80 * var(--design-px)); background: rgba(238, 244, 246, 0.64); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup) { padding-top: ; padding-right: ; padding-left: ; padding-bottom: 0px; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup)::after { content: ""; display: block; margin-top: calc(1460 * var(--design-px) - 1392 * var(--design-px)); aspect-ratio: 1441 / 100; background: url("../images/newtop/common/decorate_logotype.svg") center center / 100% auto no-repeat; }
}
:where(.ems-detail-content) :is(.p-page-top-pickup__header) { margin-bottom: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup__header) { margin-bottom: calc(104 * var(--design-px)); display: flex; justify-content: space-between; align-items: flex-end; gap: calc(32 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup__headingwrap) { flex-shrink: 0; }
}
:where(.ems-detail-content) :is(.p-page-top-pickup__lead) { margin: calc(16 * var(--design-px)) 0 0; font-size: calc(16 * var(--design-px)); line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup__lead) { font-size: calc(18 * var(--design-px)); margin-top: 0px; line-height: 2; text-align: right; }
}
:where(.ems-detail-content) :is(.p-page-top-pickup__lead)::before { content: ""; display: block; width: calc(16 * var(--design-px)); height: calc(4 * var(--design-px)); margin: 0 0 calc(16 * var(--design-px)) auto; border-radius: 2px; background: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup__lead)::before { margin-bottom: calc(31 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-pickup-list) { display: flex; flex-direction: column; gap: calc(20 * var(--design-px)); margin-inline: calc(-16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup-list) { gap: calc(15 * var(--design-px)); width: 96.9531%; margin-inline: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-pickup-list__item) { padding: calc(16 * var(--design-px)); border-top: 1px solid rgb(177, 177, 177); border-left: 1px solid rgb(177, 177, 177); border-radius: 4px 0px 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup-list__item) { display: flex; align-items: center; gap: 6.66667%; padding: calc(20 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-pickup-list__img) { border-radius: 4px; overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup-list__img) { flex: 454 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-pickup-list__img img) { width: 100%; aspect-ratio: 325 / 214; object-fit: cover; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup-list__img img) { aspect-ratio: 454 / 300; }
}
:where(.ems-detail-content) :is(.p-page-top-pickup-list__content) { margin-top: calc(16 * var(--design-px)); padding-inline: calc(8 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup-list__content) { flex: 666 1 0%; min-width: 0px; margin-top: 0px; padding-inline: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-pickup-list__subheading) { margin: 0 0 calc(8 * var(--design-px)); font-family: Cinzel, serif; font-size: calc(14 * var(--design-px)); font-weight: 400; line-height: 1.4; color: rgb(150, 137, 105); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup-list__subheading) { font-size: calc(20 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-pickup-list__heading) { margin: 0 0 calc(16 * var(--design-px)); font-family: "Shippori Mincho B1", serif; font-size: calc(28 * var(--design-px)); font-weight: 500; line-height: 1.4; color: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-pickup-list__heading) { margin: 0 0 calc(24 * var(--design-px)); font-size: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-pickup-list__heading span) { display: inline-block; }
:where(.ems-detail-content) :is(.p-page-top-pickup-list__txt) { margin: 0 0 calc(24 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-top-pickup-list__btn) { display: flex; }
:where(.ems-detail-content) :is(.p-page-top-pickup-list__link) { color: rgb(71, 88, 108); }
/* Figma qrcimazw8eAHNdzcyHoj9u: blog 1:238 (PC), 1:9703 (SP). */
:where(.ems-detail-content) .p-page-top-blog {
  padding: calc(80 * var(--design-px)) 0;
  background: rgba(255, 255, 255, 0.64);
}
:where(.ems-detail-content) .p-page-top-blog > .l-container {
  display: flex;
  flex-direction: column;
}
:where(.ems-detail-content) .p-page-top-blog__header { margin: 0; }
:where(.ems-detail-content) .p-page-top-blog .c-txt-label::before {
  background-image: url(../images/corporate/blog-heading.svg);
}
:where(.ems-detail-content) .p-page-top-blog__btn { margin-top: calc(48 * var(--design-px)); }
:where(.ems-detail-content) .p-page-top-blog__btnlink {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--design-px));
  width: fit-content;
  padding-right: calc(20 * var(--design-px));
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: calc(16 * var(--design-px));
  font-weight: 500;
  line-height: 1;
  color: #47586C;
}
:where(.ems-detail-content) .p-page-top-blog__btnlink > span {
  text-decoration: underline;
  text-underline-position: from-font;
}
:where(.ems-detail-content) .p-page-top-blog .c-icon-arrow {
  position: relative;
  display: block;
  flex: none;
  width: calc(24 * var(--design-px));
  height: calc(18 * var(--design-px));
  border-radius: 1000px;
  background: #47586C;
}
:where(.ems-detail-content) .p-page-top-blog .c-icon-arrow::after {
  content: "";
  position: absolute;
  left: calc(7.716 * var(--design-px));
  top: calc(5.76 * var(--design-px));
  width: calc(9.76632 * var(--design-px));
  height: calc(7.18636 * var(--design-px));
  background: url(../images/corporate/blog-arrow.svg) no-repeat center/contain;
  -webkit-mask: none;
  mask: none;
}
:where(.ems-detail-content) .p-page-top-blog-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(16 * var(--design-px));
  margin: calc(48 * var(--design-px)) calc(-16 * var(--design-px)) 0;
  padding: 0;
  list-style: none;
}
:where(.ems-detail-content) .p-page-top-blog-list__item { align-self: start; }
:where(.ems-detail-content) .p-page-top-blog-list__link {
  display: flex;
  flex-direction: column;
  padding: calc(16 * var(--design-px));
  border-top: 1px solid #B1B1B1;
  border-left: 1px solid #B1B1B1;
  border-radius: 4px 0 0 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}
:where(.ems-detail-content) .p-page-top-blog-list__img { margin: 0; overflow: hidden; }
:where(.ems-detail-content) .p-page-top-blog-list__img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 325/217;
  object-fit: cover;
}
:where(.ems-detail-content) .p-page-top-blog-list__content {
  display: flex;
  flex-direction: column;
  padding: calc(16 * var(--design-px)) calc(8 * var(--design-px)) 0;
}
:where(.ems-detail-content) .p-page-top-blog-list__heading {
  margin: 0 0 calc(16 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(18 * var(--design-px));
  font-weight: 500;
  line-height: 1.6;
  color: #162930;
}
:where(.ems-detail-content) .p-page-top-blog-list__info {
  margin: 0 0 calc(8 * var(--design-px));
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: calc(15 * var(--design-px));
  font-weight: 500;
  line-height: 1;
  color: #47586C;
}
:where(.ems-detail-content) .p-page-top-blog-list__arrow {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  :where(.ems-detail-content) .p-page-top-blog { padding: calc(76 * var(--design-px)) 0 calc(64 * var(--design-px)); }
  :where(.ems-detail-content) .p-page-top-blog > .l-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "heading link" "posts posts";
    gap: calc(80 * var(--design-px)) calc(24 * var(--design-px));
  }
  :where(.ems-detail-content) .p-page-top-blog__header { grid-area: heading; }
  :where(.ems-detail-content) .p-page-top-blog__btn { grid-area: link; align-self: end; margin: 0; }
  :where(.ems-detail-content) .p-page-top-blog-list {
    grid-area: posts;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(25 * var(--design-px));
    margin: 0;
  }
  :where(.ems-detail-content) .p-page-top-blog-list__link { padding: 0 0 calc(16 * var(--design-px)); }
  :where(.ems-detail-content) .p-page-top-blog-list__img {
    margin: calc(24 * var(--design-px)) calc(20 * var(--design-px)) calc(16 * var(--design-px)) calc(28 * var(--design-px));
    border-radius: 4px;
  }
  :where(.ems-detail-content) .p-page-top-blog-list__img img { aspect-ratio: 361/222; }
  :where(.ems-detail-content) .p-page-top-blog-list__content { padding: 0 calc(16 * var(--design-px)) 0 calc(32 * var(--design-px)); }
  :where(.ems-detail-content) .p-page-top-blog-list__heading { font-size: calc(20 * var(--design-px)); }
  :where(.ems-detail-content) .p-page-top-blog-list__info { margin-bottom: calc(12 * var(--design-px)); }
  :where(.ems-detail-content) .p-page-top-blog-list__item:nth-child(n+5) .p-page-top-blog-list__content { min-height: calc(119 * var(--design-px)); }
}

:where(.ems-detail-content) .p-page-top-blog-list__img--no-thumbnail::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #617790;
    opacity: 1;
    z-index: 1;
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url('../images/newtop/lower/blog_noimage.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
:where(.ems-detail-content) .p-page-top-blog-list__img--no-thumbnail {
    position: relative;
    aspect-ratio: 325/217;
    background: #8F9AA1;
}
@media screen and (min-width: 768px) {
    :where(.ems-detail-content) .p-page-top-blog-list__img--no-thumbnail {
        aspect-ratio: 361/222;
    }
}
:where(.ems-detail-content) :is(.p-page-top-message) { padding: calc(80 * var(--design-px)) 0; background: rgba(245, 245, 245, 0.64) url(../images/newtop/top/message_decorate.svg) no-repeat left calc(64 * var(--design-px))/calc(1440 * var(--design-px)) auto; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message) { padding: calc(128 * var(--design-px)) 0; background-position: center calc(64 * var(--design-px)); background-size: 100% auto; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message__wrap) { display: flex; gap: 6.25%; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message__content) { flex: 560 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-message__header) { margin-bottom: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message__header) { margin-bottom: calc(64 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-message__lead) { margin-bottom: calc(24 * var(--design-px)); font-size: calc(28 * var(--design-px)); line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message__lead) { margin-bottom: calc(40 * var(--design-px)); font-size: calc(32 * var(--design-px)); line-height: 1.8; }
}
:where(.ems-detail-content) :is(.p-page-top-message__txt) { margin: 0px; line-height: 2; }
:where(.ems-detail-content) :is(.p-page-top-message-links) { display: flex; flex-wrap: wrap; gap: calc(12 * var(--design-px)); margin-top: calc(48 * var(--design-px)); margin-inline: calc(-16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message-links) { margin-top: calc(64 * var(--design-px)); margin-inline: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-message-links__item) { display: flex; }
:where(.ems-detail-content) :is(.p-page-top-message-links__link) { gap: calc(8 * var(--design-px)); min-height: calc(47 * var(--design-px)); font-size: calc(14 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message-links__link) { gap: calc(12 * var(--design-px)); min-height: calc(56 * var(--design-px)); font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-message-links__arrow) { width: calc(20 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message-links__arrow) { width: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-message__imgwrap) { margin-top: calc(80 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message__imgwrap) { flex: 640 1 0%; min-width: 0px; margin-top: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-message__img) { margin-left: calc(-16 * var(--design-px)); margin-right: calc(-32 * var(--design-px)); border-radius: 4px 0px 0px 4px; overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message__img) { margin-left: 0px; margin-right: 0px; border-radius: 4px; }
}
:where(.ems-detail-content) :is(.p-page-top-message__img img) { width: 100%; aspect-ratio: 374 / 240; object-fit: cover; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message__img img) { aspect-ratio: 640 / 480; }
}
:where(.ems-detail-content) :is(.p-page-top-message-sign) { display: flex; justify-content: flex-end; align-items: center; gap: calc(8 * var(--design-px)); margin-top: calc(16 * var(--design-px)); line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message-sign) { gap: calc(16 * var(--design-px)); margin-top: calc(24 * var(--design-px)); padding-right: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-message-sign__post) { margin: 0px; font-size: calc(14 * var(--design-px)); color: rgb(22, 41, 48); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message-sign__post) { font-size: calc(15 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-message-sign__name) { margin: 0px; font-size: calc(18 * var(--design-px)); color: rgb(150, 137, 105); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message-sign__name) { font-size: calc(22 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-message-profiles) { display: grid; gap: calc(12 * var(--design-px)); margin-top: calc(40 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message-profiles) { gap: calc(32 * var(--design-px)); margin-top: calc(99 * var(--design-px)); grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
:where(.ems-detail-content) :is(.p-page-top-message-profiles__item) { padding: calc(12 * var(--design-px)) 0; border-top: 0.5px solid rgb(177, 177, 177); }
:where(.ems-detail-content) :is(.p-page-top-message-profiles__item:last-child) { border-bottom: 0.5px solid rgb(177, 177, 177); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message-profiles__item:nth-last-child(2)) { border-bottom: 0.5px solid rgb(177, 177, 177); }
}
:where(.ems-detail-content) :is(.p-page-top-message-profiles__heading) { margin: 0 0 calc(16 * var(--design-px)); padding: 0 calc(8 * var(--design-px)); font-family: "Shippori Mincho B1", serif; font-size: calc(18 * var(--design-px)); font-weight: 500; line-height: 1.4; color: rgb(150, 137, 105); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-message-profiles__heading) { font-size: calc(20 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-message-profiles__content) { padding: 0 calc(8 * var(--design-px)); font-size: calc(14 * var(--design-px)); line-height: 1.8; }
:where(.ems-detail-content) :is(.p-page-top-message-profiles__txt) { margin: 0px; }
:where(.ems-detail-content) :is(.p-page-top-message-profiles-history) { display: flex; flex-direction: column; gap: calc(4 * var(--design-px)); margin: 0px; }
:where(.ems-detail-content) :is(.p-page-top-message-profiles-history__wrap) { display: flex; gap: calc(12 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-top-message-profiles-history__year) { flex-shrink: 0; color: rgb(122, 126, 127); }
:where(.ems-detail-content) :is(.p-page-top-message-profiles-history__txt) { margin: 0px; }
:where(.ems-detail-content) :is(.p-page-top-message-profiles-list) { display: flex; flex-direction: column; gap: calc(4 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-top-founder) { position: relative; padding: calc(80 * var(--design-px)) 0; background: rgb(57, 76, 98); color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder) { padding-bottom: calc(72 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-founder)::before { content: ""; position: absolute; inset: 0px; background: url("../images/newtop/top/founder_bg_sp.webp") center center / cover no-repeat; opacity: 0.16; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder)::before { background-image: url("../images/newtop/top/founder_bg_pc.webp"); }
}
:where(.ems-detail-content) :is(.p-page-top-founder__wrap) { position: relative; display: grid; row-gap: calc(40 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder__wrap) { row-gap: calc(48 * var(--design-px)); grid-template-columns: minmax(0px, 640fr) minmax(0px, 560fr); grid-template-rows: auto auto 1fr; column-gap: 6.25%; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder__header) { grid-column: 1; }
}
:where(.ems-detail-content) :is(.p-page-top-founder__label) { margin-bottom: calc(24 * var(--design-px)); font-size: calc(16 * var(--design-px)); color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.p-page-top-founder-heading) { font-size: calc(24 * var(--design-px)); color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder-heading) { font-size: calc(40 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-founder-heading__role) { display: inline-block; font-size: calc(24 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder-heading__role) { font-size: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-founder-heading__name) { display: inline-block; margin-right: calc(11 * var(--design-px)); font-size: calc(32 * var(--design-px)); color: rgb(185, 174, 147); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder-heading__name) { font-size: calc(40 * var(--design-px)); margin-right: calc(3 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-founder-heading__suffix) { display: inline-block; font-size: calc(24 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder-heading__suffix) { font-size: calc(36 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-founder__imgwrap) { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-template-rows: repeat(2, minmax(0px, 1fr)); gap: calc(8 * var(--design-px)); aspect-ratio: 358 / 276; margin-inline: calc(-16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder__imgwrap) { gap: calc(24 * var(--design-px)); grid-area: 1 / 2 / 4; align-self: start; grid-template-columns: minmax(0px, 276fr) minmax(0px, 260fr); grid-template-rows: minmax(0px, 156fr) minmax(0px, 252fr); aspect-ratio: 560 / 432; margin-inline: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-founder__img) { border-radius: 4px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder__img) { border-radius: 8px; }
}
:where(.ems-detail-content) :is(.p-page-top-founder__img) { background: rgb(137, 168, 187); overflow: hidden; }
:where(.ems-detail-content) :is(.p-page-top-founder__img--main) { grid-row: 1 / 3; }
:where(.ems-detail-content) :is(.p-page-top-founder__picture) { display: block; height: 100%; }
:where(.ems-detail-content) :is(.p-page-top-founder__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-page-top-founder__txt) { margin: 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder__txt) { grid-column: 1; line-height: 2; }
}
:where(.ems-detail-content) :is(.p-page-top-founder__btn) { display: flex; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-founder__btn) { grid-column: 1; align-self: start; }
}
:where(.ems-detail-content) :is(.p-page-top-reason) { padding: calc(80 * var(--design-px)) 0 calc(80 * var(--design-px)); background: linear-gradient(90deg, transparent 20.5128%, rgba(255, 255, 255, 0.64) 20.5128%), rgba(255, 255, 255, 0.48); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason) { padding-top: ; padding-right: ; padding-left: ; padding-bottom: calc(76 * var(--design-px)); background: linear-gradient(90deg, rgba(255, 255, 255, 0.48) 31.1111%, rgba(255, 255, 255, 0.64) 31.1111%); }
}
:where(.ems-detail-content) :is(.p-page-top-reason__header) { position: relative; }
:where(.ems-detail-content) :is(.p-page-top-reason__header)::before { content: ""; position: absolute; top: calc(20 * var(--design-px) - 80 * var(--design-px)); left: 8.58896%; width: calc(40 * var(--design-px)); aspect-ratio: 1 / 1; border-radius: 4px; background: rgba(220, 228, 233, 0.32); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason__header)::before { width: calc(64 * var(--design-px)); top: calc(84 * var(--design-px) - 148 * var(--design-px)); left: 26.25%; }
}
:where(.ems-detail-content) :is(.p-page-top-reason__txt) { margin: calc(48 * var(--design-px)) 0 0; font-size: calc(16 * var(--design-px)); line-height: 1.8; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason__txt) { margin: calc(64 * var(--design-px)) 0 0; font-size: calc(18 * var(--design-px)); line-height: 2; }
}
:where(.ems-detail-content) :is(.p-page-top-reason__content) { display: flex; gap: 6.70391%; margin: calc(51 * var(--design-px)) 0 0 calc(-32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason__content) { margin-top: ; margin-right: ; margin-bottom: ; gap: 10%; margin-left: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-reason__imgwrap) { flex: 120 1 0%; min-width: 0px; display: flex; flex-direction: column; border-radius: 4px; overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason__imgwrap) { flex: 400 1 0%; }
}
:where(.ems-detail-content) :is(.p-page-top-reason__img) { flex: 1 1 0%; position: relative; }
:where(.ems-detail-content) :is(.p-page-top-reason__img img) { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-page-top-reason-list) { flex: 214 1 0%; min-width: 0px; padding: calc(407 * var(--design-px) - 394 * var(--design-px)) 0; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason-list) { flex: 752 1 0%; padding: calc(476 * var(--design-px) - 413 * var(--design-px)) 0 calc(1413 * var(--design-px) - 1338 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-reason-list__item) { display: grid; grid-template-columns: calc(57 * var(--design-px)) 1fr; align-items: center; gap: calc(16 * var(--design-px)) calc(4 * var(--design-px)); padding: calc(16 * var(--design-px)) 0; counter-increment: reason 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason-list__item) { display: flex; gap: calc(40 * var(--design-px)); padding: calc(24 * var(--design-px)) 0 calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-reason-list__item:not(:last-child)) { border-bottom: 0.5px solid rgb(177, 177, 177); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason-list__item:first-child) { padding-top: 0px; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason-list__item:last-child) { padding-bottom: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-reason-list__num) { font-family: Cinzel, serif; font-size: calc(48 * var(--design-px)); font-weight: 400; line-height: 1; color: rgb(185, 174, 147); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason-list__num) { flex-shrink: 0; font-size: calc(96 * var(--design-px)); line-height: 1.4; }
}
:where(.ems-detail-content) :is(.p-page-top-reason-list__num)::after { content: counter(reason, decimal-leading-zero); }
:where(.ems-detail-content) :is(.p-page-top-reason-list__content) { display: contents; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason-list__content) { display: block; flex: 1 1 0%; min-width: 0px; padding-bottom: calc(12 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-reason-list__heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(18 * var(--design-px)); font-weight: 500; line-height: 1.4; color: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason-list__heading) { font-size: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-reason-list__txt) { grid-column: 1 / -1; margin: 0px; font-size: calc(14 * var(--design-px)); line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-reason-list__txt) { font-size: calc(16 * var(--design-px)); margin-top: calc(16 * var(--design-px)); line-height: 1.8; }
}
:where(.ems-detail-content) :is(.p-page-top-first) { padding: calc(80 * var(--design-px)) 0; background: rgba(249, 249, 249, 0.64); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first) { padding: calc(70 * var(--design-px)) 0 calc(896 * var(--design-px) - 746 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-first__wrap) { position: relative; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first__wrap) { display: flex; gap: 10%; }
}
:where(.ems-detail-content) :is(.p-page-top-first__wrap)::before { content: ""; position: absolute; top: calc(40 * var(--design-px) - 80 * var(--design-px)); right: 0px; width: calc(64 * var(--design-px)); aspect-ratio: 1 / 1; border-radius: 4px; background: rgba(220, 228, 233, 0.56); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first__wrap)::before { top: auto; bottom: calc(746 * var(--design-px) - 826 * var(--design-px)); left: 10%; right: auto; background: rgba(220, 228, 233, 0.32); }
}
:where(.ems-detail-content) :is(.p-page-top-first__header) { position: relative; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first__header) { flex-shrink: 0; padding-top: calc(134 * var(--design-px) - 70 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-first__lead) { margin-top: calc(24 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first__lead) { margin-top: calc(64 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-first__faqlink) { display: flex; margin-top: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first__faqlink) { margin-top: calc(64 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-first__faqlink .c-btn) { font-size: calc(16 * var(--design-px)); color: rgb(71, 88, 108); }
:where(.ems-detail-content) :is(.p-page-top-first__content) { margin-top: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first__content) { flex: 1 1 0%; min-width: 0px; margin-top: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-first__img) { margin-inline: calc(-16 * var(--design-px)); border-radius: 4px; overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first__img) { margin-inline: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-first__img img) { width: 100%; aspect-ratio: 358 / 160; object-fit: cover; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first__img img) { aspect-ratio: 864 / 300; }
}
:where(.ems-detail-content) :is(.p-page-top-first__heading) { margin: calc(24 * var(--design-px)) 0 0; font-family: "Shippori Mincho B1", serif; font-size: calc(24 * var(--design-px)); font-weight: 500; line-height: 1.8; color: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first__heading) { margin: calc(40 * var(--design-px)) 0 0; font-size: calc(28 * var(--design-px)); padding-inline: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-first__txt) { margin: calc(24 * var(--design-px)) 0 0; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first__txt) { padding-inline: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-first-actions) { display: flex; gap: calc(149 * var(--design-px) - 135 * var(--design-px)); margin: calc(40 * var(--design-px)) calc(-16 * var(--design-px)) 0; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first-actions) { flex-wrap: wrap; gap: calc(8 * var(--design-px)); margin-inline: 0px; padding-inline: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-first-actions__item) { flex: 1 0 auto; display: flex; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first-actions__item) { flex: 0 0 auto; }
}
:where(.ems-detail-content) :is(.p-page-top-first-actions-btn) { flex: 1 1 0%; padding: 0px; white-space: nowrap; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first-actions-btn) { padding: 0 calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-first-actions-btn--tel) { gap: calc(8 * var(--design-px)); font-size: calc(19 * var(--design-px)); letter-spacing: 0.07em; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-first-actions-btn--tel) { width: calc(205 * var(--design-px)); padding: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-access) { padding: calc(80 * var(--design-px)) 0 calc(80 * var(--design-px)); background: rgba(249, 249, 249, 0.64); overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access) { padding-top: ; padding-right: ; padding-left: ; padding-bottom: calc(60 * var(--design-px)); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access__content) { display: flex; gap: 6.25%; }
}
:where(.ems-detail-content) :is(.p-page-top-access__main) { position: relative; z-index: 0; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access__main) { flex: 560 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-access__main)::before { content: ""; position: absolute; z-index: -1; top: calc(8 * var(--design-px) - 80 * var(--design-px)); bottom: calc(56 * var(--design-px) / 2); left: calc(-24 * var(--design-px)); right: calc(-24 * var(--design-px)); background: rgba(255, 255, 255, 0.64); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access__main)::before { top: calc(12 * var(--design-px) - 128 * var(--design-px)); bottom: calc(12 * var(--design-px) - 60 * var(--design-px)); left: calc(12 * var(--design-px) - 80 * var(--design-px)); right: -22.1429%; }
}
:where(.ems-detail-content) :is(.p-page-top-access__main)::after { content: ""; position: absolute; z-index: -1; bottom: calc(614 * var(--design-px) - 598 * var(--design-px)); right: 0px; width: calc(24 * var(--design-px)); aspect-ratio: 1 / 1; border-radius: 4px; background: rgba(220, 228, 233, 0.32); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access__main)::after { top: calc(38 * var(--design-px) - 128 * var(--design-px)); bottom: auto; left: 116.429%; right: auto; width: calc(64 * var(--design-px)); border-radius: 8px; }
}
:where(.ems-detail-content) :is(.p-page-top-access__header) { margin-bottom: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access__header) { margin-bottom: calc(80 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-access-timetable) { color: rgb(71, 88, 108); }
:where(.ems-detail-content) :is(.p-page-top-access-timetable table) { width: 100%; border-collapse: collapse; line-height: 1; }
:where(.ems-detail-content) :is(.p-page-top-access-timetable table th),
:where(.ems-detail-content) :is(.p-page-top-access-timetable table td) { width: 8.28221%; padding: calc(16 * var(--design-px)) 0; font-size: calc(15 * var(--design-px)); font-weight: 500; text-align: center; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access-timetable table th),
:where(.ems-detail-content) :is(.p-page-top-access-timetable table td) { font-size: calc(16 * var(--design-px)); width: 8.92857%; }
}
:where(.ems-detail-content) :is(.p-page-top-access-timetable table th:first-child) { width: auto; padding-right: calc(8 * var(--design-px)); padding-left: calc(8 * var(--design-px)); font-size: calc(16 * var(--design-px)); text-align: left; white-space: nowrap; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access-timetable table th:first-child) { font-size: calc(20 * var(--design-px)); padding-left: calc(12 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-access-timetable table thead th) { padding-top: 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access-timetable table tbody tr:first-child th),
:where(.ems-detail-content) :is(.p-page-top-access-timetable table tbody tr:first-child td) { padding-block: calc((48 * var(--design-px) - 20 * var(--design-px)) / 2); }
}
:where(.ems-detail-content) :is(.p-page-top-access-timetable table tbody tr:last-child th),
:where(.ems-detail-content) :is(.p-page-top-access-timetable table tbody tr:last-child td) { padding-bottom: calc(24 * var(--design-px)); border-bottom: 1px solid rgb(177, 177, 177); }
:where(.ems-detail-content) :is(.p-page-top-access-timetable__note) { margin: calc(16 * var(--design-px)) 0 0; padding-left: calc(8 * var(--design-px)); font-size: calc(14 * var(--design-px)); line-height: 1; color: rgb(22, 41, 48); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access-timetable__note) { font-size: calc(16 * var(--design-px)); padding-left: calc(12 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-access-info) { display: flex; flex-direction: column; gap: calc(16 * var(--design-px)); margin-top: calc(32 * var(--design-px)); padding-inline: calc(8 * var(--design-px)); font-size: calc(15 * var(--design-px)); line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access-info) { margin-top: calc(40 * var(--design-px)); padding-inline: calc(12 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-access-info__item) { display: flex; align-items: center; gap: calc(16 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-top-access-info__icon) { flex-shrink: 0; display: flex; justify-content: center; width: calc(18 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-top-access-info__icon img) { flex-shrink: 0; max-width: none; width: auto; height: calc(20 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-top-access__btn) { display: flex; margin-top: calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access__btn) { margin-top: calc(40 * var(--design-px)); padding-left: calc(12 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-access__map) { position: relative; margin: calc(48 * var(--design-px)) calc(-16 * var(--design-px)) 0; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access__map) { flex: 640 1 0%; min-width: 0px; margin: calc(168 * var(--design-px) - 128 * var(--design-px)) 0 0; }
}
:where(.ems-detail-content) :is(.p-page-top-access__gmap) { aspect-ratio: 358 / 280; border-radius: 4px; background: rgb(255, 255, 255); overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-access__gmap) { aspect-ratio: 640 / 502; border-radius: 8px; }
}
:where(.ems-detail-content) :is(.p-page-top-access__gmap iframe) { width: 100%; height: 100%; vertical-align: top; }
:where(.ems-detail-content) :is(.p-page-top-access__maplink) { display: flex; justify-content: flex-end; margin: calc(16 * var(--design-px)) 0 0; padding-right: calc(16 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-top-access-maplink) { display: inline-flex; align-items: center; gap: calc(12 * var(--design-px)); font-size: calc(14 * var(--design-px)); line-height: 1; color: rgb(71, 88, 108); }
:where(.ems-detail-content) :is(.p-page-top-access-maplink__icon) { flex-shrink: 0; width: calc(15 * var(--design-px)); line-height: 0; }
:where(.ems-detail-content) :is(.p-page-top-access-maplink__icon img) { width: 100%; }
:where(.ems-detail-content) :is(.p-page-top-access-maplink__txt) { text-decoration: underline; text-underline-offset: 0.25em; }
:where(.ems-detail-content) :is(.p-page-top-instagram) { padding: calc(64 * var(--design-px)) 0; background: rgba(238, 244, 246, 0.64); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-instagram) { padding: calc(64 * var(--design-px)) 0 calc(80 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-top-instagram__body) { display: flex; flex-direction: column; align-items: flex-start; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-instagram__body) { flex-flow: wrap; justify-content: flex-end; align-items: center; gap: calc(16 * var(--design-px)) calc(32 * var(--design-px)); padding-inline: 3.125%; }
}
:where(.ems-detail-content) :is(.p-page-top-instagram__heading) { margin: 0px; display: flex; align-items: center; gap: calc(16 * var(--design-px)); font-family: Cinzel, serif; font-size: calc(32 * var(--design-px)); font-weight: 400; line-height: 1.25; letter-spacing: 0.08em; color: rgb(150, 137, 105); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-instagram__heading) { margin-right: auto; }
}
:where(.ems-detail-content) :is(.p-page-top-instagram__heading)::before { content: ""; flex-shrink: 0; width: calc(19 * var(--design-px)); height: calc(12 * var(--design-px)); background: url("../images/newtop/common/decorate_heading.svg") center center / contain no-repeat; }
:where(.ems-detail-content) :is(.p-page-top-instagram__account) { margin: calc(24 * var(--design-px)) 0 0; line-height: 1.25; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-instagram__account) { margin-top: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-instagram__content) { align-self: stretch; margin-top: calc(48 * var(--design-px)); margin-inline: calc(-32 * var(--design-px)); overflow: hidden; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-instagram__content) { order: 1; width: 100%; margin-top: calc(40 * var(--design-px) - 16 * var(--design-px)); margin-inline: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-instagram-posts) { display: flex; justify-content: center; gap: calc(8 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-instagram-posts) { gap: 0.831947%; }
}
:where(.ems-detail-content) :is(.p-page-top-instagram-posts__item) { flex: 0 0 calc(160 * var(--design-px)); aspect-ratio: 1 / 1; border-radius: 4px; background: rgb(217, 217, 217); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-instagram-posts__item) { flex: 192 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-instagram__content #sb_instagram) { padding: 0px !important; }
:where(.ems-detail-content) :is(.p-page-top-instagram__content #sb_instagram .sb_instagram_header),
:where(.ems-detail-content) :is(.p-page-top-instagram__content #sb_instagram #sbi_load) { display: none; }
:where(.ems-detail-content) :is(.p-page-top-instagram .p-page-top-instagram__content #sb_instagram #sbi_images) { padding: 0 calc(32 * var(--design-px)); display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: calc(32 * var(--design-px)); scrollbar-width: none; gap: calc(8 * var(--design-px)) !important; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-instagram .p-page-top-instagram__content #sb_instagram #sbi_images) { padding: 0px; overflow: visible; gap: 0.831947% !important; }
}
:where(.ems-detail-content) :is(.p-page-top-instagram .p-page-top-instagram__content #sb_instagram #sbi_images .sbi_item) { flex: 0 0 calc(160 * var(--design-px)); width: auto; border-radius: 4px; background: rgb(217, 217, 217); scroll-snap-align: start; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-instagram .p-page-top-instagram__content #sb_instagram #sbi_images .sbi_item) { flex: 192 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-instagram .p-page-top-instagram__content #sb_instagram #sbi_images .sbi_item:nth-child(n+7)) { display: none; }
:where(.ems-detail-content) :is(.p-page-top-instagram-follow) { margin-top: calc(48 * var(--design-px)); display: inline-flex; align-items: center; gap: calc(16 * var(--design-px)); min-height: calc(56 * var(--design-px)); padding: 0 calc(24 * var(--design-px)); border-radius: 100vh; background: rgb(255, 255, 255); color: rgb(71, 88, 108); font-size: calc(16 * var(--design-px)); line-height: 1.5; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-top-instagram-follow) { margin-top: 0px; }
}
:where(.ems-detail-content) :is(.p-page-top-instagram-follow__icon) { flex-shrink: 0; width: calc(20 * var(--design-px)); line-height: 0; }
:where(.ems-detail-content) :is(.p-page-top-instagram-follow__icon img) { width: 100%; }
:where(.ems-detail-content) :is(.p-page-about-intro) { overflow: hidden; background: rgba(255, 255, 255, 0.64); }
:where(.ems-detail-content) :is(.p-page-about-intro__wrap) { display: flex; flex-direction: column; gap: calc(48 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-intro__wrap) { flex-direction: row; align-items: center; gap: 6.06061%; margin-right: calc(-40 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-intro__content) { display: flex; flex-direction: column; align-items: flex-start; gap: calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-intro__content) { flex: 550 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-about-intro__header) { align-self: stretch; }
:where(.ems-detail-content) :is(.p-page-about-intro__lead) { margin: calc(32 * var(--design-px)) 0 0; font-family: "Shippori Mincho B1", serif; font-size: calc(20 * var(--design-px)); font-weight: 400; line-height: 1.8; color: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-intro__lead) { margin-top: calc(48 * var(--design-px)); font-size: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-intro__txt) { margin: calc(24 * var(--design-px)) 0 0; font-size: calc(15 * var(--design-px)); line-height: 1.8; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-intro__txt) { margin-top: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-intro-list) { display: flex; flex-direction: column; align-self: stretch; gap: calc(11 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-about-intro-list__item) { display: flex; align-items: center; }
:where(.ems-detail-content) :is(.p-page-about-intro-list__img) { position: relative; flex-shrink: 0; width: calc(64 * var(--design-px)); border-radius: 4px; background: rgb(212, 220, 223); overflow: hidden; }
:where(.ems-detail-content) :is(.p-page-about-intro-list__photo) { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; opacity: 0.08; }
:where(.ems-detail-content) :is(.p-page-about-intro-list__icon) { position: absolute; inset: 0px; width: auto; height: 62.5%; margin: auto; }
:where(.ems-detail-content) :is(.p-page-about-intro-list__body) { display: flex; flex-direction: column; gap: calc(4 * var(--design-px)); padding: 0 calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-intro-list__body) { padding: 0 calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-intro-list__subheading) { margin: 0px; padding: 0 calc(2 * var(--design-px)); font-family: Cinzel, serif; font-size: calc(10 * var(--design-px)); font-weight: 400; line-height: 1; color: rgb(150, 137, 105); }
:where(.ems-detail-content) :is(.p-page-about-intro-list__heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(17 * var(--design-px)); font-weight: 600; line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-intro-list__heading) { font-size: calc(18 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-intro__photos) { position: relative; isolation: isolate; display: flex; gap: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-intro__photos) { flex: 690 1 0%; min-width: 0px; gap: 3.47826%; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-intro__photos)::before,
:where(.ems-detail-content) :is(.p-page-about-intro__photos)::after { content: ""; position: absolute; z-index: -1; border-radius: 4px; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-intro__photos)::before { top: calc(-84 * var(--design-px)); left: calc(180 * var(--design-px)); width: calc(470 * var(--design-px)); height: calc(672 * var(--design-px)); border-radius: 8px; background: rgba(255, 255, 255, 0.64); }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-intro__photos)::after { top: calc(-116 * var(--design-px)); left: calc(212 * var(--design-px)); width: calc(64 * var(--design-px)); height: calc(64 * var(--design-px)); background: rgba(220, 228, 233, 0.32); }
}
:where(.ems-detail-content) :is(.p-page-about-intro__photo) { overflow: hidden; border-radius: 4px; background: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.p-page-about-intro__photo img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-page-about-intro__photo--01) { flex: 360 1 0%; min-width: 0px; aspect-ratio: 360 / 480; }
:where(.ems-detail-content) :is(.p-page-about-intro__photo--02) { flex: 306 1 0%; min-width: 0px; aspect-ratio: 306 / 480; }
:where(.ems-detail-content) :is(.p-page-about-concept) { background: rgba(249, 249, 249, 0.64); }
:where(.ems-detail-content) :is(.p-page-about-concept-list) { display: flex; flex-direction: column; gap: calc(24 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-concept-list) { flex-direction: row; gap: 3.125%; }
}
:where(.ems-detail-content) :is(.p-page-about-concept-list__item) { display: flex; flex-direction: column; gap: calc(16 * var(--design-px)); padding: calc(24 * var(--design-px)); border-top: 1px solid rgb(177, 177, 177); border-left: 1px solid rgb(177, 177, 177); border-radius: 4px 0px 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-concept-list__item) { flex: 400 1 0%; min-width: 0px; padding: calc(40 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-concept-list__header) { display: flex; flex-direction: column; gap: calc(10 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-about-concept-list__header)::before { content: ""; width: calc(20 * var(--design-px)); height: 2px; background: linear-gradient(90deg, rgb(143, 154, 161) 50%, rgb(121, 146, 162) 50%); }
:where(.ems-detail-content) :is(.p-page-about-concept-list__name) { margin: 0px; display: flex; align-items: center; gap: calc(14 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-about-concept-list__en) { display: flex; align-items: center; gap: calc(14 * var(--design-px)); font-family: Cinzel, serif; font-size: calc(12 * var(--design-px)); font-weight: 400; line-height: 1.4; color: rgb(123, 157, 178); }
:where(.ems-detail-content) :is(.p-page-about-concept-list__en)::after { content: ""; width: 1px; height: calc(16 * var(--design-px)); background: rgb(137, 168, 187); }
:where(.ems-detail-content) :is(.p-page-about-concept-list__ja) { font-family: "Shippori Mincho B1", serif; font-size: calc(28 * var(--design-px)); font-weight: 600; line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-concept-list__ja) { font-size: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-concept-list__heading) { margin: 0px; display: flex; align-items: center; font-family: "Shippori Mincho B1", serif; font-size: calc(22 * var(--design-px)); font-weight: 500; line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-concept-list__heading) { min-height: calc(68 * var(--design-px)); font-size: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-concept-list__txt) { margin: 0px; font-size: calc(15 * var(--design-px)); line-height: 1.8; }
:where(.ems-detail-content) :is(.p-page-about-reason) { background: rgba(238, 244, 246, 0.64); }
:where(.ems-detail-content) :is(.p-page-about-reason-list) { display: grid; grid-template-columns: 1fr; gap: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-reason-list) { grid-template-columns: repeat(3, 1fr); gap: calc(17 * var(--design-px)) calc(18 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-reason-list__item) { display: flex; flex-direction: column; gap: calc(20 * var(--design-px)); padding: calc(12 * var(--design-px)) calc(12 * var(--design-px)) calc(20 * var(--design-px)); border-top: 1px solid rgb(177, 177, 177); border-left: 1px solid rgb(177, 177, 177); border-radius: 4px 0px 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-reason-list__item) { gap: calc(24 * var(--design-px)); padding: calc(16 * var(--design-px)) calc(16 * var(--design-px)) calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-reason-list__img) { overflow: hidden; border-radius: 4px; background: rgb(121, 146, 162); aspect-ratio: 382 / 200; }
:where(.ems-detail-content) :is(.p-page-about-reason-list__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-page-about-reason-list__body) { display: flex; flex-direction: column; gap: calc(8 * var(--design-px)); padding: 0 calc(8 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-reason-list__body) { padding: 0 calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-reason-list__heading) { margin: 0px; display: flex; align-items: center; gap: calc(12 * var(--design-px)); font-family: "Shippori Mincho B1", serif; font-size: calc(20 * var(--design-px)); font-weight: 500; line-height: 1.4; color: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-reason-list__heading) { font-size: calc(22 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-reason-list__num) { flex-shrink: 0; font-family: Cinzel, serif; font-size: calc(40 * var(--design-px)); font-weight: 400; line-height: 1; color: rgb(185, 174, 147); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-reason-list__num) { font-size: calc(48 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-reason-list__txt) { margin: 0px; font-size: calc(15 * var(--design-px)); line-height: 1.6; }
:where(.ems-detail-content) :is(.p-page-about-equipment) { background: rgba(249, 249, 249, 0.64); }
:where(.ems-detail-content) :is(.p-page-about-quality) { background: rgba(238, 244, 246, 0.64); }
:where(.ems-detail-content) :is(.p-page-about-quality__small) { font-size: 0.8em; }
:where(.ems-detail-content) :is(.p-page-about-quality__txt) { margin: 0 0 calc(32 * var(--design-px)); font-size: calc(16 * var(--design-px)); line-height: 1.8; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-about-quality__txt) { margin-bottom: calc(64 * var(--design-px)); font-size: calc(18 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-about-photo) { background: rgba(245, 245, 245, 0.64); }
:where(.ems-detail-content) :is(.p-page-staff-doctors) { background: rgba(255, 255, 255, 0.64); }
:where(.ems-detail-content) :is(.p-page-staff-doctors-list) { display: grid; grid-template-columns: repeat(2, 1fr); gap: calc(10 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-staff-doctors-list) { grid-template-columns: repeat(5, 1fr); }
}
:where(.ems-detail-content) :is(.p-page-staff-doctors-list__item) { display: flex; flex-direction: column; gap: calc(12 * var(--design-px)); padding: calc(8 * var(--design-px) - 1px) calc(8 * var(--design-px)) calc(12 * var(--design-px)) calc(8 * var(--design-px) - 1px); border-top: 1px solid rgb(177, 177, 177); border-left: 1px solid rgb(177, 177, 177); border-radius: 4px 0px 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-staff-doctors-list__item) { gap: calc(16 * var(--design-px)); padding: calc(12 * var(--design-px) - 1px) calc(12 * var(--design-px)) calc(16 * var(--design-px)) calc(12 * var(--design-px) - 1px); }
}
:where(.ems-detail-content) :is(.p-page-staff-doctors-list__img) { overflow: hidden; border-radius: 4px; background: rgb(71, 88, 108); aspect-ratio: 1 / 1; }
:where(.ems-detail-content) :is(.p-page-staff-doctors-list__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-page-staff-doctors-list__body) { display: flex; flex-direction: column; gap: calc(4 * var(--design-px)); line-height: 1.5; }
:where(.ems-detail-content) :is(.p-page-staff-doctors-list__role) { margin: 0px; font-size: calc(13 * var(--design-px)); color: rgb(161, 168, 170); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-staff-doctors-list__role) { font-size: calc(14 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-staff-doctors-list__name) { margin: 0px; font-family: "Zen Kaku Gothic New", sans-serif; font-size: calc(16 * var(--design-px)); font-weight: 500; }
:where(.ems-detail-content) :is(.p-page-guidance-info) { background: rgba(245, 245, 245, 0.64); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-info) { padding-bottom: calc(45 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-info__row) { display: flex; flex-direction: column; gap: calc(24 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-info__row) { flex-direction: row; gap: 5%; }
}
:where(.ems-detail-content) :is(.p-page-guidance-info__photo) { overflow: hidden; border-radius: 4px; background: rgb(255, 255, 255); aspect-ratio: 640 / 429; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-info__photo) { width: 50%; }
}
:where(.ems-detail-content) :is(.p-page-guidance-info__photo img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-page-guidance-info-table) { margin: 0px; display: flex; flex-direction: column; gap: calc(8 * var(--design-px)); padding: calc(16 * var(--design-px)); border-top: 0.5px solid rgb(177, 177, 177); border-left: 0.5px solid rgb(177, 177, 177); border-radius: 4px 0px 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-info-table) { width: 43.75%; gap: calc(16 * var(--design-px)); padding: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-info-table__row) { display: flex; gap: calc(16 * var(--design-px)); padding: calc(16 * var(--design-px)) calc(8 * var(--design-px)); border-bottom: 0.5px solid rgb(177, 177, 177); }
:where(.ems-detail-content) :is(.p-page-guidance-info-table__row:last-child) { border-bottom: 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-info-table__row) { padding: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-info-table__term) { flex-shrink: 0; width: calc(64 * var(--design-px)); font-family: "Shippori Mincho B1", serif; font-size: calc(15 * var(--design-px)); font-weight: 600; line-height: 1.6; color: rgb(71, 88, 108); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-info-table__term) { line-height: 1; }
}
:where(.ems-detail-content) :is(.p-page-guidance-info-table__desc) { margin: 0px; font-size: calc(15 * var(--design-px)); line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-info-table__desc) { line-height: 1; }
}
:where(.ems-detail-content) :is(.p-page-guidance-schedule) { margin-top: calc(40 * var(--design-px)); display: flex; flex-direction: column; gap: calc(24 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-schedule) { margin-top: calc(64 * var(--design-px)); flex-direction: row; justify-content: space-between; align-items: center; }
}
:where(.ems-detail-content) :is(.p-page-guidance-schedule__box) { display: flex; flex-direction: column; gap: calc(24 * var(--design-px)); padding: calc(12 * var(--design-px)); border-top: 0.5px solid rgb(177, 177, 177); border-left: 0.5px solid rgb(177, 177, 177); border-radius: 4px 0px 0px; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-schedule__box) { width: 43.75%; padding: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table) { display: block; border-collapse: collapse; color: rgb(71, 88, 108); }
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table thead),
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table tbody) { display: block; }
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table__row) { display: flex; align-items: center; gap: calc(8 * var(--design-px)); padding: calc(20 * var(--design-px)) calc(8 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table__row:last-child) { border-bottom: 0.5px solid rgb(177, 177, 177); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table__row) { gap: calc(28 * var(--design-px)); padding: calc(24 * var(--design-px)) calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table__head) { margin-right: auto; padding: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(14 * var(--design-px)); font-weight: 600; line-height: 1; text-align: left; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table__head) { font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table__head--title) { font-size: calc(17 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table__head--title) { font-size: calc(20 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table__cell) { flex-shrink: 0; width: calc(16 * var(--design-px)); padding: 0px; font-size: calc(14 * var(--design-px)); font-weight: 500; line-height: 1; text-align: center; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-schedule-table__cell) { font-size: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-schedule__note) { margin: 0px; padding: 0 calc(8 * var(--design-px)); font-size: calc(14 * var(--design-px)); line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-schedule__note) { padding: 0 calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-schedule__photos) { display: flex; gap: 2.5%; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-schedule__photos) { width: 50%; }
}
:where(.ems-detail-content) :is(.p-page-guidance-schedule__photo) { flex: 1 1 0%; min-width: 0px; overflow: hidden; border-radius: 4px; background: rgb(255, 255, 255); aspect-ratio: 312 / 326; }
:where(.ems-detail-content) :is(.p-page-guidance-schedule__photo--short) { aspect-ratio: 312 / 270; }
:where(.ems-detail-content) :is(.p-page-guidance-schedule__photo img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-page-guidance-access) { background: rgba(249, 249, 249, 0.64); }
:where(.ems-detail-content) :is(.p-page-guidance-access__row) { display: flex; flex-direction: column; gap: calc(40 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-access__row) { flex-direction: row; gap: 5%; }
}
:where(.ems-detail-content) :is(.p-page-guidance-access__map) { display: flex; flex-direction: column; align-items: flex-end; gap: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-access__map) { flex: 640 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-guidance-access__gmap) { align-self: stretch; overflow: hidden; border-radius: 8px; background: rgb(255, 255, 255); aspect-ratio: 640 / 502; }
:where(.ems-detail-content) :is(.p-page-guidance-access__gmap iframe) { width: 100%; height: 100%; vertical-align: top; }
:where(.ems-detail-content) :is(.p-page-guidance-access__maplink) { display: inline-flex; align-items: center; gap: calc(12 * var(--design-px)); padding-right: calc(16 * var(--design-px)); color: rgb(71, 88, 108); font-size: calc(14 * var(--design-px)); line-height: 1; }
:where(.ems-detail-content) :is(.p-page-guidance-access__maplink img) { width: calc(15 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-guidance-access__maptxt) { text-decoration: underline; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-access__info) { flex: 576 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-guidance-access__block) { display: flex; flex-direction: column; gap: calc(24 * var(--design-px)); padding-bottom: calc(24 * var(--design-px)); border-bottom: 0.5px solid rgb(177, 177, 177); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-access__block) { gap: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-access__block--route) { margin-top: calc(32 * var(--design-px)); padding-bottom: calc(32 * var(--design-px)); border-bottom: 0px; }
:where(.ems-detail-content) :is(.p-page-guidance-access__heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(22 * var(--design-px)); font-weight: 500; line-height: 1; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-access__heading) { font-size: calc(24 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-access__txt) { margin: 0px; font-size: calc(14 * var(--design-px)); line-height: 1.8; }
:where(.ems-detail-content) :is(.p-page-guidance-access-route) { display: flex; justify-content: space-between; }
:where(.ems-detail-content) :is(.p-page-guidance-access-route__item) { display: flex; flex-direction: column; gap: calc(12 * var(--design-px)); width: 30.9028%; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-access-route__item) { gap: calc(16 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-access-route__img) { overflow: hidden; border-radius: 4px; aspect-ratio: 178 / 120; }
:where(.ems-detail-content) :is(.p-page-guidance-access-route__img img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-page-guidance-access-route__txt) { margin: 0px; font-size: calc(12 * var(--design-px)); line-height: 1.6; }
:where(.ems-detail-content) :is(.p-page-guidance-access-note) { display: flex; flex-direction: column; gap: calc(12 * var(--design-px)); padding: calc(16 * var(--design-px)); border-radius: 4px; background: rgba(249, 249, 249, 0.9); }
:where(.ems-detail-content) :is(.p-page-guidance-access-note__heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(17 * var(--design-px)); font-weight: 500; line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-access-note__heading) { font-size: calc(18 * var(--design-px)); line-height: 1; }
}
:where(.ems-detail-content) :is(.p-page-guidance-access-note__txt) { margin: 0px; font-size: calc(12 * var(--design-px)); line-height: 1.6; }
:where(.ems-detail-content) :is(.p-page-guidance-parking) { background: rgba(245, 245, 245, 0.64); }
:where(.ems-detail-content) :is(.p-page-guidance-parking__row) { display: flex; flex-direction: column; gap: calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-parking__row) { flex-direction: row; align-items: center; gap: 5%; }
}
:where(.ems-detail-content) :is(.p-page-guidance-parking__body) { display: flex; flex-direction: column; gap: calc(24 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-parking__body) { flex: 576 1 0%; min-width: 0px; gap: calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-parking__heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(22 * var(--design-px)); font-weight: 500; line-height: 1.4; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-parking__heading) { font-size: calc(24 * var(--design-px)); line-height: 1; }
}
:where(.ems-detail-content) :is(.p-page-guidance-parking__txt) { margin: 0px; font-size: calc(14 * var(--design-px)); line-height: 1.8; }
:where(.ems-detail-content) :is(.p-page-guidance-parking__photos) { display: flex; gap: 2.5%; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-parking__photos) { flex: 640 1 0%; min-width: 0px; }
}
:where(.ems-detail-content) :is(.p-page-guidance-parking__photo) { overflow: hidden; border-radius: 8px; background: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.p-page-guidance-parking__photo img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.p-page-guidance-parking__photo--map) { flex: 344 1 0%; min-width: 0px; aspect-ratio: 344 / 277; }
:where(.ems-detail-content) :is(.p-page-guidance-parking__photo--building) { flex: 280 1 0%; min-width: 0px; aspect-ratio: 280 / 277; }
:where(.ems-detail-content) :is(.p-page-guidance-first) { padding: calc(64 * var(--design-px)) 0 calc(120 * var(--design-px)); background: rgba(255, 255, 255, 0.64); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-first) { padding: calc(80 * var(--design-px)) 0 calc(189 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-payment) { padding: calc(64 * var(--design-px)) 0; background: rgba(245, 245, 245, 0.72); }
:where(.ems-detail-content) :is(.p-page-guidance-payment__row) { display: flex; flex-direction: column; gap: calc(56 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-payment__row) { flex-direction: row; gap: 0px; }
}
:where(.ems-detail-content) :is(.p-page-guidance-payment__col) { display: flex; flex-direction: column; gap: calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-payment__col) { flex: 1 1 0%; min-width: 0px; gap: calc(40 * var(--design-px)); padding: 0 calc(32 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-payment__col--mynumber) { gap: calc(32 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-payment__col--mynumber) { flex-direction: row; justify-content: space-between; align-items: flex-start; padding: 0 0 0 calc(64 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-payment__box) { display: flex; flex-direction: column; align-items: flex-start; gap: calc(16 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-payment__box) { width: 95.4861%; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-payment__box--mynumber) { width: 52.0833%; }
}
:where(.ems-detail-content) :is(.p-page-guidance-payment__header) { display: flex; flex-direction: column; gap: calc(10 * var(--design-px)); }
:where(.ems-detail-content) :is(.p-page-guidance-payment__header)::before { content: ""; width: calc(20 * var(--design-px)); height: 2px; background: linear-gradient(90deg, rgb(71, 88, 108) 50%, rgb(22, 41, 48) 50%); }
:where(.ems-detail-content) :is(.p-page-guidance-payment__header--light)::before { background: linear-gradient(90deg, rgb(143, 154, 161) 50%, rgb(121, 146, 162) 50%); }
:where(.ems-detail-content) :is(.p-page-guidance-payment__heading) { margin: 0px; font-family: "Shippori Mincho B1", serif; font-size: calc(24 * var(--design-px)); font-weight: 500; line-height: 1.6; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-payment__heading) { font-size: calc(28 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-payment__subheading) { margin: 0px; font-family: Cinzel, serif; font-size: calc(14 * var(--design-px)); font-weight: 400; line-height: 1.4; color: rgb(150, 137, 105); }
:where(.ems-detail-content) :is(.p-page-guidance-payment__txt) { margin: 0px; font-size: calc(15 * var(--design-px)); line-height: 1.8; }
:where(.ems-detail-content) :is(.p-page-guidance-payment__link) { margin-top: calc(16 * var(--design-px)); display: inline-flex; align-items: center; gap: calc(8 * var(--design-px)); padding-bottom: calc(8 * var(--design-px)); border-bottom: 1px solid rgb(22, 41, 48); font-size: calc(16 * var(--design-px)); line-height: 1; }
:where(.ems-detail-content) :is(.p-page-guidance-payment__link .c-btn__arrow) { background: rgb(22, 41, 48); color: rgb(255, 255, 255); }
:where(.ems-detail-content) :is(.p-page-guidance-payment-logos) { display: grid; grid-template-columns: repeat(6, 1fr); gap: calc(5 * var(--design-px)); }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-payment-logos) { width: 90.2778%; gap: calc(12 * var(--design-px)) calc(8 * var(--design-px)); }
}
:where(.ems-detail-content) :is(.p-page-guidance-payment-logos__item) { line-height: 0; }
:where(.ems-detail-content) :is(.p-page-guidance-payment-logos__item img) { width: 100%; }
:where(.ems-detail-content) :is(.p-page-guidance-payment__photo) { width: calc(232 * var(--design-px)); overflow: hidden; border-radius: 8px; background: rgb(255, 255, 255); aspect-ratio: 232 / 244; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.p-page-guidance-payment__photo) { width: 40.2778%; }
}
:where(.ems-detail-content) :is(.p-page-guidance-payment__photo img) { width: 100%; height: 100%; object-fit: cover; }
:where(.ems-detail-content) :is(.u-left) { text-align: left; }
:where(.ems-detail-content) :is(.u-center) { text-align: center; }
:where(.ems-detail-content) :is(.u-right) { text-align: right; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.u-pc-left) { text-align: left; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.u-pc-center) { text-align: center; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.u-pc-right) { text-align: right; }
}
@media screen and (max-width: 767px) {
:where(.ems-detail-content) :is(.u-sp-left) { text-align: left; }
}
@media screen and (max-width: 767px) {
:where(.ems-detail-content) :is(.u-sp-center) { text-align: center; }
}
@media screen and (max-width: 767px) {
:where(.ems-detail-content) :is(.u-sp-right) { text-align: right; }
}
:where(.ems-detail-content) :is(.is-primary) { color: rgb(43, 61, 89) !important; }
:where(.ems-detail-content) :is(.is-secondary) { color: rgb(71, 105, 160) !important; }
:where(.ems-detail-content) :is(.is-base) { color: rgb(43, 43, 43) !important; }
:where(.ems-detail-content) :is(.is-bodybg) { color: rgb(245, 245, 245) !important; }
:where(.ems-detail-content) :is(.is-link) { color: rgb(0, 0, 0) !important; }
:where(.ems-detail-content) :is(.is-black) { color: rgb(0, 0, 0) !important; }
:where(.ems-detail-content) :is(.is-white) { color: rgb(255, 255, 255) !important; }
:where(.ems-detail-content) :is(.is-gray) { color: rgb(237, 240, 244) !important; }
:where(.ems-detail-content) :is(.is-gray2) { color: rgb(249, 249, 249) !important; }
:where(.ems-detail-content) :is(.is-gray3) { color: rgb(92, 98, 102) !important; }
:where(.ems-detail-content) :is(.is-blue) { color: rgb(123, 157, 178) !important; }
:where(.ems-detail-content) :is(.is-blue2) { color: rgb(143, 154, 161) !important; }
:where(.ems-detail-content) :is(.is-blue3) { color: rgb(121, 146, 162) !important; }
:where(.ems-detail-content) :is(.is-blue4) { color: rgb(137, 168, 187) !important; }
:where(.ems-detail-content) :is(.is-blue5) { color: rgb(126, 141, 167) !important; }
:where(.ems-detail-content) :is(.is-blue6) { color: rgb(128, 154, 193) !important; }
:where(.ems-detail-content) :is(.is-blue7) { color: rgb(29, 43, 66) !important; }
:where(.ems-detail-content) :is(.is-blue8) { color: rgb(81, 115, 170) !important; }
:where(.ems-detail-content) :is(.is-blue9) { color: rgb(101, 127, 168) !important; }
:where(.ems-detail-content) :is(.is-red) { color: rgb(230, 29, 71) !important; }
:where(.ems-detail-content) :is(.is-beige) { color: rgb(249, 240, 220) !important; }
:where(.ems-detail-content) :is(.is-bg-primary) { background-color: rgb(43, 61, 89) !important; }
:where(.ems-detail-content) :is(.is-bg-secondary) { background-color: rgb(71, 105, 160) !important; }
:where(.ems-detail-content) :is(.is-bg-base) { background-color: rgb(43, 43, 43) !important; }
:where(.ems-detail-content) :is(.is-bg-bodybg) { background-color: rgb(245, 245, 245) !important; }
:where(.ems-detail-content) :is(.is-bg-link) { background-color: rgb(0, 0, 0) !important; }
:where(.ems-detail-content) :is(.is-bg-black) { background-color: rgb(0, 0, 0) !important; }
:where(.ems-detail-content) :is(.is-bg-white) { background-color: rgb(255, 255, 255) !important; }
:where(.ems-detail-content) :is(.is-bg-gray) { background-color: rgb(237, 240, 244) !important; }
:where(.ems-detail-content) :is(.is-bg-gray2) { background-color: rgb(249, 249, 249) !important; }
:where(.ems-detail-content) :is(.is-bg-gray3) { background-color: rgb(92, 98, 102) !important; }
:where(.ems-detail-content) :is(.is-bg-blue) { background-color: rgb(123, 157, 178) !important; }
:where(.ems-detail-content) :is(.is-bg-blue2) { background-color: rgb(143, 154, 161) !important; }
:where(.ems-detail-content) :is(.is-bg-blue3) { background-color: rgb(121, 146, 162) !important; }
:where(.ems-detail-content) :is(.is-bg-blue4) { background-color: rgb(137, 168, 187) !important; }
:where(.ems-detail-content) :is(.is-bg-blue5) { background-color: rgb(126, 141, 167) !important; }
:where(.ems-detail-content) :is(.is-bg-blue6) { background-color: rgb(128, 154, 193) !important; }
:where(.ems-detail-content) :is(.is-bg-blue7) { background-color: rgb(29, 43, 66) !important; }
:where(.ems-detail-content) :is(.is-bg-blue8) { background-color: rgb(81, 115, 170) !important; }
:where(.ems-detail-content) :is(.is-bg-blue9) { background-color: rgb(101, 127, 168) !important; }
:where(.ems-detail-content) :is(.is-bg-red) { background-color: rgb(230, 29, 71) !important; }
:where(.ems-detail-content) :is(.is-bg-beige) { background-color: rgb(249, 240, 220) !important; }
:where(.ems-detail-content) :is(.u-fz15-18) { font-size: clamp(1.5rem, 1.875vw, 1.8rem); }
:where(.ems-detail-content) :is(.u-fz20-28) { font-size: clamp(2rem, 2.91667vw, 2.8rem); }
:where(.ems-detail-content) :is(.u-lh1) { line-height: 1; }
:where(.ems-detail-content) :is(.u-lh11) { line-height: 1.1; }
:where(.ems-detail-content) :is(.u-lh12) { line-height: 1.2; }
:where(.ems-detail-content) :is(.u-lh13) { line-height: 1.3; }
:where(.ems-detail-content) :is(.u-lh14) { line-height: 1.4; }
:where(.ems-detail-content) :is(.u-lh15) { line-height: 1.5; }
:where(.ems-detail-content) :is(.u-lh16) { line-height: 1.6; }
:where(.ems-detail-content) :is(.u-lh17) { line-height: 1.7; }
:where(.ems-detail-content) :is(.u-lh18) { line-height: 1.8; }
:where(.ems-detail-content) :is(.u-lh19) { line-height: 1.9; }
:where(.ems-detail-content) :is(.u-lh2) { line-height: 2; }
:where(.ems-detail-content) :is(.u-lh21) { line-height: 2.1; }
:where(.ems-detail-content) :is(.u-lh22) { line-height: 2.2; }
:where(.ems-detail-content) :is(.u-lh23) { line-height: 2.3; }
:where(.ems-detail-content) :is(.u-lh24) { line-height: 2.4; }
:where(.ems-detail-content) :is(.u-m0) { margin: 0px !important; }
:where(.ems-detail-content) :is(.u-mt0) { margin-top: 0px !important; }
:where(.ems-detail-content) :is(.u-mr0) { margin-right: 0px !important; }
:where(.ems-detail-content) :is(.u-mb0) { margin-bottom: 0px !important; }
:where(.ems-detail-content) :is(.u-ml0) { margin-left: 0px !important; }
:where(.ems-detail-content) :is(.u-m-inline-auto) { margin-inline: auto; }
:where(.ems-detail-content) :is(.u-mt20) { margin-top: 20px; }
:where(.ems-detail-content) :is(.u-mb10) { margin-bottom: 10px; }
:where(.ems-detail-content) :is(.u-mb16-32) { margin-bottom: min(4.26667vw, 32px); }
:where(.ems-detail-content) :is(.u-mb20) { margin-bottom: 20px; }
:where(.ems-detail-content) :is(.u-mb40-80) { margin-bottom: min(10.6667vw, 80px); }
:where(.ems-detail-content) :is(.u-scroll-animation) { transition: 0.5s ease-out; opacity: 0; transform: translateY(80px); }
:where(.ems-detail-content) :is(.u-scroll-animation.is-show) { opacity: 1; transform: translateY(0px); }
:where(.ems-detail-content) :is(.u-indent) { padding-left: 1em; text-indent: -1em; }
:where(.ems-detail-content) :is(.u-db) { display: block; }
:where(.ems-detail-content) :is(.u-pc-db),
:where(.ems-detail-content) :is(.u-pc-dib) { display: none; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.u-pc-db) { display: block; }
}
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.u-pc-dib) { display: inline-block; }
}
:where(.ems-detail-content) :is(.u-sp-db) { display: block; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.u-sp-db) { display: none; }
}
:where(.ems-detail-content) :is(.u-sp-dib) { display: inline-block; }
@media screen and (min-width: 768px) {
:where(.ems-detail-content) :is(.u-sp-dib) { display: none; }
}

.c-btn::after {
	content: none;
}

.ems-detail-content .p-lower-section__header--square::after,
.ems-detail-content .p-page-top-points__lead::after,
.ems-detail-content .p-page-top-offered__body::after,
.ems-detail-content .p-page-top-quality__content::after,
.ems-detail-content .p-page-top-reason__header::before,
.ems-detail-content .p-page-top-first__wrap::before,
.ems-detail-content .p-page-top-access__main::after,
.ems-detail-content .p-page-about-intro__photos::after {
	content: none;
}

.ems-detail-content .p-page-top-message__lead {
	font-size: calc(20 * var(--design-px));
}

@media screen and (min-width: 768px) {
	.ems-detail-content .p-page-top-message__lead {
		font-size: calc(26 * var(--design-px));
	}
}

@media screen and (max-width: 767px) {
	.ems-detail-content .p-page-top-access .ems-entry-timetable {
		margin-bottom: 16px;
	}
	.ems-detail-content .p-page-top-access .ems-entry-field {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.ems-detail-content .p-page-top-access .ems-entry-field dt,
	.ems-detail-content .p-page-top-access .ems-entry-field dd {
		line-height: 1.6;
	}
	.ems-detail-content .p-page-top-access .ems-entry-field dd {
		margin-top: 2px;
	}
	.ems-detail-content .p-page-top-access .ems-entry-text {
		margin-top: 10px;
		line-height: 1.6;
	}
	.ems-detail-content .p-page-top-access .ems-entry-map {
		margin-top: 0;
	}
}

.ems-detail-content .p-page-top-clinic::after,
.ems-detail-content .p-page-top-pickup::after {
	content: none;
}