@charset "UTF-8";
/*//////////////////////////////////////////////////
*
* バケーションレンタルページ
*
//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#titleimg { background-image: url("/img/partner/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%); }

.btn a { background: #BA9632; border-color: #BA9632; }
.btn a:after { content: none; }
.btn a:hover { color: #fff; filter: brightness(1.06); background: #BA9632; }
.btn a:hover:after { border-color: #fff; }

@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.6em; }
  .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; }
  .t-center_pc { text-align: center; } }
.top__cont { margin-bottom: 4.8rem; padding: 4.2rem 0; background: #F7F7F7; }
.top__cont .profile { display: flex; flex-flow: row wrap; align-items: flex-end; justify-content: space-between; }
.top__cont .profile .text { padding-right: 1.2rem; text-align: left; }
.top__cont .profile .text p { font-size: 1.2rem; }
.top__cont .profile .text p ._l { font-size: 1.16em; }
.top__cont .profile .img { flex: 0 0 42%; width: 42%; }

@media screen and (min-width: 769px) { .top__cont { margin-bottom: 6.4rem; padding: 6.0rem 0; }
  .top__cont ._l-pc { font-size: 3.4rem; }
  .top__cont .profile { justify-content: flex-end; }
  .top__cont .profile .text { padding-right: 2.4rem; }
  .top__cont .profile .text p { font-size: 1.5rem; }
  .top__cont .profile .text p ._l { font-size: 1.46em; }
  .top__cont .profile .img { flex: 0 0 20.0rem; width: 20.0rem; } }
.row__cont { margin-bottom: 4.8rem; }
.row__cont .list__items:not(:last-child) { margin-bottom: 4.0rem; padding-bottom: 4.0rem; border-bottom: 1px solid #E5E5E5; }
.row__cont .list__items .list__items-top { display: grid; grid-template-columns: 20% 1fr; grid-column-gap: 1.6rem; align-items: center; margin-bottom: 1.6rem; }
.row__cont .list__items .list__items-top .ttl { font-size: 1.3rem; }
.row__cont .list__items .list__items-top .ttl .sub { color: #35886B; }
.row__cont .list__items .list__items-top .ttl .main { font-size: 1.14em; }
.row__cont .list__items .list__items-body { font-size: 1.3rem; }
.row__cont .list__items .list__items-link { margin-top: 2.8rem; }

@media screen and (min-width: 769px) { .row__cont { margin-bottom: 8.0rem; }
  .row__cont .sec__lead { display: flex; justify-content: center; }
  .row__cont .list__items .list__items-top { grid-template-columns: 15.0rem 1fr; grid-column-gap: 4.0rem; margin-bottom: 3.2rem; }
  .row__cont .list__items .list__items-top .ttl { font-size: 1.8rem; }
  .row__cont .list__items .list__items-top .ttl .main { font-size: 1.14em; }
  .row__cont .list__items .list__items-body { font-size: 1.3rem; }
  .row__cont .list__items .list__items-link { margin-top: 6.8rem; } }
.benefits { margin-bottom: 4.0rem; }
.benefits .tag { text-align: center; }
.benefits .tag span { display: inline-block; width: 50%; height: 4.6rem; line-height: 4.6rem; color: #fff; font-size: 2.0rem; background: #35886B; }
.benefits .benefits__outer { padding: 3.6rem 1.6rem; background: #F7F7F7; border-top: 1px solid #35886B; border-bottom: 1px solid #35886B; }
.benefits .benefits__outer .ttl { margin-bottom: 2.8rem; font-size: 2.0rem; }
.benefits .benefits__outer .body { font-size: 1.4rem; }
.benefits .benefits__outer .body a { text-decoration: underline; }

.about { margin-bottom: 4.0rem; }

@media screen and (min-width: 769px) { .benefits { margin-bottom: 10.0rem; }
  .benefits .tag span { display: inline-block; width: auto; padding: 0 3.6rem; }
  .benefits .benefits__outer { padding: 4.0rem 0; }
  .benefits .benefits__outer .ttl { margin-bottom: 2.2rem; font-size: 2.3rem; }
  .benefits .benefits__outer .body { font-size: 1.6rem; }
  .about { margin-bottom: 10.0rem; } }
.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; }

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