@charset "UTF-8";

/*-------------------------
  settings
-------------------------*/
:root {
  --main-color: #e6f5f5;
  --txt-color: #584d39;
  --bg-color: #a5977e;
  --bg2-color: #f5f5f5;
  --bg3-color: #f2f0ec;
  --bg4-color: #f8f8f8;
  --accent-color: #46a3bb;
  --content-width-pc: min(80vw, 980px);
  --content-width-sp: 92vw;
}

/*-------------------------
  message
-------------------------*/
.message {
  padding-bottom: 9vw;
  background-color: var(--bg4-color);
}
.message__wrap {
  width: var(--content-width-sp);
  margin: auto;
}
.message__important {
  padding-top: calc(1135 / 750 * 100%);
  margin-bottom: 7vw;
  height: 0;
  position: relative;
  background: url("../img/bg-message-sp.png") center top / 100% no-repeat;
}
.message__important .message__wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.message__important h2 {
  margin-bottom: 14vw;
}
.message__important ul {
  display: flex;
  flex-wrap: wrap;
  gap: calc(9.9333vw);
}
.message__important ul li h3 {
  position: relative;
  z-index: 0;
}
.message__important ul li h3::after {
  position: absolute;
  content: "";
  width: calc(13.3333vw);
  height: calc(13.3333vw);
  top: -50%;
  left: 8%;
  transform: translate(-50%, -50%);
  background: url("../img/im-message-num1.png") center center / 100% no-repeat;
  z-index: -1;
}
.message__important li:nth-child(2) h3::after {
  background-image: url("../img/im-message-num2.png");
}
.message__support figure {
  width: 100vw;
  margin: calc(5.33333vw) calc(50% - 50vw) calc(12.8vw);
}
@media screen and (min-width: 768px) {
  .message {
    padding-bottom: min(9.51684vw, 130px);
  }
  .message__wrap {
    width: var(--content-width-pc);
  }
  .message__important .message__wrap {
    top: 45%;
  }
  .message__important {
    padding-top: calc(1230 / 2735 * 100%);
    margin-bottom: min(calc(70 / 1336 * 100vw), 70px);
    background-image: url("../img/bg-message-pc.png");
  }
  .message__important h2 {
    margin-bottom: min(calc(80 / 1336 * 100vw), 80px);
  }
  .message__important ul {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: min(2.34261vw, 32px);
  }
  .message__important ul li {
    width: 48%;
  }
  .message__important ul li h3::after {
    left: 4%;
    top: -40%;
    width: min(5.27086vw, 72px);
    height: min(5.27086vw, 72px);
  }
  .message__support figure {
    margin: min(3.66032vw, 50px) calc(50% - 50vw) min(3.51391vw, 48px);
  }
}
/*-------------------------
  user voice
-------------------------*/
.user-voice {
  padding: 9vw 0px 12.33333vw;
  background: url("../img/bg-user-voice-sp.jpg") center top / 100% no-repeat;
}
.user-voice-slider {
  margin-top: 8vw;
}
.user-voice-slider li {
  margin: auto 10px;
  width: var(--content-width-sp);
  height: calc(136vw);
  padding: calc(6.4vw) calc(4.8vw);
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(165, 151, 126);

  color: var(--txt-color);
}
.user-voice-slider__name {
  padding-bottom: 8px;
  font-weight: bold;
  font-size: calc(4.8vw);
  letter-spacing: 0.06em;
  line-height: 1;
  text-align: center;
  border-bottom: solid 2px var(--bg-color);
}
.user-voice-slider__img {
  margin: calc(5.33333vw) calc(16vw);
}
.user-voice-slider__txt {
  font-weight: 500;
  font-size: calc(4.26667vw);
  letter-spacing: 0.04em;
  line-height: 1.8;
}
.user-voice-slider .slick-next::before,
.user-voice-slider .slick-prev::before {
  content: "" !important;
}
.user-voice-slider .slick-next.slick-arrow,
.user-voice-slider .slick-prev.slick-arrow {
  display: block;
  top: 45%;
  width: calc(13.3333vw);
  height: calc(13.3333vw);
  cursor: pointer;
  z-index: 2;
}
.user-voice-slider .slick-next.slick-arrow {
  right: 1vw;
  background: url("../img/slider/im-slider-arrow-next.png") center center / 100% no-repeat;
}
.user-voice-slider .slick-prev.slick-arrow {
  left: 1vw;
  background: url("../img/slider/im-slider-arrow-prev.png") center center / 100% no-repeat;
}
@media screen and (min-width: 768px) {
  .user-voice {
    padding: min(5.85652vw, 80px) 0px min(8.78477vw, 120px);
    background-image: url("../img/bg-user-voice-pc.jpg");
  }
  .user-voice-slider {
    margin-top: min(calc(40 / 1336 * 100vw), 40px);
  }
  .user-voice-slider li {
    padding: min(1.61054vw, 22px) min(1.1713vw, 16px);
    height: min(39.5315vw, 540px);
  }
  .user-voice-slider__name {
    font-size: min(1.24451vw, 18px);
    letter-spacing: -0.01em;
  }
  .user-voice-slider__img {
    margin: min(1.46413vw, 20px) min(2.92826vw, 40px) min(0.732064vw, 10px);
  }
  .user-voice-slider__txt {
    font-size: min(1.1713vw, 16px);
  }
  .user-voice-slider .slick-next.slick-arrow,
  .user-voice-slider .slick-prev.slick-arrow {
    top: 50%;
  }
  .user-voice-slider .slick-next.slick-arrow {
    right: 4px;
  }
  .user-voice-slider .slick-prev.slick-arrow {
    left: 4px;
  }
  .user-voice-slider .slick-next.slick-arrow,
  .user-voice-slider .slick-prev.slick-arrow {
    width: min(3.66032vw, 50px);
    height: min(3.66032vw, 50px);
  }
}
/*-------------------------
  support
-------------------------*/
.support {
  padding: calc(10.6667vw) 2px 13vw;
  background-color: rgb(255, 255, 255);
}
.support__wrap {
  width: var(--content-width-sp);
  margin: 5vw auto 0px;
}
.support__images {
  display: flex;
  flex-wrap: wrap;
  gap: calc(3.73333vw);
}
.support__images li {
  border: solid 1px var(--txt-color);
  width: 100%;
}
.support__images li figure {
  display: grid;
  grid-template-columns: calc(30.6667vw) 1fr;
}
.support__images li figcaption {
  padding: calc(3.2vw) calc(2.13333vw) calc(3.2vw) calc(5.33333vw);

  font-weight: bold;
  font-size: calc(4vw);
  letter-spacing: 0.06em;
  line-height: 1.8;
  text-align: left;
  color: var(--txt-color);
  background-color: var(--bg3-color);
}
@media screen and (min-width: 768px) {
  .support {
    padding: min(5.85652vw, 80px) 0px min(8.78477vw, 120px);
  }
  .support__wrap {
    width: var(--content-width-pc);
    margin-top: min(3.66032vw, 50px);
  }
  .support__images {
    justify-content: space-between;
    gap: 0px;
  }
  .support__images li figure {
    display: block;
  }
  .support__images li {
    width: calc(33.3333% - 10px);
  }
  .support__images li figcaption {
    padding: min(0.878477vw, 12px);
    font-size: min(1.31772vw, 18px);
    text-align: center;
  }
}
/*-------------------------
  support-system
-------------------------*/
.support-system {
  padding-top: calc(10.6667vw);
  background-color: var(--bg2-color);
}
.support-system__wrap {
  width: var(--content-width-sp);
  margin: auto;
}
.support-system__grid {
  display: grid;
  gap: 5vw;
}
.support-system__point {
  margin-bottom: calc(8vw);
  padding: calc(5.33333vw) calc(4.26667vw) calc(8vw);
  background-color: rgb(255, 255, 255);
}
.support-system__point--3 {
  margin-bottom: 15vw;
}
.support-system__details {
  padding: calc(10.6667vw) 0 13vw;
  background: url("../img/bg-support-system-sp.png") center top / cover no-repeat;
}
.support-system-slider .slick-slide {
  margin: 0 1vw;
}
.support-system-slider li p {
  font-weight: 500;
  font-size: calc(12 / 375 * 100vw);
  letter-spacing: 0.06em;
  text-align: center;
  color: var(--txt-color);
  background-color: #e2d8c8;
}
.support-system-slider li figcaption {
  font-weight: 500;
  font-size: calc(11 / 375 * 100vw);
  letter-spacing: 0.04em;
  text-align: center;
  color: var(--txt-color);
}
@media screen and (max-width: 767px) {
  .support-system__scroll {
    overflow-x: scroll;
  }
  .support-system__scroll-img {
    width: 170vw;
  }
}
@media screen and (min-width: 768px) {
  .support-system {
    padding-top: min(7.32064vw, 100px);
  }
  .support-system__wrap {
    width: var(--content-width-pc);
  }
  .support-system__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: min(2.19619vw, 30px);
  }
  .support-system__point {
    margin: min(1.46413vw, 20px) auto min(2.19619vw, 30px);
    padding: min(3.66032vw, 50px) min(5.12445vw, 70px);
  }
  .support-system__point--2 .check-box {
    display: flex;
    gap: min(8.78477vw, 120px);
  }
  .support-system__point--3 {
    margin-bottom: min(7.32064vw, 100px);
  }
  .support-system__details {
    background-image: url("../img/bg-support-system-pc.png");
    padding: min(5.41728vw, 74px) 0px min(8.78477vw, 120px);
  }
  .support-system-slider .slick-slide {
    margin: 0 10px;
  }
  .support-system-slider li p {
    font-size: min(calc(20 / 1336 * 100vw), 20px);
  }
  .support-system-slider li figcaption {
    font-size: min(calc(18 / 1336 * 100vw), 18px);
  }
}
/*-------------------------
  reason
-------------------------*/
.reason {
  padding: calc(10.6667vw) 0px calc(9.8vw);
  background-color: var(--bg2-color);
}
.reason__wrap {
  width: var(--content-width-sp);
  margin: auto;
}
.reason__content {
  margin-bottom: 4vw;
  padding: calc(4.8vw) calc(4.26667vw);
  background-color: rgb(255, 255, 255);
}
.reason__content--more {
  padding: 0;
  background: none;
}
.reason__anchor-links {
  display: flex;
  gap: 4px;
  margin: calc(5.33333vw) auto;
}
.reason__anchor-links li {
  position: relative;
  width: calc(33.3333%);
}
.reason__anchor-links li a {
  display: block;
  padding: 2vw 0;
  text-align: center;
  background-color: var(--accent-color);
  cursor: pointer;
  font-family: "Shippori Mincho B1";
  font-weight: 500;
  font-size: 3.2vw;
  letter-spacing: 0.06em;
  color: rgb(255, 255, 255);
}
.reason__anchor-links li::after {
  content: "";
  position: absolute;
  top: 55%;
  left: 85%;
  transform: translate(-50%, -50%);
  width: calc(8 / 375 * 100vw);
  height: calc(5 / 375 * 100vw);
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.reason__content-flex {
  display: grid;
  gap: 4.8vw;
}
.function-shr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(2.66667vw);
}
.function-shr li {
  padding: calc(2.13333vw);
  border: solid 1px var(--txt-color);
}
.function-shr li:last-child {
  grid-area: 2 / 1 / 3 / 3;
}
.function-shr li .head {
  font-size: calc(3.46667vw);
  font-weight: bold;
  letter-spacing: 0.06em;
  text-align: center;
  color: var(--txt-color);
}
.function-shr li .head2 {
  width: max-content;
  margin: 0px auto 12px;
  padding-bottom: 4px;
  font-family: "Shippori Mincho B1";
  font-size: calc(4vw);
  font-weight: bold;
  letter-spacing: 0.06em;
  text-align: center;
  color: var(--txt-color);
  border-bottom: solid 1px var(--txt-color);
}
.function-shr li .img {
  margin: 8px -6%;
  width: 112%;
}
.function-shr li .txt {
  font-weight: 500;
  font-size: calc(4vw);
  letter-spacing: 0.01em;
  line-height: 1.8;
  text-align: left;
  text-indent: calc(-2.13333vw);
  margin-left: calc(2.13333vw);
  color: var(--txt-color);
}
@media screen and (min-width: 768px) {
  .reason {
    padding: min(7.32064vw, 100px) 0px min(1.46413vw, 20px);
  }
  .reason__wrap {
    width: var(--content-width-pc);
    margin-top: min(2.92826vw, 40px);
  }
  .reason__content {
    padding: min(2.92826vw, 40px) min(4.39239vw, 60px) 60px;
    margin-bottom: 30px;
  }
  .reason__anchor-links {
    margin: min(2.34261vw, 32px) auto;
  }
  .reason__anchor-links li a {
    padding: min(calc(12 / 1366 * 100vw), 12px);
    font-size: min(1.83016vw, 25px);
  }
  .reason__anchor-links li::after {
    width: min(0.658858vw, 9px);
    height: min(0.439239vw, 6px);
  }
  .reason__content-flex {
    margin-bottom: min(calc(40 / 1366 * 100vw), 40px);
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: min(2.92826vw, 40px);
  }
  .function-shr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(1.61054vw, 22px);
  }
  .function-shr li {
    padding: min(1.46413vw, 20px) min(2.63543vw, 24px);
  }
  .function-shr li .head {
    font-size: min(1.31772vw, 18px);
  }
  .function-shr li .head2 {
    margin-bottom: min(3.3675vw, 46px);
    font-size: min(1.61054vw, 22px);
  }
  .function-shr li .img {
    width: 90%;
    margin: min(0.732064vw, 10px) auto;
  }
  .function-shr li .txt {
    margin-left: min(1.1713vw, 16px);
    font-size: min(1.1713vw, 16px);
    text-indent: min(-1.1713vw, -16px);
    line-height: 2.2;
  }
}
/*-------------------------
  guarantee-system
-------------------------*/
.guarantee-system {
  padding: calc(10.6667vw) 0px calc(5.33333vw);
  background: url("../img/bg-guarantee-system-sp.png") center top / cover no-repeat;
}
.guarantee-system__wrap {
  width: var(--content-width-sp);
  margin: calc(6.66667vw) auto calc(8vw);
  padding: calc(2.33333vw);
  background-color: rgb(255, 255, 255);
}
.guarantee-system__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(2.13333vw);
}
.guarantee-system__list li {
  padding: calc(3.2vw) calc(2.13333vw);
  background-color: var(--bg2-color);
}
.guarantee-system__list li:last-child {
  grid-area: 2 / 1 / 3 / 3;
}
.guarantee-system__cost {
  padding: calc(3.73333vw);
  background-color: var(--bg4-color);
}
.guarantee-system__cost p {
  font-family: "Shippori Mincho B1";
  font-weight: normal;
  font-size: calc(3.2vw);
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.06em;
  color: var(--txt-color);
}
.guarantee-system__cost span {
  font-size: 170%;
}
@media screen and (min-width: 768px) {
  .guarantee-system {
    background-image: url("../img/bg-guarantee-system-pc.png");
    padding: min(5.85652vw, 90px) 0px min(1.46413vw, 20px);
  }
  .guarantee-system__wrap {
    width: var(--content-width-pc);
    margin: min(3.66032vw, 50px) auto min(2.19619vw, 30px);
    padding: min(0.732064vw, 10px);
  }
  .guarantee-system__inner {
    max-width: min(65.8858vw, 900px);
    margin: min(2.19619vw, 30px) auto;
  }
  .guarantee-system__list {
    gap: min(0.732064vw, 10px);
  }
  .guarantee-system__list li {
    padding: min(1.46413vw, 20px) min(4.21669vw, 20px);
  }
  .guarantee-system__cost {
    padding: min(0.732064vw, 10px);
  }
  .guarantee-system__cost p {
    font-size: min(1.31772vw, 18px);
  }
}
/*-------------------------
 owner-voice
-------------------------*/
.owner-voice {
  position: relative;
  padding: calc(10.6667vw) calc(5.33333vw);
  background-color: var(--bg2-color);
}
.owner-voice::after {
  position: absolute;
  content: "";
  width: 87vw;
  height: 210vw;
  top: 62%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/bg-owner-voice-sp.png) left center / 100% auto no-repeat;
  z-index: 0;
}
.owner-voice__wrap {
  position: relative;
  margin-top: calc(9.6vw);
  z-index: 1;
}
.owner-voice-item {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  gap: calc(4.26667vw);
  margin-bottom: calc(5.33333vw);
  padding: calc(4.26667vw);
  background-color: rgb(255, 255, 255);
}
.owner-voice-item__img {
  grid-area: 1 / 1 / 2 / 2;
}
.owner-voice-item__name {
  grid-area: 1 / 2 / 2 / 3;
}
.owner-voice-item__name p {
  max-width: 32vw;
  padding-bottom: calc(2.13333vw);
  font-weight: bold;
  font-size: calc(4vw);
  letter-spacing: 0.06em;
  line-height: 1.5;
  text-align: left;
  color: var(--txt-color);
  border-bottom: solid 2px var(--bg-color);
}
.owner-voice-item__txt {
  grid-area: 2 / 1 / 3 / 3;
}
.owner-voice__reviews {
  max-width: calc(45.3333vw);
  margin: 0px auto calc(4.26667vw);
}
.owner-voice__stars {
  max-width: calc(50.6667vw);
  margin: 0px auto calc(6.33333vw);
}
.owner-voice__voice6 {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .owner-voice {
    padding: min(5.85652vw, 80px) 0px 120px;
  }
  .owner-voice::after {
    width: 77vw;
    height: 150vw;
    top: 30%;
    left: 0;
    background-image: url(../img/bg-owner-voice-pc.png);
  }
  .owner-voice__wrap {
    width: var(--content-width-pc);
    margin: min(3.66032vw, 50px) auto 0px;
  }
  .owner-voice-item {
    grid-template-rows: auto 1fr;
    grid-template-columns: min(13.1772vw, 180px) 1fr;
    gap: min(1.46413vw, 20px) min(2.92826vw, 40px);
    align-items: start;
    margin-bottom: min(1.46413vw, 20px);
    padding: min(2.63543vw, 36px) min(4.39239vw, 60px);
  }
  .owner-voice-item__img {
    grid-area: 1 / 1 / 3 / 2;
  }
  .owner-voice-item__name {
    grid-area: 1 / 2 / 2 / 3;
  }
  .owner-voice-item__name p {
    max-width: min(calc(240 / 1366 * 100vw), 240px);
    padding-bottom: min(0.732064vw, 10px);
    font-size: min(1.31772vw, 18px);
  }
  .owner-voice-item__txt {
    grid-area: 2 / 2 / 3 / 3;
  }
  .owner-voice__reviews {
    max-width: min(19.7657vw, 270px);
    margin: 0px auto min(1.46413vw, 20px);
  }
  .owner-voice__stars {
    max-width: min(19.7657vw, 270px);
    margin-bottom: min(1.46413vw, 20px);
  }
  .owner-voice__voice6 {
    width: 100%;
    margin-inline: 0px;
    margin-bottom: min(2.19619vw, 30px);
  }
}
/*-------------------------
  cv
-------------------------*/
.cv {
  padding: calc(7.46667vw) 0px;
  background-color: var(--main-color);
}
.cv__wrap {
  width: var(--content-width-sp);
  margin: auto;
  padding: calc(8.53333vw) calc(2.66667vw) calc(4.66667vw);
  background: url(../img/bg-cv-sp.png) center / 105% auto no-repeat;
  border: solid 3px var(--accent-color);
}
.cv__head {
  margin-bottom: calc(2.13333vw);

  font-weight: bold;
  font-size: calc(3.46667vw);
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-align: center;
  color: var(--txt-color);
  align-items: center;
  display: flex;
  justify-content: center;
}
.cv__head::before,
.cv__head::after {
  background-color: var(--txt-color);
  content: "";
  height: 2px;
  width: calc(4.26667vw);
}
.cv__head::before {
  transform: rotate(70deg);
}
.cv__head::after {
  transform: rotate(-70deg);
}
.cv__txt {
  margin-bottom: calc(4.4vw);
  font-size: calc(4vw);
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: center;
  color: var(--txt-color);
}
.cv__link {
  max-width: calc(61.3333vw);
  height: fit-content;
  margin: 0px auto;
  display: flex;
  justify-content: center;
}

.cv__wrap.top{
  background: url(../img/bg-top-cv-sp.png) center / 100% auto no-repeat;
}

@media screen and (min-width: 768px) {
  .cv {
    padding: min(5.12445vw, 70px) 0px;
	  position: relative;
	  z-index: 10;
  }
  .cv__wrap {
    width: var(--content-width-pc);
    background-image: url(../img/bg-cv-pc.png);
    padding: min(3.66032vw, 50px) min(12.0791vw, 165px) min(4.09956vw, 56px);
  }
  .cv__head {
    margin-bottom: min(1.1713vw, 16px);
    font-size: min(1.68375vw, 23px);
  }
  .cv__head::before,
  .cv__head::after {
    width: min(2.34261vw, 32px);
  }
  .cv__txt {
    font-size: min(1.02489vw, 14px);
    margin: min(1.1713vw, 16px) auto;
  }
  .cv__link {
    max-width: min(28vw, 358px);
    height: min(5.56369vw, 76px);
  }

  .cv__wrap.top{
    background: url(../img/bg-top-cv-pc.png) center / 100% auto no-repeat;
  }
}
/*-------------------------
  contact
-------------------------*/
.contact {
  padding: calc(10.6667vw) 0px calc(5.33333vw);
  background-color: var(--bg-color);
}
.contact__wrap {
  width: var(--content-width-sp);
  margin: calc(8vw) auto;
  padding: 20px 10px;
  background-color: var(--bg2-color);
}
@media screen and (min-width: 768px) {
}
/*-------------------------
  faq
-------------------------*/
.faq {
  padding: calc(10.6667vw) 0px calc(5.33333vw);
  background-color: rgb(255, 255, 255);
}
.faq__wrap {
  width: var(--content-width-sp);
  margin: calc(8vw) auto;
}
.faq-item {
  margin-bottom: calc(5.33333vw);
  background-color: var(--bg2-color);
  cursor: pointer;
}
.faq-item__num {
  font-family: Cormorant;
  font-weight: 500;
  font-size: calc(6.93333vw);
  color: var(--bg-color);
}
.faq-item__txt {
  font-size: calc(4vw);
  letter-spacing: 0.04em;
  line-height: 1.6;
  color: var(--txt-color);
}
.faq-item__txt--jp {
  font-size: calc(4.26667vw);
  font-weight: 600;
  font-family: "Shippori Mincho B1";
}
.faq-item summary {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: baseline;
  gap: calc(3vw);
  padding: calc(2.13333vw) calc(6.93333vw) calc(3.2vw) calc(4.26667vw);
  font-size: calc(4.26667vw);
  font-weight: 600;
}
.faq-item summary::after {
  content: "";
  width: calc(4.8vw);
  height: calc(4.8vw);
  background: url("../img/c-faq-arrow.png") center center / 100% no-repeat;
  transition: transform 0.5s;
}
.faq-item[open] summary::after {
  transform: rotate(180deg);
}
.faq-item p {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: baseline;
  gap: calc(8vw);
  padding: calc(3.2vw);
  border-top: 1px solid rgb(220, 226, 232);
}
@media screen and (min-width: 768px) {
  .faq {
    padding: min(5.85652vw, 80px) 0px min(7.32064vw, 100px);
  }
  .faq__wrap {
    width: var(--content-width-pc);
    margin: min(2.19619vw, 30px) auto 0px;
  }
  .faq-item {
    margin-bottom: min(1.46413vw, 20px);
  }
  .faq-item__num {
    font-size: min(2.34261vw, 32px);
  }
  .faq-item__txt {
    font-size: min(1.1713vw, 16px);
  }
  .faq-item__txt--jp {
    font-size: min(1.31772vw, 18px);
  }
  .faq-item summary {
    gap: min(1.1713vw, 16px);
    padding: min(0.878477vw, 12px) min(4.39239vw, 60px);
  }
  .faq-item summary::after {
    width: min(1.75695vw, 24px);
    height: min(1.75695vw, 24px);
  }
  .faq-item p {
    gap: min(1.1713vw, 16px);
    padding: min(0.878477vw, 12px) min(4.39239vw, 60px);
  }
}
/*-------------------------
  spec
-------------------------*/
.spec {
  padding: calc(10.6667vw) calc(5.33333vw);
  background-color: var(--bg2-color);
}
.spec__wrap {
  width: var(--content-width-sp);
  margin: auto;
}
.spec-table {
  display: grid;
  grid-template-columns: calc(16vw) 1fr;
  gap: 1px;
  border: solid 1px var(--border-color);
  background-color: var(--border-color);
}
.spec-table__header,
.spec-table__row {
  display: flex;
  align-items: center;
  padding: calc(4.26667vw) calc(2.13333vw);
  font-weight: 500;
  font-size: calc(3.73333vw);
  letter-spacing: 0.01em;
  line-height: 1.4;
  color: var(--txt-color);
  background-color: rgb(255, 255, 255);
}
.spec-table__header {
  justify-content: center;
  text-align: center;
  background-color: var(--bg3-color);
}
.spec-table__row--flex {
  display: block;
}
@media screen and (min-width: 768px) {
  .spec {
    padding: min(5.85652vw, 80px) 0px min(8.78477vw, 120px);
  }
  .spec__wrap {
    width: var(--content-width-pc);
    margin-top: min(2.92826vw, 40px);
  }
  .spec-table {
    grid-template-columns: min(8.78477vw, 120px) 1fr;
  }
  .spec-table__header,
  .spec-table__row {
    padding: min(1.02489vw, 14px);
    font-size: min(1.1713vw, 16px);
    line-height: 1.8;
  }
  .spec-table__row--flex {
    display: flex;
    gap: min(3.51391vw, 48px);
  }
}
/*-------------------------
  footer
-------------------------*/
.footer {
  padding: calc(24 / 375 * 100vw) 0 calc(100 / 375 * 100vw);
  background-color: var(--bg-color);
}
.footer p {
  font-weight: 500;
  font-size: calc(11 / 375 * 100vw);
  letter-spacing: 0.06em;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .footer {
    padding: min(calc(72 / 1366 * 100vw), 72px);
  }
  .footer p {
    font-size: min(calc(12 / 1366 * 100vw), 12px);
  }
}
/*-------------------------
  追従ボタン
-------------------------*/
.sticky-button {
  display: none;
  max-width: calc(320 / 375 * 100vw);
  height: calc(50 / 375 * 100vw);
  position: relative;
  left: 0;
  right: 0;
  top: -10vw;
  margin: -6.7vw auto;
  background-color: var(--accent-color);
  border: solid 2px #fff;
  z-index: 5;
}
.sticky-button.fixed {
  display: block;
  position: fixed;
  top: 92dvh;
}
.sticky-button a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(12 / 375 * 100vw);
  font-family: "Shippori Mincho B1";
  font-weight: bold;
  font-size: calc(16 / 375 * 100vw);
  letter-spacing: 0.06em;
  color: #fff;
}
.sticky-button a::after {
  content: "";
  width: calc(4.8vw);
  height: calc(4.8vw);
  background: url("../img/c-float-arrow.png") center center / 100% no-repeat;
}
@media screen and (min-width: 768px) {
  .sticky-button {
    display: block;
    max-width: min(calc(860 / 1366 * 100vw), 860px);
    height: min(calc(80 / 1366 * 100vw), 80px);
    top: min(calc(-24 / 1366 * 100vw), -24px);
    margin-bottom: 0;
    transition: opacity 0.2s ease-in;
    border-width: 4px;
	  z-index: 11;
  }
  .sticky-button.fixed {
    top: 98dvh;
  }
  .sticky-button a {
    gap: min(calc(12 / 1366 * 100vw), 12px);
    font-size: min(calc(24 / 1366 * 100vw), 24px);
  }
  .sticky-button a::after {
    width: min(1.75695vw, 24px);
    height: min(1.75695vw, 24px);
  }
}
@media (any-hover: hover) {
  .sticky-button:hover {
    opacity: 0.7;
  }
}