:root{
  --font-base: 15px;
}


body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, figure{
  font-weight: 400;
}

.drawer-menu ul.language_list li.en{
  opacity: 0.3;
}

.drawer-menu ul.language_list li.jp{
  opacity: 1;
}

.drawer-menu ul.nav_list li a{
  display: inline-block;
}

.drawer-menu ul.nav_list li::after {
    content: "";
    width: 12px;
    height: 12px;
    background-size: cover;
    background-position: center;
    background-image: url(../img/map/map_icon_yajirushi.svg);
    display: inline-block;
    margin-left: 9px;
    margin-bottom: 1px;
    opacity: 0.6;
}

.intro .bg_subimg .txt_area button{
  width: calc(326/358*100%);
} 

.sec01 .wrapper h2 img.show_sp{
  display: none;
}


.sec01 .wrapper h2 img{
  width: calc(506/1100*100%);
  max-width: 506px;
}

.sec01 .wrapper ul{
  width: calc(590/1100*100%);
}

.sec01 .wrapper ul li{
  width: calc(280/590*100%);
}

.sec02 .inner h2 img{
  width: calc(253/566*100%);
  max-width: 253px;
}

.map_area .pickup_info ul li .wrapper .txt_area{
  padding: 8px 20px 8px 30px;  
}

.map_area .pickup_info ul li .wrapper .txt_area p.txt_s{
  font-size: 12px;
}

.map_area .pickup_info ul li .wrapper .txt_area p.txt_l{
    font-size: 13px;
    letter-spacing: -0.017em;  
    font-weight: 500;
    line-height: 18px;
}

.map_area .main_map img.icon.chara.icon_a{
      right: 88px;
    bottom: 298px;
}

.map_area .main_map img.icon.chara.icon_b{
    right: 186px;
    bottom: 335px;  
}

.map_area .main_map img.icon.chara.icon_c{
left: 191px;
    top: 220px;
}

.map_area .main_map img.icon.chara.icon_d{
    right: 283px;
    top: 100px;  
}

.map_area .main_map img.icon.chara.icon_e{
    right: 117px;
    top: 136px;  
}


.sec02 .itinerary_area h3 img, .sec03 .itinerary_area h3 img{
    width: calc(147 / 1100 * 100%);
    max-width: 147px;
}

.sec02 .itinerary_area ul li img{
  height: auto;
}

.sec02 .itinerary_area ul li:nth-child(1) h4 img{
  width: calc(192/500*100%);
}

.sec02 .itinerary_area ul li:nth-child(2) h4 img{
  width: calc(183/500*100%);
}

.sec02 .itinerary_area ul li:nth-child(3) h4 img{
  width: calc(139/500*100%);
}

.sec02 .itinerary_area ul li:nth-child(4) h4 img{
  width: calc(262/500*100%);
}

.sec02 .itinerary_area ul li:nth-child(5) h4 img{
  width: calc(187/500*100%);
}

.sec02 .itinerary_area ul li:nth-child(6) h4 img{
  width: calc(227/500*100%);
}




.sec03 .inner h2 img{
  width: calc(311/566*100%);
  max-width: 311px;
}




.sec03 .itinerary_area ul li img{
  height: auto;
}



.sec03 .itinerary_area ul li:nth-child(1) h4 img{
  width: calc(204/500*100%);
}

.sec03 .itinerary_area ul li:nth-child(2) h4 img{
  width: calc(232/500*100%);
}

.sec03 .itinerary_area ul li:nth-child(3) h4 img{
  width: calc(150/500*100%);
}

.sec03 .itinerary_area ul li:nth-child(4) h4 img{
  width: calc(202/500*100%);
}

.sec03 .itinerary_area ul li:nth-child(5) h4 img{
  width: calc(128/500*100%);
}

.sec03 .itinerary_area ul li:nth-child(6) h4 img{
  width: calc(295/500*100%);
}

.sec04 .wrapper .upper p{
  line-height: 28px;
}

.sec05 .wrapper .info_area .perchase ul li span{
  color: var(--text-caption);
}

.sec05 .wrapper .info_area .sub_info h5{
  font-weight: 700;
}

.sec06 .info_area .table_ttl_area p.area{
  font-weight: 700;
}

.faq-question{
  font-weight: 400;
}

@media screen and (max-width: 769px){
  .drawer-menu{
    padding: 80px 25px;
  }


  .intro .bg_subimg .txt_area button{
    width: 100%;
    max-width: unset;
  }

  .sec01 .wrapper h2 img.show_pc{
    display: none;
  }

  .sec01 .wrapper h2 img{
    width: calc(585/750*100%);
    height: auto;
  }

  .sec01 .wrapper h3 img{
    margin-bottom: 80px;
  }

  .sec01 .wrapper p{
    margin-top: 30px;
  }

  .sec01 .wrapper ul{
    width: calc(700/750*100%);
  }

  .sec02 .inner h2 img{
    width: calc(388/600*100%);
    height: auto;
  }

  .map_area .main_map img.icon.chara.icon_a{
        right: calc(34 / 750 * 100%);
        bottom: calc(330 / 968 * 100%);
  }

  .map_area .main_map img.icon.chara.icon_b{
        right: calc(175 / 750 * 100%);
        bottom: calc(385 / 968 * 100%);
      }

  .map_area .main_map img.icon.chara.icon_c{
            left: calc(220 / 750 * 100%);
        top: calc(289 / 968 * 100%);
  }

  .map_area .main_map img.icon.chara.icon_d{
           right: unset;
        left: calc(372 / 750 * 100%);
        top: calc(122 / 968 * 100%); 
  }

  .map_area .main_map img.icon.chara.icon_e{
    right: calc(86 / 750 * 100%);
        top: calc(141 / 968 * 100%);
  }


  .sec02 .itinerary_area h3 img, .sec03 .itinerary_area h3 img{
    width: 112px;
  }

  .sec02 .itinerary_area p.lead, .sec03 .itinerary_area p.lead{
    font-size: 11px;
  }

  .sec02 .itinerary_area ul li h4 img, .sec03 .itinerary_area ul li h4 img{
    height: auto;
  }

.sec02 .itinerary_area ul li:nth-child(1) h4 img{
  width: calc(406/600*100%);
}

.sec02 .itinerary_area ul li:nth-child(2) h4 img{
  width: calc(385/600*100%);
}

.sec02 .itinerary_area ul li:nth-child(3) h4 img{
  width: calc(293/600*100%);
}

.sec02 .itinerary_area ul li:nth-child(4) h4 img{
  width: calc(553/600*100%);
}

.sec02 .itinerary_area ul li:nth-child(5) h4 img{
  width: calc(395/600*100%);
}

.sec02 .itinerary_area ul li:nth-child(6) h4 img{
  width: calc(479/600*100%);
}

.sec03 .inner h2 img{
    width: calc(476 / 600 * 100%);
    max-width: 476px;  
}

.sec03 .itinerary_area ul li:nth-child(1) h4 img{
  width: calc(432/600*100%);
}

.sec03 .itinerary_area ul li:nth-child(2) h4 img{
  width: calc(491/600*100%);
}  

.sec03 .itinerary_area ul li:nth-child(3) h4 img{
  width: calc(317/600*100%);
}

.sec03 .itinerary_area ul li:nth-child(4) h4 img{
  width: calc(428/600*100%);
}

.sec03 .itinerary_area ul li:nth-child(5) h4 img{
  width: calc(270/600*100%);
}

.sec03 .itinerary_area ul li:nth-child(6) h4 img{
  width: calc(598/600*100%);
}

.timetable tr.first th, .timetable tr.first td{
  font-size: 14px;
}

.more-btn img{
  width: 75px;
}


}