@charset "UTF-8";
body {
  overflow-x: hidden;
}

.fixedArea {
  display: flex;
  position: fixed;
  bottom: 0;
  z-index: 20;
}
@media screen and (min-width: 768px), print {
  .fixedArea {
    flex-direction: column;
    align-items: end;
    right: 1.25vw;
    bottom: 1.0416666667vw;
  }
}
.fixedArea .snsArea {
  width: 37.6vw;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px), print {
  .fixedArea .snsArea {
    width: 3.6458333333vw;
    background-color: transparent;
    align-items: center;
    margin-bottom: 7.8125vw;
  }
}
.fixedArea .snsArea-txt {
  font-size: 3.2vw;
  font-weight: 700;
  margin: 0;
  text-align: center;
  margin-bottom: 0.5333333333vw;
}
@media screen and (min-width: 768px), print {
  .fixedArea .snsArea-txt {
    writing-mode: vertical-rl;
    font-size: 1.0416666667vw;
    margin-bottom: 1.25vw;
  }
}
.fixedArea .snsArea-list {
  display: flex;
  justify-content: space-between;
  width: 29.0666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .fixedArea .snsArea-list {
    flex-direction: column;
    width: 100%;
  }
}
.fixedArea .snsArea-icon {
  margin: 0;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
}
@media screen and (min-width: 768px), print {
  .fixedArea .snsArea-icon {
    width: 3.6458333333vw;
    height: 3.6458333333vw;
    margin-top: 1.0416666667vw;
  }
}
.fixedArea .bannerArea {
  width: 62.4vw;
  margin: 0;
}
@media screen and (min-width: 768px), print {
  .fixedArea .bannerArea {
    width: 10.3125vw;
  }
}
.fixedArea .bannerArea img {
  width: 100%;
}

.mvArea-mv {
  overflow-x: hidden;
  background-color: #CEECF0;
  padding-bottom: 22.6666666667vw;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .mvArea-mv {
    padding-bottom: 0;
  }
}
.mvArea .imgArea {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .mvArea .imgArea {
    width: 69.7916666667vw;
    margin-left: auto;
    margin-right: 0;
    z-index: 10;
  }
}
.mvArea .imgArea .txtArea {
  text-align: right;
  position: absolute;
  bottom: 6.6666666667vw;
  right: 8vw;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.7));
}
@media screen and (min-width: 768px), print {
  .mvArea .imgArea .txtArea {
    bottom: 4.4270833333vw;
    right: 8.3333333333vw;
  }
}
.mvArea .imgArea .txtArea .txt {
  font-size: 4.2666666667vw;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 4vw;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  .mvArea .imgArea .txtArea .txt {
    font-size: 2.0833333333vw;
    margin-bottom: 0.7291666667vw;
  }
}
.mvArea .imgArea .txtArea .ttl {
  font-family: "Unbounded", sans-serif;
  font-size: 8.9333333333vw;
  color: #fff;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .mvArea .imgArea .txtArea .ttl {
    font-size: 4.84375vw;
  }
}
.mvArea .imgArea .txtArea .ttl .big {
  font-size: 15.3333333333vw;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .mvArea .imgArea .txtArea .ttl .big {
    font-size: 7.96875vw;
  }
}
.mvArea .imgArea .txtArea .season {
  position: absolute;
  width: 34.9333333333vw;
  display: block;
  right: -8vw;
  bottom: -14.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .mvArea .imgArea .txtArea .season {
    width: 13.6458333333vw;
    right: -5.7291666667vw;
    bottom: -2.6041666667vw;
  }
}
.mvArea .blueArea {
  padding-top: 10.9333333333vw;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea {
    padding: 0;
  }
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-content {
    position: absolute;
    top: 1.875vw;
    left: 0;
    z-index: 11;
  }
}
.mvArea .blueArea-ttl {
  width: 53.4666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-ttl {
    width: 14.7395833333vw;
  }
}
.mvArea .blueArea-box {
  position: relative;
  width: 94.6666666667vw;
  z-index: 2;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box {
    width: 37.9166666667vw;
  }
}
.mvArea .blueArea-box:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #E2DEF5;
  top: 2.6666666667vw;
  right: -2.6666666667vw;
  z-index: -1;
  border-radius: 0 2vw 2vw 0;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box:after {
    top: 1.0416666667vw;
    right: -1.0416666667vw;
    border-radius: 0 0.78125vw 0.78125vw 0;
  }
}
.mvArea .blueArea-box .whiteBox {
  background-color: #fff;
  position: relative;
  z-index: 2;
  border-radius: 0 2vw 2vw 0;
  padding-top: 1.3333333333vw;
  padding-left: 5.3333333333vw;
  padding-right: 4vw;
  padding-bottom: 5.3333333333vw;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .whiteBox {
    border-radius: 0 0.78125vw 0.78125vw 0;
    padding-top: 1.0416666667vw;
    padding-left: 2.9166666667vw;
    padding-right: 2.0833333333vw;
    padding-bottom: 1.8229166667vw;
  }
}
.mvArea .blueArea-box .dateArea {
  display: flex;
  align-items: baseline;
  width: 84vw;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .dateArea {
    width: 31.25vw;
  }
}
.mvArea .blueArea-box .dateArea .date {
  font-size: 5.3333333333vw;
  font-weight: 700;
  color: #3E1C63;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .dateArea .date {
    font-size: 1.8229166667vw;
  }
}
.mvArea .blueArea-box .dateArea .date span {
  font-size: 10.6666666667vw;
  font-family: "Unbounded", sans-serif;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .dateArea .date span {
    font-size: 3.4895833333vw;
  }
}
.mvArea .blueArea-box .dateArea .time {
  display: inline-block;
  font-size: 3.4666666667vw;
  font-weight: 700;
  font-family: "Unbounded", sans-serif;
  color: #3E1C63;
  border-radius: 100px;
  background-color: #E2DEF5;
  padding: 0 3.3333333333vw;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .dateArea .time {
    font-size: 1.3541666667vw;
    padding: 0 1.3020833333vw;
    margin-left: 1.5625vw;
  }
}
.mvArea .blueArea-box .otherDate {
  width: 84vw;
  border: solid #3E1C63 0.2666666667vw;
  display: flex;
  padding: 3.4666666667vw 0;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .otherDate {
    width: 100%;
    padding: 0.7291666667vw 1.875vw;
    border: solid #3E1C63 0.1041666667vw;
  }
}
.mvArea .blueArea-box .otherDate .left {
  font-size: 3.2vw;
  font-weight: 500;
  color: #3E1C63;
  padding: 0 2.9333333333vw;
  position: relative;
  margin: auto 0;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .otherDate .left {
    font-size: 1.3541666667vw;
    padding: 0;
    padding-right: 1.5625vw;
  }
}
.mvArea .blueArea-box .otherDate .left:before {
  width: 0.2666666667vw;
  height: 100%;
  content: "";
  display: block;
  background-color: #3E1C63;
  right: 0;
  top: 0;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .otherDate .left:before {
    width: 0.1041666667vw;
  }
}
.mvArea .blueArea-box .otherDate .right {
  font-size: 3.2vw;
  font-weight: 700;
  color: #3E1C63;
  line-height: 1.2;
  padding-left: 4.5333333333vw;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .otherDate .right {
    font-size: 1.0416666667vw;
    padding-left: 1.3541666667vw;
    text-align: center;
  }
}
.mvArea .blueArea-box .otherDate .right span {
  font-size: 6.2666666667vw;
  font-family: "Unbounded", sans-serif;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .otherDate .right span {
    font-size: 1.7708333333vw;
  }
}
.mvArea .blueArea-box .presentArea {
  width: 52vw;
  margin-left: auto;
  margin-right: 0;
  margin-top: 9.3333333333vw;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .presentArea {
    width: 20.6770833333vw;
    margin-top: 2.5vw;
  }
}
.mvArea .blueArea-box .presentArea .ttl {
  background-color: #694490;
  color: #fff;
  font-size: 3.4666666667vw;
  font-weight: 500;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .presentArea .ttl {
    font-size: 1.3541666667vw;
  }
}
.mvArea .blueArea-box .presentArea .ttl:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.3333333333vw 2.9333333333vw 3.3333333333vw 0;
  border-color: transparent #fff transparent transparent;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.mvArea .blueArea-box .presentArea .txt {
  font-size: 4.2666666667vw;
  font-weight: 700;
  color: #3E1C63;
  line-height: 1.4;
  text-align: center;
  margin-top: 3.3333333333vw;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .presentArea .txt {
    font-size: 1.5625vw;
    margin-top: 0.4166666667vw;
  }
}
.mvArea .blueArea-box .presentArea .img {
  width: 31.4666666667vw;
  position: absolute;
  top: -3.7333333333vw;
  left: -34.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .mvArea .blueArea-box .presentArea .img {
    width: 10.9895833333vw;
    top: -1.0416666667vw;
    left: -12.5vw;
  }
}
.mvArea .leadArea {
  background-image: url(../img/leadArea_bg_sp.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 35.4666666667vw;
  padding-bottom: 34.6666666667vw;
  margin-top: -8.6666666667vw;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .mvArea .leadArea {
    background-image: url(../img/leadArea_bg_pc.webp);
    padding-top: 10.625vw;
    padding-bottom: 16.1458333333vw;
    margin-top: -5.9375vw;
  }
}
.mvArea .leadArea-txt {
  font-size: 3.7333333333vw;
  color: #fff;
  font-weight: 500;
  line-height: 2.2;
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .mvArea .leadArea-txt {
    font-size: 1.4583333333vw;
  }
}
.mvArea .leadArea-img {
  width: 84vw;
  margin: 0 auto;
  margin-top: 10.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .mvArea .leadArea-img {
    width: 44.1145833333vw;
    margin-top: 3.6458333333vw;
  }
}

.searchArea {
  background-color: #E2DEF5;
  border-radius: 0 20vw 0 20vw;
  margin-top: -16vw;
  z-index: 3;
  padding-top: 13.3333333333vw;
  padding-bottom: 16vw;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .searchArea {
    border-radius: 0 9.375vw 0 9.375vw;
    margin-top: -9.375vw;
    padding-top: 7.2916666667vw;
    padding-bottom: 5.9895833333vw;
  }
}
.searchArea-heading {
  font-weight: 700;
  font-size: 4.8vw;
  color: #3E1C63;
  text-align: center;
  line-height: 1.6;
}
@media screen and (min-width: 768px), print {
  .searchArea-heading {
    font-size: 2.6041666667vw;
    align-items: center;
    display: flex;
    margin: 0 auto;
    justify-content: center;
  }
}
.searchArea-heading .big {
  font-size: 6.9333333333vw;
}
@media screen and (min-width: 768px), print {
  .searchArea-heading .big {
    font-size: 3.4895833333vw;
  }
}
.searchArea-ilst-01 {
  width: 12.4vw;
  height: 20.2666666667vw;
  position: absolute;
  top: -2.6666666667vw;
  right: 9.8666666667vw;
}
@media screen and (min-width: 768px), print {
  .searchArea-ilst-01 {
    width: 8.5416666667vw;
    height: 14.0625vw;
    top: -2.8125vw;
    right: 12.5vw;
  }
}
.searchArea-ttl {
  font-size: 13.3333333333vw;
  line-height: 1.2;
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  color: #694490;
  margin-left: -0.1em;
  z-index: 100;
  position: relative;
  margin-bottom: 74.4vw;
}
@media screen and (min-width: 768px), print {
  .searchArea-ttl {
    font-size: 8.0208333333vw;
    margin-bottom: 1.3020833333vw;
  }
}
.searchArea-subttl {
  width: 84vw;
  margin: 0 auto;
  font-size: 4.8vw;
  font-weight: 700;
  color: #3E1C63;
}
@media screen and (min-width: 768px), print {
  .searchArea-subttl {
    width: 32.5vw;
    font-size: 2.1875vw;
  }
}
.searchArea-txt {
  font-size: 3.7333333333vw;
  width: 84vw;
  margin: 0 auto;
  color: #3E1C63;
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .searchArea-txt {
    width: 32.5vw;
    font-size: 1.4583333333vw;
    margin-top: 2.0833333333vw;
    line-height: 1.7;
  }
}
.searchArea .baloon {
  font-size: 4.2666666667vw;
  font-weight: 700;
  background-color: #694490;
  border-radius: 200px;
  width: 28.5333333333vw;
  height: 28.5333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.25;
  color: #fff;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px), print {
  .searchArea .baloon {
    width: 12.8645833333vw;
    height: 12.8645833333vw;
    font-size: 1.9791666667vw;
  }
}
.searchArea .baloon.big {
  width: 34.2666666667vw;
  height: 34.2666666667vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .baloon.big {
    width: 15.1041666667vw;
    height: 15.1041666667vw;
  }
}
.searchArea .baloon.big:before {
  top: 1.3333333333vw;
  left: 1.3333333333vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .baloon.big:before {
    top: 0.5208333333vw;
    left: 0.5208333333vw;
  }
}
.searchArea .baloon:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.6666666667vw 0 2.6666666667vw 6.6666666667vw;
  border-color: transparent transparent transparent #694490;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
@media screen and (min-width: 768px), print {
  .searchArea .baloon:before {
    border-width: 1.0416666667vw 0 1.0416666667vw 2.6041666667vw;
  }
}
.searchArea .baloon .txtBox {
  padding-bottom: 2.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .baloon .txtBox {
    padding-bottom: 1.0416666667vw;
  }
}
.searchArea .baloon .txtBox .yellow {
  color: #F4C458;
  text-align: center;
}
.searchArea .baloon .txtBox .small {
  font-size: 3.2vw;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .searchArea .baloon .txtBox .small {
    font-size: 1.4583333333vw;
  }
}
.searchArea .sec_1 {
  position: relative;
  padding-bottom: 44vw;
  margin-top: 6.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_1 {
    margin-top: 2.7083333333vw;
    padding-bottom: 28.125vw;
  }
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_1 .searchArea-subttl {
    margin-left: 6.7708333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_1 .searchArea-txt {
    margin-left: 6.7708333333vw;
  }
}
.searchArea .sec_1 .searchArea-img-01 {
  width: 82.6666666667vw;
  height: 64vw;
  position: absolute;
  top: 10.6666666667vw;
  right: 0;
  border-radius: 2vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_1 .searchArea-img-01 {
    width: 41.9791666667vw;
    height: 32.5vw;
    top: 4.9479166667vw;
    right: 6.7708333333vw;
    border-radius: 0.78125vw;
  }
}
.searchArea .sec_1 .searchArea-img-02 {
  width: 42.6666666667vw;
  height: 33.0666666667vw;
  position: absolute;
  top: 49.3333333333vw;
  left: 5.3333333333vw;
  border-radius: 2vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_1 .searchArea-img-02 {
    width: 26.1979166667vw;
    height: 20.15625vw;
    top: auto;
    right: 31.7708333333vw;
    left: auto;
    bottom: 13.0208333333vw;
    border-radius: 0.78125vw;
  }
}
.searchArea .sec_1 .searchArea-img-03 {
  width: 27.3333333333vw;
  height: 21.2vw;
  position: absolute;
  bottom: 0;
  left: 26vw;
  border-radius: 2vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_1 .searchArea-img-03 {
    width: 15.8333333333vw;
    height: 12.2395833333vw;
    top: auto;
    bottom: 6.6666666667vw;
    left: 22.0833333333vw;
    border-radius: 0.78125vw;
  }
}
.searchArea .sec_1 .searchArea-img-04 {
  width: 42.1333333333vw;
  height: 30.6666666667vw;
  position: absolute;
  bottom: 12.2666666667vw;
  right: 0;
  border-radius: 2vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_1 .searchArea-img-04 {
    width: 26.1979166667vw;
    height: 20.15625vw;
    bottom: 0;
    right: 0;
    border-radius: 0.78125vw;
  }
}
.searchArea .sec_1 .searchArea-ilst-02 {
  display: none;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_1 .searchArea-ilst-02 {
    display: block;
    width: 9.2708333333vw;
    height: 4.7395833333vw;
    position: absolute;
    top: -3.0208333333vw;
    right: -1.0416666667vw;
  }
}
.searchArea .sec_1 .searchArea-ilst-03 {
  width: 23.3333333333vw;
  height: 23.3333333333vw;
  position: absolute;
  bottom: 14vw;
  left: -4.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_1 .searchArea-ilst-03 {
    width: 15.46875vw;
    height: 15.46875vw;
    position: absolute;
    bottom: 8.8541666667vw;
    left: -2.8125vw;
  }
}
.searchArea .sec_1 .baloon {
  position: absolute;
  top: 61.3333333333vw;
  left: 62.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_1 .baloon {
    top: auto;
    bottom: 5.2083333333vw;
    left: auto;
    right: 28.125vw;
  }
}
.searchArea .sec_2 {
  position: relative;
  padding-bottom: 61.3333333333vw;
  margin-top: 13.3333333333vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 {
    padding-bottom: 27.9166666667vw;
    margin-top: 10.9375vw;
  }
}
.searchArea .sec_2 .searchArea-ttl {
  padding-left: 50.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .searchArea-ttl {
    padding-left: 37.9166666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .searchArea-subttl {
    margin-left: 50vw;
  }
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .searchArea-txt {
    margin-left: 50vw;
  }
}
.searchArea .sec_2 .searchArea-img-05 {
  width: 82.6666666667vw;
  height: 64vw;
  position: absolute;
  top: 10.6666666667vw;
  left: 0;
  border-radius: 2vw;
  z-index: 2;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .searchArea-img-05 {
    width: 41.9791666667vw;
    height: 32.5vw;
    top: 5vw;
  }
}
.searchArea .sec_2 .searchArea-img-06 {
  width: 42.6666666667vw;
  height: 33.8666666667vw;
  position: absolute;
  top: 49.3333333333vw;
  right: 5.3333333333vw;
  border-radius: 2vw;
  z-index: 2;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .searchArea-img-06 {
    width: 26.1979166667vw;
    height: 20.15625vw;
    top: 27.6041666667vw;
    left: 22.03125vw;
    right: auto;
  }
}
.searchArea .sec_2 .searchArea-img-07 {
  width: 42.1333333333vw;
  height: 34.8vw;
  position: absolute;
  bottom: 16vw;
  left: -1.8666666667vw;
  border-radius: 2vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .searchArea-img-07 {
    width: 26.1979166667vw;
    height: 20.15625vw;
    top: auto;
    bottom: 0;
    left: auto;
    right: 6.7708333333vw;
  }
}
.searchArea .sec_2 .searchArea-img-08 {
  width: 33.7333333333vw;
  height: 26vw;
  position: absolute;
  bottom: 0;
  right: 15.4666666667vw;
  border-radius: 2vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .searchArea-img-08 {
    width: 15.8333333333vw;
    height: 12.2395833333vw;
    top: auto;
    bottom: 0;
    left: auto;
    right: -2.8125vw;
    top: 11.0416666667vw;
  }
}
.searchArea .sec_2 .searchArea-ilst-04 {
  width: 32vw;
  height: 15.3333333333vw;
  position: absolute;
  top: -1.3333333333vw;
  left: -4.6666666667vw;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .searchArea-ilst-04 {
    width: 17.5520833333vw;
    height: 8.4375vw;
    left: 42.3958333333vw;
    top: -12.2916666667vw;
  }
}
.searchArea .sec_2 .searchArea-ilst-05 {
  width: 22.9333333333vw;
  height: 24.2666666667vw;
  position: absolute;
  top: 29.3333333333vw;
  right: -8.9333333333vw;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .searchArea-ilst-05 {
    width: 13.8020833333vw;
    height: 14.5833333333vw;
    right: 10.625vw;
    top: 0;
  }
}
.searchArea .sec_2 .searchArea-ilst-06 {
  width: 16.5333333333vw;
  height: 14vw;
  position: absolute;
  bottom: 33.3333333333vw;
  right: 30vw;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .searchArea-ilst-06 {
    width: 9.7395833333vw;
    height: 8.28125vw;
    right: 36.40625vw;
    bottom: 0;
  }
}
.searchArea .sec_2 .baloon {
  position: absolute;
  top: 56vw;
  left: 8vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .baloon {
    top: auto;
    bottom: -1.25vw;
    left: 15.2604166667vw;
  }
}
.searchArea .sec_2 .baloon:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.6666666667vw 6.6666666667vw 2.6666666667vw 0;
  border-color: transparent #694490 transparent transparent;
  display: inline-block;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_2 .baloon:before {
    border-width: 1.0416666667vw 2.6041666667vw 1.0416666667vw 0;
  }
}
.searchArea .sec_3 {
  position: relative;
  position: relative;
  margin-top: 14.6666666667vw;
  padding-bottom: 54.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_3 {
    margin-top: 10.5729166667vw;
    padding-bottom: 30.2083333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_3 .searchArea-subttl {
    margin-left: 6.7708333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_3 .searchArea-txt {
    margin-left: 6.7708333333vw;
  }
}
.searchArea .sec_3 .searchArea-img-09 {
  width: 82.6666666667vw;
  height: 64vw;
  position: absolute;
  top: 10.6666666667vw;
  right: 0;
  border-radius: 2vw;
  z-index: 2;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_3 .searchArea-img-09 {
    width: 41.9791666667vw;
    height: 32.5vw;
    top: 4.1666666667vw;
    border-radius: 0.78125vw;
    right: 6.8229166667vw;
  }
}
.searchArea .sec_3 .searchArea-img-10 {
  width: 42.6666666667vw;
  height: 33.0666666667vw;
  position: absolute;
  top: 49.3333333333vw;
  left: 5.3333333333vw;
  border-radius: 2vw;
  z-index: 3;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_3 .searchArea-img-10 {
    width: 26.0416666667vw;
    height: 20.15625vw;
    top: 26.5625vw;
    border-radius: 0.78125vw;
    left: 42.1354166667vw;
  }
}
.searchArea .sec_3 .searchArea-img-11 {
  width: 31.7333333333vw;
  height: 24.5333333333vw;
  position: absolute;
  bottom: 0;
  left: 14.1333333333vw;
  border-radius: 2vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_3 .searchArea-img-11 {
    width: 15.78125vw;
    height: 12.2395833333vw;
    top: auto;
    bottom: 6.6666666667vw;
    border-radius: 0.78125vw;
    right: auto;
    left: 22.0833333333vw;
  }
}
.searchArea .sec_3 .searchArea-img-12 {
  width: 46.6666666667vw;
  height: 36.1333333333vw;
  position: absolute;
  bottom: 11.4666666667vw;
  right: 0;
  border-radius: 2vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_3 .searchArea-img-12 {
    width: 26.0416666667vw;
    height: 20.15625vw;
    top: auto;
    bottom: 0;
    border-radius: 0.78125vw;
  }
}
.searchArea .sec_3 .searchArea-ilst-07 {
  width: 61.0666666667vw;
  height: 38.2666666667vw;
  position: absolute;
  top: -12vw;
  right: -11.6vw;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_3 .searchArea-ilst-07 {
    width: 45vw;
    height: 28.1770833333vw;
    top: -4.7395833333vw;
    right: -5.78125vw;
  }
}
.searchArea .sec_3 .searchArea-ilst-08 {
  width: 15.0666666667vw;
  height: 17.3333333333vw;
  position: absolute;
  bottom: 26.6666666667vw;
  left: 4vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_3 .searchArea-ilst-08 {
    width: 9.5833333333vw;
    height: 11.0416666667vw;
    bottom: 0;
    left: 7.5vw;
  }
}
.searchArea .sec_3 .searchArea-ilst-09 {
  width: 16.6666666667vw;
  height: 19.7333333333vw;
  position: absolute;
  bottom: -20vw;
  right: 16vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_3 .searchArea-ilst-09 {
    width: 12.4479166667vw;
    height: 14.5833333333vw;
    bottom: -12.7083333333vw;
    right: 21.9791666667vw;
  }
}
.searchArea .sec_3 .baloon {
  position: absolute;
  top: 64vw;
  left: 62.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .searchArea .sec_3 .baloon {
    left: auto;
    top: auto;
    bottom: 13.0208333333vw;
    right: 10.46875vw;
  }
}

.recapArea {
  background-color: #518C55;
  margin-top: -16vw;
  padding-top: 29.3333333333vw;
  padding-bottom: 32vw;
}
@media screen and (min-width: 768px), print {
  .recapArea {
    padding-top: 20.8333333333vw;
    margin-top: -10.4166666667vw;
    padding-bottom: 20.8333333333vw;
  }
}
.recapArea .txtArea .ttl {
  width: 91.3333333333vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .recapArea .txtArea .ttl {
    width: 77.9166666667vw;
  }
}
.recapArea .txtArea .txt {
  font-size: 4.2666666667vw;
  color: #fff;
  text-align: center;
  margin-top: -3.3333333333vw;
  line-height: 1.3;
}
@media screen and (min-width: 768px), print {
  .recapArea .txtArea .txt {
    font-size: 2.0833333333vw;
    margin-top: -4.1666666667vw;
  }
}
.recapArea-imgArea {
  margin-top: 5.3333333333vw;
}
@media screen and (min-width: 768px), print {
  .recapArea-imgArea {
    margin-top: 4.1666666667vw;
  }
}
.recapArea-imgArea .loop-wrap {
  display: flex;
  overflow: hidden; /* 必須 */
  width: 100%;
}
.recapArea-imgArea .loop-wrap:nth-child(2) .loop-content {
  animation: loop_2 120s linear infinite;
}
.recapArea-imgArea .loop-content {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  animation: loop_1 120s linear infinite;
  margin-top: 2.1333333333vw;
}
@media screen and (min-width: 768px), print {
  .recapArea-imgArea .loop-content {
    margin-top: 1.25vw;
  }
}
.recapArea-imgArea .loop-content li {
  flex-shrink: 0;
  width: 333.3333333333vw;
  margin: 0;
}
@media screen and (min-width: 768px), print {
  .recapArea-imgArea .loop-content li {
    width: 195.3125vw;
  }
}
.recapArea-imgArea .loop-content img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
@keyframes loop_1 {
  0% {
    transform: translateX(0);
  }
  100% {
    /* リスト1個分（-100%）移動したら0に戻る仕組み */
    transform: translateX(-100%);
  }
}
@keyframes loop_2 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    /* リスト1個分（-100%）移動したら0に戻る仕組み */
    transform: translateX(0);
  }
}
.recapArea .snsArea {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 10.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .recapArea .snsArea {
    margin-top: 5.2083333333vw;
  }
}
.recapArea .snsArea-txt {
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 3.4666666667vw;
  font-weight: 700;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .recapArea .snsArea-txt {
    font-size: 1.6666666667vw;
  }
}
.recapArea .snsArea-list {
  display: flex;
  justify-content: space-between;
  width: 29.0666666667vw;
  margin: 0 auto;
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .recapArea .snsArea-list {
    width: 11.9791666667vw;
    margin-top: 1.5625vw;
  }
}
.recapArea .snsArea-icon {
  margin: 0;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
}
@media screen and (min-width: 768px), print {
  .recapArea .snsArea-icon {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
  }
}

.scheduleArea {
  background-color: #694490;
  border-radius: 0 20vw 0 20vw;
  margin-top: -18.6666666667vw;
  z-index: 3;
  padding-top: 13.3333333333vw;
  padding-bottom: 24vw;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .scheduleArea {
    border-radius: 0 9.375vw 0 9.375vw;
    margin-top: -9.375vw;
    padding-top: 7.2916666667vw;
    padding-bottom: 14.5833333333vw;
  }
}
.scheduleArea > .txtArea .ttl {
  font-size: 8vw;
  font-family: 700;
  font-family: "Unbounded", sans-serif;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}
@media screen and (min-width: 768px), print {
  .scheduleArea > .txtArea .ttl {
    font-size: 5.2083333333vw;
  }
}
.scheduleArea > .txtArea .txt {
  font-size: 4.2666666667vw;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}
@media screen and (min-width: 768px), print {
  .scheduleArea > .txtArea .txt {
    font-size: 2.0833333333vw;
  }
}
.scheduleArea-ilst-01 {
  width: 16.8vw;
  height: 19.7333333333vw;
  top: -7.8666666667vw;
  left: -6.4vw;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-ilst-01 {
    width: 12.4479166667vw;
    height: 14.5833333333vw;
    top: -6.5104166667vw;
    left: -6.7708333333vw;
  }
}
.scheduleArea-ilst-02 {
  width: 36.8vw;
  height: 14.2666666667vw;
  bottom: -8.8vw;
  right: -6.8vw;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-ilst-02 {
    width: 21.9270833333vw;
    height: 8.5416666667vw;
    bottom: -5.3645833333vw;
    right: -4.1666666667vw;
  }
}
.scheduleArea-box {
  background-color: #fff;
  width: 89.3333333333vw;
  margin: 0 auto;
  position: relative;
  padding-top: 2.6666666667vw;
  padding-bottom: 14.6666666667vw;
  margin-top: 9.3333333333vw;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-box {
    width: 86.5104166667vw;
    padding-top: 2.8645833333vw;
    padding-bottom: 8.8541666667vw;
    margin-top: 4.5833333333vw;
  }
}
.scheduleArea-box .dateArea {
  width: 84vw;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-box .dateArea {
    width: 100%;
  }
}
.scheduleArea-box .dateArea .date {
  font-size: 5.3333333333vw;
  font-weight: 700;
  color: #3E1C63;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-box .dateArea .date {
    font-size: 2.3958333333vw;
  }
}
.scheduleArea-box .dateArea .date span {
  font-size: 10.6666666667vw;
  font-family: "Unbounded", sans-serif;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-box .dateArea .date span {
    font-size: 4.53125vw;
  }
}
.scheduleArea-box .dateArea .time {
  display: inline-block;
  font-size: 4.2666666667vw;
  font-weight: 700;
  font-family: "Unbounded", sans-serif;
  color: #fff;
  border-radius: 100px;
  background-color: #694490;
  text-align: center;
  margin: auto;
  padding: 2.6666666667vw 3.3333333333vw;
  width: 54.1333333333vw;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-box .dateArea .time {
    width: 25.7291666667vw;
    font-size: 2.3958333333vw;
    padding: 0 1.0416666667vw;
  }
}
.scheduleArea-box .otherDate {
  width: 84vw;
  border: solid #3E1C63 0.2666666667vw;
  display: flex;
  padding: 3.4666666667vw 0;
  margin: 0 auto;
  margin-top: 5.3333333333vw;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-box .otherDate {
    width: 71.3541666667vw;
    padding: 0.7291666667vw 3.125vw;
    box-sizing: border-box;
    border: solid #3E1C63 0.1041666667vw;
    margin-top: 2.5vw;
  }
}
.scheduleArea-box .otherDate .left {
  font-size: 3.2vw;
  font-weight: 500;
  color: #3E1C63;
  padding: 0 3.3333333333vw;
  position: relative;
  margin: auto 0;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-box .otherDate .left {
    font-size: 2.0833333333vw;
    padding: 0;
    padding-right: 2.4479166667vw;
  }
}
.scheduleArea-box .otherDate .left:before {
  width: 0.2666666667vw;
  height: 100%;
  content: "";
  display: block;
  background-color: #3E1C63;
  right: 0;
  top: 0;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-box .otherDate .left:before {
    width: 0.1041666667vw;
  }
}
.scheduleArea-box .otherDate .right {
  font-size: 3.2vw;
  font-weight: 700;
  color: #3E1C63;
  line-height: 1.2;
  padding-left: 4.5333333333vw;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-box .otherDate .right {
    display: block;
    font-size: 1.8229166667vw;
    padding-left: 2.8125vw;
  }
}
.scheduleArea-box .otherDate .right span {
  font-size: 6.2666666667vw;
  font-family: "Unbounded", sans-serif;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-box .otherDate .right span {
    font-size: 3.4375vw;
  }
}
.scheduleArea-btn {
  display: inline-block;
  position: absolute;
  bottom: -10.6666666667vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  .scheduleArea-btn {
    bottom: -4.4270833333vw;
  }
}
.scheduleArea-btn a {
  display: inline-block;
  width: 78.6666666667vw;
  text-align: center;
  padding: 5.3333333333vw 0;
  border-radius: 100px;
  background-color: #F4C458;
  color: #3E1C63;
  font-size: 4.2666666667vw;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .scheduleArea-btn a {
    width: 36.9791666667vw;
    font-size: 2.0833333333vw;
    padding: 2.6041666667vw 0;
  }
}
.scheduleArea-btn a:before {
  content: "";
  background-image: url(../img/icon_arrow_2.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 3.8666666667vw;
  height: 2.5333333333vw;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 6.2666666667vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .scheduleArea-btn a:before {
    width: 1.8229166667vw;
    height: 1.25vw;
    right: 2.96875vw;
  }
}

.accessArea {
  background-color: #E2DEF5;
  margin-top: -16vw;
  padding-top: 32vw;
  padding-bottom: 32vw;
}
@media screen and (min-width: 768px), print {
  .accessArea {
    padding-top: 20.8333333333vw;
    margin-top: -10.4166666667vw;
    padding-bottom: 20.8333333333vw;
  }
}
.accessArea > .txtArea .ttl {
  font-size: 8vw;
  font-family: 700;
  font-family: "Unbounded", sans-serif;
  color: #694490;
  text-align: center;
  line-height: 1.2;
}
@media screen and (min-width: 768px), print {
  .accessArea > .txtArea .ttl {
    font-size: 5.2083333333vw;
  }
}
.accessArea > .txtArea .txt {
  font-size: 4.2666666667vw;
  color: #694490;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}
@media screen and (min-width: 768px), print {
  .accessArea > .txtArea .txt {
    font-size: 2.0833333333vw;
  }
}
.accessArea > .txtArea .lead {
  color: #3E1C63;
  font-size: 3.7333333333vw;
  font-weight: 500;
  margin: 0 auto;
  text-align: center;
  margin-top: 6.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .accessArea > .txtArea .lead {
    font-size: 1.4583333333vw;
    margin-top: 2.6041666667vw;
  }
}
.accessArea-map {
  margin-top: 8vw;
}
@media screen and (min-width: 768px), print {
  .accessArea-map {
    margin-top: 2.0833333333vw;
  }
}
.accessArea-btn {
  display: inline-block;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-top: 8vw;
}
@media screen and (min-width: 768px), print {
  .accessArea-btn {
    margin-top: 2.6041666667vw;
  }
}
.accessArea-btn a {
  background-color: #fff;
  display: inline-block;
  width: 78.6666666667vw;
  text-align: center;
  padding: 4.8vw 0;
  border-radius: 100px;
  border: solid #694490 0.2666666667vw;
  color: #3E1C63;
  font-size: 3.7333333333vw;
  font-weight: 700;
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .accessArea-btn a {
    width: 23.4375vw;
    font-size: 1.3541666667vw;
    padding: 0.8333333333vw 0;
    border: 0.1041666667vw solid #694490;
  }
}
.accessArea-btn a:before {
  content: "";
  background-image: url(../img/icon_arrow_2.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 3.8666666667vw;
  height: 2.5333333333vw;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 6.2666666667vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .accessArea-btn a:before {
    width: 1.09375vw;
    height: 0.7291666667vw;
    right: 1.875vw;
  }
}
.accessArea-list {
  width: 89.3333333333vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .accessArea-list {
    width: 86.4583333333vw;
    display: flex;
    justify-content: space-between;
  }
}
.accessArea-box {
  margin-top: 13.3333333333vw;
}
@media screen and (min-width: 768px), print {
  .accessArea-box {
    margin-top: 4.6875vw;
  }
}
.accessArea-box-ttl {
  font-size: 3.7333333333vw;
  font-weight: 700;
  color: #694490;
  margin-bottom: 4vw;
}
@media screen and (min-width: 768px), print {
  .accessArea-box-ttl {
    font-size: 2.0833333333vw;
    margin-bottom: 0.5208333333vw;
  }
}
.accessArea-box iframe {
  width: 100%;
  height: 62.9333333333vw;
}
@media screen and (min-width: 768px), print {
  .accessArea-box iframe {
    width: 41.40625vw;
    height: 29.1666666667vw;
  }
}

.recommendArea {
  background-color: #694490;
  border-radius: 0 20vw 0 20vw;
  margin-top: -18.6666666667vw;
  z-index: 3;
  padding-top: 13.3333333333vw;
  padding-bottom: 24vw;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .recommendArea {
    border-radius: 0 9.375vw 0 9.375vw;
    margin-top: -9.375vw;
    padding-top: 7.2916666667vw;
    padding-bottom: 10.4166666667vw;
  }
}
.recommendArea > .txtArea .ttl {
  font-size: 8vw;
  font-family: 700;
  font-family: "Unbounded", sans-serif;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}
@media screen and (min-width: 768px), print {
  .recommendArea > .txtArea .ttl {
    font-size: 5.2083333333vw;
  }
}
.recommendArea > .txtArea .txt {
  font-size: 4.2666666667vw;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}
@media screen and (min-width: 768px), print {
  .recommendArea > .txtArea .txt {
    font-size: 2.0833333333vw;
  }
}
.recommendArea-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 89.3333333333vw;
  margin: 0 auto;
  margin-top: 14.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .recommendArea-list {
    width: 86.4583333333vw;
    margin-top: 4.6875vw;
  }
}
.recommendArea-box {
  width: 42.6666666667vw;
  margin-top: 8vw;
}
@media screen and (min-width: 768px), print {
  .recommendArea-box {
    width: 26.6666666667vw;
    margin: 0;
  }
}
.recommendArea-box:nth-child(1), .recommendArea-box:nth-child(2) {
  margin-top: 0;
}
.recommendArea-txt {
  font-size: 3.4666666667vw;
  color: #fff;
  position: relative;
  display: inline-block;
  font-weight: 700;
  width: 36vw;
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .recommendArea-txt {
    font-size: 1.4583333333vw;
    width: auto;
    margin-top: 0.8333333333vw;
  }
}
.recommendArea-txt span {
  position: relative;
  display: inline-block;
}
.recommendArea-txt span:before {
  content: "";
  display: block;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  background-image: url(../img/icon_arrow_3.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -6.6666666667vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .recommendArea-txt span:before {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    right: -2.7083333333vw;
  }
}

.inquiryArea {
  background-color: #E2DEF5;
  margin-top: -16vw;
  padding-top: 32vw;
  padding-bottom: 16vw;
}
@media screen and (min-width: 768px), print {
  .inquiryArea {
    padding-top: 20.8333333333vw;
    margin-top: -10.4166666667vw;
    padding-bottom: 10.4166666667vw;
  }
}
.inquiryArea > .txtArea {
  text-align: center;
}
.inquiryArea > .txtArea .ttl {
  font-size: 4.6666666667vw;
  font-weight: 700;
  color: #694490;
  text-align: center;
  line-height: 1.3;
}
@media screen and (min-width: 768px), print {
  .inquiryArea > .txtArea .ttl {
    font-size: 2.0833333333vw;
  }
}
.inquiryArea > .txtArea .txt {
  font-size: 6.9333333333vw;
  color: #694490;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  margin-top: 2.6666666667vw;
  position: relative;
  display: inline-block;
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .inquiryArea > .txtArea .txt {
    font-size: 3.4895833333vw;
    margin-top: 0.2083333333vw;
  }
}
.inquiryArea > .txtArea .txt:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 0.5333333333vw;
  background-color: #694490;
  bottom: -2.1333333333vw;
}
@media screen and (min-width: 768px), print {
  .inquiryArea > .txtArea .txt:before {
    height: 0.2083333333vw;
    bottom: -0.625vw;
  }
}
.inquiryArea > .txtArea .lead {
  color: #3E1C63;
  font-size: 3.7333333333vw;
  font-weight: 500;
  margin: 0 auto;
  text-align: center;
  margin-top: 6.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .inquiryArea > .txtArea .lead {
    font-size: 1.4583333333vw;
    margin-top: 2.6041666667vw;
  }
}
.inquiryArea-list {
  width: 88vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .inquiryArea-list {
    display: flex;
    width: 86.4583333333vw;
    justify-content: space-between;
  }
}
.inquiryArea .btn {
  display: inline-block;
  margin-top: 8vw;
}
@media screen and (min-width: 768px), print {
  .inquiryArea .btn {
    margin-top: 3.6458333333vw;
  }
}
.inquiryArea .btn a {
  display: inline-block;
  width: 88vw;
  text-align: center;
  padding: 6.6666666667vw 0;
  border-radius: 100px;
  background-color: #694490;
  color: #fff;
  font-size: 5.3333333333vw;
  font-weight: 700;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .inquiryArea .btn a {
    width: 41.6666666667vw;
    font-size: 1.875vw;
    padding: 2.6041666667vw 0;
  }
}
.inquiryArea .btn a:before {
  content: "";
  background-image: url(../img/icon_arrow_1.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 3.8666666667vw;
  height: 2.5333333333vw;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 6.2666666667vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .inquiryArea .btn a:before {
    width: 1.8229166667vw;
    height: 1.25vw;
    right: 2.96875vw;
  }
}
.inquiryArea .btn.white a {
  background-color: #fff;
  color: #694490;
  border: solid #694490 0.2666666667vw;
  text-decoration: underline;
}
@media screen and (min-width: 768px), print {
  .inquiryArea .btn.white a {
    border: solid #694490 0.1041666667vw;
  }
}
.inquiryArea .btn.white a:before {
  background-image: url(../img/icon_arrow_2.svg);
}
.inquiryArea .btn.white a:after {
  background-image: url(../img/icon_tel.webp);
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  width: 4.4vw;
  height: 5.8666666667vw;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 18.6666666667vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .inquiryArea .btn.white a:after {
    width: 1.7708333333vw;
    height: 2.2916666667vw;
    left: 12.03125vw;
  }
}
.inquiryArea .txt {
  font-size: 3.2vw;
  font-weight: 500;
  color: #3E1C63;
  line-height: 1.2;
  margin-top: 2.1333333333vw;
}
@media screen and (min-width: 768px), print {
  .inquiryArea .txt {
    font-size: 1.25vw;
    margin-top: 0.8333333333vw;
  }
}

.footer {
  background-color: #694490;
  padding-top: 21.3333333333vw;
  padding-bottom: 26.6666666667vw;
}
@media screen and (min-width: 768px), print {
  .footer {
    padding-top: 10.4166666667vw;
    padding-bottom: 9.375vw;
  }
}
.footer-logo {
  width: 54.9333333333vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .footer-logo {
    width: 21.4583333333vw;
  }
}
.footer-txt {
  font-size: 3.4666666667vw;
  text-align: center;
  letter-spacing: 0.1em;
  color: #fff;
  margin-top: 8vw;
}
@media screen and (min-width: 768px), print {
  .footer-txt {
    font-size: 1.4583333333vw;
    margin-top: 2.6041666667vw;
  }
}
.footer-caution {
  font-size: 2.4vw;
  font-family: "Unbounded", sans-serif;
  color: #fff;
  text-align: center;
  margin-top: 8vw;
}
@media screen and (min-width: 768px), print {
  .footer-caution {
    font-size: 0.9375vw;
    margin-top: 2.6041666667vw;
  }
}/*# sourceMappingURL=index.css.map */