@charset "UTF-8";
/* ------------------------------------------------------------ */
/* sunbeam */
/* ------------------------------------------------------------ */
/* popup */
#popup {
  display: none; /* label でコントロールするので input は非表示に */
}
.popup-open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
.popup-overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}
#popup:checked ~ .popup-overlay {
  display: block;
  z-index: 99999;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  margin: auto;
}
.popup-window {
  width: 100%;
  height: 100%;
  padding: 85px 0 100px;
  background: url("../img/info/info-bg.jpg") center / cover no-repeat;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  box-sizing: border-box;
    overflow: auto;
}
.popup-text {
  margin: 0;
}
.popup-text:not(:last-of-type) {
  margin-bottom: 1em
}
.popup-close {
  cursor: pointer;
  position: absolute;
  top: 45px;
  right: 30px;
}
.popup-text h2 {
  max-width: 81px;
  width: 100%;
  margin: 0 auto;
}
.popup-text h3 {
  max-width: 720px;
  width: 100%;
  margin: 60px auto 25px;
}
.popup-text figure {
  max-width: 317px;
  width: 70%;
  margin: 0 auto;
}
.popup-text h4 {
  color: #5b7588;
  margin: 50px auto 30px;
  font-size: 20px;
  line-height: 38px;
}
.popup-text p {
  color: #000;
  font-size: 14px;
  line-height: 26px;
}
.popup-text img {
  width: 100%;
}
/*.popup-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}*/
/* ------------------------------------------------------------ */
/* modelhouse */
#modelhouse .box .inBox {
  padding: 55px 25px 15px;
  background: url(../img/bg-modelhouse-inBox.png) no-repeat 0 0 #ddd;
  margin-bottom: -20px;
}