@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");
/* 青は使わない */
@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); } } }

:root {
  font-family: "fot-cezanne-pron", sans-serif;
  font-weight: 400;
  font-style: normal; }

body {
  padding: 150px 0 0; }
  @media only screen and (max-width: 979px) {
    body {
      padding: 0 0 20vw; } }

header#header-skinclinic {
  width: 100%;
  position: fixed;
  top: 40px;
  left: 0;
  z-index: 96; }
  header#header-skinclinic .header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 980px;
    height: 70px;
    padding: 0 100px 0 0;
    margin: 0 auto; }
  header#header-skinclinic .header-left {
    flex: 1; }
  header#header-skinclinic .header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0 30px; }
  header#header-skinclinic .header-logo {
    width: 330px; }
  header#header-skinclinic .header-tel a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 1;
    color: #7A6F69;
    padding: 0 0 0.15em 40px;
    position: relative;
    text-decoration: none; }
    header#header-skinclinic .header-tel a::before {
      content: "";
      display: block;
      width: 31px;
      height: 31px;
      background: url(/assets/clinic/skin/images/common/icon-tel.svg) center center/100% auto no-repeat;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%); }
  header#header-skinclinic .header-reservation a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 46px;
    font-size: 19px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    background: url(/assets/clinic/skin/images/common/icon-reservation.svg) 42px 13px/26px auto no-repeat, #A98B89;
    padding: 2px 0 0 30px;
    border-radius: 1000px;
    position: relative; }
    header#header-skinclinic .header-reservation a .balloon {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 147px;
      height: 27px;
      font-size: 14px;
      font-weight: 500;
      color: #A98B89;
      text-shadow: none;
      background: #fff;
      border: 1px solid #A98B89;
      border-radius: 1000px;
      position: absolute;
      left: 50%;
      top: -20px;
      transform: translate(-50%, 0); }
      header#header-skinclinic .header-reservation a .balloon::before, header#header-skinclinic .header-reservation a .balloon::after {
        content: "";
        display: block;
        width: 9px;
        height: 8px;
        background: #A98B89;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 0); }
      header#header-skinclinic .header-reservation a .balloon::after {
        background: #fff;
        transform: translate(-50%, -2px); }
  @media only screen and (max-width: 979px) {
    header#header-skinclinic {
      height: 20vw;
      position: relative;
      top: inherit;
      left: inherit; }
      header#header-skinclinic .header-inner {
        height: 100%;
        gap: 0;
        width: 100%;
        padding: 2vw 4vw; }
      header#header-skinclinic .header-left {
        width: 100%; }
      header#header-skinclinic .header-right {
        width: 100%;
        gap: 0 1.5vw;
        position: fixed;
        left: 0;
        bottom: 0; }
      header#header-skinclinic .header-logo {
        width: 50vw; }
      header#header-skinclinic .header-tel {
        flex: 1; }
        header#header-skinclinic .header-tel a {
          width: 100%;
          height: 13vw;
          font-size: 4.5vw;
          font-weight: 400;
          color: #fff;
          background: url(/assets/clinic/skin/images/common/icon-tel-white.svg) 6vw center/5.5vw auto no-repeat #7A6F69;
          padding: 0 0 0 6vw;
          border-radius: 4vw 4vw 0 0; }
          header#header-skinclinic .header-tel a::before {
            display: none; }
      header#header-skinclinic .header-reservation {
        flex: 1; }
        header#header-skinclinic .header-reservation a {
          width: 100%;
          height: 13vw;
          font-size: 4.5vw;
          font-weight: 400;
          background: url(/assets/clinic/skin/images/common/icon-reservation.svg) 10vw 4.5vw/6.5vw auto no-repeat, #EA6179;
          padding: 0.5vw 0 0 6vw;
          border-radius: 4vw 4vw 0 0; }
          header#header-skinclinic .header-reservation a span {
            width: 35vw;
            height: 6vw;
            font-size: 3vw;
            top: -3vw; }
            header#header-skinclinic .header-reservation a span::before, header#header-skinclinic .header-reservation a span::after {
              width: 2vw;
              height: 1.8vw; } }

.skinclinic-header {
  font-size: 14px; }
  .skinclinic-header-nav__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border: 1px solid rgba(220, 216, 214, 0.9);
    background: rgba(255, 255, 255, 0.7);
    border-radius: 1000px;
    position: fixed;
    right: 50%;
    top: 40px;
    transform: translate(calc(50% + 455px), 0);
    z-index: 98;
    cursor: pointer;
    transition: all 0.5s 0s ease; }
    .skinclinic-header-nav__trigger .icon {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 32px;
      height: 19px;
      margin: 0;
      position: relative; }
      .skinclinic-header-nav__trigger .icon span {
        width: 100%;
        height: 2px;
        position: absolute;
        inset: 0;
        margin: auto;
        background: #ACA49F !important; }
        .skinclinic-header-nav__trigger .icon span::before, .skinclinic-header-nav__trigger .icon span::after {
          content: "";
          width: 100%;
          height: 100%;
          background: #ACA49F;
          position: absolute;
          left: 0; }
        .skinclinic-header-nav__trigger .icon span::before {
          top: -10px; }
        .skinclinic-header-nav__trigger .icon span::after {
          width: 80%;
          left: 20%;
          bottom: -10px; }
    .skinclinic-header-nav__trigger.in {
      position: fixed;
      right: 30px;
      top: 40px;
      transform: translate(0, 0); }
      .skinclinic-header-nav__trigger.in .icon span {
        background: transparent !important;
        animation: trigger-skinclinic 0.5s forwards; }
        .skinclinic-header-nav__trigger.in .icon span:before {
          animation: trigger-skinclinic01 0.5s forwards; }
        .skinclinic-header-nav__trigger.in .icon span:after {
          width: 100%;
          left: 0;
          animation: trigger-skinclinic02 0.5s forwards; }
    .skinclinic-header-nav__trigger.out .icon span {
      animation: trigger-skinclinicAt 0.5s forwards; }
      .skinclinic-header-nav__trigger.out .icon span:before {
        animation: trigger-skinclinic01At 0.5s forwards; }
      .skinclinic-header-nav__trigger.out .icon span:after {
        animation: trigger-skinclinic02At 0.5s forwards; }
  .skinclinic-header-menu {
    height: 100vh;
    background: #F3F2F1;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 97;
    width: 0;
    transition: width cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-duration: 600ms;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    .skinclinic-header-menu.active {
      width: 520px; }
    .skinclinic-header-menu__wrap {
      width: 520px;
      padding: 160px 70px 20px; }
      .skinclinic-header-menu__wrap .subpage-links > li {
        border-top: 1px dashed #ACA49F; }
        .skinclinic-header-menu__wrap .subpage-links > li:last-child {
          border-bottom: 1px dashed #ACA49F; }
        .skinclinic-header-menu__wrap .subpage-links > li a {
          display: flex;
          justify-content: space-between;
          align-items: center;
          min-height: 90px;
          text-decoration: none;
          padding: 15px 15px 15px 35px;
          position: relative; }
          .skinclinic-header-menu__wrap .subpage-links > li a::before {
            content: "";
            width: 20px;
            height: 20px;
            background: url(/assets/clinic/skin/images/common/icon-arrow.svg) center center/11px auto no-repeat #A98B89;
            border-radius: 1000px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translate(0, -50%); }
          .skinclinic-header-menu__wrap .subpage-links > li a span {
            display: flex; }
            .skinclinic-header-menu__wrap .subpage-links > li a span.ja {
              font-size: 20px;
              font-weight: 500;
              color: #A98B89; }
            .skinclinic-header-menu__wrap .subpage-links > li a span.en {
              font-family: "Cormorant Infant", serif;
              font-optical-sizing: auto;
              font-weight: 300;
              font-style: normal;
              font-size: 22px;
              color: #ACA49F; }
      .skinclinic-header-menu__wrap .btn {
        margin: 40px 0 0; }
        .skinclinic-header-menu__wrap .btn + .btn {
          margin-top: 25px; }
        .skinclinic-header-menu__wrap .btn a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 80px;
          font-weight: 500;
          color: #fff;
          border-radius: 20px;
          text-decoration: none;
          position: relative; }
          .skinclinic-header-menu__wrap .btn a .icon {
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 1;
            position: relative;
            padding: 10px 0 13px 40px; }
            .skinclinic-header-menu__wrap .btn a .icon::before {
              content: "";
              display: block;
              width: 33px;
              height: 100%;
              position: absolute;
              left: 0;
              top: 0; }
          .skinclinic-header-menu__wrap .btn a.tel {
            font-size: 30px;
            background: #7A6F69; }
            .skinclinic-header-menu__wrap .btn a.tel .icon::before {
              background: url(/assets/clinic/skin/images/common/icon-tel-white.svg) center center/100% auto no-repeat; }
          .skinclinic-header-menu__wrap .btn a.reservation {
            font-size: 26px;
            background: #A98B89;
            margin-top: 40px; }
            .skinclinic-header-menu__wrap .btn a.reservation .icon::before {
              background: url(/assets/clinic/skin/images/common/icon-reservation.svg) center center/100% auto no-repeat; }
            .skinclinic-header-menu__wrap .btn a.reservation .balloon {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 228px;
              height: 34px;
              font-size: 19px;
              font-weight: 500;
              color: #A98B89;
              background: #fff;
              border: 2px solid #A98B89;
              border-radius: 1000px;
              position: absolute;
              left: 50%;
              top: -18px;
              transform: translate(-50%, 0); }
              .skinclinic-header-menu__wrap .btn a.reservation .balloon::before, .skinclinic-header-menu__wrap .btn a.reservation .balloon::after {
                content: "";
                display: block;
                width: 10px;
                height: 9px;
                background: #A98B89;
                clip-path: polygon(0 0, 100% 0, 50% 100%);
                position: absolute;
                top: 100%;
                left: 50%;
                transform: translate(-50%, 0); }
              .skinclinic-header-menu__wrap .btn a.reservation .balloon::after {
                background: #fff;
                transform: translate(-50%, -2px); }
      .skinclinic-header-menu__wrap .other-links {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0 30px;
        margin: 40px 0 0; }
        .skinclinic-header-menu__wrap .other-links > li.insta {
          width: 37px;
          height: 37px; }
          .skinclinic-header-menu__wrap .other-links > li.insta a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background: url(/assets/clinic/skin/images/common/icon-instagram.svg) center center/100% auto no-repeat; }
        .skinclinic-header-menu__wrap .other-links > li.btn-hp a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 300px;
          height: 80px;
          font-weight: 500;
          line-height: 1.4;
          text-align: center;
          color: #fff;
          border-radius: 20px;
          text-decoration: none;
          font-size: 20px;
          background: #EA6179; }
  @media only screen and (max-width: 979px) {
    .skinclinic-header {
      font-size: 3vw; }
      .skinclinic-header-nav__trigger {
        width: 12vw;
        height: 12vw;
        right: 3.5vw;
        top: 4vw;
        transform: translate(0, 0); }
        .skinclinic-header-nav__trigger .icon {
          width: 6vw;
          height: 1vw;
          margin: 0;
          position: relative; }
          .skinclinic-header-nav__trigger .icon span::before {
            top: -2vw; }
          .skinclinic-header-nav__trigger .icon span::after {
            bottom: -2vw; }
        .skinclinic-header-nav__trigger.in {
          right: 3.5vw;
          top: 4vw; }
      .skinclinic-header-menu.active {
        width: 80vw; }
      .skinclinic-header-menu__wrap {
        width: 80vw;
        padding: 20vw 8vw 2vw; }
        .skinclinic-header-menu__wrap .subpage-links > li a {
          min-height: 12vw;
          padding: 2vw 2vw 2vw 6.5vw; }
          .skinclinic-header-menu__wrap .subpage-links > li a::before {
            width: 4.5vw;
            height: 4.5vw;
            background: url(/assets/clinic/skin/images/common/icon-arrow.svg) center center/2vw auto no-repeat #A98B89; }
          .skinclinic-header-menu__wrap .subpage-links > li a span.ja {
            font-size: 4vw; }
          .skinclinic-header-menu__wrap .subpage-links > li a span.en {
            font-size: 4vw; }
        .skinclinic-header-menu__wrap .btn {
          margin: 6vw 0 0; }
          .skinclinic-header-menu__wrap .btn + .btn {
            margin-top: 3vw; }
          .skinclinic-header-menu__wrap .btn a {
            height: 14vw;
            border-radius: 3vw; }
            .skinclinic-header-menu__wrap .btn a .icon {
              padding: 1vw 0 1vw 8vw; }
              .skinclinic-header-menu__wrap .btn a .icon::before {
                width: 5vw; }
            .skinclinic-header-menu__wrap .btn a.tel {
              font-size: 5vw; }
            .skinclinic-header-menu__wrap .btn a.reservation {
              font-size: 4.5vw;
              margin-top: 6vw; }
              .skinclinic-header-menu__wrap .btn a.reservation .balloon {
                width: 40vw;
                height: 6vw;
                font-size: 3vw;
                top: -3.5vw; }
                .skinclinic-header-menu__wrap .btn a.reservation .balloon::before, .skinclinic-header-menu__wrap .btn a.reservation .balloon::after {
                  width: 2vw;
                  height: 2vw; }
        .skinclinic-header-menu__wrap .other-links {
          gap: 0 3vw;
          margin: 6vw 0 0; }
          .skinclinic-header-menu__wrap .other-links > li.insta {
            width: 7vw;
            height: 7vw; }
          .skinclinic-header-menu__wrap .other-links > li.btn-hp a {
            width: 100%;
            height: 18vw;
            border-radius: 3vw;
            font-size: 4vw;
            padding: 0 4vw; } }

:target:before {
  height: 150px;
  margin-top: -150px;
  content: " ";
  display: block; }
  @media only screen and (max-width: 979px) {
    :target:before {
      height: 12vw;
      margin-top: -12vw; } }

#main {
  margin: 0; }

article {
  overflow: hidden; }
  article section {
    color: #524B47;
    font-size: 20px; }
    @media (max-width: 979px) {
      article section {
        font-size: 3.5vw; } }
    article section em {
      font-style: normal; }

#footer-skinclinic {
  margin: 150px 0 0; }
  @media only screen and (max-width: 979px) {
    #footer-skinclinic {
      margin: 15vw 0 0; } }
  #footer-skinclinic .footer-bg {
    background: #F3F2F1;
    background: linear-gradient(0deg, #F3F2F1 50%, rgba(242, 241, 240, 0) 50%); }
  #footer-skinclinic .footer-clinic {
    padding: 100px 0;
    background: #FAFAFA;
    border-radius: 80px;
    box-shadow: 0 10px 20px rgba(82, 75, 71, 0.05); }
    #footer-skinclinic .footer-clinic header.footer-index {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      max-width: 980px;
      color: #ACA49F;
      border-bottom: 1px solid #ACA49F;
      padding: 0 0 15px;
      margin: 0 auto 60px;
      position: relative; }
      #footer-skinclinic .footer-clinic header.footer-index::before {
        content: "";
        display: block;
        width: 100px;
        height: 3px;
        background: #ACA49F;
        position: absolute;
        bottom: -2px;
        right: 0; }
      #footer-skinclinic .footer-clinic header.footer-index 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; }
      #footer-skinclinic .footer-clinic header.footer-index h2 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.2; }
    #footer-skinclinic .footer-clinic .container {
      width: 980px;
      height: 790px;
      background: url(/assets/clinic/skin/images/common/clinic01.png) center top no-repeat;
      margin: 0 auto;
      position: relative; }
      #footer-skinclinic .footer-clinic .container ul.clinic > li p {
        font-size: 20px;
        line-height: 1.4;
        text-align: center;
        margin: 0 0 5px;
        color: #524B47; }
      #footer-skinclinic .footer-clinic .container ul.clinic > li ul.area + p {
        margin-top: 15px; }
      #footer-skinclinic .footer-clinic .container ul.clinic > li ul.area li + li {
        margin-top: 10px; }
      #footer-skinclinic .footer-clinic .container ul.clinic > li ul.area li a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 200px;
        min-height: 45px;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.2;
        color: #7A6F69;
        text-decoration: none;
        background: #fff;
        border: 1px solid #ACA49F;
        border-radius: 1000px;
        padding: 5px 20px;
        position: relative; }
        #footer-skinclinic .footer-clinic .container ul.clinic > li ul.area li a::before {
          content: "";
          display: block;
          width: 7px;
          height: 10px;
          background: #ACA49F;
          clip-path: polygon(0 0, 100% 50%, 0 100%, 35% 50%);
          position: absolute;
          right: 10px;
          top: 50%;
          transform: translate(0, -50%); }
        #footer-skinclinic .footer-clinic .container ul.clinic > li ul.area li a.small {
          font-size: 16px; }
      #footer-skinclinic .footer-clinic .container ul.clinic > li[class^="area"] {
        position: absolute; }
      #footer-skinclinic .footer-clinic .container ul.clinic > li.area01 {
        right: 390px;
        top: 5px; }
      #footer-skinclinic .footer-clinic .container ul.clinic > li.area02 {
        right: 65px;
        bottom: 90px; }
      #footer-skinclinic .footer-clinic .container ul.clinic > li.area03 {
        right: 390px;
        bottom: 50px; }
      #footer-skinclinic .footer-clinic .container ul.clinic > li.area04 {
        left: 58px;
        top: 150px; }
      #footer-skinclinic .footer-clinic .container ul.clinic > li.area05 {
        left: 58px;
        bottom: 0; }
    @media only screen and (max-width: 979px) {
      #footer-skinclinic .footer-clinic {
        padding: 12vw 0;
        border-radius: 8vw;
        box-shadow: 0 1.5vw 2.5vw rgba(82, 75, 71, 0.05); }
        #footer-skinclinic .footer-clinic .header-section {
          max-width: 90vw; }
        #footer-skinclinic .footer-clinic header.footer-index {
          max-width: 90vw;
          padding: 0 0 2vw;
          margin: 0 auto 7vw; }
          #footer-skinclinic .footer-clinic header.footer-index::before {
            width: 20vw; }
          #footer-skinclinic .footer-clinic header.footer-index p {
            font-size: 8vw; }
          #footer-skinclinic .footer-clinic header.footer-index h2 {
            font-size: 3.5vw; }
        #footer-skinclinic .footer-clinic .container {
          width: 90vw;
          height: 110vw;
          background-size: 90% auto; }
          #footer-skinclinic .footer-clinic .container ul.clinic > li p {
            font-size: 3.5vw;
            margin: 0 0 1vw; }
          #footer-skinclinic .footer-clinic .container ul.clinic > li ul.area + p {
            margin-top: 2vw; }
          #footer-skinclinic .footer-clinic .container ul.clinic > li ul.area li + li {
            margin-top: 1.5vw; }
          #footer-skinclinic .footer-clinic .container ul.clinic > li ul.area li a {
            width: 27vw;
            min-height: 7vw;
            font-size: 2.7vw;
            text-align: center;
            padding: 0.6vw 3vw 0.4vw; }
            #footer-skinclinic .footer-clinic .container ul.clinic > li ul.area li a.small {
              font-size: 2.2vw; }
            #footer-skinclinic .footer-clinic .container ul.clinic > li ul.area li a::before {
              width: 1.2vw;
              height: 1.8vw;
              right: 1.25vw; }
          #footer-skinclinic .footer-clinic .container ul.clinic > li[class^="area"] {
            position: absolute; }
          #footer-skinclinic .footer-clinic .container ul.clinic > li.area01 {
            right: 33vw;
            top: 1vw; }
          #footer-skinclinic .footer-clinic .container ul.clinic > li.area02 {
            right: 0;
            bottom: 0; }
          #footer-skinclinic .footer-clinic .container ul.clinic > li.area03 {
            right: 33vw;
            bottom: 8.5vw; }
          #footer-skinclinic .footer-clinic .container ul.clinic > li.area04 {
            left: 0;
            top: 15vw; }
          #footer-skinclinic .footer-clinic .container ul.clinic > li.area05 {
            left: 0;
            bottom: 0; } }
  #footer-skinclinic .footer-sns {
    padding: 100px 0; }
    #footer-skinclinic .footer-sns ul {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0 30px; }
      #footer-skinclinic .footer-sns ul > li {
        width: 52px;
        height: 52px; }
        #footer-skinclinic .footer-sns ul > li a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%; }
          #footer-skinclinic .footer-sns ul > li a.insta {
            background: url(/assets/clinic/skin/images/common/icon-instagram.svg) center center/100% auto no-repeat; }
          #footer-skinclinic .footer-sns ul > li a.tiktok {
            background: url(/assets/clinic/skin/images/common/icon-tiktok.svg) center center/auto 90% no-repeat; }
          #footer-skinclinic .footer-sns ul > li a.youtube {
            background: url(/assets/clinic/skin/images/common/icon-youtube.svg) center center/100% auto no-repeat; }
          #footer-skinclinic .footer-sns ul > li a.xxx {
            background: url(/assets/clinic/skin/images/common/icon-x.svg) center center/auto 90% no-repeat; }
    @media only screen and (max-width: 979px) {
      #footer-skinclinic .footer-sns {
        padding: 12vw 0; }
        #footer-skinclinic .footer-sns ul {
          gap: 0 5vw; }
          #footer-skinclinic .footer-sns ul > li {
            width: 8vw;
            height: 8vw; } }
  #footer-skinclinic footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 100px 0; }
    #footer-skinclinic footer .footer-logo img {
      width: 300px;
      height: auto; }
    #footer-skinclinic footer p {
      font-size: 14px;
      color: #7A6F69;
      line-height: 1;
      margin: 25px 0 0; }
    @media only screen and (max-width: 979px) {
      #footer-skinclinic footer {
        padding: 12vw 0 6vw; }
        #footer-skinclinic footer .footer-logo img {
          width: 45vw; }
        #footer-skinclinic footer p {
          font-size: 2.5vw;
          margin: 4vw 0 0; } }