@charset "utf-8";

.service_section {
  background-color: #F8F4ED;
  border-radius: calc(clamp(0px, 1.5625vw, 30px) * 1);
  margin: 0 auto 96px;
  width: calc(clamp(0px, 92.4479166667vw, 1775px) * 1);
}

.service_contents {
  display: flex;

  justify-content: space-between;
  align-items: center;
  width: calc(clamp(0px, 92.4479166667vw, 1775px) * 1);
  margin: 0 auto;
  padding-left: calc(clamp(0px, 11vw, 206px) * 1);
  padding-right: calc(clamp(0px, 11vw, 206px) * 1);
  padding-top: calc(clamp(0px, 4.17vw, 80px) * 1);
}

.ttl_area {
  background-image: url(/media/export/cms2.0//mpp/250425/texture.png);
  background-repeat: no-repeat;
  background-size: calc(clamp(0px, 13.6459vw, 262px) * 1);
  background-position: right top;
  width: calc(clamp(0px, 34.375vw, 660px) * 1);
}

.service_tag {
  font-feature-settings: 'palt';
  font-size: calc(clamp(0px, 1.041666vw, 20px));
  font-weight: 700;
  letter-spacing: 0;
  padding: calc(clamp(0px, 0.3645833vw, 7px) * 1) calc(clamp(0px, 0.6771vw, 13px) * 1);
  background-color: #ADDEB7;
  display: inline-block;
  margin: 0;
}

.service_ttl {
  font-size: calc(clamp(0px, 2.083333vw, 40px) * 1);
  margin: 0;
  letter-spacing: 1.8px;
  font-weight: 700;
  padding-top: calc(clamp(0px, 1.042vw, 20px) * 1);
  padding-bottom: calc(clamp(0px, 1.666666vw, 32px) * 1);
  line-height: 1.5;
}

.texture {
  position: absolute;
  top: clamp(0.688rem, 0.402rem + 0.446vi, 0.938rem);
  left: clamp(11.875rem, -0.268rem + 18.973vi, 22.5rem);
  width: calc(clamp(0px, 13.6459vw, 262px) * 1);
}

.service_period{
  margin: 0;
  font-size: calc(clamp(0px, 0.8333333333333334vw, 16px) * 1);
  display: inline-block;
}
.service_period span {
  white-space: nowrap;
  letter-spacing: 1.8px;
  border: 1px solid #1a1a1a;
  padding: calc(clamp(0px, 0.26041666666666663vw, 5px) * 1) calc(clamp(0px, 0.5208333333333333vw, 10px) * 1);
}
.service_period_txt{
  font-feature-settings: 'palt';
  font-size: clamp(0.563rem, -0.295rem + 1.339vi, 1.313rem);
  white-space: nowrap;
  margin-bottom: calc(clamp(0px, 1.145833vw, 23px) * 1);
  margin-top: calc(clamp(0px, 0.78125vw, 15px) * 1);
  line-height: 1.7;
  letter-spacing: 1.6px;
  width: calc(clamp(0px, 32.814vw, 630px));
}
.service_txt {
  font-feature-settings: 'palt';
  font-size: clamp(0.563rem, -0.295rem + 1.339vi, 1.313rem);
  white-space: nowrap;
  margin-bottom: calc(clamp(0px, 1.145833vw, 23px) * 1);
  margin-top: calc(clamp(0px, 1.145833vw, 23px) * 1);
  line-height: 1.7;
  letter-spacing: 1.6px;
  width: calc(clamp(0px, 32.814vw, 630px));
}

.fd_img {
  width: calc(clamp(0px, 31.82292vw, 611px));
}

.service_cta {
  width: calc(clamp(0px, 11.4583333333vw, 220px) * 1);
  height: calc(clamp(0px, 2.34375vw, 45px) * 1);
  margin: 0;
  color: #fff;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.service_cta a {
  font-size: calc(clamp(0px, 0.729166vw, 14px) * 1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 100%;
  height: 100%;
}

.service_contents ul {
  -moz-column-gap: 1em;
  column-gap: 1em;
  width: calc(clamp(0px, 44.271vw, 850px) * 1);
  margin: 0 auto;
  display: inline-block;
  padding-top: calc(clamp(0px, 0.88542vw, 17px) * 1);
}

.service_contents li {
  font-size: calc(clamp(0px, 0.6770833333vw, 13px)* 1);
  margin: 0;
  color: #999999;
  letter-spacing: 1px;
}

/* アコーディオン */
.fd_accordion_wrapper {
  width: calc(clamp(0px, 70.833333vw, 1360px) * 1);
  margin: 0 auto;
  padding-bottom: calc(clamp(0px, 3.749999vw, 72px) * 1);
  padding-top: calc(clamp(0px, 3.124999vw, 60px) * 1);
}

.acd_contents {
  display: block;
  height: 0;
  opacity: 0;
  padding: 0;
  visibility: hidden;
}

.accordion_inner {
  height: calc(clamp(0px, 3.12499999vw, 60px) * 1);
  color: #1a1a1a;
  background-color: #ADDDB7;
  position: relative;
  font-size: calc(clamp(0px, 1.249999vw, 24px) * 1);
  height: 100%;
}

.acd-check {
  display: none;
}

.acd-check:checked~.acd_contents {
  height: auto;
  opacity: 1;
  visibility: visible;
}

.acd-label {
  height: calc(clamp(0px, 3.12499999vw, 60px) * 1);
  color: #1a1a1a;
  background-color: #ADDDB7;
  position: relative;
  font-size: calc(clamp(0px, 1.249999vw, 24px) * 1);
  font-weight: bold;
  display: grid;
  place-content: center;
}

.acd-label::before {
  content: "";
  position: absolute;
  right: calc(clamp(0px, 2.6041666667vw, 50px) * 1);
  background-color: #1a1a1a;
  transition: all 0.3s;
  top: calc(50% - 0.5em);
  width: 2px;
  height: 1em;
  width: min(0.10417vw, 2px);
  height: min(1.66667vw, 32px);
  top: 23%;
}

.acd-label::after {
  content: "";
  position: absolute;
  right: calc(clamp(0px, 2.6041666667vw, 50px) * 1);
  background-color: #1a1a1a;
  transition: all 0.3s;
  top: calc(50% - 0.5em);
  width: 2px;
  height: 1em;
  transform: rotate(90deg);
  width: min(0.10417vw, 2px);
  height: min(1.66667vw, 32px);
  top: 23%;
}

.acd-check:checked+.acd-label::before {
  opacity: 0;
}



.acd-content_inner {
  border: none;
  background-color: #fff;
  padding-block: calc(clamp(0px, 3.125vw, 60px) * 1);
  padding-inline: calc(clamp(0px, 4.9479166667vw, 95px) * 1);
}

.howto_list {
  display: flex;
  justify-content: center;
  gap: calc(clamp(0px, 2.0833333333vw, 40px) * 1);
  padding-bottom: calc(clamp(0px, 2.0833333333vw, 40px) * 1);
  border-bottom: min(0.10417vw, 2px) solid rgba(173, 221, 183, 0.4);
}

.howto_list li {
  width: calc(clamp(0px, 19.32292vw, 371px) * 1);
}

.howto_number {
  text-align: center;
  font-size: calc(clamp(0px, 1.249999vw, 24px) * 1);
  margin-top: 0;
  margin-bottom: calc(clamp(0px, 1.249999vw, 24px) * 1);
  font-family: 'CliniqueHelveticaNeueRegula', 'Helvetica' !important;
  letter-spacing: 0;
  font-weight: 700;
  position: relative;
}

.howto_number::before {
  background-color: #ADDDB7;
  bottom: -6px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: calc(clamp(0px, 1.3021vw, 25px) * 1);
}

.howto_text {
  font-weight: 400;
  line-height: 1.7;
  font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
}

.howto_inquiry {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(clamp(0px, 2.0833333333vw, 40px) * 1);
  margin-top: calc(clamp(0px, 2.0833333333vw, 40px) * 1);
  font-size: calc(clamp(0px, 0.937498vw, 18px) * 1);
  line-height: 1.7;
}

.inquiry {
  font-weight: 700;
}