@charset "utf-8";

main{
  font-family: var(--font-noto_sans);
}
.mv__title  b{
  font-size: 122%;
}
.main_visual{
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 min-width: 1236px;
 background: url(../images/bg-mv.jpg) no-repeat center top / 100%;
 padding-top: calc( 730 / 1920 * 100% );
}
.mvTitle-container{
 position: absolute;
 top: calc( 70 / 1920 * 100vw );
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 width: 100%;
 text-align: center;
}
.mv__title{
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 margin-top: calc( 70 / 1920 * 100vw );
 color: #ffffff;
 font-size: calc( 38 / 1920 * 100vw );
 font-family: 'Zen Kaku Gothic New', sans-serif;
}
.mv__title span{
 display: block;
 line-height: 1;
 text-shadow: 3px 3px #05354e;
}
.mv__title .first_line{
 font-weight: 700;
}
.mv__title .second_line{
 font-size: 642.1052%;
 font-weight: 900;
 text-indent: 0.1em;
 letter-spacing: -0.02em;
}
.mv__title .third_line{
 display: flex;
 align-items: end;
 justify-content: end;
 margin-top: calc( 40 / 1920 * 100vw );
 font-size: 231.5789%;
 font-weight: 700;
}
.mv__title .third_line span{
 display: inline;
 font-size: 43.1818%;
 writing-mode: vertical-rl;
}
.mvTitle-container .image-logo{
 width: calc( 358 / 1920 * 100vw );
 max-width: 358px;
 min-width: 225px;
}
@media (max-width: 1236px){
  .main_visual{
    padding-top: 470px;
  }
 .mv__title{
  margin-top: 45px;
  font-size: 2.4rem;
 }
 .mvTitle-container{
   top: 45px;
 }
 .mv__title .third_line{
  margin-top: 25px;
 }
}
@media (max-width: 768px){
  .main_visual{
    min-width: 100%;
    background: url(../images/bg-mv-sp.jpg) no-repeat center top / 100%;
    padding-top: calc( 564 / 750 * 100% );
  }
  .mvTitle-container{
    top: calc( 45 / 750 * 100vw );
  }
  .mv__title{
    margin-top: calc( 45 / 750 * 100vw );
    font-size: calc( 30 / 750 * 100vw );
  }
  .mv__title .third_line {
    margin-top: calc( 25 / 750 * 100vw );
  }
}

/* introduction */
.introduction{
 /* padding-top: 60px;
 padding-bottom: 35px; */
 background: #fff6dd url(../images/bg-introduction.jpg) no-repeat left top / 100%;
 /* font-family: var(--font-noto_serif); */
}
@media (min-width: 769px){
  .introduction__lead{
    text-align: center;
  }
}
@media (max-width: 768px){
  .introduction{
    background: #fff6dd url(../images/bg-introduction-sp.png) no-repeat left top -10vw / 100%;
  }
  .introduction__catch {
    font-size: calc( 47 / 750 * 100vw );
  }
}

.brochure_claim-container{
  form{
    flex: 1;
  }
}
a.button-primary {
 background: #e23c52;
 color: #ffffff;
}
.button-brochure_claim.-submit{
  width: 100%;
 background-color: #4b9a05;
}
.button-brochure_claim.-submit [type="submit"], 
.button-brochure_claim.-submit[type="submit"]{
 color: #ffffff;
}
.button-brochure_claim{
   span{
    position: relative;
    left: -5px;
  }
}
.button-brochure_claim.-submit::after{
  background: #d1edf6;
  right: 10px;
}
@media (min-width: 769px) and (max-width: 1536px){
  .button-brochure_claim{
    span{
      position: relative;
      left: -10px;
    }
  }
}
@media (min-width: 769px){
  .link-block{
    width: 80%;
    min-width: 1256px;
    padding-inline: 10px;
    margin-inline: auto;
  }
  .button-primary {
    font-size: 2rem;
  }
  .button-brochure_claim.-submit [type="submit"], 
  .button-brochure_claim.-submit[type="submit"]{
    font-size: 2rem;
  }
 .button-primary:hover {
  color: #e23c52;
 }
 .button-primary:hover::before, .button-primary:hover::after {
  border-color: #e23c52;
 }
 .button-brochure_claim.-submit:hover{
  border-color: #4b9a05;
 }
 .button-brochure_claim.-submit:hover [type="submit"],
 .button-brochure_claim.-submit[type="submit"]:hover{
  color: #4b9a05;
 }
 .button-primary span{
  letter-spacing: -0.03em;
  top: -1px;
 }
}
@media (max-width: 768px){
  .link-block{
    width: 94%;
    margin-inline: auto;
  }
  .button-brochure_claim.-submit::after{
    right: 2vw;
  }
  .button-brochure_claim.-submit[type="submit"]{
    font-size: 1.6rem;
  }
}

.anchor_nav{
 background-color: #008acb;
}
.anchor_nav__item a::after{
 background-color: #d1edf6;
}
@media (min-width: 769px){
  .anchor_nav__list{
    padding: 0 200px;
   }
   .anchor_nav__item{
    font-size: 2.0rem;
   }
 .anchor_nav__item a:hover {
  background-color: #ffffff;
  color: #008acb;
 }
}

@media (max-width: 768px){
  .ul-block__item dt{
    width: 100%;
  }
}


.point b{
  color: #e5527f;
}
.point .text_link-container {
  margin-top: 10px;
  text-align: left;
}
@media (min-width: 769px){
  .point {
    background-image: url(../images/bg-point-left.png), url(../images/bg-point-right.png), url(../images/bg-point.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left top, right top, left top;
    background-size: auto, auto, cover;
  }
}
@media (max-width: 768px){
  .point {
    background-color: #fcf5d9;
    background-image: url(../images/bg-point-top-sp.jpg), url(../images/bg-point-bottom-sp.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, left bottom;
    background-size: 100%, 100%;
  }
  .point__label{
    position: relative;
    left: calc( 27 / 750 * 100vw );
    width: calc( 279 / 750 * 100vw );
  }
  .ol-block__heading{
    text-align: center;
  }
}

.section__heading .en{
  color: #00a0e8;
}
.section__heading::before, .section__heading::after{
  width: 170px;
  background-image: url(../images/bg-section_heading.png);
}


.tour_introduction__heading{
  font-family: var(--font-noto_serif);
}
.tour_introduction__item::before{
  background-image: url(../images/image-list_mark.png);
}
@media (max-width: 768px){
  .tour_introduction{
    padding-bottom: 50px;
  }
  .tour_introduction__item::before {
    width: calc( 40 / 750 * 100vw );
    height: calc( 40 / 750 * 100vw );
    top: 1vw;
    background-size: calc( 34 / 750 * 100vw );
  }
  .tour_introduction__item dl{
    display: block;
  }
}


.other_information .section__heading{
  color: #ffffff;
}
.other_information .section__heading .en{
  color: #ffe169;
}
.other_information .section__heading::before, .other_information .section__heading::after{
  width: 170px;
  background-image: url(../images/bg-other_info_heading.png);
}
.other_information__item{
  background-color: #ffffff;
  border-radius: 30px 30px 0 0;
}
.other_information__item .ol-block__heading{
  justify-content: flex-start;
  height: 60px;
  background: url(../images/bg-other_information_item_heading.png);
  color: #ffffff;
  text-align: left;
}
.other_information__item:first-of-type span:not(.label){
  font-size: 89%;
}
/* .other_information__item .ol-block__heading span:not(.other_information__label){
  color: #fff33f;
} */
.other_information__item .other_information__label{
  width: 65px;
  margin-right: 35px;
  color: #000000;
  font-family: var(--font-noto_sans);
  text-align: center;
  font-weight: 800;
}
.other_information__item .text-container{
  padding: 0 30px 30px;
}
.other_information__item .add_information{
  margin-top: 20px;
  margin-bottom: 25px;
  /* font-size: 81.8181%; */
  letter-spacing: -0.03em;
}
.other_information .text-container b{
  color: #ed2f2f;
}
.label-pink span{
  padding: 1px 8px 3px;
  background-color: #e5527f;
  color: #ffffff;
}
.T-un_date{
  display: none;
}
@media (min-width: 769px){
  .other_information {
    position: relative;
    background-color: #3db8f2;
    background-image: url(../images/bg-other_information-left-top.jpg), url(../images/bg-other_information-right-top.jpg), url(../images/bg-other_information-left-bottom.jpg);
    background-repeat: no-repeat;
    background-position: left top, right top, left bottom;
    background-size: auto, auto, auto;
  }
  .other_information::before {
    content: "";
    background: url(../images/bg-other_information-parts-left.png) no-repeat left top /auto;
    position: absolute;
    left: 0;
    top: -35px;
    width: 300px;
    height: 300px;
  }
  .other_information::after {
    content: "";
    background: url(../images/bg-other_information-parts-right.png) no-repeat right bottom /auto;
    position: absolute;
    right: 0;
    bottom: -55px;
    width: 300px;
    height: 300px;
  }
  .other_information__item .text-container p{
    font-size: 122.2222%;
  }
  .other_information__item .add_information{
    white-space: nowrap;
  }
}
@media (min-width: 769px) and (max-width: 1445px){
  .other_information::after {
    bottom: -120px;
  }
}
@media (max-width: 768px){
  .other_information {
    background-color: #3db8f2;
    background-image: url(../images/bg-other_information-top-sp.jpg), url(../images/bg-other_information-bottom-sp.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, left bottom;
    background-size: 100%, 100%;
  }
  .other_information__item .ol-block__heading{
    flex-direction: row;
    height: calc( 138 / 750 * 100vw );
    background-image: url(../images/bg-other_information_item_heading-sp.png);
    background-size: cover;
    font-size: calc( 40 / 750 * 100vw );
  }
  .other_information__item .text-container{
    padding: 0 20px 20px;
  }
  .other_information__item .other_information__label{
    width: calc( 140 / 750 * 100vw );
    margin-right: 3vw;
    margin-bottom: 0;
    font-size: calc( 75 / 750 * 100vw );
  }
  .label-pink{
    display: block;
    margin-bottom: 10px;
  }
}

.button.tour{
  max-width: 980px;
  background-image: linear-gradient(90deg, #00316c, #2f5787 50%, #00316c);
  border-color: #ffffff;
  color: #ffffff;
}
.button.company{
  background-image: linear-gradient(90deg, #e4521f, #e55725 50%, #e4521f);
  border-color: #ffffff;
  color: #ffffff;
}
@media (min-width: 769px){
  .button.tour:hover {
    color: #00316c;
  }
  .button.tour:hover::before, .button.tour:hover::after {
    border-color: #00316c;
  }
  .button.company:hover {
    color: #e4521f;
  }
  .button.company:hover::before, button.company:hover::after{
    border-color: #e4521f;
  }
}
@media (max-width: 768px){
  .button.tour{
    height: 80px;
    border-radius: 40px;
  }
  .button.tour::before {
    height: calc( 80px - 8px );
    border-radius: 40px
  }
}
.js-pagetop{
  background: #008acb;
}
