@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 pc style
==================================================================================*/
@media (min-width: 768px) {
  article.contents .sections .items {
    gap: min(120px, 9.375vw) 5%;
  }
}
@media (min-width: 768px) {
  article.contents .sections .items li {
    flex: 0 0 30%;
  }
  article.contents .sections .items li.halfSize {
    flex: 0 0 47.5%;
  }
  article.contents .sections .items li.doubleSize {
    flex: 0 0 65%;
  }
  article.contents .sections .items li.fullSize {
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) {
  article.contents section.structure .items li .image {
    text-align: center;
  }
  article.contents section.structure .items li .image img {
    width: min(390px, 30.46875vw);
  }
}
article.contents section.structure .items li:first-child .image02 {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  article.contents section.structure .items li:first-child {
    box-sizing: border-box;
    position: relative;
  }
  article.contents section.structure .items li:first-child dl,
  article.contents section.structure .items li:first-child .text01,
  article.contents section.structure .items li:first-child .image01 {
    padding-right: 52.5%;
  }
  article.contents section.structure .items li:first-child .rightArea {
    position: absolute;
    top: min(55px, 4.296875vw);
    right: 0;
    width: min(608px, 47.5vw);
  }
  article.contents section.structure .items li:first-child .annotation {
    padding-top: min(70px, 5.46875vw);
  }
}
@media (min-width: 768px) {
  article.contents section.structure .items li:nth-child(5) .image {
    padding-top: min(70px, 5.46875vw);
  }
}
@media (min-width: 768px) {
  article.contents section.privacy .items li .image {
    text-align: center;
  }
  article.contents section.privacy .items li .image img {
    width: min(427px, 33.359375vw);
  }
}
@media (min-width: 768px) {
  article.contents section.privacy .items li:first-child .image {
    padding-top: min(55px, 4.296875vw);
  }
}
@media (min-width: 768px) {
  article.contents section.privacy .items li:nth-child(4) .image {
    padding-top: min(70px, 5.46875vw);
  }
}
article.contents section.safety {
  position: relative;
}
@media (min-width: 768px) {
  article.contents section.safety .items01 {
    width: 47.5%;
  }
  article.contents section.safety .items01 li {
    flex: 0 0 100% !important;
  }
}
@media (min-width: 768px) {
  article.contents section.safety .items01 li:first-child .image {
    padding-top: min(55px, 4.296875vw);
  }
}
@media (min-width: 768px) {
  article.contents section.safety .items01 li:nth-child(4) .image {
    padding-top: min(70px, 5.46875vw);
  }
}
@media (min-width: 768px) {
  article.contents section.safety .items02 {
    flex-direction: column;
    position: absolute;
    top: min(120px, 9.375vw);
    right: 0;
    padding-top: 0;
    width: 47.5%;
  }
  article.contents section.safety .items02 li {
    flex: 0 0 100% !important;
  }
}
@media (min-width: 768px) {
  article.contents section.safety .items03 li .image {
    text-align: center;
  }
  article.contents section.safety .items03 li .image img {
    width: min(397.5px, 31.0546875vw);
  }
}
@media (min-width: 768px) {
  article.contents section.safety .items03 li:first-child .image {
    padding-top: min(55px, 4.296875vw);
  }
}
@media (min-width: 768px) {
  article.contents section.safety .items03 li:nth-child(3) .image {
    padding-top: min(100px, 7.8125vw);
  }
}
article.contents section.security .inSec01 .items li:first-child .image {
  padding-top: 0;
}
article.contents section.security .inSec01 .items li:first-child dd .logo {
  margin: 0;
  width: 40%;
  max-width: 213px;
}
@media (min-width: 768px) {
  article.contents section.security .inSec01 .items li:first-child {
    box-sizing: border-box;
    position: relative;
    padding-bottom: min(180px, 14.0625vw);
  }
  article.contents section.security .inSec01 .items li:first-child dl {
    width: min(668px, 52.1875vw);
  }
  article.contents section.security .inSec01 .items li:first-child .image {
    position: absolute;
    top: 0;
    right: 0;
    width: min(596px, 46.5625vw);
  }
}
article.contents section.security .inSec01 .items li:nth-child(2) .image {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  article.contents section.security .inSec01 .items li:nth-child(2) {
    box-sizing: border-box;
    position: relative;
    padding-bottom: min(30px, 2.34375vw);
  }
  article.contents section.security .inSec01 .items li:nth-child(2) dl {
    width: min(507px, 39.609375vw);
  }
  article.contents section.security .inSec01 .items li:nth-child(2) .image {
    position: absolute;
    top: 0;
    right: 0;
    width: min(752px, 58.75vw);
  }
}
@media (min-width: 768px) {
  article.contents section.security .inSec02 .items li .image {
    text-align: center;
  }
  article.contents section.security .inSec02 .items li .image img {
    width: min(322px, 25.15625vw);
  }
}
article.contents .environmentBanner {
  margin-top: 50px;
  padding-top: 30px;
  border-top: 3px solid #000;
  text-align: center;
}
article.contents .environmentBanner img {
  width: 31%;
}

/*==================================================================================
 tablet style
==================================================================================*/
/*==================================================================================
 sp style
==================================================================================*/
@media (max-width: 767px) {
  article.contents section.structure .items li:first-child .annotation {
    padding-top: 3vw;
  }
  article.contents .environmentBanner {
    margin-top: 40px;
  }
  article.contents .environmentBanner img {
    width: 75%;
  }
}

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