@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
/*===========================PC====================================== */


/*===========================tab====================================== */
@media screen and (min-width: 469px) and (max-width: 768px){




}
/*===========================tab END====================================== */
/*===========================sp====================================== */
@media only screen and (max-width: 468px){






}
/*===========================sp END====================================== */












/*===========================template====================================== */
.flex1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .flex1._top {
    align-items: flex-start;
  }
  .flex1._center {
    align-items: center;
  }
  .flex1:before {
    width: calc(100% / 1 - 1%);
    content: "";
    order: 1;
  }
  .flex1:before {
    width: calc(100% / 1 - 1%);
    content: "";
    order: 1;
  }
  .flex1:after {
    width: calc(100% / 1 - 1%);
    content: "";
    order: 2;
  }
  .flex1 .box {
    width: calc(100% / 1 - 1%);
    margin-bottom: 2%;
  }
  @media screen and (max-width: 834px) {
    ._tabwidth1 .box {
      width: 100%;
    }
  
    ._tabwidth2 .box {
      width: calc(100% / 2 - 1%);
    }
  
    ._tabwidth3 .box {
      width: calc(100% / 3 - 1%);
    }
  }
  @media screen and (max-width: 640px) {
    ._spwidth1 .box {
      width: 100%;
    }
  
    ._spwidth2 .box {
      width: calc(100% / 2 - 1%);
    }
  
    ._spwidth3 .box {
      width: calc(100% / 3 - 1%);
    }
  }
  .flex1 .box img {
    width: 100% !important;
  }
  
  .flex2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .flex2._top {
    align-items: flex-start;
  }
  .flex2._center {
    align-items: center;
  }
  .flex2:before {
    width: calc(100% / 2 - 1%);
    content: "";
    order: 1;
  }
  .flex2:before {
    width: calc(100% / 2 - 1%);
    content: "";
    order: 1;
  }
  .flex2:after {
    width: calc(100% / 2 - 1%);
    content: "";
    order: 2;
  }
  .flex2 .box {
    width: calc(100% / 2 - 1%);
    margin-bottom: 2%;
  }
  @media screen and (max-width: 834px) {
    ._tabwidth1 .box {
      width: 100%;
    }
  
    ._tabwidth2 .box {
      width: calc(100% / 2 - 1%);
    }
  
    ._tabwidth3 .box {
      width: calc(100% / 3 - 1%);
    }
  }
  @media screen and (max-width: 640px) {
    ._spwidth1 .box {
      width: 100%;
    }
  
    ._spwidth2 .box {
      width: calc(100% / 2 - 1%);
    }
  
    ._spwidth3 .box {
      width: calc(100% / 3 - 1%);
    }
  }
  .flex2 .box img {
    width: 100% !important;
  }
  
  .flex3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .flex3._top {
    align-items: flex-start;
  }
  .flex3._center {
    align-items: center;
  }
  .flex3:before {
    width: calc(100% / 3 - 1%);
    content: "";
    order: 1;
  }
  .flex3:before {
    width: calc(100% / 3 - 1%);
    content: "";
    order: 1;
  }
  .flex3:after {
    width: calc(100% / 3 - 1%);
    content: "";
    order: 2;
  }
  .flex3 .box {
    width: calc(100% / 3 - 1%);
    margin-bottom: 2%;
  }
  @media screen and (max-width: 834px) {
    ._tabwidth1 .box {
      width: 100%;
    }
  
    ._tabwidth2 .box {
      width: calc(100% / 2 - 1%);
    }
  
    ._tabwidth3 .box {
      width: calc(100% / 3 - 1%);
    }
  }
  @media screen and (max-width: 640px) {
    ._spwidth1 .box {
      width: 100%;
    }
  
    ._spwidth2 .box {
      width: calc(100% / 2 - 1%);
    }
  
    ._spwidth3 .box {
      width: calc(100% / 3 - 1%);
    }
  }
  .flex3 .box img {
    width: 100% !important;
  }
  
  .flex4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .flex4._top {
    align-items: flex-start;
  }
  .flex4._center {
    align-items: center;
  }
  .flex4:before {
    width: calc(100% / 4 - 1%);
    content: "";
    order: 1;
  }
  .flex4:before {
    width: calc(100% / 4 - 1%);
    content: "";
    order: 1;
  }
  .flex4:after {
    width: calc(100% / 4 - 1%);
    content: "";
    order: 2;
  }
  .flex4 .box {
    width: calc(100% / 4 - 1%);
    margin-bottom: 2%;
  }
  @media screen and (max-width: 834px) {
    ._tabwidth1 .box {
      width: 100%;
    }
  
    ._tabwidth2 .box {
      width: calc(100% / 2 - 1%);
    }
  
    ._tabwidth3 .box {
      width: calc(100% / 3 - 1%);
    }
  }
  @media screen and (max-width: 640px) {
    ._spwidth1 .box {
      width: 100%;
    }
  
    ._spwidth2 .box {
      width: calc(100% / 2 - 1%);
    }
  
    ._spwidth3 .box {
      width: calc(100% / 3 - 1%);
    }
  }
  .flex4 .box img {
    width: 100% !important;
  }
/*===========================template END====================================== */