@charset "UTF-8";
/*==========================
リセット
==========================*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.main-area.lp * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.main-area.lp table {
  border-spacing: 0;
  border-collapse: collapse;
}

.main-area.lp * html table {
  border-collapse: collapse;
}

.main-area.lp *:first-child + html table {
  border-collapse: collapse;
}

.main-area.lp caption, th {
  text-align: left;
  font-weight: normal;
}

.main-area.lp table, th, td, img {
  border: 0;
}

.main-area.lp input {
  vertical-align: middle;
  outline: none;
}

.main-area.lp q:before, q:after {
  content: "";
}

.main-area.lp ul {
  list-style: none;
}

.main-area.lp hr,
.main-area.lp legend,
.main-area.lp caption {
  display: none;
}

.main-area.lp img {
  border: 0;
  vertical-align: bottom;
}

.main-area.lp a:focus {
  outline: none;
}

/* aタグ設定
------------------------------------- */
.alpha a:hover {
  opacity: 0.75;
}

.main-area.lp a {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  text-decoration: none;
}

/* 基本設定
------------------------------------- */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body .main-area.lp {
  -webkit-text-size-adjust: 100%;
  font-size: min(1.5789473684vw, 1.8rem);
  font-family: "Noto Serif JP", serif;
  line-height: 1.7777777778;
  background-color: #fff;
  color: #4B4B4B;
}

.main-area .font-gothic {
  font-family: "Noto Sans JP", sans-serif;
}

.main-area.lp ul {
  list-style: none;
}

/*holiday
-------------------------------------*/
#contentsMain {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #contentsMain .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .pc-only {
    display: none !important;
  }
}
#contentsMain button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#contentsMain img {
  width: 100%;
  height: auto;
}
#contentsMain .indent {
  display: inline-block;
}
#contentsMain .mv {
  position: relative;
  height: 43.9285714286vw;
}
@media screen and (max-width: 767px) {
  #contentsMain .mv {
    height: 133.3333333333vw;
  }
}
#contentsMain .mv.on .mv__bg01 img, #contentsMain .mv.on .mv__bg02 img, #contentsMain .mv.on .mv__bg-sp img {
  opacity: 1;
  transform: inherit;
}
#contentsMain .mv.on .mv__copy, #contentsMain .mv.on .mv__logo {
  opacity: 1;
  transform: inherit;
}
#contentsMain .mv__bg01 {
  width: 34.2857142857%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#contentsMain .mv__bg01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transform: translateX(20%);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
#contentsMain .mv__bg02 {
  width: 34.2857142857%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
}
#contentsMain .mv__bg02 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translateX(-20%);
  opacity: 0;
  transition: opacity 0.7s ease-out 0.3s, transform 0.7s ease-out 0.3s;
}
@media screen and (max-width: 767px) {
  #contentsMain .mv__bg-sp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .mv__bg-sp img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transform: translateX(15%);
    opacity: 0;
    transition: opacity 0.75s ease-out, transform 0.75s ease-out;
  }
}
#contentsMain .mv__body {
  width: 31.4285714286%;
  height: 100%;
  margin: 0 auto;
  padding-top: 16.0714285714vw;
}
@media screen and (max-width: 767px) {
  #contentsMain .mv__body {
    width: 100%;
    display: block;
  }
}
#contentsMain .mv__copy {
  width: 21.4285714286vw;
  margin: 0 auto;
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.75s ease-out 1.3s, transform 0.75s ease-out 1.3s;
}
@media screen and (max-width: 767px) {
  #contentsMain .mv__copy {
    width: 11.7333333333vw;
    margin: 0;
    transform: translateY(5%);
    transition: opacity 0.5s ease-out 0.5s, transform 0.5s ease-out 0.5s;
    position: absolute;
    top: 6.1333333333vw;
    left: 1.7333333333vw;
  }
}
#contentsMain .mv__logo {
  width: 5.6428571429vw;
  margin: 4.2857142857vw auto 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease-out 1.3s, transform 0.5s ease-out 1.3s;
}
#contentsMain .inner {
  max-width: min(100vw, 1140px);
  margin: 0 auto;
  padding: 0 min(1.7543859649vw, 20px);
}
@media screen and (max-width: 767px) {
  #contentsMain .inner {
    max-width: 100%;
    padding: 0;
  }
}
#contentsMain .section-top {
  padding: min(9.8245614035vw, 112px) 0;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-top {
    padding: 10.6666666667vw 0 18.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-top__copy {
    width: 52.5333333333vw;
    margin: 0 auto;
  }
}
#contentsMain .section-top .--desc {
  font-size: min(1.4035087719vw, 1.6rem);
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-top .--desc {
    margin: 5.3333333333vw auto 0;
    width: 70.9333333333vw;
    font-size: 3.2vw;
    letter-spacing: 0;
    line-height: 1.7142857143;
  }
}
#contentsMain .section-item {
  margin-top: 134px;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item {
    margin-top: 19.7333333333vw;
  }
}
#contentsMain .section-item.--item01 {
  margin-top: 0;
}
#contentsMain .section-item.--item02 .section-item__top, #contentsMain .section-item.--item04 .section-item__top {
  flex-direction: row-reverse;
}
#contentsMain .section-item.--item02 .section-item__top-body::after, #contentsMain .section-item.--item04 .section-item__top-body::after {
  width: calc(100% + 30px);
}
#contentsMain .section-item.--item02 .section-item__bottom, #contentsMain .section-item.--item04 .section-item__bottom {
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item.--item03 .section-item__bottom-img img.--img01, #contentsMain .section-item.--item04 .section-item__bottom-img img.--img01 {
    width: 66.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item.--item03 .section-item__bottom-img img.--img02, #contentsMain .section-item.--item04 .section-item__bottom-img img.--img02 {
    width: 66.6666666667vw;
    margin: 4vw 0 0 auto;
  }
}
#contentsMain .section-item.--item05 {
  margin-bottom: 170px;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item.--item05 {
    margin-bottom: 19.7333333333vw;
  }
}
#contentsMain .section-item .inner {
  max-width: 764px;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item .inner {
    max-width: 100%;
  }
}
#contentsMain .section-item__top {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top {
    display: block;
    position: relative;
  }
}
#contentsMain .section-item__top-img {
  width: 60.2209944751%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-img {
    width: 100%;
    position: absolute;
    top: 38.1333333333vw;
    left: 0;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-img.--02 {
    top: 37.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-img.--03 {
    top: 35.6vw;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-img.--04 {
    top: 35.6vw;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-img.--05 {
    top: 35.3333333333vw;
  }
}
#contentsMain .section-item__top-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-img img {
    height: auto;
    -o-object-fit: inherit;
       object-fit: inherit;
  }
}
#contentsMain .section-item__top-body {
  width: 39.7790055249%;
  padding: 56px 36px 28px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-body {
    width: 100%;
    padding: 0 8vw;
    z-index: 2;
  }
}
#contentsMain .section-item__top-body.on::after {
  transform: translateX(0);
  opacity: 1;
}
#contentsMain .section-item__top-body::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #E8F5FA;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translateX(-30px);
  opacity: 0;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-body::after {
    display: none;
  }
}
#contentsMain .section-item__top-num {
  padding-top: 25px;
  width: 144px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-num {
    padding-top: 6.4vw;
    width: 36vw;
  }
}
#contentsMain .section-item__top-num .--01 {
  width: 32px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-num .--01 {
    width: 5.6vw;
  }
}
#contentsMain .section-item__top-num .--02 {
  width: 46px;
  margin: 7px auto 0;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-num .--02 {
    width: 8.2666666667vw;
    margin: 0 auto;
  }
}
#contentsMain .section-item__top-num .--03 {
  width: 60px;
  margin: 8px auto 0;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-num .--03 {
    width: 10.6666666667vw;
    margin: 0 auto;
  }
}
#contentsMain .section-item__top-num .--04 {
  width: 58px;
  margin: 8px auto 0;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-num .--04 {
    width: 10.2666666667vw;
    margin: 0.9333333333vw auto 0;
  }
}
#contentsMain .section-item__top-num .--05 {
  width: 60px;
  margin: 10px auto 0;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-num .--05 {
    width: 10.6666666667vw;
    margin: 0 auto;
  }
}
#contentsMain .section-item__top-logo {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#contentsMain .section-item__title {
  margin: 20px auto 0;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__title {
    margin-top: 5.6vw;
  }
}
#contentsMain .section-item__title.--01 {
  width: 188px;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__title.--01 {
    width: 68.6666666667vw;
  }
}
#contentsMain .section-item__title.--02 {
  width: 188px;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__title.--02 {
    width: 68.6666666667vw;
    margin-top: 4.2666666667vw;
  }
}
#contentsMain .section-item__title.--03 {
  width: 183px;
  margin-top: 14px;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__title.--03 {
    width: 36.5333333333vw;
    margin-top: 4vw;
  }
}
#contentsMain .section-item__title.--04 {
  width: 158px;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__title.--04 {
    width: 56.2666666667vw;
    margin-top: 4vw;
  }
}
#contentsMain .section-item__title.--05 {
  width: 178px;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__title.--05 {
    width: 70.4vw;
    margin-top: 3.4666666667vw;
  }
}
#contentsMain .section-item__line {
  display: block;
  margin: 42px auto 0;
  width: 1px;
  height: 86px;
  background-color: #000;
}
#contentsMain .section-item__line.--03 {
  margin-top: 58px;
  margin-bottom: 58px;
}
#contentsMain .section-item__line.--05 {
  margin-top: 48px;
  margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__box-sp {
    margin: 145.3333333333vw 0 0;
    padding: 2.9333333333vw 4vw 2.6666666667vw 2.9333333333vw;
    display: flex;
    align-items: center;
    gap: 2.4vw;
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__box-sp.on::after {
    transform: translateY(0);
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__box-sp::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(232, 245, 250, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: translateY(-30px);
    opacity: 0;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__box-sp.--04 {
    margin-top: 146vw;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__box-sp.--05 {
    margin-top: 71.7333333333vw;
  }
}
#contentsMain .section-item__icon {
  margin: 43px auto 0;
  width: 98px;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__icon {
    margin: 0 0 3.4666666667vw;
    width: 22.6666666667vw;
    flex: 0 0 auto;
  }
}
#contentsMain .section-item__top-desc {
  margin-top: 8px;
  line-height: 1.7777777778;
  font-size: 1.1rem;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-desc {
    margin-top: 0;
    font-size: 3.2vw;
    line-height: 1.6666666667;
    text-align: justify;
  }
}
#contentsMain .section-item__top-desc.--nallow {
  letter-spacing: -0.005em;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__top-desc.--nallow {
    letter-spacing: 0;
  }
}
#contentsMain .section-item__bottom {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__bottom {
    display: block;
    margin-top: 6.6666666667vw;
    padding: 0 8vw;
  }
}
#contentsMain .section-item__bottom-img {
  width: 39.7790055249%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__bottom-img {
    width: 100%;
  }
}
#contentsMain .section-item__bottom-body {
  width: 60.2209944751%;
  padding: 27px 43px;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__bottom-body {
    width: 100%;
    padding: 0;
  }
}
#contentsMain .section-item__bottom-body .--top {
  color: #3B6590;
  font-size: 1.6rem;
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__bottom-body .--top {
    margin-top: 2.6666666667vw;
    text-align: center;
    font-size: 4.6666666667vw;
    line-height: 1.4285714286;
  }
}
#contentsMain .section-item__bottom-body .--desc {
  margin-top: 21px;
  letter-spacing: -0.01em;
  font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__bottom-body .--desc {
    margin-top: 2vw;
    letter-spacing: 0;
    font-size: 3.2vw;
    line-height: 1.6666666667;
  }
}
#contentsMain .section-item__price {
  margin-top: 49px;
  padding-left: 13px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__price {
    margin-top: 8.4vw;
    padding-left: 2vw;
  }
}
#contentsMain .section-item__price::after {
  content: "";
  width: 3px;
  height: calc(100% - 3px);
  background-color: #4B4B4B;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__price::after {
    width: 2px;
    height: calc(100% - 2.1333333333vw);
  }
}
#contentsMain .section-item__price a {
  font-size: 1rem;
  line-height: 2.1538461538;
  text-decoration: underline;
  color: #4B4B4B;
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__price a {
    font-size: 2.6666666667vw;
    line-height: 1.9;
    letter-spacing: -0.01em;
  }
}
#contentsMain .section-item__bottom-img.--left {
  width: 60.2209944751%;
}
#contentsMain .section-item__bottom-img.--left img {
  display: block;
  width: 66.0550458716%;
  margin-left: auto;
}
#contentsMain .section-item__bottom-img.--right {
  width: 60.2209944751%;
  margin-left: auto;
}
#contentsMain .section-item__bottom-img.--right img {
  display: block;
  width: 66.0550458716%;
}
#contentsMain .selection {
  background-color: rgba(237, 229, 219, 0.5);
  padding: min(5.2631578947vw, 60px) 0 min(4.0350877193vw, 46px);
}
@media screen and (max-width: 767px) {
  #contentsMain .selection {
    padding: 4vw 0 5.0666666667vw;
  }
}
#contentsMain .selection .inner {
  max-width: min(85.8771929825vw, 979px);
}
@media screen and (max-width: 767px) {
  #contentsMain .selection .inner {
    max-width: 100%;
  }
}
#contentsMain .selection__title {
  max-width: min(60.8771929825vw, 694px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #contentsMain .selection__title {
    max-width: 47.8666666667vw;
  }
}
#contentsMain .selection__title + p {
  margin-top: min(0.9649122807vw, 11px);
  font-size: min(1.5789473684vw, 1.8rem);
  text-align: center;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #contentsMain .selection__title + p {
    margin-top: 1.7333333333vw;
    font-size: 3.2vw;
    line-height: 1.6666666667;
  }
}
#contentsMain .selection__body {
  margin-top: min(3.7719298246vw, 43px);
}
@media screen and (max-width: 767px) {
  #contentsMain .selection__body {
    margin-top: 4vw;
  }
}
#contentsMain .selection__logo {
  width: min(14.3859649123vw, 164px);
  margin: min(1.3157894737vw, 15px) auto min(0.8771929825vw, 10px);
}
@media screen and (max-width: 767px) {
  #contentsMain .selection__logo {
    width: 21.8666666667vw;
    margin: 2.1333333333vw auto 0.8vw;
    transform: inherit !important;
    opacity: 1 !important;
  }
}
#contentsMain .selection__desc {
  letter-spacing: -0.01em;
  font-size: min(1.4035087719vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  #contentsMain .selection__desc {
    font-size: 3.2vw;
    margin: 0 2.9333333333vw;
    line-height: 1.6666666667;
    transform: inherit !important;
    opacity: 1 !important;
  }
}
#contentsMain .selection__price {
  margin-top: min(1.2280701754vw, 14px);
  padding-top: min(1.2280701754vw, 14px);
  border-top: 1px solid #4B4B4B;
}
@media screen and (max-width: 767px) {
  #contentsMain .selection__price {
    margin: 2vw 2.9333333333vw 0;
    padding: 1.3333333333vw 0 0;
  }
}
#contentsMain .selection__price a {
  display: block;
  color: #4B4B4B;
  font-size: min(1.1403508772vw, 1.3rem);
  line-height: 2.1538461538;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  #contentsMain .selection__price a {
    font-size: 2.6666666667vw;
    line-height: 1.9;
    transform: inherit !important;
    letter-spacing: -0.01em;
    opacity: 1 !important;
  }
}
#contentsMain .selection .splide {
  visibility: visible;
  position: relative;
}
@media screen and (max-width: 767px) {
  #contentsMain .selection .splide__pagination {
    position: absolute;
    top: 57.2vw;
    right: auto;
    bottom: auto;
    left: 85.3333333333vw;
    display: flex;
    gap: 0.9333333333vw;
  }
}
#contentsMain .selection .splide__pagination li {
  display: block;
}
@media screen and (max-width: 767px) {
  #contentsMain .selection .splide__pagination .splide__pagination__page {
    display: block;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    border-radius: 50%;
    background-color: #fff;
  }
}
#contentsMain .selection .splide__pagination .splide__pagination__page.is-active {
  transform: inherit;
  background-color: #707070;
}
#contentsMain .selection .splide__list {
  display: flex;
  flex-wrap: wrap;
  gap: min(2.1929824561vw, 25px) min(3.5087719298vw, 40px);
}
@media screen and (max-width: 767px) {
  #contentsMain .selection .splide__list {
    gap: 0;
    flex-wrap: inherit;
  }
}
#contentsMain .selection .splide__slide {
  width: calc(50% - min(1.7543859649vw, 20px));
  padding-bottom: min(1.7543859649vw, 20px);
}
@media screen and (max-width: 767px) {
  #contentsMain .selection .splide__slide {
    width: 60vw;
    padding-bottom: 0;
    margin: 0 1.2vw;
  }
}
#contentsMain .interview {
  padding: min(10.5263157895vw, 120px) 0 min(12.2807017544vw, 140px);
}
@media screen and (max-width: 767px) {
  #contentsMain .interview {
    padding: 13.3333333333vw 0 18.6666666667vw;
  }
}
#contentsMain .interview .inner {
  max-width: min(85.8771929825vw, 979px);
}
@media screen and (max-width: 767px) {
  #contentsMain .interview .inner {
    max-width: 100%;
  }
}
#contentsMain .interview__movie {
  max-width: min(32.4561403509vw, 370px);
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__movie {
    max-width: 80vw;
  }
}
#contentsMain .interview__movie video, #contentsMain .interview__movie img {
  display: block;
  width: 100%;
  height: auto;
}
#contentsMain .interview__switch {
  display: block;
  width: min(9.649122807vw, 110px);
  position: absolute;
  right: min(0.8771929825vw, 10px);
  bottom: min(0.8771929825vw, 10px);
  padding: min(0.4385964912vw, 5px) min(0.4385964912vw, 5px);
  font-size: min(1.2280701754vw, 1.4rem);
  border: 1px solid #fff;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
  z-index: 10;
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__switch {
    width: 21.3333333333vw;
    right: 1.3333333333vw;
    bottom: 1.3333333333vw;
    font-size: 2.9333333333vw;
    padding: 0.9333333333vw 0.6666666667vw 0.6666666667vw;
  }
}
#contentsMain .interview__body {
  margin-top: min(10.5263157895vw, 120px);
  padding: min(5.2631578947vw, 60px) 0 min(3.4210526316vw, 39px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__body {
    margin-top: 13.3333333333vw;
    padding: 4vw 8vw 5.4666666667vw;
  }
}
#contentsMain .interview__body.on::after {
  transform: translateX(0);
  opacity: 1;
}
#contentsMain .interview__body::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #E8F5FA;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translateX(30px);
  opacity: 0;
  transition: transform 0.7s ease-out, opacity 0.7s ease-out;
}
#contentsMain .interview__title {
  max-width: min(73.5087719298vw, 838px);
  padding: 0 min(0.8771929825vw, 10px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__title {
    max-width: 84vw;
    padding: 0;
  }
}
#contentsMain .interview__title + p {
  margin-top: min(1.6666666667vw, 19px);
  text-align: center;
  font-size: min(2.6315789474vw, 3rem);
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__title + p {
    margin-top: 2.2666666667vw;
    font-size: 4vw;
  }
}
#contentsMain .interview__box {
  margin-top: min(0.7894736842vw, 9px);
  display: flex;
  gap: min(4.2105263158vw, 48px);
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__box {
    display: block;
    margin-top: 2.9333333333vw;
    overflow: inherit;
  }
}
#contentsMain .interview__box > div:first-of-type {
  width: min(39.4736842105vw, 450px);
  margin-top: min(0.6140350877vw, 7px);
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__box > div:first-of-type {
    width: 100%;
    margin-top: 0;
  }
}
#contentsMain .interview__box > div:nth-of-type(2) {
  width: min(33.4210526316vw, 381px);
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__box > div:nth-of-type(2) {
    width: 100%;
  }
}
#contentsMain .interview__box .--top {
  margin-top: min(1.1403508772vw, 13px);
  font-size: min(1.9298245614vw, 2.2rem);
  padding-left: min(4.8245614035vw, 55px);
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__box .--top {
    margin-top: 5.0666666667vw;
    font-size: 3.4666666667vw;
    padding-left: 0;
  }
}
#contentsMain .interview__box .--top span {
  font-size: min(1.4035087719vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__box .--top span {
    font-size: 2.6666666667vw;
  }
}
#contentsMain .interview__box .--top + p {
  padding-left: min(4.8245614035vw, 55px);
  margin-top: min(0.701754386vw, 8px);
  font-size: min(1.2280701754vw, 1.4rem);
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__box .--top + p {
    margin-top: 1.3333333333vw;
    padding-left: 0;
    font-size: 2.6666666667vw;
    line-height: 1.7;
  }
}
#contentsMain .interview__box .--desc {
  line-height: 1.8;
  font-size: min(1.5789473684vw, 1.8rem);
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__box .--desc {
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__img {
    width: 60vw;
    margin: 0 auto;
  }
}
#contentsMain .interview__credit {
  margin: min(8.7719298246vw, 100px) auto 0;
  width: min(47.0175438596vw, 568px);
}
@media screen and (max-width: 767px) {
  #contentsMain .interview__credit {
    margin-top: 6.5333333333vw;
    width: 74.1333333333vw;
  }
}
#contentsMain .pagetop {
  z-index: 20;
  width: 28px;
  position: fixed;
  bottom: 20px;
  right: 10px;
  transition: transform 0.5s, opacity 0.5s;
  opacity: 0;
  transform: translateY(20px);
}
@media screen and (max-width: 767px) {
  #contentsMain .pagetop {
    width: 3.7333333333vw;
    bottom: 2.6666666667vw;
    right: 2vw;
  }
}
#contentsMain .pagetop.on {
  opacity: 1;
  transform: translateY(0);
}
#contentsMain .fadeUp {
  transform: translateY(30px);
  opacity: 0;
  transition: transform 0.7s ease-out, opacity 0.7s ease-out;
}
#contentsMain .fadeUp.on {
  transform: translateY(0);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  #contentsMain .fadeUp.section-item__top-desc {
    transform: translateX(-30px);
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .fadeUp.section-item__top-desc.on {
    transform: translateX(0);
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .fadeUp.section-item__icon {
    transform: translateY(-30px);
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .fadeUp.section-item__icon.on {
    transform: translateY(0);
  }
}
#contentsMain .fadeLeft {
  transform: translateX(30px);
  opacity: 0;
  transition: transform 0.7s ease-out, opacity 0.7s ease-out;
}
#contentsMain .fadeLeft.on {
  transform: translateX(0);
  opacity: 1;
}
#contentsMain .fadeRight {
  transform: translateX(-30px);
  opacity: 0;
  transition: transform 0.7s ease-out, opacity 0.7s ease-out;
}
#contentsMain .fadeRight.on {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  #contentsMain .fadeRight.section-item__top-logo, #contentsMain .fadeRight.section-item__title {
    transform: translateX(30px);
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .fadeRight.section-item__top-logo.on, #contentsMain .fadeRight.section-item__title.on {
    transform: translateX(0);
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__bottom-body .--top {
    transform: translateX(-30px);
  }
}
#contentsMain .section-item__bottom-body .--top.on {
  transform: translateX(0);
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__bottom-body .--desc {
    transform: translateX(30px);
  }
}
@media screen and (max-width: 767px) {
  #contentsMain .section-item__bottom-body .--desc.on {
    transform: translateX(0);
  }
}/*# sourceMappingURL=madokahoshikaze.css.map */