@charset "UTF-8";
/*--------------------------------------------------------
定数
--------------------------------------------------------*/

@media screen and (max-width: 750px) {
  .wi750 {
    width: 100%;
  }

  .img_center {
    margin-left: 0px;
  }

  body {
    min-width: 100%;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  .margint20 {
    margin-top: 4%;
  }

  .margint50 {
    margin-top: 7%;
  }

  .margint100 {
    margin-top: 12%;
  }

  .margint200 {
    margin-top: 22%;
  }

  .hidden800 {
    display: none;
  }

  .break_800:before {
    content: "\A";
    white-space: pre;
  }

  .slick-slide img {
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
  }

  .progress-bar {
    margin-top: 4%;
  }

  .caution {
    font-size: 3.2vw;
  }

  .nfug_02,
  .nfug_05,
  .nfug_06,
  .nfug_08,
  .nfug_10,
  .nfug_12 {
    width: 100%;
  }

  .nfug_swipe {
    width: 19%;
  }

  .arrow {
    width: 10.9%;
  }


  #mainLayout {
    height: calc(var(--vh, 1vh) * 100); /* ← これが重要 */
  }


}

@media screen and (max-width: 500px) {
  .hidden500 {
    display: none;
  }

  .break_500:before {
    content: "\A";
    white-space: pre;
  }

  .caution {
    font-size: 4vw;
  }

  
}
@media screen and (max-width: 375px) {

  #area1 {
    transform: scale(0.8);
    margin-top:-8vh;
    margin-bottom:-8vh;
  }
  
}
@media screen and (max-height: 330px) {

  #area1 {
    transform: scale(0.28);
    margin-top:-98vh;
    margin-bottom:-98vh;
  }
  
}
@media screen and (max-height: 320px) {

  #area1 {
    transform: scale(0.25);
    margin-top:-108vh;
    margin-bottom:-108vh;
  }
  
}