@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
.titleimg .titleimg__img img { object-position: top; }

.openhouse-title { text-align: left; margin-bottom: 10px; color: #76C6D9; font-size: 1.8rem; }
@media (min-width: 769px) { .openhouse-title { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.8869179601 ); } }
@media (min-width: 1220px) { .openhouse-title { font-size: 2.2rem; } }

.article .article__title .article__copy { margin: 0% 0% 2.6% 0%; font-weight: 600; font-size: 1.6rem; line-height: 1.4; }
@media (min-width: 769px) { .article .article__title .article__copy { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.8869179601 ); } }
@media (min-width: 1220px) { .article .article__title .article__copy { font-size: 2rem; } }
.article .article__title .article__name { border-bottom: 1px solid; padding: 0% 0% 1.3% 0%; margin: 0% 0% 2.6% 0%; font-weight: 600; text-align: left; font-size: 2rem; color: #BAB198; }
@media (min-width: 769px) { .article .article__title .article__name { font-size: calc( 2rem + ( 1vw - 7.69px ) * 1.7738359202 ); } }
@media (min-width: 1220px) { .article .article__title .article__name { font-size: 2.8rem; } }
.article .article__title .article__info { margin: 0% 0% 5.2% 0%; color: #888; line-height: 1.4; }
.article .article-swiper { position: relative; margin: 0% 0% 2.6% 0%; }
.article .article-swiper .article__logo { position: absolute; z-index: 1000; left: 0; top: 0; width: 100px; padding: 5px 10px; box-sizing: border-box; background: -webkit-linear-gradient(90deg, #6b1010 0%, #da3f3f 100%); background: linear-gradient(90deg, #6b1010 0%, #da3f3f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b1010', endColorstr=' #da3f3f', GradientType=0); line-height: 1; }
.article .article-swiper .article__cap { left: auto; right: 0; bottom: 0; padding: 5px; background: rgba(0, 0, 0, 0.4); color: #fff; }
.article .article-swiper .slide-img { width: 100%; height: calc(92vw * 0.75); background: #f2f2f2; }
.article .article-swiper .slide-img figure { width: 100%; height: 100%; }
.article .article-swiper .slide-img img { object-fit: contain; font-family: 'object-fit: contain'; display: block; object-position: 50% 50%; height: 100%; width: 100%; }
.article .article-swiper .swiper-button-next, .article .article-swiper .swiper-button-prev { width: 26px; height: 22px; }
.article .article-thumbnail { overflow: inherit; }
.article .article-thumbnail .swiper-slide { position: relative; width: 19% !important; padding-top: 19%; margin-right: 1.25%; margin-bottom: 5px; background: #fff; }
.article .article-thumbnail .swiper-slide:nth-child(5n) { margin-right: 0; }
.article .article-thumbnail .swiper-slide-thumb-active { opacity: 0.5; }
.article .article-thumbnail .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.article .article-thumbnail .slide-img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.article .article-thumbnail .slide-img img { object-fit: cover; font-family: 'object-fit: cover'; display: block; object-position: 50% 50%; height: 100%; width: 100%; }

.point .point__txt { padding: 3.9% 3.9% 3.9% 3.9%; background: #f2f2f2; }

.access .access__gmap { margin: 0% 0% 7.8% 0%; }
.access .access__gmap iframe { display: block; width: 100%; height: calc(100vw * 0.5625); margin: 0% 0% 3.9% 0%; }
.access .access__map-img { margin-bottom: 10px; }

.info table { width: 100%; border: 1px solid #ccc; }
.info table tr { border-bottom: 1px solid #ccc; }
.info table tr th { width: 20%; padding: 10px; background: #f2f2f2; border-right: 1px solid #ccc; }
.info table tr td { padding: 10px; }

.liberte-btn { padding: 0 4% 0 4%; margin: 0% 0% 5.2% 0%; max-width: 300px; margin-left: auto; margin-right: auto; }
.liberte-btn a { font-size: 1.5rem; }
@media (min-width: 769px) { .liberte-btn a { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.8547008547 ); } }
@media (min-width: 1120px) { .liberte-btn a { font-size: 1.8rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .article .article__title .article__copy { margin-bottom: 10px; }
  .article .article__title .article__name { margin-bottom: 10px; }
  .article .article__title .article__info { margin-bottom: 30px; }
  .article .article-swiper { margin-bottom: 20px; }
  .article .article-swiper .slide-img { height: calc(95.1vw * 0.75); }
  .article .article-swiper .swiper-button-next, .article .article-swiper .swiper-button-prev { width: 12px; height: 72px; padding: 15px; background-color: rgba(255, 255, 255, 0.8); }
  .article .article-swiper .swiper-button-next { right: 0; }
  .article .article-swiper .swiper-button-prev { left: 0; }
  .article .article-thumbnail .swiper-slide { width: 9.5% !important; padding-top: 9.5%; margin-right: .55%; }
  .article .article-thumbnail .swiper-slide:nth-child(5n) { margin-right: .55%; }
  .article .article-thumbnail .swiper-slide:nth-child(10n) { margin-right: 0; }
  .liberte-btn { padding: 0; } }
/*------------------------------
		981px以上
------------------------------*/
@media screen and (min-width: 1021px) { .access .access__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .access .openhouse-title { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .access .access__gmap { flex: 0 1 56%; width: 56%; max-width: 56%; margin-bottom: 0; }
  .access .access__gmap iframe { height: 31.25vw; max-height: 400px; margin-bottom: 10px; }
  .access .access__gmap-btn a { max-width: 200px; height: 50px; padding: 0; margin: auto 0 auto auto; font-size: 1.5rem; line-height: 50px; }
  .access .access__map { flex: 0 1 40%; width: 40%; max-width: 40%; } }
/*------------------------------
		1221px以上
------------------------------*/
@media screen and (min-width: 1221px) { .article .article-swiper .slide-img { height: calc((1220px - 4.9vw) * 0.75); } }
@media screen and (min-width: 1280px) { .article .article-swiper .slide-img { height: calc(1220px * 0.75); } }
/*------------------------------
		1600px以上
------------------------------*/

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