@charset "UTF-8";

html {
  font-size: 62.5%;
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.2em;
  color: #fff;
  scroll-behavior: smooth;
  letter-spacing: 0;
  min-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  html {
    min-width: unset;
  }
}
body {
  font-size:2rem;
  background-color: #000;
}
img {
  max-width: 100%;
  height: auto;
}
a:hover {
  opacity: 0.7;
}

/* --------------------------------------------------
  共通レイアウト
-------------------------------------------------- */
.pc {
  display: block;
}
.sp {
  display: none;
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
.flex {
  display: flex;
  justify-content: space-between;
}
.pc-flex {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .pc-flex {
    display: block;
  }
}

.inner {
  padding: 0;
  margin: 0 auto;
  width: 1300px;
}
@media (max-width: 768px) {
  .inner {
    width: calc(690 / 750 * 100%);
  }
}

.pt-10 {
  padding-top: 10px;
}
.pt-15 {
  padding-top: 15px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-25 {
  padding-top: 25px;
}
.pt-30 {
  padding-top: 30px;
}

/* --------------------------------------------------
共通装飾
-------------------------------------------------- */
.fs-16 {
  font-size: 1.6rem;
}
.fs-20 {
  font-size: 2.0rem;
}
.fs-22 {
  font-size: 2.2rem;
}
.fs-26 {
  font-size: 2.6rem;
}
.fs-28 {
  font-size: 2.8rem;
}
.fs-30 {
  font-size: 3.0rem;
}
.fs-32{
  font-size: 3.2rem;
}

.fc-black {
  color: #020202;
}

.ta-c {
  text-align: center;
}
.ta-r {
  text-align: right;
}

.txt-underline {
  text-decoration: underline;
}
.font-roboto {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.font-yumincho {
  font-family: "Yu Mincho", "YuMincho";
}

.bg-white {
  background: #fff!important;
}

/* --------------------------------------------------
  .mv
-------------------------------------------------- */
.mv {
  background-color: #000;
}
.mv__bg {
  background-image: url(../images/mv-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 1610px;
  height: 700px;
  margin: 0 auto;
}
.mv .logo {
  width: fit-content;
  height: auto;
  padding: 100px 0 0 100px;
}
.mv .catch {
  width: fit-content;
  font-size: 4.8rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: calc(73/48);
  padding-top: 40px;
}
.mv .medal-list {
  padding-top: 15px;
  justify-content: flex-start;
}
.mv .mv__right {
  width: 440px;
  padding-top: 30px;
}
.mv .mv__right .mw_wp_form {
  color: #020202;
  background-color: #fff;
  border-radius: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0 20px 20px;
}
.mv .mv__right .mw_wp_form h2 {
  color: #a20067;
  padding-top: 30px;
  text-align: center;
}
.mv .mv__right .mw_wp_form dl {
  padding-top: 30px;
}
.mv .mv__right .mw_wp_form dl dt.required .asterisk {
  color: #a20067;
}
.mv .mv__right .mw_wp_form .flex {
  padding: 15px 10px 0;
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field {
  display: inline-block;
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field label {
  display: inline-block;
  width: 110px;
  height: 88px;
  cursor: pointer;
  border: 2px #d2d2d2 solid;
  border-radius: 10px;
  user-select: none;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 800;
  letter-spacing: 0.18em;
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field label:hover {
  border: 2px #a20067 solid;
}
label:has(input[type="checkbox"]:checked) {
  background-color: #a20067;
  color: #fff;
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field label input[type="checkbox"] {
  display: none; /* チェックボックスを非表示 */
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field label .mwform-checkbox-field-text::before {
  content: '';
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 8px auto;
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field:not(:nth-of-type(1)) label .mwform-checkbox-field-text::before {
  margin-bottom: 13px;
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field:nth-of-type(1) label .mwform-checkbox-field-text::before {
  background-image: url(../images/form-satei-product-01.png);
  width: 49px;
  height: 49px;
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field:nth-of-type(1) label:has(input[type="checkbox"]:checked) .mwform-checkbox-field-text::before {
  background-image: url(../images/form-satei-product-01_checked.png);
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field:nth-of-type(2) label .mwform-checkbox-field-text::before {
  background-image: url(../images/form-satei-product-02.png);
  width: 30px;
  height: 44px;
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field:nth-of-type(2) label:has(input[type="checkbox"]:checked) .mwform-checkbox-field-text::before {
  background-image: url(../images/form-satei-product-02_checked.png);
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field:nth-of-type(3) label .mwform-checkbox-field-text::before {
  background-image: url(../images/form-satei-product-03.png);
  width: 44px;
  height: 44px;
}
.mv .mv__right .mw_wp_form .mwform-checkbox-field:nth-of-type(3) label:has(input[type="checkbox"]:checked) .mwform-checkbox-field-text::before {
  background-image: url(../images/form-satei-product-03_checked.png);
}
.mv .mv__right .mw_wp_form textarea,
.mv .mv__right .mw_wp_form input[type="text"] {
  font-size: 1.2rem;
  border: 1px #b1b1b1 solid;
  border-radius: 12px;
  padding: 6px;
  box-shadow: inset 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
}
.mv .mv__right .mw_wp_form textarea {
  resize: none;
}
.mv .mv__right .mw_wp_form select {
  font-size: 1.2rem;
  border: 2px #a9a9a9 solid;
  border-radius: 12px;
  padding: 8px;
  width: 100%;
}
.mv .mv__right .mw_wp_form dl dt {
  letter-spacing: 0.02em;
}
.mv .mv__right .mw_wp_form dl dt,
.mv .mv__right .mw_wp_form dl .list-item:not(:nth-of-type(1)) dd {
  display: inline-block;
}
.mv .mv__right .mw_wp_form dl .list-item:not(:nth-of-type(1)) dt {
  width: 95px;
}
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(1) dd {
  width: 100%;
}
.mv .mv__right .mw_wp_form dl .list-item:not(:nth-of-type(1)) dd {
  width: 295px;
}
.mv .mv__right .mw_wp_form dl .list-item:not(:nth-of-type(1)) dd input {
  width: 100%;
}
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(2) dt {
  vertical-align: top;
}
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(2) dd textarea {
  width: 100%;
  height: 70px;
}
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd {
  width: 100px!important;
}
.mv .mv__right .mw_wp_form dl dd:has(select) {
  width: 86px!important;
}
.mv .mv__right .mw_wp_form dl dd:has(select) label {
  position: relative;
}
.mv .mv__right .mw_wp_form dl dd:has(select) label::after {
  position: absolute;
  content: '▼';
  top: 3px;
  right: 5px;
  color: #020202;
  font-size: 0.8em;
  pointer-events: none;
}
.mv .mv__right .mw_wp_form .privacy {
  font-size: 1rem;
}
.mv .mv__right .mw_wp_form .privacy .asterisk,
.mv .mv__right .mw_wp_form .privacy .txt-underline{
  color: #a20067;
}
.mv .mv__right .mw_wp_form .submitbtn {
  padding-top: 15px;
}
.mv .mv__right .mw_wp_form .submitbtn input[type="submit"] {
  width: 350px;
  height: 50px;
  background-image: url(../images/form-btn-submit.png);
  text-indent: -9999px;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.4));
}
.mv .mv__right .mw_wp_form .submitbtn input[type="submit"]:hover {
  filter: none;
  transform: translate(3px, 3px);
}
.mv .mv__right .mw_wp_form .p-country-name {
  display: none;
}
.mv .mv__right .mw_wp_form dd .error {
  color: #a20067;
  font-size: 1.2rem;
  font-weight: 600;
}
.mv .mv__right .mw_wp_form .list-item:nth-of-type(1) dd {
  position: relative;
}
.mv .mv__right .mw_wp_form .list-item:nth-of-type(1) dd .error {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-100%);
}
@media (max-width: 768px) {
  .mv__bg {
    background-image: url(../images/mv-bg_sp.jpg);
    background-size: 100%;
    background-position: center top;
    height: auto;
    padding-bottom: calc(88px / 750px * 100vw);
  }
  .mv .logo {
    padding: calc(60px / 750px * 100vw) 0 0;
    margin: 0 auto;
    width: calc(207px / 750px * 100vw);
  }
  .mv .catch {
    font-size: 6.770833333333333vw;
    line-height: calc(80 / 52);
    text-align: center;
    width: 100%;
    padding-top: calc(30px / 750px * 100vw);
    text-shadow: 0px 0px 10px rgba(20, 20, 20, 0.8), 0px 0px 15px rgba(20, 20, 20, 0.9);
  }
  .mv .medal-list {
    width: 100%;
    padding-top: calc(550px / 750px * 100vw);
  }
  .mv .mv__right {
    width: calc(650px / 750px * 100vw);
    margin: 0 auto;
    padding-top: calc(20px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form {
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
    font-size: 3.125vw;
    padding: 0 calc(50px / 750px * 100vw) calc(40px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form h2 {
  padding-top: calc(40px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form h2 img {
    width: calc(524px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form .flex {
    padding: calc(20px / 750px * 100vw) 0 0;
  }
  .mv .mv__right .mw_wp_form .mwform-checkbox-field label {
    width: calc(166px / 750px * 100vw);
    height: calc(128px / 750px * 100vw);
    font-size: 2.604166666666667vw;
  }
  .mv .mv__right .mw_wp_form .mwform-checkbox-field:nth-of-type(1) label .mwform-checkbox-field-text::before {
    margin: calc(10px / 750px * 100vw) auto;
    width: calc(72px / 750px * 100vw);
    height: calc(72px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form .mwform-checkbox-field:nth-of-type(2) label .mwform-checkbox-field-text::before {
    margin: calc(13px / 750px * 100vw) auto;
    width: calc(44px / 750px * 100vw);
    height: calc(65px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form .mwform-checkbox-field:nth-of-type(3) label .mwform-checkbox-field-text::before {
    margin: calc(13px / 750px * 100vw) auto;
    width: calc(65px / 750px * 100vw);
    height: calc(65px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form dl .list-item:not(:nth-of-type(1)) dt {
    width: calc(140px / 750px * 100vw)!important;
    flex-grow: 1;
  }
  .mv .mv__right .mw_wp_form dl .list-item:not(:nth-of-type(1)) dd {
    width: calc(98% - (140px / 750px * 100vw));
  }
  .mv .mv__right .mw_wp_form dt.pt-15,
  .mv .mv__right .mw_wp_form dd.pt-15 {
    padding-top: calc(20px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form dl .list-item:nth-of-type(2) dd textarea {
    height: calc(110px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form textarea,
  .mv .mv__right .mw_wp_form input[type="text"] {
    font-size: 2.34375vw;
    padding: calc(15px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:first-of-type {
    width: calc(150px / 750px * 100vw)!important;
  }
  .mv .mv__right .mw_wp_form select {
    font-size: 2.34375vw;
    padding: calc(15px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dt:nth-of-type(2) {
    padding-right: calc(15px / 750px * 100vw);
    white-space: nowrap;
  }
  .mv .mv__right .mw_wp_form .privacy {
    font-size: 2.083333333333333vw;
  }
  .mv .mv__right .mw_wp_form .privacy.pt-15 {
    padding-top: calc(15px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form .submitbtn {
    padding-top: calc(20px / 750px * 100vw);
  }
  .mv .mv__right .mw_wp_form .submitbtn input[type="submit"] {
    width: calc(515px / 750px * 100vw);
    height: calc(80px / 750px * 100vw);
    background-image: url(../images/form-btn-submit_sp.png);
    background-size: 100%;
  }
}

/* --------------------------------------------------
  .intro
-------------------------------------------------- */
.intro {
  background-image: url(../images/intro-bg.png);
  background-size: 1610px 1082px;
  background-position: center -80px;
  background-repeat: no-repeat;
  height: 1030px;
}
.intro h2 {
  width: fit-content;
  margin: 0 auto;
  padding-top: 100px;
}

@media (max-width: 768px) {
  .intro {
    background-image: url(../images/intro-bg_sp.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    height: calc(708px / 750px * 100vw);
  }
  .intro h2 {
    width: calc(637px / 750px * 100vw);
    padding-top: calc(100px / 750px * 100vw);
  }
}

/* --------------------------------------------------
  .record
-------------------------------------------------- */
.record {
  background-image: url(../images/record-bg.png);
  background-size: 1610px 745px;
  background-position: center;
  overflow: hidden;
}
.record h2 {
  width: fit-content;
  margin: 0 auto;
}
.record .swiper-recordlist {
  width: 100%;
  height: 100%;
  margin-top: 80px;
  position: relative;
}
.record .swiper-wrapper {
  width: 100%;
  align-items: center;
}
.record .swiper-slide {
  width: 270px;
  height: 305px;
  background-position: center;
  background-repeat: no-repeat;
  border: 4px #c22185 solid;
  margin: 0 40px 0;
  transform: scale(1);
  opacity: .5;
  transition: .5s;
}
.record .swiper-slide.list-item--01 {
  background-image: url(../images/record-item-01.png);
}
.record .swiper-slide.list-item--02 {
  background-image: url(../images/record-item-02.png);
}
.record .swiper-slide.list-item--03 {
  background-image: url(../images/record-item-03.png);
}
.record .swiper-slide.list-item--04 {
  background-image: url(../images/record-item-04.png);
}
.record .swiper-slide.list-item--05 {
  background-image: url(../images/record-item-05.png);
}
.record .swiper-slide.list-item--06 {
  background-image: url(../images/record-item-06.png);
}
.record .swiper-slide.list-item--07 {
  background-image: url(../images/record-item-07.png);
}
.record .swiper-slide.list-item--08 {
  background-image: url(../images/record-item-08.png);
}
.record .swiper-slide.swiper-slide-active {
  opacity: 1;
  transform: scale(calc(330/270));
}
.record__list .list-item {
  position: relative;
}
.record__list .category {
  display: inline-block;
  padding: 5px 10px;
  background-color: #c22185;
  font-size: 1.5rem;
  font-weight: 900;
  width: fit-content;
}
.record__list dt {
  padding: 8px 12px;
  font-weight: 900;
}
.record__list dd {
  position: absolute;
  bottom: 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 800;
  width: 100%;
  padding: 20px 10px;
}
.record__list dd span {
  color: #c22185;

}
.record__list dd .price {
  font-size: 3rem;
  font-style: italic;
}
.record__list .swiper-slide-active dd .price {
  font-size: 3.8rem;
}
.record__txt {
  text-align: center;
  font-size: 1.8rem;
  padding-top: 120px;
}
.record .swiper-button-prev:after,
.record .swiper-button-next:after {
  color: transparent;
}
.record .swiper-button-prev,
.record .swiper-button-next {
  width: 100px;
  height: 100px;
}
.record .swiper-button-prev {
  background-image: url(../images/record-arrow-prev.png);
}
.record .swiper-button-next {
  background-image: url(../images/record-arrow-next.png);
}
.record .swiper-pagination {
  bottom: unset!important;
  margin-top: 30px;
}
.record .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  width: 16px;
  height: 16px;
  opacity: 1;
  margin: 40px 16px!important;
}
.record .swiper-pagination .swiper-pagination-bullet-active {
  background: #c22185;
}

@media (max-width: 768px) {
  .record {
    background-image: url(../images/record-bg_sp.png);
    background-size: 100%;
  }
  .record h2 {
    width: calc(502px / 750px * 100vw);
  }
  .record .swiper-recordlist {
    margin-top: calc(45px / 750px * 100vw);
  }
  .record .swiper-slide {
    width: calc(460px / 750px * 100vw);
    height: calc(600px / 750px * 100vw);
    border: calc(6px / 750px * 100vw) solid #c22185;
    background-size: 55%;
    margin: 0 calc(40px / 750px * 100vw);
  }
  .record .swiper-slide.swiper-slide-active {
    transform: scale(calc(500/460));
  }
  .record__list .category {
    padding: calc(15px / 750px * 100vw) calc(20px / 750px * 100vw);
    font-size: 3.2552083333333335vw;
  }
  .record__list dt {
    padding: calc(25px / 750px * 100vw);
    font-size: 4.296875vw;
    line-height: calc(50 / 33);
  }
  .record__list dd {
    padding: calc(40px / 750px * 100vw) 0;
    font-size: 3.90625vw;
  }
  .record__list .swiper-slide dd .price {
    font-size: 9.114583333333332vw;
  }
  .record .swiper-button-prev,
  .record .swiper-button-next {
    width: calc(100px / 750px * 100vw);
    height: calc(100px / 750px * 100vw);
    background-size: 100%;
  }
  .record .swiper-pagination {
    margin-top: calc(20px / 750px * 100vw);
  }
  .record .swiper-pagination .swiper-pagination-bullet {
    width: calc(16px / 750px * 100vw);
    height: calc(16px / 750px * 100vw);
    margin: calc(55px / 750px * 100vw) calc(17px / 750px * 100vw)!important;
  }
  .record__txt {
    text-align: left;
    padding-top: calc(140px / 750px * 100vw);
    font-size: 3.125vw;
    line-height: calc(42 / 24);
  }
}

/* --------------------------------------------------
  .find
-------------------------------------------------- */
.find {
  background-image: url(../images/find-bg.png);
  background-repeat: no-repeat;
  background-position: right -125px;
}
.find h2 {
  width: fit-content;
  margin: 120px auto 0;
}
.find h3 {
  text-align: center;
  font-size: 5.2rem;
  font-weight: 600;
  line-height: 1.5;
  padding-top: 70px;
}
.find__txt {
  text-align: center;
  font-size: 2rem;
  line-height: 2.4;
  width: fit-content;
  margin: 0 auto;
  padding: 48px 0 75px;
}

@media (max-width: 768px) {
  .find {
    background-image: url(../images/find-bg_sp.png);
    background-size: calc(421px / 750px * 100vw);
    background-position: right bottom;
    padding-bottom: calc(130px / 750px * 100vw);
  }
  .find h2 {
    width: calc(350px / 750px * 100vw);
    margin: calc(100px / 750px * 100vw) auto 0;
  }
  .find h3 {
    font-size: 6.380208333333333vw;
    line-height: calc(79 / 49);
    padding-top: calc(80px / 750px * 100vw);
  }
  .find__txt {
    font-size: 3.90625vw;
    line-height: 2;
    padding-top: calc(40px / 750px * 100vw);
  }
}

/* --------------------------------------------------
  .buy
-------------------------------------------------- */
.buy {
  background-image: url(../images/buy-bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}
.buy .inner {
  position: relative;
}
.buy h2 {
  width: fit-content;
  margin: 0 auto;
  padding-top: 45px;
}
.buy__img {
  position: absolute;
  top: 150px;
  left: 20px;
}
.buy__txt-box {
  margin: 0 0 auto auto;
  width: 670px;
  padding-top: 100px;
}
.buy__txt-box h3 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6;
}
.buy__txt-box h3 > span {
  position: relative;
}
.buy__txt-box h3 > span::after {
  content: '';
  display: block;
  width: 100%;
  height: 110%;
  background-color: #c22185;
  position: absolute;
  top: 0;
  z-index: -1;
}
.buy__txt-box > .txt {
  padding-top: 30px;
  padding-bottom: 240px;
  font-size: 2rem;
  line-height: 2.4;
}

@media (max-width: 768px) {
  .buy {
    background-image: url(../images/buy-bg_sp.png);
    background-size: 100%;
    background-position: center bottom;
  }
  .buy h2 {
    width: calc(290px / 750px * 100vw);
    padding-top: 0;
  }
  .buy__img {
    position: static;
    margin: calc(57px / 750px * 100vw);
    width: calc(582px / 750px * 100vw);
  }
  .buy__txt-box {
    margin: 0;
    padding-top: calc(70px / 750px * 100vw);
    width: 100%;
  }
  .buy__txt-box h3 {
    font-size: 5.46875vw;
    line-height: calc(72 / 42);
  }
  .buy__txt-box h3 > span::after {
    width: 102%;
  }
  .buy__txt-box > .txt {
    padding-top: calc(30px / 750px * 100vw);
    padding-bottom: calc(80px / 750px * 100vw);
    font-size: 3.125vw;
    line-height: calc(54 / 24);
  }
}

/* --------------------------------------------------
  .lineup
-------------------------------------------------- */
.lineup {
  background-image: url(../images/lineup-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 80px 0;
}
.lineup h2 {
  width: fit-content;
  text-align: center;
  font-size: 5.2rem;
  font-weight: 800;
  font-style: italic;
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
.lineup h2::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
  z-index: -1;
  background-color: #c22185;
  width: 110%;
  height: 110%;
  transform: skewX(-10deg);
}
.lineup__list {
  padding-top: 70px;
  margin: 0 auto;
  width: 920px;
  flex-wrap: wrap;
  gap: 40px;
}
.lineup__list .list-item {
  width: 200px;
  height: 200px;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  padding-top: 145px;
  border: 3px #fff solid;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
}
.lineup__list .list-item:nth-of-type(1) {
  background-image: url(../images/lineup-item-01.png);
  background-position-y: 16px;
}
.lineup__list .list-item:nth-of-type(2) {
  background-image: url(../images/lineup-item-02.png);
  background-position-y: 26px;
}
.lineup__list .list-item:nth-of-type(3) {
  background-image: url(../images/lineup-item-03.png);
  background-position-y: 40px;
}
.lineup__list .list-item:nth-of-type(4) {
  background-image: url(../images/lineup-item-04.png);
  background-position-y: 28px;
}
.lineup__list .list-item:nth-of-type(5) {
  background-image: url(../images/lineup-item-05.png);
  background-position-y: 27px;
}
.lineup__list .list-item:nth-of-type(6) {
  background-image: url(../images/lineup-item-06.png);
  background-position-y: 62px;
}
.lineup__list .list-item:nth-of-type(7) {
  background-image: url(../images/lineup-item-07.png);
  background-position-y: 29px;
}
.lineup__list .list-item:nth-of-type(8) {
  background-image: url(../images/lineup-item-08.png);
  background-position-y: 20px;
}
.lineup__txt {
  padding-top: 36px;
  font-size: 2rem;
  line-height: 2.4;
}

@media (max-width: 768px) {
  .lineup {
    background-image: url(../images/lineup-bg_sp.png);
    background-size: 100%;
    background-position: center top;
    padding: calc(80px / 750px * 100vw) 0;
  }
  .lineup h2 {
    width: calc(370px / 750px * 100vw);
    font-size: 7.552083333333333vw;
  }
  .lineup h2::after {
    left: calc(-10px / 750px * 100vw);
    width: 108%;
  }
  .lineup__list {
    padding-top: calc(50px / 750px * 100vw);
    width: 100%;
    gap: calc(30px / 750px * 100vw);
  }
  .lineup__list .list-item {
    width: calc(150px / 750px * 100vw);
    height: calc(150px / 750px * 100vw);
    padding: calc(15px / 750px * 100vw);
    padding-top: calc(115px / 750px * 100vw);
    border: 2px #fff solid;
    font-size: 2.864583333333333vw;
  }
  .lineup__list .list-item:nth-of-type(1) {
    background-size: calc(88px / 750px * 100vw);
    background-position-y: calc(14px / 750px * 100vw);
  }
  .lineup__list .list-item:nth-of-type(2) {
    background-size: calc(80px / 750px * 100vw);
    background-position-y: calc(22px / 750px * 100vw);
  }
  .lineup__list .list-item:nth-of-type(3) {
    background-size: calc(72px / 750px * 100vw);
    background-position-y: calc(32px / 750px * 100vw);
  }
  .lineup__list .list-item:nth-of-type(4) {
    background-size: calc(69px / 750px * 100vw);
    background-position-y: calc(23px / 750px * 100vw);
  }
  .lineup__list .list-item:nth-of-type(5) {
    background-size: calc(54px / 750px * 100vw);
    background-position-y: calc(22px / 750px * 100vw);
  }
  .lineup__list .list-item:nth-of-type(6) {
    background-size: calc(88px / 750px * 100vw);
    background-position-y: calc(42px / 750px * 100vw);
  }
  .lineup__list .list-item:nth-of-type(7) {
    background-size: calc(76px / 750px * 100vw);
    background-position-y: calc(23px / 750px * 100vw);
  }
  .lineup__list .list-item:nth-of-type(8) {
    background-size: calc(85px / 750px * 100vw);
    background-position-y: calc(17px / 750px * 100vw);
  }
  .lineup__txt {
    padding-top: calc(72px / 750px * 100vw);
    font-size: 3.125vw;
    line-height: calc(54 / 24);
  }
}

/* --------------------------------------------------
  .reason
-------------------------------------------------- */
.reason {
  padding: 120px 0;
}
.reason h2 {
  width: 901px;
  height: 179px;
  background-image: url(../images/reason-title-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  text-align: center;
  font-size: 5.2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin: 0 auto;
  padding-top: 20px;
}
.reason h2 > span {
  color: #c22185;
}
.reason__list {
  padding-top: 70px;
} 
.reason__list .flex .left {
  width: 507px;
}
.reason__list .flex .right {
  width: 750px;
}
.reason__list .flex .right dt {
  position: relative;
  width: fit-content;
  font-size: 3rem;
}
.reason__list .flex .right dt.pc::after {
  content: '';
  display: block;
  width: 100%;
  height: 110%;
  background-color: #a20067;
  position: absolute;
  top: 0;
  z-index: -1;
}
.reason__list .flex .right dd {
  font-size: 2rem;
  line-height: 1.6;
  padding-top: 40px;
}
.reason__list .flex + .flex {
  padding-top: 65px;
}

@media (max-width: 768px) {
  .reason {
    padding: calc(180px / 750px * 100vw) 0 calc(100px / 750px * 100vw);
  }
  .reason h2 {
    width: 100%;
    height: auto;
    aspect-ratio: 901 / 179;
    font-size: 6.770833333333333vw;
    font-weight: 800;
    line-height: calc(67 / 52);
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 0.9);
    padding-top: calc(10px / 750px * 100vw);
  }
  .reason__list {
    padding-top: calc(80px / 750px * 100vw);
  }
  .reason__list > .flex {
    display: block;
  }
  .reason__list .flex .left {
    width: 100%;
  }
  .reason__list .flex .right {
    width: 100%;
    margin-top: calc(50px / 750px * 100vw);
  }
  .reason__list .flex .right dt.sp {
    font-size: 5.729166666666666vw;
    line-height: calc(68 / 44);
  }
  .reason__list .flex .right dt.sp > span {
    position: relative;
  }
  .reason__list .flex .right dt.sp > span::after {
    content: '';
    display: block;
    width: 100%;
    height: 110%;
    background-color: #a20067;
    position: absolute;
    top: 0;
    z-index: -1;
  }
  .reason__list .flex .right dd {
    font-size: 3.125vw;
    line-height: calc(54 / 24);
    padding-top: calc(40px / 750px * 100vw);
  }
}

/* --------------------------------------------------
  .cta
-------------------------------------------------- */
.cta {
  background-color: #d4d4d4;
  padding: 45px 0 60px;
  text-align: center;
  color: #020202;
}
.cta__txt01 {
  font-size: 3rem;
  line-height: 1.6;
  font-weight: 700;
}
.cta__txt01 > span {
  color: #a20067;
}
.cta .flex {
  padding-top: 50px;
  margin: 0 auto;
  width: 1140px;
}
.cta .flex > .left {
  width: 420px;
}
.cta .flex > .left > .btn-line {
  margin-top: 20px;
}
.cta .flex > .right {
  width: 660px;
  border-top: #a20067 4px solid;
  border-bottom: #a20067 4px solid;
}
.cta .flex > .right > .txt-tel {
  padding-top: 20px;
  color: #a20067;
  font-size: 3rem;
  font-weight: 700;
}
.cta .flex > .right > .link-tel {
  display: inline-block;
  padding-top: 15px;
  color: #a20067;
  font-weight: 800;
  font-size: 5rem;
  line-height: 1;
}
.cta .flex > .right > .link-tel::before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 53px;
  margin-right: 16px;
  background-image: url(../images/cta-telicon.png);
  background-repeat: no-repeat;
  background-size: 100%;
  vertical-align: sub;
}
.cta .flex > .right > .txt-holiday {
  font-size: 2.3rem;
  font-weight: 500;
  padding: 10px 0 20px;
}

@media (max-width: 768px) {
  .cta {
    padding: calc(24px / 750px * 100vw) 0 calc(80px / 750px * 100vw);
  }
  .cta a {
    display: block;
  }
  .cta__tel {
    margin-top: calc(60px / 750px * 100vw);
    width: 100%;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.5));
  }
  .cta .sp .flex {
    width: 100%;
    padding-top: calc(32px / 750px * 100vw);
  }
  .cta__mail,
  .cta__line {
    width: calc(336px / 750px * 100vw);
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5));
  }
}

/* --------------------------------------------------
  .connect
-------------------------------------------------- */
.connect {
  padding: 80px 0;
  background-image: url(../images/connect-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  overflow-x: hidden;
}
.connect h2 {
  position: relative;
  font-style: italic;
  font-size: 5.3rem;
  line-height: 1.4;
  width: fit-content;
  margin-left: 565px;
}
.connect h2::before,
.connect h2::after {
  content: '';
  position: relative;
  display: block;
  width: 882px;
  height: 3px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 75%, rgba(104, 104, 104, 1));
}
.connect h2::before {
  top: 76px;
}
.connect__txt01 {
  font-size: 2rem;
  line-height: 2.4;
  width: 735px;
  margin: 60px 0 0 auto;
}

@media (max-width: 768px) {
  .connect {
    background-image: url(../images/connect-bg_sp.png);
    background-position: left top;
    background-size: 100%;
    padding: calc(160px / 750px * 100vw) 0;
  }
  .connect h2 {
    margin: 0;
    font-size: 6.510416666666667vw;
    font-weight: 700;
    line-height: calc(81 / 50);
  }
  .connect h2::before,
  .connect h2::after {
    width: calc(617px / 750px * 100vw);
    height: calc(3px / 750px * 100vw);
    left: calc(-30px / 750px * 100vw);
  }
  .connect h2::before {
    top: calc(80px / 750px * 100vw);
  }
  .connect__txt01 {
    width: 100%;
    margin-top: calc(80px /750px * 100vw);
    font-size: 3.90625vw;
    line-height: 2;
  }
}

/* --------------------------------------------------
  .service
-------------------------------------------------- */
.service {
  padding: 120px 0;
}
.service h2 {
  background-image: url(../images/service-title-bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 969px;
  height: 178px;
  margin: 0 auto;
  padding-top: 60px;
  font-size: 5.2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
}
.service h2 > span {
  color: #c22185;
}

.service__tab-block {
  margin-top: 60px;
}
.service__tab-block .tab {
  position: relative;
  width: 625px;
  text-align: center;
  font-size: 4.5rem;
  font-weight: 700;
  background-color: #9e9e9f;
  border: 4px #fff solid;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
  padding: 32px 0;
  box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.service__tab-block .tab.active {
  background-color: #bd1c7d;
  box-shadow: none;
}
.service__tab-block .tab.active::before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -4px;
  width: 100%;
  border-bottom: 4px #bd1c7d solid;
  z-index: 1;
}
.service__tab-block .tab.active::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
  background-image: url(../images/service-tab-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 33px;
  height: 22px;
  z-index: 1;
}
.service__panel-block {
  border: 4px solid #fff;
  padding-bottom: 80px;
}
.service__panel-block .panel {
  display: none;
}
.service__panel-block .panel.active {
  display: block;
}
.service__panel-block .panel .txt01 {
  padding-top: 110px;
  font-size: 4.2rem;
  font-weight: 700;
}
.service__panel-block .panel .txt01 > span {
  color: #c22185;
  text-decoration: underline;
}
.service__panel-block .panel .content-box01 {
  padding-top: 30px;
  width: 1100px;
  margin: 0 auto;
}
.service__panel-block .panel .content-box01 .right {
  width: 560px;
}
.service__panel-block .panel .content-box01 .right .txt02 {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 500;
}
.service__panel-block .panel .point-list {
  width: 1100px;
  padding-top: 30px;
  margin: 0 auto;
}
.service__panel-block .panel--collection .area {
  width: 1100px;
  margin: 55px auto 0;
  border: 3px #9e9e9f solid;
}
.service__panel-block .panel--collection .area .title {
  background-image: url(../images/service-collection-area-bg.png);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 77px;
  padding-top: 20px;
  font-size: 3.6rem;
  font-weight: 800;
  line-height: 1;
}
.service__panel-block .panel--collection .area > .txt {
  padding: 30px 40px;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 500;
}
.service__panel-block .panel .flow {
  margin: 80px auto 0;
  padding-bottom: 60px;
  width: fit-content;
  background-image: url(../images/service-flow-bg.png);
  background-size: cover;
}
.service__panel-block .panel .flow > .title {
  width: fit-content;
  margin: 0 auto;
  position: relative;
}
.service__panel-block .panel .flow > .title::before {
  display: block;
  content: '';
  position: absolute;
  top: 8px; left: -140px;
  background-image: url(../images/service-flow-hand.png);
  width: 280px;
  height: 239px;
}
.service__panel-block .panel .flow .flow-list {
  width: 925px;
  margin: 56px auto 0;
}
.service__panel-block .panel .flow .flow-list .list-item:not(:first-of-type) {
  margin-top: 72px;
}
.service__panel-block .panel .flow .flow-list .list-item.flex {
  align-items: center;
}
.service__panel-block .panel .flow .flow-list .list-item > .num {
  width: 106px;
  height: 107px;
  position: relative;
}
.service__panel-block .panel .flow .flow-list .list-item:not(:last-of-type) > .num::after {
  content: '';
  display: block;
  position: absolute;
  left: 52px;
  width: 3px;
  height: 120px;
  background-color: #fff;
}
.service__panel-block .panel .flow .flow-list .txt-box {
  width: 790px;
}
.service__panel-block .panel .flow .flow-list .txt-box > h4 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6;
}
.service__panel-block .panel .flow .flow-list .txt-box > .txt {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.6;
  padding-top: 8px;
}
.service__panel-block .panel .caution > .title {
  font-size: 2.6rem;
  font-weight: 800;
  padding-top: 140px;
  position: relative;
}
.service__panel-block .panel .caution > .title::before {
  content: '';
  display: block;
  background-image: url(../images/service-caution-icon.png);
  background-repeat: no-repeat;
  width: 49px;
  height: 43px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}
.service__panel-block .panel .caution .caution-list {
  margin: 24px auto 0;
  width: 1010px;
  border: #9e9e9f 3px solid;
}
.service__panel-block .panel .caution .caution-list .caution-list-item dt {
  font-size: 2.2rem;
  padding: 30px;
  position: relative;
}
.service__panel-block .panel .caution .caution-list .caution-list-item dt::after {
  content: '';
  display: block;
  background-image: url(../images/service-caution-list-arrow.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 34px;
  height: 20px;
  top: 50%;
  right: 70px;
  transform: rotate(0) translateY(-50%);
  cursor: pointer;
  transition: .3s;
}
.service__panel-block .panel .caution .caution-list .caution-list-item dt.active::after {
  transform: rotate(540deg) translateY(50%);
}
.service__panel-block .panel .caution .caution-list .caution-list-item:not(:first-of-type) dt {
  border-top: #9e9e9f 3px solid;
}
.service__panel-block .panel .caution .caution-list .caution-list-item dd {
  display: none;
  padding: 0px 40px 40px;
  font-weight: 600;
}
.service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block {
  margin-top: 40px;
  border: 4px solid #9e9e9f;
  border-radius: 5px;
}
.service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block .id-title {
  font-weight: 600;
  color: #fff;
  background-color: #9e9e9f;
  padding: 24px 0;
}
.service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block ul.id-content {
  padding: 40px;
  flex-wrap: wrap;
}
.service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block ul.id-content li {
  width: 245px;
  padding-bottom: 30px;
}
.service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block ul.id-content li:last-of-type {
  width: auto;
}
.service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block ul.id-content li::before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  background-color: #9e9e9f;
  margin-right: 15px;
}
.service__panel-block .panel .caution .caution-list .caution-list-item dd.return-detail {
  line-height: 1.7;
} 
.service__panel-block .panel--store .store-area > .title {
  font-size: 3.6rem;
  font-weight: 800;
  padding-top: 72px;
}
.service__panel-block .panel--store .store-area .store-area-list {
  margin: 40px auto 0;
  width: 1010px;
}
.service__panel-block .panel--store .store-area .store-area-list .area-title {
  padding: 24px;
  text-align: center;
  font-weight: 600;
  border-bottom: 4px solid #fff;
  position: relative;
}
.service__panel-block .panel--store .store-area .store-area-list .area-title::after {
  display: block;
  content: '';
  background-image: url(../images/service-store-area-list-btn-01.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 50%;
  right: 65px;
  transform: translateY(-50%) rotate(0);
  transition: .3s;
  cursor: pointer;
}
.service__panel-block .panel--store .store-area .store-area-list .area-title.active::after {
  background-image: url(../images/service-store-area-list-btn-02.png);
  transform: translateY(-50%) rotate(180deg);
}
.service__panel-block .panel--store .store-area .store-area-list .area-info {
  display: none;
  padding-top: 40px;
}
.service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item {
  border: 4px solid #fff;
  padding: 40px;
  margin-bottom: 40px;
  gap: 40px;
}
.service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item .info {
  flex-grow: 1;
  line-height: 1.75;
}
.service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item .info .name {
  font-weight: 800;
  line-height: 1;
}
.service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item .info .map {
  color: #cc2185;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .service {
    padding: calc(180px / 750px * 100vw) 0 calc(80px / 750px * 100vw);
  }
  .service h2 {
    width: 100%;
    height: auto;
    aspect-ratio: 969 / 178;
    padding-top: calc(40px / 750px * 100vw);
    font-size: 6.770833333333333vw;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 0.9);
  }
  .service__tab-block {
    margin-top: calc(130px / 750px * 100vw);
  }
  .service__tab-block .tab {
    width: calc(335px / 750px * 100vw);
    font-size: 4.166666666666666vw;
    font-weight: 900;
    border: 2px solid #fff;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    padding: calc(20px / 750px * 100vw);
  }
  .service__tab-block .tab.active::after {
    width: calc(22px / 750px * 100vw);
    height: calc(14px / 750px * 100vw);
    bottom: calc(-21px / 750px * 100vw);
  }
  .service__panel-block {
    border: #fff solid 2px;
    padding-bottom: calc(100px / 750px * 100vw);
  }
  .service__panel-block .panel {
    padding: 0 calc(25px / 750px * 100vw);
  }
  .service__panel-block .panel .txt01 {
    font-size: 5.729166666666666vw;
    font-weight: 800;
    font-style: italic;
    line-height: calc(68 / 44);
    padding-top: calc(80px / 750px * 100vw);
  }
  .service__panel-block .panel .content-box01 {
    padding-top: calc(45px / 750px * 100vw);
    width: 100%;
  }
  .service__panel-block .panel .content-box01.flex {
    display: block;
  }
  .service__panel-block .panel .content-box01 .right {
    width: 100%;
    padding-top: calc(45px / 750px * 100vw);
  }
  .service__panel-block .panel .content-box01 .right .txt02 {
    font-size: 3.125vw;
    line-height: calc(54 / 24);
  }
  .service__panel-block .panel .content-box01 .right .txt02 > span {
    color: #cc2185;
  }
  .service__panel-block .panel .point-list {
    width: 100%;
    padding-top: calc(80px / 750px * 100vw);
  }
  .service__panel-block .panel .point-list.flex {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .service__panel-block .panel .point-list > li {
    width: calc(240px / 750px * 100vw);
  }
  .service__panel-block .panel .point-list > li:nth-of-type(3),
  .service__panel-block .panel .point-list > li:nth-of-type(4) {
    margin-top: calc(40px / 750px * 100vw);
  }
  .service__panel-block .panel--collection .area {
    width: 100%;
    margin: calc(80px / 750px * 100vw) auto 0;
    border: 2px solid #9e9e9f;
  }
  .service__panel-block .panel--collection .area .title {
    background-image: url(../images/service-collection-area-bg_sp.png);
    height: auto;
    aspect-ratio: 617 / 121;
    padding-top: calc(40px / 750px * 100vw);
    font-size: 5.729166666666666vw;
    font-weight: 900;
    font-style: italic;
  }
  .service__panel-block .panel--collection .area > .txt {
    padding: calc(40px / 750px * 100vw);
    font-size: 3.125vw;
  }
  .service__panel-block .panel .flow {
    margin: calc(50px / 750px * 100vw) auto 0;
    padding-bottom: calc(50px / 750px * 100vw);
    background-image: url(../images/service-flow-bg_sp.png);
    background-size: 100%;
    background-position: center;
    width: 100%;
  }
  .service__panel-block .panel .flow > .title {
    width: calc(640px / 750px * 100vw);
  }
  .service__panel-block .panel .flow > .title::before {
    width: calc(270px / 750px * 100vw);
    height: auto;
    aspect-ratio: 319 / 227;
    background-size: 100%;
    top: calc(9px / 750px * 100vw);
    left: calc(-12px / 75px * 100vw);
  }
  .service__panel-block .panel .flow .flow-list {
    width: 100%;
    margin: calc(56px /750px * 100vw) auto 0;
  }
  .service__panel-block .panel .flow .flow-list .list-item.flex {
    justify-content: center;
    align-items: flex-start;
    gap: calc(25px / 750px * 100vw);
  }
  .service__panel-block .panel .flow .flow-list .list-item > .num {
    width: calc(80px / 750px * 100vw);
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .service__panel-block .panel .flow .flow-list .list-item:not(:last-of-type) > .num::after {
    left: calc(38px / 750px * 100vw);
    width: 2px;
    height: calc(250px / 750px * 100vw);
  }
  .service__panel-block .panel .flow .flow-list .txt-box {
    width: calc(495px / 750px * 100vw);
  }
  .service__panel-block .panel .flow .flow-list .txt-box > h4 {
    font-size: 4.6875vw;
    line-height: calc(46 / 36);
  }
  .service__panel-block .panel .flow .flow-list .txt-box > .txt {
    font-size: 2.864583333333333vw;
    line-height: calc(50 / 22);
    padding-top: calc(24px / 750px 100vw);
  }
  .service__panel-block .panel .flow .flow-list .list-item:not(:first-of-type) {
    margin-top: calc(68px / 750px * 100vw);
  }
  .service__panel-block .panel .caution > .title {
    font-size: 5.729166666666666vw;
    padding-top: calc(100px / 750px * 100vw);
  }
  .service__panel-block .panel .caution > .title::before {
    width: calc(56px / 750px * 100vw);
    height: calc(50px / 750px * 100vw);
    background-size: 100%;
    bottom: calc(68px / 750px * 100vw);
  }
  .service__panel-block .panel .caution .caution-list {
    width: 100%;
    margin: calc(30px / 750px * 100vw) auto 0;
    border: #9e9e9f 2px solid;
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dt {
    font-size: 2.864583333333333vw;
    padding: calc(24px / 750px * 100vw);
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dt::after {
    width: calc(24px / 750px * 100vw);
    height: calc(13px / 750px * 100vw);
    background-size: 100%;
    right: calc(42px / 750px * 100vw);
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dd {
    padding: calc(30px / 750px * 100vw);
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dd > .fs-22 {
    font-size: 2.864583333333333vw;
    line-height: calc((36 / 22));
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dd > .fs-26 {

  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block {
    margin-top: calc(40px / 750px * 100vw);
    border: 2px solid #9e9e9f;
    border-radius: 3px;
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block .id-title {
    font-size: 3.125vw!important;
    padding: calc(24px / 750px * 100vw);
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block ul.id-content {
    font-size: 2.864583333333333vw!important;
    padding: calc(40px / 750px * 100vw) calc(25px / 750px * 100vw);
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block ul.id-content li {
    width: calc(240px / 750px * 100vw);
    padding-bottom: calc(27px / 750px * 100vw);
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block ul.id-content li::before {
    width: calc(28px / 750px * 100vw);
    height: calc(28px / 750px * 100vw);
    margin-right: calc(8px / 750px * 100vw);
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dd .id-block ul.id-content li:last-of-type {
    line-height: calc(36 / 22);
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item:not(:first-of-type) dt {
    border-top: #9e9e9f 2px solid;
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item:nth-of-type(2) dd,
  .service__panel-block .panel .caution .caution-list .caution-list-item:nth-of-type(3) dd {
    font-size: 2.864583333333333vw;
    line-height: calc(36 / 22);
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dd.return-detail > .fs-28 {
    font-size: 3.3854166666666665vw;
  }
  .service__panel-block .panel .caution .caution-list .caution-list-item dd.return-detail > .pt-30 {
    padding-top: calc(36px / 750px * 100vw);
  }
  .service__panel-block .panel--store .store-area > .title {
    padding-top: calc(120px / 750px * 100vw);
    font-size: 5.729166666666666vw;
  }
  .service__panel-block .panel--store .store-area .store-area-list {
    margin: calc(10px / 750px * 100vw) auto 0;
    width: 100%;
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-title {
    padding: calc(30px / 750px * 100vw);
    border-bottom: 2px solid #fff;
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-title.fs-22 {
    font-size: 2.864583333333333vw;
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-title::after {
    width: calc(22px / 750px * 100vw);
    height: calc(22px / 750px * 100vw);
    background-size: 100%;
    right: calc(35px / 750px * 100vw);
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-info {
    padding-top: calc(40px / 750px * 100vw);
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item {
    border: 2px solid #fff;
    padding: calc(40px / 750px * 100vw);
    margin-bottom: calc(40px / 750px * 100vw);
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item.flex {
    display: block;
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item .img > img {
    width: 100%;
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item .info .name.fs-32 {
    font-size: 4.6875vw;
    padding-top: calc(30px / 750px * 100vw);
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item .info .zip {
    font-size: 2.864583333333333vw!important;
    line-height: calc(28 / 22);
    padding-top: calc(20px / 750px * 100vw);
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item .info .address {
    font-size: 2.864583333333333vw!important;
    line-height: calc(28 / 22);
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item .info .map {
    font-size: 3.125vw!important;
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item .info .tel {
    font-size: 3.3854166666666665vw!important;
  }
  .service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item .info .time, 
  .service__panel-block .panel--store .store-area .store-area-list .area-info .info-list .info-list-item .info .holiday {
    font-size: 3.125vw!important;
  }
}

/* --------------------------------------------------
  .voice
-------------------------------------------------- */
.voice {
  padding: 80px 0;
  background-image: url(../images/voice-bg.png);
  background-size: cover;
  background-position: top;
  overflow-x: hidden
}
.voice .swiper-voice-container {
  position: relative;
}
.voice .swiper-voice {
  margin-top: 80px;
  height: 100%;
  overflow: hidden;
}
.voice .swiper-voice .swiper-button-prev,
.voice .swiper-voice .swiper-button-next {
  width: 59px;
  height: 108px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.voice .swiper-voice .swiper-button-prev {
  left: -100px;
}
.voice .swiper-voice .swiper-button-next {
  right: -100px;
}
.voice .swiper-voice .swiper-button-prev::after {
  display: block;
  content: '';
  background-image: url(../images/voice-arrow-prev.png);
  background-repeat: no-repeat;
  width: 59px;
  height: 108px;
  position: absolute;
  left: 20px;
}
.voice .swiper-voice .swiper-button-prev:hover::after {
  background-image: url(../images/voice-arrow-prev-hover.png);
}
.voice .swiper-voice .swiper-button-next::after {
  display: block;
  content: '';
  background-image: url(../images/voice-arrow-next.png);
  background-repeat: no-repeat;
  width: 59px;
  height: 108px;
  position: absolute;
  right: 20px;
}
.voice .swiper-voice .swiper-button-next:hover::after {
  background-image: url(../images/voice-arrow-next-hover.png);
}
.voice__list .list-item {
  border: 4px solid #a20067;
  padding: 20px;
  margin: 0 20px;
  width: 406px;
  background-color: #000;
}
.voice__list .list-item .img {
  width: 100%;
  height: 220px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
}
.voice__list .list-item--01 .img {
  background-image: url(../images/voice-list-item-01.png);
}
.voice__list .list-item--02 .img {
  background-image: url(../images/voice-list-item-02.png);
}
.voice__list .list-item--03 .img {
  background-image: url(../images/voice-list-item-03.png);
}
.voice__list .list-item--04 .img {
  background-image: url(../images/voice-list-item-04.png);
}
.voice__list .list-item--05 .img {
  background-image: url(../images/voice-list-item-05.png);
}
.voice__list .list-item .img .brand {
  display: block;
  font-weight: 700;
  color: #c22185;
  padding: 10px;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 1), 0px 0px 8px rgba(0, 0, 0, 1), 0px 0px 8px rgba(0, 0, 0, 1), 0px 0px 8px rgba(0, 0, 0, 1);
}
.voice__list .list-item .img .product {
  display: block;
  width: 100%;
  background-color: #a20067;
  padding: 10px;
  font-weight: 500;
  position: absolute;
  bottom: 0;
}
.voice__list .list-item .detail {
  margin-top: 20px;
}
.voice__list .list-item .detail .customer > .flex {
  gap: 20px;
}
.voice__list .list-item .detail .customer .icon {
  width: 44px;
}
.voice__list .list-item .detail .customer .info {
  flex: 1;
}
.voice__list .list-item .detail .customer .info .flex {
  justify-content: flex-start;
  gap: 15px;
}
.voice__list .list-item .detail .customer .info .profile {
  font-weight: 700;
}
.voice__list .list-item .detail .customer .info .rating {
  font-weight: 700;
  padding-top: 10px;
}
.voice__list .list-item .detail .customer .info .rating .score > span,
.voice__list .list-item .detail .customer .info .rating .repeat > span {
  color: #c22185;
}
.voice__list .list-item .detail .customer .txt {
  padding-top: 20px;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .voice {
    padding: calc(80px / 750px * 100vw) 0 calc(140px / 750px * 100vw);
    background-image: url(../images/voice-bg_sp.png);
    background-size: 100%;
  }
  .voice h2 {
    width: calc(502px / 750px * 100vw);
    margin: 0 auto;
  }
  .voice .swiper-voice {
    margin-top: calc(90px / 750px * 100vw);
    overflow: visible;
  }
  .voice__list.swiper-wrapper {
    align-items: center;
  }
  .voice__list .list-item {
    width: calc(406px / 750px * 100vw);
    border: 2px solid #a20067;
    padding: calc(20px / 750px * 100vw);
    margin: 0 calc(40px / 750px * 100vw);
    transform: scale(1);
    opacity: .5;
    transition: .5s;
  }
  .voice__list .list-item.swiper-slide-active {
    transform: scale(calc(480 / 406));
    opacity: 1;
  }
  .voice__list .list-item .img {
    height: auto;
    aspect-ratio: 430 / 260;
  }
  .voice__list .list-item .img .brand {
    font-size: 4.6875vw!important;
    padding: calc(10px / 750px * 100vw);
  }
  .voice__list .list-item .img .product {
    font-size: 3.125vw!important;
    padding: calc(10px / 750px * 100vw);
  }
  .voice__list .list-item .detail {
    margin-top: calc(25px / 750px * 100vw);
  }
  .voice__list .list-item .detail .customer > .flex {
    gap: calc(20px / 750px * 100vw);
  }
  .voice__list .list-item .detail .customer .icon {
    width: calc(56px / 750px * 100vw); 
  }
  .voice__list .list-item .detail .customer .info .flex {
    gap: calc(15px / 750px * 100vw);
  }
  .voice__list .list-item .detail .customer .info .profile {
    font-size: 2.083333333333333vw!important;
  }
  .voice__list .list-item .detail .customer .info .rating {
    padding-top: calc(15px / 750px * 100vw);
    font-size: 2.083333333333333vw!important;
  }
  .voice__list .list-item .detail .customer .info .rating .score > span, 
  .voice__list .list-item .detail .customer .info .rating .repeat > span {
    display: inline-block;
    padding-top: calc(10px / 750px * 100vw);
  }
  .voice__list .list-item .detail .customer .txt {
    padding-top: calc(20px / 750px * 100vw);
    font-size: 3.125vw;
    line-height: calc(40 / 24);
  }
  .voice .swiper-voice .swiper-button-prev {
    left: 0;
  }
  .voice .swiper-voice .swiper-button-prev::after {
    background-size: 100%;
    width: calc(59px / 750px * 100vw);
    height: calc(108px / 750px * 100vw);
    left: 0;
  }
  .voice .swiper-voice .swiper-button-next {
    right: 0;
  }
  .voice .swiper-voice .swiper-button-next::after {
    background-size: 100%;
    width: calc(59px / 750px * 100vw);
    height: calc(108px / 750px * 100vw);
    right: 0;
  }
}

/* --------------------------------------------------
  .faq
-------------------------------------------------- */
.faq {
  background-color: #9e9e9f;
  padding: 80px 0 130px;
}
.faq__title {
  font-size: 5.2rem;
  font-weight: 700;
}
.faq__list {
  margin-top: 80px;
}
.faq__list > .list-item {
  background-color: #fff;
  font-weight: 600;
  line-height: 1.6;
}
.faq__list > .list-item:not(:first-of-type) {
  margin-top: 30px;
}
.faq__list > .list-item > dt {
  padding: 40px 80px;
  position: relative;
}
.faq__list > .list-item > dt::before {
  display: block;
  content: '';
  background-image: url(../images/faq-list-q.png);
  background-size: 100%;
  width: 24px;
  height: 34px;
  position: absolute;
  top: 43px; left: 40px;
}
.faq__list > .list-item > dt::after {
  display: block;
  content: '';
  background-image: url(../images/faq-list-plus.png);
  background-repeat: no-repeat;
  width: 44px;
  height: 45px;
  position: absolute;
  top: 50%; right: 50px;
  transform: translateY(-50%) rotate(0);
  cursor: pointer;
  transition: .3s;
}
.faq__list > .list-item > dt.active::after {
  background-image: url(../images/faq-list-minus.png);
  height: 6px;
  transform: translateY(-50%) rotate(360deg);
}
.faq__list > .list-item > dd {
  display: none;
  padding: 0px 80px 40px 80px;
  position: relative;
}
.faq__list > .list-item > dd::before {
  display: block;
  content: '';
  background-image: url(../images/faq-list-a.png);
  background-size: 100%;
  width: 23px;
  height: 27px;
  position: absolute;
  top: 3px; left: 40px;
}

@media (max-width: 768px) {
  .faq {
    padding: calc(80px / 750px * 100vw) 0 calc(130px / 750px * 100vw);
  }
  .faq__title {
    font-size: 6.770833333333333vw;
  }
  .faq__list {
    margin-top: calc(80px / 750px * 100vw);
  }
  .faq__list.fs-22 {
    font-size: 4.166666666666666vw
  }
  .faq__list > .list-item {
    line-height: calc(54 / 32);
    font-weight: 500;
  }
  .faq__list > .list-item > dt {
    padding: calc(20px / 750px * 100vw) calc(100px / 750px * 100vw);
    font-weight: 500;
  }
  .faq__list > .list-item > dt::before {
    width: calc(41px / 750px * 100vw);
    height: calc(57px / 750px * 100vw);
    top: calc(30px / 750px * 100vw);
    left: calc(30px / 750px * 100vw);
  }
  .faq__list > .list-item > dt::after {
    width: calc(40px / 750px * 100vw);
    height: calc(40px / 750px * 100vw);
    background-size: 100%;
    top: calc(45px / 750px * 100vw);
    right: calc(30px / 750px * 100vw);
  }
  .faq__list > .list-item > dd {
    padding: calc(20px / 750px * 100vw) calc(100px / 750px * 100vw) calc(40px / 750px * 100vw);
  }
  .faq__list > .list-item > dd::before {
    width: calc(38px / 750px * 100vw);
    height: calc(44px / 750px * 100vw);
    top: calc(30px / 750px * 100vw);
    left: calc(30px / 750px * 100vw);
  }
}

/* --------------------------------------------------
  .company
-------------------------------------------------- */
.company {
  padding: 60px 0;
}
.company__title {
  font-weight: bold;
}
.company__list {
  width: 1000px;
  margin: 0 auto;
}
.company__list .list-item {
  padding: 30px 0;
}
.company__list .list-item:not(:first-of-type) {
  border-top: 2px solid #888;
}
.company__list .list-item > dt {
  color: #888;
  width: 370px;
}
.company__list .list-item > dd {
  flex-grow: 1;
}

@media (max-width: 768px) {
  .company {
    padding: calc(100px / 750px * 100vw) 0 calc(60px / 750px * 100vw);
  }
  .company__title.fs-26 {
    font-size: 4.6875vw;
  }
  .company__list {
    width: 100%;
    padding-top: calc(40px / 750px * 100vw);
  }
  .company__list .list-item {
    padding: calc(40px / 750px * 100vw) 0;
  }
  .company__list .list-item.flex {
    align-items: center;
  }
  .company__list .list-item.fs-16 {
    font-size: 3.6458333333333335vw;
    font-weight: 500;
  }
  .company__list .list-item > dt {
    width: calc(250px / 750px * 100vw);
    font-size: 2.604166666666667vw!important;
  }
  .company__list .list-item > dt.ta-c {
    text-align: left!important;
  }
  .company__list .list-item > dd {
    line-height: calc(40 / 28);
    flex: 1;
  }
}

/* --------------------------------------------------
  .footer
-------------------------------------------------- */
.footer {
  background-color: #a41a70;
  line-height: 1;
  font-weight: 500;
  padding: 40px 0;
}
@media (max-width: 768px) {
  .footer {
    padding: calc(60px / 750px * 100vw) 0;
  }
  .footer small.fs-16 {
    font-size: 2.604166666666667vw;
  }
}


/* =========================
   郵便番号＋都道府県 行のレイアウト調整
   ========================= */

/* 既存の :has(select) で幅が潰されている可能性をリセット */
.mv .mv__right .mw_wp_form dl dd:has(select) {
  width: auto !important;
  overflow: visible;
}

/* ⑥行（郵便番号＋都道府県）全体 */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) {
  align-items: center;
}

/* ⑥行のラベル（dt）は折り返さないように */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dt {
  white-space: nowrap;
}

/* 左側：郵便番号の入力欄の幅 */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(1) {
  width: 150px !important;   /* 例）0000000 のテキストボックス */
}

/* 右側：都道府県セレクトの幅 */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(2) {
  width: 110px !important;   /* セレクトボックス */
}

/* 都道府県セレクトの見た目（他の input と揃える） */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(2) select {
  font-size: 1.2rem;
  border: 2px #a9a9a9 solid;
  border-radius: 12px;
  padding: 8px;
  width: 100%;
}

/* 「＊」も他と同じ色に */
.mv .mv__right .mw_wp_form dl dt .attention {
  color: #a20067;
}

/* =========================
   郵便番号＋都道府県 行のレイアウト（PC）
   ========================= */

/* 6行目（郵便番号＋都道府県）のブロック全体をフレックスに */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

/* 6行目だけ dt / dd の display をフレックス用にリセット */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dt,
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd {
  display: block;
  width: auto;
}

/* ① 郵便番号ラベル */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dt:nth-of-type(1) {
  margin-right: 8px;
}

/* ① 郵便番号入力欄 */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(1) {
  width: 110px;
}

/* ② 都道府県ラベル */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dt:nth-of-type(2) {
  margin: 0 8px 0 24px;
  white-space: nowrap;
}

/* ② 都道府県セレクトの枠 */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(2) {
  width: 160px;
}

/* 都道府県セレクト本体の見た目を他の input に合わせる */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(2) select {
  font-size: 1.2rem;
  border: 2px #a9a9a9 solid;
  border-radius: 12px;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}

/* =========================
   都道府県セレクトに ▼ アイコンを表示
   ========================= */

/* ▼を乗せるために位置基準を作る */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(2) {
  position: relative;
}

/* 都道府県セレクト本体：右側に余白を作る＆ネイティブ矢印を消す */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(2) select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 26px;  /* ▼用のスペースを少し広めに */
}

/* ▼ マークを右端に表示（クリックを邪魔しない） */
.mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(2)::after {
  content: '▼';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 0.8rem;
  color: #000;
  pointer-events: none;  /* ▼の上からでも select をクリックできるように */
}

/* =========================
   SP：都道府県セレクトの幅だけを広げて文字切れを防止
   ========================= */
   @media screen and (max-width: 780px) {

    /* 郵便番号＋都道府県の行をそのまま横並び維持 */
    .mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) {
      flex-wrap: nowrap;
    }
  
    /* ★ここ：郵便番号の枠を少し広くする */
    .mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(1) {
      width: 160px !important;   /* ← 100px から 130px に変更 */
    }
  
    /* ★ここ：都道府県は少しだけ狭くする（でも見切れない程度） */
    .mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(2) {
      width: 150px !important;   /* ← 180px から 150px に変更 */
    }
  
    /* セレクト内の文字が見切れないように */
    .mv .mv__right .mw_wp_form dl .list-item:nth-of-type(6) dd:nth-of-type(2) select {
      width: 100%;
      box-sizing: border-box;
      font-size: 0.9rem;
    }
  }

/* =========================
   完了メッセージ（UNISOUND LP）
   ========================= */

/* もともとの .flex を打ち消して縦組みに戻す */
#form_toiawase_id.form_toiawase.flex,
#form_toiawase_id .completion-message.flex {
  display: block;
}

/* 全体ボックス */
#form_toiawase_id {
  max-width: 470px;
  margin: 0 auto;
}

#form_toiawase_id .form-middle {
  background: #ffffff;
  border-radius: 20px;
  padding: 24px 24px 20px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}

/* タイトル（赤枠のボックス） */
#form_toiawase_id .completion-title {
  border: 2px solid #e60012;
  color: #e60012;
  font-weight: bold;
  text-align: center;
  padding: 8px 12px;
  margin-bottom: 18px;
}

/* 本文 */
#form_toiawase_id .completion-text {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 8px;
}

#form_toiawase_id .completion-text strong {
  font-weight: bold;
}

/* 完了画面デザイン */
.thanks-wrapper {
  max-width: 680px;
  margin: 50px auto;
  text-align: center;
  padding: 0 20px;
}

.thanks-title {
  font-size: 28px;
  font-weight: 700;
  color: #a20067;
  margin-bottom: 20px;
  border-bottom: 4px solid #a20067;
  display: inline-block;
  padding-bottom: 6px;
}

.thanks-box {
  background: #fff;
  border: 3px solid #a20067;
  border-radius: 12px;
  padding: 35px 28px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  line-height: 1.75;
  text-align: left;
  font-size: 15.5px;
}

.thanks-box p {
  margin-bottom: 16px;
}

.thanks-head {
  font-weight: 600;
  font-size: 20px;
  color: #a20067;
  border: 2px solid #a20067;
  padding: 10px;
  text-align: center;
  border-radius: 6px;
  margin-bottom: 25px;
  background: #fff5fa;
}

.tel {
  font-size: 22px;
  font-weight: 700;
  color: #a20067;
}

.time-info {
  margin-top: 25px;
  font-weight: 600;
}

/* スマホ対応 */
@media (max-width: 768px){
  .thanks-box {
    padding: 25px 18px;
  }
  .thanks-title{
    font-size: 24px;
  }
  .tel{
    font-size: 20px;
  }
}

/* ▼ 送信完了画面だけに適用するスタイル ▼ */

/* 完了画面のタイトル「簡単！早い！査定フォーム」 */
.mv .mv__right .mw_wp_form.mw_wp_form_complete h2 {
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  font-size: 30px;
  font-weight: 800;
}

/* 完了画面のフォーム全体（ピンク背景の枠） */
.mv .mv__right .mw_wp_form.mw_wp_form_complete {
  color: #020202;
  background-color: #a20067;
  border-radius: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0 20px 20px;
}