/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ============================================================================================ concept */
  .concept .pagesWrapper {
    margin-top: 5vw;
  }
  .conceptGrid {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  /* ====================================================================== concept kv */
  .conceptKv {
    padding-bottom: 10.6666666667vw;
  }
  .conceptCopy {
    width: 72vw;
    margin-top: 6.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
  .conceptCopy__text {
    font-size: 15px;
    font-size: 4vw;
    padding-left: 0vw;
  }
  .concept__kvImg .imgSp {
    display: block;
  }
  .concept__kvImg .imgPc {
    display: none;
  }
  /* ====================================================================== conceptSection */
  .conceptSection {
    display: block;
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
  .conceptSection__sticky {
    position: relative;
    width: 100%;
    top: 0vw;
    margin-bottom: 5.3333333333vw;
  }
  .conceptSection__content {
    width: 100%;
  }
  /* --------------------------------------- conceptSection__title */
  .conceptSection__title {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
  /* --------------------------------------- pickup */
  .conceptPickUp__text {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
  .conceptPickUp__img {
    margin-top: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
  /* --------------------------------------- conceptUse */
  .conceptUse {
    border-radius: 0 0 1.4vw 1.4vw;
  }
  /* --------------------------------------- conceptUse__block */
  .conceptUse__block {
    display: block;
    margin-top: 13.3333333333vw;
  }
  .conceptUse__blockImg {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5.3333333333vw;
  }
  .conceptUse__blockDetail {
    width: 100%;
  }
  .conceptUse__blockDetail--title {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-bottom: 2.1333333333vw;
  }
  .conceptUse__blockDetail--text {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
  .textAside {
    font-size: 10.5px;
    font-size: 2.8vw;
    margin-top: 2.6666666667vw;
    line-height: 1.4;
  }
}/*# sourceMappingURL=concept-sp.css.map */