@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap");
/* line 5, ../../../../../../../.rbenv/versions/2.6.9/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../.rbenv/versions/2.6.9/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../.rbenv/versions/2.6.9/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../.rbenv/versions/2.6.9/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../.rbenv/versions/2.6.9/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../.rbenv/versions/2.6.9/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../.rbenv/versions/2.6.9/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../.rbenv/versions/2.6.9/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../.rbenv/versions/2.6.9/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* -- color --*/
/*-- fonts --*/
/* IE noto serif */
/*-- default --*/
/* line 40, sass/_default.scss */
html {
  font-size: 62.5%;
}

/* line 44, sass/_default.scss */
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  /* bold 700 */
  font-size: 2.4rem;
  color: #fff;
  position: relative;
  line-height: 1.6;
  background: #202020;
}

@media screen and (max-width: 1024px) {
  /* line 53, sass/_default.scss */
  body {
    font-size: 2rem;
  }
}
@media screen and (max-width: 750px) {
  /* line 58, sass/_default.scss */
  body {
    font-size: 1.4rem;
  }
}
/* line 63, sass/_default.scss */
div, dt, dd, input, select, textarea, ul, li, a, span {
  box-sizing: border-box;
}

/* line 70, sass/_default.scss */
a {
  text-decoration: none;
  color: #fff;
}

/* line 75, sass/_default.scss */
img {
  max-width: 100%;
  vertical-align: bottom;
}

/*-- common --*/
/* line 81, sass/_default.scss */
.flex {
  display: flex;
}

/* line 85, sass/_default.scss */
.center {
  text-align: center;
}

/* line 89, sass/_default.scss */
.right {
  text-align: right;
}

/* line 93, sass/_default.scss */
.left {
  text-align: left;
}

/* line 97, sass/_default.scss */
.bold {
  font-weight: bold;
}

/* line 101, sass/_default.scss */
.all-wrapper {
  width: 100%;
  max-width: 136.6rem;
  margin: auto;
}

/* line 107, sass/_default.scss */
.inner {
  width: 92%;
  max-width: 120rem;
  margin: 0 auto 0;
}

/* line 114, sass/_default.scss */
.pconly {
  display: block;
}

/* line 117, sass/_default.scss */
.sponly {
  display: none;
}

@media screen and (max-width: 1024px) {
  /* line 121, sass/_default.scss */
  .sponly {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  /* line 126, sass/_default.scss */
  .pconly {
    display: none;
  }

  /* line 129, sass/_default.scss */
  .sponly {
    display: block;
  }
}
/* line 5, sass/_index.scss */
.section {
  padding: 12rem 0;
  position: relative;
  z-index: 2;
}

/* line 13, sass/_index.scss */
#sec01 {
  background: url(../img/sec01_bg.jpg) no-repeat center center/cover;
}
/* line 15, sass/_index.scss */
#sec01 .sec01-flex {
  align-items: center;
  justify-content: space-between;
}
/* line 18, sass/_index.scss */
#sec01 .sec01-flex .ttl-text {
  width: 50%;
}
/* line 21, sass/_index.scss */
#sec01 .sec01-flex .img {
  width: 47%;
}

/* line 27, sass/_index.scss */
#sec02 {
  padding-bottom: 14rem;
  background: url(../img/sec02_bg.png) no-repeat center center/cover;
}
/* line 30, sass/_index.scss */
#sec02 .inner {
  position: relative;
}
/* line 33, sass/_index.scss */
#sec02 .text-abs {
  width: 55%;
  margin-left: auto;
}
/* line 37, sass/_index.scss */
#sec02 h2 {
  margin-bottom: 4rem;
}
/* line 40, sass/_index.scss */
#sec02 .worry {
  font-family: 'Noto Serif JP', 'YuMincho', 'Yu Mincho', serif;
  font-weight: bold;
  font-size: 2.4rem;
  text-shadow: 0 0 1.6rem black;
}
/* line 44, sass/_index.scss */
#sec02 .worry li {
  margin-bottom: 3rem;
  padding-left: 4rem;
}
/* line 47, sass/_index.scss */
#sec02 .worry li:last-child {
  margin-bottom: 0;
}

/* line 54, sass/_index.scss */
#sec03 {
  z-index: 1;
  margin-top: -10rem;
  padding-top: 18rem;
  background: url(../img/sec03_bg.jpg) no-repeat center center/cover;
}
/* line 59, sass/_index.scss */
#sec03 h2 {
  margin-bottom: 3rem;
}
/* line 62, sass/_index.scss */
#sec03 p {
  font-size: 2rem;
  padding-left: 1.6rem;
}
/* line 66, sass/_index.scss */
#sec03 .img-abs {
  position: absolute;
  z-index: -1;
}
/* line 69, sass/_index.scss */
#sec03 .img-abs.img01 {
  top: 2%;
  right: 0;
}
/* line 73, sass/_index.scss */
#sec03 .img-abs.img02 {
  bottom: 0;
  left: 8%;
}
/* line 78, sass/_index.scss */
#sec03 .text02 {
  width: 50%;
  margin-right: 10%;
  padding-top: 40rem;
}

/* line 85, sass/_index.scss */
#sec04_ttl {
  padding: 6.55rem 0 5rem;
  background: url(../img/sec04_ttl_bg.jpg) no-repeat center center/cover;
}

/* line 90, sass/_index.scss */
#sec04 {
  background: url(../img/sec04_bg.jpg) no-repeat top center/cover;
}
/* line 92, sass/_index.scss */
#sec04 .point {
  padding-bottom: 12rem;
}
/* line 94, sass/_index.scss */
#sec04 .point:last-of-type {
  padding-bottom: 0;
}
/* line 97, sass/_index.scss */
#sec04 .point h3 {
  margin-bottom: 5rem;
}
/* line 99, sass/_index.scss */
#sec04 .point h3 img {
  margin: auto;
}
/* line 104, sass/_index.scss */
#sec04 .img_wrap {
  padding: 1rem;
  border: 0.2rem solid #858686;
  display: inline-block;
  background: #202020;
  margin-bottom: 6rem;
}
/* line 112, sass/_index.scss */
#sec04 .point01 .text {
  margin: 4rem 0 0;
}
/* line 115, sass/_index.scss */
#sec04 .point01 .feature {
  width: 100%;
  border: 0.2rem solid #fff;
  padding: 3.2rem;
  margin-bottom: 0;
}
/* line 122, sass/_index.scss */
#sec04 .point01 .p01_img img {
  margin: auto;
}
/* line 127, sass/_index.scss */
#sec04 .point02 {
  /*
  .mov_box {
      width: 100%;
      align-items: center;
      margin-bottom: 5rem;
      justify-content: space-between;
      &:nth-of-type(odd) {
          flex-flow: row-reverse;
      }
      &:last-of-type {
          margin-bottom: 0;
      }
      
      .gif_link {
          width: 62%;
          img {
              width: 100%;
              height: auto;
          }
      }
  }
  */
}
/* line 128, sass/_index.scss */
#sec04 .point02 .intro, #sec04 .point02 .flow {
  margin-bottom: 5rem;
}
/* line 130, sass/_index.scss */
#sec04 .point02 .intro img, #sec04 .point02 .flow img {
  margin: auto;
}
/* line 134, sass/_index.scss */
#sec04 .point02 .yt_link {
  max-width: 76rem;
  height: 55vh;
  max-height: 43.5rem;
  margin: auto;
}
/* line 162, sass/_index.scss */
#sec04 .point02 .step {
  width: 38%;
}
/* line 164, sass/_index.scss */
#sec04 .point02 .step img {
  margin: auto;
}
/* line 168, sass/_index.scss */
#sec04 .point02 .training {
  justify-content: space-between;
  align-items: center;
}
/* line 171, sass/_index.scss */
#sec04 .point02 .training.type2 {
  flex-flow: row-reverse;
  margin-top: 6rem;
}
/* line 175, sass/_index.scss */
#sec04 .point02 .training .img {
  width: 45%;
}
/* line 178, sass/_index.scss */
#sec04 .point02 .training .text {
  width: 50%;
}
/* line 182, sass/_index.scss */
#sec04 .point02 .mb-text {
  margin-bottom: 6rem;
}
/* line 187, sass/_index.scss */
#sec04 .point05 .flex-box {
  align-items: center;
  justify-content: space-between;
}
/* line 190, sass/_index.scss */
#sec04 .point05 .flex-box .r-box {
  margin-left: 4rem;
}
/* line 193, sass/_index.scss */
#sec04 .point05 .flex-box .text {
  margin-bottom: 6.4rem;
}

/* line 200, sass/_index.scss */
#sec05 {
  position: relative;
  background: url(../img/sec05_bg.jpg) no-repeat center center/cover;
}
/* line 203, sass/_index.scss */
#sec05 .text-area {
  width: 92%;
  color: #202020;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -70%);
  z-index: 3;
}
/* line 211, sass/_index.scss */
#sec05 .text-area p {
  font-size: 2rem;
  margin-top: 3rem;
  text-shadow: 0 0 0.6rem rgba(255, 255, 255, 0.85);
}
/* line 217, sass/_index.scss */
#sec05 .pro-img {
  margin-top: -8rem;
  position: relative;
  z-index: 2;
}
/* line 221, sass/_index.scss */
#sec05 .pro-img img {
  margin: auto;
}

/* line 228, sass/_index.scss */
#review .review-wrap {
  background: url(../img/review_bg01.jpg) no-repeat center center/cover;
  padding-top: 10rem;
  align-items: center;
}
/* line 232, sass/_index.scss */
#review .review-wrap:nth-of-type(even) {
  background: url(../img/review_bg02.jpg) no-repeat center center/cover;
  flex-flow: row-reverse;
}
/* line 235, sass/_index.scss */
#review .review-wrap:nth-of-type(even) .photo {
  margin: 0 10% 0 -18%;
}
/* line 238, sass/_index.scss */
#review .review-wrap:nth-of-type(even) .text-box {
  margin: 0 auto 0 5%;
}
/* line 242, sass/_index.scss */
#review .review-wrap .text-box {
  width: 43%;
  margin: 0 4% 10% auto;
}
/* line 245, sass/_index.scss */
#review .review-wrap .text-box .name {
  font-weight: 700;
  margin-bottom: 4rem;
}
/* line 248, sass/_index.scss */
#review .review-wrap .text-box .name .full {
  font-size: 3.6rem;
  margin-bottom: 2rem;
}
/* line 252, sass/_index.scss */
#review .review-wrap .text-box .name .sub {
  font-size: 2.8rem;
}
/* line 255, sass/_index.scss */
#review .review-wrap .text-box .name .work {
  font-size: 2rem;
}
/* line 259, sass/_index.scss */
#review .review-wrap .text-box .text {
  font-size: 1.8rem;
}
/* line 261, sass/_index.scss */
#review .review-wrap .text-box .text .strong {
  font-size: 120%;
  font-weight: 700;
  display: block;
  margin-bottom: 1.6rem;
}
/* line 269, sass/_index.scss */
#review .review-wrap .photo {
  margin-left: 1%;
}

/* line 275, sass/_index.scss */
#sec06 {
  background: url(../img/sec06_bg.jpg) no-repeat center center/cover;
}
/* line 277, sass/_index.scss */
#sec06 .intro {
  margin: 2rem 0 4rem;
  font-size: 2rem;
}
/* line 281, sass/_index.scss */
#sec06 .flow-img {
  justify-content: space-between;
  align-items: flex-start;
}

/* line 287, sass/_index.scss */
#sec07 {
  background: url(../img/sec07_bg.jpg) no-repeat center center/cover;
}
/* line 290, sass/_index.scss */
#sec07 .product-img.last {
  margin-top: 8rem;
}
/* line 292, sass/_index.scss */
#sec07 .product-img.last img {
  margin: auto;
}
/* line 297, sass/_index.scss */
#sec07 .size-wrap {
  width: 100%;
  border: 0.2rem solid #fff;
  margin-top: 4.6rem;
}
/* line 301, sass/_index.scss */
#sec07 .size-wrap .s-box {
  width: 50%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4.2rem 3rem;
}
/* line 308, sass/_index.scss */
#sec07 .size-wrap .s-box:first-of-type {
  border-right: 0.2rem solid #fff;
}
/* line 311, sass/_index.scss */
#sec07 .size-wrap .s-box h3 {
  margin-bottom: 3.6rem;
}
/* line 314, sass/_index.scss */
#sec07 .size-wrap .s-box .detail {
  font-family: 'Noto Serif JP', 'YuMincho', 'Yu Mincho', serif;
  font-weight: bold;
  font-size: 2rem;
  line-height: 2;
}
/* line 321, sass/_index.scss */
#sec07 .l-detail {
  margin-top: 9.4rem;
}
/* line 323, sass/_index.scss */
#sec07 .l-detail .detail-wrap {
  width: 100%;
  justify-content: space-between;
}
/* line 327, sass/_index.scss */
#sec07 .l-detail .l-box {
  text-align: right;
}
/* line 329, sass/_index.scss */
#sec07 .l-detail .l-box .text {
  margin-top: 8rem;
}

/* line 336, sass/_index.scss */
#ft-cta {
  background: url(../img/hayawari_bg.jpg) no-repeat center center/cover;
}
/* line 338, sass/_index.scss */
#ft-cta .cta-wrap {
  align-items: center;
  justify-content: space-between;
  flex-flow: row-reverse;
}
/* line 343, sass/_index.scss */
#ft-cta .btn {
  margin-top: 5rem;
}
/* line 345, sass/_index.scss */
#ft-cta .btn a {
  width: 100%;
  font-size: 3.8rem;
  font-weight: 700;
  display: block;
  position: relative;
  text-align: center;
}
/* line 352, sass/_index.scss */
#ft-cta .btn a .btn-text {
  background: #06c755;
  display: block;
  padding: 1.5rem 1rem 1.5rem 1rem;
  border-radius: 1rem;
  transform: translateY(-8%);
  transition: .3s;
}
/* line 359, sass/_index.scss */
#ft-cta .btn a .btn-text .kodu {
  font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}
/* line 363, sass/_index.scss */
#ft-cta .btn a::after {
  content: '';
  width: 100%;
  height: 100%;
  background: #06a547;
  position: absolute;
  border-radius: 1rem;
  z-index: -1;
  left: 0;
  bottom: 0;
}
/* line 375, sass/_index.scss */
#ft-cta .btn a:hover::before {
  transform: translateY(-50%);
}
/* line 378, sass/_index.scss */
#ft-cta .btn a:hover .btn-text {
  transform: translateY(0);
}

/* line 386, sass/_index.scss */
#copy {
  font-size: 1.6rem;
  padding: 1.4rem 0;
}

/* line 391, sass/_index.scss */
#float-cta {
  position: fixed;
  right: 2%;
  bottom: 10%;
  z-index: 99999;
  opacity: 0;
  transition: .3s;
}
/* line 399, sass/_index.scss */
#float-cta .pc-float a {
  display: block;
  transition: .3s;
}
/* line 402, sass/_index.scss */
#float-cta .pc-float a:hover {
  transform: scale(1.05);
}
/* line 407, sass/_index.scss */
#float-cta.active {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  /* line 416, sass/_index.scss */
  .section {
    padding: 12vw 0;
  }

  /* line 421, sass/_index.scss */
  #sec02 .text-abs {
    width: 65%;
  }
  /* line 424, sass/_index.scss */
  #sec02 .worry {
    font-size: 2.4vw;
  }
  /* line 426, sass/_index.scss */
  #sec02 .worry li {
    margin-bottom: 3vw;
    padding-left: 4vw;
  }

  /* line 434, sass/_index.scss */
  #sec03 .text01 {
    width: 60%;
    margin: 0 auto 0 4%;
  }
  /* line 438, sass/_index.scss */
  #sec03 .text02 {
    padding-top: 14vw;
  }
  /* line 442, sass/_index.scss */
  #sec03 .img-abs.img01 {
    width: 40%;
  }
  /* line 445, sass/_index.scss */
  #sec03 .img-abs.img02 {
    width: 50%;
  }
  /* line 449, sass/_index.scss */
  #sec03 p {
    font-size: 1.6rem;
  }

  /* line 454, sass/_index.scss */
  #sec04_ttl {
    padding: 6.5vw 0 5vw;
  }
  /* line 456, sass/_index.scss */
  #sec04_ttl img {
    width: 60%;
  }

  /* line 462, sass/_index.scss */
  #sec04 .point {
    padding-bottom: 12vw;
  }
  /* line 464, sass/_index.scss */
  #sec04 .point h3 {
    width: 90%;
    margin: 0 auto 5vw;
  }
  /* line 469, sass/_index.scss */
  #sec04 .point02 {
    /*
    .mov_box {
        
        .gif_link {
            width: 55%;
        }
        
    }
    */
  }
  /* line 470, sass/_index.scss */
  #sec04 .point02 .yt_link {
    max-height: 40rem;
  }
  /* line 482, sass/_index.scss */
  #sec04 .point02 .training {
    display: block;
    text-align: center;
  }
  /* line 485, sass/_index.scss */
  #sec04 .point02 .training .img {
    width: 100%;
  }
  /* line 488, sass/_index.scss */
  #sec04 .point02 .training .head-img {
    margin-bottom: 8vw;
  }
  /* line 491, sass/_index.scss */
  #sec04 .point02 .training .text {
    width: 100%;
  }
  /* line 495, sass/_index.scss */
  #sec04 .point02 .mb-text {
    margin: 6vw 0;
  }
  /* line 501, sass/_index.scss */
  #sec04 .point05 .flex-box .text {
    margin-bottom: 6vw;
  }

  /* line 509, sass/_index.scss */
  #sec05 .text-area {
    top: 78%;
    transform: translate(-50%, -78%);
  }
  /* line 512, sass/_index.scss */
  #sec05 .text-area h2 {
    width: 60%;
    margin: auto;
  }

  /* line 521, sass/_index.scss */
  #review .photo .pconly {
    display: none;
  }
  /* line 524, sass/_index.scss */
  #review .photo .sponly {
    display: block;
    margin: auto;
  }
  /* line 529, sass/_index.scss */
  #review .review-wrap {
    display: block;
    position: relative;
    padding-top: 10vw;
  }
  /* line 534, sass/_index.scss */
  #review .review-wrap:nth-of-type(even) .text-box {
    margin: auto;
  }
  /* line 538, sass/_index.scss */
  #review .review-wrap .photo {
    margin: 0;
  }
  /* line 541, sass/_index.scss */
  #review .review-wrap .text-box {
    width: 92%;
    margin: auto;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -80%);
  }

  /* line 553, sass/_index.scss */
  #sec06 .flow-img {
    display: block;
  }
  /* line 555, sass/_index.scss */
  #sec06 .flow-img img {
    margin: auto;
  }
  /* line 557, sass/_index.scss */
  #sec06 .flow-img img:first-of-type {
    margin-bottom: 4vw;
  }

  /* line 566, sass/_index.scss */
  #sec07 .product-img.last {
    margin-top: 8vw;
  }
  /* line 571, sass/_index.scss */
  #sec07 .size-wrap .s-box {
    padding: 4vw 3vw;
  }
  /* line 573, sass/_index.scss */
  #sec07 .size-wrap .s-box h3 {
    margin-bottom: 3.6vw;
  }
  /* line 576, sass/_index.scss */
  #sec07 .size-wrap .s-box .detail {
    font-size: 1.6rem;
  }
  /* line 582, sass/_index.scss */
  #sec07 .size-wrap.last h3 img {
    width: 75%;
    margin: auto;
  }
  /* line 590, sass/_index.scss */
  #sec07 .l-detail .l-box {
    width: 55%;
  }
  /* line 592, sass/_index.scss */
  #sec07 .l-detail .l-box .text {
    width: 92%;
    margin: 6vw 0 0 auto;
  }
  /* line 597, sass/_index.scss */
  #sec07 .l-detail .r-box {
    width: 40%;
  }

  /* line 604, sass/_index.scss */
  #ft-cta .cta-wrap {
    display: block;
  }
  /* line 607, sass/_index.scss */
  #ft-cta .btn {
    margin: 5vw 0;
  }
  /* line 609, sass/_index.scss */
  #ft-cta .btn a {
    font-size: 4vw;
  }
  /* line 613, sass/_index.scss */
  #ft-cta .p-img {
    text-align: center;
  }

  /* line 618, sass/_index.scss */
  #float-cta {
    max-width: 20rem;
  }
}
@media screen and (max-width: 750px) {
  /* line 627, sass/_index.scss */
  main {
    padding-bottom: 30vw;
  }

  /* line 630, sass/_index.scss */
  .section {
    padding: 20vw 0;
  }

  /* line 635, sass/_index.scss */
  #sec01 .sec01-flex {
    width: 80%;
    display: block;
  }
  /* line 638, sass/_index.scss */
  #sec01 .sec01-flex .ttl-text {
    width: 100%;
    margin-bottom: 10vw;
  }
  /* line 642, sass/_index.scss */
  #sec01 .sec01-flex .img {
    width: 100%;
  }

  /* line 648, sass/_index.scss */
  #sec02 {
    background: url(../img/sp/sec02_bg_sp.png) no-repeat center center/cover;
    padding-bottom: 22vw;
  }
  /* line 651, sass/_index.scss */
  #sec02 .text-abs {
    width: 100%;
  }
  /* line 654, sass/_index.scss */
  #sec02 h2 {
    margin-bottom: 6vw;
  }
  /* line 657, sass/_index.scss */
  #sec02 .worry {
    font-size: 4vw;
  }

  /* line 662, sass/_index.scss */
  #sec03 {
    margin-top: -12vw;
    padding-top: 24vw;
  }
  /* line 665, sass/_index.scss */
  #sec03 .text01 {
    width: 95%;
    margin: 0 auto 0 0;
  }
  /* line 669, sass/_index.scss */
  #sec03 .text02 {
    width: 60%;
    padding-top: 50vw;
    margin: 0 4% 0 auto;
  }
  /* line 673, sass/_index.scss */
  #sec03 .text02 p {
    padding-left: 2vw;
  }
  /* line 678, sass/_index.scss */
  #sec03 .img-abs.img01 {
    width: 45%;
    top: 34%;
  }
  /* line 682, sass/_index.scss */
  #sec03 .img-abs.img02 {
    width: 80%;
    left: 0;
    bottom: 12%;
  }

  /* line 690, sass/_index.scss */
  #sec04_ttl {
    background: url(../img/sp/sec04_ttl_bg_sp.jpg) no-repeat center center/cover;
    padding: 10vw 0;
  }
  /* line 693, sass/_index.scss */
  #sec04_ttl img {
    width: 92%;
  }

  /* line 700, sass/_index.scss */
  #sec04 .point h3 {
    margin: 0 auto 8vw;
  }
  /* line 705, sass/_index.scss */
  #sec04 .point01 .text {
    margin: 6vw 0 0;
  }
  /* line 708, sass/_index.scss */
  #sec04 .point01 .feature {
    padding: 5vw;
    margin-bottom: 0;
  }
  /* line 713, sass/_index.scss */
  #sec04 .point02 {
    /*
    .mov_box {
        width: 84%;
        display: block;
        margin: 0 0 8vw;
        &:nth-of-type(even) {
            margin-left: auto;
            .step {
                margin-left: auto;
            }
        }
        
        .gif_link {
            width: 100%;
        }
    }
    */
  }
  /* line 714, sass/_index.scss */
  #sec04 .point02 .yt_link {
    height: 28vh;
    max-height: 35rem;
  }
  /* line 735, sass/_index.scss */
  #sec04 .point02 .step {
    width: 65%;
    margin: 0 0 3vw;
  }
  /* line 741, sass/_index.scss */
  #sec04 .point03 h3, #sec04 .point05 h3 {
    width: 75%;
  }
  /* line 746, sass/_index.scss */
  #sec04 .point04 h3 {
    width: 100%;
  }
  /* line 751, sass/_index.scss */
  #sec04 .point05 .flex-box {
    display: block;
  }
  /* line 753, sass/_index.scss */
  #sec04 .point05 .flex-box .l-box {
    width: 100%;
  }
  /* line 756, sass/_index.scss */
  #sec04 .point05 .flex-box .r-box {
    width: 100%;
    margin: 8vw 0 0;
    text-align: center;
  }
  /* line 763, sass/_index.scss */
  #sec04 .img_wrap {
    margin-bottom: 8vw;
  }

  /* line 768, sass/_index.scss */
  #sec05 {
    background: url(../img/sp/sec05_bg_sp.jpg) no-repeat center center/cover;
  }
  /* line 770, sass/_index.scss */
  #sec05 .inner {
    width: 100%;
  }
  /* line 773, sass/_index.scss */
  #sec05 .pro-img {
    margin-top: -12vw;
  }
  /* line 777, sass/_index.scss */
  #sec05 .text-area h2 {
    width: 100%;
  }
  /* line 780, sass/_index.scss */
  #sec05 .text-area p {
    font-size: 1.4rem;
    margin-top: 5vw;
  }

  /* line 788, sass/_index.scss */
  #review .review-wrap {
    padding-top: 40vw;
    padding-bottom: 10vw;
    background: url(../img/sp/review_bg01_sp.jpg) no-repeat center center/cover;
  }
  /* line 792, sass/_index.scss */
  #review .review-wrap:nth-of-type(even) {
    background: url(../img/sp/review_bg02_sp.jpg) no-repeat center center/cover;
  }
  /* line 794, sass/_index.scss */
  #review .review-wrap:nth-of-type(even) .photo {
    margin: 0;
  }
  /* line 798, sass/_index.scss */
  #review .review-wrap:last-of-type {
    padding-top: 44vw;
  }
  /* line 800, sass/_index.scss */
  #review .review-wrap:last-of-type .text-box {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 805, sass/_index.scss */
  #review .review-wrap .text-box {
    top: 45%;
    transform: translate(-50%, -45%);
  }
  /* line 808, sass/_index.scss */
  #review .review-wrap .text-box .name {
    margin-bottom: 28vw;
  }
  /* line 810, sass/_index.scss */
  #review .review-wrap .text-box .name .full {
    font-size: 5.2vw;
  }
  /* line 813, sass/_index.scss */
  #review .review-wrap .text-box .name .sub {
    font-size: 4.2vw;
  }
  /* line 816, sass/_index.scss */
  #review .review-wrap .text-box .name .work {
    font-size: 3.8vw;
  }
  /* line 820, sass/_index.scss */
  #review .review-wrap .text-box .text {
    font-size: 1.4rem;
    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
  }

  /* line 828, sass/_index.scss */
  #sec06 {
    background: url(../img/sp/sec06_bg_sp.jpg) no-repeat center center/cover;
  }
  /* line 830, sass/_index.scss */
  #sec06 h2 {
    width: 80%;
    margin: auto;
  }
  /* line 834, sass/_index.scss */
  #sec06 .intro {
    font-size: 1.4rem;
  }
  /* line 839, sass/_index.scss */
  #sec06 .flow-img .img:first-of-type {
    margin-bottom: 6vw;
  }

  /* line 848, sass/_index.scss */
  #sec07 .product-img.last {
    margin-top: 14vw;
  }
  /* line 852, sass/_index.scss */
  #sec07 .size-wrap {
    display: block;
  }
  /* line 854, sass/_index.scss */
  #sec07 .size-wrap .s-box {
    width: 100%;
    padding: 8vw 6vw;
  }
  /* line 857, sass/_index.scss */
  #sec07 .size-wrap .s-box:first-of-type {
    border-right: none;
    border-bottom: 0.2rem solid #fff;
  }
  /* line 860, sass/_index.scss */
  #sec07 .size-wrap .s-box:first-of-type h3 {
    width: 80%;
    margin: 0 auto 3.6vw;
  }
  /* line 868, sass/_index.scss */
  #sec07 .size-wrap.last h3 img {
    width: 62%;
  }
  /* line 874, sass/_index.scss */
  #sec07 .l-detail {
    margin-top: 18vw;
  }
  /* line 876, sass/_index.scss */
  #sec07 .l-detail .detail-wrap {
    display: block;
  }
  /* line 879, sass/_index.scss */
  #sec07 .l-detail .l-box {
    width: 100%;
  }
  /* line 881, sass/_index.scss */
  #sec07 .l-detail .l-box .text {
    width: 80%;
    margin: 8vw 0 0 4vw;
  }
  /* line 886, sass/_index.scss */
  #sec07 .l-detail .r-box {
    width: 50%;
    margin: 8vw 0 0 auto;
  }

  /* line 893, sass/_index.scss */
  #ft-cta {
    background: url(../img/sp/hayawari_bg_sp.jpg) no-repeat center center/cover;
  }
  /* line 895, sass/_index.scss */
  #ft-cta .btn {
    margin: 8vw 0;
  }
  /* line 897, sass/_index.scss */
  #ft-cta .btn a {
    font-size: 5.2vw;
  }
  /* line 901, sass/_index.scss */
  #ft-cta .p-img {
    width: 80%;
    margin: auto;
  }

  /* line 907, sass/_index.scss */
  #copy {
    font-size: 1.4rem;
  }

  /* line 911, sass/_index.scss */
  #float-cta {
    width: 100%;
    max-width: 100%;
    padding: 3vw 6vw;
    bottom: 0;
    left: 0;
    background: url(../img/sp/float_bg_sp.jpg) no-repeat center center/cover;
    box-shadow: 0 0 1rem rgba(255, 255, 255, 0.6);
  }
  /* line 919, sass/_index.scss */
  #float-cta .btn {
    margin-top: 3vw;
  }
  /* line 921, sass/_index.scss */
  #float-cta .btn a {
    display: block;
    position: relative;
  }
  /* line 924, sass/_index.scss */
  #float-cta .btn a .btn-text {
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
    background: #06c755;
    border-radius: 1rem;
    padding: 1.1vw 2vw;
    transform: translateY(-1.2vw);
    transition: .3s;
  }
  /* line 933, sass/_index.scss */
  #float-cta .btn a .btn-text .kodu {
    font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
  }
  /* line 937, sass/_index.scss */
  #float-cta .btn a::after {
    content: '';
    width: 100%;
    height: 100%;
    background: #06a547;
    position: absolute;
    border-radius: 1rem;
    left: 0;
    bottom: 0;
    z-index: -1;
  }
}