@charset "UTF-8";
/* ---------------------------------------------
Reset
--------------------------------------------- */
/* Modern browser */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* addition */
img,
iframe,
video {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

em {
  font-style: normal;
}

small {
  font-size: 70%;
}

ul,
ol,
li {
  padding: 0;
  list-style: none;
}

/* ---------------------------------------------
font
--------------------------------------------- */
html {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

html body,
table th,
table td {
  line-height: 1.6;
  color: #000;
  font-size: 3.2vw;
  font-weight: 500;
}

@media screen and (min-width: 751px) {
  html body,
  table th,
  table td {
    font-size: 17px;
  }
}
strong,
em {
  font-weight: 700;
}

/* ---------------------------------------------
link
--------------------------------------------- */
a,
a:link,
a:visited {
  color: #000;
}

a:hover {
  color: #e8447e;
  text-decoration: none;
}

a:focus {
  outline: none;
}

/* ---------------------------------------------
width
--------------------------------------------- */
.lp_page__class {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 751px) {
  .lp_page__class {
    width: 518px;
  }
}
.wrapper {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 751px) {
  .wrapper {
    width: 100%;
    min-width: 1080px;
  }
}
.contentsWrapper {
  width: 86.667%;
  margin: 0 auto;
}

/* ---------------------------------------------
cmn
--------------------------------------------- */
.lp_page__class p {
  margin: 0 0 1em;
}

.lp_page__class sup {
  font-size: 70%;
  vertical-align: super;
}

.lp_page__class .btn a:hover {
  -webkit-filter: saturate(130%);
          filter: saturate(130%);
}

.lp_page__class .red1 {
  color: #e8447e;
}

.lp_page__class .blu1 {
  color: #00008a;
}

.lp_page__class .taC {
  text-align: center;
}

.lp_page__class .taR {
  text-align: right;
}

.txtSt1 {
  text-decoration: underline;
}

.lp_page__class .note small {
  font-size: 2.2666vw;
  display: block;
}

@media screen and (min-width: 751px) {
  .lp_page__class .note small {
    font-size: 12px;
  }
}
.lp_page__class .note1 small {
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.lp_page__class .note2 small {
  padding-left: 1.7em;
  text-indent: -1.7em;
}

.lp_page__class .bgArrow {
  margin-bottom: calc(-8vw - 1px);
  position: relative;
  z-index: 100;
}

@media screen and (min-width: 751px) {
  .lp_page__class .bgArrow {
    margin-bottom: -51px;
  }
}
.lp_page__class .bgArrow::after {
  content: "";
  width: 100%;
  aspect-ratio: 25/2;
  background-color: #fff5f0;
  display: block;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), 50% 100%, 0 calc(100% - 8vw));
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
}

@media screen and (min-width: 751px) {
  .lp_page__class .bgArrow::after {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 42px), 50% 100%, 0 calc(100% - 42px));
  }
}
.lp_page__class .exLink {
  padding-right: 1.3em;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%20data-name%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.41%2014.46%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23000%3B%20stroke-miterlimit%3A%2010%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.5%2013.96%20.5%2013.96%20.5%202.96%22%2F%3E%20%3Crect%20class%3D%22cls-1%22%20x%3D%222.91%22%20y%3D%22.5%22%20width%3D%2211%22%20height%3D%2211%22%2F%3E%20%3Crect%20x%3D%222.91%22%20y%3D%22.5%22%20width%3D%2211%22%20height%3D%223.5%22%2F%3E%3C%2Fsvg%3E") no-repeat right center/2vw auto;
}

@media screen and (min-width: 751px) {
  .lp_page__class .exLink {
    padding-right: 1.3em;
    background-size: 10px auto;
  }
}
/* cta */
.lp_page__class .cta {
  padding: 2em 0;
  background-color: #fff5b4;
}

.lp_page__class .cta .ctaCopy {
  margin-bottom: 1em;
}

.lp_page__class .cta .ctaCopy .txt {
  width: 65.6%;
  margin: 0 auto 1em;
  display: block;
}

.lp_page__class .cta .ctaBtnAera {
  margin-bottom: 1.5em;
}

.lp_page__class .cta .ctaBtnAera .ctaBtn {
  width: 82.667%;
  margin: 0 auto;
}

.lp_page__class .cta .ctaBtnAera .ctaBtn .txt {
  width: 80%;
  margin: 0 auto;
}

.lp_page__class .cta .ctaLink {
  text-align: center;
}

.lp_page__class .cta .ctaLink a {
  color: #000;
}

/* btn */
.lp_page__class .btnSt1 {
  margin-bottom: 1em;
}

.lp_page__class .btnSt1 .btn {
  width: 82.667%;
  margin: 0 auto;
}

.lp_page__class .btnSt1 .btn a,
.lp_page__class .btnSt1 .btn .area {
  padding: 0.5em 0;
  color: #e8447e;
  background-color: #fff;
  border: 0.4vw solid #e8447e;
  -webkit-box-shadow: 0 1.3333vw 0 0 #cc004f;
          box-shadow: 0 1.3333vw 0 0 #cc004f;
  border-radius: 5em;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  top: 0;
}

@media screen and (min-width: 751px) {
  .lp_page__class .btnSt1 .btn a,
  .lp_page__class .btnSt1 .btn .area {
    border: 2px solid #e8447e;
    -webkit-box-shadow: 0 7px 0 0 #cc004f;
            box-shadow: 0 7px 0 0 #cc004f;
  }
}
.lp_page__class .btnSt1 .btn a:hover,
.lp_page__class .btnSt1 .btn .area:hover {
  -webkit-box-shadow: 0 0 0 0 #cc004f;
          box-shadow: 0 0 0 0 #cc004f;
  top: 0.9333vw;
}

@media screen and (min-width: 751px) {
  .lp_page__class .btnSt1 .btn a:hover,
  .lp_page__class .btnSt1 .btn .area:hover {
    top: 7px;
  }
}
.lp_page__class .btnSt2 .btn .txt {
  width: 70%;
  margin: 0 auto;
}

.lp_page__class .btnSt2 .btn a {
  padding: 1.5em 0;
  background-color: #e8447e;
  border: 0.4vw solid #e8447e;
  -webkit-box-shadow: 0 1.3333vw 0 0 #cc004f;
          box-shadow: 0 1.3333vw 0 0 #cc004f;
  border-radius: 1.3333vw;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  top: 0;
}

@media screen and (min-width: 751px) {
  .lp_page__class .btnSt2 .btn a {
    border: 2px solid #e8447e;
    border-radius: 7px;
    -webkit-box-shadow: 0 7px 0 0 #cc004f;
            box-shadow: 0 7px 0 0 #cc004f;
  }
}
.lp_page__class .btnSt2 .btn::after {
  content: "";
  width: 4vw;
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20data-name%3D%22%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028.82%2028.93%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20.cls-2%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23fff%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%202px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2223%2027.93%201%2027.93%201%205.93%22%2F%3E%20%3Crect%20class%3D%22cls-2%22%20x%3D%225.82%22%20y%3D%221%22%20width%3D%2222%22%20height%3D%2222%22%2F%3E%20%3Crect%20class%3D%22cls-1%22%20x%3D%225.82%22%20y%3D%221%22%20width%3D%2222%22%20height%3D%227%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 751px) {
  .lp_page__class .btnSt2 .btn::after {
    width: 21px;
  }
}
.lp_page__class .btnSt2 .btn a:hover {
  -webkit-box-shadow: 0 0 0 0 #cc004f;
          box-shadow: 0 0 0 0 #cc004f;
  top: 0.9333vw;
}

@media screen and (min-width: 751px) {
  .lp_page__class .btnSt2 .btn a:hover {
    top: 7px;
  }
}
.lp_page__class .btnSt2 .btn .txt {
  width: 65.473%;
  margin: 0 auto;
}

.lp_page__class .btnSt3 .btn a,
.lp_page__class .btnSt3 .btn .area {
  padding: 2em 0 1.8em;
  background-color: #e8447e;
  -webkit-box-shadow: 0 1.3333vw 0 0 #cc004f;
          box-shadow: 0 1.3333vw 0 0 #cc004f;
  border-radius: 6em;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  top: 0;
  cursor: pointer;
}

@media screen and (min-width: 751px) {
  .lp_page__class .btnSt3 .btn a,
  .lp_page__class .btnSt3 .btn .area {
    padding: 1em 0;
    -webkit-box-shadow: 0 7px 0 0 #cc004f;
            box-shadow: 0 7px 0 0 #cc004f;
  }
}
.lp_page__class .btnSt3 .btn a:hover,
.lp_page__class .btnSt3 .btn .area:hover {
  -webkit-box-shadow: 0 0 0 0 #cc004f;
          box-shadow: 0 0 0 0 #cc004f;
  top: 0.9333vw;
}

@media screen and (min-width: 751px) {
  .lp_page__class .btnSt3 .btn a:hover,
  .lp_page__class .btnSt3 .btn .area:hover {
    top: 7px;
  }
}
.lp_page__class .btnSt4 .btn a,
.lp_page__class .btnSt4 .btn .area {
  padding: 2em 0 1.8em;
  background-color: #ffef69;
  border: 3px solid #e8447e;
  border-radius: 6em;
  -webkit-box-shadow: 0 1.3333vw 0 0 #e8447e;
          box-shadow: 0 1.3333vw 0 0 #e8447e;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  top: 0;
  cursor: pointer;
}

@media screen and (min-width: 751px) {
  .lp_page__class .btnSt4 .btn a,
  .lp_page__class .btnSt4 .btn .area {
    padding: 0.5em 0;
    -webkit-box-shadow: 0 7px 0 0 #e8447e;
            box-shadow: 0 7px 0 0 #e8447e;
  }
}
.lp_page__class .btnSt4 .btn a:hover,
.lp_page__class .btnSt4 .btn .area:hover {
  -webkit-box-shadow: 0 0 0 0 #e8447e;
          box-shadow: 0 0 0 0 #e8447e;
  top: 0.9333vw;
}

@media screen and (min-width: 751px) {
  .lp_page__class .btnSt4 .btn a:hover,
  .lp_page__class .btnSt4 .btn .area:hover {
    top: 7px;
  }
}
.lp_page__class .btnSt5 .btn a,
.lp_page__class .btnSt5 .btn .area {
  padding: 0.5em 0;
  background-color: #fff;
  border: 0.4vw solid #0ca26c;
  -webkit-box-shadow: 0 1.3333vw 0 0 #0ca26c;
          box-shadow: 0 1.3333vw 0 0 #0ca26c;
  border-radius: 5em;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  top: 0;
}

@media screen and (min-width: 751px) {
  .lp_page__class .btnSt5 .btn a,
  .lp_page__class .btnSt5 .btn .area {
    border: 2px solid #0ca26c;
    -webkit-box-shadow: 0 7px 0 0 #0ca26c;
            box-shadow: 0 7px 0 0 #0ca26c;
  }
}
.lp_page__class .btnSt5 .btn a:hover,
.lp_page__class .btnSt5 .btn .area:hover {
  -webkit-box-shadow: 0 0 0 0 #0ca26c;
          box-shadow: 0 0 0 0 #0ca26c;
  top: 0.9333vw;
}

@media screen and (min-width: 751px) {
  .lp_page__class .btnSt5 .btn a:hover,
  .lp_page__class .btnSt5 .btn .area:hover {
    top: 7px;
  }
}
/* swiper */
.lp_page__class .swiper {
  overflow: visible;
}

.lp_page__class .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.1333vw;
}

@media screen and (min-width: 751px) {
  .lp_page__class .swiper-pagination {
    gap: 11px;
  }
}
.lp_page__class .swiper-pagination .swiper-pagination-bullet {
  width: 1.6vw;
  height: auto;
  aspect-ratio: 1/1;
  margin: 0;
  display: block;
}

@media screen and (min-width: 751px) {
  .lp_page__class .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
  }
}
.lp_page__class .sliderSt2 .swiper-button-next,
.lp_page__class .sliderSt2 .swiper-button-prev {
  width: 9.3333vw;
  height: auto;
  aspect-ratio: 1/1;
}

@media screen and (min-width: 751px) {
  .lp_page__class .sliderSt2 .swiper-button-next,
  .lp_page__class .sliderSt2 .swiper-button-prev {
    width: 63px;
  }
}
.lp_page__class .sliderSt2 .swiper-button-prev:after,
.lp_page__class .sliderSt2 .swiper-rtl .swiper-button-next:after,
.lp_page__class .sliderSt2 .swiper-button-next:after,
.lp_page__class .sliderSt2 .swiper-rtl .swiper-button-prev:after {
  display: none;
}

.lp_page__class .sliderSt2 .swiper-button-prev {
  left: 0;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.swiper-button-next {
  right: 0;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

.lp_page__class .sliderSt2 .swiper-pagination {
  padding-top: 1em;
  top: 100%;
  bottom: auto;
}

.lp_page__class .sliderSt2 .swiper-pagination .swiper-pagination-bullet {
  background-color: #e8447e;
}

.lp_page__class .sliderSt2 .swiper-slide {
  height: auto;
  opacity: 0.3;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.lp_page__class .sliderSt2 .swiper-slide-active {
  opacity: 1;
}

.lp_page__class .sliderSt2 .swiper-slide .inner {
  height: 100%;
}

/* dl btn */
.lp_page__class .appDlBtn {
  width: 57.144%;
  margin: 0 auto 1em;
  display: none;
}

.lp_page__class .appDlBtn.active {
  display: block;
}

.lp_page__class .appDlBtn.link_other .btn {
  width: auto;
}

.lp_page__class .appDlBtn.link_other .area {
  padding: 0.6em 1em;
  color: #e8447e;
}

/* cherry-blossom-container */
.cherry-blossom-container {
  position: relative;
}

.petal {
  position: absolute;
  position: fixed;
  background-color: #ffc0cb;
  border-radius: 150% 0 150% 0;
  -webkit-animation: animate-petal 10s linear;
  animation: animate-petal 10s linear;
  z-index: 0;
}

.petal:after {
  content: "";
  position: absolute;
  top: -14%;
  left: -10%;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fbdfe3;
  border-radius: 150% 0 150% 0;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

@-webkit-keyframes animate-petal {
  0% {
    top: 0;
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 100vh;
    -webkit-transform: rotate(3000deg);
    transform: rotate(3000deg);
  }
}

@keyframes animate-petal {
  0% {
    top: 0;
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 100vh;
    -webkit-transform: rotate(3000deg);
    transform: rotate(3000deg);
  }
}
/* ---------------------------------------------
outer
--------------------------------------------- */
.lp_page__wrapper {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 751px) {
  .lp_page__wrapper::after {
    content: "";
    width: 100%;
    height: 100%;
    position: relative;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(/kojin/hiraku/cam/kyuuyo2026_spring/images/page_bg.jpg) no-repeat center/cover;
  }
}
.lp_page__class {
  background-color: #fff;
  overflow: hidden;
}

@media screen and (min-width: 751px) {
  .lp_page__class {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  }
}
/* ---------------------------------------------
gNav
--------------------------------------------- */
.gNav {
  display: none;
}

@media screen and (min-width: 1000px) {
  .gNav {
    width: min(290px, 20vw);
    padding: 0.5em 0;
    text-align: center;
    font-size: min(18px, 1.3vw);
    background-color: #fff;
    border: 3px solid #e8447e;
    border-radius: 20px;
    position: fixed;
    top: 50%;
    left: calc(50% + 258px + 50px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 100;
    display: block;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  }
}
.gNav .ttl {
  margin-bottom: 0.5em;
  padding: 0.3em 1.5em;
  line-height: 1;
  color: #fff;
  background-color: #e8447e;
  border-radius: 3em;
  display: inline-block;
}

.gNav .nav {
  text-align: left;
}

.gNav .nav li {
  white-space: nowrap;
  text-align: left;
}

.gNav .nav li:hover {
  background-color: #fff0f1;
}

.gNav .nav li a {
  padding: 0.2em 1em;
  text-decoration: none;
  color: #e8447e;
  display: block;
}

/* ---------------------------------------------
#pageHeader
--------------------------------------------- */
#pageHeader {
  margin: 0;
  padding: 0.7em 0 0;
  position: relative;
  z-index: 2;
}

#pageHeader .logo {
  width: 24.8%;
  margin: 0 auto 0 3%;
  padding-bottom: 0.5em;
}

#pageHeader .pageTitle {
  margin: 0;
}

#pageHeader .tab {
  width: 100%;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
  -webkit-filter: drop-shadow(0 0.6666vw 0.6666vw rgba(232, 68, 126, 0.3));
          filter: drop-shadow(0 0.6666vw 0.6666vw rgba(232, 68, 126, 0.3));
}

@media screen and (min-width: 751px) {
  #pageHeader .tab {
    width: 518px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-filter: drop-shadow(0 3px 3px rgba(232, 68, 126, 0.3));
            filter: drop-shadow(0 3px 3px rgba(232, 68, 126, 0.3));
  }
}
#pageHeader .tab.is-fixed {
  position: fixed;
}

#pageHeader .tab .tab_link .tab_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#pageHeader .tab .tab_link .tab_btn li {
  width: 50%;
  position: relative;
}

#pageHeader .tab .tab_link .tab_btn li .clickArea {
  padding: 0.5em 0;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  font-size: 4.6666vw;
  font-weight: 600;
  color: #9edac4;
  background-color: #e8f7f2;
  display: block;
  border-width: 0.4vw;
  border-style: solid;
  border-color: transparent;
  position: relative;
}

@media screen and (min-width: 751px) {
  #pageHeader .tab .tab_link .tab_btn li .clickArea {
    font-size: 24px;
    border-width: 3px;
  }
}
#pageHeader .tab .tab_link .tab_btn li.active .clickArea {
  color: #fff;
  background-color: #0ca26c;
  border-color: #fff;
}

#pageHeader .tab .tab_link .tab_btn li.active .clickArea::before,
#pageHeader .tab .tab_link .tab_btn li.active .clickArea::after {
  content: "";
  width: 2.6666vw;
  aspect-ratio: 1/1;
  background-color: #0ca26c;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
          transform: translate(-50%, 50%) rotate(-45deg);
  display: block;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}

@media screen and (min-width: 751px) {
  #pageHeader .tab .tab_link .tab_btn li.active .clickArea::before,
  #pageHeader .tab .tab_link .tab_btn li.active .clickArea::after {
    width: 14px;
  }
}
#pageHeader .tab .tab_link .tab_btn li.active .clickArea::after {
  width: 3.05vw;
  background-color: #fff;
  z-index: -1;
  bottom: calc(0% - 0.5px);
}

@media screen and (min-width: 751px) {
  #pageHeader .tab .tab_link .tab_btn li.active .clickArea::after {
    width: 21px;
    bottom: calc(0% - 0.5px);
  }
}
#pageHeader .tab .tab_link .tab_btn li.active .txt {
  display: block;
  position: relative;
  z-index: 3;
}

#pageHeader .tab .tab_link .tab_btn li a:hover {
  color: #0ca26c;
}

/* ---------------------------------------------
#mainContents
--------------------------------------------- */
#mainContents {
  position: relative;
  z-index: 1;
}

/* contentHeader */
#mainContents .contentHeader .cpDetail {
  padding: 1em 0 1.5em;
  background: url(/kojin/hiraku/cam/kyuuyo2026_spring/images/pageHeader_bg1.svg) no-repeat center top/100% auto #0ca26c;
}

#mainContents .contentHeader .cpDetail .cpSubject {
  width: 73.334%;
  margin: 0 auto 0.8em;
  display: block;
}

#mainContents .contentHeader .cpDetail .cpCont {
  width: 84.267%;
  margin: 0 auto 0.8em;
  display: block;
}

#mainContents .contentHeader .cpDetail .cpPeriod {
  width: 89.734%;
  margin: 0 auto;
  display: block;
}

/* contents */
#mainContents #sec2 {
  padding: 0 0 6em;
  background: url(/kojin/hiraku/cam/kyuuyo2026_spring/images/sec2_bg1.svg) no-repeat center top/100% auto #fff5c8;
  position: relative;
  z-index: 2;
}

#mainContents #sec2 .secTtlArea {
  margin-bottom: 1.5em;
  position: relative;
  z-index: 1;
}

#mainContents #sec2 .secTtlArea .secTtl {
  width: 72.934%;
  margin: 0 auto;
  -webkit-transform: translateY(-17%);
          transform: translateY(-17%);
  position: relative;
}

#mainContents #sec2 .secTtlArea .secTtl::before {
  content: "";
  width: 1.0666vw;
  aspect-ratio: 2/15;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%20data-name%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2020%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20%7D%20.cls-2%20%7B%20fill%3A%20%230ca26c%3B%20%7D%20.cls-3%20%7B%20clip-path%3A%20url(%23clippath)%3B%20%7D%20%3C%2Fstyle%3E%20%3CclipPath%20id%3D%22clippath%22%3E%20%3Crect%20class%3D%22cls-1%22%20width%3D%228%22%20height%3D%2220%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20class%3D%22cls-3%22%3E%20%3Ccircle%20class%3D%22cls-2%22%20cx%3D%224%22%20cy%3D%224%22%20r%3D%224%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") repeat-y top center/100% auto;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -10%);
          transform: translate(-50%, -10%);
  display: block;
}

@media screen and (min-width: 751px) {
  #mainContents #sec2 .secTtlArea .secTtl::before {
    width: 6px;
  }
}
#mainContents #sec2 .slider {
  width: 86.155%;
  margin: 0 auto;
  position: relative;
}

#mainContents #sec2 .slider .swiper-slide {
  padding-bottom: 2em;
  background-color: #fff;
  border-radius: 4vw;
  position: relative;
  -webkit-box-shadow: 0 0 1.3333vw 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 1.3333vw 0 rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 751px) {
  #mainContents #sec2 .slider .swiper-slide {
    border-radius: 21px;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
  }
}
#mainContents #sec2 .slider .ttlArea {
  margin-bottom: 0.5em;
}

#mainContents #sec2 .slider .ttlArea .ttl {
  width: 57.144%;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#mainContents #sec2 .slider .txtArea {
  margin-bottom: 1em;
}

#mainContents #sec2 .slider .txtArea .txt {
  width: 83.93%;
  margin: 0 auto;
  display: block;
}

#mainContents #sec2 .slider .slide2 .txtArea .txt {
  margin-bottom: 1em;
}

#mainContents #sec2 .slider .figImg {
  width: 83.93%;
  margin: 0 auto;
}

#mainContents #sec2 .slider .link {
  width: 57.144%;
  margin: 0 auto 1em;
  display: none;
}

#mainContents #sec2 .slider .link.active {
  display: block;
}

#mainContents #sec2 .slider .link.link_other .btn {
  width: auto;
}

#mainContents #sec2 .slider .link.link_other .area {
  padding: 0.6em 1em;
  line-height: 1.3;
  font-weight: 600;
}

#mainContents #sec2 .slider .noteArea {
  width: 90%;
  margin: 0 auto;
}

#mainContents #sec4 {
  padding: 3em 0 5em;
  background: url(/kojin/hiraku/cam/kyuuyo2026_spring/images/sec4_bg1.png) no-repeat center top/100% auto;
}

#mainContents #sec4 .secTtlArea {
  margin-bottom: 2em;
  position: relative;
  z-index: 1;
}

#mainContents #sec4 .secTtlArea .secTtl {
  width: 63.334%;
  margin: 0 auto;
}

#mainContents #sec4 .VideoArea {
  width: 82.667%;
  margin: 0 auto 2em;
  position: relative;
}

#mainContents #sec4 .VideoArea .video {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

#mainContents #sec4 .VideoArea .video .ttl {
  width: 100%;
  margin: 0;
  text-align: center;
  position: absolute;
  top: calc(100% + 0.5em);
  display: block;
}

#mainContents #sec4 .VideoArea .btnArea {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

#mainContents #sec4 .VideoArea .btnArea .btn {
  width: 18.55%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#mainContents #sec4 .VideoArea .btnArea:hover .btn {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

#mainContents #sec6 {
  padding: 3em 0 2em;
  background-color: #fff0f1;
}

#mainContents #sec6 .secTtlArea {
  margin-bottom: 3em;
  position: relative;
  z-index: 1;
}

#mainContents #sec6 .secTtlArea .secTtl {
  width: 30.667%;
  margin: 0 auto;
}

#mainContents #sec6 .faq .faqBlock {
  margin-bottom: 1.5em;
  background-color: #fff;
  border-radius: 1.3333vw;
  position: relative;
  top: 0;
  -webkit-box-shadow: 0 1.3333vw 0 0 #e5e5e5;
          box-shadow: 0 1.3333vw 0 0 #e5e5e5;
}

@media screen and (min-width: 751px) {
  #mainContents #sec6 .faq .faqBlock {
    border-radius: 7px;
    -webkit-box-shadow: 0 7px 0 0 #e5e5e5;
            box-shadow: 0 7px 0 0 #e5e5e5;
  }
}
#mainContents #sec6 .faq .faqBlock .faqTtl {
  min-height: 5em;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: relative;
}

#mainContents #sec6 .faq .faqBlock .faqTtl::after {
  content: "";
  width: 3.8666vw;
  height: auto;
  aspect-ratio: 29/17;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%20data-name%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.08%2015.16%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23e8447e%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%203px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2226.04%201.08%2013.54%2013.08%201.04%201.08%22%2F%3E%3C%2Fsvg%3E") no-repeat center bottom/100% auto;
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
}

@media screen and (min-width: 751px) {
  #mainContents #sec6 .faq .faqBlock .faqTtl::after {
    width: 20px;
  }
}
#mainContents #sec6 .faq .faqBlock .faqTtl:hover::after {
  top: 55%;
}

#mainContents #sec6 .faq .faqBlock.active .faqTtl::after {
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}

#mainContents #sec6 .faq .faqBlock .faqTtl .ttl {
  line-height: 1.4;
  color: #e8447e;
  font-size: 100%;
}

#mainContents #sec6 .faq .faqBlock .faqCont {
  margin: 0 1em;
  padding: 1em 0.5em;
  border-top: 0.4vw solid #e8447e;
}

@media screen and (min-width: 751px) {
  #mainContents #sec6 .faq .faqBlock .faqCont {
    border-top-width: 2px;
  }
}
#mainContents #sec6 .faq .faqBlock .faqCont p:last-child {
  margin-bottom: 0;
}

#mainContents #sec6 .faq .faqBlock .faqCont ul li {
  font-size: 2.4vw;
}

@media screen and (min-width: 751px) {
  #mainContents #sec6 .faq .faqBlock .faqCont ul li {
    font-size: 13px;
  }
}
#mainContents #sec6 .faq .faqBlock .faqCont .liSt1 > li {
  margin-bottom: 0.2em;
  padding-left: 1.2em;
  font-size: 2.4vw;
  position: relative;
}

@media screen and (min-width: 751px) {
  #mainContents #sec6 .faq .faqBlock .faqCont .liSt1 > li {
    font-size: 13px;
  }
}
#mainContents #sec6 .faq .faqBlock .faqCont .liSt1 > li::before {
  content: "●";
  color: #e8447e;
  position: absolute;
  top: 0;
  left: 0;
}

#mainContents #sec6 .faq .faqBlock .faqCont .liSt2 {
  counter-reset: my-counter;
  list-style-type: none;
}

#mainContents #sec6 .faq .faqBlock .faqCont .liSt2 > li {
  counter-increment: my-counter;
  padding-left: 1.3em;
  position: relative;
  list-style-position: inside;
}

#mainContents #sec6 .faq .faqBlock .faqCont .liSt3 > li {
  padding-left: 1em;
  text-indent: -1em;
}

#mainContents #sec6 .faq .faqBlock .faqCont .liSt2 > li::before {
  content: counter(my-counter);
  width: 2.4vw;
  padding-bottom: 0.15em;
  aspect-ratio: 1/1;
  line-height: 0;
  font-size: 90%;
  border: 1px solid #000;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0.4em;
  left: 0;
}

@media screen and (min-width: 751px) {
  #mainContents #sec6 .faq .faqBlock .faqCont .liSt2 > li::before {
    width: 13px;
    font-size: 12px;
  }
}
#mainContents #sec6 .faq .faqBlock .faqCont .ttl_h4,
#mainContents #sec6 .faq .faqBlock .faqCont .ttl_h5,
#mainContents #sec6 .faq .faqBlock .faqCont .ttl_h6 {
  margin-top: 1em;
  font-size: 75%;
}

#mainContents #sec6 .faq .faqBlock .faqCont .ttl_h4 {
  margin-top: 1.5em;
  padding: 0.2em 0.2em 0.2em 0.5em;
  color: #fff;
  background-color: #e8447e;
}

#mainContents #sec6 .faq .faqBlock .faqCont .ttl_h5 {
  color: #e8447e;
}

#mainContents #sec6 .faq .faqBlock .faqCont .ttl_h6 {
  text-indent: -0.5em;
}

/* ---------------------------------------------
#pageFooter
--------------------------------------------- */
#pageFooter {
  padding: 2em 0 0;
  position: relative;
  z-index: 1;
}

#pageFooter .attention {
  margin-bottom: 2em;
}

#pageFooter .attention .txt {
  margin-bottom: 0;
  font-weight: 600;
}

#pageFooter .infomation {
  width: 80%;
  margin: 0 auto 2em;
}

#pageFooter .infomation dd {
  margin-bottom: 1.5em;
}

#pageFooter .purpose {
  margin-bottom: 2em;
}

#pageFooter .purpose .txt {
  width: 47.58%;
  margin: 0 auto;
  display: block;
}

#pageFooter .copyright {
  margin: 0;
  padding: 2em 0 32.5vw;
  text-align: center;
  color: #fff;
  font-size: 2vw;
  background-color: #0ba26b;
}

@media screen and (min-width: 751px) {
  #pageFooter .copyright {
    padding-bottom: 170px;
    font-size: 14px;
  }
}
/* ---------------------------------------------
#fixedBtn
--------------------------------------------- */
.fixedBtn {
  width: 100%;
  padding: 1em 0 !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 10;
  display: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 751px) {
  .fixedBtn {
    width: 518px;
  }
}
.fixedBtn .ctaBtnAera {
  margin-bottom: 1em !important;
}

.fixedBtn .ctaBtnAera .ctaBtn {
  width: 80% !important;
}

.fixedBtn .ctaBtnAera .ctaBtn .area {
  padding: 1.5em 0;
}

/* ---------------------------------------------
micromodal
--------------------------------------------- */
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
.modal {
  display: none;
  position: relative;
  z-index: 1000;
}

.modal.is-open {
  display: block;
}

.modal[aria-hidden=false] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=false] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=true] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=true] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal__overlay {
  max-height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal__container {
  width: 100%;
  max-height: 95%;
  position: relative;
}

@media screen and (min-width: 751px) {
  .modal__container {
    width: 518px;
    max-height: 100%;
    padding: 0;
  }
}
.modal .stickyArea {
  height: 0;
  position: sticky;
  top: 0;
  right: 1%;
  z-index: 2;
}

@media screen and (min-width: 751px) {
  .modal .stickyArea {
    height: 0;
  }
}
.modal .modal__close {
  margin-left: auto;
  white-space: nowrap;
  color: #000;
  font-size: 2.7333vw;
  font-weight: 600;
  background-color: transparent;
  border: 0;
  position: relative;
  right: 0;
  display: block;
  outline: 0;
  cursor: pointer;
}

@media screen and (min-width: 751px) {
  .modal .modal__close {
    color: #fff;
    font-size: 13px;
    top: 0;
    right: auto;
    left: 10%;
  }
}
.modal .modal__close:before {
  content: "✕";
  color: #000;
  line-height: 1;
  font-weight: 300;
  font-size: 8.3333vw;
  display: block;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

@media screen and (min-width: 751px) {
  .modal .modal__close:before {
    color: #fff;
    font-size: 40px;
  }
}
.modal .modal__close:hover:before {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.modal .modal_cont {
  max-height: 80vh;
  position: relative;
  z-index: 1;
  overflow-y: auto;
}

#modal_cta .modal_cta_cont {
  padding: 4em 0 2em;
  background: linear-gradient(140deg, #ffd7d9 0%, #fff0e1 100%);
}

#modal_cta .ctaArea {
  width: 90.667%;
  margin: 0 auto 4.5em;
  padding: 2em 0 0;
  background-color: #fff;
  border-radius: 1.3333vw;
  border: 0.6666vw solid #e8447e;
  position: relative;
}

@media screen and (min-width: 751px) {
  #modal_cta .ctaArea {
    border-radius: 7px;
    border: 4px solid #e8447e;
  }
}
#modal_cta .ctaArea:last-child {
  margin-bottom: 0;
}

#modal_cta .ctaArea .ctaIcn {
  width: 20.24%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -44%);
          transform: translate(-50%, -44%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#modal_cta .ctaArea .ctaIcn::after {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 50%;
  border: 0.6666vw solid #e8447e;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  clip-path: inset(0 0 55.7% 0);
}

@media screen and (min-width: 751px) {
  #modal_cta .ctaArea .ctaIcn::after {
    border: 4px solid #e8447e;
  }
}
#modal_cta .ctaArea .ctaIcn img {
  width: 76.93%;
  position: relative;
  z-index: 2;
}

#modal_cta .ctaArea .ttlArea {
  margin-bottom: 1.5em;
  position: relative;
}

#modal_cta .ctaArea .ttlArea .ttl {
  width: 77.381%;
  margin: 0 auto;
}

#modal_cta .ctaArea .ttlArea .ttl .icn {
  width: 20.834%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transform: translate(-20%, -50%);
          transform: translate(-20%, -50%);
}

#modal_cta .ctaArea .flow {
  width: 90.18%;
  margin: 0 auto 1.5em;
  display: block;
}

#modal_cta .ctaArea .bg1 {
  padding: 2em 0 1.5em;
  background-color: #fff5b4;
}

#modal_cta .ctaArea .bg1 a {
  color: #fff;
  text-decoration: underline;
}

#modal_cta .ctaArea .bg1 a:hover {
  text-decoration: none;
}

#modal_cta .ctaArea.cta2 {
  padding-bottom: 1.5em;
}

#modal_cta .ctaArea.cta2 .btnArea {
  margin-bottom: 1.5em;
}

#modal_cta .ctaArea.cta2 .btnArea .btn {
  width: 92.262%;
  margin: 0 auto;
}

#modal_cta .ctaArea.cta2 .btnArea .btn .txt {
  width: 64.66%;
}

#modal_cta .ctaArea .dlArea .ttlArea2 {
  margin-bottom: 1em;
}

#modal_cta .ctaArea .dlArea .ttlArea2 .ttl {
  width: 71.877%;
  margin: 0 auto;
}

#modal_cta .ctaArea .dlArea .appDlBtn {
  width: 66.966%;
}

#modal_cta .ctaArea .dlArea .btnArea {
  margin-bottom: 1em;
}

#modal_cta .ctaArea .dlArea .btnArea .btn {
  width: 66.966%;
  margin: 0 auto;
}

#modal_cta .ctaArea .noteArea {
  width: 90%;
  margin: 0 auto;
}

.modalVideo .modal__container {
  width: 100% !important;
}

@media screen and (min-width: 751px) {
  .modalVideo .modal__container {
    width: 80% !important;
  }
}
.modalVideo .youtubeVideo iframe {
  width: 100% !important;
  height: auto;
  aspect-ratio: 16/9 !important;
}

.modalQr .qr_area {
  padding: 1em;
  background-color: #fff;
}

.modalQr .qr_area .txtArea1 .txt {
  margin-bottom: 0;
}

.modalQr .qr_area .code {
  width: 60%;
  margin: 0 auto;
}

@media screen and (min-width: 1000px) {
  .gNav {
    width: 300px;
    font-size: 15px;
  }
  .gNav .nav li a {
    padding: 0.2em 1em;
  }
}
.lp_page__class .btnSt5 .btn {
  max-width: min(53.7333333333vw, 403px);
}
@media screen and (min-width: 751px) {
  .lp_page__class .btnSt5 .btn {
    max-width: min(53.7333333333vw, 278.3386666667px);
  }
}
.lp_page__class .btnSt5 .btn {
  margin: 0 auto;
}
.lp_page__class .btnSt5 .btn a,
.lp_page__class .btnSt5 .btn .area {
  padding: min(2.6666666667vw, 20px);
}
@media screen and (min-width: 751px) {
  .lp_page__class .btnSt5 .btn a,
  .lp_page__class .btnSt5 .btn .area {
    padding: min(2.6666666667vw, 13.8133333333px);
  }
}
.lp_page__class .btnSt5 .btn a img,
.lp_page__class .btnSt5 .btn .area img {
  width: min(42.6666666667vw, 320px);
}
@media screen and (min-width: 751px) {
  .lp_page__class .btnSt5 .btn a img,
  .lp_page__class .btnSt5 .btn .area img {
    width: min(42.6666666667vw, 221.0133333333px);
  }
}
.lp_page__class .btnSt5 .btn a img,
.lp_page__class .btnSt5 .btn .area img {
  margin: 0 auto;
}

/* contents */
#mainContents .contentHeader .cpDetail {
  background: #e8447e;
}
#mainContents #quest {
  padding-bottom: min(9.3333333333vw, 70px);
}
@media screen and (min-width: 751px) {
  #mainContents #quest {
    padding-bottom: min(9.3333333333vw, 48.3466666667px);
  }
}
#mainContents #quest {
  background: -webkit-gradient(linear, left top, left bottom, from(#0ca26c), to(#80c49c));
  background: linear-gradient(to bottom, #0ca26c, #80c49c);
}
#mainContents #quest .questHero img {
  width: 100%;
  max-width: none;
}
#mainContents #quest .questSlider {
  position: relative;
  margin-top: max(-30.1333333333vw, -226px);
}
@media screen and (min-width: 751px) {
  #mainContents #quest .questSlider {
    margin-top: max(-30.1333333333vw, -156.0906666667px);
  }
}
#mainContents #quest .questSlider img {
  margin: 0 auto;
}
#mainContents #quest .questSliderArrow {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
}
#mainContents #quest .questSliderArrow button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: min(12vw, 90px);
}
@media screen and (min-width: 751px) {
  #mainContents #quest .questSliderArrow button {
    width: min(12vw, 62.16px);
  }
}
#mainContents #quest .questSliderArrow button {
  height: min(12vw, 90px);
}
@media screen and (min-width: 751px) {
  #mainContents #quest .questSliderArrow button {
    height: min(12vw, 62.16px);
  }
}
#mainContents #quest .questSliderArrow button {
  text-indent: 100%;
  white-space: nowrap;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2290%22%20height%3D%2290%22%20viewBox%3D%220%200%2090%2090%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22b%22%20data-name%3D%22%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%20586%22%20x1%3D%2260.4%22%20y1%3D%2287.3%22%20x2%3D%2229.6%22%20y2%3D%222.7%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e8447e%22%2F%3E%20%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23e94c84%22%2F%3E%20%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23eb6594%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f08aae%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Ccircle%20cx%3D%2245%22%20cy%3D%2245%22%20r%3D%2245%22%20style%3D%22fill%3A%20url(%23b)%3B%22%2F%3E%20%3Cpolygon%20points%3D%2241.39%2058.94%2038.61%2056.06%2050.11%2045%2038.61%2033.94%2041.39%2031.06%2055.89%2045%2041.39%2058.94%22%20style%3D%22fill%3A%20%23fff%3B%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  z-index: 1;
}
#mainContents #quest .questSliderArrow button.questSliderPrev {
  left: min(4.8vw, 36px);
  -webkit-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}
#mainContents #quest .questSliderArrow button.questSliderNext {
  right: min(4.8vw, 36px);
}
#mainContents #quest .questSliderArrow button.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}
#mainContents #quest .questSliderPagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(2.4vw, 18px);
}
@media screen and (min-width: 751px) {
  #mainContents #quest .questSliderPagenation {
    gap: min(2.4vw, 12.432px);
  }
}
#mainContents #quest .questSliderPagenation {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: min(6vw, 45px);
}
@media screen and (min-width: 751px) {
  #mainContents #quest .questSliderPagenation {
    margin-top: min(6vw, 31.08px);
  }
}
#mainContents #quest .questSliderPagenation .swiper-pagination-bullet {
  display: block;
  width: min(1.6vw, 12px);
}
@media screen and (min-width: 751px) {
  #mainContents #quest .questSliderPagenation .swiper-pagination-bullet {
    width: min(1.6vw, 8.288px);
  }
}
#mainContents #quest .questSliderPagenation .swiper-pagination-bullet {
  height: min(1.6vw, 12px);
}
@media screen and (min-width: 751px) {
  #mainContents #quest .questSliderPagenation .swiper-pagination-bullet {
    height: min(1.6vw, 8.288px);
  }
}
#mainContents #quest .questSliderPagenation .swiper-pagination-bullet {
  margin: 0;
  background-color: #fff;
  opacity: 0.3;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#mainContents #quest .questSliderPagenation .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
#mainContents #quest .questSliderItem {
  position: relative;
  width: min(74.6666666667vw, 560px);
}
@media screen and (min-width: 751px) {
  #mainContents #quest .questSliderItem {
    width: min(74.6666666667vw, 386.7733333333px);
  }
}
#mainContents #quest .questSliderItem {
  height: auto;
  aspect-ratio: 560/679;
  -webkit-box-shadow: 0 0 min(4vw, 30px) rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 min(4vw, 30px) rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 751px) {
  #mainContents #quest .questSliderItem {
    -webkit-box-shadow: 0 0 min(4vw, 20.72px) rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 min(4vw, 20.72px) rgba(0, 0, 0, 0.3);
  }
}
#mainContents #quest .questSliderItem figure {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
#mainContents #quest .questSliderItem.--quest0 .area {
  position: absolute;
  left: 50%;
  bottom: 30.6332842415%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 83.9285714286%;
  height: 19.145802651%;
  border-radius: min(1333.2vw, 9999px);
  cursor: pointer;
  opacity: 0;
}
#mainContents #quest .questLink {
  margin-top: min(6.4vw, 48px);
}
@media screen and (min-width: 751px) {
  #mainContents #quest .questLink {
    margin-top: min(6.4vw, 33.152px);
  }
}
#mainContents #quest .questLink {
  color: #fff;
  font-size: min(3.3333333333vw, 25px);
}
@media screen and (min-width: 751px) {
  #mainContents #quest .questLink {
    font-size: min(3.3333333333vw, 17.2666666667px);
  }
}
#mainContents #quest .questLink {
  font-weight: 700;
  text-align: center;
}
#mainContents #quest .questLink a {
  color: inherit;
  text-decoration: underline;
}
#mainContents #get,
#mainContents #get2 {
  padding: min(4.2666666667vw, 32px) 0 min(9.3333333333vw, 70px);
  background: url(/kojin/hiraku/cam/kyuuyo2026_spring/images/get_bg1.svg) no-repeat center top/100% auto, linear-gradient(140deg, #ffd7d9 0%, #fff0e1 100%);
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  #mainContents #get,
  #mainContents #get2 {
    padding: min(4.2666666667vw, 22.1013333333px) 0 min(9.3333333333vw, 48.3466666667px);
  }
}
#mainContents #get .secTtlArea,
#mainContents #get2 .secTtlArea {
  position: relative;
  z-index: 1;
}
#mainContents #get .secTtlArea .secTtl,
#mainContents #get2 .secTtlArea .secTtl {
  position: relative;
  width: 100%;
}
#mainContents #get .secTtlArea .secTtl img,
#mainContents #get2 .secTtlArea .secTtl img {
  max-width: none;
  width: 100%;
}
#mainContents #get .secTtlArea .secTtl a,
#mainContents #get2 .secTtlArea .secTtl a {
  display: block;
  position: absolute;
  bottom: min(10.1333333333vw, 76px);
}
@media screen and (min-width: 751px) {
  #mainContents #get .secTtlArea .secTtl a,
  #mainContents #get2 .secTtlArea .secTtl a {
    bottom: min(10.1333333333vw, 52.4906666667px);
  }
}
#mainContents #get .secTtlArea .secTtl a,
#mainContents #get2 .secTtlArea .secTtl a {
  left: 50%;
  width: 3em;
  height: 1.3888888889em;
  font-size: min(2.4vw, 18px);
}
@media screen and (min-width: 751px) {
  #mainContents #get .secTtlArea .secTtl a,
  #mainContents #get2 .secTtlArea .secTtl a {
    font-size: min(2.4vw, 12.432px);
  }
}
#mainContents #get .secTtlArea .secTtl a,
#mainContents #get2 .secTtlArea .secTtl a {
  line-height: 1.3888888889;
  opacity: 0;
  -webkit-transform: translateX(min(8.8vw, 66px));
          transform: translateX(min(8.8vw, 66px));
}
@media screen and (min-width: 751px) {
  #mainContents #get .secTtlArea .secTtl a,
  #mainContents #get2 .secTtlArea .secTtl a {
    -webkit-transform: translateX(min(8.8vw, 45.584px));
            transform: translateX(min(8.8vw, 45.584px));
  }
}
#mainContents #get2 {
  padding-bottom: min(18.6666666667vw, 140px);
}
@media screen and (min-width: 751px) {
  #mainContents #get2 {
    padding-bottom: min(18.6666666667vw, 96.6933333333px);
  }
}
#mainContents #get2 {
  background: url(/kojin/hiraku/cam/kyuuyo2026_spring/images/get_bg1.svg) no-repeat center top/100% auto, linear-gradient(140deg, #c8f5dc 0%, #ebffeb 100%);
}
#mainContents .getSubTtl {
  position: relative;
  margin: max(-2.4vw, -18px) 0 max(-5.3333333333vw, -40px);
}
@media screen and (min-width: 751px) {
  #mainContents .getSubTtl {
    margin: max(-2.4vw, -12.432px) 0 max(-5.3333333333vw, -27.6266666667px);
  }
}
#mainContents .getSubTtl img {
  margin: 0 auto;
  width: min(72vw, 540px);
}
@media screen and (min-width: 751px) {
  #mainContents .getSubTtl img {
    width: min(72vw, 372.96px);
  }
}
#mainContents .getMerit {
  background-color: #fff;
  border-radius: min(1.0666666667vw, 8px);
}
@media screen and (min-width: 751px) {
  #mainContents .getMerit {
    border-radius: min(1.0666666667vw, 5.5253333333px);
  }
}
#mainContents .getMerit {
  margin: 0 min(6.6666666667vw, 50px);
  padding: min(8.5333333333vw, 64px) min(5.3333333333vw, 40px);
}
@media screen and (min-width: 751px) {
  #mainContents .getMerit {
    margin: 0 min(6.6666666667vw, 34.5333333333px);
    padding: min(8.5333333333vw, 44.2026666667px) min(5.3333333333vw, 27.6266666667px);
  }
}
#mainContents .getMerit picture img {
  margin: 0 auto;
}
#mainContents .getMerit * + picture {
  margin-top: min(3.2vw, 24px);
}
@media screen and (min-width: 751px) {
  #mainContents .getMerit * + picture {
    margin-top: min(3.2vw, 16.576px);
  }
}
#mainContents .getMeritTxt {
  font-size: min(3.3333333333vw, 25px);
}
@media screen and (min-width: 751px) {
  #mainContents .getMeritTxt {
    font-size: min(3.3333333333vw, 17.2666666667px);
  }
}
#mainContents .getMeritTxt {
  margin: 0;
  margin-top: min(3.2vw, 24px);
}
@media screen and (min-width: 751px) {
  #mainContents .getMeritTxt {
    margin-top: min(3.2vw, 16.576px);
  }
}
#mainContents .getMeritTxt {
  font-weight: 700;
  line-height: 1.6;
}
#mainContents .getMerit ul {
  margin-top: min(3.2vw, 24px);
}
@media screen and (min-width: 751px) {
  #mainContents .getMerit ul {
    margin-top: min(3.2vw, 16.576px);
  }
}
#mainContents .getMerit ul li {
  position: relative;
  padding-left: 1em;
  font-size: min(2.4vw, 18px);
}
@media screen and (min-width: 751px) {
  #mainContents .getMerit ul li {
    font-size: min(2.4vw, 12.432px);
  }
}
#mainContents .getMerit ul li {
  font-weight: 500;
  line-height: 1.3888888889;
}
#mainContents .getMerit ul li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "※";
}
#mainContents .getMerit * + .btnSt5 {
  margin-top: min(3.2vw, 24px);
}
@media screen and (min-width: 751px) {
  #mainContents .getMerit * + .btnSt5 {
    margin-top: min(3.2vw, 16.576px);
  }
}
#mainContents .getMerit + .getMerit {
  margin-top: min(5.3333333333vw, 40px);
}
@media screen and (min-width: 751px) {
  #mainContents .getMerit + .getMerit {
    margin-top: min(5.3333333333vw, 27.6266666667px);
  }
}

#sec5 {
  padding: min(9.3333333333vw, 70px) 0 min(13.3333333333vw, 100px);
  background-color: #4bb688;
}
#sec5 .secTtlArea {
  margin-bottom: 1em;
  text-align: center;
}
#sec5 .secTtlArea .secTtl {
  width: 92.4%;
  margin: 0 auto;
  color: #fff;
  font-size: 56px;
}
#sec5 .challenges .challenge {
  margin-bottom: min(9.8666666667vw, 74px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge {
    margin-bottom: min(9.8666666667vw, 51.1093333333px);
  }
}
#sec5 .challenges .challenge {
  position: relative;
}
#sec5 .challenges .challenge::before {
  content: "";
  width: 100%;
  aspect-ratio: 250/31;
  background: url(../images/sec5_img2.png) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#sec5 .challenges .challenge:last-child {
  margin-bottom: 0;
}
#sec5 .challenges .challenge .block {
  width: min(93.0666666667vw, 698px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block {
    width: min(93.0666666667vw, 482.0853333333px);
  }
}
#sec5 .challenges .challenge .block {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: max(-0.5333333333vw, -4px) min(0.8vw, 6px) min(2vw, 15px) min(0.2666666667vw, 2px) rgba(0, 0, 0, 0.16);
          box-shadow: max(-0.5333333333vw, -4px) min(0.8vw, 6px) min(2vw, 15px) min(0.2666666667vw, 2px) rgba(0, 0, 0, 0.16);
}
#sec5 .challenges .challenge .block.qArea {
  margin-bottom: min(3.4666666667vw, 26px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.qArea {
    margin-bottom: min(3.4666666667vw, 17.9573333333px);
  }
}
#sec5 .challenges .challenge .block.qArea {
  padding-top: min(13.3333333333vw, 100px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.qArea {
    padding-top: min(13.3333333333vw, 69.0666666667px);
  }
}
#sec5 .challenges .challenge .block.qArea {
  background-color: #32693f;
  border-bottom: min(1.4666666667vw, 11px) solid #eaa412;
  position: relative;
}
#sec5 .challenges .challenge .block.qArea::before {
  content: "";
  width: 100%;
  aspect-ratio: 698/11;
  background-color: #eaa412;
  position: absolute;
  bottom: 100%;
  left: 0;
}
#sec5 .challenges .challenge .block.qArea .ttlArea {
  margin-bottom: min(2vw, 15px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.qArea .ttlArea {
    margin-bottom: min(2vw, 10.36px);
  }
}
#sec5 .challenges .challenge .block.qArea .ttlArea .ttl {
  width: min(87.6vw, 657px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.qArea .ttlArea .ttl {
    width: min(87.6vw, 453.768px);
  }
}
#sec5 .challenges .challenge .block.qArea .ttlArea .ttl {
  margin: 0 auto;
}
#sec5 .challenges .challenge .block.qArea .question .txtArea1 {
  margin-bottom: min(2.6666666667vw, 20px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.qArea .question .txtArea1 {
    margin-bottom: min(2.6666666667vw, 13.8133333333px);
  }
}
#sec5 .challenges .challenge .block.qArea .question .txtArea1 .txt {
  width: min(88.4vw, 663px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.qArea .question .txtArea1 .txt {
    width: min(88.4vw, 457.912px);
  }
}
#sec5 .challenges .challenge .block.qArea .question .txtArea1 .txt {
  margin: 0 auto 1em;
}
#sec5 .challenges .challenge .block.qArea .question .txtArea2 {
  margin-bottom: min(2.6666666667vw, 20px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.qArea .question .txtArea2 {
    margin-bottom: min(2.6666666667vw, 13.8133333333px);
  }
}
#sec5 .challenges .challenge .block.qArea .question .txtArea2 .txt {
  width: min(86.6666666667vw, 650px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.qArea .question .txtArea2 .txt {
    width: min(86.6666666667vw, 448.9333333333px);
  }
}
#sec5 .challenges .challenge .block.qArea .question .txtArea2 .txt {
  margin: 0 auto;
}
#sec5 .challenges .challenge .block.aArea .aAreaTtl {
  padding: 0.8em 0;
  background-color: #eaa412;
  position: relative;
  cursor: pointer;
}
#sec5 .challenges .challenge .block.aArea .aAreaTtl::after {
  content: "";
  width: min(7.4666666667vw, 56px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.aArea .aAreaTtl::after {
    width: min(7.4666666667vw, 38.6773333333px);
  }
}
#sec5 .challenges .challenge .block.aArea .aAreaTtl::after {
  aspect-ratio: 7/4;
  background: url(../images/sec5_arrow.png) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  right: min(5.8666666667vw, 44px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.aArea .aAreaTtl::after {
    right: min(5.8666666667vw, 30.3893333333px);
  }
}
#sec5 .challenges .challenge .block.aArea .aAreaTtl::after {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#sec5 .challenges .challenge .block.aArea .aAreaTtl .ttl {
  width: min(50.2666666667vw, 377px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.aArea .aAreaTtl .ttl {
    width: min(50.2666666667vw, 260.3813333333px);
  }
}
#sec5 .challenges .challenge .block.aArea .aAreaTtl .ttl {
  margin: 0 auto;
}
#sec5 .challenges .challenge .block.aArea.active .aAreaTtl::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
#sec5 .challenges .challenge .block.aArea .aAreaCont {
  padding: 0;
  padding-top: min(4.5333333333vw, 34px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.aArea .aAreaCont {
    padding-top: min(4.5333333333vw, 23.4826666667px);
  }
}
#sec5 .challenges .challenge .block.aArea .aAreaCont {
  padding-bottom: min(5.2vw, 39px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.aArea .aAreaCont {
    padding-bottom: min(5.2vw, 26.936px);
  }
}
#sec5 .challenges .challenge .block.aArea .aAreaCont {
  background-color: #fff;
}
#sec5 .challenges .challenge .block.aArea .aAreaCont .answer_txt {
  width: min(86.6666666667vw, 650px);
}
@media screen and (min-width: 751px) {
  #sec5 .challenges .challenge .block.aArea .aAreaCont .answer_txt {
    width: min(86.6666666667vw, 448.9333333333px);
  }
}
#sec5 .challenges .challenge .block.aArea .aAreaCont .answer_txt {
  margin: 0 auto;
}

#sec7 .secTtlArea {
  margin-bottom: 0;
}
#sec7 .secTtlArea .ttl {
  width: 100%;
  margin-bottom: 0;
}
#sec7 .secretStories {
  padding: 0;
  padding-top: min(5.4666666667vw, 41px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories {
    padding-top: min(5.4666666667vw, 28.3173333333px);
  }
}
#sec7 .secretStories {
  background: url(../images/sec7_bg1.jpg) no-repeat center top/100% auto;
}
#sec7 .secretStories .storyTtl {
  height: min(86.9333333333vw, 652px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .storyTtl {
    height: min(86.9333333333vw, 450.3146666667px);
  }
}
#sec7 .secretStories .storyTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
#sec7 .secretStories .storyTtl .txtArea1 .txt {
  width: min(88.8vw, 666px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .storyTtl .txtArea1 .txt {
    width: min(88.8vw, 459.984px);
  }
}
#sec7 .secretStories .storyTtl .txtArea1 .txt {
  margin: 0 auto;
}
#sec7 .secretStories .storyTtl .btn_next {
  position: relative;
  bottom: min(8vw, 60px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .storyTtl .btn_next {
    bottom: min(8vw, 41.44px);
  }
}
#sec7 .secretStories .storyTtl .btn_next::before {
  content: "";
  width: min(21.0666666667vw, 158px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .storyTtl .btn_next::before {
    width: min(21.0666666667vw, 109.1253333333px);
  }
}
#sec7 .secretStories .storyTtl .btn_next::before {
  aspect-ratio: 79/59;
  background: url(../images/sec7_arrow1.png) no-repeat center/100% auto;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#sec7 .secretStories .storyTtl .btn_next .btn {
  width: min(60vw, 450px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .storyTtl .btn_next .btn {
    width: min(60vw, 310.8px);
  }
}
#sec7 .secretStories .storyTtl .btn_next .btn {
  margin: 0 auto;
  cursor: pointer;
}
#sec7 .secretStories .story {
  height: min(86.9333333333vw, 652px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .story {
    height: min(86.9333333333vw, 450.3146666667px);
  }
}
#sec7 .secretStories .story {
  padding-top: min(2.6666666667vw, 20px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .story {
    padding-top: min(2.6666666667vw, 13.8133333333px);
  }
}
#sec7 .secretStories .story {
  background: url(../images/sec7_depth_scale.png) no-repeat left top/auto 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
#sec7 .secretStories .story:last-child .btnArea {
  display: none;
}
#sec7 .secretStories .story .videoArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(1.3333333333vw, 10px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .story .videoArea {
    gap: min(1.3333333333vw, 6.9066666667px);
  }
}
#sec7 .secretStories .story .videoArea .ttlArea {
  width: min(6.9333333333vw, 52px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .story .videoArea .ttlArea {
    width: min(6.9333333333vw, 35.9146666667px);
  }
}
#sec7 .secretStories .story .videoArea .ttlArea .ttl {
  width: 100%;
  margin: 0;
}
#sec7 .secretStories .story .videoArea .figVideo {
  width: min(85.3333333333vw, 640px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .story .videoArea .figVideo {
    width: min(85.3333333333vw, 442.0266666667px);
  }
}
#sec7 .secretStories .story .videoArea .figVideo {
  margin: 0;
  margin-bottom: min(2vw, 15px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .story .videoArea .figVideo {
    margin-bottom: min(2vw, 10.36px);
  }
}
#sec7 .secretStories .story .videoArea .figVideo {
  position: relative;
}
#sec7 .secretStories .story .videoArea .figVideo.stop::before {
  content: "";
  width: 18.55%;
  aspect-ratio: 1/1;
  background: url(../images/movie_play.svg) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  pointer-events: none;
  cursor: pointer;
}
#sec7 .secretStories .story .videoArea .figVideo .vide {
  width: 100%;
  aspect-ratio: 16/13;
}
#sec7 .secretStories .story .btnArea .btn {
  width: min(46.6666666667vw, 350px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .story .btnArea .btn {
    width: min(46.6666666667vw, 241.7333333333px);
  }
}
#sec7 .secretStories .story .btnArea .btn {
  margin: 0 auto;
  padding: 0.7em 3em;
  border: 2px solid #fff;
  border-radius: 3em;
  cursor: pointer;
}
#sec7 .secretStories .story .btnArea .btn .txt {
  width: min(27.4666666667vw, 206px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .story .btnArea .btn .txt {
    width: min(27.4666666667vw, 142.2773333333px);
  }
}
#sec7 .secretStories .story .btnArea .btn .txt {
  margin: 0 auto;
  position: relative;
}
#sec7 .secretStories .story .btnArea .btn .txt::after {
  content: "";
  width: min(2.5333333333vw, 19px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .story .btnArea .btn .txt::after {
    width: min(2.5333333333vw, 13.1226666667px);
  }
}
#sec7 .secretStories .story .btnArea .btn .txt::after {
  aspect-ratio: 19/11;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%20data-name%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.37%2010.1%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23fff%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%202px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22.69%20.73%209.19%208.73%2017.69%20.73%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 110%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#sec7 .secretStories .story .btnArea .btn:hover .txt::after {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
#sec7 .secretStories .story.soon .videoArea .figVideo {
  position: relative;
}
#sec7 .secretStories .story.soon .videoArea .figVideo::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  pointer-events: none;
}
#sec7 .secretStories .story.soon .videoArea .figVideo::after {
  content: "";
  width: min(33.0666666667vw, 248px);
}
@media screen and (min-width: 751px) {
  #sec7 .secretStories .story.soon .videoArea .figVideo::after {
    width: min(33.0666666667vw, 171.2853333333px);
  }
}
#sec7 .secretStories .story.soon .videoArea .figVideo::after {
  aspect-ratio: 31/9;
  background: url(../images/sec7_video_soon.svg) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}/*# sourceMappingURL=style.css.map */