@charset "utf-8";
.main{
  background-color: #fffbf5;
  padding:140px 0;
}
h2{
  font-size:30px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
  margin-bottom: 65px;
}
h2 .jp{
  display:block;
  font-size:19px;
  color:#9c7e48;
  font-family: "Cormorant Infant", serif;
  margin-top:22px;
}
.map_wrap{
  width:95%;
  max-width: 1000px;
  margin:0 auto;
}
.map_wrap .img{
  width:100%;
  margin-bottom:20px;
}
.lim_induction_wrap{
  width:95%;
  max-width: 1000px;
  margin:101px auto 0;
  text-align: center;
}
.lim_induction_wrap .txt{
  font-size:35px;
  line-height: 1.429;
  margin-bottom:22px;
}
.lim_induction_wrap .txt .small_chara{
  font-size: 25px;
}
.lim_induction_wrap .txt_sub{
  display: inline-block;
  margin-left: 20px;
  font-size:35px;
}
.btn_wrap{
  display:flex;
  justify-content: center;
  gap:2%;
}
.btn_wrap .btn{
  width:49%;
  height:80px;
}
.btn_wrap .btn a{
  display: block;
  text-align: center;
  font-size:17px;
  line-height: 80px;
  color:#fff;
  background-color:#bbaf9f;
  position: relative;
}
.btn_wrap .btn a:hover{
  opacity: .7;
  transition-duration: .5s;
}
.btn_wrap .btn.res a{
  background: linear-gradient(to right,  #8c3f3f 0%,#7c2121 100%);
}
.btn_wrap .btn.ent a{
  background: linear-gradient(to right, #81715c, #463b2d);
}
.btn_wrap .btn.lim a{
  background: linear-gradient(to right, #c4b585, #917a59);
}
.btn_wrap .btn.res a::after,
.btn_wrap .btn.ent a::after,
.btn_wrap .btn.lim a::after{
  content:'';
  display:inline-block;
  position: absolute;
  top:50%;
  right:3.878%;
  transform: translate(0,-50%);
  width:28px;
  height:8px;
  background: url(../images/map/arrow_r.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.templateInner {
  width:95%;
  max-width: 1000px;
}

@media(min-width: 769px) {
  .map_wrap{
    margin-bottom: 104px;
  }
  .templateInner {
    padding-inline: 0;
  }
}
@media(min-width: 1280px) {
}

@media(max-width: 768px) {
  .main{
    padding: calc( 187 / var(--media_sp) * 100vw) 0 calc( 140 / var(--media_sp) * 100vw);
  }
  h2{
    font-size: calc( 42 / var(--media_sp) * 100vw);
    margin-bottom: calc( 46 / var(--media_sp) * 100vw);
  }
  h2 .jp{
    font-size: calc( 24 / var(--media_sp) * 100vw);
    margin-top: calc( 20 / var(--media_sp) * 100vw);
  }
  .map_wrap{
    width:89.333%;
    max-width: inherit;
    margin-bottom: calc( 80 / var(--media_sp) * 100vw);
  }
  .map_wrap .img{
    margin-bottom: calc( 20 / var(--media_sp) * 100vw);
  }
  .lim_induction_wrap{
    width:89.333%;
    max-width: inherit;
    margin: calc( 100 / var(--media_sp) * 100vw) auto 0;
  }
  .lim_induction_wrap .txt{
    font-size: calc( 42 / var(--media_sp) * 100vw);
    line-height: 1.533;
    margin-bottom: calc( 30 / var(--media_sp) * 100vw);
  }
  .lim_induction_wrap .txt .small_chara{
    font-size: calc( 28 / var(--media_sp) * 100vw);
  }
  .lim_induction_wrap .txt_sub{
    margin-left: calc( 20 / var(--media_sp) * 100vw);
    font-size: calc( 42 / var(--media_sp) * 100vw);
    line-height: 1.533;
  }
  .btn_wrap{
    gap:2.985%;
  }
  .btn_wrap .btn{
    width:48.5075%;
    height: calc( 100 / var(--media_sp) * 100vw);
  }
  .btn_wrap .btn a{
    font-size: calc( 26 / var(--media_sp) * 100vw);
    line-height: calc( 100 / var(--media_sp) * 100vw);
  }
  .lim_induction_wrap .btn_wrap{
    display: block;
  }
  .lim_induction_wrap .btn_wrap .btn{
    width:100%;
  }
  .lim_induction_wrap .btn_wrap .btn:nth-child(n+2){
    margin-top: calc( 10 / var(--media_sp) * 100vw);
  }
  .btn_wrap .btn.res a::after,
  .btn_wrap .btn.ent a::after,
  .btn_wrap .btn.lim a::after{
    right:2.985%;
    width: calc( 28 / var(--media_sp) * 100vw);
    height: calc( 8 / var(--media_sp) * 100vw);
  }
  .templateInner {
    width:89.333%;
    max-width: inherit;
    padding-inline: 0;
  }
}

.msmap_wrap{
  position: relative;
  background-color: #f2ece5;
}
.msmap_inner{
  margin:0 auto;
}
.ms_info_title{
  position: relative;
  border-top: solid 2px #9c7e48;
  border-bottom: solid 2px #9c7e48;
  color: #9c7e48;
  text-align: center;
}
.ms_info_title::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-top: solid 1px #9c7e48;
  border-bottom: solid 1px #9c7e48;
  width: 100%;
}
.ms_info_txt strong{
  display: inline-block;
  background-color: #9c7e48;
  width: 100%;
  font-weight: 500;
  color: #fff;
  line-height: 1;
}
.ms_notes{
  background-color: #832836;
  color: #fff;
  text-align: center;
}
@media(min-width: 769px) {
  .msmap_wrap{
    padding: 120px 0;
  }
  .msmap_inner{
    display: flex;
    justify-content: space-between;
    width:95%;
    max-width: 1000px;
  }
  .ms_img{
    width:36.8%;
  }
  .ms_info{
    width:59.4%;
  }
  .ms_info_title{
    padding: 24px 0;
    margin-bottom: 32px;
    font-size: 30px;
    line-height: calc(46/30);
  }
  .ms_info_title::after{
    height: calc(100% - 6px);
    margin: 3px 0;
  }
  .ms_info_txt{
    font-size: 21px;
    line-height: calc(36/21);
  }
  .ms_info_txt + .ms_info_txt{
    margin-top: 32px;
  }
  .ms_info_txt strong{
    padding: 14px 20px;
    margin-bottom: 14px;
    font-size: 21px;
  }
  .ms_notes{
    padding: 26px 0;
    margin-top: 32px;
    font-size: 23px;
    letter-spacing: 0;
    line-height: calc(34/23);
  }
}
@media(max-width: 768px) {
  .msmap_wrap{
    padding: calc( 80 / var(--media_sp) * 100vw) 0;
  }
  .msmap_inner{
    width:89.333%;
  }
  .ms_img{
    width:100%;
  }
  .ms_info{
    width:100%;
  }
  .ms_info_title{
    border-width: 1px;
    padding: calc( 25 / var(--media_sp) * 100vw) 0;
    margin-bottom: calc( 30 / var(--media_sp) * 100vw);
    font-size: calc( 44 / var(--media_sp) * 100vw);
    line-height: calc(29/22);
  }
  .ms_info_title::after{
    border-color: rgba(156,126,72,.5);
    height: calc(100% - 4px);
    margin: 2px 0;
  }
  .ms_info_txt{
    font-size: calc( 30 / var(--media_sp) * 100vw);
    line-height: calc(20/15);
    letter-spacing: 0;
  }
  .ms_info_txt + .ms_info_txt{
    margin-top: calc( 30 / var(--media_sp) * 100vw);
  }
  .ms_info_txt strong{
    padding: calc( 14 / var(--media_sp) * 100vw) calc( 20 / var(--media_sp) * 100vw);
    margin-bottom: calc( 16 / var(--media_sp) * 100vw);
    font-size: calc( 28 / var(--media_sp) * 100vw);
  }
  .ms_notes{
    padding: calc( 22 / var(--media_sp) * 100vw) 0;
    margin-top: calc( 30 / var(--media_sp) * 100vw);
    margin-bottom: calc( 50 / var(--media_sp) * 100vw);
    font-size: calc( 28 / var(--media_sp) * 100vw);
    line-height: calc(22/14);
  }
}