@charset "UTF-8";
/*//////////////////////////////////////////////////
*
* バケーションレンタルページ
*
//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#titleimg { background-image: url("/img/vacaren/titleimg.jpg?24010901"); }

.sec__outer { letter-spacing: .1em; font-size: .96rem; line-height: 1.66; }
.sec__outer .sec__ttl { letter-spacing: 0; margin-bottom: 3.0rem; text-align: center; font-size: 2.0em; }
.sec__outer .sec__copy { margin-bottom: 3.0rem; font-size: 1.68em; }
.sec__outer .sec__lead { margin-bottom: 3.0rem; font-size: 1.4em; }
.sec__outer .sec__body { margin-bottom: 3.0rem; font-size: 1.4em; }
.sec__outer .attention { text-align: left; font-size: 1.1em; color: #000; }

.w1200.wide { display: contents; }

.guide_cont + .guide_cont { margin-top: 4.0rem; }
.guide_cont .guide_cont-wrap { padding: 3.2rem 1.6rem; background: #F7F7F7; }
.guide_cont ol { list-style: none; }
.guide_cont ol li { display: grid; grid-template-columns: 3.4rem 1fr; font-size: 1.7em; text-align: left; }
.guide_cont ol li + li { margin-top: 1.6rem; }
.guide_cont ol li .num { position: relative; margin: .15rem .8rem 0 0; font-size: 1.6rem; color: #BA9632; }
.guide_cont ol li .num:before { content: ''; display: block; padding-top: 100%; }
.guide_cont ol li .num:after { box-sizing: border-box; content: ''; display: block; position: absolute; top: 0; left: 0; width: 2.4rem; height: 2.4rem; border-radius: 50%; border: 1px solid #BA9632; }
.guide_cont ol li .num span { position: absolute; top: 0; left: 0; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; text-align: center; }
.guide_cont .guide_cont-txt { margin: 2.0rem 0 1.0rem; font-size: 1.4em; }

.liner { background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0) 50%, #E5E5E5 50%, #E5E5E5 100%); }

@media screen and (min-width: 769px) { .sec__outer .sec__ttl { margin-bottom: 3.6rem; }
  .sec__outer .sec__copy { margin-bottom: 3.0rem; font-size: 2.6em; }
  .sec__outer .sec__lead { font-size: 1.8em; }
  .sec__outer .sec__body { margin-bottom: 5.0rem; font-size: 1.8em; }
  .sec__outer .attention { text-align: left; font-size: 1.1em; color: #000; }
  .w1200.wide { display: revert; }
  .box { margin-bottom: 11.2rem; }
  .guide_cont + .guide_cont { margin-top: 8.0rem; }
  .guide_cont .guide_cont-wrap { padding: 3.6rem 1.8rem; }
  .guide_cont ol { display: flex; flex-flow: row wrap; justify-content: center; }
  .guide_cont ol li { flex: 0 0 auto; padding: 1.2rem 1.6rem; grid-template-columns: 3.4rem 1fr; font-size: 1.8em; }
  .guide_cont ol li + li { margin-top: 0; }
  .guide_cont ol li .num { position: relative; margin: .15rem .8rem 0 0; font-size: 1.6rem; color: #BA9632; }
  .guide_cont ol li .num:before { content: ''; display: block; padding-top: 100%; }
  .guide_cont ol li .num:after { box-sizing: border-box; content: ''; display: block; position: absolute; top: 0; left: 0; width: 2.4rem; height: 2.4rem; border-radius: 50%; border: 1px solid #BA9632; }
  .guide_cont ol li .num span { position: absolute; top: 0; left: 0; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; text-align: center; }
  .guide_cont .guide_cont-txt { margin: 2.0rem 0 1.0rem; font-size: 1.4em; }
  .btn a:hover { color: #fff; filter: brightness(1.06); }
  .btn a:hover:after { border-color: #fff; } }
.introduction .introduction__inner .sec__img { margin-bottom: 4.0rem; text-align: center; }
.introduction .introduction__inner .sec__img img { width: min(680px, 100%); }
.introduction .movie { margin-bottom: 2.0rem; }
.introduction .movie .wrap { position: relative; max-width: 792px; padding-top: 56.25%; }
.introduction .movie .wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-width: 769px) { .introduction .w1200 { display: contents; }
  .introduction .introduction__inner { max-width: 1200px; margin: 0 auto; }
  .introduction .introduction__inner .sec__img { margin-bottom: 8.0rem; }
  .introduction .movie { max-width: 792px; margin: 0 auto; margin-bottom: 3.0rem; } }
.merit .sec__img { margin-bottom: 4.0rem; }
.merit .merit__reason .merit__reason-ttl { margin-bottom: 3.6rem; text-align: center; font-size: 1.8rem; line-height: 1; }
.merit .merit__reason .merit__reason-ttl span { display: inline-block; }
.merit .merit__reason .merit__reason-ttl .main { padding-bottom: .4em; font-size: 1.277em; border-bottom: 1px solid #E5E5E5; }
.merit .merit__reason .merit__reason-ttl .sub { position: relative; z-index: 1; padding: .6em 2.0em; margin-bottom: 1em; border: 1px solid #000; }
.merit .merit__reason .merit__reason-ttl .sub:before { content: ''; display: block; position: absolute; z-index: 1; top: 100%; left: 50%; width: .8em; height: .5em; background: #000; transform: translateX(-50%); clip-path: polygon(0 0, 100% 0, 50% 100%); }
.merit .merit__reason .merit__reason-ttl .sub:after { content: ''; display: block; position: absolute; z-index: 1; top: 100%; left: 50%; width: .8em; height: .5em; background: #fff; transform: translate(-50%, -2px); clip-path: polygon(0 0, 100% 0, 50% 100%); }
.merit .merit__reason .merit__reason-list { margin-bottom: 5.2rem; list-style: none; font-size: 1.52rem; }
.merit .merit__reason .merit__reason-list li { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; font-size: 1.0em; }
.merit .merit__reason .merit__reason-list li .num { box-sizing: border-box; flex: 0 0 4.0rem; width: 4.0rem; height: 4.0rem; line-height: 4.0rem; font-size: 1.2em; text-align: center; border: 1px solid #BA9632; border-radius: 50%; color: #BA9632; }
.merit .merit__reason .merit__reason-list li .wrap { flex: 0 0 auto; width: calc(100% - 5.0rem); }
.merit .merit__reason .merit__reason-list li + li { margin-top: 2.4rem; }
.merit .merit__reason .merit__reason-list li:nth-child(odd) .num { color: #fff; background: #BA9632; }

@media screen and (min-width: 769px) { .merit .sec__img { margin-bottom: 6.0rem; }
  .merit .merit__reason .merit__reason-ttl { margin-bottom: 4.8rem; font-size: 2.0rem; }
  .merit .merit__reason .merit__reason-ttl .main { font-size: 1.4em; }
  .merit .merit__reason .merit__reason-list { margin-bottom: 5.2rem; list-style: none; font-size: 2.0rem; }
  .merit .merit__reason .merit__reason-list li { font-size: .9em; }
  .merit .merit__reason .merit__reason-list li .num { flex: 0 0 3.4rem; width: 3.4rem; height: 3.4rem; line-height: 3.4rem; font-size: 1.0em; }
  .merit .merit__reason .merit__reason-list li .wrap { width: calc(100% - 5.0rem); }
  .merit .merit__reason .merit__reason-list li + li { margin-top: 2.0rem; }
  .merit .merit__reason .merit__reason-txt { text-align: center; } }
.operation .sec__ttl._l { font-size: 2.6em; }
.operation .view__cont .sec__img { margin-bottom: 5.0rem; }
.operation .view__cont .btn a { background: #BA9632; border-color: #BA9632; }

@media screen and (min-width: 769px) { .operation .sec__ttl._l { font-size: 3.6em; }
  .operation .sec__body { text-align: center; }
  .operation .view__cont .sec__img { margin-bottom: 5.0rem; } }
.management .box { margin-bottom: 8.0rem; }
.management .data img { width: auto; height: 60vw; max-height: 280px; }
.management .kominka { margin-bottom: 4.4rem; }
.management .guesthouse .guide_cont .sec__ttl { margin-bottom: 1.6rem; }
.management .commission .sec__ttl, .management .simulation .sec__ttl, .management .examples .sec__ttl { text-align: left; }
.management .simulation .attent { font-size: 1.3rem; }
.management .simulation .price_table table { width: 100%; border: 1px solid #000; }
.management .simulation .price_table table th, .management .simulation .price_table table td { vertical-align: middle; padding: .6rem .4rem .6rem 1.2rem; font-size: 1.2rem; }
.management .simulation .price_table table th { border: 1px solid #000; }
.management .simulation .price_table table td { text-align: right; border: 1px solid #000; }
.management .simulation .price_table table thead th { background: #eee; }
.management .simulation .price_table table thead .empty { background: transparent; }
.management .simulation .price_table table thead .total { background: #e2f0db; }
.management .simulation .price_table table tbody th { text-align: left; background: #fff2cd; }
.management .simulation .price_table table tbody .subtotal th, .management .simulation .price_table table tbody .subtotal td { border-top: 2px double #000; }
.management .simulation .price_table table tbody .subtotal th { background: #fde4d7; }
.management .examples .sec__img-list .item { margin-bottom: 3.6rem; }
.management .examples .sec__img-list .img { margin-bottom: 1.2rem; }
.management .examples .sec__img-list .name { margin-bottom: .6rem; line-height: 1.4; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 1.8rem; }
.management .examples .sec__img-list .body { font-size: 1.4rem; }

@media screen and (min-width: 769px) { .management .box { margin-bottom: 5.6rem; text-align: center; }
  .management .data img { width: 100%; height: auto; max-height: 100%; }
  .management .guesthouse .guesthouse_ttl { display: contents; }
  .management .guesthouse .guide_cont .sec__ttl { margin-bottom: 1.6rem; }
  .management .guide_cont-op { display: grid; grid-template-columns: repeat(3, auto); }
  .management .commission .sec__body, .management .simulation .sec__body, .management .examples .sec__body { text-align: left; }
  .management .examples .sec__img-list { display: grid; grid-template-columns: repeat(3, 32%); justify-content: space-between; }
  .management .examples .sec__img-list .item { margin-bottom: 0; }
  .management .examples .sec__img-list .img { margin-bottom: 1.2rem; }
  .management .examples .sec__img-list .name { font-size: 1.6rem; text-align: left; }
  .management .examples .sec__img-list .body { font-size: 1.3rem; text-align: left; }
  .management .conclusion { margin-bottom: 11.2rem; } }
.contact .sec__outer { padding: 2.0rem 0 4.0rem; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.contact .btn a { background: #BA9632; border-color: #BA9632; }
.contact .btn a:after { content: none; }

/*# sourceMappingURL=style.css.map */