/* modelhouse_info
***************************************************************/


/* page title
***************************************************************/

.pageTitle {
  padding: 180px 0 60px;
  text-align: center;
}

.pageTitle h1 {
  line-height: 1.4em;
}

.pageTitle h1 span {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.15em;
}

.pageTitle h1 span.mt_line {
  position: relative;
}

.pageTitle h2 {
  font-size: 37px;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-top: 25px;
}

.page_ttl_bottom {
  width: 100%;
  height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media all and (min-width: 681px) {
  .pageTitle h1 img {
    width: 30px;
    height: 28px;
    margin-right: 10px;
  }
  .pageTitle h1 span+span {
    margin-left: 20px;
    padding-left: 20px;
  }
  .pageTitle h1 span.mt_line::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 30px;
    background-color: #000;
    left: 0px;
  }
}

@media all and (max-width:680px) {
  .pageTitle {
    padding: 60px 5% 20px;
  }
  .pageTitle h1 {
    line-height: 1.4em;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pageTitle h1 img {
    width: 36px;
    height: 34px;
  }
  .pageTitle h1 span {
    font-size: 14px;
  }
  .pageTitle h1 span.ttl_area {
    margin-top: 10px;
  }
  .pageTitle h2 {
    font-size: 18px;
    margin-top: 10px;
    line-height: 1.5;
  }
  .page_ttl_bottom {
    /*padding: 30px 5% 10px;*/
    height: 200px;
  }
  /*.page_ttl_bottom h2 {
        font-size: 15px;
        line-height: 1.4;
    }*/
  .page_ttl_bottom p {
    margin-top: 10px;
    font-size: 15px;
  }
  .page_ttl_bottom p span#output {
    font-size: 26px;
  }
  .page_ttl_bottom p span.ken {
    font-size: 20px;
  }
}

@media all and (max-width:370px) {
  .pageTitle h2 {
    font-size: 16px;
  }
}


/* concept
***************************************************************/

.inner_ttl {
  margin-bottom: 40px;
  text-align: center;
}

.inner_ttl .t1 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.22em;
}

.inner_ttl .t2 {
  font-size: 12px;
  letter-spacing: 0.25em;
  display: block;
  margin-top: 5px;
}

.concept_wrap {
  padding: 90px 0 0;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.concept_wrap h3 {
  font-size: 28px;
  letter-spacing: 0.1em;
  margin-top: 40px;
}

.concept_wrap .inner_txt {
  font-size: 15px;
  line-height: 2.2;
  letter-spacing: 0.07em;
  margin-top: 20px;
}

.vr_modal_btn {
  display: block;
  width: 380px;
  background: #4c4948;
  padding: 5px 15px 5px 5px;
  margin: 55px auto 0;
  font-size: 20px;
  color: #fff;
  position: relative;
}

.vr_modal_btn::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: url(../img/common/ico_arrow_w.svg)no-repeat center / cover;
}

@media all and (min-width: 681px) {
  .vr_modal_btn {
    transition: opacity 0.3s;
  }
  
  .vr_modal_btn::before {
    transition: right 0.3s;
  }

  .vr_modal_btn:hover {
    opacity: 0.7;
  }
  
  .vr_modal_btn:hover::before {
    right: 8px;
  }
}

@media all and (max-width:680px) {
  .concept_wrap {
    width: 100%;
    padding: 30px 5% 0;
  }
  .concept_wrap .inner_txt {
    font-size: 15px;
    line-height: 2.2;
    letter-spacing: 0.07em;
    margin-top: 25px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .inner_ttl {
    margin-bottom: 30px;
  }
  .inner_ttl .t1 {
    font-size: 20px;
    line-height: 1;
  }
  .inner_ttl .t2 {
    font-size: 10px;
    line-height: 1;
  }
  .concept_wrap h3 {
    font-size: 18px;
    margin-top: 20px;
    line-height: 1.6;
  }
  .concept_wrap .inner_txt {
    /* font-size: 12px; */
    line-height: 1.7;
    margin-top: 10px;
  }

  .vr_modal_btn {
    width: 90%;
    margin-top: 30px;
    padding: 8px;
    font-size: 16px;
    text-align: center;
  }
}

@media all and (max-width:370px) {
  .concept_wrap h3 {
    font-size: 16px;
  }
}


/* special
***************************************************************/

.special_wrap {
  padding: 150px 0 150px;
  width: 100%;
  text-align: center;
  overflow: hidden;
}


/*.special_wrap .inner_ttl + .item{
    margin-top: 40px;
}*/

.special_wrap .special_box {
  width: 1000px;
  margin: 0 auto;
}

.special_wrap .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.special_wrap .item+.item {
  margin-top: 50px;
}

.special_wrap .item .thumb {
  width: 800px;
  height: 460px;
  overflow: hidden;
}

.special_wrap .item .thumb .img {
  background-image: url(../img/common/clear.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}

.special_wrap .item .link {
  width: 470px;
  background-color: #fff;
  padding: 35px 50px 35px;
  transition: background 0.3s ease;
  text-align: left;
  position: relative;
  z-index: 1;
}

.special_wrap .item .link .point {
  font-size: 15px;
  letter-spacing: 0.23em;
}

.special_wrap .item .link .point span {
  font-size: 37px;
  letter-spacing: 0.08em;
}

.special_wrap .item .link h3 {
  font-size: 20px;
  letter-spacing: 0.15em;
  line-height: 1.8;
  margin-top: 10px;
}

.special_wrap .item .link .txt {
  font-size: 15px;
  line-height: 2.2;
  letter-spacing: 0.07em;
  margin-top: 20px;
  text-align: justify;
}


/*.special_wrap .item + .item {
    margin-top: 10px;
}*/

@media all and (min-width: 681px) {
  /* type_info09 */
  .special_wrap.type_info09 .item .link {
    width: 530px;
  }
  /* type_info10 */
  .special_wrap.type_info10 .item .link .txt {
    letter-spacing: 0.04em;
  }
  /* type_info14 */
  .special_wrap.type_info14 .item .link {
    width: 470px;
  }
  /* type_info17 */
  .special_wrap.type_info17 .item .link {
    width: 490px;
    height: 390px;
    padding-bottom: 45px;
  }

  .special_wrap.type_info21 .item .link .txt {
    font-size: 14px;
    line-height: 1.9;
    letter-spacing: 0.02em;
    margin-top: 12px;
  }


  .special_wrap .item:nth-child(odd) .link {
    margin-left: -70px;
  }
  
  .special_wrap .item:nth-child(odd) .thumb {
    margin-left: -200px;
  }
  
  .special_wrap .item:nth-child(even) .link {
    order: 1;
    margin-right: -70px;
  }
  
  .special_wrap .item:nth-child(even) .thumb {
    order: 2;
    margin-right: -200px;
  }

  .special_wrap .item .thumb.action {
    opacity: 0;
    transition: ease 1000ms;
    transition-delay: 0.25s;
  }

  .special_wrap .item:nth-child(odd) .thumb.action {
    transform: translate(-100px, 0);
  }
  
  .special_wrap .item:nth-child(odd) .thumb.scrollin {
    opacity: 1;
    transform: translate(0, 0);
  }
  
  .special_wrap .item:nth-child(even) .thumb.action {
    transform: translate(100px, 0);
  }
  
  .special_wrap .item:nth-child(even) .thumb.scrollin {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@media all and (max-width:680px) {
  .special_wrap {
    padding: 45px 0 0;
    width: 100%;
    overflow: hidden;
  }
  .special_wrap .special_box {
    width: 100%;
  }
  .special_wrap .item {
    display: block;
    width: 100%;
  }
  .special_wrap .item .thumb {
    width: 100%;
    height: 184px;
  }
  .special_wrap .item .link {
    flex-flow: column wrap;
    align-items: center;
    padding: 15px 20px;
    width: 90%;
    margin: 0 auto;
    z-index: 2;
    left: 0px !important;
    right: 0;
    top: -20px;
  }
  .special_wrap .item .link h3 {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.8;
    margin-top: 10px;
    text-align: center;
  }
  .special_wrap .item .link .txt {
    /*font-size: 14px;*/
    line-height: 1.7;
    margin-top: 10px;
  }
  .special_wrap .item .link .h2 {
    text-align: left;
    display: flex;
    align-items: center;
  }
  .special_wrap .item .link .h2 .jp {
    font-size: 18px;
  }
  .special_wrap .item .link .h2 .en {
    font-size: 10px;
    margin-left: 12px;
  }
  .special_wrap .item .link .arrow {
    width: 48px;
    height: 7px;
    text-indent: -9999px;
    overflow: hidden;
    margin: -3px 0 0;
  }
  .special_wrap .item .link .arrow::before {
    width: 38px;
    height: 1px;
    right: 8px;
  }
  .special_wrap .item .link .arrow::after {
    border-width: 5px 0 0 9px;
  }
  .special_wrap .item .link .point {
    font-size: 11px;
    text-align: center;
  }
  .special_wrap .item .link .point span {
    font-size: 28px;
  }



  .special_wrap .item .thumb.action {
    opacity: 0;
    transition: ease 750ms;
    transition-delay: 0.25s;
  }

  .special_wrap .item:nth-child(odd) .thumb.action {
    transform: translate(-50px, 0);
  }
  
  .special_wrap .item:nth-child(odd) .thumb.scrollin {
    opacity: 1;
    transform: translate(0, 0);
  }
  
  .special_wrap .item:nth-child(even) .thumb.action {
    transform: translate(50px, 0);
  }
  
  .special_wrap .item:nth-child(even) .thumb.scrollin {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@media all and (max-width:370px) {}


/* plan
***************************************************************/

.plan_wrap {
  padding: 130px 0 60px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  background-image: url(../img/modelhouse/info01/gray_bg.jpg);
  background-position: center;
  background-size: 1440px 1026px;
}

.plan_inner {
  width: 1000px;
  margin: 0 auto;
}

.plan_wrap .bg_white {
  padding: 80px 60px 60px;
  background: #fff;
}

.madori_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px 34px;
  width: 472px;
  margin: 0 auto;
}

.madori_wrap.column2 {
  width: 100%;
}

.madori_wrap.column2 .madori_img {
  width: 402px;
}

.madori_img {
  width: 100%;
}

.madori_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 60px 45px;
  background: rgb(255,255,255,0.5);
  padding: 60px 60px 70px;
}

.madori_list li {
  width: calc((100% - (45px*2))/3);
}

.madori_list li .list_img {
  position: relative;
}

.madori_list li .list_num {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #b9172a;
  border: 1px solid #ffff;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  z-index: 1;
}

.madori_list li .list_title {
  font-size: 20px;
  letter-spacing: 0.03em;
  line-height: 35px;
  text-align: left;
  margin-top: 15px;
}

.madori_list li .list_text {
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 27px;
  text-align: justify;
  margin-top: 10px;
}

@media all and (min-width: 681px) {
  
}

@media all and (max-width:680px) {
  .plan_wrap {
    padding: 45px 0 30px;
  }
  .plan_inner {
    width: 90%;
    margin: 0 5%;
  }
  .madori_wrap {
    display: block;
    width: 100%;
  }
  .plan_wrap .bg_white {
    padding: 45px 5% 0;
  }
  .madori_wrap.column2 {
    width: 100%;
  }
  
  .madori_wrap.column2 .madori_img {
    width: 100%;
  }

  .madori_wrap .madori_img + .madori_img {
    margin-top: 40px;
  }
  
  .madori_list {
    display: block;
    background: #fff;
    padding: 52px 5% 45px;
  }
  
  .madori_list li {
    width: 245px;
    margin: 0 30px;
  }
  
  .madori_list li .list_num {
    width: 25px;
    height: 25px;
    font-size: 15px;
  }
  
  .madori_list li .list_title {
    font-size: 18px;
    line-height: 2;
    margin-top: 12px;
  }
  
  .madori_list li .list_text {
    font-size: 14px;
    line-height: 1.93;
    margin-top: 7px;
  }

  .madori_list .slick-arrow {
    display: none !important;
  }

  .madori_list_wrap {
    position: relative;
  }

  .madori_listArrow .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 7px;
    background: rgb(0,0,0,0.5);
    width: 38px;
    height: 38px;
    cursor: pointer;
    z-index: 1;
  }
  
  .madori_listArrow .arrow path {
    fill: #ccc;
  }

  .madori_listArrow .arrow.next {
    right: 0;
  }

  .madori_listArrow .arrow.prev {
    left: 0;
  }
}

@media all and (max-width:370px) {}


/* photo
***************************************************************/

.photo_wrap {
  padding: 60px 0 130px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  background-image: url(../img/modelhouse/info01/gray_bg.jpg);
  background-position: center;
  background-size: 1440px 1026px;
}


/*.photo_inner{
    background: #fff;
    padding: 80px 70px 70px;
}
*/

.img_wrap {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.img_wrap a {
  margin-right: 5px;
  width: 330px;
  height: 213px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img_wrap a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #665E51;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.img_wrap a:nth-child(n + 4) {
  margin-top: 5px;
}

.img_wrap a:nth-child(3n) {
  margin-right: 0;
}

.img_wrap a::after {
  content: "";
  width: 40px;
  height: 40px;
  background-image: url(../img/modelhouse/photo_btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
}

.img_wrap .thumb {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media all and (min-width: 681px) {
  .img_wrap a:hover::before {
    opacity: 0.4;
    transition: opacity 0.3s ease;
  }
}

@media all and (max-width:680px) {
  .photo_wrap {
    padding: 30px 0 45px;
  }
  .img_wrap {
    width: 90%;
  }
  .img_wrap a {
    margin-right: auto;
    width: calc(50% - 3px);
    height: 28.5vw;
  }
  .img_wrap a:nth-child(n + 4) {
    margin-top: auto;
  }
  .img_wrap a:nth-child(3n) {
    margin-right: auto;
  }
  .img_wrap a:nth-child(2n) {
    margin-left: 6px;
    margin-right: 0;
  }
  .img_wrap a:nth-child(n + 3) {
    margin-top: 6px;
  }
  .img_wrap a::after {
    width: 30px;
    height: 30px;
  }
}

@media all and (max-width:370px) {}


/* access
***************************************************************/

.access_wrap {
  padding: 130px 0 0px;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.gmap {
  position: relative;
}

#map_canvas {
  height: 553px;
}

.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
  bottom: 220px !important;
}

.gm-style-mtc {
  display: none;
}

.gm-svpc {
  display: none;
}

.map_btn {
  position: absolute;
  padding: 5px 15px;
  background: #4c4948;
  color: #fff;
  right: 20px;
  bottom: 20px;
  opacity: 1;
  transition: 0.3s;
}

.access_wrap h3 {
  margin-top: 45px;
  font-size: 28px;
  letter-spacing: 0.13em;
}

.access_wrap .access_point {
  font-size: 16px;
  letter-spacing: 0.13em;
  margin-top: 30px;
}

.access_wrap .car_access {
  /*width: 542px;*/
  font-size: 16px;
  margin-top: 10px;
  padding: 5px 25px;
  background: #4c4948;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto 0;
}

.access_wrap .car_access .t1 {
  font-size: 15px;
  letter-spacing: 0.13em;
  display: flex;
  align-items: center;
}

.access_wrap .car_access .t1 img {
  width: 36px;
  height: 18px;
  margin-right: 6px;
}

.access_wrap .car_access .t2 {
  font-size: 16px;
  letter-spacing: 0.17em;
  position: relative;
}

.access_wrap .car_access+.model_btn {
  margin-top: 85px;
}

.access_wrap .model_btn+.ichiran_btn {
  margin-top: 48px;
}

@media all and (min-width: 681px) {
  .map_btn:hover {
    opacity: 0.7;
    transition: 0.3s;
  }
  .access_wrap .car_access .t1+.t2 {
    margin-left: 15px;
    padding-left: 20px;
  }
  .access_wrap .car_access .t2::before {
    content: '';
    width: 1px;
    height: 1.3em;
    position: absolute;
    left: 0;
    top: 0.2em;
    background: #fff;
  }
}

@media all and (max-width:680px) {
  .access_wrap {
    padding: 45px 0 0px;
  }
  #map_canvas {
    height: 200px;
  }
  .map_btn {
    position: absolute;
    padding: 3px 12px;
    background: #4c4948;
    color: #fff;
    right: 10px;
    bottom: 17px;
    opacity: 1;
    transition: 0.3s;
    font-size: 11px;
  }
  .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
    bottom: 175px !important;
    right: 30px !important;
  }
  .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint {
    transform: scale(0.5) !important;
  }
  .access_wrap h3 {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 30px;
  }
  .access_wrap .access_point {
    font-size: 12px;
    margin-top: 15px;
    line-height: 1.4;
  }
  .access_wrap .car_access {
    width: auto;
    flex-direction: column;
    display: inline-flex;
    margin-top: 15px;
  }
  .access_wrap .car_access .t1 {
    font-size: 14px;
  }
  .access_wrap .car_access .t2 {
    font-size: 14px;
  }
  .access_wrap .car_access+.model_btn {
    margin-top: 40px;
  }
  .access_wrap .model_btn+.ichiran_btn {
    margin-top: 25px;
  }
}

@media all and (max-width:370px) {
  .access_wrap h3 {
    font-size: 16px;
  }
}


/* slider
***************************************************************/

.slider_outer {
  padding-top: 120px;
}

.slideWrap {
  position: relative;
}

.slideWrap .slide2 .slick-slide {
  width: 320px;
  margin: 0 10px;
}

.slideWrap .slide2 .slick-slide a {
  display: block;
}

.slideWrap .slide2 .thumb {
  width: 100%;
  overflow: hidden;
}

.slideWrap .slide2 .thumb .img {
  width: 100%;
  height: 178px;
  background-image: url(../img/common/clear.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.3s ease;
}

.slideWrap .slide2 .tit {
  /* min-height: 124px; */
  /*min-height: 63px;*/
  height: 63px;
  background: #e4e4e4;
  display: flex;
  align-items: center;
  padding: 0 40px 0 15px;
  position: relative;
  font-size: 15px;
  line-height: 1.51em;
  overflow: hidden;
  letter-spacing: 0;
}

.slideWrap .slide2 .tit::after {
  content: "";
  width: 10px;
  height: 10px;
  background-image: url(../img/common/ico_arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 1px;
  bottom: 0;
  margin: auto;
}


/*.slide2Arrow {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
}*/

.slide2Arrow .ico {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 95px;
  margin: auto;
  cursor: pointer;
}

.slide2Arrow .ico.prev {
  left: 50px;
}

.slide2Arrow .ico.next {
  right: 50px;
}

@media all and (min-width: 681px) {
  .slide2 .slick-slide a .thumb {
    position: relative;
  }
  .slide2 .slick-slide a .thumb::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #665E51;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  .slide2 .slick-slide a:hover .thumb::before {
    opacity: 0.4;
  }
}

@media all and (max-width:680px) {
  .slider_outer {
    padding-top: 60px;
    margin-bottom: 50px;
  }
  .slideWrap {
    position: relative;
  }
  .slideWrap .slide2 .slick-slide {
    width: 260px;
    margin: 0 5px;
  }
  .slideWrap .slide2 .thumb .img {
    height: 150px;
  }
  .slideWrap .slide2 .tit {
    height: 50px;
    padding: 0 35px 0 10px;
    font-size: 12px;
  }
  .slideWrap .slide2Arrow .ico {
    width: 25px;
    height: 25px;
    /*top: 150px;*/
  }
  .slideWrap .slide2Arrow .ico.prev {
    left: 10px;
  }
  .slideWrap .slide2Arrow .ico.next {
    right: 10px;
  }
}

@media all and (max-width:370px) {}


/* modelhouse02 モデルハウス・詳細B
***************************************************************/

.page-template-page-modelhouse_info02 .page_ttl_bottom {
  position: relative;
}

.page-template-page-modelhouse_info02 .hiraya_rogo {
  position: absolute;
  width: 176px;
  bottom: -81px;
  height: auto;
  left: calc(50% - 88px);
}

.page-template-page-modelhouse_info02 .concept_wrap {
  padding: 171px 0 0;
}

.page-template-page-modelhouse_info02 .madori1f {
  width: 600px;
}

.page-template-page-modelhouse_info02 .madori1f>img {
  width: 558px;
  height: auto;
}

.page-template-page-modelhouse_info02 .madori_wrap {
  justify-content: center;
  width: 796px;
}

.page-template-page-modelhouse_info02 .po1 {
  top: 155px;
  left: 556px;
}

.page-template-page-modelhouse_info02 .po2 {
  top: 34px;
  right: 265px;
}

.page-template-page-modelhouse_info02 .po3 {
  top: 127px;
  left: 256px;
}

.page-template-page-modelhouse_info02 .po4 {
  top: 261px;
  left: 374px;
}

.page-template-page-modelhouse_info02 .po5 {
  top: 268px;
  left: 139px;
}

@media all and (min-width: 681px) {}

@media all and (max-width:680px) {
  .page-template-page-modelhouse_info02 .concept_wrap {
    padding: 90px 5% 0;
  }
  .page-template-page-modelhouse_info02 .hiraya_rogo {
    width: 106px;
    bottom: -51px;
    height: auto;
    left: calc(50% - 53px);
  }
  .page-template-page-modelhouse_info02 .madori_wrap {
    justify-content: center;
    width: 100%;
  }
  .page-template-page-modelhouse_info02 .madori1f {
    width: 256px;
  }
  .page-template-page-modelhouse_info02 .madori1f>img {
    width: 236px;
  }
  .page-template-page-modelhouse_info02 .po1 {
    top: 53px;
    left: 236px;
  }
  .page-template-page-modelhouse_info02 .po2 {
    top: 1px;
    right: 113px;
  }
  .page-template-page-modelhouse_info02 .po3 {
    top: 37px;
    left: 106px;
  }
  .page-template-page-modelhouse_info02 .po4 {
    top: 96px;
    left: 155px;
  }
  .page-template-page-modelhouse_info02 .po5 {
    top: 98px;
    left: 57px;
  }
}

@media all and (max-width:370px) {}


/* modelhouse03 モデルハウス・詳細C
***************************************************************/

.page-template-page-modelhouse_info03 .po1 {
  top: 170px;
  left: 49px;
}

.page-template-page-modelhouse_info03 .po2 {
  top: 257px;
  right: 338px;
}

.page-template-page-modelhouse_info03 .po3 {
  top: 83px;
  left: 6px;
}

.page-template-page-modelhouse_info03 .po4 {
  top: 71px;
  left: 281px;
}

.page-template-page-modelhouse_info03 .po5 {
  top: 22px;
  left: 33px;
}

.page-template-page-modelhouse_info03 .po6 {
  top: 95px;
  left: 81px;
}

.page-template-page-modelhouse_info03 .madori1f>img {
  width: 352px;
  height: auto;
  margin-top: 10px;
  margin-left: 20px;
}

.page-template-page-modelhouse_info03 .madori2f>img {
  width: 366px;
  height: auto;
  margin-top: 0;
  margin-right: 20px;
}

@media all and (min-width: 681px) {}

@media all and (max-width:680px) {
  .page-template-page-modelhouse_info03 .madori1f,
  .page-template-page-modelhouse_info03 .madori2f {
    width: 256px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-template-page-modelhouse_info03 .madori1f>img {
    width: 236px;
    height: auto;
    margin-top: 0;
    margin-left: -15px;
  }
  .page-template-page-modelhouse_info03 .madori2f>img {
    width: 246px;
    height: auto;
    margin-top: 0;
    margin-right: -11px;
  }
  .page-template-page-modelhouse_info03 .po1 {
    top: 98px;
    left: 22px;
  }
  .page-template-page-modelhouse_info03 .po2 {
    top: 157px;
    right: 236px;
  }
  .page-template-page-modelhouse_info03 .po3 {
    top: 44px;
    left: -4px;
  }
  .page-template-page-modelhouse_info03 .po4 {
    top: 34px;
    left: 175px;
  }
  .page-template-page-modelhouse_info03 .po5 {
    top: 6px;
    left: 24px;
  }
  .page-template-page-modelhouse_info03 .po6 {
    top: 57px;
    left: 60px;
  }
}

@media all and (max-width:370px) {}


/* modelhouse04 モデルハウス・詳細D
***************************************************************/

.page-template-page-modelhouse_info04 .po1 {
  top: 25px;
  left: 92px;
}

.page-template-page-modelhouse_info04 .po2 {
  top: 173px;
  right: 114px;
}

.page-template-page-modelhouse_info04 .po3 {
  top: 156px;
  left: 312px;
}

.page-template-page-modelhouse_info04 .po4 {
  top: 255px;
  left: 324px;
}

.page-template-page-modelhouse_info04 .po5 {
  top: 265px;
  left: 174px;
}

.page-template-page-modelhouse_info04 .po6 {
  top: 156px;
  left: 102px;
}

.page-template-page-modelhouse_info04 .po7 {
  top: 145px;
  left: 256px;
}

.page-template-page-modelhouse_info04 .po8 {
  top: 431px;
  left: 175px;
}

.page-template-page-modelhouse_info04 .madori1f>img {
  width: 352px;
  height: auto;
  margin-left: 20px;
}

.page-template-page-modelhouse_info04 .madori2f>img {
  width: 366px;
  height: auto;
  margin-top: 0;
  margin-right: 20px;
}

.page-template-page-modelhouse_info04 .special_wrap {
  padding: 150px 0 115px;
}

.special_wrapex {
  width: 1120px;
  margin-left: auto;
  margin-right: auto;
  background-color: #e4e4e4;
  padding: 50px 60px;
  margin-bottom: 150px;
}

.specialex_ttl {
  font-size: 28px;
  letter-spacing: 0.15em;
  text-align: center;
}

.special_wrapex>div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 35px;
}

.special_wrapex img.img01 {
  width: 539px;
  height: auto;
}

.special_wrapex .r_wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 432px;
}

.special_wrapex .r_wrap .ttl1 {
  font-size: 20px;
  letter-spacing: 0.08em;
  line-height: 1;
}

.special_wrapex .r_wrap .txt1 {
  font-size: 15px;
  letter-spacing: 0.07em;
  line-height: 2.26;
  margin-top: 15px;
  text-align: justify;
}

.special_wrapex .r_wrap img {
  margin-top: 20px;
  flex-shrink: 0;
}

.special_wrapex .r_wrap .sub_txt {
  margin-top: 5px;
}

.special_wrapex a {
  background-color: #4c4948;
}

@media all and (min-width: 681px) {
  .special_wrapex a:hover {
    background-color: #111;
  }
}

@media all and (max-width:680px) {
  .page-template-page-modelhouse_info04 .special_wrap {
    padding: 45px 0 45px;
  }
  .page-template-page-modelhouse_info04 .special_wrapex {
    padding: 45px 5%;
    margin-bottom: 45px;
    width: 100%;
  }
  .page-template-page-modelhouse_info04 .specialex_ttl {
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .page-template-page-modelhouse_info04 .special_wrapex>div {
    margin-top: 20px;
    display: block;
  }
  .special_wrapex img.img01 {
    width: 100%;
  }
  .special_wrapex .r_wrap {
    width: 100%;
    display: block;
  }
  .special_wrapex .r_wrap .ttl1 {
    font-size: 17px;
    letter-spacing: 0.08em;
    line-height: 1.6;
    margin-top: 10px;
  }
  .special_wrapex .r_wrap .txt1 {
    font-size: 15px;
    line-height: 1.7;
    margin-top: 10px;
  }
  .special_wrapex .r_wrap img {
    margin-top: 10px;
  }
  .special_wrapex .r_wrap .sub_txt {
    font-size: 14px;
  }
  .page-template-page-modelhouse_info04 .madori1f,
  .page-template-page-modelhouse_info04 .madori2f {
    width: 256px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-template-page-modelhouse_info04 .madori1f>img {
    width: 236px;
    height: auto;
    margin-top: 0;
    margin-left: 6px;
  }
  .page-template-page-modelhouse_info04 .madori2f>img {
    width: 243px;
    height: auto;
    margin-top: 0;
    margin-right: -13px;
  }
  .page-template-page-modelhouse_info04 .po1 {
    top: 8px;
    left: 61px;
  }
  .page-template-page-modelhouse_info04 .po2 {
    top: 107px;
    right: 85px;
  }
  .page-template-page-modelhouse_info04 .po3 {
    top: 94px;
    left: 208px;
  }
  .page-template-page-modelhouse_info04 .po4 {
    top: 164px;
    left: 216px;
  }
  .page-template-page-modelhouse_info04 .po5 {
    top: 169px;
    left: 116px;
  }
  .page-template-page-modelhouse_info04 .po6 {
    top: 94px;
    left: 73px;
  }
  .page-template-page-modelhouse_info04 .po7 {
    top: 90px;
    left: 173px;
  }
  .page-template-page-modelhouse_info04 .po8 {
    top: 277px;
    left: 121px;
  }
}

@media all and (max-width:370px) {
  .page-template-page-modelhouse_info04 .pageTitle h2 {
    letter-spacing: 0.04em;
  }
}

@media all and (min-width: 681px) {
  .info05_plan .madori2f>img {
    width: 400px;
    margin-top: 0;
  }
  .info05_plan .madori_wrap {
    width: 860px;
  }
  .info05_plan .po1 {
    top: 203px;
    left: auto;
    right: 304px;
  }
  .info05_plan .po2 {
    top: 112px;
    left: auto;
    right: 240px;
  }
  .info05_plan .po3 {
    top: 237px;
    left: auto;
    right: 112px;
  }
  .info05_plan .po4 {
    top: 8px;
    left: auto;
    right: 78px;
  }
  .info05_plan .po5 {
    top: 330px;
    left: auto;
    right: 324px;
  }
  .info05_plan .po6 {
    top: 212px;
    left: auto;
    right: 259px;
  }
}

@media all and (max-width:680px) {
  .info05_plan .madori1f>img {
    width: 256px;
    height: auto;
  }
  .info05_plan .madori1f>img {
    width: 256px;
    height: auto;
  }
  .info05_plan .po1 {
    top: 115px;
    left: auto;
    right: 181px;
  }
  .info05_plan .po2 {
    top: 62px;
    left: auto;
    right: 142px;
  }
  .info05_plan .po3 {
    top: 132px;
    left: auto;
    right: 68px;
  }
  .info05_plan .po4 {
    top: -6px;
    left: auto;
    right: 45px;
  }
  .info05_plan .po5 {
    top: 159px;
    left: auto;
    right: 195px;
  }
  .info05_plan .po6 {
    top: 100px;
    left: auto;
    right: 165px;
  }
}

.bannerBtn {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 10px;
  margin-bottom: 20px;
  display: block;
}
.w_link1 {
  margin-top: 100px;
}
.bannerBtn + .w_link1 {
  margin-top: 0;
}
.bannerBtn.type2 {
  margin-top: 20px;
  margin-bottom: 150px;
}

.bannerBtn.bannerBtn__type02{
  margin-bottom: 30px;
}

@media print, screen and (min-width: 680px) {
  .bannerBtn {
    width: 751px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .bannerBtn:hover {
    opacity: 0.7;
  }
 }


@media screen and (max-width: 679px) {
   .bannerBtn {
    width: calc(100% + 2px);
    display: block;
    left: 0;
    margin-left: -1px;
    margin-top: 50px;
    padding-left: 5%;
    padding-right: 1%;
  }
  .bannerBtn.type2 {
    margin-top: 0;
    margin-bottom: 45px;
  }

  .w_link1 {
    margin-top: 50px;
  }
}


@media all and (min-width: 681px) {
  .info06_plan .madori2f>img {
   width: 355px;
    margin-top: 40px;
  }
  .info06_plan .madori_wrap {
    width: 860px;
  }
  .info06_plan .po1 {
    top: 194px;
    left: auto;
    right: 237px;
  }
  .info06_plan .po2 {
    top: 221px;
    left: auto;
    right: 48px;
  }
  .info06_plan .po3 {
    top: 168px;
    left: auto;
    right: 342px;
  }
  .info06_plan .po4 {
    top: 115px;
    left: auto;
    right: 249px;
  }
  .info06_plan .po5 {
    top: 140px;
    left: auto;
    right: 246px;
}
  .info06_plan .po6 {
    top: 298px;
    left: auto;
    right: 268px;
  }
}

@media all and (max-width:680px) {
  .info06_plan .madori1f>img {
    width: 256px;
    height: auto;
  }
  .info06_plan .madori1f>img {
    width: 256px;
    height: auto;
  }
.info06_plan .madori2f>img {
    width: 215px;
    margin-left: 15px;
  }
  .info06_plan .po1 {
    top: 144px;
    left: auto;
    right: 136px;
  }
  .info06_plan .po2 {
    top: 114px;
    left: auto;
    right: 37px;
  }
  .info06_plan .po3 {
    top: 95px;
    left: auto;
    right: 201px;
  }
  .info06_plan .po4 {
    top: 61px;
    left: auto;
    right: 158px;
  }
  .info06_plan .po5 {
    top: 53px;
    left: auto;
    right: 153px;
  }
  .info06_plan .po6 {
    top: 143px;
    left: auto;
    right: 182px;

  }
}

.special_wrapex a.bnr1 {
  background-color: transparent;
}
@media all and (min-width: 681px) {
  .special_wrapex a.bnr1:hover {
    opacity: 0.7;
  }
}
@media all and (max-width:680px) {

}

.mh_linkBox01 {
  padding: 0px 0 50px;
}
.mh_linkBox01 .t1 {
  text-align: center;
  margin-bottom: 20px;
}
@media all and (min-width: 681px) {
}
@media all and (max-width:680px) {
  .mh_linkBox01 {
    padding: 30px 0 50px;
  }
  .mh_linkBox01 .t1 {
    margin-bottom: 10px;
  }
}

/* is__movie */
.is__movie {
  width: 900px;
  height: 600px;
  margin: 80px auto 0;
}
.is__movie iframe {
  width: 100%!important;
  height: 100%!important;
}
@media all and (min-width: 681px) {
}
@media all and (max-width:680px) {
  .is__movie {
    width: 100%;
    height: 56vw;
    margin-top: 40px;
  }
}


/* vr_wrap */
.vr_wrap {
  width: 1000px;
  margin: 80px auto 0;
}
.vr_wrap .vr_iframe iframe {
  width: 100%;
  height: 560px;
}

.concept_wrap .vr_wrap {
  width: 100%;
  margin-top: 55px;
}

@media all and (min-width: 681px) {
}
@media all and (max-width:680px) {
  .vr_wrap {
    width: 90%;
    margin: 60px auto 0;
  }  
  .vr_wrap .vr_iframe iframe {
    height: 51vw;
  }

  .concept_wrap .vr_wrap {
    margin-top: 30px;
  }
}



/* コンテンツ */
@media all and (min-width: 681px) {
}
@media all and (max-width:680px) {
}