@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); } } }

#main article section.s-mv {
  background: url(/assets/clinic/skin/branch/shibuya/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 header h1 {
    font-size: 37px; }
  #main article section.s-mv .mv-inner .mv-caution {
    font-size: 17px;
    line-height: 1.4;
    color: #7A6F69;
    border-radius: 10px;
    margin: 0 0 290px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10; }
  @media (max-width: 979px) {
    #main article section.s-mv {
      background-size: auto 69%, auto 100%;
      background-position: right -102vw top, center top; }
      #main article section.s-mv .mv-inner {
        min-height: 109vw; }
        #main article section.s-mv .mv-inner header h1 {
          font-size: 5vw; }
        #main article section.s-mv .mv-inner .mv-caution {
          font-size: 3vw;
          line-height: 1.5;
          border-radius: 2vw;
          width: auto;
          margin: 0 3vw 41.5vw;
          padding: 1.5vw 1vw; } }