@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 .mv-inner header h1 {
  font-size: 37px; }

@media (max-width: 979px) {
  #main article section.s-mv .mv-inner header h1 {
    font-size: 5vw; } }