@charset "utf-8";

/*----- review -----*/
#review {
  background: url(../img/review/bg.webp) no-repeat center top;
  background-size: cover;
}
#review_ttl {
  background: url(../img/review/ttl_l.webp) no-repeat left center, url(../img/review/ttl_r.webp) no-repeat right center;
  background-size: contain;
  height: 5.9rem;
  line-height: 5.9rem;
  padding: 0 3rem;
}
.review_li li:last-child {
  width: calc(100% - 11rem);
}
.review_li li:last-child p, .review_li li:last-child img {
  padding-left: 1.2rem;
}
.review_name {
  border-bottom: 1px solid #3b1e074d;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

/*----- media -----*/
#media {
  background: url(../img/media/bg.webp) no-repeat center top;
  background-size: cover;
}

/*----- issue01 -----*/
#issue01 {
  background: url(../img/issue01/bg.webp) no-repeat center top;
  background-size: cover;
}
#issue01 .box {
  height: 118.7rem;
}
#issue01_ttl {
  margin-bottom: 53.5rem;
}
#issue01_wave {
  background: url(../img/issue01/wave.webp) no-repeat center bottom;
  background-size: contain;
  padding-bottom: 1.5rem;
}
#issue01_txt01 {
  top: 29rem;
  left: 6rem;
}
#issue01_txt02 {
  top: 39.5rem;
  left: 21.7rem;
}
#issue01_txt03 {
  top: 31.5rem;
  right: 7.5rem;
}
#issue01_txt04 {
  top: 54.5rem;
  right: 15.5rem;
}
#issue01_txt05 {
  top: 66.2rem;
  left: 5rem;
}
#issue01_txt06 {
  top: 34rem;
  left: 28rem;
}
#issue01_txt07 {
  top: 45rem;
  left: 7rem;
}
#issue01_txt08 {
  top: 41.5rem;
  right: 3rem;
}
#issue01_txt09 {
  top: 47.2rem;
  right: 6rem;
}
#issue01_txt10 {
  top: 56rem;
  left: 4rem;
}
#issue01_txt11 {
  top: 63.2rem;
  left: 17.5rem;
}
#issue01_txt12 {
  top: 64rem;
  right: 6rem;
}
#issue01_txt13 {
  top: 27.5rem;
  right: 3rem;
}
#issue01_txt14 {
  top: 36.5rem;
  left: 10rem;
}
#issue01_txt15 {
  top: 41rem;
  right: 17rem;
}
#issue01_txt16 {
  top: 55rem;
  right: 3rem;
}
#issue01_txt17 {
  top: 74rem;
  left: 16rem;
}
#issue01_txt18 {
  top: 72rem;
  right: 6rem;
}

/*----- issue02 -----*/
#issue02 {
  background: url(../img/issue02/bg.webp) no-repeat center top;
  background-size: cover;
}
.issue02_li {
  width: 42.6rem;
}
.issue02_li h3 {
  padding-left: 1.2rem;
}
.issue02_arw01 {
  bottom: -1.2rem;
}
#issue02_arw02 {
  margin-top: -1rem;
}
#issue02_img02 {
  margin-top: -3rem;
}
#issue02_wave {
  background: url(../img/issue02/wave.webp) no-repeat center bottom;
  background-size: contain;
  margin-bottom: 0.6rem;
}
#ba_box h4 {
  padding: 3rem 0 4.5rem;
  border-radius: 1.4rem 1.4rem 0 0;
}
.ba_li {
  margin-top: -2rem;
  padding: 0 3rem 3rem 3rem;
}
.ba_li li:nth-child(1)::after {
  content: "";
  display: block;
  width: 6.2rem;
  height: 6.3rem;
  background: url(../img/issue02/arw03.webp) no-repeat center bottom;
  background-size: contain;
  position: absolute;
  top: 19rem;
  right: -4.5rem;
}

/*----- ordermade -----*/
#ordermade_ttl {
  background: url(../img/ordermade/ttl_line.webp) no-repeat center bottom;
  background-size: contain;
  padding-bottom: 3.5rem;
}
#ordermade_li li {
  width: calc(50% - 0.5rem);
  background: linear-gradient(75deg, #e62d35 0%, #ed6c72 100%);
  padding-left: 2rem;
  line-height: 9.4rem;
  height: 9.4rem;
  margin-bottom: 1rem;
}
#ordermade_li li img {
  margin-right: 1rem;
}

/*----- pro -----*/
#pro {
  background: url(../img/pro/bg.webp) no-repeat center top;
  background-size: cover;
}
#pro_ttl {
  margin-bottom: 5.5rem;
}
#pro_ttl .din {
  position: relative;
  top: 0.2rem;
}
#pro_bln {
  margin-bottom: 5rem;
}
#pro_bln_flare {
  top: 0.2rem;
  left: -0.9rem;
  max-width: initial;
}

/*----- reason -----*/
#reason {
  background: url(../img/reason/bg.webp) no-repeat center top;
  background-size: cover;
}
.reason_ttl {
  height: 12rem;
  padding-left: 13.5rem;
}
#reason_ttl01 {
  background: url(../img/reason/num01.webp) no-repeat center top;
  background-size: contain;
}
#reason_ttl02 {
  background: url(../img/reason/num02.webp) no-repeat center top;
  background-size: contain;
}
#reason_ttl03 {
  background: url(../img/reason/num03.webp) no-repeat center top;
  background-size: contain;
}
.reason_li {
  padding: 2.4rem 3rem 2.7rem 3rem;
}
.reason_li li p {
  border-bottom: 1px dashed #cccccc;
  padding: 0 0 0.3rem 5rem;
  margin-bottom: 0.3rem;
}
.check {
  background: url(../img/reason/check.webp) no-repeat left center;
  background-size: 3.9rem;
}
#reason_staff_li {
  margin-top: -1.5rem;
}
#reason_li li {
  width: calc(50% - 0.5rem);
  background: linear-gradient(75deg, #e62d35 0%, #ed6c72 100%);
  padding-left: 2rem;
  height: 9.4rem;
  margin-bottom: 1rem;
}
#reason_li li img {
  margin-right: 1rem;
}

/*----- voice -----*/
#voice {
  background: url(../img/voice/bg.webp) no-repeat center top;
  background-size: cover;
}
.voice_ttl {
  padding: 0.9rem 3rem;
}
#voice_ttl {
  background: url(../img/voice/ttl_line.webp) no-repeat center bottom;
  background-size: contain;
  padding-bottom: 3.5rem;
}
.recommend_name {
  width: calc(100% - 21rem);
  padding-top: 2rem;
}
.recommend_name p span {
  display: block;
  background: #4c3e22;
  color: #fff;
  width: fit-content;
  padding: 0.1rem 1.5rem;
}
.recommend_li h3 span {
  display: block;
  border-bottom: 1px solid #ff8e15;
}
.recommend_name p {
  padding-right: 3rem;
}
.recommend_name02 p {
  padding-left: 3rem;
  padding-right: 0;
}
#profile_box {
  background: #fff3e3 url(../img/voice/ttl_bg.webp) no-repeat center top;
  background-size: contain;
}
#profile_box h4 {
  padding: 1.5rem 0 4.5rem 0;
}

#profile_li li:nth-child(2) {
  margin: 0 -3rem 0 -4.9rem;
}
.overview li:nth-child(1) {
  width: 9rem;
  margin-right: 1rem;
}
.overview li:nth-child(2) {
  width: calc(100% - 9rem);
}


/*----- flow -----*/
.flow_ttl {
  height: 11.4rem;
  padding: 0 0 1rem 13.5rem;
}
#flow_ttl01 {
  background: url(../img/flow/num01.webp) no-repeat center top;
  background-size: contain;
}
#flow_ttl02 {
  background: url(../img/flow/num02.webp) no-repeat center top;
  background-size: contain;
}
#flow_ttl03 {
  background: url(../img/flow/num03.webp) no-repeat center top;
  background-size: contain;
}
#flow_ttl04 {
  background: url(../img/flow/num04.webp) no-repeat center top;
  background-size: contain;
}
#flow_ttl05 {
  background: url(../img/flow/num05.webp) no-repeat center top;
  background-size: contain;
}
.flow_txt {
  width: 63rem;
  padding: 6rem 3rem 3rem 3rem;
  margin-top: -3rem;
}
.flow_arw {
  bottom: -1.5rem;
}

/*----- shop -----*/
.shop_ttl {
  padding: 2rem 7.5rem 2rem 6.6rem;
  cursor: pointer;
  position: relative;
  height: 9.1rem;
  border-radius: 1.2rem;
}
.shop_ttl span {
  background: #fff;
  color: #ff6c00;
  margin-left: 1rem;
  padding: 0 0.6rem;
  display: block;
}
.shop_ttl::after {
  content: "";
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  background: url(../img/shop/plus.webp) no-repeat center top,  url(../img/shop/minus.webp) no-repeat center top;
  background-size: contain;
  position: absolute;
  right: 3rem;
  top: calc(50% - 1rem);
}
.shop_ttl.active {
  border-radius: 1.2rem 1.2rem 0 0;
}
.shop_ttl.active::after {
  background: url(../img/shop/minus.webp) no-repeat center top;
}
.shop_area {
  display: none;
  border: 1px solid #ff5a00;
  border-radius: 0 0 1.2rem 1.2rem;
  overflow: hidden;
}
.shop_inner {
  padding-bottom: 4.5rem;
}
.shop_inner dt {
  margin-right: 0.9rem;
  text-align: center;
}
.shop_inner dt span {
  background: #4c3e22;
  color: #fff;
  display: inline-block;
  padding: 0.1rem 0;
  width: 12.4rem;
}
.shop_lead {
  padding: 7rem 3rem 3rem 3rem;
  position: relative;
}
.shop_lead p {
  padding-top: 3rem;
  margin-top: 3rem;
  border-top: 1px solid #dddddd;
}
.shop_bln {
  top: -3.3rem;
}

/*----- faq -----*/
.faq_ttl {
  padding: 2rem 7.5rem;
  cursor: pointer;
  position: relative;
}
.faq_ttl::before {
  content: "";
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  background: url(../img/faq/q.webp) no-repeat center top;
  background-size: contain;
  position: absolute;
  left: 3rem;
  top: 2.5rem;
}
.faq_ttl::after {
  content: "";
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  background: url(../img/faq/plus.webp) no-repeat center top,  url(../img/faq/minus.webp) no-repeat center top;
  background-size: contain;
  position: absolute;
  right: 3rem;
  top: calc(50% - 1rem);
}
.faq_ttl.active::after {
  background: url(../img/faq/minus.webp) no-repeat center top;
}
.faq_area {
  padding: 3rem 3rem 3rem 7.5rem;
  border-top: 1px solid #e6e6e6;
  position: relative;
  display: none;
}
.faq_area::before {
  content: "";
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  background: url(../img/faq/a.webp) no-repeat center top;
  background-size: contain;
  position: absolute;
  left: 3rem;
  top: 2.5rem;
}


/*----- footer -----*/
footer {
  background: #0f1e2d;
  color: #fff;
}
footer a {
  color: #fff;
}