@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------
    top_topics
---------------------------------------------------------------------*/
.top_topics {
  position: absolute;
  top: -31px;
  left: 31px;
  width: 712px;
  max-width: 70%;
  padding: 28px 33px;
  border: 1px solid #8D8D8D;
  background: url(/image/bg_01.jpg) 0 0/contain;
}

@media only screen and (max-width : 767px) {
  .top_topics {
    position: static;
    max-width: 96%;
    margin: auto;
    padding: 28px 33px;
  }

  .topics_ttl{
    margin-bottom: 10px;
  }
}

@media only screen and (min-width : 1200px) {
  .top_topics {
    left: 208px;
  }
}

.top_topics .link {
  text-align: center;
  margin-top: 20px;
}


/*---------------------------------------------------------------------
    concept_area
---------------------------------------------------------------------*/
/*
.concept_area{
  padding: 60px 0 60px;
  background: url(/image/bg_03.jpg) center center/cover;
}


@media only screen and (min-width : 1200px) {
  .concept_area{
    padding: 80px 0 75px;
  }
}
*/
/*---------------------------------------------------------------------
    about
---------------------------------------------------------------------*/
.about_area{
  padding: 60px 0 60px;
  background: url(/image/bg_03.jpg) center center/cover;
}

.top_separate_img_block,
.contact_link_wrap{
  margin: 30px 0 0;  
}


.contact_link_wrap .contact_btn{
  width: 100%;
}

@media screen and (min-width : 768px) {
  .top_separate_img_block,
  .contact_link_wrap{
    margin-top: 40px;
  }

  .content_separate_block{
    padding: 90px 0;
  }
}


@media only screen and (min-width : 1200px) {
  .about_area{
    padding: 80px 0 40px;
  }
}



/*---------------------------------------------------------------------
    floormap_area
---------------------------------------------------------------------*/
/*
.floormap_area{
  padding: 60px 0 60px;
  background: url(/image/bg_05.jpg) center center/cover;
}

@media only screen and (min-width : 1200px) {
  .floormap_area{
    padding: 60px 0 155px;
  }
}
*/

/*---------------------------------------------------------------------
    price_area
---------------------------------------------------------------------*/
.price_area{
  padding: 60px 0 60px;
  background: url(/image/bg_05.jpg) center center/cover;
}

.price_link_top{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 20px auto auto;
}

.price_link_top_item{
  width: 100%;
  margin: 10px 0;
}

.price_link_top_item a{
  display: block;
  padding: 20px 10px;
  border-bottom: solid 5px #D9A300;
  background: #141414 url(/image/icon/icon_arrow_07_rb.png) no-repeat right 8px bottom 8px/14px;
  text-align: center;
  text-decoration: none;
  font-size: 2rem;
}
/*
.price_link_top .price_link_top_item:nth-of-type(2) a{
  border-bottom-color: #D96D00;
  background-image:  url(/image/icon/icon_arrow_07_rb_02.png);
}

.price_link_top .price_link_top_item:nth-of-type(3) a{
  border-bottom-color: #6A57AD;
  background-image:  url(/image/icon/icon_arrow_07_rb_07.png);
}

.price_link_top .price_link_top_item:nth-of-type(4) a{
  border-bottom-color: #A42424;
  background-image:  url(/image/icon/icon_arrow_07_rb_08.png);
}

.price_link_top .price_link_top_item:nth-of-type(5) a{
  border-bottom-color: #3c7e75;
  background-image:  url(/image/icon/icon_arrow_07_rb_09.png);
}

.price_link_top .price_link_top_item:nth-of-type(6) a{
  border-bottom-color: #1A6600;
  background-image:  url(/image/icon/icon_arrow_07_rb_03.png);
}

.price_link_top .price_link_top_item:nth-of-type(7) a{
  border-bottom-color: #66157A;
  background-image:  url(/image/icon/icon_arrow_07_rb_04.png);
}

.price_link_top .price_link_top_item:nth-of-type(8) a{
  border-bottom-color: #19408E;
  background-image:  url(/image/icon/icon_arrow_07_rb_05.png);
}

.price_link_top .price_link_top_item:nth-of-type(9) a{
  border-bottom-color: #575757;
  background-image:  url(/image/icon/icon_arrow_07_rb_06.png);
}
*/

.price_link_top .price_link_top_item.item_color_02 a{
  border-bottom-color: #D96D00;
  background-image:  url(/image/icon/icon_arrow_07_rb_02.png);
}

.price_link_top .price_link_top_item.item_color_03 a{
  border-bottom-color: #6A57AD;
  background-image:  url(/image/icon/icon_arrow_07_rb_07.png);
}

.price_link_top .price_link_top_item.item_color_04 a{
  border-bottom-color: #A42424;
  background-image:  url(/image/icon/icon_arrow_07_rb_08.png);
}

.price_link_top .price_link_top_item.item_color_05 a{
  border-bottom-color: #3c7e75;
  background-image:  url(/image/icon/icon_arrow_07_rb_09.png);
}

.price_link_top .price_link_top_item.item_color_06 a{
  border-bottom-color: #1A6600;
  background-image:  url(/image/icon/icon_arrow_07_rb_03.png);
}

.price_link_top .price_link_top_item.item_color_07 a{
  border-bottom-color: #66157A;
  background-image:  url(/image/icon/icon_arrow_07_rb_04.png);
}

.price_link_top .price_link_top_item.item_color_08 a{
  border-bottom-color: #19408E;
  background-image:  url(/image/icon/icon_arrow_07_rb_05.png);
}

.price_link_top .price_link_top_item.item_color_09 a{
  border-bottom-color: #575757;
  background-image:  url(/image/icon/icon_arrow_07_rb_06.png);
}

.price_link_top .price_link_top_item.item_color_10 a{
  border-bottom-color: #a50e3d;
  background-image:  url(/image/icon/icon_arrow_07_rb_10.png);
}

.price_link_top .price_link_top_item.item_color_11 a{
  border-bottom-color: #030192;
  background-image:  url(/image/icon/icon_arrow_07_rb_11.png);
}

.price_link_top .price_link_top_item.item_color_12 a{
  border-bottom-color: #2357BF;
  background-image:  url(/image/icon/icon_arrow_07_rb_12.png);
}

.price_link_top .price_link_top_item.item_color_13 a{
  border-bottom-color: #005028;
  background-image:  url(/image/icon/icon_arrow_07_rb_13.png);
}

.price_link_top .price_link_top_item.item_color_14 a{
  border-bottom-color: #598253;
  background-image:  url(/image/icon/icon_arrow_07_rb_14.png);
}

.price_link_top .price_link_top_item.item_color_15 a{
  border-bottom-color: #682D02;
  background-image:  url(/image/icon/icon_arrow_07_rb_15.png);
}

.price_link_top .price_link_top_item_sub_txt{
  font-size: 65%;
}

@media screen and (min-width : 768px) {
  .price_link_top{
    margin: 25px auto auto;
  }

  .price_link_top_item{
    width: 49%;
    margin: 10px 0;
  }

  .price_link_top_item a{
    padding: 18px 10px;
    background-size: 21px;
    font-size: 2.4rem;
  }

}

@media screen and (min-width : 1200px) {
  .price_area{
    padding: 60px 0 80px;
  }
}


/*---------------------------------------------------------------------
    service_area
---------------------------------------------------------------------*/
/*
.service_area{
  padding: 60px 0 60px;
  background: url(/image/bg_09.jpg) center center/cover;
}

@media only screen and (min-width : 1200px) {
  .service_area{
    padding: 60px 0 80px;
  }
}
*/

/*---------------------------------------------------------------------
    faq_area
---------------------------------------------------------------------*/
.faq_area{
  padding: 60px 0 60px;
  background: url(/image/bg_10.jpg) center center/cover;
}

@media only screen and (min-width : 1200px) {
  .faq_area{
    padding: 60px 0 80px;
  }
}

/*---------------------------------------------------------------------
    guide_area
---------------------------------------------------------------------*/
.guide_area{
  padding: 60px 0 60px;
  background: url(/image/bg_07.jpg) center center/cover;
}

@media only screen and (min-width : 1200px) {
  .guide_area{
    padding: 60px 0 80px;
  }

}


/*---------------------------------------------------------------------
    access_area
---------------------------------------------------------------------*/
.access_area{
  padding: 60px 0 60px;
  background: url(/image/bg_09.jpg) center center/cover;
}

.access_content_wrap{
  display: flex;
  flex-wrap: wrap;
  margin: 30px auto auto;
}

.access_content_01{
  margin: 0 0 30px;
  width: 100%;
}

.access_main_txt{
  font-size: 2.4rem;
}

.access_txt_02{
  font-size: 1.4rem;
}

.access_txt_03{
  margin: 30px auto auto;
}

.access_txt_04{
  margin: 5px auto auto;
}

.gmap_link_wrap{
  margin: 40px auto auto;
}

.gmap_btn{
  display: block;
  width: 80%;
  max-width: 460px;
  margin: auto;
  padding: 20px 10px;
  border: 1px solid #707070;
  border-radius: 40px;
  background: url(/image/icon/icon_arrow_04_r.png) no-repeat 93% center;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none;
  color: #fff;
  transition: all .3s;
}

.access_content_02{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
  padding-top: 56.25%;
}

.access_content_02 iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width : 768px) {
  .gmap_link_wrap .contact_btn{
    margin-right: 0;
    margin-left: 0;
  }
}

@media only screen and (min-width : 1200px) {
  .access_area{
    padding: 85px 0 130px;
  }

  .access_content_wrap{
    margin-top: 70px;
  }

  .access_content_01,
  .access_content_02{
    width: 50%;
  }

  .access_content_01{
    padding: 0 30px 0 0;
    text-align: left;
  }

  .access_main_txt{
    font-size: 2.9rem;
  }

  .gmap_link_wrap{
    margin: 55px 0 0;
  }

  .gmap_btn{
    margin: 0;
  }

  .access_content_02{
    padding-top: 36.25%;
  }
}



/*---------------------------------------------------------------------
    contact_area
---------------------------------------------------------------------*/
.contact_area{
  padding: 60px 0 30px;
  background: url(/image/bg_11.jpg) center center/cover;
}

.area_ttl_02{
  margin: 40px auto auto;
  /*font-size: 3.2rem;*/
  font-size: 1.8rem;
  font-family: "Noto Serif JP","Noto Serif",'Noto Sans JP',"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}

.contact_content_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto auto;
}

.contact_content_01,
.contact_content_02{
  width: 100%;
  margin: 0 0 30px;
  text-align: left;
}

.img_txt_block{
  display: flex;  
}

.img_txt_block .img_block{
  width: 25%;
  max-width: 140px;
  padding: 0 15px;
}

.img_txt_block .txt_block{
  width: 75%;
}

.contact_type_txt{
  /*font-size: 2.4rem;*/
  font-size: 2rem;
  font-weight: bold;
  font-family: "Noto Serif JP","Noto Serif",'Noto Sans JP',"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}

.contact_info_txt{
  /*font-size: 1.8rem;*/
  font-size: 1.6rem;
}

.tel_txt{
  line-height: 1;
  font-size: 1.8rem;
}

.tel_num{
  font-size: 3rem;
  font-weight: bold;
  font-family: "Noto Serif JP","Noto Serif",'Noto Sans JP',"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}

.contact_link_btn{
  display: block;
  max-width: 410px;
  margin: 20px 0 0;
  padding: 30px 10px;
  border-radius: 15px;
  background: #30A053;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none;
  color: #fff;
  transition: all .3s;
}




@media only screen and (min-width : 1200px) {
  .contact_area{
    padding: 65px 0 100px;
  }

  .area_ttl_02{
    margin: 35px auto auto;
    font-size: 5rem;
  }

  .contact_content_wrap{
    margin: 65px auto auto;
  }

  .contact_content_01,
  .contact_content_02{
    width: 50%;
  }

  .img_txt_block{
    display: flex;  
  }

  .img_txt_block .img_block{
    width: 28%;
    max-width: none;
    padding: 0 28px;
  }

  .img_txt_block .txt_block{
    width: 72%;
  }

  .contact_type_txt{
    font-size: 3rem;
  }

  .contact_info_txt{
    margin-top: 15px;
    font-size: 1.8rem;
  }

  .tel_txt{
    margin-top: 10px;
    font-size: 1.8rem;
  }

  .tel_num{
    font-size: 3.8rem;
  }

  .contact_link_btn{
    margin: 20px 0 0;
    padding: 37px 10px;
    font-size: 2.2rem;
  }

  .contact_content_02 .contact_type_txt{
    letter-spacing: -0.2rem;
  }

}


@media only screen and (min-width : 1200px) {
  /*
  .page_navi_lists a{
    padding-left: 45px;
  }
  */
}

/*---------------------------------------------------------------------
    pickup_topics
---------------------------------------------------------------------*/
/*
.pickup_topics {
    border: 1px solid #ccc;
    padding: 20px;
    background: #fff2cf;
}
*/

/*---------------------------------------------------------------------
    slider_toggle_btn
---------------------------------------------------------------------*/
.top_slide .thumbnail-list {
  pointer-events: none;
}

.top_slide .thumbnail-item {
  pointer-events: auto;
  cursor: pointer;
  outline: none;
}

.top_slide .thumbnail-item:focus {
  outline: 3px solid #008C8C;
  outline-offset: 3px;
}

.top_slide .thumbnail-item:focus .thumb_img {
  transform: scale(1.1);
  transition: transform 0.2s;
}

.slide-control {
  position: relative;
  z-index: 500;
}

@media only screen and (max-width: 1199px) {
  .slide-control {
    margin-top: 50px;
  }
}

.slider_toggle_btn {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 7px 20px 7px 35px;
  font-size: 1.4rem;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  min-width: 100px;
  margin: 15px 0;
}

.slider_toggle_btn::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 13px;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
}

.slider_toggle_btn.playing::before {
  width: 0;
  height: 0;
  background: transparent;
  border-left: 10px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: none;
  border-radius: 0;
  left: 14px;
}

.slider_toggle_btn:hover {
  background: rgba(0, 0, 0, 0.9);
  transform: scale(1.05);
}

.slider_toggle_btn:focus {
  outline: 2px solid #008C8C;
  outline-offset: 2px;
}

@media screen and (min-width: 768px) {
  .slider_toggle_btn {
    font-size: 1.4rem;
    padding: 8px 24px 8px 38px;
    min-width: 110px;
    margin: 20px 0;
  }

  .slider_toggle_btn::before {
    left: 16px;
    width: 4px;
    height: 14px;
  }

  .slider_toggle_btn.playing::before {
    border-left: 12px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: none;
    left: 16px;
  }
}

@media screen and (min-width: 1280px) {
  .slider_toggle_btn {
    font-size: 1.4rem;
    padding: 10px 28px 10px 42px;
    min-width: 120px;
  }

  .slider_toggle_btn::before {
    left: 18px;
    width: 5px;
    height: 15px;
  }

  .slider_toggle_btn.playing::before {
    border-left: 14px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: none;
    left: 18px;
  }
}