@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　design 内廊下 追加
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/


.design .hallway {
  margin-bottom: clamp(160px, 14.409vw, 240px);
}
.hallway-pic-wrap{
	position: relative;
}
.design .caption {
	position:relative;
	right: 0;
	z-index: 100;
	padding-right: 1em;
	margin-top: -1em;
  text-shadow: none;
	line-height: 1;
	color: #FFF;
	font-size: 1.2rem;
	text-align: right;
}
.design .hallway .design__detail__item {
  padding-bottom: clamp(80px, 7.205vw, 120px);
  background: #5E4A42;
  color: #FFF;
}
.design .hallway .design__detail__item h3 {
  color: #FFF;
}
.design .hallway .design__detail__item h3 br {
  display: none;
}

@media screen and (max-width: 768px) {

}


@media screen and (max-width: 768px) {

}




/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	
  .design .hallway {
    margin-bottom: clamp(80px, 14.409vw, 120px);
  }
	.design .hallway .design__detail__item{
		position: relative;
	}
  .design .hallway .design__detail__item h3 br {
    display: inline;
  }	
	
	
/* 画像横スクロール用
-----------------------------------------------------------------*/
.hallway{
	min-height: 100vh;
}
.hallway-picarea {
  position: relative;
  overflow: hidden;
  height: 100vh;
	 will-change: height;
}

.picarea-inner {
 	display: flex;
  align-items: center;
  will-change: transform, width, height;
}

.picarea-inner img {
  height: 100%;
  width: auto;
  max-width: none;
  display: block;
}

.virtual-model{
	margin-top: -50vh;
}
	
}