@charset "UTF-8";
main {
  padding: 0 0 60px;
  /*  background: #000 url(../imgs/bg.png) no-repeat bottom left / auto auto;*/
}
.container1200 {
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
#hero {
  background: url(../imgs/mv.jpg) no-repeat center center / cover;
  height: 80vh;
	  margin-bottom: 80px;
}

.container1200{margin-bottom: 80px; text-align: center;}
.container1200 p{text-align: center;}
/* MEDIA */
@media screen and (max-width: 768px) {
  main {
    background: #000;
  }
  #hero {
    background: url(../imgs/mv-sp.jpg) no-repeat center center / cover;
  }
  .contentBg {
    background: #000 url(../imgs/bg_white.jpg) no-repeat top right / auto auto;
  }
	.container1200 p{text-align: left;}

}
.titView{text-align: center;font-size: 30px; margin-bottom: 20px;}
.titView sup{font-size: 12px;}

@media screen and (max-width: 768px) {
	.titView{font-size: 5.3vw;line-height: 1.5;margin-bottom: 40px;}
	.comfortWrap .item .itemTit{font-size: 4vw;line-height: 1.5;}
	.comfortWrap .item .itemTxt{font-size: 3.2vw; line-height: 1.6;}
	.comfortWrap .item{width: 100%;}	
.comfortWrap .item .itemFlex p{width: 100%;}
.comfortWrap .item .itemFlex > .imgBox{width: 100%;}
.comfortWrap .item.item100 .itemFlex.flex7-3 p{width: 100%;}
.comfortWrap .item.item100 .itemFlex.flex7-3 .imgBox{width: 100%;}
.comfortWrap .item .itemFlex.flex7-3 p{width: 60%;}
.comfortWrap .item .itemFlex.flex7-3 .imgBox{width: 38%;}

}
	


/* Start View */
.view{margin: 0 0 100px;}

.pano{width: 100%; height: 620px; margin: 0 auto; cursor: move;}
.pano .controls{position: relative; top: 50%; transform: translateY(-50%);}
.pano .controls a{position: absolute; display: inline-block; text-decoration: none; color: #fff; font-size: 3em; line-height: 1; background: none; outline: none;}
.pano .controls a.left{left: 10px;}
.pano .controls a.right{right: 10px;}

.view-cap{text-align: right; padding: 10px 10px 0 0; color: #fff;}

.view-btn{display: flex; justify-content: space-between; max-width: 620px; width: calc(100% - 40px); margin: 35px auto 0;}
.view-btn a{width: 46.78%; height: 70px; display: flex; justify-content: center; align-items: center; cursor: pointer; font-size: 18px;}
.view-btn a.view-day{background: #fff;}
.view-btn a.view-day:hover{background: #eee;}
.view-btn a.view-night{background: #1e3466; color: #fff;}
.view-btn a.view-night:hover{background: #133686;}

@media screen and (max-width: 1400px) and (min-width: 768px) {
    .pano{height: 440px;}
}

@media screen and (max-width: 767px) {
    .pano{height: 360px;}
    .view-btn a{height: 50px; font-size: 16px;}
}
/* End View */