/* Clinic shell styles.
 * Scoped to protect SWELL content; main-site rem units use its 10px root.
 * Includes scoped destyle.css v2.0.2 (MIT), Nicolas Cusan, https://github.com/nicolas-cusan/destyle.css. */
.ariel-root-shell {--color__gray-4:#fafafa;--color__gray-dark:#666;--width__breakpoint:calc(
      1040 + (25 * 2)
    );--color__black:#000;--font-family__base:"Noto Sans JP", sans-serif;--color__white-2:#e9e1f3;--color__gray:#e5e5e5;--color__white-3:#e9f7f6;--color__main-light:#f0f4ff;--opacity__hover:0.7;--color__pink-3:#fff7fa;--color__main-light-4:#a3e6e0;--width__contents:1040;--radius__base:26;--color__brown:#f5f2e6;--_width:calc(
      1040 + (25 * 2)
    );--color__accent:#f093fb;--font-size__base:10;--color__warning:#dd6b20;--color__error-light:#fed7d7;--color__sub:#ffab00;--color__gray-100:#f5f5f5;--color__text:#333;--color__gray-600:#090a0c;--_font-size:10;--color__main-dark:#01b1a6;--color__gray-2:#d1d1d1;--color__black-2:#1e212e;--color__error:#e53e3e;--color__main-dark-2:#00877f;--color__brown-3:#aba17d;--max-width__base:1920;--space__section--base:60;--color__gray-200:#e3e3e3;--color__accent-light:#fef7ff;--color__white-5:#fcf9ef;--color__pink:#ff7db5;--color__main:#00c4b8;--color__pink-2:#f93f8d;--space-inline__base:25;--color__sub-light:#ffd740;--color__warning-light:#feebc8;--duration__base:0.3s;--color__success:#38a169;--font-family__marcellus:"Marcellus", serif;--color__gray-3:#c8c8c8;--color__main-light-3:#ecfcfc;--color__main-light-2:#e0f6f5;--color__gray-300:#b9bcbf;--color__success-light:#c6f6d5;--color__gray-900:#9d9d9d;--color__brown-2:#6b5e31;--font-family__inter:"Inter", sans-serif;--color__white:#fff;--color__white-4:#eee;--font-family__serif:"Noto Serif JP", serif;font-family:var(--font-family__base);font-size:16px;line-height:1.5;color:var(--color__text);}
@media (min-width: 1024px) {
.ariel-root-shell .u-sp {display: none !important;}
}
.ariel-root-shell *, .ariel-root-shell ::before, .ariel-root-shell ::after {box-sizing: border-box; border-style: solid; border-width: 0px;}
.ariel-root-shell main {display: block;}
.ariel-root-shell p, .ariel-root-shell table, .ariel-root-shell blockquote, .ariel-root-shell address, .ariel-root-shell pre, .ariel-root-shell iframe, .ariel-root-shell form, .ariel-root-shell figure, .ariel-root-shell dl {margin: 0px;}
.ariel-root-shell h1, .ariel-root-shell h2, .ariel-root-shell h3, .ariel-root-shell h4, .ariel-root-shell h5, .ariel-root-shell h6 {font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0px;}
.ariel-root-shell ul, .ariel-root-shell ol {margin: 0px; padding: 0px; list-style: none;}
.ariel-root-shell dt {font-weight: normal;}
.ariel-root-shell dd {margin-left: 0px;}
.ariel-root-shell hr {box-sizing: content-box; height: 0px; overflow: visible; border-top-width: 1px; margin: 0px; clear: both; color: inherit;}
.ariel-root-shell pre {font-family: monospace, monospace; font-size: inherit;}
.ariel-root-shell address {font-style: inherit;}
.ariel-root-shell a {background-color: transparent; text-decoration: none; color: inherit;}
.ariel-root-shell abbr[title] {text-decoration: underline dotted;}
.ariel-root-shell b, .ariel-root-shell strong {font-weight: bolder;}
.ariel-root-shell code, .ariel-root-shell kbd, .ariel-root-shell samp {font-family: monospace, monospace; font-size: inherit;}
.ariel-root-shell small {font-size: 80%;}
.ariel-root-shell sub, .ariel-root-shell sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
.ariel-root-shell sub {bottom: -0.25em;}
.ariel-root-shell sup {top: -0.5em;}
.ariel-root-shell img, .ariel-root-shell embed, .ariel-root-shell object, .ariel-root-shell iframe {vertical-align: bottom;}
.ariel-root-shell button, .ariel-root-shell input, .ariel-root-shell optgroup, .ariel-root-shell select, .ariel-root-shell textarea {appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0px; margin: 0px; outline: 0px; border-radius: 0px; text-align: inherit;}
.ariel-root-shell [type="checkbox"] {appearance: checkbox;}
.ariel-root-shell [type="radio"] {appearance: radio;}
.ariel-root-shell button, .ariel-root-shell input {overflow: visible;}
.ariel-root-shell button, .ariel-root-shell select {text-transform: none;}
.ariel-root-shell button, .ariel-root-shell [type="button"], .ariel-root-shell [type="reset"], .ariel-root-shell [type="submit"] {cursor: pointer; appearance: none;}
.ariel-root-shell button[disabled], .ariel-root-shell [type="button"][disabled], .ariel-root-shell [type="reset"][disabled], .ariel-root-shell [type="submit"][disabled] {cursor: default;}
.ariel-root-shell option {padding: 0px;}
.ariel-root-shell fieldset {margin: 0px; padding: 0px; min-width: 0px;}
.ariel-root-shell legend {color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal;}
.ariel-root-shell progress {vertical-align: baseline;}
.ariel-root-shell textarea {overflow: auto;}
.ariel-root-shell [type="number"]::-webkit-inner-spin-button, .ariel-root-shell [type="number"]::-webkit-outer-spin-button {height: auto;}
.ariel-root-shell [type="search"] {outline-offset: -2px;}
.ariel-root-shell [type="search"]::-webkit-search-decoration {appearance: none;}
.ariel-root-shell ::-webkit-file-upload-button {appearance: button; font: inherit;}
.ariel-root-shell label[for] {cursor: pointer;}
.ariel-root-shell details {display: block;}
.ariel-root-shell summary {display: list-item;}
.ariel-root-shell [contenteditable] {outline: none;}
.ariel-root-shell table {border-collapse: collapse; border-spacing: 0px;}
.ariel-root-shell caption {text-align: left;}
.ariel-root-shell td, .ariel-root-shell th {vertical-align: top; padding: 0px;}
.ariel-root-shell th {text-align: left; font-weight: bold;}
.ariel-root-shell template {display: none;}
.ariel-root-shell [hidden] {display: none;}
.ariel-root-shell a {display: inline-block;}
.ariel-root-shell img, .ariel-root-shell video {width: 100%; height: auto;}
.ariel-root-shell .u-inner {width: 92.8205%; margin: 0px auto;}
@media (min-width: 1024px) {
.ariel-root-shell .u-inner {width: 92.2222%; max-width: 1040px;}
}
.ariel-root-shell .c-button-cta--search, .ariel-root-shell .c-button-cta--tel, .ariel-root-shell .c-button-cta--reserve, .ariel-root-shell .c-button-cta--line, .ariel-root-shell .c-button-cta--header {display: grid; grid-template-columns: 1fr; gap: 4px; border-radius: 100px; width: 100%; padding: 6px;}
@media (min-width: 1024px) {
.ariel-root-shell .c-button-cta--search, .ariel-root-shell .c-button-cta--tel, .ariel-root-shell .c-button-cta--reserve, .ariel-root-shell .c-button-cta--line, .ariel-root-shell .c-button-cta--header {padding: 12px;}
}
.ariel-root-shell .c-button-cta--header {width: 158px; padding: 4px 8px; border-radius: 2px;}
@media (min-width: 1024px) {
.ariel-root-shell .c-button-cta--header .c-button-cta__catch {width: 100%; font-size: 11px;}
}
@media (min-width: 1024px) {
.ariel-root-shell .c-button-cta--header .c-button-cta__main {gap: 4px;}
}
@media (min-width: 1024px) {
.ariel-root-shell .c-button-cta--header .c-button-cta__text {font-size: 13px;}
}
.ariel-root-shell .c-button-cta--line {background: rgb(17, 198, 0); color: rgb(17, 198, 0);}
@media (min-width: 768px) {
.ariel-root-shell .c-button-cta--line {transition: 0.3s;}
.ariel-root-shell .c-button-cta--line:hover {background: rgb(100, 213, 90); color: rgb(100, 213, 90);}
}
.ariel-root-shell .c-button-cta--reserve {background: rgb(171, 161, 125); color: rgb(171, 161, 125);}
@media (min-width: 768px) {
.ariel-root-shell .c-button-cta--reserve {transition: 0.3s;}
.ariel-root-shell .c-button-cta--reserve:hover {background: rgb(205, 194, 155); color: rgb(205, 194, 155);}
}
.ariel-root-shell .c-button-cta--search, .ariel-root-shell .c-button-cta--tel {background: rgb(1, 177, 166); color: rgb(1, 177, 166);}
@media (min-width: 768px) {
.ariel-root-shell .c-button-cta--search, .ariel-root-shell .c-button-cta--tel {transition: 0.3s;}
.ariel-root-shell .c-button-cta--search:hover, .ariel-root-shell .c-button-cta--tel:hover {background: rgb(0, 196, 184); color: rgb(0, 196, 184);}
}
.ariel-root-shell .c-button-cta--fixed {border-radius: 0px;}
.ariel-root-shell .c-button-cta--fixed .c-button-cta__catch {padding: 0px 8px; font-size: 10px;}
.ariel-root-shell .c-button-cta--menu {padding: 8px; border-radius: 0px;}
.ariel-root-shell .c-button-cta--menu .c-button-cta__main {-webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;}
.ariel-root-shell .c-button-cta--menu .c-button-cta__text {font-size: 14px;}
.ariel-root-shell .c-button-cta__catch {width: max-content; padding: 0px 15px; margin: 0px auto; background: rgb(255, 255, 255); border-radius: 100px; font-size: 12px; font-weight: 500; line-height: 1.5; text-align: center;}
@media (min-width: 1024px) {
.ariel-root-shell .c-button-cta__catch {padding: 0px 16px; font-size: 13px;}
}
.ariel-root-shell .c-button-cta__main {display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px;}
@media (min-width: 1024px) {
.ariel-root-shell .c-button-cta__main {gap: 8px;}
}
.ariel-root-shell .c-button-cta__icon {width: 20px;}
.ariel-root-shell .c-button-cta__icon img {display: block;}
.ariel-root-shell .c-button-cta__text {font-size: 13px; color: rgb(255, 255, 255);}
@media (min-width: 1024px) {
.ariel-root-shell .c-button-cta__text {font-size: 18px;}
}
.ariel-root-shell .c-button-cta__fixed {position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 50; display: grid; grid-template-columns: repeat(3, 1fr);}
.ariel-root-shell .c-gnav {padding: 8px;}
.ariel-root-shell .c-gnav__list {display: flex; -webkit-box-pack: center; justify-content: center; font-size: 13px; font-weight: 500; line-height: 1.5;}
.ariel-root-shell .c-gnav__item {border-right: 1px solid rgb(229, 229, 229);}
.ariel-root-shell .c-gnav__item:first-child {border-left: 1px solid rgb(229, 229, 229);}
.ariel-root-shell .c-gnav__link {padding: 0px 20px;}
.ariel-root-shell .c-nav-toggle {font-size: 14px; font-weight: 500; line-height: 1.5;}
.ariel-root-shell .c-nav-toggle__item {border-top: 1px solid rgb(163, 230, 224);}
.ariel-root-shell .c-nav-toggle__item:last-child {border-bottom: 1px solid rgb(163, 230, 224);}
.ariel-root-shell .c-nav-toggle__link--accordion, .ariel-root-shell .c-nav-toggle__link--arrow {position: relative; display: block; padding: 12px 0px;}
.ariel-root-shell .c-nav-toggle__link--arrow::before {content: ""; position: absolute; top: 0px; right: 0px; width: 32px; height: 100%; background: url("https://ariel.clinic/cms/wp-content/themes/ariel/assets/images/common/icons/icon_arrow_white.svg") center center / contain no-repeat;}
.ariel-root-shell .c-nav-toggle__link--accordion::before, .ariel-root-shell .c-nav-toggle__link--accordion::after {content: ""; position: absolute; top: 50%; right: 10px; width: 12px; height: 2px; background: rgb(255, 255, 255);}
.ariel-root-shell .c-nav-toggle__link--accordion::before {transform: translateY(-50%);}
.ariel-root-shell .c-nav-toggle__link--accordion::after {transform: translateY(-50%) rotate(90deg); transition: 0.3s;}
.ariel-root-shell .c-nav-toggle__link--accordion.is-active::after {opacity: 0;}
.ariel-root-shell .c-nav-footer {font-size: 14px; font-weight: 500; line-height: 1.5;}
.ariel-root-shell .c-nav-footer--sub {font-size: 13px; padding-left: 16px;}
.ariel-root-shell .c-nav-footer--sub .c-nav-footer__list {padding-bottom: 12px;}
.ariel-root-shell .c-nav-footer--sub .c-nav-footer__link {padding-right: 0px;}
.ariel-root-shell .c-nav-footer__list {display: grid; grid-template-columns: repeat(2, 1fr);}
.ariel-root-shell .c-nav-footer__link {position: relative; display: block; padding: 6px 18px;}
.ariel-root-shell .c-nav-footer__link::before {content: ""; position: absolute; top: 0px; left: -13px; width: 32px; height: 100%; background: url("https://ariel.clinic/cms/wp-content/themes/ariel/assets/images/common/icons/icon_arrow_white.svg") center center / contain no-repeat;}
.ariel-root-shell .c-list-toggle__item {border-bottom: 1px solid rgb(229, 229, 229);}
.ariel-root-shell .c-list-toggle__link--thumbnail {position: relative; display: flex; -webkit-box-align: center; align-items: center; padding: 12px 0px; font-size: 14px; font-weight: 500;}
.ariel-root-shell .c-list-toggle__link--thumbnail::before, .ariel-root-shell .c-list-toggle__link--thumbnail::after {content: ""; position: absolute; top: 50%; right: 5px; width: 14px; height: 2px; background: rgb(1, 177, 166);}
.ariel-root-shell .c-list-toggle__link--thumbnail::before {transform: translateY(-50%);}
.ariel-root-shell .c-list-toggle__link--thumbnail::after {transform: translateY(-50%) rotate(90deg);}
.ariel-root-shell .c-list-toggle__link--thumbnail {gap: 16px; padding: 8px 0px;}
.ariel-root-shell .c-list-toggle__thumbnail {aspect-ratio: 88 / 56; width: 88px;}
.ariel-root-shell .c-list-toggle__thumbnail img {width: 100%; height: 100%; object-fit: cover;}
.ariel-root-shell .c-list-arrow__item {border-bottom: 1px solid rgb(229, 229, 229);}
.ariel-root-shell .c-list-arrow__link, .ariel-root-shell .c-list-arrow__link--arrow-gray {display: block; padding: 10px 0px; background: url("https://ariel.clinic/cms/wp-content/themes/ariel/assets/images/common/icons/icon_arrow.svg") right center / 24px auto no-repeat;}
.ariel-root-shell .c-list-arrow__link--arrow-gray {background: url("https://ariel.clinic/cms/wp-content/themes/ariel/assets/images/common/icons/icon_arrow_gray.svg") right center / 24px auto no-repeat;}
.ariel-root-shell .c-menu {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(255, 255, 255); z-index: 200; line-height: 1.8; display: none;}
.ariel-root-shell .c-menu__inner {width: 100%; height: 100%; overflow-y: auto;}
.ariel-root-shell .c-menu__head {padding: 16px 4.10256%;}
.ariel-root-shell .c-menu__close {font-family: Marcellus, serif; font-weight: 400; font-style: normal; letter-spacing: 0.05em; position: relative; display: flex; -webkit-box-align: center; align-items: center; width: max-content; height: 24px; padding-right: 28px; margin-left: auto; font-size: 12px; color: rgb(1, 177, 166);}
.ariel-root-shell .c-menu__close::before, .ariel-root-shell .c-menu__close::after {content: ""; position: absolute; top: 50%; right: 2px; width: 20px; height: 2px; background: rgb(1, 177, 166);}
.ariel-root-shell .c-menu__close::before {transform: translate(0px, -50%) rotate(45deg);}
.ariel-root-shell .c-menu__close::after {transform: translate(0px, -50%) rotate(-45deg);}
.ariel-root-shell .c-menu__body {display: grid; grid-template-columns: 1fr; gap: 16px; padding-bottom: 24px; font-size: 14px;}
.ariel-root-shell .c-menu__heading {padding: 4px; background: rgb(238, 238, 238); font-size: 14px; font-weight: 500; text-align: center;}
.ariel-root-shell .c-menu__cta {display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 12px 0px;}
.ariel-root-shell .ariel-site-header {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; background: rgb(255, 255, 255);}
.ariel-root-shell .ariel-site-header__inner {max-width: 1100px;}
.ariel-root-shell .ariel-site-header__head {padding: 2px 0px; background: rgb(1, 177, 166); color: rgb(255, 255, 255); font-size: 10px; line-height: 1.5; font-weight: 500;}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-header__head {padding: 4px 0px;}
}
.ariel-root-shell .ariel-site-header__body {display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 8px 0px;}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-header__body {padding: 8px 0px 0px;}
}
.ariel-root-shell .ariel-site-header__logo {display: block; width: 180px;}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-header__logo {width: 258px;}
}
.ariel-root-shell .ariel-site-header__logo img {display: block;}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-header__cta {display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; gap: 16px;}
}
.ariel-root-shell .ariel-site-header__info {display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; gap: 12px;}
.ariel-root-shell .ariel-site-header__hour-title {padding: 4px 4px 4px 20px; font-size: 11px; line-height: 1.3; background: url("https://ariel.clinic/cms/wp-content/themes/ariel/assets/images/common/icons/icon_time.svg") left 4px center / 13px auto no-repeat, rgb(245, 245, 245);}
.ariel-root-shell .ariel-site-header__hour-text {font-size: 10px; line-height: 1.4; text-align: center;}
.ariel-root-shell .ariel-site-header__tel-tab {display: flex;}
.ariel-root-shell .ariel-site-header__tel-tab-button {padding: 0px 8px; font-size: 11px; font-weight: 500; color: rgb(102, 102, 102); background: rgb(245, 245, 245); border: 1px solid rgb(229, 229, 229); cursor: pointer; transition: 0.3s;}
.ariel-root-shell .ariel-site-header__tel-tab-button:not(:first-child) {border-left: 0px;}
.ariel-root-shell .ariel-site-header__tel-tab-button.is-active {background: rgb(1, 177, 166); border-color: rgb(1, 177, 166); color: rgb(255, 255, 255);}
.ariel-root-shell .ariel-site-header__tel-button {display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; font-size: 20px; line-height: 1.6;}
.ariel-root-shell .ariel-site-header__tel-icon {width: 18px;}
.ariel-root-shell .ariel-site-header__tel-icon img {display: block;}
.ariel-root-shell .ariel-site-header__cta-button {display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; gap: 8px;}
.ariel-root-shell .ariel-site-header__menu {display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 24px; aspect-ratio: 1 / 1;}
.ariel-root-shell .ariel-site-header__menu-icon {position: relative; display: block; width: 18px; height: 2px; background: rgb(51, 51, 51);}
.ariel-root-shell .ariel-site-header__menu-icon::before, .ariel-root-shell .ariel-site-header__menu-icon::after {content: ""; position: absolute; left: 0px; width: 100%; height: 100%; border-radius: 2px; background: rgb(51, 51, 51);}
.ariel-root-shell .ariel-site-header__menu-icon::before {top: -5px;}
.ariel-root-shell .ariel-site-header__menu-icon::after {bottom: -5px;}
.ariel-root-shell .ariel-site-footer {padding: 36px 0px 60px; background: rgb(0, 196, 184); color: rgb(255, 255, 255);}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-footer {padding: 40px 0px;}
}
.ariel-root-shell .ariel-site-footer__inner {display: grid; grid-template-columns: 1fr; gap: 20px;}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-footer__inner {gap: 60px;}
}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-footer__body {display: grid; grid-template-columns: 180px 1fr auto; grid-template-rows: auto 1fr; gap: 32px 52px;}
}
.ariel-root-shell .ariel-site-footer__logo {display: block; width: 164px; margin: 0px auto;}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-footer__logo {grid-area: 1 / 1 / 2 / 2; width: 100%; margin: 20px 0px 0px;}
}
.ariel-root-shell .ariel-site-footer__nav-menu {margin-top: 20px;}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-footer__nav-menu {grid-area: 1 / 2 / 3 / 3; width: 100%; max-width: 362px; margin: 0px 0px 0px auto;}
}
.ariel-root-shell .ariel-site-footer__nav {margin-top: 16px;}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-footer__nav {grid-area: 1 / 3 / 3 / 4; margin: 0px;}
}
.ariel-root-shell .ariel-site-footer__bottom {display: grid; grid-template-columns: 1fr; gap: 20px;}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-footer__bottom {display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center;}
}
.ariel-root-shell .ariel-site-footer__bottom-nav-list {display: grid; grid-template-columns: 1fr; gap: 10px; font-size: 12px; font-weight: 500;}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-footer__bottom-nav-list {display: flex; -webkit-box-align: center; align-items: center; gap: 16px;}
}
.ariel-root-shell .ariel-site-footer__copyright {display: block; font-size: 11px; text-align: center;}
@media (min-width: 1024px) {
.ariel-root-shell .ariel-site-footer__copyright {text-align: right;}
}
.ariel-root-shell #f_cta {display: none;}
.ariel-root-shell .c-gnav__item--dropdown {position: relative;}
.ariel-root-shell .c-gnav__dropdown {position: absolute; top: 100%; left: 0px; margin-top: 8px; z-index: 100; width: 100%; min-width: 120px; background-color: rgb(51, 184, 168); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.2s, visibility 0.2s, transform 0.2s;}
.ariel-root-shell .c-gnav__item--dropdown:hover .c-gnav__dropdown {opacity: 1; visibility: visible; transform: translateY(0px);}
.ariel-root-shell .c-gnav__dropdown-item {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.ariel-root-shell .c-gnav__dropdown-item:last-child {border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
.ariel-root-shell .c-gnav__dropdown-link {display: block; padding: 10px 16px; color: rgb(255, 255, 255); font-size: 13px; text-align: center; white-space: nowrap; transition: background-color 0.2s;}
.ariel-root-shell .c-gnav__dropdown-link:hover {background-color: rgba(255, 255, 255, 0.15);}
.ariel-root-shell .c-nav-footer__item--accordion {grid-column: 1 / -1;}
.ariel-root-shell .c-nav-footer__link--accordion {position: relative; padding-right: 32px;}
.ariel-root-shell .c-nav-footer__link--accordion::after {content: "+"; position: absolute; top: 50%; right: 10px; left: auto; width: auto; height: auto; background: none; transform: translateY(-50%); font-size: 24px; line-height: 1; font-weight: 300; color: rgb(255, 255, 255);}
.ariel-root-shell .c-nav-footer__link--accordion.is-active::after {content: "−";}
.ariel-root-shell .c-nav-footer--sub.js-accordionToggle {display: none;}
.ariel-root-shell .c-nav-footer__list--accordion {padding-top: 4px;}
.ariel-root-shell img, .ariel-root-shell svg {width: 100%; height: auto;}
.ariel-root-shell a {display: inline-block;}
.ariel-root-shell :focus-visible {outline: 2px solid var(--color__main); outline-offset: 2px;}
.ariel-root-shell .c-modal-line {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999999; display: none; opacity: 0; background: rgba(51, 51, 51, 0.7); overflow-y: auto; transition: opacity 0.2s;}
.ariel-root-shell .c-modal-line.is-open {opacity: 1;}
.ariel-root-shell .c-modal-line__inner {min-height: 100%; display: flex; justify-content: center; align-items: center; padding: 56px 16px 40px;}
.ariel-root-shell .c-modal-line__box {position: relative; background: rgb(255, 255, 255); padding: 24px; width: 100%; max-width: 896px;}
.ariel-root-shell .c-modal-line__close {position: absolute; top: -48px; right: 0px; width: 40px; height: 40px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 0px;}
.ariel-root-shell .c-modal-line__close::before, .ariel-root-shell .c-modal-line__close::after {content: ""; position: absolute; top: 50%; left: 50%; width: 28px; height: 2px; background: rgb(255, 255, 255);}
.ariel-root-shell .c-modal-line__close::before {transform: translate(-50%, -50%) rotate(45deg);}
.ariel-root-shell .c-modal-line__close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.ariel-root-shell .c-modal-line__header {text-align: center; color: rgb(51, 51, 51); margin-bottom: 16px;}
.ariel-root-shell .c-modal-line__title {font-size: 20px; font-weight: 500; line-height: 1.5;}
.ariel-root-shell .c-modal-line__subtitle {font-size: 16px; font-weight: 400; line-height: 1.5;}
.ariel-root-shell .c-modal-line__clinics {display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
.ariel-root-shell .c-modal-line__clinic {display: flex; flex-direction: column;}
.ariel-root-shell .c-modal-line__clinic-img {height: 106px; overflow: hidden; flex-shrink: 0;}
.ariel-root-shell .c-modal-line__clinic-img img {width: 100%; height: 100%; object-fit: cover; display: block;}
.ariel-root-shell .c-modal-line__clinic-body {border: 1px solid rgb(229, 229, 229); padding: 16px; display: flex; flex-direction: column; gap: 16px; align-items: center; flex: 1 1 0%;}
.ariel-root-shell .c-modal-line__clinic-info {width: 100%; display: flex; flex-direction: column; gap: 8px; text-align: center;}
.ariel-root-shell .c-modal-line__clinic-name {font-size: 16px; font-weight: 500; line-height: 1.5; color: rgb(51, 51, 51);}
.ariel-root-shell .c-modal-line__clinic-access {font-size: 14px; font-weight: 400; line-height: 1.3; color: rgb(51, 51, 51);}
.ariel-root-shell .c-modal-line__btn {display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: rgb(17, 198, 0); border-radius: 200px; padding: 8px 24px; text-decoration: none; font-size: 15px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.5; transition: background 0.2s;}
.ariel-root-shell .c-modal-line__btn:hover {background: rgb(100, 213, 90);}
.ariel-root-shell .c-modal-line__btn-icon {width: 20px; flex-shrink: 0;}
.ariel-root-shell .c-modal-line__btn-icon img {display: block; width: 100%;}
.ariel-root-shell .c-modal-web__btn {display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: rgb(171, 161, 125); border-radius: 200px; padding: 8px 24px; text-decoration: none; font-size: 15px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.5; transition: background 0.2s;}
.ariel-root-shell .c-modal-web__btn:hover {background: rgb(205, 194, 155);}
.ariel-root-shell .c-modal-tel__box {max-width: 472px;}
.ariel-root-shell .c-modal-tel__list {width: 100%; display: flex; flex-direction: column;}
.ariel-root-shell .c-modal-tel__row {display: flex; align-items: center; justify-content: space-between; padding: 24px 0px; border-bottom: 1px solid rgb(229, 229, 229);}
.ariel-root-shell .c-modal-tel__name {font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); line-height: 1.5;}
.ariel-root-shell .c-modal-tel__btn {display: flex; align-items: center; gap: 4px; background: rgb(1, 177, 166); border-radius: 200px; padding: 8px 24px; text-decoration: none; color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 1.6; white-space: nowrap; transition: background 0.2s;}
.ariel-root-shell .c-modal-tel__btn:hover {background: rgb(0, 196, 184);}
.ariel-root-shell .c-modal-tel__btn-icon {width: 18px; flex-shrink: 0;}
.ariel-root-shell .c-modal-tel__btn-icon img {display: block; width: 100%; filter: brightness(0) invert(1);}
@media (max-width: 767px) {
.ariel-root-shell .c-modal-web__btn {font-size: 14px; padding: 8px 16px; gap: 4px;}
.ariel-root-shell .c-modal-tel__btn {font-size: 16px; padding: 6px 12px; gap: 2px;}
.ariel-root-shell .c-modal-line__inner {padding: 56px 25px 40px; align-items: center;}
.ariel-root-shell .c-modal-line__box {padding: 48px 16px; max-width: 340px;}
.ariel-root-shell .c-modal-line__header {margin-bottom: 32px;}
.ariel-root-shell .c-modal-line__title {font-size: 16px;}
.ariel-root-shell .c-modal-line__subtitle {font-size: 13px;}
.ariel-root-shell .c-modal-line__clinics {grid-template-columns: repeat(2, 1fr); gap: 16px 8px;}
.ariel-root-shell .c-modal-line__clinic-img {height: 80px;}
.ariel-root-shell .c-modal-line__clinic-body {padding: 10px; gap: 12px;}
.ariel-root-shell .c-modal-line__clinic-name {font-size: 16px;}
.ariel-root-shell .c-modal-line__clinic-access {font-size: 11px;}
.ariel-root-shell .c-modal-line__btn {font-size: 14px; padding: 8px 16px; gap: 4px;}
.ariel-root-shell .c-modal-tel__box {max-width: 340px;}
}
@media (max-width: 1023px) {
.ariel-root-shell .u-pc {display: none !important;}
}
@media (min-width: 1024px) {
.ariel-root-shell .u-sp {display: none !important;}
}
.ariel-root-shell .c-list-toggle__item {border-bottom: 1px solid rgb(229, 229, 229);}
.ariel-root-shell .c-list-toggle__link--thumbnail {position: relative; display: flex; align-items: center; padding: 12px 0px; font-size: 14px; font-weight: 500;}
.ariel-root-shell .c-list-toggle__link--thumbnail::before, .ariel-root-shell .c-list-toggle__link--thumbnail::after {content: ""; position: absolute; top: 50%; right: 5px; width: 14px; height: 2px; background: rgb(1, 177, 166);}
.ariel-root-shell .c-list-toggle__link--thumbnail::before {transform: translateY(-50%);}
.ariel-root-shell .c-list-toggle__link--thumbnail::after {transform: translateY(-50%) rotate(90deg); transition: 0.3s;}
.ariel-root-shell .is-active.c-list-toggle__link--thumbnail::after {opacity: 0;}
.ariel-root-shell .c-list-toggle__link--thumbnail {gap: 16px; padding: 8px 0px;}
.ariel-root-shell .c-list-toggle__thumbnail {aspect-ratio: 88 / 56; width: 88px;}
.ariel-root-shell .c-list-toggle__thumbnail img {width: 100%; height: 100%; object-fit: cover;}
.ariel-root-shell .c-list-toggle__sub .c-list-arrow__link--arrow-gray {padding: 12px 0px 12px 32px; font-size: 14px; font-weight: 400; line-height: 1.5; background: url("https://ariel.clinic/cms/wp-content/themes/ariel/assets/images/common/icons/icon_arrow_gray.svg") left center / 32px auto no-repeat;}
.ariel-root-shell :where(figure) {margin: 0px 0px 1em;}
.ariel-root-shell .ariel-site-header__bottom.u-pc {margin-left: -100px; margin-right: -100px;}
.ariel-root-shell .c-gnav__list {-webkit-box-flex: 1; flex: 1 1 0%; max-width: 100%;}
.ariel-root-shell .c-gnav__item {-webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px;}
.ariel-root-shell .c-gnav__link {display: block; padding: 0px; text-align: center; white-space: nowrap;}
@media (max-width: 1280px) {
.ariel-root-shell .c-gnav__list {font-size: 11.5px;}
.ariel-root-shell .c-gnav__link {padding: 0px 14px;}
}
.ariel-root-shell .c-button-cta--menu .c-button-cta__catch {font-size: 10px;}
.ariel-root-shell .c-button-cta--menu .c-button-cta__main {flex-direction: row;}
.ariel-root-shell .c-menu__heading {background-color: var(--color__main); color: var(--color__white);}
.ariel-root-shell .c-list-arrow--col5 {display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.5em 1em;}
.ariel-root-shell .c-modal-line__clinics {grid-template-columns: repeat(3, 1fr) !important;}
.ariel-root-shell a.c-modal-line__clinic {color: inherit; text-decoration: none; cursor: pointer;}
@media (max-width: 767px) {
.ariel-root-shell .c-modal-line__clinics {grid-template-columns: repeat(2, 1fr) !important;}
.ariel-root-shell .c-modal-line__clinics .c-modal-line__clinic-img {display: none !important;}
}
.ariel-root-shell .c-modal-line__clinics {grid-template-columns: repeat(3, 1fr);}
.ariel-root-shell a.c-modal-line__clinic {color: inherit; text-decoration: none; cursor: pointer;}
@media (max-width: 767px) {
.ariel-root-shell .c-modal-line__clinics {grid-template-columns: repeat(2, 1fr) !important;}
.ariel-root-shell .c-modal-line__clinics .c-modal-line__clinic-img {display: none !important;}
}
.ariel-root-shell a.c-modal-tel__row {color: inherit; text-decoration: none; cursor: pointer;}