@charset "utf-8";
.container-orange {
  padding: 100px 0;
  background: #ffcda5;
}
.container-orange h2.index__ttl {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.container-orange h2.index__ttl * {
  display: block;
}
.container-orange h2.index__ttl i {
  margin-left: 5px;
}
.container-orange h2.index__ttl i:before {
  color: #ff8e1f;
  display: block;
  font-size: 24px;
}
.container-orange .index__img-3 {
  background-image: url("/store/hikidashi/images/ookii/index_3.jpg");
}
.container-orange ul li {
  margin: 0 !important;
}
@media screen and (max-width: 768px) {
  .container-orange {
    padding: 30px 0;
    background: #fff;
  }
  .container-orange h2.index__ttl i:before {
    font-size: 20px;
  }
  .container-orange .index__img-3 {
    background-image: url("/store/hikidashi/images/ookii/index_3_sp.jpg");
  }
  main.main > #lineup {
    padding-top: 72px;
  }
}
main.main {
  position: relative;
}
main.main > header {
  position: relative;
  overflow: hidden;
}
main.main > header h2 {
  position: absolute;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -9999px;
}
[lang=ja].device-pc main.main > header {
  padding-top: 37.08%;
}
[lang=ja].device-pc main.main > header h2 {
  background-image: url("/store/hikidashi/ja/images/ookii/title_pc.svg");
/* width round(100%*511/1200,2)
          padding-top round(100%*426/1200,2) */
  width: 38%;
  padding-top: 31.68%;
  top: 50%;
/* left round(100%*10/1200,2) */
  left: 2%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
[lang=ja].device-sp main.main > header {
  padding-top: 68.75%;
}
[lang=ja].device-sp main.main > header h2 {
  background-image: url("/store/hikidashi/ja/images/ookii/title_sp.svg");
  width: 104.06%;
  padding-top: 45.31%;
  top: 0.68%;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
[lang=en].device-pc main.main > header {
  padding-top: 37.08%;
}
[lang=en].device-pc main.main > header h2 {
  background-image: url("/store/hikidashi/en/images/ookii/title_pc.svg");
  width: 49.58%;
  padding-top: 18.83%;
  top: 50%;
  left: 1.67%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
[lang=en].device-sp main.main > header {
  padding-top: 68.75%;
}
[lang=en].device-sp main.main > header h2 {
  background-image: url("/store/hikidashi/en/images/ookii/title_sp.svg");
  width: 109.06%;
  padding-top: 56.88%;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, -5.49%, 0);
  -moz-transform: translate3d(-50%, -5.49%, 0);
  -o-transform: translate3d(-50%, -5.49%, 0);
  -ms-transform: translate3d(-50%, -5.49%, 0);
  transform: translate3d(-50%, -5.49%, 0);
}
.device-pc [role="background"] {
  background-image: url("/store/hikidashi/images/ookii/bg_pc.jpg");
}
.device-pc main.main {
  font-size: 10px;
  padding-top: 5.6em;
}
.device-pc main.main > header {
  height: calc(100vh - 5.6em);
}
.device-sp [role="background"] {
  background-image: url("/store/hikidashi/images/ookii/bg_sp.jpg");
}
.device-sp main.main {
  padding-top: 56px;
}
.device-sp main.main > header {
  height: calc(100vh - 56px);
}
.sample__list-close2 li:nth-child(1) .sample__list__img {
  background-image: url("/store/hikidashi/images/ookii/pre2_img_howto_6.jpg");
}
.sample__list-close2 li:nth-child(2) .sample__list__img {
  background-image: url("/store/hikidashi/images/ookii/pre2_img_howto_7.jpg");
}
[lang=ja] .sample__img-close2 {
  background-image: url("/store/hikidashi/ja/images/ookii/pre2_img_close_1.png");
}
[lang=en] .sample__img-close2 {
  background-image: url("/store/hikidashi/en/images/ookii/pre2_img_close_1_en.png");
}
@media screen and (max-width: 768px) {
  [lang=ja] .sample__img-close2 {
    background-image: url("/store/hikidashi/ja/images/ookii/pre2_img_close_1_sp.png");
  }
  [lang=en] .sample__img-close2 {
    background-image: url("/store/hikidashi/en/images/ookii/pre2_img_close_1_sp_en.png");
  }
}
#about .main__item__img {
  max-width: 534px;
}
@media screen and (max-width: 768px) {
  .main__item__img,
  .main__item p,
  .sample__img-close,
  .sample__img-close2,
  .sample__list li,
  .index__list {
    width: 100%;
    max-width: calc(100% - 40px) !important;
  }
}
