@charset "UTF-8";
/* CSS Document */
/*--wapper--*/
html {
	scroll-behavior: smooth;
}
.content_wapper{
    width:96%;
    max-width:1400px;
    margin:0 auto 150px;
}

.contact_area{
	margin: 0 calc(50% - 50vw) 0px;
    width: 100vw;
	background:#000;
	padding:150px 0;
}
.contact_area .title{
	width:90%;
	margin:auto;
	max-width:1000px;
	color:#fff;
	margin-bottom:70px;
}
.contact_area .title h6{
	text-align:center;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	color:#fff;
	font-size:3rem;
	margin-bottom:20px;
}
.contact_area .title p .note{
	font-size:0.8rem;
}
.contact_area ul{
	width:90%;
	margin:auto;
	max-width:1000px;
	display:flex;
}
.contact_area ul li{
	width:50%;
	list-style:none;
}
.contact_area ul li{
	margin:0 20px;
}
.contact_area ul li:nth-child(1) .btn{
}
.contact_area ul li a{
	font-size:1rem;
	color:#fff;
}
.contact_area ul li a.arrowbtn{
	width:100%;
	padding:30px 60px 30px 30px;
	box-sizing:border-box;
	border:1px solid #fff;
}
.contact_area ul li a.arrowbtn.arrowbtn::after{
    border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
}
.contact_area ul li a img{
	display:inline-block;
	width:30px;
	vertical-align:middle;
	margin-right:20px;
}

/*--mainV--*/
.content_wapper .mainV{
	position:relative;
}
.content_wapper .mainV .image{
    margin: 0 calc(50% - 50vw);
    width: 100vw;
	height:100vh;
}
.content_wapper .mainV .image .img-frame{
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
   margin: 0 auto;
}
.content_wapper .mainV .image .img-frame .img-01,
.content_wapper .mainV .image .img-frame .img-02{
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
	background-position:bottom;
}
.content_wapper .mainV .image .img-frame .img-01{
   animation: slide-animation-01 24s infinite;
}
.content_wapper .mainV .image .img-frame .img-02{
   animation: slide-animation-02 24s infinite;
}
/*background画像は固定ページで指定*/

@keyframes slide-animation-01 {
	0% {opacity: 1; transform: scale(1.0);}
	60% {opacity: 1;}
	70% {opacity: 0; transform: scale(1.15);}
	90% {opacity: 0;}
	100% {opacity: 1; transform: scale(1.0);}
}
@keyframes slide-animation-02 {
	0% {opacity: 0;}
	60% {opacity: 0; transform: scale(1.0);}
	70% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0; transform: scale(1.10);}
}

.content_wapper .mainV .movie_btn{
	width:120px;
	height:120px;
	position:absolute;
	bottom:20px;
	right:10px;
}
.content_wapper .mainV .movie_btn dl{
	position:relative;
}
.content_wapper .mainV .movie_btn dl dt{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.content_wapper .mainV .movie_btn dl dt.text  img{
	animation:30s linear infinite rotation-toplogo;
}
@keyframes rotation-toplogo{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(-360deg); }
}

/*--mainV#top--*/
.content_wapper#top .mainV{
	margin: 0 calc(50% - 50vw) 100px;
    width: 100vw;
	height:80vh;
	position:relative;
}
.content_wapper#top > .mainV .title{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:fit-content;
	height:fit-content;
}
.content_wapper#top > .mainV .title h6{
    font-size:5rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1.0em;
	text-align:center;
	margin-bottom:10px;
}
.content_wapper#top > .mainV .title h1{
    font-size:1.2rem;
	text-align:center;
}



/*--maintitle--*/
.content_wapper .maintitle{
	padding:150px 0;
	display:flex;
	justify-content:space-between;
	width:96%;
	margin:auto;
}
.content_wapper .maintitle .content_title{
	width:50%;
	margin:0;
}
.content_wapper .maintitle .content_title h6{
	font-size:3.0rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1.2em;
	text-transform: unset;
}
.content_wapper .maintitle .content_title h6 span{
	font-size:60%;
	margin-right:0.3em;
}
.content_wapper .maintitle .content_title > h1{
	font-size:100%;
	line-height:1.3em;
}
.content_wapper .maintitle .content_path{
	font-size:95%;
	margin-bottom:50px;
	background:#fafafa;
}

.content_wapper .maintitle .title{
	width:50%;
}
.content_wapper .maintitle .title img{
	width:400px;
}
.content_wapper .maintitle .title h3{
	font-size:1.8rem;
    margin:0 0 50px;
}
.content_wapper .maintitle .title p{
}

/*--subV--*/
.subV{
    margin: 0 calc(50% - 50vw) 150px;
    width: 100vw;
	overflow:hidden;
}
.subV .area{
  overflow: hidden;
}
.subV .wrap{
	display: flex;
	background: linear-gradient(180deg, #fff 0%, #fff 40%, #000 40%, #000 100%);
}
.subV .item{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  font-weight: bold;
	position:relative;
}
.subV .item a{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.subV .item img{
	width:80%;
	max-width:1200px;
	height:auto;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .3));
	box-sizing:border-box;
}
.subV .item .word{
	color:#fff;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	font-size:3.5rem;
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/*--design--*/
.content_wapper .design{
	margin: 0 calc(50% - 50vw) 150px;
	width: 100vw;
	
}
.content_wapper .design ol{
	width:90%;
	max-width:1200px;
	margin:auto;
	display:flex;
	justify-content:space-between;
}
.content_wapper .design_box{
	width:40%;
	overflow:hidden;
	background:#f3f3f3;
	padding:20px;
	box-sizing:border-box;
}
.content_wapper .design_box .swiper-wrapper{
}

.content_wapper .design_box .slider{
	width:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.content_wapper .design_box .slider img{
	object-fit:cover;
	width:100%;
	height:100%;
}
.content_wapper .design_box .slider-thumbnail{
}

.content_wapper .design_box .slider-thumbnail .swiper-slide{
	height:80px;
	overflow:hidden;
	opacity: 0.5;
	box-sizing:border-box;
	padding:2px;
}
.content_wapper .design_box .slider-thumbnail .swiper-slide img{
	object-fit:cover;
	width:100%;
	height:100%;
	border:1px solid #666;
	box-sizing:border-box;
}
.content_wapper .design_box .slider-thumbnail .swiper-slide-thumb-active {
	opacity: 1;
}
.content_wapper .design .text{
	width:50%;
	overflow:hidden;
	align-items:center;
	display:flex;
}
.content_wapper .design .text > div h6{
	font-size:3.0rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
}
.content_wapper .design .text > div h2{
	font-size:1.3rem;
	margin-bottom:30px;
}
.content_wapper .design .swiper-button-prev,
.content_wapper .design .swiper-button-next{
	background:#000;
	padding:40px 10px;
	box-sizing:border-box;
	top:40%;
	--swiper-navigation-color: #ffffff;
	z-index:2;
}
.content_wapper .design .swiper-button-prev{
	left:0;
}
.content_wapper .design .swiper-button-next{
	right:0;
}




/*--space--*/
.content_wapper .space{
	margin: 0 calc(50% - 50vw) 0px;
	width: 100vw;
}
.content_wapper .space ol{
	width:90%;
	max-width:1200px;
	margin:auto;
	display:flex;
	justify-content:space-between;
	flex-direction: row-reverse;
	margin-bottom:150px;
}
.content_wapper .space ol .image{
	width:40%;
	box-sizing:border-box;
	align-items:center;
	display:flex;
	padding:20px;
	background:#f3f3f3;
}
.content_wapper .space ol .image img{
	width:80%;
	margin:auto;
}
.content_wapper .space ol .text{
	width:50%;
}

.content_wapper .space ol .text > h6{
	font-size:3.0rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
}
.content_wapper .space ol .text > h2{
	font-size:1.3rem;
	margin-bottom:30px;
}
.content_wapper .space .floorPlan{
	width:100%;
	padding:100px 50px;
	background:#f9f9f9;
	box-sizing:border-box;
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
	background-size: 16px 16px;
	background-repeat: repeat;
	background-position: center center;
}
.content_wapper .space .floorPlan h6{
	font-size:3.0rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	text-align:center;
}
.content_wapper .space .floorPlan h2{
	font-size:1.2rem;
	margin-bottom:30px;
	text-align:center;
}
.content_wapper .space .floorPlan dl{
	width:80%;
	max-width:1000px;
	margin:auto;
	display:flex;
	justify-content:space-between;
}
.content_wapper .space .floorPlan dl#onefloor{
	width:80%;
	max-width:500px;
	margin:auto;
	display:flex;
	justify-content:space-between;
}
.content_wapper .space .floorPlan dl dt{
	position:relative;
	width:48%;
	padding-bottom:30px;
}
.content_wapper .space .floorPlan dl#onefloor dt{
	width:100%;
}
.content_wapper .space .floorPlan dl dt img{
	width:80%;
	margin:auto;
	display:block;
}
.content_wapper .space .floorPlan dl dt > div{
	font-size:0.8rem;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:fit-content;
	font-weight:500;
	font-family: 'Barlow', sans-serif;
	background:#000;
	color:#fff;
	padding:0 1em;
	border-radius:50px;
}

.content_wapper .space .floorPlan .note{
	padding:10px 15px;
	background:#fff;
	box-sizing:border-box;
	width:80%;
	max-width:1000px;
	margin:30px auto 0;
}


/*--interior 自由な箱の家--*/
.content_wapper .space .floorPlan_ex{
	background:#f9f9f9;
	padding:70px 0 100px;
	background:#f9f9f9;
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
	background-size: 16px 16px;
}
.content_wapper .space .floorPlan_ex h6{
	font-size:2.0rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	text-align:center;
}
.content_wapper .space .floorPlan_ex h2{
	font-size:1.2rem;
	margin-bottom:30px;
	text-align:center;
}
.content_wapper .space .floorPlan_ex ul{
	width:90%;
	max-width:1000px;
	margin:auto;
	background:#fff;
	padding:30px;
	box-sizing:border-box;
}
.content_wapper .space .floorPlan_ex ul li{
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #ccc;
	padding:50px 0;
}
.content_wapper .space .floorPlan_ex ul li:nth-child(even){
	flex-direction: row-reverse;
}
.content_wapper .space .floorPlan_ex ul li:last-child{
	border:none;
}
.content_wapper .space .floorPlan_ex ul li dt{
	width:30%;
	align-items:center;
	display:flex;
}
.content_wapper .space .floorPlan_ex ul li dt img{
	width:100%;
}
.content_wapper .space .floorPlan_ex ul li dd{
	width:65%;
}
.content_wapper .space .floorPlan_ex ul li dd h4{
	font-size:1.5rem;
	font-weight:300;
	font-family: 'Barlow', sans-serif;
	margin-bottom:10px;
	border-bottom:2px solid #000;
}



/*--dayAndNight--*/
#dayAndNight {
	margin:auto;
  position: relative;
	margin-bottom:150px;
	background:#f6f6f6;
		margin: 0 calc(50% - 50vw) 0px;
	width: 100vw;
	 padding:100px 0;
}
#dayAndNight h6{
	font-size:3.0rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	text-align:center;
}
#dayAndNight h2{
	font-size:1.2rem;
	margin-bottom:30px;
	text-align:center;
}
#dayAndNight .sectionInner {
  z-index: 2;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  #dayAndNight .sectionInner {
  }
}
#dayAndNight .sectionInner {
	overflow:hidden
}
#dayAndNight .dayAndNightWrap {
  justify-content: flex-start;
  width: 100%;
	margin:auto;
}

@media only screen and (max-width: 1023px) {
  #dayAndNight .dayAndNightWrap {
    display: block;
  }
}

#dayAndNight .dayAndNightWrap .contentWrap {
	width:96%;
	max-width:1000px;
	margin:auto;
}
#dayAndNight .dayAndNightWrap .contentWrap h3{
	font-size:1.2rem;
	margin-bottom:10px;
}

@media only screen and (min-width: 1280px) {
}

@media only screen and (max-width: 1023px) {
  #dayAndNight .dayAndNightWrap .contentWrap {
    margin: 5% auto 0;
    width: 90%;
  }
}

#dayAndNight .dayAndNightWrap .contentWrap .textWrap {
  margin-top: 3rem;
}

@media only screen and (max-width: 767px) {
	#dayAndNight h6{
		font-size:2.5rem;
	}
	#dayAndNight .dayAndNightWrap .contentWrap h3{
		font-size:1.2rem;
	}
	#dayAndNight .dayAndNightWrap .contentWrap .textWrap {
    margin-top: 2rem;
  }
}

#dayAndNight .dayAndNightWrap .imageWrap {
  position: relative;
  padding-bottom: 10px;
  width: 100%;
  max-width:1000px;
  margin:auto;
}

@media only screen and (max-width: 1023px) {
  #dayAndNight .dayAndNightWrap .imageWrap {
    width: 100%;
  }
}

@media only screen and (min-width: 1280px) {
  #dayAndNight .dayAndNightWrap .imageWrap::before {
    display: none;
  }
}



.cd-image-container {
  position: relative;
  width: 100%;
  margin: 0;
}

.cd-image-container img {
  display: block;
  width: 100%;
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}

.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}

.is-visible .cd-resize-img {
  width: 50%;
  animation: cd-bounce-in 0.7s;
}

@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}

.cd-separator {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background-color: #fff;
	z-index:10;
}
.cd-handle {
  position: absolute;
  height: 4.0rem;
  width: 4.0rem;
  bottom: calc(50% + -2rem);
  left: 50%;
  margin-left: -2rem;
  margin-top: -2rem;
  cursor: ew-resize;
	background:#fff;
}
.cd-handle::before, .cd-handle::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}
.cd-handle::before {
  left: 0.8rem;
  transform: rotate(45deg) translateY(-50%) scale(-1);
}
.cd-handle::after {
  right: 1.3rem;
  transform: rotate(45deg) translateY(-50%);
}
.is-visible .cd-handle {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
.cd-handle .cd-handle-label {
  position: absolute;
  top: 50%;
  font-size: 1.4rem;
  color: #fff;
  transform: translateY(-50%);
}
.cd-handle .cd-handle-label.day {
	font-weight:bold;
	font-family: 'Barlow', sans-serif;
  left: -2.3em;
}
.cd-handle .cd-handle-label.night {
	font-weight:bold;
	font-family: 'Barlow', sans-serif;
  right: -3.3em;
}




/*--interior--*/
.content_wapper .interior{
	margin-top:100px;
    margin-bottom:100px;
}
.content_wapper .interior h6{
    font-size:3.0rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	text-align:center;
}
.content_wapper .interior h2{
	font-size:1.2rem;
	margin-bottom:30px;
	text-align:center;
}
.content_wapper .interior ol{
	width:96%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:auto;
}
.content_wapper .interior ol li{
	width:29%;
	list-style:none;
	margin-bottom:50px;
}
.content_wapper .interior ol li dt{
	overflow:hidden;
	margin-bottom:10px;
}
.content_wapper .interior ol li dt img{
	height:100%;
	width:100%;
	object-fit:cover;
}
.content_wapper .interior ol li h5{
	font-size:1.0rem;
	margin:5px 0;
}


/*--vr--*/
.content_wapper .vr{
	margin: 0px calc(50% - 50vw) 150px;
	width: 100vw;
}
.content_wapper .vr h6{
    font-size:3.5rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	text-align:center;
}
.content_wapper .vr h2{
	font-size:1.3rem;
	margin-bottom:30px;
	text-align:center;
}
.content_wapper .vr iframe{
	width:100%;
	height:40vw;
	min-height:550px;
}


/*--spec--*/
.content_wapper .spec{
	width: 96%;
	margin:auto;
}
.content_wapper .spec h6{
    font-size:3.0rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	text-align:center;
}
.content_wapper .spec h2{
	font-size:1.2rem;
	margin-bottom:30px;
	text-align:center;
}
.content_wapper .spec .swiper-container.slider2{
	margin: 0 calc(50% - 50vw) 150px;
	width: 100vw;
	overflow:hidden;
	position:relative;
	padding-bottom:50px;
}
.content_wapper .spec .swiper-container.slider2 .note{
	font-size:0.7rem;
	text-align:right;
}
.content_wapper .spec .swiper-container.slider2 ul.swiper-wrapper{
	width: 100%;
	height: 100%;
}
.content_wapper .spec .swiper-container.slider2 ul.swiper-wrapper li.swiper-slide{
	list-style:none;
	padding:0 5px;
	box-sizing:border-box;
	position:relative;
}
.content_wapper .spec .swiper-container.slider2 ul.swiper-wrapper li.swiper-slide dt{
	overflow:hidden;
	height:370px;
}
.content_wapper .spec .swiper-container.slider2 ul.swiper-wrapper li.swiper-slide dt img{
	object-fit: cover;
	width:100%;
	height:100%;
}
.content_wapper .spec .swiper-container.slider2 ul.swiper-wrapper li.swiper-slide dd{
	width:90%;
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	margin:auto;
	padding:10px 0;
	color:#fff;
	background:#0009;
}
.content_wapper .spec .swiper-container.slider2 ul.swiper-wrapper li.swiper-slide dd p{
	font-size:0.7rem;
	text-align:center;
	line-height:1em;
	margin-bottom:0.5em;
}
.content_wapper .spec .swiper-container.slider2 ul.swiper-wrapper li.swiper-slide dd h4{
	font-size:1.0rem;
	line-height:1em;
	text-align:center;
}
.content_wapper .spec .swiper-button-prev,
.content_wapper .spec .swiper-button-next{
	background:#000;
	padding:40px 10px;
	box-sizing:border-box;
	top:40%;
	--swiper-navigation-color: #ffffff;
	z-index:2;
}
.swiper-button-next:after,
.swiper-button-prev:after {
	width:100%;
    font-size:unset !important;
}
.content_wapper .spec .swiper-button-prev{
	left:0;
}
.content_wapper .spec .swiper-button-next{
	right:0;
	z-index:1;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: var(--swiper-pagination-bottom,8px);
    top:unset !important;
    left: 0;
	bottom:0px !important;
    width: 100%;
	border-radius:unset !important;
}
.swiper-pagination-bullet {
    border-radius:unset !important;
	height:3px !important;
	width:23px !important;
	background:#000 !important;
}

/*--point--*/
.content_wapper .point{
    margin-bottom:150px;
}
.content_wapper .point h6{
    font-size:3.0rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	text-align:center;
}
.content_wapper .point h2{
	text-align:center;
	margin-bottom:30px;
	font-size:1.2rem;
}
.content_wapper .point ol{
	width:96%;
	max-width:1400px;
	margin:auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	counter-reset: number 0;
}
.content_wapper .point ol.column3{
}
.content_wapper .point ol li{
	width:24%;
	list-style:none;
	padding:20px 20px 20px;
	box-sizing:border-box;
	background:#f6f6f6;
}
.content_wapper .point ol li:before{
	counter-increment: number 1;
	content: counter(number,decimal-leading-zero) " ";
	font-family: 'Barlow', sans-serif;
	position:absolute;
	font-weight:100;
	font-size:1.3rem;
	top:0px;
	left:0px;
	background:#000;
	color:#fff;
	padding:0.3rem;
	
}
.content_wapper .point ol.column3 li{
	width:32%;
	margin-bottom:20px;
}
.content_wapper .point ol li dt{
	width:100%;
	margin-bottom:10px;
}
.content_wapper .point ol li dt img{
	width:100%;
	display:block;
	margin:auto;
}
.content_wapper .point ol li dd{
	width:100%;
}
.content_wapper .point ol li dd h4{
	font-size:1.0rem;
	text-align:center;
}
.content_wapper .point ol li dd p{
	font-size:95%;
	line-height:1.6em;
}
.content_wapper .point ol.column3 li dt img{
	width:100%;
}
.content_wapper .point ol li dt h4{
	text-align:center;
	font-size:1.0rem;
}
.content_wapper .point ol li dt p{
	font-size:0.9rem;
}

/*--info--*/
.content_wapper .info{
	width:fit-content;
	margin:0 auto 150px;
	border-top:5px solid #666;
	border-bottom:5px solid #666;
	padding:30px 40px;
}
.content_wapper .info .logo{
	margin:auto;
	width:fit-content;
}
.content_wapper .info > h6{
    font-size:3.5rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	text-align:center;
	margin-bottom:30px;
}
.content_wapper .info > h3{
	font-size:1.5rem;
	text-align:center;
	margin-bottom:30px;
}
.content_wapper .info .price{
	font-size:1.5rem;
	font-weight:bold;
}
.content_wapper .info .price span{
	font-size:2.8rem;
	font-weight:bold;
	font-family: 'Barlow', sans-serif;
}
.content_wapper .info .note{
	text-align:right;
	font-size:0.8rem;
}
.content_wapper .info table{
	width:100%;
	border-collapse:collapse;
	margin:20px 0 0 0;
}
.content_wapper .info table tr{
	border-bottom:1px solid #ccc;
}
.content_wapper .info table tr:nth-child(1){
	border-top:1px solid #ccc;
}	
.content_wapper .info table tr td{
	font-weight:bold;
	width:50%;
	padding:0.5em;
	text-align:center;
}


.content_wapper .catalog{
	margin: 0 calc(50% - 50vw) 0px;
	width: 100vw;
	background:#000;
}
.content_wapper .catalog dl{
	width:100%;
	max-width:1400px;
	margin:auto;
	display:flex;
	justify-content:space-between;
}
.content_wapper .catalog dl dd{
	width:50%;
	color:#fff;
	align-items:center;
	display:flex;
}
.content_wapper .catalog dl dd > .inner{
	width:90%;
	max-width:500px;
	margin:auto;
	padding:100px 0;
}
.content_wapper .catalog dl dd h6{
	font-size:2.5rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
}
.content_wapper .catalog dl dd h4{
	font-size:1.1rem;
	margin-bottom:10px;
}
.content_wapper .catalog dl dd p .note{
	font-size:0.8rem;
}

.content_wapper .catalog dl dd .btn a.arrowbtn{
	width:100%;
	color:#fff;
	border:1px solid #fff;
	padding:15px 70px 15px 30px;
	font-size:1rem;
	margin-top:40px;
	box-sizing:border-box;
}
.content_wapper .catalog dl dd .btn a.arrowbtn:after{
	border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
}

.content_wapper .catalog dl dt{
	width:50%;
	overflow:hidden;
	padding:30px 4% 30px;
	box-sizing:border-box;
}
.content_wapper .catalog dl dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}

/* announcement*/
.content_wapper .announcement {
	margin: 0 calc(50% - 50vw) ;
	width: 100vw;
	border:nonoe;
	box-sizing:border-box;
	border-radius:0;
	background:#000000;
	color:#fff;
}
.content_wapper .announcement p{
	width:90%;
	max-width:1200px;
	margin:auto;
	border:1px solid #fff;
	padding:20px;
}
.content_wapper .announcement p a{
	color:#fff;
}



/* detail_wrap */
.detail_wrap{
	width:90%;
	max-width:1400px;
	margin:auto;
}

.detail_wrap .tec{
	margin-bottom:100px;
}
.detail_wrap .tec .tecbox{
	display:flex;
	justify-content:space-between;
	margin-bottom:150px;
}
.detail_wrap .tec .tecbox li{
	list-style:none;
}
.detail_wrap .tec .tecbox li:nth-child(1){
	position:relative;
	width:45%;
}
.detail_wrap .tec .tecbox li:nth-child(1) .mainV{
	position:sticky;
	top:20%;
	height:fit-content;
}
.detail_wrap .tec .tecbox li:nth-child(1) .mainV h3{
	font-size:1.3rem;
	margin-bottom:5px;
}
.detail_wrap .tec .tecbox li:nth-child(1) .mainV h3 span{
	display: flex;
    align-items: center;
}
.detail_wrap .tec .tecbox li:nth-child(1) .mainV h3 span:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
	margin-left: 1rem;
}
.detail_wrap .tec .tecbox li:nth-child(1) .mainV h5{
	font-size:0.8rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	margin-bottom:20px;
}
.detail_wrap .tec .tecbox li:nth-child(1) .mainV dt{
	width:100%;
	text-align:center;
}
.detail_wrap .tec .tecbox li:nth-child(1) .mainV dt img{
	width:80%;
}
.detail_wrap .tec .tecbox li:nth-child(2){
	width:50%;
	box-sizing:border-box;
}
.detail_wrap .tec .tecbox li:nth-child(2) dl{
	margin-bottom:50px;
	border:1px solid #ccc;
	padding:50px 30px 30px;
	position:relative;
}
.detail_wrap .tec .tecbox li:nth-child(2) dl:last-child{
}
.detail_wrap .tec .tecbox li:nth-child(2) dl h4{
	font-size:0.9rem;
	margin-bottom:10px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	background:#000;
	color:#fff;
	padding:5px;
	width:fit-content;
	margin:auto;
	padding:5px 30px;
	border-radius:0 0 5px 5px;
}
.detail_wrap .tec .tecbox li:nth-child(2) dl dt{
	width:100%;
	text-align:center;
	margin-top:30px;
}
.detail_wrap .tec .tecbox li:nth-child(2) dl dt img{
	width:80%;
}
.detail_wrap .tec .tecbox.madori li:nth-child(2) dl dt img{
	width:100%;
	max-width:100%;
}


.detail_wrap .step{
	background:#f9f9f9;
	margin: 0 calc(50% - 50vw) 100px;
    width: 100vw;
	padding:100px 0;
}
.detail_wrap .step .title{
	text-align:center;
	margin-bottom:50px;
}
.detail_wrap .step .title h5{
	font-size:3.0rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1em;
	margin-bottom:10px;
}
.detail_wrap .step .title h3{
	font-size:1.2rem;
}
.detail_wrap .step .title h3 span{
	font-size:80%;
	display:block;
	line-height:1em
}
.detail_wrap .step ul{
	max-width:700px;
	margin:auto;
	width:90%;
}
.detail_wrap .step ul dl{
	display:flex;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	position: relative;
	justify-content:space-between;
}
.detail_wrap .step ul dl:before {
  content: "";
  position: absolute;
  bottom: -21px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #f9f9f9;
  z-index: 2;
}

.detail_wrap .step ul dl:after {
  content: "";
  position: absolute;
  bottom: -21.0px;
  left: 50%;
  margin-left: -13px;
  border: 10px solid transparent;
  border-top: 10px solid #ccc;
  z-index: 1;
}
.detail_wrap .step ul dl:last-child{
}
.detail_wrap .step ul dl:last-child:after {
  content:none;
  position:none;
  border:none;
  border-top:none;
  z-index: 1;
}
.detail_wrap .step ul dl:last-child:before {
  content:none;
  position:none;
}
.detail_wrap .step ul dl dd.number{
	width:70px;
	font-size:3rem;
	font-family: 'Barlow', sans-serif;
	font-weight:100;
	align-items:center;
	display:flex;
	box-sizing:border-box;
}
.detail_wrap .step ul dl dd.number span{
	font-size:1.5rem;
	background:#000;
	color:#fff;
	padding:20px;
	box-sizing:border-box;
	display:block;
	width:100%;
	text-align:center;
}
.detail_wrap .step ul dl dd.text{
	width:calc(100% - 90px)
}
.detail_wrap .step ul dl dd.text p{
	line-height:1.5em
}
.detail_wrap .faq{
	margin-bottom:100px;
}
.detail_wrap .faq .title{
	text-align:center;
	margin-bottom:50px;
}
.detail_wrap .faq .title h5{
		font-size:3.0rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1em;
	margin-bottom:10px;
}
.detail_wrap .faq .title h3{
	font-size:1.3rem;
}
.detail_wrap .faq ul{
	max-width:700px;
	margin:auto;
	width:90%;
}
.detail_wrap .faq ul li{
	list-style:none;
	box-sizing:border-box;
	margin-bottom:50px;
}
.detail_wrap .faq ul li dt{
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
.detail_wrap .faq ul li dt h4{
	font-weight:bold;
	font-size:1.05rem;
	padding-bottom:0.5em;
}
.detail_wrap .faq ul li dt h4::before{
	content:"Q";
	font-size:1.5rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	color:#004098;
	margin-right:0.3em
}
.detail_wrap .faq ul li dd p{
	padding-left:1.7em;
	text-indent:-1.7em;
}
.detail_wrap .faq ul li dd p::before{
	content:"A";
	color:#c52c60;
	font-size:170%;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1.2em;
	margin-right:0.5em;
}


/* other_product */
.other_product{
	margin-bottom:100px;
}
.other_product .title{
	width:96%;
	max-width:1400px;
	margin:auto;
}
.other_product .title h6{
	font-size:2rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
}
.other_product .title h2{
	font-size:0.9rem;
	margin-bottom:30px;
}
.other_product .swiper-container.slider3{
	margin: 0 calc(50% - 50vw) 0px;
	width: 100vw;
	overflow:hidden;
	position:relative;
	padding-bottom:50px;
}
.other_product .swiper-container.slider3 .swiper-slide{
	padding:0 20px;
	box-sizing:border-box;
	position:relative;
}
.other_product .swiper-container.slider3 .swiper-slide .number{
	position:absolute;
	top:5px;
	left:25px;
	font-size:2rem;
	color:#fff;
	font-family: 'Barlow', sans-serif;
	font-weight:300;
	z-index:1;
}
.other_product .swiper-container.slider3 .swiper-slide dt{
	overflow:hidden;
}
.other_product .swiper-container.slider3 .swiper-slide dt img{
	object-fit:cover;
	width:100%;
	height:100%;
}
.other_product .swiper-container.slider3 .swiper-slide dd{
}
.other_product .swiper-container.slider3 .swiper-slide dd h4{
	font-size:1rem;
	margin:10px 0 0;
}
.other_product .swiper-container.slider3 .swiper-slide dd p{
	font-size:0.8rem;
	line-height:1.5em;
}
.other_product .swiper-button-prev,
.other_product .swiper-button-next{
	background:#000;
	padding:40px 10px;
	box-sizing:border-box;
	top:30%;
	--swiper-navigation-color: #ffffff;
	z-index:2;
}
.other_product .swiper-button-prev{
	left:0;
}
.other_product .swiper-button-next{
	right:0;
}



/*--top_main--*/
.content_wapper .top_main{
}
.content_wapper .top_main .title{
	padding:20vh 0 20px;
}
.content_wapper .top_main h6{
	font-size:6rem;
	font-family: 'Barlow', sans-serif;
	font-weight:300;
	line-height:1em;
}
.content_wapper .top_main h6 span{
	font-size:50%;
	line-height:1em;
}
.content_wapper .top_main .main_image{
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}
.content_wapper .top_main .main_image .slider{
}
.content_wapper .top_main .main_image .slider .slick-slide{
	overflow:hidden;
	height:60vh;
}
.content_wapper .top_main .main_image .slider .slick-slide img{
	object-fit:cover;
	height:100%;
	width:100%;
}


/*--top_ep--*/
.content_wapper .top_ep{
	padding:20vh 0;
}
.content_wapper .top_ep h2{
	font-size:1.5rem;
	margin-bottom:1.2em;
}
.content_wapper .top_ep p{
	max-width:700px;
}


/*--top_lineup--*/
.content_wapper .top_lineup{
	margin-bottom: 100px;
}
.content_wapper .top_lineup ul{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.content_wapper .top_lineup ul li{
	width:50%;
	list-style:none;
	margin-bottom:50px;
	padding:0 0.2%;
	box-sizing:border-box;
	 counter-increment: mycounter;
	position:relative;
}
.content_wapper .top_lineup ul li a.arrowbtn{
	width:100%;
	height:100%;
}
.content_wapper .top_lineup ul li a.arrowbtn::after{
    position: absolute;
	top:unset;
	bottom:0;
    border-right: 2px solid #000;
    border-bottom: 1px solid #000;
}
.content_wapper .top_lineup ul li:before{
	content: counter(mycounter, decimal-leading-zero);
	position:absolute;
	top:0:
	left:0;
	font-size:7rem;
	font-weight:200;
	font-family: 'Barlow', sans-serif;
	color:#fff;
	line-height:1em;
	z-index:1;
}
.content_wapper .top_lineup ul li dt{
	width:100%;
	overflow:hidden;
	height:400px;
	margin-bottom:10px;
}
.content_wapper .top_lineup ul li dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.content_wapper .top_lineup ul li dd{
}
.content_wapper .top_lineup ul li dd h4{
	font-size:1.5rem;
}
.content_wapper .top_lineup ul li dd h5{
	font-size:0.9rem;
}
.content_wapper .top_lineup ul li dd p{
	font-size:0.8rem;
}

/* ----------floatingBanner–---------- */
.bl_floatingBanner {
	bottom:100px;
}

/* ----------1199px–---------- */
@media screen and (max-width: 1199px) {
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
	.content_wapper .interior ol li{
		width:49%;
	}
	.contact_area ul{
		width:90%;
		max-width:unset;
		display:block;
	}
	.contact_area ul li{
		width:100%;
		max-width:500px;
		display:block;
		margin:0 auto 50px;
	}
}

/* ----------895px–---------- */
@media screen and (max-width: 895px) {
	.content_wapper .maintitle{
		display:block;
		justify-content:unset;
		width:96%;
	}
	.content_wapper .maintitle .content_title{
		width:100%;
		margin:0 0 70px; 0;
	}
	.content_wapper .maintitle .title{
		width:100%;
	}
}

/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.content_wapper .maintitle{
		padding:70px 0;
	}
	.subV .item{
		height:90vh;
	}
	.subV .item a{
		height:90vh;
	}
	.subV .item img{
		object-fit:cover;
		height:80%;
		width:90%;
	}
	.subV .item .word{
		bottom: 5%;
	}
	.content_wapper .design ol{
		display:block;
		justify-content:unset;
	}
	.content_wapper .design_box{
		width:100%;
		max-width:600px;
		margin:0 auto 20px;
		overflow:hidden;
	}
	.content_wapper .design .text{
		width:100%;
		overflow:hidden;
		align-items:unset;
		display:unset;
	}
	.content_wapper .design .text > div h6{
		font-size:2.5rem;
		text-align:center;
	}
	.content_wapper .design .text > div h2{
		font-size:1.1rem;
		text-align:center;
		margin-bottom:10px;
	}
	.content_wapper .space ol{
		display:block;
		justify-content:unset;
		flex-direction: unset;
	}
	.content_wapper .space ol .image{
		width:100%;
		align-items:unset;
		display:block;
	}
	.content_wapper .space ol .image img{
		width:90%;
		max-width:300px;
		margin:0 auto 20px;
		display:block;
	}
	.content_wapper .space ol .text{
		width:100%;
	}
	.content_wapper .space ol .text > h6{
		font-size:2.5rem;
		text-align:center;
	}
	.content_wapper .space ol .text > h2{
		font-size:1.1rem;
		margin-bottom:10px;
		text-align:center;
	}
	.content_wapper .space .floorPlan h6{
		font-size:2.5rem;
	}
	.content_wapper .space .floorPlan dl{
		margin:auto;
		display:block;
		justify-content:unset;
	}
	.content_wapper .space .floorPlan dl dt{
		margin-bottom:50px;
		width:100%;
	}
	.content_wapper .space .floorPlan dl dt img{
		width:100%;
		max-width:400px;
	}
	.content_wapper .space .floorPlan dl dt:nth-child(2n){
		margin-bottom:20px;
		width:100%;
	}
	.content_wapper .space .floorPlan .note{
		width:100%;
	}
	.content_wapper .space .floorPlan_ex ul li{
		display:block;
	}
	.content_wapper .space .floorPlan_ex ul li dt{
		width:100%;
		margin-bottom:20px;
	}
	.content_wapper .space .floorPlan_ex ul li dt img{
		width:100%;
		max-width:400px;
		margin:auto;
	}
	.content_wapper .space .floorPlan_ex ul li dd{
		width:100%;
	}
	.content_wapper .space .floorPlan_ex ul li dd h4{
		text-align:center;
	}
	.content_wapper .interior ol li{
		width:100%;
	}
	.content_wapper .interior h6{
	    font-size:2.5rem;
	}
	.content_wapper .interior h2{
		font-size:1.1rem;
	}
	.content_wapper .spec h6{
	    font-size:2.5rem;, sans-serif;
		text-align:center;
	}
	.detail_wrap .tec .tecbox li:nth-child(2) dl dt img{
		width:80%;
		max-width:300px;
	}
	.content_wapper .point h6{
	    font-size:2.5rem;
	}
	.content_wapper .point h2{
		font-size:1.1rem;
	}
	.content_wapper .point ol li,
	.content_wapper .point ol.column3 li{
		width:48%;
		margin-bottom:20px;
	}
	.detail_wrap .tec .tecbox li:nth-child(2) dl{
		margin-bottom:50px;
		border:1px solid #ccc;
		padding:40px 3% 20px;
		position:relative;
	}
		.content_wapper .catalog dl{
		margin:auto;
		display:block;
		justify-content:unset;
	}
	.content_wapper .catalog dl dd{
		width:100%;
	}
	.content_wapper .catalog dl dt{
		width:100%;
		/* max-height:400px; */
		overflow:hidden;
	}
	.content_wapper .catalog dl dt img{
		object-position:bottom;
	}
	
	/*--top_ep--*/
	.content_wapper .top_ep{
		padding:10vh 0;
	}
	.content_wapper .top_ep h2{
		font-size:4vw;
		margin-bottom:1.2em;
	}
	.content_wapper .top_ep p{
		max-width:unset;
		font-weight:unset;
		font-size:unset;
	}
	.content_wapper .top_lineup ul{
		width:100%;
		display:block;
		justify-content:unset;
		flex-wrap:unset;
	}
	.content_wapper .top_lineup ul li{
		width:100%;
	}
	.content_wapper .top_lineup ul li dd h5{
		font-size:3vw;
	}
	.content_wapper .top_lineup ul li dd h4{
		font-size:5vw;
	}
	.content_wapper .catalog dl dd > .inner{
		padding:30px 0;
	}

	
	.detail_wrap .tec .tecbox{
		display:block;
		justify-content:block;
		margin-bottom:100px;
	}
	.detail_wrap .tec .tecbox li:nth-child(1){
		width:100%;
		margin-bottom:30px;
	}
	.detail_wrap .tec .tecbox li:nth-child(2){
		width:100%;
	}
}

/* ----------599px–---------- */
@media screen and (max-width: 599px) {
	.content_wapper .maintitle .content_title > h1{
		font-size:0.8rem;
	}
	.content_wapper .mainV .movie_btn{
		width:25%;
		right:0;
		bottom:-30px;
	}
	.content_wapper .maintitle .title h3{
		font-size:1.2rem;
	    margin:0 0 30px;
	}
	.content_wapper .maintitle .content_title h6{
		font-size:2.8rem;
	}
	.content_wapper .vr{
		margin: 0px calc(50% - 50vw) 100px;
		width: 100vw;
	}
	.content_wapper .space .floorPlan{
		padding:100px 6%;
	}
	.content_wapper .space .floorPlan dl{
		width:90%;
	}
	.contact_area{
		margin: 0 calc(50% - 50vw) 0px;
	    width: 100vw;
		background:#000;
		padding:100px 0;
	}
	.content_wapper .info{
		padding:30px 0px;
	}
	.content_wapper .point ol{
		display:block;
		justify-content:unset;
		flex-wrap:unset;
	}
	.content_wapper .point ol li,
	.content_wapper .point ol.column3 li{
		width:100%;
		display:flex;
		padding:10px 10px;
		margin-bottom:10px;
		justify-content:space-between
	}
	.content_wapper .point ol li dt{
		width:28%;
		display:flex;
		align-items:center;
		overflow:hidden;
		margin-bottom:0;
	}
	.content_wapper .point ol li dt img{
		width:100%;
		object-fit:cover;
		height:100%;
	}
	.content_wapper .point ol li dd{
		width:68%;
		padding:20px 0;
	}
	.content_wapper .point ol li dd h4{
		font-size:1.0rem;
		text-align:left;
	}
	.content_wapper .top_main h6{
		font-size:6rem;
	}
	.content_wapper .top_main .main_image .slider .slick-slide{
		height:50vh;
	}
	.cd-handle {
	  height: 3.0rem;
	  width: 3.0rem;
	  bottom: calc(50% + -1.5rem);
	  margin-left: -1.5rem;
	  margin-top: -1.5rem;
	  cursor: ew-resize;
		background:#fff;
	}
	.cd-handle::before {
	  left: 0.5rem;
	  transform: rotate(45deg) translateY(-50%) scale(-1);
	}
	.cd-handle::after {
	  right: 1.0rem;
	  transform: rotate(45deg) translateY(-50%);
	}
	.cd-handle .cd-handle-label {
	  font-size: 1.1rem;
	}
	.content_wapper .catalog dl dd h4{
		font-size:1.0rem;
		margin-bottom:10px;
	}
	/* ----------floatingBanner–---------- */
	.bl_floatingBanner {
		bottom:60px;
	}

}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
	.content_wapper .mainV .image{
		height:70vh;
	}
	.contact_area ul li a img{
		display:none
	}
}

/* ----------389px–---------- */
@media screen and (max-width: 389px) {
}