.mv{
  position: relative;
  text-align: center;

}
.mv_content{
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 6.5vw;
  bottom: 0;
  margin: auto;
}
.mv_logo{
  width: 285px;
  margin: auto;
}
.mv .heading{
  font-weight: normal;
  color: #fff;
  line-height: 1.85;
  font-size: 32px;
  margin: .5em 0 0px;
}
.slide-content{
  margin: 50px auto 0;
  width: 90%;
  max-width: 1020px;
}
.content{
  width: 90%;
  max-width: 1020px;
  margin: auto;
  padding: 90px 0 0;
}
.content-heading{
  font-weight: normal;
  text-align: center;
  border-top:1px solid #cfcbaf;
  border-bottom:1px solid #cfcbaf;
  padding: 15px 0;
  margin: 0 0 30px;
}
.content li{
  margin-bottom: 15px;
}
.buttn-group{
  width: 90%;
  max-width: 1020px;
  margin: auto;
}
.buttn-group .list{
  display: flex;
  flex-wrap: wrap;
  margin: 60px 0 0;
}
.buttn-group .item{
  width: 48.5%;
  margin:0 0 23px;
}
.buttn-group .item:nth-child(odd){
  margin-right: 3%;
}
.cta{
  padding: 60px 0;
}
.special_button{
  max-width: 530px;
  width: 90%;
  margin: auto;
}
.special .btn-box{
  display: flex;
  justify-content: center;
}
.special .reserve-btn,
.special .request-btn {
  margin: 1em auto 0;
  width: 100%;
  background: rgb(250, 180, 153);
  background: linear-gradient(90deg, rgb(250, 180, 153) 0%, rgb(255, 228, 217) 100%);
  position: relative;
  border: 1px solid #43302B;
  width: 250px;
}

.special .btn-box a span{
  position: relative;
  left: -10px;
}
.special .reserve-btn a,
.special .request-btn a {
  padding: 1.1em 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #43302B;
  font-size: 16px;
}
.special .reserve-btn a img,
.special .request-btn a img {
  margin: 0;
  width: auto;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-20px, -50%);
}

.special .request-btn {
  background: rgb(248, 207, 141);
  background: linear-gradient(90deg, rgb(248, 207, 141) 0%, rgb(255, 241, 217) 100%);
}
.is-pc{
  display: block;
}
.is-sp{
  display: none;
}
.page_note{
  padding-left: 0;
  position: relative;
  left: -10px;
}

@media screen and (max-width: 1020px) {
  .mv_logo {
    width: 215px;
    margin: auto;
}
  .mv .heading {
    font-size: 26px;
    margin: .5em 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .is-pc{
    display: none;
  }  
  .is-sp{
    display: block;
  }
  .mv{
    margin-bottom: 30px;
  }
.mv_logo {
    width: 100px;
}
.mv .heading {
  font-weight: normal;
  color: #fff;
  line-height: 1.5;
  font-size: 14px;
  margin: .5em 0;
}
.mv_content {
  top: 2.5vw;

}
.content{
  padding: 40px 0 0;
}        
.content-heading{
  margin: 0 auto 15px;
  padding: 10px 0;
  font-size: 1.2em;

}
.content .item {
  margin: 0 auto 5px;
  width: 100%;
}
.buttn-group .list {
  margin: 20px 0 0;
}
.buttn-group .item {
  margin: 0 0 6px;
}
.cta {
  padding: 30px 0;
}
  .special .btn-box{
    flex-wrap: wrap;
  }
  .special .reserve-btn,
  .special .request-btn {
    margin: 0.5em auto 0;
    width: 100%;
  }
  .special .reserve-btn a,
.special .request-btn a {
  padding: .9em 0;
  font-size: 15px;
}
.page_note {
  padding-left: 15px;
  left: 0;
}
}


.slide-box .slide-arrow{
  padding: 0;
  position: absolute;
  width: 40px;
  top: calc(50% - 50px);
}
.slide-box .prev-arrow{
  left: -70px;

}
.slide-box .next-arrow{
  
  right: -70px;
}
.slide-box .bnr-box-ttl {
  max-width: 814px;
  margin: 0 auto;
}
.slide-box .inner{
  max-width: 950px;
  margin: 0 auto;
  padding: 0 2em;
}
.top-slide .slick-list {
  /* padding: 0 30% 0 0% !important; */
}
@media(max-width:992px){
  .top-slide .slick-list {
      /* padding: 0 20% 0 0% !important; */
  }
  .slide-box .inner {
      padding:0 4em 0;
  }
  .slide-box .prev-arrow {
      left: -45px;
  }
  .slide-box .next-arrow {
      right: -45px;
  }
}
.thumbnail-dots .slick-dots{
  display: flex;
  justify-content: space-between;
  position: static;
}
.thumbnail-dots li{
  position: relative;
  background: rgb(59,65,105);
background: linear-gradient(0deg, rgba(59,65,105,1) 0%, rgba(154,160,190,1) 100%);
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 32.5%;
  margin: 0;
}
.thumbnail-dots li.slick-active{
  background: rgb(129,71,120);
background: linear-gradient(0deg, rgba(129,71,120,1) 0%, rgba(161,109,153,1) 100%);
}
.thumbnail-dots li.slick-active::before {
  content:"";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 13px solid transparent;
  border-left: 13px solid transparent;
  border-bottom: 7px solid #fff;
  border-top: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 5px;
}
.slick-dotted.slick-slider {
  margin-bottom: 20px;
}
@media(max-width:767px){
  .thumbnail-dots li{
      font-size: 2vw;
      height: auto;
      padding: 8px 0;
  }
  .thumbnail-dots li.slick-active::before {
      border-right: 7px solid transparent;
      border-left: 7px solid transparent;
      border-bottom: 3px solid #fff;
      top: 2px;
    }
    .slick-dotted.slick-slider {
      margin-bottom: 10px;
  }
  .slide-box .inner {
      padding:0 1em 0;
  }

  .slide-box .slide-arrow{
      padding: 0;
      position: absolute;
      width: 20px;
      top: calc(50% - 20px);
  }
  .slide-box img {
      padding: 0 2.5px;
  }
  .slide-box .prev-arrow {
      left: -7vw;
  }
  .slide-box .next-arrow {
      right: -7.3vw;
  }
}
#cboxOverlay{
  background: rgba(0,0,0,.8);
}
#cboxContent{
  background: transparent;
}
#cboxClose {
  position: absolute;
  top: -32px;
  right: 0;
  bottom: auto;
  background:url(../images/top/close.jpg) no-repeat center center;
  background-size: 100% auto;
  text-indent: -9999px;
  width: 90px;
  height: 32px;
}
@media(max-width:767px){
  #cboxClose {
      top: -21px;
      width: 60px;
      height: 21px;
  }  
}
#cboxClose:hover {
  background-position: center center;
}
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight{
  /* display: none; */
}
#colorbox, #cboxOverlay, #cboxWrapper,
#cboxContent{
  overflow:visible;
}
      /* モーダルのレスポンシブスタイル */
      .cboxIframe {
          width: 90vw;
          height: 45vw;
      }

      @media only screen and (max-width: 576px) {
          .cboxIframe {
              width: 90vw;
              height: 46vw; /* 16:9 アスペクト比のため */
          }
      }

      .slick-slider{
          overflow:visible;
      }

      .bnrCampaign {
          position: fixed;
          background: rgba(0, 0, 0, 0.8);
          width: 100%;
          height: 100%;
          bottom: 0%;
          box-sizing: border-box;
          padding-bottom: 10px;
          z-index: 9999;
        }
        .bnrCampaign .bnr-inner {
          opacity: 1;
          max-width: 800px;
          margin: 0 auto;
          position: relative;
          top: 55%;
          transform: translateY(-50%);
          box-sizing: 0 0 10px rgba(45, 45, 45, 0.6);
        }
        @media (max-width: 992px) {
          .bnrCampaign .bnr {
            width: 93%;
          }
        }
        .bnrCampaign .bnr-inner span.close {
          position: absolute;
          top: 0;
          right: 0;
          transform: translate(0, -100%);
          padding: 5px;
          color: #fff;
          text-align: center;
          background: #000;
          font-size: 13px;
          cursor: pointer;
        }
        @media (max-width: 576px) {
          .bnrCampaign .bnr-inner{
              width: 92%;
              margin: auto;
          }
          .bnrCampaign .bnr-inner span.close {
            font-size: 11px;

            padding: 2px;
          }
        }        
        .bnrCampaign p{
          font-size: 12px;
          color: #fff;
          margin: 5px 0 0;
        }
        @media (max-width: 576px) {
          .bnrCampaign p{
              font-size: 10px;

            }           
        }
        .plan-banner{
          text-align: center;
          margin:20px auto 0;

        }
        .plan-banner img{
          width: fit-content;
  
      }
        @media (max-width: 576px) {
          .plan-banner{
              width: 92%;
              margin:60px auto 0;
          }
          .plan-banner img{
              width: 100%;
      
          }
        }
        .info-text{
          color: #000;
          font-size: 16px;
        }
        @media (max-width: 576px) {
          .info-text{
              width: 92%;
              margin: auto;
          }
        }
        .request-box .lead-sub {
          margin: 2em auto .5em;

      }
      @media (max-width: 576px) {
          .request-box .lead-sub {
              margin: 1em auto .5em;
  
          }
      }
      .thumbnail-dots li:first-child::after,
      .thumbnail-dots li:nth-child(2)::after{
        content:"NEW";
        position: absolute;
        background: #c20f12;
        color: #fff;
        border:1px solid #fff;
        padding: 4px 13px;
        width: fit-content;
        display: block;
        font-size: 11px;
        top: 1px;
        left: 1px;
        line-height: 1;
      }      
      @media(max-width:767px){
        .thumbnail-dots li:first-child::after,
        .thumbnail-dots li:nth-child(2)::after{
          padding: 1px 4px;
          font-size: 6px;
          top: -5px;
          left: 1px;
        }
      }