@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes load { 0% { transform: translateY(0); }
  25% { transform: translateY(-10px); }
  50% { transform: translateY(0); }
  100% { transform: translateY(0); } }
@keyframes slide { 0% { transform: translateX(0); }
  100% { transform: translateX(-10%); } }
@keyframes arrow { 0% { transform: scale(0, 1); transform-origin: 0 0; }
  50% { transform: scale(1, 1); transform-origin: 0 0; }
  50.1% { transform: scale(1, 1); transform-origin: 100% 0; }
  100% { transform: scale(0, 1); transform-origin: 100% 0; } }
/*	introduction
---------------------------------------------------------------------------------------------------- */
#introduction { margin-top: -90px; padding-top: 90px; }

.itrdctn__action { position: relative; padding: 0 4%; text-align: center; background: linear-gradient(90deg, #1a150f 0%, #362d23 50%, #1a150f 100%); }
.itrdctn__action::before { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 95%; height: 1px; background: #fff; }
.itrdctn__access { font-size: 1.6rem; color: #fff; text-shadow: 0 0 3px #000; }
@media (min-width: 769px) { .itrdctn__access { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 2.2172949002 ); } }
@media (min-width: 1220px) { .itrdctn__access { font-size: 2.6rem; } }
.itrdctn__access span { font-size: 2.5rem; padding-right: 2px; color: #ffffa1; }
@media (min-width: 769px) { .itrdctn__access span { font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 3.3259423503 ); } }
@media (min-width: 1220px) { .itrdctn__access span { font-size: 4rem; } }
.itrdctn__detail { padding: 30px 0 0 0; }
.itrdctn__detail-ttl { font-size: 2rem; margin: 0 0 40px 0; text-align: center; }
@media (min-width: 769px) { .itrdctn__detail-ttl { font-size: calc( 2rem + ( 1vw - 7.69px ) * 3.3259423503 ); } }
@media (min-width: 1220px) { .itrdctn__detail-ttl { font-size: 3.5rem; } }
.itrdctn__detail-ttl span { font-size: 3rem; color: #8e1b37; }
@media (min-width: 769px) { .itrdctn__detail-ttl span { font-size: calc( 3rem + ( 1vw - 7.69px ) * 8.8691796009 ); } }
@media (min-width: 1220px) { .itrdctn__detail-ttl span { font-size: 7rem; } }
.itrdctn__detail-item + .itrdctn__detail-item { margin-top: 30px; }
.itrdctn__detail-item .detail__txt { padding: 20px; box-sizing: border-box; }
.itrdctn__detail-item .detail__txt-ttl { font-weight: bold; margin-bottom: 5px; font-size: 1.6rem; letter-spacing: 0.2em; text-align: center; color: #1A150F; }
@media (min-width: 769px) { .itrdctn__detail-item .detail__txt-ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 3.2345013477 ); } }
@media (min-width: 1140px) { .itrdctn__detail-item .detail__txt-ttl { font-size: 2.8rem; } }
.itrdctn__detail-item .detail__txt-ttl span { color: #B68933; background: -webkit-linear-gradient(0deg, #B68933 0%, #5b451a 85%); -webkit-background-clip: text; }
.itrdctn__detail-item .detail__txt-txt { font-size: 1.3rem; letter-spacing: 0.075em; line-height: 2; }
@media (min-width: 769px) { .itrdctn__detail-item .detail__txt-txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.8086253369 ); } }
@media (min-width: 1140px) { .itrdctn__detail-item .detail__txt-txt { font-size: 1.6rem; } }

/*	plan
---------------------------------------------------------------------------------------------------- */
#plan { margin-top: -110px; padding-top: 110px; }

.plan { padding: 40px 0; background: #FFF; }
.plan .plan__ttl { margin-bottom: 30px; font-size: 1.6rem; color: #1A150F; text-align: center; }
@media (min-width: 769px) { .plan .plan__ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.3303769401 ); } }
@media (min-width: 1220px) { .plan .plan__ttl { font-size: 2.2rem; } }
.plan .plan__wp { padding: 20px; background: #fff; }
.plan .plan__img { margin: auto; }

/*	access
---------------------------------------------------------------------------------------------------- */
#access { margin-top: -110px; padding-top: 110px; }

.access__wp { margin: 0 0 20px 0; }
.access__erea { margin: 0 0 5px 0; }
.access__erea-sttn p { font-size: 1.4rem; text-align: center; color: #1A150F; z-index: 2; text-shadow: 0 0 5px #747474; }
@media (min-width: 769px) { .access__erea-sttn p { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 2.2172949002 ); } }
@media (min-width: 1220px) { .access__erea-sttn p { font-size: 2.4rem; } }
.access__erea-sttn p .sttn { font-size: 1.6rem; }
@media (min-width: 769px) { .access__erea-sttn p .sttn { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 2.6607538803 ); } }
@media (min-width: 1220px) { .access__erea-sttn p .sttn { font-size: 2.8rem; } }
.access__erea-sttn p .num { font-size: 2.2rem; color: #cd1017; background: -webkit-linear-gradient(90deg, #cd1017 10%, #7a0400 100%); -webkit-background-clip: text; }
@media (min-width: 769px) { .access__erea-sttn p .num { font-size: calc( 2.2rem + ( 1vw - 7.69px ) * 3.9911308204 ); } }
@media (min-width: 1220px) { .access__erea-sttn p .num { font-size: 4rem; } }
.access__erea-time { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; margin: auto; width: 90%; }
.access__erea-time-sttn { font-size: 1.5rem; flex: 0 1 auto; width: auto; max-width: auto; box-sizing: border-box; position: relative; padding: 0 7px 0 0; max-width: none; background: #f4f4f4; z-index: 1; }
@media (min-width: 769px) { .access__erea-time-sttn { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 1.9955654102 ); } }
@media (min-width: 1220px) { .access__erea-time-sttn { font-size: 2.4rem; } }
.access__erea-time-sttn .erea-attn { position: absolute; font-size: 1.2rem; bottom: -15px; left: 0; }
.access__erea-time-mnts { font-size: 1.5rem; flex: 0 1 auto; width: auto; max-width: auto; box-sizing: border-box; position: relative; margin: 0 0 0 auto; padding: 0 0 0 10px; max-width: none; text-align: right; background: #f4f4f4; z-index: 1; }
@media (min-width: 769px) { .access__erea-time-mnts { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 1.9955654102 ); } }
@media (min-width: 1220px) { .access__erea-time-mnts { font-size: 2.4rem; } }
.access__erea-time-mnts span { font-size: 2.5rem; color: #8e1b37; }
@media (min-width: 769px) { .access__erea-time-mnts span { font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 5.5432372506 ); } }
@media (min-width: 1220px) { .access__erea-time-mnts span { font-size: 5rem; } }
.access__erea-time-line { font-size: 1.5rem; flex: 0 1 100%; width: 100%; max-width: 100%; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); top: 10%; height: 25px; text-align: right; overflow: hidden; }
@media (min-width: 769px) { .access__erea-time-line { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 2.2172949002 ); } }
@media (min-width: 1220px) { .access__erea-time-line { font-size: 2.5rem; } }
.access__erea:last-child { margin: 0; }
.access__map { margin-bottom: 10px; }
.access__map-box { box-sizing: border-box; position: relative; }
.access__map-box.google iframe { width: 100%; height: 30vh; max-height: 465px; }
.access__map-box.ilst { margin: 0% 0% 2.45% 0%; border: solid 2px #1A150F; }
.access__btn { text-align: right; }
.access__btn a { font-size: 1.4rem; position: relative; display: inline-block; margin: auto; color: #1A150F; }
@media (min-width: 769px) { .access__btn a { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.8869179601 ); } }
@media (min-width: 1220px) { .access__btn a { font-size: 1.8rem; } }
.access__btn a i { margin-left: 4px; }

/*	life
---------------------------------------------------------------------------------------------------- */
#life { margin-top: -110px; padding-top: 110px; }

.facilities__list { 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; }
.facilities__list li { flex: 0 1 48%; width: 48%; max-width: 48%; }
.facilities__list li:nth-of-type(n + 3) { margin-top: 15px; }
.facilities__img figcaption { font-size: 1.3rem; line-height: 1.7142857143; }
@media (min-width: 769px) { .facilities__img figcaption { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.22172949 ); } }
@media (min-width: 1220px) { .facilities__img figcaption { font-size: 1.4rem; } }

#gallery { margin-top: -110px; padding-top: 110px; }

/*	outline
---------------------------------------------------------------------------------------------------- */
#outline { margin-top: -110px; padding-top: 110px; }

.property { margin-bottom: 30px; }
.property__wp { margin: 0 0 4px; }
.property__con { background: #fff; border: solid 1px #1A150F; }
.property__con-box { width: 100%; border-bottom: 1px solid; border-color: #5b5b5b; }
.property__con-box-ttl { font-size: 1.3rem; box-sizing: border-box; padding: 5px; text-align: center; color: #FFF; background: #fde7bd; background: linear-gradient(90deg, #43382C 20%, #292118 100%); border-bottom: 1px solid; border-color: #1A150F; }
@media (min-width: 769px) { .property__con-box-ttl { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.9920318725 ); } }
@media (min-width: 1020px) { .property__con-box-ttl { font-size: 1.8rem; } }
.property__con-box-txt { font-size: 1.3rem; box-sizing: border-box; position: relative; padding: 5px 10px; }
@media (min-width: 769px) { .property__con-box-txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.9920318725 ); } }
@media (min-width: 1020px) { .property__con-box-txt { font-size: 1.8rem; } }
.property__con-box-txt .property__access { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.property__con-box-txt .property__access .access__point { flex: 0 1 80%; width: 80%; max-width: 80%; max-width: 320px; }
.property__con-box-txt .property__access .access__dstnce { flex: 0 1 20%; width: 20%; max-width: 20%; text-align: right; }
.property__con-box:last-child { border: none; }
.property__con-box.wi-50 { 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; }
.property__con-box.wi-50 .property__con-50 { flex: 0 1 50%; width: 50%; max-width: 50%; box-sizing: border-box; }
.property__con-box.wi-50 .property__con-50:first-child { border-right: 1px solid; border-color: #1A150F; }

.attn { font-size: 1.2rem; text-align: justify; }
@media (min-width: 769px) { .attn { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.796812749 ); } }
@media (min-width: 1020px) { .attn { font-size: 1.4rem; } }

.swiper__all .swiper__main { margin: 0% 0% 2.94% 0%; position: relative; width: 100vw; max-width: 100%; background: #dddddd; }
.swiper__all .swiper__main .swiper.item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; }
.swiper__all .swiper__main .swiper.item figure { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; width: auto; max-height: 90%; max-width: 90%; transform: translate(-50%, -50%) scale(1.7); }
.swiper__all .swiper__main .swiper.item figure .img-txt { position: absolute; bottom: -2.5px; right: -15px; width: 70px; height: 20px; font-size: 1.2rem; color: #fff; background: rgba(0, 0, 0, 0.7); transform: scale(0.5); }
.swiper__all .swiper__main .swiper.item figure .img-txt span { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.swiper__all .swiper__main .swiper.item .swiper-pagination { font-size: 1.2rem; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); bottom: 5px; text-align: center; }
@media (min-width: 769px) { .swiper__all .swiper__main .swiper.item .swiper-pagination { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.796812749 ); } }
@media (min-width: 1020px) { .swiper__all .swiper__main .swiper.item .swiper-pagination { font-size: 1.4rem; } }
.swiper__all .swiper__main .swiper.item .slide-arrow { cursor: pointer; width: 35px; height: 35px; background: #1A150F; z-index: 2; }
.swiper__all .swiper__main .swiper.item .slide-arrow.swiper-button-prev { left: 0; }
.swiper__all .swiper__main .swiper.item .slide-arrow.swiper-button-prev::after { left: 40%; border-top: solid 2px #fff; border-left: solid 2px #fff; transform: rotate(-45deg); }
.swiper__all .swiper__main .swiper.item .slide-arrow.swiper-button-next { right: 0; }
.swiper__all .swiper__main .swiper.item .slide-arrow.swiper-button-next::after { left: 25%; border-top: solid 2px #fff; border-left: solid 2px #fff; transform: rotate(135deg); }
.swiper__all .swiper__main .swiper.item .slide-arrow::after { position: absolute; content: "" !important; top: 33%; width: 10px; height: 10px; }
.swiper__all .swiper__main .slider_img { position: absolute; bottom: 0; right: 3px; font-size: 1rem; color: #000; }
.swiper__all .swiper__main::before { content: ''; display: block; padding-top: 75%; }

.thumb { width: 100%; margin: 0 auto 20px; }
.thumb .swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; 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; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.thumb .swiper-wrapper .swiper-slide { flex: 0 1 19.6%; width: 19.6%; max-width: 19.6%; position: relative; margin-right: 0.5% !important; margin-bottom: 0.5%; z-index: 1; cursor: pointer; overflow: hidden; }
.thumb .swiper-wrapper .swiper-slide figure { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; width: auto; max-height: 100%; max-width: 100%; }
.thumb .swiper-wrapper .swiper-slide figure img { transform: scale(2.5); }
.thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after { box-sizing: border-box; content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; border: solid 4px #1A150F; }
.thumb .swiper-wrapper .swiper-slide::before { content: ''; display: block; padding-top: 75%; }
.thumb .swiper-wrapper .swiper-slide:nth-child(5), .thumb .swiper-wrapper .swiper-slide:nth-child(10) { margin-right: 0 !important; }

.istttn .swiper__all .swiper__main .swiper.item figure .img-txt { right: -53px; width: 220px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { /*	introduction ---------------------------------------------------------------------------------------------------- */
  .itrdctn__action { padding: 14px 0; }
  .itrdctn__action::before { width: 1px; height: 60%; }
  .itrdctn__wp { 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; max-width: 1220px; margin: auto; }
  .itrdctn__access { flex: 0 1 50%; width: 50%; max-width: 50%; }
  .itrdctn__detail { padding: 4.91% 0% 0% 0%; }
  .itrdctn__detail-ttl { margin: 0% 0% 4.09% 0%; margin: 0% 0% 4.91% 0%; }
  .itrdctn__detail-item { 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; align-items: center; }
  .itrdctn__detail-item + .itrdctn__detail-item { margin: 5.73% 0% 0% 0%; }
  .itrdctn__detail-item .detail__img { flex: 0 1 52%; width: 52%; max-width: 52%; }
  .itrdctn__detail-item .detail__txt { flex: 0 1 45%; width: 45%; max-width: 45%; }
  .itrdctn__detail-item .detail__txt-ttl { margin-bottom: 5px; }
  .itrdctn__detail-item:nth-of-type(2n) { flex-direction: row-reverse; }
  /*	plan ---------------------------------------------------------------------------------------------------- */
  .plan { padding: 6.55% 0% 6.55% 0%; }
  	/*	access ---------------------------------------------------------------------------------------------------- */
  .access__wp { 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto 20px auto; max-width: 1000px; }
  .access__erea { flex: 0 1 49%; width: 49%; max-width: 49%; }
  .access__erea-time-line { top: 15%; }
  .access__erea-time-line { height: 35px; }
  .access__erea.full { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .access__map { margin-bottom: 20px; /*@include flex_wrap;*/ }
  .access__map-box { /*@include flex_box(48%);*/ }
  .access__map-box.google { /*@include margin(1220,0,0,30,0);*/ height: 45vh; }
  .access__map-box.google iframe { height: 100%; }
  .access__btn a i { margin-left: 10px; }
  /*	life ---------------------------------------------------------------------------------------------------- */
  .facilities__list li { flex: 0 1 32%; width: 32%; max-width: 32%; }
  .facilities__list li:nth-of-type(n + 3) { margin-top: 0; }
  .facilities__list li:nth-of-type(n + 4) { margin-top: 20px; }
  /*	outline ---------------------------------------------------------------------------------------------------- */
  .property__con { border: solid 1px #1A150F; }
  .property__con-box { 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; width: 100%; border-bottom: 1px solid; border-color: #5b5b5b; }
  .property__con-box-ttl { flex: 0 1 170px; width: 170px; max-width: 170px; border-right: 1px solid; border-bottom: none; padding: 10px 0; }
  .property__con-box-txt { flex: 0 1 calc(100% - 170px); width: calc(100% - 170px); max-width: calc(100% - 170px); padding: 10px 20px; }
  .property__con-box-txt .property__access .access__point { max-width: 380px; }
  .property__con-box.wi-50 .property__con-50 { 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; }
  .swiper__all .swiper__main .swiper.item .slide-arrow { width: 65px; height: 65px; }
  .swiper__all .swiper__main .swiper.item .slide-arrow.swiper-button-next::after { left: 10%; }
  .swiper__all .swiper__main .swiper.item .slide-arrow::after { top: 25%; width: 30px; height: 30px; }
  .swiper__all .swiper__main::before { padding-top: 63.8%; } }
/*------------------------------
		1021px以上
------------------------------*/
@media screen and (min-width: 1021px) { /*	introduction ---------------------------------------------------------------------------------------------------- */
  #introduction { margin-top: -100px; padding-top: 100px; }
  .itrdctn__detail-item .detail__txt-ttl { margin-bottom: 10px; }
  /*	plan ---------------------------------------------------------------------------------------------------- */
  #plan { margin-top: -150px; padding-top: 150px; }
  /*	access ---------------------------------------------------------------------------------------------------- */
  #access { margin-top: -150px; padding-top: 150px; }
  /*	life ---------------------------------------------------------------------------------------------------- */
  #life { margin-top: -150px; padding-top: 150px; }
  /*	outline ---------------------------------------------------------------------------------------------------- */
  #outline { margin-top: -150px; padding-top: 150px; }
  .property { margin: 0% 0% 4.91% 0%; } }
/*------------------------------
		1221px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

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