@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');

/* ==========================================================================
   管理画面エディター用スタイル

========================================================================== */

.editor-styles-wrapper{
  font-family: "Zen Old Mincho", san-serif;
  background: #000;
  color: #FFF;
}

/*******************************
*　宿泊約款/利用規約
********************************/

.terms_contents{
  
}
.terms_contents + .terms_contents{
  margin-top: 100px;
}
.terms_contents_rows_item{
  font-size: 12px;
  line-height: 2.0833;
  text-align: justify;
}
.terms_contents_rows_item + .terms_contents_rows_item{
  margin-top: 50px;
}

.terms_head{
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 25px;
}
.terms_title{
  background: #FFF;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 20px;
  margin-bottom: 10px;
}

.terms_txt{
  /*font-size: 12px;*/
  /*line-height: 2.0833;*/
  text-align: justify;
}

.terms_list{
  margin-left: 1.5em;
}
.terms_list li{
  list-style: decimal;
  /*font-size: 12px;*/
  /*line-height: 2.0833;*/
  text-align: justify;
}

.terms_list2{
  margin-left: 0;
}
.terms_list2 li{
  list-style: none;
  text-indent: -2.5em;
  padding-left: 2.5em;
}

.terms_list2 {
  counter-reset: custom-counter;
  list-style: none;
  margin-left: 3em;
}

.terms_list2 li {
  counter-increment: custom-counter;
  position: relative;
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.terms_list2 li::before {
  content: counter(custom-counter) "）";
  position: absolute;
  left: 0;
}


.terms_list3{
  margin-left: 0;
}
.terms_list3 li{
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
}
.terms_list3 li:before{
  /*content: "・";*/
}


.terms_list.terms_list_sub{
  margin-left: 3em;
}

.terms_contents_rows_item figure{
  margin-top: 10px;
  margin-bottom: 10px;
}

/* FAQ */
.terms_faq{
  
  padding-bottom: 30px;
  border-bottom: 1px solid #FFF;
}
.terms_faq + .terms_faq{
  padding-top: 30px;
}
.term_faq_q,
.term_faq_a{
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.term_faq_q{
  
}
.term_faq_a{
  
}

figure img{
  width: auto;
  height: auto;
}

.js-scrollable figure{
  min-width: 800px;
}
.js-scrollable figure img{
  width: 100%;
}


@media (max-width:767px){


}
@media (min-width:768px){

  
  .terms_contents{

  }
  .terms_contents + .terms_contents{
    margin-top: 200px;
  }
  .terms_contents_rows_item{

  }
  .terms_contents_rows_item{
    font-size: 16px;
    line-height: 1.875;
  }
  .terms_contents_rows_item + .terms_contents_rows_item{
    margin-top: 50px;
  }
  
  .terms_head{
    font-size: 22px;
    margin-bottom: 25px;
  }
  .terms_title{
    font-size: 18px;
    padding: 8px 20px;
    margin-bottom: 20px;
  }
  .terms_txt{
    /*font-size: 16px;*/
    /*line-height: 1.875;*/
  }
  .terms_list{
    margin-left: 1.5em;
  }
  .terms_list li{
    /*font-size: 16px;*/
    /*line-height: 1.875;*/
  }

}
@media (min-width:1024px){

  .terms_title{
    margin-bottom: 30px;
  }

}
@media (min-width:1200px){
  
  .js-scrollable figure img{
    width: auto;
  }

}