@charset "UTF-8";

.mainVisualTit sup{font-size: 10px;}

main{
    background-image: url("../imgs/bg_pc.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    background-attachment: fixed;
}

@media screen and (max-width: 767px) {
	main{
    background-image: url("../imgs/bg_sp.jpg");
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: top center;
    background-attachment: scroll;
}
}


.modelBottom{background-color: #fff;padding-top: 30px; padding-bottom: 10px;}

.w-full {
	overflow: hidden;
	position: relative
}

.w-full img {
	width: 100%;
}
.mainVisual .cap{left: unset;right: 10px;}
.w-full .caption{position: absolute; bottom:5px; left:5px; color: white;
}
.room .container{max-width: 1300px;}
.room .inner{display: flex;justify-content: space-between;flex-wrap: wrap;}
.room .inner-rv{flex-direction: row-reverse;}
.room h2{font-size: 40px;color: #94ADAB;text-align: center;}
.room h2 span{font-size: 20px; margin-bottom: 30px;display: block;color: #333}

.room h3{font-size: 28px;color: #94ADAB;writing-mode: vertical-lr;width: 5%;line-height: 1;}

.room .inner-rv h3{align-content: end;}
/*.room .list-img{width: 94.80%;}*/
.room .list-img.side{width: 94.80%;}

.room .list-img .row-2{display: flex;justify-content: space-between;flex-wrap: wrap;}

/* living-room */
.living-room .list-img .row-2{margin: 2% 0 0;}
.living-room .list-img .row-2 figure:nth-of-type(1){width:49.036237%;}
.living-room .list-img .row-2 figure:nth-of-type(2){width:49.036237%;}
/* bed-room */
.room{margin: 100px 0 0;}
/* private-room */
.private-room .list-img .row-2 figure:nth-of-type(1){width:49.036237%;}
.private-room .list-img .row-2 figure:nth-of-type(2){width:49.036237%;}

/* kitchen */

/* sanitary */
.sanitary .row-3{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sanitary .row-3 figure:nth-of-type(1){width:32.5%;}
.sanitary .row-3 figure:nth-of-type(2){width:32.5%;}
.sanitary .row-3 figure:nth-of-type(3){width:32.5%;}

.content .box-cap{margin-top: 60px;}

@media screen and (max-width: 767px) {
	.room{margin: 60px 0 0;}
	.room h2 span{font-size: 4.5vw; line-height: 1.5; }
	.room h3{width: 100%;writing-mode:unset;font-size:30px;margin: 0 0 20px; text-align: center;}
	.room .list-img,.room .list-img.side{width: 100%;}
	.content .box-cap{margin-top: 30px;}
	.list-img img{width: 100%;}
	.living-room .list-img .row-2{margin: 10px 0 0;}
	.living-room .list-img .row-2 figure:nth-of-type(1){width: 100%;}
	.living-room .list-img .row-2 figure:nth-of-type(2){width: 100%;margin-top: 10px;}

	.private-room .list-img .row-2 figure:nth-of-type(1){width: 100%;}
	.private-room .list-img .row-2 figure:nth-of-type(2){width: 100%;margin-top: 10px;}

	.sanitary .row-3 figure:nth-of-type(1){width: 100%;}
	.sanitary .row-3 figure:nth-of-type(2){width: 100%;margin-top: 10px;}
	.sanitary .row-3 figure:nth-of-type(3){width: 100%;margin-top: 10px;}
}

.vrModel.container{max-width: 1300px;}
.vrModel{padding: 200px 20px 50px; }
.vrModel iframe{width: 100%;aspect-ratio: 16 / 9;}


/* @media screen and (max-width: 413px) {
		.list-img img{width: 373px;height: 310px;object-fit: cover;object-position: center;}
		.sanitary  .list-img img{width: 373px;height: 400px;object-fit: cover;object-position: center;}
} */

/* insta */
.insta{background-image: url("../imgs/bg-insta_02.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    background-attachment: fixed;padding: 100px 0;overflow: hidden;}

@media screen and (max-width: 767px) {
	.insta{background-image: url("../imgs/bg-insta_02_sp.jpg");
		background-size: cover;
		background-position: top center;
		background-attachment: scroll;
		padding: 35px 0 35px;
	}
}
.insta .container-1210{max-width: 1210px;width: calc(100% - 30px);margin: 0 auto;}
.insta .row-img ul{display: flex;justify-content: space-between;}
.insta .row-img01{margin-bottom: -50px;}
.insta .row-img01 ul li:nth-of-type(even){margin-top: 30px;}
.insta .row-img ul li{width: 15.7%;}
.insta .row-img02{margin-top: -50px;}
.insta .row-img02 ul li:nth-of-type(even){margin-top: 30px;}
.insta .row-txt{background: rgba(256, 256, 256, 0.1);text-align: center;color: #ffffff;padding: 80px 50px;max-width: 1100px;margin: 0 auto;}
.insta .row-txt .inner-txt{border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;padding: 40px 0;}
.insta .row-txt .inner-txt .img-logo{margin-bottom: 20px;}
.insta .row-txt .inner-txt .txt-sub{font-size: 15px;letter-spacing: 0.5em;}
.insta .row-txt .inner-txt .txt-ttl{font-size: 28px;margin: 10px 0;}
.insta  .viewMore {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 247px;
  width: 100%;
  height: 48px;
  background: url("../../imgs/view-more-sinple.svg") no-repeat top left / 100% 100%;
  transition: 0.1s;
}
.insta  .viewMore span {
  position: absolute;
  top: 6px;
  left: 5px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}
.insta .viewMore span.maru {
  position: absolute;
  top: -1px;
  right: 0px;
  left: auto;
  display: block;
  width: 50px;
  height: 50px;
  animation: zoomFadeOutBlue 2s infinite linear;
}
.insta .viewMore:hover span {
  transform: translateX(10px);
}
.insta .viewMore:hover span.maru {
  transform: translateX(0px);
}

@keyframes zoomFadeOutBlue {
  0% {
    transform: scale(0);
    opacity: 0
  }

  40% {
    transform: scale(1.5);
    opacity: .5
  }

  80% {
    transform: scale(3);
    opacity: 0
  }

  100% {
    transform: scale(3);
    opacity: 0
  }
}

	@media screen and (max-width: 767px) {
		.insta .container-1210{width: 100%;}
		.insta .row-txt .inner-txt{padding: 20px 0;}
		.insta .row-txt .inner-txt .txt-sub{font-size: 12px;letter-spacing: 0.1em;}
		.insta .row-txt{padding: 60px 20px;}
		.insta .row-txt .inner-txt .txt-ttl{font-size: 19px;margin-top: 0;}
		.insta .row-img01{margin-bottom: -30px;}
		.insta .row-img01 ul li:nth-of-type(2n) {margin-top: 15px;}
		.insta .row-img02 {margin-top: -30px;}
		.insta .row-img02 ul li:nth-of-type(2n) {margin-top: 15px;}
		.insta .row-img ul li{margin-left: 5px;margin-right: 5px;}
		.insta .row-img ul{margin: 0 -15px;}
	}