@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#main__title .main__title-outer {
  padding: 0;
  margin: 0;
  background: none;
}
#main__title .main__title-inner {
  position: relative;
}
#main__title .main__title-contents {
  width: 94vw;
}
#main__title .main__title-read {
  padding: 1.4vw 0;
  text-align: center;
  background: #000;
}
#main__title .main__title-read .txt {
  padding: 5.2vw;
  font-family: "Yu Mincho Pr6N D";
  font-size: 4.8vw;
  color: #fff;
  border-top: 1px solid #A08B45;
  border-bottom: 1px solid #A08B45;
}
#main__title .main__title-read .txt .accent {
  color: #A08B45;
}

.common__title {
  margin-bottom: 40px;
}

@media screen and (min-width: 769px) {
  #main__title .main__title-contents {
    width: min(950px, 70vw);
  }
  #main__title .main__title-read {
    padding: 8px 0;
  }
  #main__title .main__title-read .txt {
    padding: 34px;
    line-height: 1;
    font-size: min(3rem, 2.2vw);
  }
}
#benefits {
  margin-bottom: 13vw;
  padding: 9.6vw 0 13vw;
  font-family: "Yu Mincho Pr6N D";
  background: url("/image/anniversary/benefits_bg.jpg") center/cover no-repeat;
  background: url("/image/anniversary/benefits_bg.webp") center/cover no-repeat;
}
#benefits > .common__wrapper {
  max-width: 1066px;
  margin-bottom: 13vw;
}
#benefits .benefits__all {
  margin-bottom: 8%;
  border-bottom: 1px solid #765C34;
  background: #fff;
}
#benefits .benefits__all .benefits__all-ttl {
  height: 12.8vw;
  margin-bottom: 5.8%;
  line-height: 12.8vw;
  text-align: center;
  font-size: 4vw;
  color: #fff;
  background: #765C34;
  clip-path: polygon(0 0, 100% 0, 100% 56%, 50% 100%, 0 56%);
}
#benefits .benefits__all .benefits__all-cont {
  width: 84%;
  margin: 0 auto 8%;
}
#benefits .benefits__all .benefits__all-cont .thum {
  margin-bottom: 8%;
}
#benefits .benefits__all .benefits__all-cont .txt {
  text-align: center;
}
#benefits .benefits__all .benefits__all-cont .txt img {
  width: 71.8%;
}
#benefits .benefits__select {
  margin-top: 8%;
  padding: 8% 5%;
  border-top: 1px solid #765C34;
  border-bottom: 1px solid #765C34;
  background: #fff;
}
#benefits .benefits__select .info {
  margin-bottom: 8%;
  font-size: 4vw;
  text-align: center;
}
#benefits .benefits__select .item {
  position: relative;
  padding: 6% 7.4%;
  border: 5px solid #EBE6DE;
}
#benefits .benefits__select .item .course {
  position: absolute;
  top: -9px;
  left: 3.2%;
  width: 13.4%;
}
#benefits .benefits__select .item .thum {
  margin-bottom: 8%;
}
#benefits .benefits__select .item .txt {
  text-align: center;
  font-size: 4.8vw;
}
#benefits .benefits__select .item .txt .ttl {
  margin-bottom: 4%;
}
#benefits .benefits__select .item .txt .price {
  width: 70%;
}
#benefits .benefits__select .item .txt .attent {
  text-align: right;
  font-size: 0.6em;
}
#benefits .benefits__select .item:nth-child(3) .course {
  right: 3.2%;
  left: auto;
}
#benefits .benefits__select .addicon {
  margin: -3.2% auto;
}
#benefits .addicon {
  width: 8vw;
  margin: 0 auto;
}
#benefits .addicon .icon {
  display: block;
  position: relative;
  z-index: 1;
  padding-top: 100%;
  background: #fff;
  border-radius: 50%;
}
#benefits .addicon .icon_cros:before, #benefits .addicon .icon_cros:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 1px;
  background: #A08B45;
}
#benefits .addicon .icon_cros:before {
  transform: translate(-50%, -50%);
}
#benefits .addicon .icon_cros:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
#benefits .addicon .icon_or {
  color: #fff;
  background: #A37C52;
}
#benefits .addicon .icon_or:before {
  content: "or";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Yu Gothic Pr6N M";
  font-size: 4.8vw;
  line-height: 1;
}

@media screen and (min-width: 769px) {
  #benefits {
    padding: min(90px, 6.5vw) 0;
    margin-bottom: min(120px, 8.8vw);
  }
  #benefits > .common__wrapper {
    margin-bottom: min(90px, 6.5vw);
  }
  #benefits .benefits__all {
    margin-bottom: min(36px, 2.6vw);
  }
  #benefits .benefits__all .benefits__all-ttl {
    height: min(80px, 5.8vw);
    margin-bottom: 2.8%;
    line-height: min(80px, 5.8vw);
    font-size: min(2.5rem, 1.8vw);
  }
  #benefits .benefits__all .benefits__all-cont {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    width: 71.4%;
    margin-bottom: 5%;
  }
  #benefits .benefits__all .benefits__all-cont .thum {
    flex: 0 0 min(310px, 40%);
    width: min(310px, 40%);
    margin-bottom: 0;
  }
  #benefits .benefits__all .benefits__all-cont .txt {
    flex: 0 0 min(336px, 44%);
    width: min(336px, 44%);
  }
  #benefits .benefits__all .benefits__all-cont .txt img {
    width: 100%;
  }
  #benefits .benefits__select {
    margin-top: min(36px, 2.6vw);
    padding: 4.6% 10%;
  }
  #benefits .benefits__select .info {
    margin-bottom: 5%;
    font-size: min(2rem, 1.46vw);
  }
  #benefits .benefits__select .item {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 4.6% 7.2%;
    border-width: 8px;
  }
  #benefits .benefits__select .item .course {
    top: -15px;
    width: min(68px, 8%);
  }
  #benefits .benefits__select .item .thum {
    order: 2;
    flex: 0 0 min(310px, 40%);
    width: min(310px, 40%);
    margin-bottom: 0;
  }
  #benefits .benefits__select .item .txt {
    order: 1;
    flex: 0 0 min(280px, 42%);
    width: min(280px, 42%);
    font-size: min(2rem, 1.46vw);
  }
  #benefits .benefits__select .item .txt .ttl {
    margin-bottom: 4%;
  }
  #benefits .benefits__select .item .txt .price {
    width: 100%;
  }
  #benefits .benefits__select .item:nth-child(1) .txt {
    transform: translateX(25%);
  }
  #benefits .benefits__select .item:nth-child(3) .thum {
    order: 1;
  }
  #benefits .benefits__select .item:nth-child(3) .txt {
    order: 2;
    transform: translateX(-25%);
  }
  #benefits .benefits__select .item:last-child .txt {
    flex: 0 0 min(380px, 52%);
    width: min(380px, 52%);
  }
  #benefits .benefits__select .addicon {
    margin: -1.6% auto;
  }
  #benefits .addicon {
    width: min(50px, 3.6vw);
  }
  #benefits .addicon .icon_or:before {
    font-size: min(2.5rem, 1.8vw);
  }
}
.form__link .common__wrapper {
  max-width: 1280px;
  margin: 0 auto;
}
.form__link .form__link-cont {
  padding: 2.6%;
  text-align: center;
  font-family: "Yu Mincho Pr6N M";
  background: #CECAC4;
}
.form__link .form__link-cont .inner {
  padding: 7.6%;
  border: 1px solid #fff;
}
.form__link .form__link-cont .ttl {
  margin-bottom: 7.6%;
  font-size: 4vw;
  color: #311717;
}
.form__link .form__link-cont .btn {
  display: block;
  position: relative;
  height: 14vw;
  line-height: 14vw;
  text-align: center;
  font-size: 3.46vw;
  color: #fff;
  background: #765C34;
}
.form__link .form__link-cont .btn:before {
  content: "→";
  display: block;
  position: absolute;
  top: 50%;
  right: 4%;
  line-height: 1;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}

@media screen and (min-width: 769px) {
  .form__link .form__link-cont {
    padding: 1%;
  }
  .form__link .form__link-cont .inner {
    padding: 3.4% 5%;
  }
  .form__link .form__link-cont .ttl {
    margin-bottom: 35px;
    font-size: min(2.8rem, 2vw);
  }
  .form__link .form__link-cont .btn {
    max-width: 578px;
    height: min(110px, 8vw);
    margin: 0 auto;
    line-height: min(110px, 8vw);
    font-size: min(2.8rem, 2vw);
  }
  .form__link .form__link-cont .btn:hover:before {
    transform: translate(0%, -50%);
  }
}
#flow .common__wrapper {
  margin-bottom: 9.5vw;
}
#flow .flow_wrap .flow_box {
  position: relative;
  margin-bottom: 27.5px;
  padding: 18.5px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
#flow .flow_wrap .flow_box .flow_left {
  margin-right: 13px;
  flex: 0 1 70px;
  width: 70px;
  max-width: 70px;
}
#flow .flow_wrap .flow_box .flow_right {
  flex: 0 1 calc(100% - 83px);
  width: calc(100% - 83px);
  max-width: calc(100% - 83px);
}
#flow .flow_wrap .flow_box .flow_right .step_num {
  margin-bottom: 11px;
  font-family: "Yu Gothic Pr6N B";
  font-size: 1.2rem;
  line-height: 1;
}
@media (min-width: 768px) {
  #flow .flow_wrap .flow_box .flow_right .step_num {
    font-size: calc(1.2rem + (1vw - 7.68px) * 0.78125);
  }
}
@media (min-width: 1280px) {
  #flow .flow_wrap .flow_box .flow_right .step_num {
    font-size: 1.6rem;
  }
}
#flow .flow_wrap .flow_box .flow_right .step_num span {
  font-size: 1.4rem;
  margin-top: 5px;
  display: block;
}
@media (min-width: 768px) {
  #flow .flow_wrap .flow_box .flow_right .step_num span {
    font-size: calc(1.4rem + (1vw - 7.68px) * 1.5625);
  }
}
@media (min-width: 1280px) {
  #flow .flow_wrap .flow_box .flow_right .step_num span {
    font-size: 2.2rem;
  }
}
#flow .flow_wrap .flow_box .flow_right .step_txt {
  letter-spacing: 1;
  line-height: 1.4em;
}
#flow .flow_wrap .flow_box .flow_arrow {
  position: absolute;
  bottom: -30%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#flow .flow_wrap .flow_box .flow_arrow i {
  margin: 0 auto;
  font-size: 2rem;
}
#flow .flow_wrap .flow_box:nth-last-child(1) {
  margin-bottom: 0;
}

#price .admission_detail {
  margin-bottom: 25px;
}
#price .admission_detail .adm_detail_title {
  margin-bottom: 11px;
  font-size: 1.6rem;
  font-family: "Yu Mincho Pr6N M";
}
#price .admission_detail .adm_detail_title::before {
  content: "";
  display: inline-block;
  margin-right: 7px;
  width: 3px;
  height: 26px;
  background: #A08B45;
  vertical-align: middle;
}
#price .admission_detail .detail_txt {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  #price .admission_detail .detail_txt {
    font-size: calc(1.2rem + (1vw - 7.68px) * 0.390625);
  }
}
@media (min-width: 1280px) {
  #price .admission_detail .detail_txt {
    font-size: 1.4rem;
  }
}
#price .admission_detail:nth-last-child(1) {
  margin-bottom: 45px;
}
#price .price__contents-box {
  text-align: center;
}
#price .price__contents-link {
  display: block;
  padding: 15px 0 15px;
  position: relative;
  background-color: #311717;
  color: #FFF;
  width: 80%;
  margin: 0 auto;
}
#price .price__contents-link span, #price .price__contents-link small {
  display: block;
}
#price .price__contents-link .fa-arrow-right {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  margin: 0;
}

@media screen and (min-width: 769px) {
  #flow .common__wrapper {
    margin-bottom: min(80px, 5.8vw);
  }
  #flow .flow_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #flow .flow_wrap .flow_box {
    box-sizing: border-box;
    margin: 0;
    padding: 50px 21px;
    flex: 0 1 29%;
    width: 29%;
    max-width: 29%;
  }
  #flow .flow_wrap .flow_box .flow_left {
    margin: 0 auto 36px;
    flex: 0 1 150px;
    width: 150px;
    max-width: 150px;
  }
  #flow .flow_wrap .flow_box .flow_left img {
    width: 100%;
    height: auto;
  }
  #flow .flow_wrap .flow_box .flow_right {
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  #flow .flow_wrap .flow_box .flow_right .step_num {
    margin-bottom: 18px;
  }
  #flow .flow_wrap .flow_box .flow_right .step_num b {
    display: none;
  }
  #flow .flow_wrap .flow_box .flow_right .step_num span {
    margin-top: 10px;
    line-height: 1.5;
  }
  #flow .flow_wrap .flow_box .flow_right .step_txt {
    letter-spacing: 1;
    line-height: 1.4em;
  }
  #flow .flow_wrap .flow_box .flow_arrow {
    bottom: 50%;
    left: 113%;
    transform: translateX(-50%);
  }
  #flow .flow_wrap .flow_box .flow_arrow i {
    font-size: clamp(1.8rem, 2.08vw, 4rem);
  }
  #flow .flow_wrap .flow_box:nth-child(2) .flow_right .step_txt {
    text-align: left;
  }
  #price .admission_detail {
    margin-bottom: 48px;
  }
  #price .admission_detail .adm_detail_title {
    margin-bottom: 5px;
  }
  #price .admission_detail:nth-last-child(1) {
    margin-bottom: min(120px, 8.8vw);
  }
  #price .price__contents-box {
    text-align: center;
  }
  #price .price__contents-box .price__contents-link {
    display: inline-block;
    width: auto;
    padding: 15px 60px 15px 20px;
    position: relative;
    background-color: #311717;
    color: #FFF;
    margin: 0 auto;
  }
  #price .price__contents-box .price__contents-link span, #price .price__contents-box .price__contents-link small {
    display: block;
  }
  #price .price__contents-box .price__contents-link .fa-arrow-right {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    margin: 0;
  }
}
/*# sourceMappingURL=style.css.map */