@charset "UTF-8";
/* CSS Document */
* {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  border: 0px none;
  margin: 0px;
  padding: 0px;
}

.all_wrap {
  overflow: hidden;
}

#cpn_contents {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

:root {
  --brown01: #534741;
  --button_hover01: #7e5e4d;
}

.PC-only {
  display: block !important;
}

.sp-only {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .PC-only {
    display: none !important;
  }
  .sp-only {
    display: block !important;
  }
}
.main_wrap {
  position: relative;
  width: 100%;
  background-color: #2db5f6;
  padding-bottom: 130px;
}
@media screen and (max-width: 768px) {
  .main_wrap {
    padding-bottom: 40px;
  }
}

.p-mv__img img {
  width: 100%;
}

.p-btn_wrap {
  margin: 0px 0 50px;
}

.p-btn_wrap_intro {
  margin-top: -9%;
  margin-top: -104px;
  margin-bottom: 79px;
}
@media (max-width: 1400px) {
  .p-btn_wrap_intro {
    margin-top: -9%;
  }
}

.mv-day {
  margin-bottom: 68px !important;
}

.p-btn_wrap button,
.p-info__my button {
  display: block;
  max-width: 550px;
  width: 100%;
  height: 84px;
  margin: 0px auto 0;
  color: white;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.07em;
  background: -webkit-gradient(linear, left top, right top, color-stop(60%, #e85381), to(#f1987a));
  background: linear-gradient(to right, #e85381 60%, #f1987a 100%);
  -webkit-box-shadow: 0px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0px 8px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50px;
  position: relative;
}
.p-btn_wrap button:hover,
.p-info__my button:hover {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
  color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: var(--button_hover01);
}
.p-btn_wrap button:hover::after,
.p-info__my button:hover::after {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.p-btn_wrap button::after,
.p-info__my button::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .p-btn_wrap button::after,
  .p-info__my button::after {
    width: 8px;
    height: 8px;
    right: 12px;
  }
}
.p-btn_wrap button.mypage1,
.p-info__my button.mypage1 {
  color: white;
  background: #e95377;
  border: 0;
  height: 71px;
  border-radius: 50px;
}
@media screen and (max-width: 768px) {
  .p-btn_wrap button.mypage1,
  .p-info__my button.mypage1 {
    font-size: 4.5vw;
    margin-top: 6px;
    height: min(15vw, 80px);
    border-radius: 39px;
  }
}
.p-btn_wrap button.mypage1::after,
.p-info__my button.mypage1::after {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
.p-btn_wrap button.mypage1:hover,
.p-info__my button.mypage1:hover {
  background-color: var(--button_hover01);
}
.p-btn_wrap button.mypage1:hover P,
.p-info__my button.mypage1:hover P {
  color: white;
}
.p-btn_wrap button.mypage2,
.p-info__my button.mypage2 {
  color: #00BA4F;
  background: #ffffff;
  border: 2px solid #00BA4F;
  font-size: 22px;
  height: 65px;
}
.p-btn_wrap button.mypage2::after,
.p-info__my button.mypage2::after {
  border-right: 2px solid #00BA4F;
  border-bottom: 2px solid #00BA4F;
}
.p-btn_wrap button.mypage2:hover,
.p-info__my button.mypage2:hover {
  color: #00BA4F;
  background: #e2ffee;
  border: 2px solid #00BA4F;
}
.p-btn_wrap button.mypage2:hover ::after,
.p-info__my button.mypage2:hover ::after {
  border-right: 2px solid #00BA4F;
  border-bottom: 2px solid #00BA4F;
}
@media screen and (max-width: 768px) {
  .p-btn_wrap button.mypage2,
  .p-info__my button.mypage2 {
    font-size: 4.5vw;
    height: 51px;
  }
}
@media screen and (max-width: 768px) {
  .p-btn_wrap button,
  .p-info__my button {
    font-size: 5.2vw;
    margin: 16px auto 0;
    height: min(19vw, 100px);
    width: 90%;
  }
}

.p-btn__red {
  background-color: #e00000;
  color: #fff;
  margin-top: 60px;
}

.p-btn__red::after {
  border-bottom: 2px solid #fff;
}

.p-btn__white {
  background-color: #ffffff;
  color: #002c64;
  border: 2px solid #002c64;
}

.p-btn .p-btn__red::after {
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
}

.p-btn .p-btn__white::after {
  border-bottom: 3px solid #002c64;
  border-right: 3px solid #002c64;
}

.p-play img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-btn a {
    font-size: 20px;
    padding: 20px 20px;
  }
  .p-btn__red {
    margin-top: 20px;
  }
  .p-btn {
    margin-bottom: 35px;
  }
}
.p-campain {
  text-align: center;
}

.p-campain__btn {
  display: inline-block;
  font-size: 20px;
  text-decoration: none;
  padding-bottom: 10px;
  padding-right: 35px;
  position: relative;
  font-family: "Zen Maru Gothic", sans-serif;
  color: black;
}

.p-campain__btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #231815;
}

.p-campain__btn::after {
  position: absolute;
  content: "";
  right: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #231815;
  border-right: 2px solid #231815;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
  .p-campain__btn::after {
    top: 5px;
    width: 8px;
    height: 8px;
  }
}
.p-link {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .p-link {
    margin-top: 50px;
  }
}
.p-link__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 550px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.p-link__box {
  width: 47%;
}

.p-link__box a {
  display: inline-block;
}

.p-link__box a img {
  width: 100%;
  height: 100%;
  /* object-fit: contain; */
}

.page-inner_link img {
  width: 100%;
}

.page-inner_link_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.page-inner_link_flex_wrap {
  max-width: 500px;
  width: 90%;
  display: block;
  margin: 72px auto 10px;
}

.page-inner_link {
  width: 47%;
}

.page-inner_link_img {
  width: 100%;
}

.p-flow {
  /* background: url(../img/flow-bg.png) no-repeat center center / cover; */
  padding-top: 100px;
  padding-bottom: 124px;
}

.p-flow__inner {
  max-width: 800px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.p-flow__title {
  font-size: 33px;
  font-family: "Noto Sans JP", sans-serif;
  color: #000000;
  letter-spacing: 0.1em;
  line-height: 1.8;
  font-weight: bold;
}

.p-flow__box {
  background-color: #fff;
  padding: 0px 0px 50px;
  margin-top: 50px;
  position: relative;
}

.p-flow__sub {
  width: 100%;
  background-color: #cc8c45;
  height: auto;
  padding: 20px 0;
  margin: 0 auto;
}

.p-flow__sub img {
  width: 144px;
}

.p-flow__contents {
  padding-top: 39px;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.p-flow__text {
  font-size: 22px;
  font-weight: bold;
  font-family: "Zen Maru Gothic", sans-serif;
}

.p-flow__description {
  font-size: 18px;
  margin-top: 20px;
  color: #505050;
  font-family: "Zen Maru Gothic", sans-serif;
}

.p-flow__box + .p-flow__box {
  margin-top: 122px;
}

.p-flow__box + .p-flow__box::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: url(../img/arrow.svg) no-repeat center center/contain;
  top: -80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-campain1 {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .p-flow {
    padding-top: 30px;
    padding-bottom: 14px;
  }
  .p-flow__box {
    background-color: #fff;
    margin-top: 23px;
    padding: 0px 0px 23px;
  }
  .p-flow__contents {
    padding-top: 18px;
  }
  .p-flow__text {
    font-size: min(4.5vw, 25px);
  }
  .p-flow__description {
    font-size: 3.8vw;
    margin-top: 10px;
  }
  .p-flow__box + .p-flow__box {
    margin-top: 66px;
  }
  .p-flow__box + .p-flow__box::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 30px;
    background: url(../img/arrow.svg) no-repeat center center/contain;
    top: -45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.p-golf {
  padding-top: 100px;
}

.p-golf__inner,
.p-play {
  max-width: 800px;
  width: 90%;
}

.p-golf__inner {
  margin-left: auto;
  margin-right: auto;
}

.p-play {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.p-golf__title {
  font-size: 33px;
  font-weight: bold;
  color: #000000;
  letter-spacing: 0.01em;
  line-height: 1.8;
  font-family: "Noto Sans JP", sans-serif;
}

.p-golf__area {
  margin-top: 50px;
}

.p-accordion .name {
  background-color: white;
}

.p-accordion__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 18px;
  color: #000000;
  line-height: 2.2;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.p-accordion__list ul {
  list-style: none;
  text-align: left;
  padding: 19px 30px 20px 6%;
}

.p-accordion__list_content1 {
  width: 100%;
}

.p-accordion__list_content1 li {
  font-size: 26px;
  line-height: 1.7;
  letter-spacing: 0.07em;
  padding-left: 1em;
  text-indent: -1em;
}
.p-accordion__list_content1 li.little {
  font-size: 85%;
  margin-top: -10px;
  padding-left: 3em;
}

.p-accordion__list_content1 .red {
  color: #e95377;
}

.p-info__caution {
  font-size: 18px;
  font-weight: lighter;
  letter-spacing: 0.07em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.7;
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
}

.red_text {
  color: #f75757;
}

.p-info__text_upper {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .p-golf {
    padding-top: 28px;
    padding-bottom: 0px;
  }
  .p-golf__area {
    margin-top: 25px;
  }
  .p-accordion__list {
    display: block;
    font-size: 3.2vw;
  }
  .p-accordion__list ul {
    width: 100%;
  }
}
/* アコーディオン */
/* チェックボックスを非表示 */
.accordion-hidden {
  display: none;
}

/* 質問部分 */
.accordion-open {
  text-align: center;
  display: block;
  background: #e95377;
  color: white;
  cursor: pointer;
  border: none;
  font-weight: 700;
  font-size: 35px;
  line-height: 3;
  position: relative;
  letter-spacing: 0.01em;
  pointer-events: none;
}

.accordion-open span {
  font-size: 26px;
}

/* アンサーは非表示 後で表示*/
.accordion-close {
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* チェックボックスにチェックが入ったら表示 */
.accordion-hidden:checked + .accordion-open + .accordion-close {
  height: auto;
  opacity: 1;
  padding: 30px 24px;
  background: #f4f8fd;
  margin-bottom: 50px;
}

.p-flow__description_link {
  position: relative;
}

.p-flow__description a {
  text-underline-offset: 0.5em;
}

@media screen and (max-width: 768px) {
  .accordion-open {
    font-size: 5vw;
    padding-left: 20px;
  }
  .accordion-open span {
    font-size: 4vw;
  }
  .accordion-hidden:checked + .accordion-open + .accordion-close {
    padding: 15px;
  }
}
.p-info {
  background-color: #f8f8f8;
  padding-top: 100px;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}

.p-info__inner {
  max-width: 900px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.p-info__title {
  font-size: 33px;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.p-info__sub {
  background-color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  padding: 14px;
  margin-top: 50px;
  letter-spacing: 0.07em;
}

.p-info__text {
  font-size: 20px;
  text-align: left;
  margin-top: 16px;
  line-height: 2;
}

.p-info__text span {
  color: #f75757;
}

.p-info__text.text-indent {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}

.p-info__box {
  background-color: #F75757;
  color: #ffffff;
  text-align: left;
  padding: 50px;
  margin-top: 30px;
}

.p-info__cou {
  font-size: 22px;
  font-weight: bold;
  padding-left: 40px;
  position: relative;
}

.p-info__cou::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 33px;
  height: 33px;
  background: url(../img/arro.svg) no-repeat center center/contain;
}

.p-btn_sub {
  font-size: 20px;
  color: black;
  margin-top: -26px;
  margin-bottom: 42px;
}

.p-btn_sub span {
  font-size: 25px;
  color: #DD023C;
  background-color: white;
  padding: 2px 5px;
  border-radius: 4px;
  font-weight: 550;
}

.p-info__disc {
  margin-top: 30px;
  font-size: 20px;
}

.p-info__my {
  margin: 30px 0 67px;
}

.p-info__faq {
  margin-top: 60px;
}

.p-info__my a {
  display: inline-block;
  border: 2px solid #00ba4f;
  color: #00ba4f;
  background-color: #fff;
  text-decoration: none;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.1em;
  border-radius: 50px;
  max-width: 550px;
  width: 90%;
  padding: 20px;
  position: relative;
  line-height: 1;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 3.2px;
          box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 3.2px;
}

.p-info__my a::after {
  position: absolute;
  content: "";
  right: 30px;
  top: 45%;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #00ba4f;
  border-right: 2px solid #00ba4f;
  -webkit-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
}

.p-campain_mypage {
  margin-top: 30px;
}

.Rounded-text {
  font-family: "Zen Maru Gothic", sans-serif;
}

.p-accordion__list_content1 li a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  color: rgb(0, 0, 0);
}
.p-accordion__list_content1 li a:hover {
  color: cornflowerblue;
}

/* スマホサイズ調整 */
@media screen and (max-width: 768px) {
  .p-info {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .p-info__title {
    font-size: 25px;
  }
  .p-info__text {
    font-size: 3.9vw;
    margin-top: 10px;
    line-height: 1.7;
  }
  .p-info__text span {
    color: #f75757;
  }
  .p-info__box {
    padding: 25px;
    margin-top: 15px;
    margin-bottom: 30px;
  }
  .p-info__cou {
    font-size: 4.2vw;
    font-weight: bold;
    padding-left: 25px;
    position: relative;
  }
  .p-info__cou::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(../img/arro.svg) no-repeat center center/contain;
  }
  .p-info__disc {
    margin-top: 15px;
    font-size: 3.8vw;
  }
  .p-info__my {
    margin: 18px 0 50px;
  }
  .p-info__my a {
    font-size: 16px;
    padding: 15px;
  }
  .p-info__my a::after {
    position: absolute;
    content: "";
    right: 30px;
    top: 45%;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #00ba4f;
    border-right: 2px solid #00ba4f;
    -webkit-transform: rotate(-45deg) translateY(-50%);
            transform: rotate(-45deg) translateY(-50%);
  }
  .p-btn_wrap {
    margin: 0px 0 0px;
  }
  .p-campain__btn {
    font-size: 4vw;
    padding-right: 20px;
  }
  .intro-area {
    padding-bottom: 0px;
  }
  .p-golf__title,
  .p-flow__title {
    font-size: min(6.5vw, 30px);
  }
  .p-flow__sub img {
    width: 35%;
  }
  .p-flow__sub {
    padding-bottom: 15px;
  }
  .p-flow__description_link {
    margin: 20px 0;
  }
  .p-flow__inner {
    padding-bottom: 50px;
  }
  .p-info__sub {
    font-size: 4.2vw;
    padding: 12px;
    margin-top: 30px;
  }
  .p-info__caution {
    font-size: 3.5vw;
    line-height: 1.6;
  }
  .p-campain_mypage {
    margin-top: 20px;
  }
  .p-campain1 {
    margin-top: 27px;
  }
  .p-btn_wrap_intro {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .p-play {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .p-play {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .page-inner_link_flex_wrap {
    margin: 48px auto 10px;
  }
  .p-campain_mypage {
    margin-top: 15px;
  }
  .p-btn_sub {
    font-size: 3.8vw;
    margin-top: 19px;
    margin-bottom: 42px;
  }
  .p-btn_sub span {
    font-size: 4.3vw;
    padding: 2px 4px;
  }
  .p-accordion__list_content1 li {
    font-size: 4.1vw;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .p-accordion__list ul {
    padding: 19px 3% 10px;
  }
}
#maincontents {
  width: initial;
}

.campaign #main_contents {
  width: initial;
}

#cpn_contents {
  width: initial;
}

#main-box {
  text-align: center;
  margin: 0px auto 10px;
  position: relative;
}

#main-box .tit_h1 {
  margin: 30px auto;
  text-align: center;
  width: 621px;
  height: 305px;
}

#main-box .price_img {
  margin: 0 auto;
  text-align: center;
  width: 332px;
  height: 66px;
}

#main-box .tit_h2 {
  margin: 30px auto 0;
  text-align: center;
  width: 992px;
  height: 148px;
}

div#limited_offer {
  width: 100%;
  background-color: #009C42;
  padding: 0 0 50px;
  background-image: url("../img/over02.png");
  background-repeat: no-repeat;
  background-position: center top;
}

#limited_offer .tit_h3 {
  margin: 40px 0 20px;
  text-align: center;
}

#limited_offer > img {
  margin: 0 auto;
  text-align: center;
}

#how_to_join {
  width: 1008px;
  margin: 0 auto;
  text-align: center;
}

#how_to_join .tit_h3 {
  margin: 50px auto;
  text-align: center;
}

#how_to_join .tit_h4 {
  margin: 50px auto;
  text-align: center;
  width: 925px;
  height: 54px;
}

#how_to_join img {
  margin: 0 auto;
  text-align: center;
}

#how_to_join span img {
  margin: 30px 0 0 9px;
  text-align: center;
}

#requirements {
  width: 100%;
  background-image: url("../img/bg.png");
  margin: 0 auto;
  text-align: center;
  position: relative;
  background-repeat: repeat;
}

#requirements .tit_h3 {
  margin: 20px auto;
  text-align: center;
}

#requirements #details_txt {
  margin: 0 auto;
  text-align: center;
  width: 980px;
  position: relative;
}

#requirements #details_txt .details_space {
  border-radius: 20px;
  background-color: #ffffff;
  margin: 0 0 30px;
  padding: 15px;
}

#requirements #details_txt .details_space .headline_txt {
  display: table-cell;
  vertical-align: middle;
  width: 240px;
  border-right: #B9A84B solid 2px;
  text-align: center;
  margin: auto;
}

#requirements #details_txt .details_space .details_txt {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

#requirements #details_txt .details_space .details_txt p {
  margin-left: 20px;
  font-size: 12pt;
  font-family: "メイリオ", "Meiryo", "YuGothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

#requirements #details_txt .details_space .details_txt p.m-b {
  margin-bottom: 10px;
}

#requirements #details_txt .details_space .details_txt p.m-b img {
  margin-right: 16px;
}

#requirements #details_txt .details_space.last_item {
  margin-bottom: 30px;
}

#requirements #details_txt img.arrangement01 {
  position: absolute;
  bottom: -70px;
  left: 40px;
}

#requirements #details_txt img.arrangement02 {
  position: absolute;
  bottom: -70px;
  right: 40px;
}

.red {
  color: #FF0004;
  font-weight: bold;
}

.bold {
  font-weight: bold;
}

.clr {
  clear: both;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: 0px -1px -1px 0px;
  border: 0px;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;
}

/*スライダー*/
.custom-thumb {
  width: 996px;
  margin: 0 auto;
  text-align: left;
}

.custom-thumb a {
  margin: 5px 10px 5px;
}

/* slidewrapper */
#slidewrapper {
  position: relative;
  width: 972px;
  height: 600px;
  overflow: hidden;
}

#slidewrapper ul li {
  display: block;
  float: left;
}

#images {
  overflow: hidden;
}

#thumbs {
  overflow: hidden;
}

#images {
  width: 690px;
  height: 425px;
}

#thumbs img {
  width: 304px;
  height: 64px;
  margin: 5px 10px 40px;
  cursor: pointer;
}

#thumbs img.selected {
  opacity: 0.8;
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha(opacity=80);
}

/* 新しいコース一覧 */
div#about_box {
  border-radius: 28px;
  text-align: center;
  width: 1000px;
  margin: 0 auto;
}

div#about_box section {
  margin: 1% auto;
  overflow: hidden;
  width: 98%;
  text-align: left;
}

div#about_box section h3 {
  margin: 12px auto 8px;
  width: 100%;
  border-radius: 20px;
  background-color: #b9a84b;
  color: #ffffff;
  text-align: center;
}

div#about_box section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  padding: 0;
}

div#about_box section ul.three {
  width: 730px;
}

div#about_box section ul li {
  padding: 6px 5px 4px;
  color: #ffffff;
  font-size: 12px;
  border-bottom: #eeeeef 1px solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 230px;
  text-align: left;
}

div#about_box section ul li span {
  letter-spacing: -0.17em;
}

div#about_box h2 {
  width: 900px;
  height: 19px;
  margin: 0 auto !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

div#about_box div.place > div h3,
div#about_box div.place_triple h3,
div#about_box div.place_triple_fst h3 {
  margin: 0 auto !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

div#about_box p {
  width: 900px;
  margin: 30px auto 0 !important;
}

div#about_box .area_title {
  margin: 30px auto !important;
}

div#about_box div.place,
div#about_box div.place_triple,
div#about_box div.place_triple_fst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 900px;
  margin: 0 auto;
  padding: 0 0 15px;
}

div#about_box div.place_triple > div {
  width: 217px;
}

div#about_box div.place_triple > div {
  width: 217px;
}

div#about_box div.place_triple > div:nth-child(3) {
  width: 445px;
}

div#about_box div.place_triple_fst > div {
  width: 445px;
}

div#about_box div.place_triple_fst > div:nth-child(2) {
  width: 217px;
}

div#about_box div.place_triple_fst > div:nth-child(3) {
  width: 217px;
}

div#about_box div.place > div {
  width: 445px;
}

/*--------------------------------------------------
**************************************************
 コメ印
**************************************************
--------------------------------------------------*/
.disclaimerBlock {
  letter-spacing: 1px;
}

.disclaimerBlock_bnr {
  font-weight: bold;
  color: #323232;
  font-size: 16px;
  background-color: #f0f0f0;
  padding: 12px;
  line-height: 1em;
  margin: 40px 0 20px;
  border-left: 4px solid #019833;
  letter-spacing: 0;
}

.disclaimerBlock_text {
  color: #323232;
  font-size: 12px;
  line-height: 1.6em;
  padding-left: 20px;
}

.disclaimerBlock_text_text01 {
  font-weight: bold;
  padding-bottom: 10px;
}

.disclaimerBlock_text--period {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.5;
  color: #f00;
}

.disclaimerBlock_text--strong {
  font-weight: bold;
  color: #f00;
}

.disclaimerBlock_text--bold {
  font-weight: bold;
}

.disclaimerBlock_li--kome {
  position: relative;
  margin-top: 0.2em;
  padding-left: 1.2em;
}

.disclaimerBlock_li--kome::before {
  position: absolute;
  content: "※";
  display: inline-block;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
}

.disclaimerBlock_li--num {
  position: relative;
  padding-left: 1.5em;
  margin-top: 0.2em;
}

.disclaimerBlock_li--num .innerNum {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
}

ol,
ul {
  list-style: none;
  list-style-type: none;
}

#main-box .main_wrap .BG_side01,
#main-box .main_wrap .BG_side02 {
  position: absolute;
  width: 32%;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 1500px) {
  #main-box .main_wrap .BG_side01,
  #main-box .main_wrap .BG_side02 {
    width: 26%;
  }
}
#main-box .main_wrap .BG_side01 img,
#main-box .main_wrap .BG_side02 img {
  width: 100%;
}
#main-box .main_wrap .BG_side01 {
  left: 0;
}
#main-box .main_wrap .BG_side02 {
  right: 0;
}
#main-box .main_wrap .intro-area .p-mv {
  display: block;
  max-width: 850px;
  width: 90%;
  margin: 0 auto;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  #main-box .main_wrap .intro-area .p-mv {
    padding-top: 15px;
  }
}
#main-box .main_wrap .intro-area .p-mv h1 {
  padding-bottom: 54px;
}
@media screen and (max-width: 768px) {
  #main-box .main_wrap .intro-area .p-mv h1 {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  #main-box .main_wrap .intro-area .p-mv {
    width: 90%;
  }
}
#main-box .main_wrap .intro-area .present_bunner_wrap .lead,
#main-box .main_wrap .intro-area .present_bunner_wrap .p-btn_wrap_sub {
  font-size: 24px;
  font-weight: 800;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.03em;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  #main-box .main_wrap .intro-area .present_bunner_wrap .lead,
  #main-box .main_wrap .intro-area .present_bunner_wrap .p-btn_wrap_sub {
    font-size: min(4.4vw, 22px);
    margin-bottom: 6px;
  }
}
#main-box .main_wrap .intro-area .present_bunner_wrap .present_bunner {
  max-width: 415px;
  width: 80%;
  display: block;
  margin: 0 auto 35px;
}
#main-box .main_wrap .intro-area .present_bunner_wrap .present_bunner img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #main-box .main_wrap .intro-area .present_bunner_wrap .present_bunner {
    width: 74%;
    margin: 0 auto 21px;
  }
}
#main-box .main_wrap .p-mv_day {
  display: block;
  margin: 0 auto;
  width: 90%;
}
@media screen and (max-width: 768px) {
  #main-box .main_wrap .p-mv_day img {
    width: 100%;
  }
}
#main-box .main_wrap .menu_flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  #main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex {
    padding: 0;
    width: 90%;
  }
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex li a {
  text-decoration: none;
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex li:first-of-type button {
  background: #e8cfa0;
  color: black;
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex li:first-of-type button::after {
  background-image: url("../img/arrow_down_black.svg");
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex li:first-of-type button:hover {
  background-color: var(--button_hover01);
  color: white;
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex li:first-of-type button:hover::after {
  background-image: url("../img/arrow_down_white.svg");
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex li:nth-child(2) button {
  background: #cc8c45;
  color: white;
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex li:nth-child(2) button::after {
  background-image: url("../img/arrow_down_white.svg");
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex li:nth-child(2) button:hover {
  background-color: var(--button_hover01);
  border: 2px solid var(--button_hover01);
  color: white;
}
@media screen and (max-width: 768px) {
  #main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex li {
    width: 100%;
  }
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex button {
  border-radius: 16px;
  width: 267.5px;
  height: 116px;
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex button:hover::after {
  background-image: url("../img/arrow_down_white.svg");
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex button p {
  position: relative;
  top: -13px;
}
@media screen and (max-width: 768px) {
  #main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex button p {
    top: -8px;
  }
}
@media screen and (max-width: 768px) {
  #main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex button {
    width: auto;
    margin-top: 0;
    height: min(17vw, 200px);
    width: 100%;
    border-radius: 7px;
  }
}
#main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex button::after {
  position: absolute;
  border: none;
  content: "";
  background-image: url("../img/arrow_down_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: inherit;
          transform: inherit;
  width: 20px;
  height: 20px;
  right: inherit;
  top: inherit;
  left: calc(50% - 10px);
  bottom: 21px;
}
@media screen and (max-width: 768px) {
  #main-box .main_wrap .menu_flex_box .p-btn_wrap.menu_flex button::after {
    width: 14px;
    height: 14px;
    bottom: 8px;
    left: calc(50% - 7px);
  }
}

@media screen and (max-width: 768px) {
  .intro-area .p-mv .p-mv__img {
    display: block;
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 768px) {
  .p-play.top_button {
    margin-top: 26px;
  }
}

#info {
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #info {
    padding-bottom: 40px;
  }
}
/*#info .contents:nth-of-type(2) {
  border-bottom: 2px dotted #0066c0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}*/
#info .contents:first-of-type {
  border-bottom: 2px dotted #0066c0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
#info .contents .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4%;
}
@media screen and (max-width: 768px) {
  #info .contents .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 27px;
  }
}
@media screen and (max-width: 768px) {
  #info .contents .info.bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#info .contents .info li {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #info .contents .info li {
    width: 100%;
  }
}
#info .contents .info li .tag {
  display: inline;
  color: white;
  background-color: #0066c0;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 5px 20px;
  border-radius: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #info .contents .info li .tag {
    font-size: min(3.6vw, 16px);
    padding: 4px 14px;
  }
}
#info .contents .info li .date_box,
#info .contents .info li .conditions {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #info .contents .info li .date_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 12px;
  }
}
#info .contents .info li .date_box p {
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 0.1em;
  line-height: 1;
  white-space: nowrap;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
  #info .contents .info li .date_box p {
    font-size: min(3.4vw, 20px);
  }
}
#info .contents .info li .date_box p .day {
  color: #0066c0;
  font-size: 60px;
}
@media screen and (max-width: 1080px) {
  #info .contents .info li .date_box p .day {
    font-size: 50px;
  }
}
@media screen and (max-width: 768px) {
  #info .contents .info li .date_box p .day {
    font-size: min(4.8vw, 50px);
  }
}
#info .contents .info li .date_box p .slash {
  color: #0066c0;
  font-size: 48px;
}
@media screen and (max-width: 1080px) {
  #info .contents .info li .date_box p .slash {
    font-size: 42px;
  }
}
@media screen and (max-width: 768px) {
  #info .contents .info li .date_box p .slash {
    font-size: min(4.8vw, 35px);
  }
}
#info .contents .info li .date_box p .week {
  color: #0066c0;
  font-size: 30px;
}
@media screen and (max-width: 1080px) {
  #info .contents .info li .date_box p .week {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  #info .contents .info li .date_box p .week {
    font-size: min(3.8vw, 24px);
  }
}
#info .contents .info li .date_box p .iko {
	font-size: 30px;
	line-height: 2;
}
@media screen and (max-width: 1080px) {
  #info .contents .info li .date_box p .iko {
	  font-size: 22px;
	  margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  #info .contents .info li .date_box p .iko {
	  font-size: min(3.8vw, 24px);
	  line-height: 1.6;
  }
}
#info .contents .info li .conditions {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #info .contents .info li .conditions {
    font-size: min(4.2vw, 22px);
    margin-top: 11px;
  }
}
#info .contents .info li .conditions .strong {
  color: #0066c0;
}
#info .contents .info li p.from {
  font-size: 25px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  padding: 9px 0px;
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  #info .contents .info li p.from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: 0px;
    font-size: min(3.9vw, 20px);
    padding: 0px 0px;
    position: relative;
    top: 3px;
  }
}

#info .contents_inner,
#method .contents_inner,
#plan .contents_inner {
  background-color: white;
  border-radius: 10px;
  padding: 60px 3%;
}
@media screen and (max-width: 768px) {
  #info .contents_inner,
  #method .contents_inner,
  #plan .contents_inner {
    padding: 20px 3%;
  }
}

#plan {
  padding: 100px 0 0;
}
@media screen and (max-width: 768px) {
  #plan {
    padding: 40px 0 40px;
  }
}
#plan .p-play .Subject_title {
  display: block;
  margin: 0 auto 85px;
  width: 366px;
}
@media screen and (max-width: 768px) {
  #plan .p-play .Subject_title {
    width: 63%;
    margin: 0 auto 42px;
  }
}
#plan .p-play h2 {
  background-color: #0066c0;
  height: 50px;
  border-radius: 30px;
  margin-bottom: 59px;
}
@media screen and (max-width: 768px) {
  #plan .p-play h2 {
    height: 25px;
    margin-bottom: 26px;
  }
}
#plan .p-play h2 .month {
  display: block;
  margin: 0 auto;
  width: 170px;
  position: relative;
  top: -46px;
}
@media screen and (max-width: 768px) {
  #plan .p-play h2 .month {
    width: min(22vw, 83px);
    top: -20px;
  }
}
#plan .p-play .area_box {
  text-align: center;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6%;
  row-gap: 30px;
  width: 83%;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #plan .p-play .area_box {
    width: 100%;
    gap: 4%;
    row-gap: 15px;
    margin-bottom: 40px;
  }
}
#plan .p-play .area_box li {
  width: 47%;
}
@media screen and (max-width: 768px) {
  #plan .p-play .area_box li {
    width: 48%;
  }
}
#plan .p-play .area_box li a {
  text-decoration: none;
  display: block;
  background-color: #fadf00;
  padding: 30px 0;
  border-radius: 5px;
  position: relative;
  -webkit-box-shadow: 4px 4px 0 0 rgb(191, 191, 191);
          box-shadow: 4px 4px 0 0 rgb(191, 191, 191);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 768px) {
  #plan .p-play .area_box li a {
    padding: 19px 0;
  }
}
#plan .p-play .area_box li a p {
  color: black;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
}
@media screen and (max-width: 1080px) {
  #plan .p-play .area_box li a p {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  #plan .p-play .area_box li a p {
    font-size: min(4vw, 22px);
  }
}
#plan .p-play .area_box li a ::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #1F1F1F;
  border-bottom: 2px solid #1F1F1F;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
@media screen and (max-width: 768px) {
  #plan .p-play .area_box li a ::after {
    width: 6px;
    height: 6px;
    right: 7px;
  }
}
#plan .p-play .area_box li a:hover {
  opacity: 0.5;
}
#plan .p-play .area_box li a:hover ::after {
  right: 10px;
}
@media screen and (max-width: 768px) {
  #plan .p-play .area_box li a:hover ::after {
    right: 4px;
  }
}

#method h2 {
  display: block;
  margin: 0 auto 30px;
  max-width: 462px;
  width: 90%;
}
@media screen and (max-width: 768px) {
  #method h2 {
    width: 70%;
    margin: 0 auto 15px;
  }
}
#method .Method_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  gap: 20px;
}
#method .Method_box .flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#method .Method_box .flex_box .Method_content {
  position: relative;
  width: 50%;
}
#method .Method_box .flex_box .Method_content .number {
  position: absolute;
  top: 1%;
  left: 1%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  background-color: #0066c0;
  border-radius: 50%;
  color: white;
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  #method .Method_box .flex_box .Method_content .number {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
  }
}
#method .Method_box .flex_box .info {
  width: 50%;
  text-align: left;
}
#method .Method_box .flex_box .info .lead {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
@media screen and (max-width: 1080px) {
  #method .Method_box .flex_box .info .lead {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #method .Method_box .flex_box .info .lead {
    font-size: min(3.8vw, 22px);
    line-height: 1.3;
  }
}
#method .Method_box .flex_box .info .lead.sub {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #method .Method_box .flex_box .info .lead.sub {
    font-size: min(3.4vw, 17px);
    line-height: 1;
  }
}
#method .Method_box .flex_box .info .lead.tri {
  color: #0066c0;
  font-size: 18px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media screen and (max-width: 768px) {
  #method .Method_box .flex_box .info .lead.tri {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    font-size: 14px;
  }
}
#method .Method_box .flex_box .info .lead.info01 {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #method .Method_box .flex_box .info .lead.info01 {
    margin-bottom: 7px;
  }
}
#method .Method_box .flex_box .info .lead.icon {
  display: inline;
  background-color: #2db5f6;
  font-size: 28px;
  color: white;
  padding: 0px 4px;
  border-radius: 5px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  #method .Method_box .flex_box .info .lead.icon {
    font-size: min(4.2vw, 25px);
  }
}
#method .Method_box .flex_box .info .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
@media screen and (max-width: 768px) {
  #method .Method_box .flex_box .info .detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1px;
  }
}
#method .Method_box .flex_box:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 2px dotted #0066c0;
}

#caution .caution_contents {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #caution .caution_contents {
    margin-bottom: 40px;
  }
}
#caution .caution_contents p {
  text-align: left;
  color: black;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #caution .caution_contents p {
    font-size: 14px;
  }
}
#caution .caution_contents .title {
  color: #0066c0;
  font-size: 25px;
  font-weight: 600;
  display: block;
  border-bottom: 2px solid #0066c0;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  #caution .caution_contents .title {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
#caution .caution_contents .lists li {
  padding-left: 1em;
  text-indent: -1em;
}

#intro .KV_coupon {
  display: block;
  margin: 0 auto 50px;
  max-width: 630px;
  width: 90%;
}
@media screen and (max-width: 768px) {
  #intro .KV_coupon {
    width: min(60%, 450px);
    margin: 0 auto 20px;
  }
}
#intro .Benefits_contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #intro .Benefits_contents {
    gap: 35px;
    margin-bottom: 40px;
  }
}
/*# sourceMappingURL=style.css.map */