.fv {
  background-image: url(../img/fv-bg.jpg);
  background-size: 100% 100%;
  padding: 4.42708vw 0 5.20833vw;
}

.fv .title {
  font-size: clamp(18px, 3vw, 36px);
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  color: #1c194a;
  line-height: 1.66667;
}

.fv .title span {
  font-size: clamp(12px, 1.5vw, 18px);
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  .fv {
    padding: 16.66667vw 0;
  }
  .fv .title {
    font-size: clamp(23px, 6.13333vw, 46px);
  }
  .fv .title span {
    font-size: clamp(13px, 3.46667vw, 26px);
  }
}

.direct .text-wrap {
  background-color: #e7e3c8;
  padding: 4.16667vw 7.8125vw 4.6875vw 11.97917vw;
  margin: 5.72917vw auto;
}

.direct .text-wrap dt {
  color: #1c194a;
  font-size: clamp(26px, 3.5vw, 42px);
  letter-spacing: 0.05em;
  line-height: 1.42857;
}

.direct .text-wrap dd {
  margin-top: 0.78125vw;
  font-size: clamp(12px, 1.5vw, 18px);
  letter-spacing: 0.1em;
  line-height: 1.66667;
}

@media screen and (max-width: 768px) {
  .direct .text-wrap {
    margin: 8.66667vw 0 16.66667vw;
    padding: 9.33333vw 4vw 17.33333vw;
  }
  .direct .text-wrap dt {
    text-align: center;
    font-size: clamp(30px, 8vw, 60px);
  }
  .direct .text-wrap dd {
    margin-top: 6.66667vw;
    font-size: clamp(13px, 3.46667vw, 26px);
  }
}

.about a[href^="tel"] {
  color: #000;
}

.about h2 {
  width: 26.04167vw;
  margin: 0 auto 4.16667vw;
}

.about .bowl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-bottom: 6.77083vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about .bowl .img-wrap {
  width: 45.3125vw;
  margin-left: 4.58333vw;
}

.about .bowl .text-wrap dl {
  font-size: clamp(12px, 1.5vw, 18px);
  line-height: 2;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #b5b5b5;
  padding: 0.625vw 0.41667vw;
}

.about .bowl .text-wrap dl dt {
  width: 8.07292vw;
  font-weight: bold;
}

.about .bowl .text-wrap dl:last-of-type {
  border-bottom: 1px solid #b5b5b5;
}

.about .w1200 .qrcode {
  background-color: #e7e3c9;
}

.about .w1200 .qrcode .content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3.33333vw;
  margin-bottom: 10.15625vw;
}

.about .w1200 .qrcode .content-wrap .img-wrap {
  margin-right: 5.83vw;
}

.about .w1200 .qrcode .content-wrap .img-wrap img {
  width: 8.38542vw;
}

.about .w1200 .qrcode .content-wrap .text-wrap .line {
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 0.41667vw;
}

.about .w1200 .qrcode .content-wrap .text-wrap .line .title {
  font-size: clamp(18px, 3vw, 36px);
  letter-spacing: 0.1em;
  line-height: 1.33333;
  color: #1c194a;
  padding-right: 1.04167vw;
}

.about .w1200 .qrcode .content-wrap .text-wrap .line .line-text {
  font-size: clamp(12px, 1.5vw, 18px);
  letter-spacing: 0.05em;
  line-height: 2;
}

.about .w1200 .qrcode .content-wrap .text-wrap .text {
  letter-spacing: 0.05em;
  line-height: 2;
  padding-top: 0.52083vw;
  font-size: clamp(12px, 1.5vw, 18px);
}

@media screen and (max-width: 768px) {
  .about h2 {
    width: 48vw;
    margin-bottom: 10.66667vw;
  }
  .about .bowl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 10.66667vw;
  }
  .about .bowl .img-wrap {
    width: 100%;
    margin: 0;
  }
  .about .bowl .text-wrap {
    width: 100%;
    padding: 8vw 4vw 0;
  }
  .about .bowl .text-wrap dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: clamp(13px, 3.46667vw, 26px);
    padding: 2vw 0;
  }
  .about .bowl .text-wrap dl dt {
    width: 100%;
  }
  .about .bowl .text-wrap dl dd {
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .about .bowl .text-wrap dl dd span:nth-of-type(2) {
    text-indent: -1em;
    padding-left: 1em;
  }
  .about .bowl .text-wrap dl dd span.sp {
    display: inline-block;
  }
  .about .w1200 .qrcode .content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
  .about .w1200 .qrcode .content-wrap .img-wrap {
    display: none;
  }
  .about .w1200 .qrcode .content-wrap .text-wrap .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: 0;
  }
  .about .w1200 .qrcode .content-wrap .text-wrap .line .line-text {
    border-bottom: 1px solid #b5b5b5;
    font-size: clamp(13px, 3.46667vw, 26px);
  }
  .about .w1200 .qrcode .content-wrap .text-wrap .line .title {
    font-size: clamp(22px, 6vw, 45px);
  }
  .about .w1200 .qrcode .content-wrap .text {
    font-size: clamp(13px, 3.46667vw, 26px);
  }
  .about .w1200 .qrcode .content-wrap .line-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    letter-spacing: 0.4em;
    background-color: #00ac02;
    width: 56.66667vw;
    margin: 5.33333vw auto 0;
    padding: 2.66667vw 0;
    border-radius: 10px;
  }
  .about .w1200 .qrcode .content-wrap .line-btn img {
    width: 6.93333vw;
    margin-right: 2.66667vw;
  }
}

.direct-sale-place {
  background-image: url(../img/bg1.jpg);
  background-size: 100% 100%;
  padding: 9.89583vw 0 15.10417vw;
}

.direct-sale-place a[href^="tel"] {
  color: #000;
}

.direct-sale-place h2 {
  width: 26.04167vw;
  margin: 0 auto 4.16667vw;
}

.direct-sale-place .bowl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.direct-sale-place .bowl .img-wrap {
  width: 45.3125vw;
  margin-right: 4.58333vw;
}

.direct-sale-place .bowl .text-wrap dl {
  font-size: clamp(12px, 0.9375vw, 18px);
  line-height: calc(36/18);
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #b5b5b5;
  padding: 0.625vw 0.41667vw;
}

.direct-sale-place .bowl .text-wrap dl dt {
  width: 8.07292vw;
}

.direct-sale-place .bowl .text-wrap dl:last-of-type {
  border-bottom: 1px solid #b5b5b5;
}

@media screen and (max-width: 768px) {
  .direct-sale-place {
    margin-top: 20vw;
    padding: 17.33333vw 0 24vw;
  }
  .direct-sale-place h2 {
    margin-bottom: 8vw;
    width: 48vw;
  }
  .direct-sale-place .bowl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .direct-sale-place .bowl .img-wrap {
    width: 100%;
    margin: 0;
  }
  .direct-sale-place .bowl .text-wrap {
    width: 100%;
    padding: 8vw 4vw 0;
  }
  .direct-sale-place .bowl .text-wrap dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: clamp(13px, 3.46667vw, 26px);
    padding: 2vw 0;
  }
  .direct-sale-place .bowl .text-wrap dl dt {
    width: 100%;
  }
  .direct-sale-place .bowl .text-wrap dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .direct-sale-place .bowl .text-wrap dl dd span:nth-of-type(2) {
    text-indent: -1em;
    padding-left: 1em;
  }
}

.company {
  background-image: url(../img/bg2.jpg);
  background-size: 100% 100%;
  padding: 4.6875vw 0 29.6875vw;
}

.company a[href^="tel"] {
  color: #000;
}

.company .w1200 h2 {
  font-size: clamp(18px, 3vw, 36px);
  color: #1c194a;
  width: 17.44792vw;
  margin: 0 auto 1.5625vw;
  height: 5.98958vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url(../img/title-bg.png);
  background-size: contain;
  background-repeat: no-repeat no-repeat;
}

.company .w1200 dl {
  font-size: clamp(12px, 1.5vw, 18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #b5b5b5;
  padding: 0.9375vw 0;
  line-height: 2;
}

.company .w1200 dl:last-of-type {
  border-bottom: 1px solid #b5b5b5;
}

.company .w1200 dl dt {
  width: 16.92708vw;
  padding: 0 2.08333vw 0 9.375vw;
}

.company .w1200 dl dd {
  width: 32.55208vw;
}

.company .w1200 dl dd span {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .company {
    padding: 16.66667vw 4vw 36vw;
    background-image: url(../img/sp-bg.jpg);
    background-position: right 0 bottom 0;
    background-size: contain;
    background-repeat: no-repeat no-repeat;
  }
  .company .w1200 h2 {
    font-size: clamp(23px, 6.13333vw, 46px);
    width: 56.13333vw;
    height: 18.66667vw;
    margin-bottom: 13.33333vw;
  }
  .company .w1200 dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: clamp(13px, 3.46667vw, 26px);
  }
  .company .w1200 dl dt {
    width: 100%;
    padding: 0;
  }
  .company .w1200 dl dd {
    width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */