@charset "UTF-8";

@media screen and (min-width: 768px) {
  .pcview {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .pcview {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .spview {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .spview {
    display: block;
  }
}

html {
  font-size: 62.5%;
}

body {
  background: rgb(18, 18, 18);
  position: relative;
  overflow-x: hidden;
}

img {
  width: 100%;
  height: auto;
}

p,
h1,
h2,
h3,
h4,
h5,
a {
  font-family: "Zen Old Mincho", serif;
  color: #fff;
  font-weight: 500;
}

.header {
  position: relative;
  z-index: 100;
}

.header-pc .header__wrap {
  position: fixed;
  top: 1.4583333333vw;
  left: 2.7777777778vw;
  width: 94.4444444444vw;
  display: flex;
  justify-content: space-between;
}

.header-pc .header_menu {
  display: flex;
  align-items: center;
  height: 3.8888888889vw;
  gap: 2.7777777778vw;
}

.header-pc .header_menu a {
  color: #fff;
  font-weight: 600;
  font-size: 1.0416666667vw;
  line-height: 1.5083333333vw;
}

.header-pc .header_menu a.ctaBtn {
  width: 19.5833333333vw;
  text-align: center;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  font-size: clamp(12px, 1.1111111111vw, 14px);
  line-height: 3.8888888889vw;
  max-width: 202px;
  /* font-size: 16px; */
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-pc .header_menu a.ctaBtn i {
  margin-left: 0.5555555556vw;
}

.header-sp {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 15.3846153846vw;
  width: 100vw;
  z-index: 100;
}

@media screen and (min-width: 768px) {
  .header-sp {
    display: none;
  }
}

.header-sp .header_logo {
  width: 34.1025641026vw;
  margin-left: 2.5641025641vw;
}

.header-sp .header_btn {
  position: absolute;
  right: 0;
  width: 15.3846153846vw;
  height: 15.3846153846vw;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
}

.header-sp .header_btn .burger {
  width: 7.6923076923vw;
  height: 5.1282051282vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-sp .header_btn .burger span {
  display: block;
  position: absolute;
  width: 7.6923076923vw;
  height: 0.2564102564vw;
  background: #000;
}

.header-sp .header_btn .burger span:nth-child(1) {
  top: 0;
  transition: 0.3s;
}

.header-sp .header_btn .burger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.header-sp .header_btn .burger span:nth-child(3) {
  bottom: 0;
  transition: 0.3s;
}

.header-sp .header_btn.active .burger span:nth-child(1) {
  transform: rotate(-45deg);
  top: 2.5641025641vw;
  transition: 0.3s;
}

.header-sp .header_btn.active .burger span:nth-child(2) {
  opacity: 0;
  transition: 0.3s;
}

.header-sp .header_btn.active .burger span:nth-child(3) {
  transform: rotate(45deg);
  top: 2.5641025641vw;
  transition: 0.3s;
}

.header-sp .header_menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgb(18, 18, 18);
  height: 100vh;
  width: 100vw;
  padding: 25.641025641vw 5.1282051282vw 0 5.1282051282vw;
}

.header-sp .header_menu-inner a li {
  font-size: 5.1282051282vw;
  line-height: 7.4256410256vw;
  padding-bottom: 5.1282051282vw;
}

.header-sp .header_menu-inner a:not(:first-child) li {
  padding-top: 5.1282051282vw;
  border-top: 0.2564102564vw solid rgba(255, 255, 255, 0.15);
}

.header-sp .header_menu .ctaBtn_sp {
  display: block;
  width: 100%;
  font-size: 5.1282051282vw;
  line-height: 7.4256410256vw;
  padding-block: 3.7179487179vw;
  text-align: center;
  margin-top: 6.1538461538vw;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
}

.fv {
  height: 54.1666666667vw;
  transition: 2s;
}

@media screen and (max-width: 767px) {
  .fv {
    height: 168.4615384615vw;
  }
}

.fv__wrap {
  position: relative;
}

.fv_title {
  width: 100vw;
  align-items: center;
  position: absolute;
  top: 15vw;
  left: 35%;
}

@media screen and (max-width: 767px) {
  .fv_title {
    width: 92vw;
    top: 30vw;
    left: 5.3%;
    align-items: center;
    position: absolute;
  }
}

.fv_title p {
  font-size: 2.5vw;
  text-shadow: 0px 0px 0.4861111111vw rgba(0, 0, 0, 0.9490196078);
}

.fv_title span{
  font-size: 3vw;
  letter-spacing: 0.15em;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(255,255,255,0.4);
}

@media screen and (max-width: 767px) {
  .fv_title p {
    font-size: 7.2vw;
    letter-spacing: -0.02em;
    text-shadow: 0px 0px 1.2820512821vw rgba(0, 0, 0, 0.9490196078);
  }

  .fv_title span{
    font-size: 8.7vw;
    letter-spacing: 0.15em;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(255,255,255,0.4);
  }
}

.fv_catch {
  width: 19vw;
  position: absolute;
  top: 24vw;
  left: 52%;
  transform: translate(-50%);
  display: flex;
}

@media screen and (max-width: 767px) {
  .fv_catch {
    width: 45vw;
    left: 50%;
    top: 55vw;
    align-items: center;
  }
}

.fv_catch figure {
  width: 16vw;
}

@media screen and (max-width: 767px) {
  .fv_catch figure {
    width: 45vw;
  }
}

.campaign__wrap {
  margin-top: -6.1805555556vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .campaign__wrap {
    margin-top: -31.7948717949vw;
  }
}

.campaign_inner {
  background: #222;
  padding: 2.7777777778vw 5vw;
  width: 77.4305555556vw;
  margin: 0 0 0 auto;
  border-width: 0.0694444444vw 0px 0.0694444444vw 0.0694444444vw;
  border-image: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%) 1;
  display: grid;
  grid-template-columns: 26.3888888889vw 27.5694444444vw;
  align-items: center;
  gap: 6.25vw;
}

@media screen and (max-width: 767px) {
  .campaign_inner {
    width: 94.8717948718vw;
    padding: 10.2564102564vw 5.1282051282vw;
    margin: 0 auto;
    border: 0.2564102564vw solid;
    border-image: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%) 1;
    grid-template-columns: 100%;
    gap: 5.1282051282vw;
  }
}

/* .campaign_inner .titleArea {
  display: flex;
  align-items: baseline;
  gap: 2.7777777778vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .campaign_inner .titleArea {
    gap: 4.6923076923vw;
  }
}

.campaign_inner .titleArea h2 {
  font-family: "Playfair Display", serif;
  font-size: 3.3333333333vw;
  line-height: 100%;
}

@media screen and (max-width: 767px) {
  .campaign_inner .titleArea h2 {
    font-size: 7.1794871795vw;
  }
} */

/* .campaign_inner .titleArea p {
  font-size: 1.0416666667vw;
  line-height: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .campaign_inner .titleArea p {
    font-size: 3.0769230769vw;
  }
} */

/* .campaign_inner .titleArea p::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.0694444444vw;
  width: 1.275vw;
  background: #fff;
  transform: rotate(119.36deg);
  bottom: 0.5555555556vw;
  left: -1.6666666667vw;
} */

/* @media screen and (max-width: 767px) {
  .campaign_inner .titleArea p::before {
    height: 0.1794871795vw;
    width: 3.2948717949vw;
    bottom: 1.2820512821vw;
    left: -3.0769230769vw;
  }
}

.campaign_inner .titleArea::after {
  content: attr(data-eng);
  display: block;
  position: absolute;
  font-family: "Playfair Display", serif;
  font-size: 14.1548611111vw;
  line-height: 18.8680555556vw;
  color: rgba(255, 255, 255, 0.04);
  font-weight: 400;
  -webkit-text-stroke: 0.0694444444vw rgba(0, 0, 0, 0.02);
}

@media screen and (max-width: 767px) {
  .campaign_inner .titleArea::after {
    font-size: 25.641025641vw;
    line-height: 34.1794871795vw;
    left: 5.1282051282vw;
    -webkit-text-stroke: 0.2564102564vw rgba(0, 0, 0, 0.02);
  }
} */

/* @media screen and (max-width: 767px) {
  .campaign_inner-r .presentBox {
    display: flex;
  }
}

.campaign_inner-r .presentBox .map_icon {
  margin-top: 5.7vw;
  margin-right: 4vw;
  width: 1.5vw;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .presentBox .map_icon {
    margin-top: 13vw;
    margin-right: 3vw;
    width: 7.8%;
  }
}

.campaign_inner-r .presentBox .ticket_icon {
  width: 2vw;
  margin-top: 8vw;
  margin-left: 0.8vw;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .presentBox .ticket_icon {
    width: 10%;
    margin-top: 8vw;
    margin-left: 2vw;
  }
}

.campaign_inner-r .presentBox .map {
  flex-direction: column;
  gap: unset;
  height: 3.1794871795vw;
  font-size: 2vw;
  padding: 1.5vw;
  margin-top: -4.5vw;
  margin-left: 1.5vw;
}

.campaign_inner-r .presentBox .map .text {
  font-size: 1.4vw;
  margin-top: 1.5vw;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .presentBox .map {
    flex-direction: column;
    gap: unset;
    height: 15.1794871795vw;
    font-size: 5.5vw;
    margin-top: 11vw;
    padding: 1.5vw;
    margin-left: 0;
  }

  .campaign_inner-r .presentBox .map .text {
    font-size: 3.5vw;
    margin-top: 2vw;
    letter-spacing: 0.05em;
  }
}

.campaign_inner-r .presentBox .coupon {
  flex-direction: column;
  gap: unset;
  height: 6.1794871795vw;
  font-size: 2vw;
  margin-top: -2.5vw;
  margin-left: 4vw;
}

.campaign_inner-r .presentBox .coupon .text {
  font-size: 1.2vw;
  margin-top: 1.2vw;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .presentBox .coupon {
    flex-direction: column;
    gap: unset;
    height: 18.1794871795vw;
    font-size: 5.5vw;
    margin-top: 3.5vw;
    margin-left: 1vw;
    padding: 2.8vw;
  }

  .campaign_inner-r .presentBox .coupon .text {
    font-size: 3vw;
    margin-top: 2vw;
    letter-spacing: 0.05em;
  }
} */

.campaign_inner-t .titleArea h2 {
  font-size: 2.5vw;
  text-align: center;
  font-weight: 800;
  margin-bottom: 5vw;
}

@media screen and (max-width: 767px) {
  .campaign_inner-t .titleArea h2 {
    font-size: 6.1794871795vw;
    text-align: center;
    font-weight: 800;
  }
}

.campaign_inner-t figure {
  margin-top: 1.1282051282vw;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .campaign_inner-t figure {
    margin-top: 5.1282051282vw;
  }
}

.campaign_inner-r {
  display: grid;
  place-items: center;
  width: 27.7777777778vw;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r {
    border: 0.2564102564vw solid rgba(255, 255, 255, 0.5);
    padding-block: 5.1282051282vw;
    width: 100%;
  }
}

.campaign_inner-r .titleBox {
  display: flex;
  gap: 1.7013888889vw;
  margin-top: 1.5vw;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .titleBox {
    flex-direction: column;
    gap: 8.2051282051vw;
    align-items: center;
  }
}

.campaign_inner-r .titleBox h3 {
  font-size: 2.3611111111vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .titleBox h3 {
    font-size: 5.641025641vw;
  }
}

.campaign_inner-r .titleBox h3::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.0694444444vw;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  position: absolute;
  bottom: -15px;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .titleBox h3::after {
    height: 0.2564102564vw;
    bottom: -3.8461538462vw;
  }
}

.campaign_inner-r .yearTitleBox {
  display: flex;
  gap: 1.7013888889vw;
  align-items: center;
  margin-left: -8vw;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .yearTitleBox {
    flex-direction: row;
    gap: 5.2051282051vw;
    align-items: center;
    margin-left: -20vw;
  }
}

.campaign_inner-r .yearTitleBox h3 {
  font-size: 2.3611111111vw;
  line-height: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .yearTitleBox h3 {
    font-size: 6vw;
  }
}

.campaign_inner-r .yearTitleBox h3::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.0694444444vw;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  position: absolute;
  bottom: -15px;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .yearTitleBox h3::after {
    height: 0.2564102564vw;
    bottom: -3.8461538462vw;
  }
}

.campaign_inner-r .monthTitleBox {
  display: flex;
  gap: 1.7013888889vw;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .monthTitleBox {
    flex-direction: row;
    gap: 8.2051282051vw;
    align-items: center;
  }
}

.campaign_inner-r .monthTitleBox h3 {
  font-size: 2vw;
  line-height: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .monthTitleBox h3 {
    font-size: 4vw;
  }
}

.campaign_inner-r .monthTitleBox h3::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.0694444444vw;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  position: absolute;
  bottom: -15px;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .monthTitleBox h3::after {
    height: 0.2564102564vw;
    bottom: -3.8461538462vw;
  }
}

.campaign_inner-r .priceBox {
  margin-top: 1.1805555556vw;
  display: flex;
  gap: 1.0416666667vw;
  align-items: center;
  margin-top: 35px;
}

.campaign_inner-r .yearPriceBox {
  margin-top: 1vw;
  text-shadow: 0.9px 1px 0 #a67f26;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .priceBox {
    margin-top: 3.0769230769vw;
    gap: 2.5641025641vw;
    margin-top: 16px;
  }
}

.campaign_inner-r .priceBox i {
  color: #fff;
  font-size: 1.6666666667vw;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .priceBox i {
    font-size: 6.1538461538vw;
  }
}



@media screen and (max-width: 767px) {
  .month_price {
    margin-top: 5vw;
  }
}

.campaign_inner-r .priceBox .trial {
  display: flex;
  font-weight: 500;
  align-items: center;
  gap: 0.2777777778vw;
  height: 3.6111111111vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .priceBox .trial {
    flex-direction: column;
    gap: unset;
    height: 17.1794871795vw;
  }
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .priceBox .trial::after {
    height: 0.7692307692vw;
  }
}

.campaign_inner-r .priceBox .trial p {
  font-size: 1.4902777778vw;
  line-height: 2.2354166667vw;
  letter-spacing: 0.03em;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .priceBox .trial p {
    font-size: 4.0461538462vw;
    line-height: 6.0692307692vw;
  }
}

.campaign_inner-r .priceBox .trial p span {
  font-size: 3.6951388889vw;
  line-height: 3.5423611111vw;
  padding-left: 1.5vw;
}

.yearPriceBox .trial .year_price {
  background-color: #e6d5ab00;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .yearPriceBox .trial .year_price {
    background-color: #e6d5ab00;
  }
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .priceBox .trial p span {
    font-size: 8.0974358974vw;
    line-height: 8.0974358974vw;
    padding-left: 2.5641025641vw;
  }
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .priceBox .trial p.price {
    font-size: 8.0974358974vw;
    line-height: 8.0974358974vw;
    font-size: 8.0974358974vw;
    line-height: 8.0974358974vw;
    padding-left: 2.5641025641vw;
  }
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .priceBox .trial p.price span {
    font-size: 6.0743589744vw;
    line-height: 6.0743589744vw;
  }
}

/* .campaign_inner-r .text {
  font-size: 1.2vw;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .text {
    font-size: 2vw;
    text-align: center;
  }
} */

.campaign_inner-r .ctaBtn {
  margin-top: 2.0833333333vw;
  display: block;
  width: auto;
  text-align: center;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  font-size: 1.25vw;
  line-height: 3.4722222222vw;
  font-weight: 600;
  padding: 5px 15px;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .ctaBtn {
    margin-top: 2.1282051282vw;
    width: 90%;
    font-size: 4.6153846154vw;
    line-height: 12.8205128205vw;
  }
}

.campaign_inner-r .ctaBtn i {
  margin-left: 0.5555555556vw;
}

@media screen and (max-width: 767px) {
  .campaign_inner-r .ctaBtn i {
    margin-left: 2.0512820513vw;
  }
}

.campaign {
  margin-top: 5vw;
}

@media screen and (max-width: 767px) {
  .campaign {
    margin-top: 5vw;
  }
}

.campaign .scroll {
  cursor: pointer;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.0416666667vw;
  left: 8.3333333333vw;
}

.campaign .scroll p {
  font-family: "Playfair Display", serif;
  font-size: 0.9722222222vw;
  line-height: 0.9722222222vw;
  writing-mode: vertical-rl;
}

.campaign .scroll figure {
  width: 0.5555555556vw;
  height: 18.7152777778vw;
}

@media screen and (max-width: 767px) {
  .campaign .scroll {
    display: none;
  }
}

.concept {
  margin-top: 6.7222222222vw;
  height: 66.2638888889vw;
  background: url(../image/concept_bg@2x.png) no-repeat;
  background-size: contain;
  background-position: right top;
  position: relative;
}

@media screen and (max-width: 767px) {
  .concept {
    margin-top: 16.6666666667vw;
    height: 169.7435897436vw;
    background: url(../image/concept_bg_sp@2x.png) no-repeat;
    background-size: contain;
    background-position: right top;
  }
}

.concept__wrap {
  width: 83.3333333333vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .concept__wrap {
    width: 89.7435897436vw;
  }
}

.concept .titleArea {
  display: flex;
  align-items: baseline;
  gap: 2.7777777778vw;
  position: relative;
  padding-left: 8.3333333333vw;
  padding-top: 20.7083333333vw;
  position: relative;
  overflow-x: clip;
}

@media screen and (max-width: 767px) {
  .concept .titleArea {
    gap: 4.6923076923vw;
  }
}

.concept .titleArea h2 {
  font-family: "Playfair Display", serif;
  font-size: 3.3333333333vw;
  line-height: 100%;
}

@media screen and (max-width: 767px) {
  .concept .titleArea h2 {
    font-size: 7.1794871795vw;
  }
}

.concept .titleArea p {
  font-size: 1.0416666667vw;
  line-height: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .concept .titleArea p {
    font-size: 3.0769230769vw;
  }
}

.concept .titleArea p::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.0694444444vw;
  width: 1.275vw;
  background: #fff;
  transform: rotate(119.36deg);
  bottom: 0.5555555556vw;
  left: -1.6666666667vw;
}

@media screen and (max-width: 767px) {
  .concept .titleArea p::before {
    height: 0.1794871795vw;
    width: 3.2948717949vw;
    bottom: 1.2820512821vw;
    left: -3.0769230769vw;
  }
}

.concept .titleArea::after {
  content: attr(data-eng);
  display: block;
  position: absolute;
  font-family: "Playfair Display", serif;
  font-size: 14.1548611111vw;
  line-height: 18.8680555556vw;
  color: rgba(255, 255, 255, 0.04);
  font-weight: 400;
  -webkit-text-stroke: 0.0694444444vw rgba(0, 0, 0, 0.02);
}

@media screen and (max-width: 767px) {
  .concept .titleArea::after {
    font-size: 25.641025641vw;
    line-height: 34.1794871795vw;
    left: 5.1282051282vw;
    -webkit-text-stroke: 0.2564102564vw rgba(0, 0, 0, 0.02);
  }
}

@media screen and (max-width: 767px) {
  .concept .titleArea {
    padding-left: 5.1282051282vw;
    padding-top: 45.3846153846vw;
  }
}

.concept .titleArea::after {
  bottom: -6.1111111111vw;
  left: 2.3611111111vw;
}

@media screen and (max-width: 767px) {
  .concept .titleArea::after {
    bottom: -7.6923076923vw;
    left: 0;
  }
}

.concept-text {
  margin-top: 5.2083333333vw;
}

@media screen and (max-width: 767px) {
  .concept-text {
    margin-top: 6.4871794872vw;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1),0 0 15px rgba(0,0,0,1);
  }
}

.concept-text h3 {
  font-weight: 500;
  font-size: 2.2916666667vw;
  line-height: 3.4375vw;
  letter-spacing: 0.001em;
}

@media screen and (max-width: 767px) {
  .concept-text h3 {
    font-size: 5.641025641vw;
    line-height: 8.4615384615vw;
  }
}

.concept-text p {
  margin-top: 1.3888888889vw;
  font-size: 1.25vw;
  line-height: 2.125vw;
  letter-spacing: 0.003em;
  text-shadow: 0px 0px 2vw rgba(0, 0, 0), 0px 0px 2vw rgba(0, 0, 0);
}

@media screen and (max-width: 767px) {
  .concept-text p {
    margin-top: 3.1282051282vw;
    font-size: 3.5897435897vw;
    line-height: 6.1025641026vw;
    text-shadow: 0px 0px 2vw rgba(0, 0, 0), 0px 0px 2vw rgba(0, 0, 0), 0px 0px 2vw rgba(0, 0, 0), 0px 0px 2vw rgba(0, 0, 0);
  }
}

.concept-img01 {
  margin-top: 6.9444444444vw;
  width: 31.3888888889vw;
}

@media screen and (max-width: 767px) {
  .concept-img01 {
    margin-top: 13.0769230769vw;
    margin-left: -5.1282051282vw;
    width: 44.358974359vw;
  }
}

.concept-img02 {
  width: 21.3430555556vw;
  position: absolute;
  top: 0.2222222222vw;
  left: 3.0840277778vw;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .concept-img02 {
    width: 37.1794871795vw;
    top: -4.6153846154vw;
    left: 1.0153846154vw;
  }
}

.concept-img02::after {
  content: "";
  display: block;
  position: absolute;
  width: 21.8840277778vw;
  height: 10.3833333333vw;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  opacity: 0.1;
  top: 2.6125vw;
  left: -3.0840277778vw;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .concept-img02::after {
    width: 32.758974359vw;
    height: 18.0923076923vw;
    top: 2.9230769231vw;
    left: 0;
  }
}

.concept-img03 {
  width: 21.5972222222vw;
  position: absolute;
  top: 4.1111111111vw;
  left: 54.5138888889vw;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .concept-img03 {
    width: 35.5230769231vw;
    top: 16.9230769231vw;
    left: 47.9487179487vw;
  }
}

.concept-img03::after {
  content: "";
  display: block;
  position: absolute;
  width: 13.01875vw;
  height: 5.8208333333vw;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  opacity: 0.1;
  top: 3.2965277778vw;
  left: -1.08125vw;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .concept-img03::after {
    width: 36.2897435897vw;
    height: 11.541025641vw;
    top: 2.6512820513vw;
    left: -0.7692307692vw;
  }
}

.concept-img04 {
  width: 15.2243055556vw;
  position: absolute;
  top: 45.625vw;
  left: 61.2041666667vw;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .concept-img04 {
    width: 28.4615384615vw;
    top: 143.8461538462vw;
    left: 55.3846153846vw;
  }
}

/* .problem_title h2 {
  font-family: "Playfair Display", serif;
  font-size: 2.8vw;
  line-height: 100%;
} */

.problem__wrap {
  width: 83.3333333333vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .problem .line {
    height: 0.09vw;
    width: 7vw;
    margin: 0 auto;
    margin-top: 4vw;
    background-color: #B48D38;
  }

  .problem__wrap {
    width: 89.7435897436vw;
  }
}

.problem_inner {
  margin-top: 3.25vw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5.5555555556vw 1.3888888889vw;
  position: relative;
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .problem_inner {
    margin-top: 2.3333333333vw;
    grid-template-columns: 1fr;
    gap: unset;
  }
}

.problem_title h2 {
  font-size: 2.5vw;
  padding-top: 5.3846153846vw;
  text-align: left;
  margin-left: 8vw;
}

.problem_inner .problem_item {
  margin-left: 1vw;
  margin-top: 3vw;
  width: 100%;
}

.problem_inner .problem_item p {
  max-width: 100%;
  margin-top: 2vw;
  font-size: 1.5897435897vw;
  line-height: 5vw;
  text-align: left;
  display: inline-block;
}

.problem_inner .problem_item span {
  font-size: 1vw;
}

@media screen and (max-width: 767px) {
  .problem_title h2 {
    font-size: 4.5vw;
    padding-top: 15.3846153846vw;
    text-align: center;
    margin-left: 0;
  }

  .problem_inner .problem_item {
    text-align: center;
    margin-top: 3vw;
  }

  .problem_inner .problem_item p {
    max-width: 100%;
    margin-top: 2vw;
    font-size: 3.5897435897vw;
    line-height: 11vw;
    text-align: left;
    display: inline-block;
  }

  .problem_inner .problem_item span {
    font-size: 2.5897435897vw;
  }
}

.problem figure {
  margin-top: 1.1111111111vw;
}

@media screen and (max-width: 767px) {
  .problem figure {
    margin-top: 5vw;
  }
}

.problem_text {
  margin-top: 8vw;
}

@media screen and (max-width: 767px) {
  .problem_text {
    margin-top: 20vw;
  }
}

.problem_text p {
  font-size: 1.5vw;
  line-height: 3.5vw;
  text-align: center;
  margin-top: 3vw;
  letter-spacing: 00.01em;
  /* text-shadow: 0 0 2px #FFF, 0 0 2px; */
}

@media screen and (max-width: 767px) {
  .problem_text p {
    font-size: 3.9vw;
    line-height: 7.5vw;
    text-align: center;
    margin-top: 7vw;
    letter-spacing: 00.01em;
    /* text-shadow: 0 0 3.9px #FFF, 0 0 3.9px; */
  }
}

.problem_text .line {
  height: 0.09vw;
  width: 7vw;
  margin: 0 auto;
  margin-top: 1.7vw;
  background-color: #B48D38;
}

@media screen and (max-width: 767px) {
  .problem_text .line {
    height: 0.09vw;
    width: 7vw;
    margin: 0 auto;
    margin-top: 4vw;
    background-color: #B48D38;
  }
}

.problem_text span {
  font-size: 1.8vw;
}

@media screen and (max-width: 767px) {
  .problem_text span {
    color: #FFF;
    font-size: 5.3vw;
    text-shadow: 0 0 4.9px #FFF, 0 0 4.9px;
  }
}

.memberData {
  position: relative;
  padding-block: 7.7777777778vw 6.9444444444vw;
  margin-top: 5vw;
}

@media screen and (max-width: 767px) {
  .memberData {
    padding-block: 18.2051282051vw 7.7769230769vw;
    margin-top: 15vw;
  }
}

.memberData__wrap {
  width: 83.3333333333vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .memberData__wrap {
    width: 89.7435897436vw;
  }
}

.memberData .titleArea {
  display: flex;
  align-items: baseline;
  gap: 2.7777777778vw;
  position: relative;
  padding-left: 8.3333333333vw;
}

@media screen and (max-width: 767px) {
  .memberData .titleArea {
    gap: 4.6923076923vw;
  }
}

.memberData .titleArea h2 {
  font-family: "Playfair Display", serif;
  font-size: 3.3333333333vw;
  line-height: 100%;
}

@media screen and (max-width: 767px) {
  .memberData .titleArea h2 {
    font-size: 7.1794871795vw;
  }
}

.memberData .titleArea p {
  font-size: 1.0416666667vw;
  line-height: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .memberData .titleArea p {
    font-size: 3.0769230769vw;
  }
}

.memberData .titleArea p::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.0694444444vw;
  width: 1.275vw;
  background: #fff;
  transform: rotate(119.36deg);
  bottom: 0.5555555556vw;
  left: -1.6666666667vw;
}

@media screen and (max-width: 767px) {
  .memberData .titleArea p::before {
    height: 0.1794871795vw;
    width: 3.2948717949vw;
    bottom: 1.2820512821vw;
    left: -3.0769230769vw;
  }
}

.memberData .titleArea::after {
  content: attr(data-eng);
  display: block;
  position: absolute;
  font-family: "Playfair Display", serif;
  font-size: 14.1548611111vw;
  line-height: 18.8680555556vw;
  color: rgba(255, 255, 255, 0.04);
  font-weight: 400;
  -webkit-text-stroke: 0.0694444444vw rgba(0, 0, 0, 0.02);
}

@media screen and (max-width: 767px) {
  .memberData .titleArea::after {
    font-size: 25.641025641vw;
    line-height: 34.1794871795vw;
    left: 5.1282051282vw;
    -webkit-text-stroke: 0.2564102564vw rgba(0, 0, 0, 0.02);
  }
}

@media screen and (max-width: 767px) {
  .memberData .titleArea {
    padding-left: 5.1282051282vw;
    position: relative;
    overflow-x: clip;
  }
}

.memberData .titleArea::after {
  bottom: -5vw;
  left: -14.7916666667vw;
  width: 100vw;
}

@media screen and (max-width: 767px) {
  .memberData .titleArea::after {
    width: 200vw;
    bottom: -7.6923076923vw;
    left: 0;
  }
}

.memberData_contents {
  margin-top: 4.1666666667vw;
  display: grid;
  grid-template-columns: 24.9583333333vw 53.8958333333vw;
  grid-template-rows: 1fr 17.3611111111vw;
  gap: 2.6097222222vw 4.3472222222vw;
}

@media screen and (max-width: 767px) {
  .memberData_contents {
    margin-top: 8.2051282051vw;
    display: flex;
    flex-direction: column;
    gap: 5.1282051282vw;
  }
}

.memberData_item01, .memberData_item02, .memberData_item03 {
  background: rgb(24, 24, 24);
}

.memberData_item01 h3, .memberData_item02 h3, .memberData_item03 h3 {
  display: inline-block;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.2847222222vw;
  line-height: 1.9263888889vw;
}

@media screen and (max-width: 767px) {
  .memberData_item01 h3, .memberData_item02 h3, .memberData_item03 h3 {
    font-size: 4.6153846154vw;
    line-height: 7.1128205128vw;
  }
}

.memberData_item01 {
  padding-block: 3.5416666667vw 4.8930555556vw;
  display: grid;
  place-items: center;
}

@media screen and (max-width: 767px) {
  .memberData_item01 {
    padding-block: 7.6923076923vw;
  }
}

.memberData_item01 video {
  margin-top: 2.0326388889vw;
  width: 17.3395833333vw;
}

@media screen and (max-width: 767px) {
  .memberData_item01 video {
    margin-top: 6.1538461538vw;
    width: 48.6333333333vw;
  }
}

.memberData_item02 {
  padding: 3.6111111111vw 4.9305555556vw;
}

@media screen and (max-width: 767px) {
  .memberData_item02 {
    text-align: center;
    padding-block: 7.6923076923vw 5.3846153846vw;
  }
}

.memberData_item02 video {
  width: 100%;
  margin-top: 4.0972222222vw;
}

@media screen and (max-width: 767px) {
  .memberData_item02 video {
    margin-top: 6.1538461538vw;
  }
}

.memberData_item03 {
  grid-column: 1/3;
  padding: 2.9861111111vw 6.9444444444vw 4.375vw 6.9444444444vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .memberData_item03 {
    padding: 7.6923076923vw 4.3897435897vw;
    text-align: center;
  }
}

.memberData_item03 h3 {
  position: absolute;
  top: 2.9861111111vw;
  left: 6.9444444444vw;
}

@media screen and (max-width: 767px) {
  .memberData_item03 h3 {
    position: unset;
    text-align: center;
  }
}

.memberData_item03 video {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .memberData_item03 video {
    margin-top: 2.0512820513vw;
  }
}

.contents {
  position: relative;
  padding-block: 10.4861111111vw 7.7083333333vw;
}

@media screen and (max-width: 767px) {
  .contents {
    padding-block: 19.2307692308vw 8.3923076923vw;
    margin-top: 25vw;
  }
}

.contents__wrap {
  width: 83.3333333333vw;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .contents__wrap {
    width: 89.7435897436vw;
    position: relative;
  }
}

.contents .titleArea {
  display: flex;
  align-items: baseline;
  gap: 2.7777777778vw;
  position: relative;
  padding-left: 8.3333333333vw;
  position: relative;
  overflow-x: clip;
}

@media screen and (max-width: 767px) {
  .contents .titleArea {
    gap: 4.6923076923vw;
  }
}

.contents .titleArea h2 {
  font-family: "Playfair Display", serif;
  font-size: 3.3333333333vw;
  line-height: 100%;
}

@media screen and (max-width: 767px) {
  .contents .titleArea h2 {
    font-size: 7.1794871795vw;
  }
}

.contents .titleArea p {
  font-size: 1.0416666667vw;
  line-height: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .contents .titleArea p {
    font-size: 3.0769230769vw;
  }
}

.contents .titleArea p::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.0694444444vw;
  width: 1.275vw;
  background: #fff;
  transform: rotate(119.36deg);
  bottom: 0.5555555556vw;
  left: -1.6666666667vw;
}

@media screen and (max-width: 767px) {
  .contents .titleArea p::before {
    height: 0.1794871795vw;
    width: 3.2948717949vw;
    bottom: 1.2820512821vw;
    left: -3.0769230769vw;
  }
}

.contents .titleArea::after {
  content: attr(data-eng);
  display: block;
  position: absolute;
  font-family: "Playfair Display", serif;
  font-size: 14.1548611111vw;
  line-height: 18.8680555556vw;
  color: rgba(255, 255, 255, 0.04);
  font-weight: 400;
  -webkit-text-stroke: 0.0694444444vw rgba(0, 0, 0, 0.02);
}

@media screen and (max-width: 767px) {
  .contents .titleArea::after {
    font-size: 25.641025641vw;
    line-height: 34.1794871795vw;
    left: 5.1282051282vw;
    -webkit-text-stroke: 0.2564102564vw rgba(0, 0, 0, 0.02);
  }
}

@media screen and (max-width: 767px) {
  .contents .titleArea {
    padding-left: 5.1282051282vw;
  }
}

.contents .titleArea::after {
  bottom: -5.0694444444vw;
  left: 2.0833333333vw;
}

@media screen and (max-width: 767px) {
  .contents .titleArea::after {
    bottom: -7.6923076923vw;
    left: 0;
  }
}

.contents_inner {
  margin-top: 6.25vw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5.5555555556vw 1.3888888889vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .contents_inner {
    margin-top: 13.3333333333vw;
    grid-template-columns: 1fr;
    gap: unset;
  }
}

.contents_inner .line {
  position: absolute;
  width: 100%;
  height: 0.0694444444vw;
  background: rgba(255, 255, 255, 0.2);
  bottom: 10vw;
}

@media screen and (max-width: 767px) {
  .contents_inner .line {
    height: 0.2564102564vw;
    bottom: 111.7948717949vw;
  }
}

@media screen and (max-width: 767px) {
  .contents_item:nth-child(2), .contents_item:nth-child(3) {
    margin-top: 15.3846153846vw;
  }

  .contents_item:nth-child(5) {
    margin-top: 30.7692307692vw;
  }

  .contents_item:nth-child(6), .contents_item:nth-child(7) {
    margin-top: 5.1282051282vw;
  }
}

.contents_item .catch {
  display: inline-block;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.8333333333vw;
  line-height: 0.8333333333vw;
}

@media screen and (max-width: 767px) {
  .contents_item .catch {
    font-size: 3.0769230769vw;
    line-height: 3.0769230769vw;
  }
}

.contents_item .catch span {
  font-size: 0.9722222222vw;
  line-height: 0.9722222222vw;
}

@media screen and (max-width: 767px) {
  .contents_item .catch span {
    font-size: 3.5897435897vw;
    line-height: 3.5897435897vw;
  }
}

.contents_item h3 {
  margin-top: 0.2777777778vw;
  font-size: 1.3888888889vw;
  line-height: 2.3611111111vw;
  letter-spacing: 0.003em;
}

@media screen and (max-width: 767px) {
  .contents_item h3 {
    margin-top: 1.0256410256vw;
    font-size: 5.1282051282vw;
    line-height: 8.7179487179vw;
  }
}

.contents_item p {
  max-width: 25.1388888889vw;
  margin-top: 0.2777777778vw;
  font-size: 0.9722222222vw;
  line-height: 1.6527777778vw;
  color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767px) {
  .contents_item p {
    max-width: 100%;
    margin-top: 1.0256410256vw;
    font-size: 3.5897435897vw;
    line-height: 6.1025641026vw;
  }
}

.contents_item figure {
  margin-top: 1.1111111111vw;
}

@media screen and (max-width: 767px) {
  .contents_item figure {
    margin-top: 4.1025641026vw;
  }
}

.contents_lider {
  margin-top: 13.3333333333vw;
  margin-left: 3.8461538462vw;
}

@media screen and (max-width: 767px) {
  .contents_lider {
    margin-top: 13.3333333333vw;
    margin-left: 3.8461538462vw;
  }
}

.contents_slider1 .slide_item figure img {
  object-fit: cover;
  aspect-ratio: 16/11;
}

@media screen and (max-width: 767px) {
  .contents_slider1 .slide_item figure img {
    object-fit: cover;
    aspect-ratio: 16/11;
  }
}

.contents_slider2 .slide_item figure img {
  object-fit: cover;
  aspect-ratio: 16/10;
}

@media screen and (max-width: 767px) {
  .contents_slider2 .slide_item figure img {
    object-fit: cover;
    aspect-ratio: 16/10;
  }
}

.contents_slider3 .slide_item figure img {
  object-fit: cover;
  aspect-ratio: 16/10;
}

@media screen and (max-width: 767px) {
  .contents_slider3 .slide_item figure img {
    object-fit: cover;
    aspect-ratio: 16/10;
  }
}

.swiper-button-prev {
  color: #FFF;
}

.swiper-button-next {
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .swiper-button-prev {
    color: #FFF;
  }

  .swiper-button-next {
    color: #FFF;
  }
}

.voice {
  padding-block: 11.9444444444vw 9.7916666667vw;
  background: url(../image/voice_bg@2x.png) no-repeat;
  background-size: contain;
  background-position: center bottom;
  position: relative;
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
  .voice {
    padding-block: 19.2307692308vw 32.5641025641vw;
    background: url(../image/voice_bg_sp@2x.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
  }
}

.voice__wrap {
  position: relative;
}

.voice .titleArea {
  display: flex;
  align-items: baseline;
  gap: 2.7777777778vw;
  position: relative;
  overflow-x: clip;
  padding-left: 8.3333333333vw;
}

@media screen and (max-width: 767px) {
  .voice .titleArea {
    gap: 4.6923076923vw;
  }
}

.voice .titleArea h2 {
  font-family: "Playfair Display", serif;
  font-size: 3.3333333333vw;
  line-height: 100%;
}

@media screen and (max-width: 767px) {
  .voice .titleArea h2 {
    font-size: 7.1794871795vw;
  }
}

.voice .titleArea p {
  font-size: 1.0416666667vw;
  line-height: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .voice .titleArea p {
    font-size: 3.0769230769vw;
  }
}

.voice .titleArea p::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.0694444444vw;
  width: 1.275vw;
  background: #fff;
  transform: rotate(119.36deg);
  bottom: 0.5555555556vw;
  left: -1.6666666667vw;
}

@media screen and (max-width: 767px) {
  .voice .titleArea p::before {
    height: 0.1794871795vw;
    width: 3.2948717949vw;
    bottom: 1.2820512821vw;
    left: -3.0769230769vw;
  }
}

.voice .titleArea::after {
  content: attr(data-eng);
  display: block;
  position: absolute;
  font-family: "Playfair Display", serif;
  font-size: 14.1548611111vw;
  line-height: 18.8680555556vw;
  color: rgba(255, 255, 255, 0.04);
  font-weight: 400;
  -webkit-text-stroke: 0.0694444444vw rgba(0, 0, 0, 0.02);
}

@media screen and (max-width: 767px) {
  .voice .titleArea::after {
    font-size: 25.641025641vw;
    line-height: 34.1794871795vw;
    left: 5.1282051282vw;
    -webkit-text-stroke: 0.2564102564vw rgba(0, 0, 0, 0.02);
  }
}

.voice .titleArea::after {
  bottom: -3.6111111111vw;
  left: -4.8611111111vw;
  width: 200vw;
}

@media screen and (max-width: 767px) {
  .voice .titleArea::after {
    left: 0;
    bottom: -7.6923076923vw;
    width: 300vw;
  }
}

.voice_slider {
  margin-top: 5.0694444444vw;
  margin-left: 8.3333333333vw;
}

@media screen and (max-width: 767px) {
  .voice_slider {
    margin-top: 13.3333333333vw;
    margin-left: 3.8461538462vw;
  }
}

.voice_slider .slide_item {
  background: rgb(34, 34, 34);
  padding: 0.6944444444vw;
  width: 26.6666666667vw;
  margin-inline: 0.6944444444vw;
  height: 46.25vw;
  border-width: 0 0 0.0694444444vw 0;
  border-image: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%) 1;
}

@media screen and (max-width: 767px) {
  .voice_slider .slide_item {
    width: 87.1794871795vw;
    margin-inline: 1.2820512821vw;
    height: 132.5641025641vw;
    padding: 2.5641025641vw;
    border-width: 0 0 0.2564102564vw 0;
  }
}

@media screen and (max-width: 767px) {
  .voice_slider .slide_item figure img {
    object-fit: cover;
    aspect-ratio: 16/11;
  }
}

.voice_slider .slide_item .text {
  margin-top: 1.6666666667vw;
  padding-inline: 0.5555555556vw;
}

@media screen and (max-width: 767px) {
  .voice_slider .slide_item .text {
    margin-top: 4.6153846154vw;
    padding-inline: 2.0512820513vw;
  }
}

.voice_slider .slide_item .text .title {
  display: flex;
  align-items: center;
}

.voice_slider .slide_item .text .title .name {
  font-size: 1.3888888889vw;
  line-height: 2.2222222222vw;
}

@media screen and (max-width: 767px) {
  .voice_slider .slide_item .text .title .name {
    font-size: 4.6153846154vw;
    line-height: 7.3333333333vw;
  }
}

.voice_slider .slide_item .text .title span {
  width: 1.275vw;
  height: 0.0694444444vw;
  background: #fff;
  transform: rotate(119.36deg);
  margin-left: 0.8333333333vw;
}

@media screen and (max-width: 767px) {
  .voice_slider .slide_item .text .title span {
    width: 4.2897435897vw;
    height: 0.2564102564vw;
    margin-left: 2.5641025641vw;
  }
}

.voice_slider .slide_item .text .title .title {
  font-size: 1.0416666667vw;
  line-height: 1.0416666667vw;
}

@media screen and (max-width: 767px) {
  .voice_slider .slide_item .text .title .title {
    font-size: 3.3333333333vw;
    line-height: 3.3333333333vw;
  }
}

.voice_slider .slide_item .text .box {
  margin-top: 1.1111111111vw;
  display: grid;
  gap: 0.5555555556vw;
}

@media screen and (max-width: 767px) {
  .voice_slider .slide_item .text .box {
    margin-top: 2.8205128205vw;
    gap: 1.5384615385vw;
  }
}

.voice_slider .slide_item .text .box h3 {
  font-size: 1.1111111111vw;
  line-height: 1.8888888889vw;
}

@media screen and (max-width: 767px) {
  .voice_slider .slide_item .text .box h3 {
    font-size: 3.5897435897vw;
    line-height: 6.1025641026vw;
  }
}

.voice_slider .slide_item .text .box p {
  font-size: 1.0416666667vw;
  line-height: 1.7708333333vw;
  color: rgb(255, 255, 255);
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .voice_slider .slide_item .text .box p {
    font-size: 3.3333333333vw;
    line-height: 5.6666666667vw;
  }
}

.voice .swiper-button {
  position: absolute;
  width: 11.1111111111vw;
  top: -6.9444444444vw;
  right: 8.3333333333vw;
}

@media screen and (max-width: 767px) {
  .voice .swiper-button {
    display: none;
  }
}

.voice .swiper-button-next,
.voice .swiper-button-prev {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background: url(../image/gold_btn@2x.png) no-repeat;
  background-size: cover;
}

.voice .swiper-button-next::after,
.voice .swiper-button-prev::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  font-size: 1.25vw;
  display: inline-block;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.voice .swiper-pagination {
  bottom: -2.5vw;
}

@media screen and (max-width: 767px) {
  .voice .swiper-pagination {
    bottom: -9.2307692308vw;
  }
}

.voice .swiper-pagination-bullet {
  width: 1.8576388889vw;
  height: 0.2083333333vw;
  border-radius: unset;
  background: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767px) {
  .voice .swiper-pagination-bullet {
    width: 6.1538461538vw;
    height: 0.6923076923vw;
  }
}

.voice .swiper-pagination-bullet-active {
  background: #fff;
}

.voice .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.4513888889vw;
}

@media screen and (max-width: 767px) {
  .voice .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1.2820512821vw;
  }
}

.joinUs {
  position: relative;
  padding-block: 16.3194444444vw 6.25vw;
}

@media screen and (max-width: 767px) {
  .joinUs {
    padding-block: 19.2307692308vw 50.5128205128vw;
  }
}

.joinUs__wrap {
  width: 83.3333333333vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .joinUs__wrap {
    width: 89.7435897436vw;
    flex-direction: column;
    justify-content: unset;
    gap: 13.3333333333vw;
  }
}

.joinUs .titleArea {
  display: flex;
  align-items: baseline;
  gap: 2.7777777778vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .joinUs .titleArea {
    gap: 4.6923076923vw;
  }
}

.joinUs .titleArea h2 {
  font-family: "Playfair Display", serif;
  font-size: 3.3333333333vw;
  line-height: 100%;
}

@media screen and (max-width: 767px) {
  .joinUs .titleArea h2 {
    font-size: 7.1794871795vw;
  }
}

.joinUs .titleArea p {
  font-size: 1.0416666667vw;
  line-height: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .joinUs .titleArea p {
    font-size: 3.0769230769vw;
  }
}

.joinUs .titleArea p::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.0694444444vw;
  width: 1.275vw;
  background: #fff;
  transform: rotate(119.36deg);
  bottom: 0.5555555556vw;
  left: -1.6666666667vw;
}

@media screen and (max-width: 767px) {
  .joinUs .titleArea p::before {
    height: 0.1794871795vw;
    width: 3.2948717949vw;
    bottom: 1.2820512821vw;
    left: -3.0769230769vw;
  }
}

.joinUs .titleArea::after {
  content: attr(data-eng);
  display: block;
  position: absolute;
  font-family: "Playfair Display", serif;
  font-size: 14.1548611111vw;
  line-height: 18.8680555556vw;
  color: rgba(255, 255, 255, 0.04);
  font-weight: 400;
  -webkit-text-stroke: 0.0694444444vw rgba(0, 0, 0, 0.02);
}

@media screen and (max-width: 767px) {
  .joinUs .titleArea::after {
    font-size: 25.641025641vw;
    line-height: 34.1794871795vw;
    left: 5.1282051282vw;
    -webkit-text-stroke: 0.2564102564vw rgba(0, 0, 0, 0.02);
  }
}

.joinUs .titleArea::after {
  top: -11.9444444444vw;
  left: -2.9166666667vw;
  width: 55.5555555556vw;
}

@media screen and (max-width: 767px) {
  .joinUs .titleArea::after {
    left: -5.1282051282vw;
    width: 92.3076923077vw;
    top: unset;
    bottom: -7.6923076923vw;
  }
}

.joinUs_flow {
  width: 55.0694444444vw;
}

@media screen and (max-width: 767px) {
  .joinUs_flow {
    width: 100%;
  }
}

.joinUs_flow-item:not(:last-child) {
  border-bottom: 0.0694444444vw solid rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 767px) {
  .joinUs_flow-item:not(:last-child) {
    border-bottom: 0.2564102564vw solid rgba(255, 255, 255, 0.3);
  }
}

.joinUs_flow-item:not(:first-child) {
  padding-top: 1.6666666667vw;
}

@media screen and (max-width: 767px) {
  .joinUs_flow-item:not(:first-child) {
    padding-top: 6.1538461538vw;
  }
}

.joinUs_flow-item .info {
  font-size: 1.0416666667vw;
  line-height: 1.7708333333vw;
  letter-spacing: 0.03em;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .joinUs_flow-item .info {
    font-size: 3.3333333333vw;
    line-height: 5.6666666667vw;
  }
}

.joinUs_flow-item .inner {
  display: flex;
  padding-right: 2.0833333333vw;
  padding-bottom: 1.6666666667vw;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .joinUs_flow-item .inner {
    flex-direction: row-reverse;
    padding-bottom: 6.1538461538vw;
    padding-right: unset;
  }
}

@media screen and (max-width: 767px) {
  .joinUs_flow-item .inner-l {
    width: 70.7692307692vw;
  }
}

.joinUs_flow-item .inner-l p {
  font-size: 0.8333333333vw;
  line-height: 0.8333333333vw;
}

@media screen and (max-width: 767px) {
  .joinUs_flow-item .inner-l p {
    font-size: 2.3076923077vw;
    line-height: 2.3076923077vw;
  }
}

.joinUs_flow-item .inner-l p span {
  font-size: 0.9722222222vw;
  line-height: 0.9722222222vw;
}

@media screen and (max-width: 767px) {
  .joinUs_flow-item .inner-l p span {
    font-size: 3.0769230769vw;
    line-height: 3.0769230769vw;
    alignment-baseline: central;
  }
}

.joinUs_flow-item .inner-l h3 {
  margin-top: 0.625vw;
  font-size: 1.6666666667vw;
  line-height: 2.8333333333vw;
  letter-spacing: 0.03em;
}

@media screen and (max-width: 767px) {
  .joinUs_flow-item .inner-l h3 {
    margin-top: 1.0256410256vw;
    font-size: 4.1025641026vw;
    line-height: 6.9743589744vw;
  }
}

.joinUs_flow-item .inner-l .desc {
  margin-top: 0.5555555556vw;
  font-size: 1.0416666667vw;
  line-height: 1.7708333333vw;
  letter-spacing: 0.03em;
  opacity: 0.8;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .joinUs_flow-item .inner-l .desc {
    margin-top: 2.0512820513vw;
    font-size: 3.3333333333vw;
    line-height: 5.6666666667vw;
  }
}

.joinUs_flow-item .inner-r {
  width: 8.75vw;
}

@media screen and (max-width: 767px) {
  .joinUs_flow-item .inner-r {
    width: 15.3846153846vw;
  }
}

.price {
  background: rgb(34, 34, 34);
  position: relative;
}

.price__wrap-upper {
  padding-bottom: 2.7777777778vw;
}

.price .titleArea {
  padding: 9.4444444444vw 0 6.6666666667vw 8.2638888889vw;
  display: flex;
  align-items: baseline;
  gap: 2.7777777778vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .price .titleArea {
    gap: 4.6923076923vw;
  }
}

.price .titleArea h2 {
  font-family: "Playfair Display", serif;
  font-size: 3.3333333333vw;
  line-height: 100%;
}

@media screen and (max-width: 767px) {
  .price .titleArea h2 {
    font-size: 7.1794871795vw;
  }
}

.price .titleArea p {
  font-size: 1.0416666667vw;
  line-height: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .price .titleArea p {
    font-size: 3.0769230769vw;
  }
}

.price .titleArea p::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.0694444444vw;
  width: 1.275vw;
  background: #fff;
  transform: rotate(119.36deg);
  bottom: 0.5555555556vw;
  left: -1.6666666667vw;
}

@media screen and (max-width: 767px) {
  .price .titleArea p::before {
    height: 0.1794871795vw;
    width: 3.2948717949vw;
    bottom: 1.2820512821vw;
    left: -3.0769230769vw;
  }
}

.price .titleArea::after {
  content: attr(data-eng);
  display: block;
  position: absolute;
  font-family: "Playfair Display", serif;
  font-size: 14.1548611111vw;
  line-height: 18.8680555556vw;
  color: rgba(255, 255, 255, 0.04);
  font-weight: 400;
  -webkit-text-stroke: 0.0694444444vw rgba(0, 0, 0, 0.02);
}

@media screen and (max-width: 767px) {
  .price .titleArea::after {
    font-size: 25.641025641vw;
    line-height: 34.1794871795vw;
    left: 5.1282051282vw;
    -webkit-text-stroke: 0.2564102564vw rgba(0, 0, 0, 0.02);
  }
}

@media screen and (max-width: 767px) {
  .price .titleArea {
    padding: 36.9230769231vw 0 7.6923076923vw 5.1282051282vw;
  }
}

.price .titleArea::after {
  bottom: 2.3611111111vw;
}

@media screen and (max-width: 767px) {
  .price .titleArea::after {
    bottom: 0;
    left: 0;
  }
}

.price_content .price_campaign .campaign_inner-r .text {
  display: flex;
  gap: 1.0416666667vw;
  align-items: center;
  margin-top: 15px;
  font-size: 1vw;
  letter-spacing: 0.25em;
}

@media screen and (max-width: 767px) {
  .price_content .price_campaign .campaign_inner-r .text {
    display: flex;
    gap: 1.0416666667vw;
    align-items: center;
    margin-top: -25px;
    font-size: 3vw;
    letter-spacing: 0.25em;
  }
}

.month_price_content {
  margin-top: 5vw;
}

@media screen and (max-width: 767px) {
  .month_price_content {
    margin-top: 5vw;
  }
}

.price_campaign {
  width: 55.7708333333vw;
  border: 0.0694444444vw solid rgba(255, 255, 255, 0.6);
  padding: 3.4722222222vw 0 3.4722222222vw 4.1666666667vw;
  display: flex;
  align-items: center;
  gap: 4.1666666667vw;
  margin-left: 38.6111111111vw;
}

@media screen and (max-width: 767px) {
  .price_campaign {
    width: 84.6153846154vw;
    margin: 0 auto;
    flex-direction: column;
    padding: 5.1282051282vw 12.3076923077vw;
    gap: 5.1282051282vw;
  }
}

@media screen and (max-width: 767px) {
  .price_campaign .campaign_inner-r {
    border: none;
    padding-block: unset;
    width: 100%;
  }
}

.yearTitleBox .circle {
  display: inline-block;
  left: -30vw;
}

.yearTitleBox .circle .recommend {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-size: 1vw;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  color: #FFF;
  background: linear-gradient(93.64deg, rgb(34, 34, 34) -8.83%, #B48D38 111.02%);
  text-align: center;
  line-height: 70px;
}

@media screen and (max-width: 767px) {
  .yearTitleBox .circle {
    display: inline-block;
    left: 0;
  }

  .yearTitleBox .circle .recommend {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font-size: 4vw;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    color: #FFF;
    background: linear-gradient(93.64deg, rgb(34, 34, 34) -8.83%, #B48D38 111.02%);
    text-align: center;
    line-height: 70px;
  }
}

.price_content .price_campaign {
  border: 0.7vw solid #ab9369;
  background-color: #e6d5ab59;
}

@media screen and (max-width: 767px) {
  .price_content .price_campaign {
    border: 1vw solid #ab9369;
  }
}

.price_content .price_campaign .ctaBtn {
  display: block;
  width: 17vw;
  text-align: center;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  font-size: 1.25vw;
  line-height: 3.4722222222vw;
  font-weight: 600;
  padding: 5px 10px;
}

@media screen and (max-width: 767px) {
  .price_content .price_campaign .ctaBtn {
    width: 75vw;
    font-size: 4.6153846154vw;
    line-height: 12.8205128205vw;
  }
}

.month_price_content .price_campaign .ctaBtn {
  display: block;
  width: 18vw;
  text-align: center;
  border: 0.0694444444vw solid #fff;
  font-size: 1.2vw;
  line-height: 3.4722222222vw;
  font-weight: 600;
  padding: 5px 10px;
}

.month_price_content .price_campaign .campaign_inner-r .priceBox .month_price p {
  font-size: 1.5vw;
}

@media screen and (max-width: 767px) {
  .month_price_content .price_campaign .campaign_inner-r .priceBox .month_price p {
    font-size: 3.4vw;
  }
}

@media screen and (max-width: 767px) {
  .month_price_content .price_campaign .ctaBtn {
    width: 75vw;
    font-size: 4vw;
    line-height: 8.8205128205vw;
    margin-top: -8vw;
  }
}

.month_price_content .price_campaign .campaign_inner-r .priceBox .month_price .price {
  font-size: 3vw;
}

@media screen and (max-width: 767px) {
  .month_price_content .price_campaign .campaign_inner-r .priceBox .month_price .price {
    font-size: 7vw;
  }
}

.price_campaign .ctaBtn i {
  margin-left: 0.5555555556vw;
}

@media screen and (max-width: 767px) {
  .price_campaign .ctaBtn i {
    margin-left: 2.0512820513vw;
  }
}

.price_item {
  /* 特別価格非表示のためheight設定*/
  /* height: 31.1111111111vw; */
  padding-left: 40.4861111111vw;
  background: rgb(18, 18, 18);
  display: flex;
  gap: 2.2222222222vw;
  align-items: center;
  padding-block: 2.7777777778vw 5.9027777778vw;
}

@media screen and (max-width: 767px) {
  .price_item {
    padding-block: 5.1282051282vw 15.3846153846vw;
    padding-inline: 7.6923076923vw;
    flex-direction: column;
    gap: 3.0769230769vw;
    align-items: unset;
  }
}

.price_item h3 {
  font-size: 1.25vw;
  line-height: 1.875vw;
  letter-spacing: 0.003em;
}

@media screen and (max-width: 767px) {
  .price_item h3 {
    font-size: 4.1025641026vw;
    line-height: 6.9743589744vw;
  }
}

.price_item .border {
  width: 0.0694444444vw;
  height: 2.1527777778vw;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .price_item .border {
    width: 100%;
    height: 0.2564102564vw;
    opacity: 0.2;
  }
}

.price_item p {
  font-size: 1.3888888889vw;
  line-height: 1.3888888889vw;
  letter-spacing: 0.003em;
}

@media screen and (max-width: 767px) {
  .price_item p {
    font-size: 5.1282051282vw;
    line-height: 5.1282051282vw;
  }
}

.price_item p span {
  font-size: 1.6666666667vw;
  line-height: 1.6666666667vw;
  padding-left: 0.6944444444vw;
}

@media screen and (max-width: 767px) {
  .price_item p span {
    font-size: 6.1538461538vw;
    line-height: 6.1538461538vw;
    padding-left: 2.5641025641vw;
  }
}

.price_item p span.caution {
  font-size: 1.25vw;
  line-height: 1.25vw;
}

@media screen and (max-width: 767px) {
  .price_item p span.caution {
    font-size: 4.6153846154vw;
    line-height: 4.6153846154vw;
  }
}

.price .img {
  width: 32.1527777778vw;
  height: 31.1111111111vw;
  background: url(../image/price_bg@2x.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .price .img {
    width: 93.3333333333vw;
    height: 52.8205128205vw;
    background: url(../image/price_bg_sp@2x.png) no-repeat;
    background-size: cover;
    top: -35.1282051282vw;
    right: 0;
    left: unset;
  }
}

.qa {
  position: relative;
  padding-block: 16.3194444444vw 6.25vw;
}

@media screen and (max-width: 767px) {
  .qa {
    padding-block: 19.2307692308vw 50.5128205128vw;
  }
}

.qa__wrap {
  width: 83.3333333333vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .qa__wrap {
    width: 89.7435897436vw;
    flex-direction: column;
    justify-content: unset;
    gap: 13.3333333333vw;
  }
}

.qa .titleArea {
  display: flex;
  align-items: baseline;
  gap: 2.7777777778vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .qa .titleArea {
    gap: 4.6923076923vw;
  }
}

.qa .titleArea h2 {
  font-family: "Playfair Display", serif;
  font-size: 3.3333333333vw;
  line-height: 100%;
}

@media screen and (max-width: 767px) {
  .qa .titleArea h2 {
    font-size: 7.1794871795vw;
  }
}

.qa .titleArea p {
  font-size: 1.0416666667vw;
  line-height: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .qa .titleArea p {
    font-size: 3.0769230769vw;
  }
}

.qa .titleArea p::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.0694444444vw;
  width: 1.275vw;
  background: #fff;
  transform: rotate(119.36deg);
  bottom: 0.5555555556vw;
  left: -1.6666666667vw;
}

@media screen and (max-width: 767px) {
  .qa .titleArea p::before {
    height: 0.1794871795vw;
    width: 3.2948717949vw;
    bottom: 1.2820512821vw;
    left: -3.0769230769vw;
  }
}

.qa .titleArea::after {
  content: attr(data-eng);
  display: block;
  position: absolute;
  font-family: "Playfair Display", serif;
  font-size: 14.1548611111vw;
  line-height: 18.8680555556vw;
  color: rgba(255, 255, 255, 0.04);
  font-weight: 400;
  -webkit-text-stroke: 0.0694444444vw rgba(0, 0, 0, 0.02);
}

@media screen and (max-width: 767px) {
  .qa .titleArea::after {
    font-size: 25.641025641vw;
    line-height: 34.1794871795vw;
    left: 5.1282051282vw;
    -webkit-text-stroke: 0.2564102564vw rgba(0, 0, 0, 0.02);
  }
}

.qa .titleArea::after {
  top: -11.9444444444vw;
  left: -2.9166666667vw;
  width: 55.5555555556vw;
}

@media screen and (max-width: 767px) {
  .qa .titleArea::after {
    left: -5.1282051282vw;
    width: 92.3076923077vw;
    top: unset;
    bottom: -7.6923076923vw;
  }
}

.qa_body {
  display: block;
  width: 55.0694444444vw;
}

@media screen and (max-width: 767px) {
  .qa_body {
    margin-top: 0;
    width: 100%;
  }
}

.qa .qa__wrap .qa_body .q {
  background: rgb(34, 34, 34);
  width: 100%;
  font-size: 1.7vw;
  line-height: 3vw;
  padding: 1vw;
}

@media screen and (max-width: 767px) {
  .qa .qa__wrap .qa_body .q {
    background: rgb(34, 34, 34);
    width: 100%;
    font-size: 3.84vw;
    line-height: 6.6666666667vw;
    padding: 3vw;
  }
}

.qa .qa__wrap .qa_body .a {
  width: 100%;
  font-size: 1.5vw;
  line-height: 2.7vw;
  margin: 1vw;
  margin-top: 1.5vw;
}

@media screen and (max-width: 767px) {
  .qa .qa__wrap .qa_body .a {
    width: 100%;
    font-size: 3.6vw;
    line-height: 6.6666666667vw;
    padding: 2vw;
    margin-top: 1.625vw;
  }
}

.qa .qa__wrap .qa_body .qa_pair {
  margin-top: 5vw;
}

@media screen and (max-width: 767px) {
  .qa .qa__wrap .qa_body .qa_pair {
    margin-top: 8vw;
  }
}

@media screen and (max-width: 767px) {
  .footer {
    margin-bottom: 23.0769230769vw;
  }
}

.footer__wrap {
  width: 83.3333333333vw;
  margin: 0 auto;
  display: grid;
  place-items: center;
  padding-block: 6.0416666667vw 2.7777777778vw;
}

@media screen and (max-width: 767px) {
  .footer__wrap {
    width: 89.7435897436vw;
    margin: 0 auto;
    padding-block: 15.3846153846vw 2.5641025641vw;
  }
}

.footer figure {
  width: 14.375vw;
}

@media screen and (max-width: 767px) {
  .footer figure {
    width: 53.0769230769vw;
  }
}

.footer_menu {
  margin-top: 4.3055555556vw;
  display: flex;
  gap: 2.7777777778vw;
}

@media screen and (max-width: 767px) {
  .footer_menu {
    margin-top: 15.8974358974vw;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6.1538461538vw 10.2564102564vw;
  }
}

.footer_menu a {
  font-size: 1.0416666667vw;
  line-height: 1.5083333333vw;
}

@media screen and (max-width: 767px) {
  .footer_menu a {
    font-size: 3.8461538462vw;
    line-height: 5.5692307692vw;
  }
}

.footer_menu_sub {
  margin-top: 4.3055555556vw;
  display: flex;
  gap: 2.7777777778vw;
}

@media screen and (max-width: 767px) {
  .footer_menu_sub {
    margin-top: 10.8974358974vw;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6.1538461538vw 10.2564102564vw;
  }
}

.footer_menu_sub a {
  font-size: 0.8461538462vw;
  line-height: 0.5083333333vw;
}

@media screen and (max-width: 767px) {
  .footer_menu_sub a {
    font-size: 1.8461538462vw;
    line-height: 2.5692307692vw;
  }
}

.footer .line {
  margin-top: 3.6805555556vw;
  width: 100%;
  height: 0.0694444444vw;
  background: rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 767px) {
  .footer .line {
    margin-top: 15.8974358974vw;
    height: 0.2564102564vw;
  }
}

.footer p {
  margin-top: 1.6666666667vw;
  font-size: 0.9722222222vw;
  line-height: 1.4076388889vw;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .footer p {
    margin-block: 5.1282051282vw 7.6923076923vw;
    font-size: 3.0769230769vw;
    line-height: 4.4564102564vw;
  }
}

@media screen and (max-width: 767px) {
  .fixed_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding-block: 4.1025641026vw;
    background: rgba(255, 255, 255, 0.2);
    z-index: 90;
  }

  .fixed_btn a {
    display: block;
    background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
    font-size: 4.6153846154vw;
    line-height: 14.8717948718vw;
    text-align: center;
    width: 82.0512820513vw;
    color: #fff;
    margin: 0 auto;
  }

  .fixed_btn a i {
    margin-left: 4.1025641026vw;
  }
}

.fixed_btn.hidden {
  opacity: 0;
  overflow: hidden;
}

.ctaBtn {
  transition: 0.8s;
}

.ctaBtn p {
  transition: 0.8s;
}

.ctaBtn li {
  transition: 0.8s;
}

.ctaBtn.active {
  background: #fff;
  transition: 0.8s;
  position: relative;
}

.ctaBtn.active p {
  transition: 0.8s;
  display: inline-block;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.header-pc .header_menu a.ctaBtn:hover {
  background: #fff;
}

/* .ctaBtn_w {
  transition: 0.8s;
}

.ctaBtn_w p {
  display: inline-block;
  background: linear-gradient(93.64deg, #B48D38 -8.83%, #AF8527 48.1%, #885E00 111.02%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.8s;
}

.ctaBtn_w.active {
  background: transparent;
  border: 0.0694444444vw solid #fff;
  color: #fff;
}

.ctaBtn_w.active p {
  background: #fff;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
} */

.fadeIn01,
.fadeIn02,
.fadeIn03,
.fadeIn04 {
  opacity: 0;
  visibility: hidden;
  transition: 2s ease-in-out;
}

.fadeIn01.visible,
.fadeIn02.visible,
.fadeIn03.visible,
.fadeIn04.visible {
  opacity: 1;
  visibility: visible;
}

.fadeIn01 {
  transition-delay: 0.8s;
}

.fadeIn02 {
  transition-delay: 1.6s;
}

.fadeIn03 {
  transition-delay: 2s;
}

.fadeIn04 {
  transition-delay: 2.2s;
}

.fv_bg {
  width: 100%;
  height: 54.1666666667vw;
  background: url(../image/fv_bg_tower@2x.png) no-repeat;
  /* background: url(../image/fv_bg@2x.png) no-repeat; */
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .fv_bg {
    height: 168.4615384615vw;
    background: url(../image/fv_bg_tower_sp.png) no-repeat;
    /* background: url(../image/fv_bg_sp.png) no-repeat; */
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .RtoL {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: 2s ease-in-out;
  }

  .RtoL.visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

@media screen and (max-width: 767px) {
  .RtoL {
    opacity: 0;
    animation-duration: 1.8s;
    animation-delay: 2s;
    animation-fill-mode: both;
    animation-name: RtoL;
  }

  @keyframes RtoL {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }
}

.LtoR {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: 2s ease-in-out;
}

.LtoR.visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.BtoT {
  opacity: 0;
  visibility: hidden;
  transform: translateY(2.0833333333vw);
  transition: 2s ease-in-out;
}

@media screen and (max-width: 767px) {
  .BtoT {
    transform: translateY(0.6923076923vw);
  }
}

.BtoT.visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.TtoB {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-2.0833333333vw);
  transition: 2s ease-in-out;
}

@media screen and (max-width: 767px) {
  .TtoB {
    transform: translateY(-7.6923076923vw);
  }
}

.TtoB.visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.order,
.order1,
.order2,
.order3 {
  opacity: 0;
  transition: 1s ease-in-out;
}

.order.visible,
.order1.visible,
.order2.visible,
.order3.visible {
  opacity: 1;
}

/*# sourceMappingURL=style.css.map */


/* キャンペーンバナー設置 2024.08.01 */

section.campaign {
  /* margin-top: 210px; */
}

section.banner .banner__img img {
  max-width: 915px;
  margin: -80px auto 0;
}

.header_logo img {
  max-width: 229px;
}

@media (max-width:767px) {

  section.banner .banner__img img {
    max-width: 360px;
    margin: -157.48px auto 0;
  }

  section.campaign {
    margin-top: 184px;
  }

}