@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&family=Noto+Serif+JP:wght@500&family=Cormorant+Infant:wght@300..700&family=Zen+Kaku+Gothic+New:wght@500&display=swap");
/* 青は使わない */
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;600&display=swap");
@keyframes trigger-skinclinic {
  0% {
    background: currentColor; }
  50% {
    background: transparent; }
  100% {
    background: transparent; } }

@keyframes trigger-skinclinicAt {
  0% {
    background: transparent; }
  50% {
    background: currentColor; }
  100% {
    background: currentColor; } }

@keyframes trigger-skinclinic01 {
  0% {
    top: -10px;
    transform: rotate(0); }
  50% {
    top: 0;
    transform: rotate(0); }
  100% {
    top: 0;
    transform: rotate(-32deg); } }

@keyframes trigger-skinclinic01At {
  0% {
    top: 0;
    transform: rotate(-32deg); }
  50% {
    top: 0;
    transform: rotate(0); }
  100% {
    top: -10px;
    transform: rotate(0); } }

@keyframes trigger-skinclinic02 {
  0% {
    bottom: -10px;
    transform: rotate(0); }
  50% {
    bottom: 0;
    transform: rotate(0); }
  100% {
    bottom: 0;
    transform: rotate(32deg); } }

@keyframes trigger-skinclinic02At {
  0% {
    bottom: 0;
    transform: rotate(32deg); }
  50% {
    bottom: 0;
    transform: rotate(0); }
  100% {
    bottom: -10px;
    transform: rotate(0); } }

@media only screen and (max-width: 979px) {
  @keyframes trigger-skinclinic01 {
    0% {
      top: -2vw;
      transform: rotate(0); }
    50% {
      top: 0;
      transform: rotate(0); }
    100% {
      top: 0;
      transform: rotate(-32deg); } }
  @keyframes trigger-skinclinic01At {
    0% {
      top: 0;
      transform: rotate(-32deg); }
    50% {
      top: 0;
      transform: rotate(0); }
    100% {
      top: -2vw;
      transform: rotate(0); } }
  @keyframes trigger-skinclinic02 {
    0% {
      bottom: -2vw;
      transform: rotate(0); }
    50% {
      bottom: 0;
      transform: rotate(0); }
    100% {
      bottom: 0;
      transform: rotate(32deg); } }
  @keyframes trigger-skinclinic02At {
    0% {
      bottom: 0;
      transform: rotate(32deg); }
    50% {
      bottom: 0;
      transform: rotate(0); }
    100% {
      bottom: -2vw;
      transform: rotate(0); } } }

#main article {
  overflow: hidden; }
  #main article section header.header-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 980px;
    color: #7A6F69;
    border-bottom: 1px solid #7A6F69;
    padding: 0 0 15px;
    margin: 0 auto 60px;
    position: relative; }
    #main article section header.header-section::before {
      content: "";
      display: block;
      width: 100px;
      height: 3px;
      background: #7A6F69;
      position: absolute;
      bottom: -2px;
      right: 0; }
    #main article section header.header-section p {
      font-family: "Cormorant Infant", serif;
      font-optical-sizing: auto;
      font-weight: 300;
      font-style: normal;
      font-size: 60px;
      line-height: 0.7;
      padding: 0;
      margin: 0; }
    #main article section header.header-section h2 {
      font-size: 20px;
      font-weight: 500;
      line-height: 1.2; }
    @media (max-width: 979px) {
      #main article section header.header-section {
        max-width: 95vw;
        padding: 0 0 2vw;
        margin: 0 auto 7vw; }
        #main article section header.header-section::before {
          width: 20vw; }
        #main article section header.header-section p {
          font-size: 8vw; }
        #main article section header.header-section h2 {
          font-size: 3.5vw; } }
  #main article section.s-mv {
    text-align: center;
    background: url(/assets/clinic/skin/branch/images/mv_bg.png) center top no-repeat, linear-gradient(0deg, rgba(241, 221, 215, 0.8), transparent); }
    #main article section.s-mv .mv-inner {
      width: 980px;
      min-height: 815px;
      margin: 0 auto;
      padding: 80px 0 265px;
      position: relative; }
      #main article section.s-mv .mv-inner::before {
        content: "";
        display: none;
        width: 470px;
        height: 470px;
        background: url(/assets/clinic/skin/branch/images/mv_circle.svg) center top/100% auto no-repeat;
        position: absolute;
        left: 105%;
        bottom: 80px; }
      #main article section.s-mv .mv-inner header {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 20px 0;
        width: 340px;
        height: 340px;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 10px 25px rgba(172, 164, 159, 0.35);
        border-radius: 100%;
        padding: 15px;
        position: relative; }
        #main article section.s-mv .mv-inner header::before {
          content: "";
          display: block;
          width: 92%;
          height: 92%;
          width: calc(100% - 30px);
          height: calc(100% - 30px);
          background: #fff;
          border-radius: 100%;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        #main article section.s-mv .mv-inner header > * {
          position: relative; }
        #main article section.s-mv .mv-inner header .logo img {
          width: 214px; }
        #main article section.s-mv .mv-inner header h1 {
          font-size: 40px;
          font-weight: 500;
          line-height: 1.2;
          color: #7A6F69; }
      #main article section.s-mv .mv-inner .mv-btn {
        display: flex;
        gap: 0 40px;
        width: 100%;
        height: 265px;
        position: absolute;
        left: 0;
        bottom: 0; }
        #main article section.s-mv .mv-inner .mv-btn > p {
          flex: 1; }
          #main article section.s-mv .mv-inner .mv-btn > p a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 60px;
            text-align: center;
            font-size: 16px;
            font-weight: 500;
            text-decoration: none;
            border-radius: 10px; }
            #main article section.s-mv .mv-inner .mv-btn > p a .popup {
              padding-right: 30px;
              position: relative; }
              #main article section.s-mv .mv-inner .mv-btn > p a .popup::before {
                content: "";
                display: block;
                width: 20px;
                height: 100%;
                background: url(/assets/clinic/skin/images/common/icon-popup.svg) center center/100% auto no-repeat;
                position: absolute;
                right: 0;
                top: 0; }
            #main article section.s-mv .mv-inner .mv-btn > p a.guide {
              color: #EA6179;
              border: 1px solid #EA6179; }
              #main article section.s-mv .mv-inner .mv-btn > p a.guide .popup {
                padding-right: 20px; }
                #main article section.s-mv .mv-inner .mv-btn > p a.guide .popup::before {
                  filter: brightness(0) saturate(100%) invert(54%) sepia(17%) saturate(4475%) hue-rotate(313deg) brightness(97%) contrast(89%); }
            #main article section.s-mv .mv-inner .mv-btn > p a.age {
              color: #524B47;
              background: #DCD8D6; }
    @media (max-width: 979px) {
      #main article section.s-mv {
        background-size: auto 69%, auto 100%;
        background-position: right -95vw top, center top; }
        #main article section.s-mv .mv-inner {
          width: 100%;
          min-height: 100vw;
          padding: 8vw 3vw 0; }
          #main article section.s-mv .mv-inner::before {
            display: none; }
          #main article section.s-mv .mv-inner header {
            gap: 3vw 0;
            width: 45vw;
            height: 45vw;
            box-shadow: 0 1.5vw 3vw rgba(172, 164, 159, 0.35);
            padding: 2vw; }
            #main article section.s-mv .mv-inner header::before {
              width: calc(100% - 4vw);
              height: calc(100% - 4vw); }
            #main article section.s-mv .mv-inner header .logo img {
              width: 25vw; }
            #main article section.s-mv .mv-inner header h1 {
              font-size: 6vw; }
          #main article section.s-mv .mv-inner .mv-btn {
            flex-direction: column;
            gap: 3vw;
            height: inherit;
            padding: 0 3vw 20vw; }
            #main article section.s-mv .mv-inner .mv-btn > p a {
              width: 100%;
              height: 8vw;
              font-size: 3vw;
              border-radius: 2vw; }
              #main article section.s-mv .mv-inner .mv-btn > p a .popup {
                padding-right: 5vw; }
                #main article section.s-mv .mv-inner .mv-btn > p a .popup::before {
                  width: 3.5vw; }
              #main article section.s-mv .mv-inner .mv-btn > p a.guide .popup {
                padding-right: 3.5vw; } }
  #main article section.s-recommend {
    position: relative; }
    #main article section.s-recommend::before {
      content: "";
      display: block;
      width: 620px;
      height: 620px;
      background: #fff;
      border-radius: 100%;
      clip-path: polygon(0 0, 100% 0, 100% 111px, 0 111px);
      position: absolute;
      left: 50%;
      top: -110px;
      transform: translate(-50%, 0); }
    #main article section.s-recommend::after {
      content: "";
      display: block;
      width: 383px;
      height: 96px;
      background: url(/assets/clinic/skin/branch/images/recommend_index.svg) center top/100% auto no-repeat;
      filter: brightness(0) saturate(100%) invert(73%) sepia(13%) saturate(160%) hue-rotate(340deg) brightness(89%) contrast(89%);
      position: absolute;
      left: 50%;
      top: -135px;
      transform: translate(-50%, 0); }
    #main article section.s-recommend h2 {
      font-family: "Noto Serif JP", serif;
      font-optical-sizing: auto;
      font-weight: 500;
      font-style: normal;
      font-size: 32px;
      font-weight: 500;
      text-align: center;
      color: #524B47;
      line-height: 1.4;
      margin-top: -20px;
      position: relative;
      margin: 0 0 45px; }
    #main article section.s-recommend .banner {
      margin: 0 0 60px; }
      #main article section.s-recommend .banner .heading-image + .heading-image {
        margin-top: 20px; }
    #main article section.s-recommend .recommend-slider {
      width: 660px;
      margin: 0 auto;
      padding: 0 0 200px;
      display: none;
      position: relative; }
      #main article section.s-recommend .recommend-slider.slick-initialized {
        display: block; }
      #main article section.s-recommend .recommend-slider::before {
        content: "";
        width: 100vw;
        height: 85%;
        height: calc(100% - 120px);
        background: linear-gradient(0deg, transparent 70%, #F1DDD7);
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0); }
      #main article section.s-recommend .recommend-slider-inner {
        width: 330px;
        padding: 0 15px;
        position: relative; }
        #main article section.s-recommend .recommend-slider-inner a {
          display: block;
          font-size: 16px;
          line-height: 1.6;
          text-decoration: none; }
          #main article section.s-recommend .recommend-slider-inner a .img {
            margin: 0 0 10px; }
            #main article section.s-recommend .recommend-slider-inner a .img img {
              border-radius: 20px; }
          #main article section.s-recommend .recommend-slider-inner a h3 {
            color: #7A6F69;
            font-weight: 500;
            margin: 0 0 5px; }
      #main article section.s-recommend .recommend-slider .slick-prev,
      #main article section.s-recommend .recommend-slider .slick-next {
        width: 83px;
        height: 63px;
        top: inherit;
        bottom: 100px;
        background: url(/assets/clinic/skin/branch/images/recommend_arrow.svg) center bottom/100% auto no-repeat;
        transform: translate(0, 0); }
        #main article section.s-recommend .recommend-slider .slick-prev::before,
        #main article section.s-recommend .recommend-slider .slick-next::before {
          width: 100%;
          height: 100%;
          background: none; }
      #main article section.s-recommend .recommend-slider .slick-prev {
        left: 10px; }
      #main article section.s-recommend .recommend-slider .slick-next {
        right: 10px;
        transform: translate(0, 0) scale(-1, 1); }
      #main article section.s-recommend .recommend-slider .slick-list {
        overflow: inherit; }
      #main article section.s-recommend .recommend-slider .slick-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0 15px;
        position: absolute;
        left: 0;
        bottom: 124px; }
        #main article section.s-recommend .recommend-slider .slick-dots li {
          width: 15px;
          height: 15px;
          background: #fff;
          border: 1px solid #ACA49F;
          border-radius: 100%;
          margin: 0; }
          #main article section.s-recommend .recommend-slider .slick-dots li.slick-active {
            background: #EA6179;
            border: none; }
          #main article section.s-recommend .recommend-slider .slick-dots li button {
            width: 100%;
            height: 100%;
            background: none; }
            #main article section.s-recommend .recommend-slider .slick-dots li button::before {
              width: 100%;
              height: 100%;
              background: none;
              opacity: 1; }
    @media (max-width: 979px) {
      #main article section.s-recommend::before {
        width: 90vw;
        height: 90vw;
        top: -12vw; }
      #main article section.s-recommend::after {
        width: 50vw;
        height: 13vw;
        top: -15vw; }
      #main article section.s-recommend h2 {
        font-size: 5vw;
        margin-top: -3vw;
        margin: 0 0 6vw; }
      #main article section.s-recommend .banner {
        margin: 0 2.5vw 6vw; }
        #main article section.s-recommend .banner .heading-image + .heading-image {
          margin-top: 2.5vw; }
      #main article section.s-recommend .recommend-slider {
        width: 70vw;
        padding: 0 0 25vw; }
        #main article section.s-recommend .recommend-slider::before {
          width: 100vw;
          height: calc(100% - 15vw); }
        #main article section.s-recommend .recommend-slider-inner {
          width: 70vw;
          padding: 0 2.5vw; }
          #main article section.s-recommend .recommend-slider-inner a {
            font-size: 3vw; }
            #main article section.s-recommend .recommend-slider-inner a .img {
              margin: 0 0 1.5vw; }
              #main article section.s-recommend .recommend-slider-inner a .img img {
                border-radius: 3vw; }
            #main article section.s-recommend .recommend-slider-inner a h3 {
              font-size: 4vw;
              margin: 0 0 1vw; }
        #main article section.s-recommend .recommend-slider .slick-prev,
        #main article section.s-recommend .recommend-slider .slick-next {
          display: block !important;
          width: 13vw;
          height: 11vw;
          bottom: 12vw; }
        #main article section.s-recommend .recommend-slider .slick-prev {
          left: -11vw; }
        #main article section.s-recommend .recommend-slider .slick-next {
          right: -11vw; }
        #main article section.s-recommend .recommend-slider .slick-dots {
          gap: 0 2vw;
          bottom: 15.5vw; }
          #main article section.s-recommend .recommend-slider .slick-dots li {
            width: 3vw;
            height: 3vw; } }
  #main article section.s-special {
    background: #F3F2F1;
    padding: 95px 0 100px;
    border-radius: 80px; }
    #main article section.s-special .container {
      width: 956px;
      margin: 0 auto; }
      #main article section.s-special .container ul {
        display: flex;
        flex-wrap: wrap;
        gap: 30px 28px; }
        #main article section.s-special .container ul li {
          width: 300px;
          background: #fff;
          border-radius: 15px;
          overflow: hidden; }
          #main article section.s-special .container ul li .inner {
            padding: 20px 15px 35px; }
            #main article section.s-special .container ul li .inner .date {
              font-weight: 500;
              line-height: 1;
              color: #524B47;
              margin: 0 0 10px; }
            #main article section.s-special .container ul li .inner p a {
              display: flex;
              font-size: 16px;
              font-weight: 700;
              line-height: 1.6;
              color: #524B47; }
      #main article section.s-special .container .btn-link {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 45px 0 0; }
        #main article section.s-special .container .btn-link a {
          display: flex;
          justify-content: center;
          align-items: center;
          min-width: 330px;
          min-height: 65px;
          font-size: 18px;
          font-weight: 500;
          color: #524B47;
          text-decoration: none;
          background: #fff;
          border: 1px solid #ACA49F;
          border-radius: 1000px;
          padding: 0 45px;
          position: relative; }
          #main article section.s-special .container .btn-link a::before {
            content: "";
            display: block;
            width: 12px;
            height: 18px;
            background: #ACA49F;
            clip-path: polygon(0 0, 100% 50%, 0 100%, 35% 50%);
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translate(0, -50%); }
    @media (max-width: 979px) {
      #main article section.s-special {
        padding: 10vw 0 12vw;
        border-radius: 10vw; }
        #main article section.s-special .container {
          width: 95%;
          margin: 0 auto; }
          #main article section.s-special .container ul {
            gap: 3vw 3%; }
            #main article section.s-special .container ul li {
              width: 48.5%;
              border-radius: 2vw; }
              #main article section.s-special .container ul li .inner {
                padding: 3vw 2.5vw 4vw; }
                #main article section.s-special .container ul li .inner .date {
                  margin: 0 0 1.5vw; }
                #main article section.s-special .container ul li .inner p a {
                  font-size: 3vw; }
          #main article section.s-special .container .btn-link {
            margin: 6vw 0 0; }
            #main article section.s-special .container .btn-link a {
              min-width: 60vw;
              min-height: 9vw;
              font-size: 3.5vw;
              padding: 0 6vw 0.5vw; }
              #main article section.s-special .container .btn-link a::before {
                width: 2vw;
                height: 3vw;
                right: 3vw; } }
  #main article section.s-doctor {
    padding: 95px 0 0; }
    #main article section.s-doctor .container {
      width: 980px;
      margin: 0 auto; }
      #main article section.s-doctor .container ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 30px 0; }
        #main article section.s-doctor .container ul li {
          width: 300px;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          #main article section.s-doctor .container ul li .photo {
            margin: 0 0 15px; }
          #main article section.s-doctor .container ul li .title {
            line-height: 1.3;
            margin: 0 0 3px; }
          #main article section.s-doctor .container ul li .name {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 0 10px; }
            #main article section.s-doctor .container ul li .name p {
              font-size: 28px;
              line-height: 1.3;
              padding: 0 0 0.1em; }
            #main article section.s-doctor .container ul li .name ul.sns {
              display: flex;
              align-items: center;
              gap: 0 5px; }
              #main article section.s-doctor .container ul li .name ul.sns li {
                width: 28px;
                display: flex;
                align-items: center; }
                #main article section.s-doctor .container ul li .name ul.sns li img {
                  width: 100%;
                  height: auto; }
          #main article section.s-doctor .container ul li .kana {
            font-size: 16px;
            line-height: 1.3;
            margin: 3px 0 0; }
          #main article section.s-doctor .container ul li .btn-link {
            margin: 15px 0 0; }
            #main article section.s-doctor .container ul li .btn-link p + p {
              margin-top: 10px; }
            #main article section.s-doctor .container ul li .btn-link p a {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 240px;
              min-height: 40px;
              font-size: 17px;
              font-weight: 500;
              color: #A98B89;
              text-decoration: none;
              background: #fff;
              border: 1px solid #DCD8D6;
              border-radius: 1000px;
              padding: 0 20px;
              position: relative; }
              #main article section.s-doctor .container ul li .btn-link p a::before {
                content: "";
                display: block;
                width: 7px;
                height: 11px;
                background: #A98B89;
                clip-path: polygon(0 0, 100% 50%, 0 100%, 35% 50%);
                position: absolute;
                right: 15px;
                top: 50%;
                transform: translate(0, -50%); }
              #main article section.s-doctor .container ul li .btn-link p a.prof {
                background: #FEFBF6; }
              #main article section.s-doctor .container ul li .btn-link p a.monitor {
                background: #F3F2F1; }
    @media (max-width: 979px) {
      #main article section.s-doctor {
        padding: 10vw 0 0; }
        #main article section.s-doctor .container {
          width: 95%;
          margin: 0 auto; }
          #main article section.s-doctor .container ul {
            gap: 3vw 2.5vw; }
            #main article section.s-doctor .container ul li {
              width: 48.5%; }
              #main article section.s-doctor .container ul li .photo {
                margin: 0 0 2vw; }
              #main article section.s-doctor .container ul li .title {
                margin: 0 0 0.5vw; }
              #main article section.s-doctor .container ul li .name {
                gap: 0 1vw; }
                #main article section.s-doctor .container ul li .name p {
                  font-size: 4vw; }
                #main article section.s-doctor .container ul li .name ul.sns {
                  gap: 0 1vw; }
                  #main article section.s-doctor .container ul li .name ul.sns li {
                    width: 5vw; }
              #main article section.s-doctor .container ul li .kana {
                font-size: 2.5vw;
                margin: 0.5vw 0 0; }
              #main article section.s-doctor .container ul li .btn-link {
                margin: 2.5vw 0 0; }
                #main article section.s-doctor .container ul li .btn-link p + p {
                  margin-top: 10px; }
                #main article section.s-doctor .container ul li .btn-link p a {
                  width: 100%;
                  min-height: 7vw;
                  font-size: 3vw;
                  padding: 0 3vw; }
                  #main article section.s-doctor .container ul li .btn-link p a::before {
                    width: 1.3vw;
                    height: 2vw;
                    right: 2vw; } }
  #main article section.s-access {
    padding: 95px 0 0; }
    #main article section.s-access .container {
      width: 980px;
      margin: 0 auto; }
      #main article section.s-access .container .map iframe {
        width: 100%;
        height: 445px; }
      #main article section.s-access .container .access-details {
        margin: 40px 0 0; }
        #main article section.s-access .container .access-details > li + li {
          border-top: 1px solid #DCD8D6;
          margin-top: 35px;
          padding-top: 35px; }
        #main article section.s-access .container .access-details > li .access-index {
          font-weight: 500;
          padding: 0 0 0 45px;
          margin: 0 0 5px;
          position: relative; }
          #main article section.s-access .container .access-details > li .access-index::before {
            content: "";
            display: block;
            width: 28px;
            height: 28px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translate(0, -50%);
            filter: brightness(0) saturate(100%) invert(55%) sepia(65%) saturate(1228%) hue-rotate(309deg) brightness(91%) contrast(101%); }
          #main article section.s-access .container .access-details > li .access-index.address::before {
            background: url(/assets/clinic/skin/branch/images/access_icon01.svg) center bottom/100% auto no-repeat; }
          #main article section.s-access .container .access-details > li .access-index.access::before {
            background: url(/assets/clinic/skin/branch/images/access_icon02.svg) center bottom/auto 100% no-repeat; }
          #main article section.s-access .container .access-details > li .access-index.time::before {
            background: url(/assets/clinic/skin/branch/images/access_icon03.svg) center bottom/100% auto no-repeat; }
          #main article section.s-access .container .access-details > li .access-index.closed::before {
            background: url(/assets/clinic/skin/branch/images/access_icon04.svg) center bottom/100% auto no-repeat; }
        #main article section.s-access .container .access-details > li .caution {
          font-size: 17px; }
          #main article section.s-access .container .access-details > li .caution a {
            color: #524b47; }
        #main article section.s-access .container .access-details > li .access-closed-container {
          display: flex; }
          #main article section.s-access .container .access-details > li .access-closed-container .text {
            flex: 1; }
          #main article section.s-access .container .access-details > li .access-closed-container .table table {
            width: 670px;
            border-spacing: 0;
            border-radius: 10px;
            border: 1px solid #DCD8D6;
            overflow: hidden; }
            #main article section.s-access .container .access-details > li .access-closed-container .table table tr th,
            #main article section.s-access .container .access-details > li .access-closed-container .table table tr td {
              font-size: 18px;
              font-weight: 400;
              text-align: center;
              line-height: 1.4; }
            #main article section.s-access .container .access-details > li .access-closed-container .table table thead tr th {
              text-align: center;
              background: #F3F2F1;
              padding: 20px 10px; }
              #main article section.s-access .container .access-details > li .access-closed-container .table table thead tr th:nth-child(n + 2) {
                border-left: 1px solid #DCD8D6; }
            #main article section.s-access .container .access-details > li .access-closed-container .table table tbody tr th,
            #main article section.s-access .container .access-details > li .access-closed-container .table table tbody tr td {
              padding: 25px 10px;
              border-top: 1px solid #DCD8D6; }
            #main article section.s-access .container .access-details > li .access-closed-container .table table tbody tr td {
              width: 60px;
              font-size: 21px;
              color: #EA6179;
              border-left: 1px solid #DCD8D6; }
            #main article section.s-access .container .access-details > li .access-closed-container .table table tbody tr .time {
              font-size: 19px;
              margin: 10px 0 0; }
      #main article section.s-access .container .access-links {
        margin: 60px 0 0; }
        #main article section.s-access .container .access-links .skin-inquiry-inner {
          display: flex;
          justify-content: center;
          gap: 0 40px; }
          #main article section.s-access .container .access-links .skin-inquiry-inner a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 120px;
            font-weight: 500;
            color: #fff;
            border-radius: 20px;
            text-decoration: none;
            position: relative; }
            #main article section.s-access .container .access-links .skin-inquiry-inner a .icon {
              display: flex;
              justify-content: center;
              align-items: center;
              line-height: 1;
              position: relative;
              padding: 0 0 3px 40px; }
              #main article section.s-access .container .access-links .skin-inquiry-inner a .icon::before {
                content: "";
                display: block;
                width: 33px;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0; }
            #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-tel {
              flex-direction: column;
              font-size: 30px;
              color: #EA6179;
              border: 2px solid #EA6179; }
              #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-tel .text {
                font-size: 16px;
                line-height: 1.2;
                margin: 0 0 5px; }
              #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-tel .icon::before {
                background: url(/assets/clinic/skin/branch/images/access_icon05.svg) center center/100% auto no-repeat;
                filter: brightness(0) saturate(100%) invert(57%) sepia(77%) saturate(3095%) hue-rotate(314deg) brightness(98%) contrast(86%); }
            #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-reservation {
              font-size: 26px;
              background: #EA6179; }
              #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-reservation .icon::before {
                background: url(/assets/clinic/skin/images/common/icon-reservation.svg) center center/100% auto no-repeat; }
              #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-reservation .balloon {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 240px;
                height: 40px;
                font-size: 20px;
                font-weight: 500;
                color: #EA6179;
                background: #fff;
                border: 2px solid #EA6179;
                border-radius: 1000px;
                position: absolute;
                left: 50%;
                top: -18px;
                transform: translate(-50%, 0); }
                #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-reservation .balloon::before, #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-reservation .balloon::after {
                  content: "";
                  display: block;
                  width: 10px;
                  height: 9px;
                  background: #EA6179;
                  clip-path: polygon(0 0, 100% 0, 50% 100%);
                  position: absolute;
                  top: 100%;
                  left: 50%;
                  transform: translate(-50%, 0); }
                #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-reservation .balloon::after {
                  background: #fff;
                  transform: translate(-50%, -2px); }
        #main article section.s-access .container .access-links .insurance-inquiry {
          background: #7A6F69;
          padding: 25px 30px 30px;
          margin: 30px 0 0; }
          #main article section.s-access .container .access-links .insurance-inquiry > p {
            font-weight: 500;
            text-align: center;
            color: #FEFBF6;
            margin: 0 0 15px; }
          #main article section.s-access .container .access-links .insurance-inquiry-inner {
            display: flex;
            justify-content: center;
            gap: 0 30px; }
            #main article section.s-access .container .access-links .insurance-inquiry-inner a {
              flex: 1;
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
              gap: 3px 0;
              height: 120px;
              font-size: 16px;
              color: #7A6F69;
              text-decoration: none;
              border-radius: 20px; }
              #main article section.s-access .container .access-links .insurance-inquiry-inner a p {
                font-weight: 500;
                line-height: 1.2; }
                #main article section.s-access .container .access-links .insurance-inquiry-inner a p.icon {
                  font-weight: 500;
                  padding: 0;
                  position: relative; }
                  #main article section.s-access .container .access-links .insurance-inquiry-inner a p.icon::before {
                    content: "";
                    width: 30px;
                    height: 30px;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translate(0, -50%); }
                #main article section.s-access .container .access-links .insurance-inquiry-inner a p.caution {
                  font-size: 14px; }
              #main article section.s-access .container .access-links .insurance-inquiry-inner a.btn-insurance-tel {
                background: #fff;
                border: 1px solid #ACA49F; }
                #main article section.s-access .container .access-links .insurance-inquiry-inner a.btn-insurance-tel p.icon {
                  font-size: 34px;
                  padding-left: 40px; }
                  #main article section.s-access .container .access-links .insurance-inquiry-inner a.btn-insurance-tel p.icon::before {
                    filter: brightness(0) saturate(100%) invert(44%) sepia(18%) saturate(235%) hue-rotate(337deg) brightness(96%) contrast(87%);
                    background: url(/assets/clinic/skin/images/common/icon-tel.svg) center center/100% auto no-repeat; }
              #main article section.s-access .container .access-links .insurance-inquiry-inner a.btn-insurance-reservation {
                color: #7A6F69;
                background: #F1DDD7; }
                #main article section.s-access .container .access-links .insurance-inquiry-inner a.btn-insurance-reservation p.icon {
                  font-size: 24px;
                  padding-left: 37px;
                  padding-right: 10px; }
                  #main article section.s-access .container .access-links .insurance-inquiry-inner a.btn-insurance-reservation p.icon::before {
                    filter: brightness(0) saturate(100%) invert(44%) sepia(18%) saturate(235%) hue-rotate(337deg) brightness(96%) contrast(87%);
                    background: url(/assets/clinic/skin/images/common/icon-reservation.svg) center center/100% auto no-repeat; }
        #main article section.s-access .container .access-links-caution {
          text-align: center;
          margin: 15px 0 0; }
        #main article section.s-access .container .access-links .access-sns {
          background: #F3F2F1;
          padding: 35px 30px;
          margin: 50px 0 0; }
          #main article section.s-access .container .access-links .access-sns-inner {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px; }
            #main article section.s-access .container .access-links .access-sns-inner a {
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
              width: 445px;
              height: 120px;
              background: #fff;
              border: 1px solid #ACA49F;
              border-bottom: 6px solid #ACA49F;
              text-decoration: none;
              border-radius: 20px; }
              #main article section.s-access .container .access-links .access-sns-inner a p {
                display: flex;
                flex-direction: column;
                font-size: 18px;
                font-weight: 500;
                line-height: 1.2;
                color: #524B47;
                position: relative;
                padding: 0 0 0 65px; }
                #main article section.s-access .container .access-links .access-sns-inner a p::before {
                  content: "";
                  display: block;
                  width: 44px;
                  height: 44px;
                  background-position: center center;
                  background-repeat: no-repeat;
                  background-size: 100% auto;
                  position: absolute;
                  left: 0;
                  top: 50%;
                  transform: translate(0, -50%); }
                #main article section.s-access .container .access-links .access-sns-inner a p .btn-sns-index {
                  font-size: 30px;
                  font-weight: 600; }
              #main article section.s-access .container .access-links .access-sns-inner a.btn-sns-instagram p::before {
                background-image: url(/assets/clinic/skin/images/common/icon-instagram.svg); }
              #main article section.s-access .container .access-links .access-sns-inner a.btn-sns-tiktok p::before {
                background-image: url(/assets/clinic/skin/images/common/icon-tiktok.svg);
                background-size: auto 90%; }
              #main article section.s-access .container .access-links .access-sns-inner a.btn-sns-youtube p::before {
                background-image: url(/assets/clinic/skin/images/common/icon-youtube.svg); }
              #main article section.s-access .container .access-links .access-sns-inner a.btn-sns-x p::before {
                background-image: url(/assets/clinic/skin/images/common/icon-x.svg);
                background-size: auto 90%; }
        #main article section.s-access .container .access-links .access-directions {
          margin: 60px 0 0; }
          #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .tabs, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .tabs {
            gap: 0 12px; }
            #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .tabs > .title, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .tabs > .title {
              display: flex;
              justify-content: center;
              align-items: center;
              min-height: 110px;
              font-size: 15px;
              font-weight: 500;
              color: #A98B89;
              line-height: 1.6;
              border: none;
              text-align: center;
              background: #F3F2F1;
              border-radius: 20px 20px 0 0;
              margin: 0; }
              #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .tabs > .title.-active, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .tabs > .title.-active {
                color: #fff;
                background: #A98B89; }
          #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents {
            border: 1px solid #ACA49F;
            margin: 0;
            padding: 60px 30px;
            border-radius: 0 0 20px 20px;
            z-index: 2;
            position: relative; }
            #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content {
              display: none; }
              #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content.-active, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content.-active {
                display: block; }
              #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content .access-directions-index, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content .access-directions-index {
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 60px;
                font-size: 20px;
                font-weight: 500;
                text-align: center;
                border-top: 1px solid #ACA49F;
                border-bottom: 1px solid #ACA49F;
                padding: 10px;
                margin: 0 0 40px; }
              #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content > ul, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content > ul {
                display: flex;
                justify-content: flex-start;
                flex-wrap: wrap;
                gap: 35px 70px;
                width: 830px;
                margin: 0 auto;
                counter-reset: number; }
                #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content > ul > li, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content > ul > li {
                  counter-increment: number;
                  width: 230px;
                  position: relative;
                  padding: 55px 0 0; }
                  #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content > ul > li::before, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content > ul > li::before {
                    content: counter(number, decimal-leading-zero);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 40px;
                    height: 40px;
                    font-size: 24px;
                    font-weight: 500;
                    line-height: 1;
                    background: #A98B89;
                    color: #FEFBF6;
                    border-radius: 100%;
                    padding: 0 0 4px;
                    position: absolute;
                    left: 50%;
                    top: 0;
                    transform: translate(-50%, 0); }
                  #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content > ul > li .text, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content > ul > li .text {
                    margin: 10px 0 0; }
                    #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content > ul > li .text p, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content > ul > li .text p {
                      font-size: 16px; }
        #main article section.s-access .container .access-links .access_movie {
          margin: 60px 0 0;
          display: flex;
          justify-content: center; }
    @media (max-width: 979px) {
      #main article section.s-access {
        padding: 11vw 0 0; }
        #main article section.s-access .container {
          width: 95%; }
          #main article section.s-access .container .map iframe {
            height: 50vw; }
          #main article section.s-access .container .access-details {
            margin: 5vw 0 0; }
            #main article section.s-access .container .access-details > li + li {
              margin-top: 4vw;
              padding-top: 4vw; }
            #main article section.s-access .container .access-details > li .access-index {
              padding: 0.5vw 0 0 7vw;
              margin: 0 0 1vw; }
              #main article section.s-access .container .access-details > li .access-index::before {
                width: 5vw;
                height: 5vw; }
            #main article section.s-access .container .access-details > li .caution {
              font-size: 3vw; }
            #main article section.s-access .container .access-details > li .access-closed-container {
              flex-direction: column;
              gap: 3vw 0; }
              #main article section.s-access .container .access-details > li .access-closed-container .table table {
                width: 100%;
                border-radius: 2vw; }
                #main article section.s-access .container .access-details > li .access-closed-container .table table tr th,
                #main article section.s-access .container .access-details > li .access-closed-container .table table tr td {
                  font-size: 3vw; }
                #main article section.s-access .container .access-details > li .access-closed-container .table table thead tr th {
                  padding: 2vw 1.5vw; }
                #main article section.s-access .container .access-details > li .access-closed-container .table table tbody tr th,
                #main article section.s-access .container .access-details > li .access-closed-container .table table tbody tr td {
                  padding: 3vw 1.5vw; }
                #main article section.s-access .container .access-details > li .access-closed-container .table table tbody tr td {
                  width: 10vw;
                  font-size: 4vw; }
                #main article section.s-access .container .access-details > li .access-closed-container .table table tbody tr .time {
                  font-size: 3vw;
                  margin: 1vw 0 0; }
          #main article section.s-access .container .access-links {
            margin: 6vw 0 0; }
            #main article section.s-access .container .access-links .skin-inquiry-inner {
              gap: 0 2vw;
              text-align: center;
              margin: 0; }
              #main article section.s-access .container .access-links .skin-inquiry-inner a {
                gap: 0.5vw 0;
                height: 18vw;
                font-size: 3vw;
                border-radius: 3vw; }
                #main article section.s-access .container .access-links .skin-inquiry-inner a .icon {
                  padding: 0 0 0 6vw; }
                  #main article section.s-access .container .access-links .skin-inquiry-inner a .icon::before {
                    width: 5vw; }
                #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-tel {
                  font-size: 5vw;
                  border-width: 1px; }
                  #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-tel .text {
                    font-size: 3vw;
                    margin: 0 0 1vw; }
                  #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-tel .icon::before {
                    background: url(/assets/clinic/skin/branch/images/access_icon05.svg) center center/100% auto no-repeat; }
                #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-reservation {
                  font-size: 4.5vw; }
                  #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-reservation .balloon {
                    width: 35vw;
                    height: 6vw;
                    font-size: 3vw;
                    top: -3.5vw; }
                    #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-reservation .balloon::before, #main article section.s-access .container .access-links .skin-inquiry-inner a.btn-skin-reservation .balloon::after {
                      width: 2vw;
                      height: 2vw; }
            #main article section.s-access .container .access-links .insurance-inquiry {
              padding: 3vw 2.5vw 3.5vw;
              margin: 5vw 0 0; }
              #main article section.s-access .container .access-links .insurance-inquiry > p {
                margin: 0 0 2vw; }
              #main article section.s-access .container .access-links .insurance-inquiry-inner {
                gap: 0 2vw;
                text-align: center;
                margin: 0; }
                #main article section.s-access .container .access-links .insurance-inquiry-inner a {
                  gap: 0.5vw 0;
                  height: 22vw;
                  font-size: 3vw;
                  border-radius: 3vw; }
                  #main article section.s-access .container .access-links .insurance-inquiry-inner a p.icon {
                    padding: 0 0 0.5vw; }
                  #main article section.s-access .container .access-links .insurance-inquiry-inner a p.caution {
                    font-size: 2.5vw; }
                  #main article section.s-access .container .access-links .insurance-inquiry-inner a.btn-insurance-tel p {
                    padding: 0 2vw; }
                    #main article section.s-access .container .access-links .insurance-inquiry-inner a.btn-insurance-tel p.icon {
                      font-size: 5vw;
                      padding-left: 6vw; }
                      #main article section.s-access .container .access-links .insurance-inquiry-inner a.btn-insurance-tel p.icon::before {
                        width: 5vw;
                        height: 5vw; }
                  #main article section.s-access .container .access-links .insurance-inquiry-inner a.btn-insurance-reservation p.icon {
                    font-size: 4vw;
                    padding-left: 6vw;
                    padding-right: 1.5vw; }
                    #main article section.s-access .container .access-links .insurance-inquiry-inner a.btn-insurance-reservation p.icon::before {
                      width: 5vw;
                      height: 5vw; }
            #main article section.s-access .container .access-links-caution {
              line-height: 1.5;
              margin: 2vw 0 0; }
            #main article section.s-access .container .access-links .access-sns {
              padding: 3vw 3vw 3.5vw;
              margin: 6vw 0 0; }
              #main article section.s-access .container .access-links .access-sns-inner {
                gap: 3vw 3%; }
                #main article section.s-access .container .access-links .access-sns-inner a {
                  width: 48.5%;
                  height: 20vw;
                  border-bottom: 1.2vw solid #ACA49F;
                  border-radius: 3vw; }
                  #main article section.s-access .container .access-links .access-sns-inner a p {
                    font-size: 3vw;
                    padding: 0 0 0 10vw; }
                    #main article section.s-access .container .access-links .access-sns-inner a p::before {
                      width: 6vw;
                      height: 6vw;
                      left: 2vw; }
                    #main article section.s-access .container .access-links .access-sns-inner a p .btn-sns-index {
                      font-size: 5vw; }
            #main article section.s-access .container .access-links .access-directions {
              margin: 7vw 0 0; }
              #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .tabs, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .tabs {
                gap: 0 1.5vw; }
                #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .tabs > .title, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .tabs > .title {
                  min-height: inherit;
                  font-size: 2.5vw;
                  border-radius: 3vw 3vw 0 0;
                  margin: 0;
                  padding: 1vw; }
                  #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .tabs > .title br, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .tabs > .title br {
                    display: none; }
              #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents {
                padding: 5vw 3vw;
                border-radius: 0 0 3vw 3vw; }
                #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content .access-directions-index, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content .access-directions-index {
                  min-height: 10vw;
                  font-size: 4vw;
                  padding: 1.5vw 1.5vw 1.75vw;
                  margin: 0 0 5vw; }
                #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content > ul, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content > ul {
                  gap: 3.5vw 3%;
                  width: 100%; }
                  #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content > ul > li, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content > ul > li {
                    width: 48.5%;
                    padding: 10vw 0 0; }
                    #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content > ul > li::before, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content > ul > li::before {
                      width: 8vw;
                      height: 8vw;
                      font-size: 4.5vw;
                      padding: 0 0 0.5vw; }
                    #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content > ul > li .text, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content > ul > li .text {
                      margin: 1.5vw 0 0; }
                      #main article section.s-access .container .access-links .access-directions .tabacc.-pc-tab > .contents .content > ul > li .text p, #main article section.s-access .container .access-links .access-directions .tabacc.-sp-tab > .contents .content > ul > li .text p {
                        font-size: 3vw; }
            #main article section.s-access .container .access-links .access_movie {
              margin: 7vw 0 0; } }

#modal-vaccine.modal,
#modal-age.modal {
  color: #524B47; }
  #modal-vaccine.modal h4.heading-line,
  #modal-age.modal h4.heading-line {
    border-color: #EA6179; }
  #modal-vaccine.modal a.close-modal,
  #modal-age.modal a.close-modal {
    background: #524B47; }

#modal-age .list-note .item::before {
  content: "・"; }