@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 pc style
==================================================================================*/
article.contents h2 {
  padding: clamp(80px, 11.11111vw, 140px) 0 clamp(70px, 9.722222vw, 120px);
}
article.contents .panoramaArea {
  padding-bottom: clamp(50px, 6.94444vw, 90px);
}
article.contents .panoramaArea .image {
  padding-bottom: clamp(5px, .694444vw, 10px);
}
article.contents section.supports h3 {
  padding-bottom: clamp(12px, 1.66666vw, 22px);
}
article.contents section.supports .items li {
  padding: clamp(30px, 4.16666vw, 50px);
  border: 1px solid #231815;
}
article.contents section.supports .items li:not(:last-child) {
  margin-bottom: clamp(50px, 6.94444vw, 90px);
}
article.contents section.supports .items .text02 {
  padding-bottom: clamp(10px, 1.38888vw, 16px);
}
article.contents section.supports .items .image {
  padding-top: clamp(20px, 2.77777vw, 40px);
}
article.contents section.supports .items .flexImages {
  display: flex;
  justify-content: space-between;
}
article.contents section.supports .items .flexImages img {
  flex: 0 0 auto;
  width: 48%;
}

/*==================================================================================
 tablet style
==================================================================================*/
/*==================================================================================
 sp style
==================================================================================*/
@media (max-width: 767px) {
  article.contents h2 {
    padding: 16vw 0 14vw;
  }
  article.contents .panoramaArea {
    padding-bottom: 10vw;
  }
  article.contents .panoramaArea .image {
    margin-bottom: 2vw;
    padding-bottom: 2vw;
    overflow: auto;
  }
  article.contents .panoramaArea .image img {
    min-width: 800px;
  }
  article.contents .panoramaArea .text {
    text-align: left;
  }
  article.contents .panoramaArea .text span {
    display: block;
    line-height: 1.3;
  }
  article.contents section.supports h3 {
    padding-bottom: 3vw;
  }
  article.contents section.supports .items li {
    padding: 5vw 4vw;
  }
  article.contents section.supports .items li:not(:last-child) {
    margin-bottom: 10vw;
  }
  article.contents section.supports .items .text02 {
    padding-bottom: 2vw;
  }
  article.contents section.supports .items .image {
    padding-top: 4vw;
  }
  article.contents section.supports .items .flexImages {
    flex-direction: column;
    justify-content: normal;
    gap: 5vw 0;
  }
  article.contents section.supports .items .flexImages img {
    width: auto;
  }
}

/*# sourceMappingURL=private.css.map */