@charset "UTF-8";
/*//////////////////////////////////////////////////
*
* バケーションレンタルページ
*
//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#titleimg { white-space: nowrap; background-image: url("/img/background/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 .sec__img { margin-bottom: 4rem; text-align: center; }
.sec__outer .attention { text-align: left; font-size: 1.1em; color: #000; }

.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) { #titleimg { margin-bottom: 8.0rem; }
  .sec__outer .sec__ttl { margin-bottom: 3.6rem; }
  .sec__outer .sec__copy { margin-bottom: 3.0rem; font-size: 2.6em; }
  .sec__outer .sec__copy ._l-pc { font-size: 1.2em; }
  .sec__outer .sec__lead { font-size: 1.8em; }
  .sec__outer .sec__body { margin-bottom: 5.0rem; font-size: 1.8em; }
  .sec__outer .sec__img { margin-bottom: 4.0rem; }
  .sec__outer .attention { text-align: left; font-size: 1.1em; color: #000; }
  .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; } }
.top__cont { margin-bottom: 4.8rem; }

@media screen and (min-width: 981px) { .top__cont { margin-bottom: 8.8rem; }
  .top__cont .sec__copy { margin-bottom: 4.0rem; }
  .grid_box { margin-bottom: 8.0rem; }
  .grid_box .grid_box-wrap { display: grid; grid-template-columns: 48% 50%; grid-column-gap: 2%; }
  .grid_box .grid_box-wrap:nth-child(odd) { grid-template-columns: 50% 48%; }
  .grid_box .grid_box-wrap:nth-child(odd) .sec__img { grid-row: 1 / 2; grid-column: 2 / 3; }
  .grid_box .grid_box-wrap:nth-child(odd) .sec__body { grid-row: 1 / 2; grid-column: 1 / 2; } }
.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 */