<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*
===============================================================================
template　reset
===============================================================================
*/
.contentsInr {
    /*width: 950px;*/
    width:100%;
    min-height: 200px;
    margin-top:0;
}
.contBlock.gcampaign,
.contBlock.jmb_info,
.contBlock.phone_info{
  width:950px;
  margin:0 auto;
}

.ttlLv1 {
    border-bottom:3px solid #dcdcdc;
}
.ttlLv1:after {
    content: "";
    display: block;
    width: 37.5%;
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0;
    background-color: #c41419;
}

/*
===============================================================================
contents
===============================================================================
*/
/*----------------------------------------
main
----------------------------------------*/
.main_img{
  display:block;
  width:100%;
  height: 590px;
  position: relative;
  overflow: hidden;
}
.main_img img{
  height: 590px;
  width:auto;
  position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
/*----------------------------------------
caption
----------------------------------------*/
#micro .caption{
  background-color: #e9f7ff;
  text-align: center;
  padding:30px 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 170%;
}
#micro .caption_check{
  color:#cc0000;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  line-height: 170%;
  width: 990px;
  margin:65px auto 0;
  border: #cc0000 solid 2px;
  padding:30px 0;
}
/*----------------------------------------
confirmation
----------------------------------------*/
#micro .confirmation h2 {
    padding-bottom: 20px;
    border-bottom: 4px solid #cc0000;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}
#micro .confirmation{width:950px;margin:65px auto 0;padding:18px;border:2px solid #cc0000}
#micro .confirmation h2 span{color:#cc0000;font-size:20px}
#micro .confirmation .pdf{margin-top:14px}
#micro .confirmation .text{margin-top:17px;font-size:14px}
/* #micro .confirmation .agree_check{display:table;margin-top:30px;cursor:pointer;} */
#micro .confirmation .red{color:#cc0000;}
.bold{font-weight:bold;}
.mgl13 {margin-left: 13px;}
.confirmation .txtList li .txtBk{
  color: #333;
}
.confirmation .txtList li .ico_note li{
  padding-left: 2em;
  text-indent: -1em;
}
/*----------------------------------------
micro_map
----------------------------------------*/
.micro_map{
  margin-top:65px;
}
.micro_map .tit{
  display:table;
  margin:0 auto 20px;
  padding:0 80px;
  font-size:28px;
  font-weight: bold;
  color: #004998;
  position: relative;
}
.micro_map .tit::before,
.micro_map .tit::after{
  content: "";
  display:block;
  width:60px;
  height:3px;
  background-color: #004998;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.micro_map .tit::before{left: 0%;}
.micro_map .tit::after{right: 0%;}
.micro_map .area{
  background:url(../img/bg_map.jpg) no-repeat center bottom;
  background-size: cover;
}
.micro_map .area .in{
  display:block;
  width:950px;
  margin:0 auto;
  position: relative;
}


/*マッピング*/

.micro_map .area .in ul li {
  display:block;
  width:100px;
  height: 40px;
  position: absolute;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.micro_map .area .in ul li a {
  display: block;
  width:100%;
  height: 100%;
}
.micro_map .area .in ul .hokkaido{top:62px;right:324px;}
.micro_map .area .in ul .hakkoda{top:231px;right:7px;width:165px;}
.micro_map .area .in ul .yamanaka{top:240px;right:312px;width:225px}
.micro_map .area .in ul .hakone{top:464px;right:95px;}
.micro_map .area .in ul .shirahama{top:534px;right:270px;}
.micro_map .area .in ul .tamadukuri{top:321px;right:528px;}
.micro_map .area .in ul .dogo{top:398px;right:683px;}
.micro_map .area .in ul .yufuin{top:530px;left:55px;}
.micro_map .area .in ul .honto{top:716px;left:249px;width:132px;}
.micro_map .area .in ul .chiba{
  top:394px;right:89px;width:110px;height: 48px;
}
.micro_map .area .in ul .kanagawa{
  top:461px;right:62px;width:137px;height: 48px;
}
/*----------------------------------------
同意ボタン
----------------------------------------*/
/*非同意*/
.micro_map .area .in .disable::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
}

.micro_map .area .in .disable a{
  display:none;
}
/*同意*/
.micro_map .area .in .disable.agree::after{
  display:none;
}
.micro_map .area .in .disable.agree a{
  display:block !important;
  height: 100%;
  width: 100%;
}


/*----------------------------------------
.modal
----------------------------------------*/
.modal{
      display: none;
      height: 100vh;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 999;
    }
    .modal__bg{
      background: rgba(0,0,0,0.8);
      height: 100vh;
      position: absolute;
      width: 100%;
    }
    .modal__content{
      background: #000;
      left: 50%;
      width: 320px;
      padding:20px;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      position: relative;
    }
    #hokkaido .modal__content{background-color:#47a600;}
    #hakkoda .modal__content{background-color:#d53624;}
    #yamanaka .modal__content{background-color:#722F10;}
    #hakone .modal__content{background-color:#992b8b;}
    #shirahama .modal__content{background-color:#f06c00;}
    #tamadukuri .modal__content{background-color:#009bdf;}
    #dogo .modal__content{background-color:#b78928;}
    #yufuin .modal__content{background-color:#e7197b;}
    #honto .modal__content{background-color:#002b82;}

      .modal__content em{
        position: absolute;
        top: 0;
        left:0;
      }
      .modal__content figure{
        display:block;
        width:320px;
      }
      .modal__content figure img{
        display:block;
        width:100%;
        height: auto;
      }
    .modal__content .modal__inner{
      display:block;
      width:300px;
      line-height: 150%;
      padding:15px 10px;
      background-color: #fff;
    }
    .modal__content .link_btn{
      display:table;
      width:80%;
      margin: 10px auto 0;
    }
    .modal__content .link_btn a{
      display:block;
      background-color: #cc0000;
      color: #fff;
      text-align:center;
      padding:10px 20px;
      position: relative;
    }
     .modal__content .link_btn a::before{
      content: "";
      display:inline-block;
      width:11px;
      height: 11px;
      background:url(../img/icon_footer_other.gif) no-repeat center center;
      background-size: 100% auto;
      margin-right:8px;
     }
    .modal__content .js-modal-close{
      display:table;
      width:auto;
      margin:15px auto 0;
      border:#fff solid 1px;
      color: #fff;
      padding:5px 15px;
      border-radius:10px;
        cursor:pointer;
        position: relative;
    }
    .modal__content .js-modal-close::before{
      content: "";
      display:inline-block;
      width:11px;
      height: 11px;
      background:url(../img/close.png) no-repeat center center;
      background-size: 100% auto;
      margin-right: 5px;
    }
</pre></body></html>