.modelhouse #sec02{padding-top:0px;margin-bottom:50px;max-width:none;width:100%}.modelhouse #sec02 .btn_cls{width:100%;position:relative;margin-bottom:10px}.modelhouse #sec02 .btn_cls .visual{width:100%;height:480px;background-position:center center;background-size:cover;position:relative}.modelhouse #sec02 .btn_cls .visual .carten{width:100%;height:100%;position:absolute;top:0%;left:0%;background-color:rgba(0,0,0,0.5);transition:0.3s ease 0s opacity}.modelhouse #sec02 .btn_cls .visual .name{width:300px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.modelhouse #sec02 .btn_cls .ttl{position:absolute;top:50%;right:10%;width:281px;transform:translateY(-50%);pointer-events:none}


.modelhouse #sec01{padding-top:0px;margin-bottom:50px}
.modelhouse #sec01 .box1{margin-bottom:20px;text-align:center}
.modelhouse #sec01 .box1 h3{margin-bottom:10px}
.modelhouse #sec01 .box1 .copy{margin-bottom:30px}
.modelhouse #sec01 .box2{margin:0 auto;max-width:880px;padding-top:20px}
.modelhouse #sec01 .box2 li{margin-bottom:10px}
.modelhouse #sec01 .box2 li img{display:block}

@media screen and (max-width:800px){
  .modelhouse #sec01{margin-bottom:30px}
  .modelhouse #sec01 .box1 h3{margin-bottom:10px}
}
@media screen and (max-width:500px){
  .modelhouse #sec01{margin-bottom:30px}
  .modelhouse #sec01 .box1{margin-bottom:15px}
  .modelhouse #sec01 .box1 .read{text-align:left}
  .modelhouse #sec01 .box1 .read .aw{display:inline}
  .modelhouse #sec01 .box1 .read br{display:none}
}
.modelhouse #sec02{padding-top:0px;margin-bottom:50px;width:100%}
.modelhouse #sec02 .btn_cls{width:100%;position:relative;margin-bottom:10px}
.modelhouse #sec02 .btn_cls .visual{
  width:80%;height:480px;background-position:center;background-size:cover;position:relative;
}
.modelhouse #sec02 .btn_cls .visual .carten{
  width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.5);
  transition:0.3s ease 0s opacity;
}
.modelhouse #sec02 .btn_cls .visual .name{
  width:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}
.modelhouse #sec02 .btn_cls .ttl{
  position:absolute;top:50%;right:10%;width:281px;transform:translateY(-50%);pointer-events:none;
}

/* ★ FIX：正しい4棟の割り当て */
.modelhouse #sec02 .btn_cls.box1 .visual{
  background-image:url("../img/modelhouse/08/model_mv2.webp");
}
.modelhouse #sec02 .btn_cls.box2 .visual{
  background-image:url("../img/modelhouse/11/model11_mv_pc.webp");
}
.modelhouse #sec02 .btn_cls.box3 .visual{
  background-image:url("../img/modelhouse/12/model_mv3.webp");
}
.modelhouse #sec02 .btn_cls.box4 .visual{
  background-image:url("../img/modelhouse/15/model15_mv_pc.webp");
}

.modelhouse #sec02 .btn_cls a:hover .carten{opacity:0}

@media screen and (max-width:1300px){
  .modelhouse #sec02 .btn_cls .visual{width:80%;height:300px}
  .modelhouse #sec02 .btn_cls .visual .name{width:200px}
  .modelhouse #sec02 .btn_cls .ttl{width:200px;right:5%}
}
@media screen and (max-width:800px){
  .modelhouse #sec02{margin-bottom:30px}
  .modelhouse #sec02 .btn_cls .visual{height:240px}
  .modelhouse #sec02 .btn_cls .ttl{display:none}
}
@media screen and (max-width:500px){
  .modelhouse #sec02{margin-bottom:30px}
  .modelhouse #sec02 .btn_cls{margin-bottom:15px}
  .modelhouse #sec02 .btn_cls .visual{width:90%;margin-left:5%}
}



/* 写真を背景にするラッパー */
.mh_photo_wrap{
  width:100%;
  max-width:1920px;
  height:730px; /* 写真の高さ */
  margin:0 auto;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  position:relative;
}

/* 写真中央に白窓を重ねる（上下左右センター固定） */
.mh_centerbox{
  position:absolute;
  top:35%;
  left:50%;
  transform:translate(-50%, -50%); /* ← 上下左右センター固定 */
  background:rgba(255,255,255,0.85); /* ← 白の透過 */
  padding:20px 20px;
  border-radius:12px;
  box-shadow:0 4px 10px rgba(0,0,0,0.08);
  text-align:center;
  width:80%;
  max-width:500px;
}

/* 上段テキスト */
.mh_center_lead{
  font-size:22px;
  font-weight:600;
  letter-spacing:0.03em;
  color:#333;
  margin-bottom:12px;
  line-height:1.5;
}

/* 下段テキスト */
.mh_center_title{
  font-size:15px;
  font-weight:700;
  letter-spacing:0.12em;
  color:#49433e;
  line-height:1.4;
}

/* SP最適化（画面サイズが変わっても中央固定） */
@media screen and (max-width:768px){
  .mh_photo_wrap{
    height:320px; /* SPの高さ */
  }
  .mh_centerbox{
    padding:25px 20px;
    max-width:90%;
  }
  .mh_center_lead{
    font-size:16px;
    margin-bottom:8px;
  }
  .mh_center_title{
    font-size:13px;
  }
}







/* ★MODEL HOUSE 8（modelhouse02） */
.modelhouse01 #sec01{padding-top:50px;margin-bottom:50px}
@media screen and (max-width:800px){.modelhouse01 #sec01{padding-top:20px}}
@media screen and (max-width:500px){.modelhouse01 #sec01{padding-top:0}}

.modelhouse01 .main_container{max-width:1200px;margin:0 auto 150px}
.modelhouse01 .main_inner{
  width:100%;padding-bottom:66.636%;position:relative;display:block;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.modelhouse01 .slick-list{width:100%;height:100%;overflow:hidden}
.modelhouse01 .main_slide{width:100%;height:100%;position:absolute;top:0;left:0}
.modelhouse01 .main_slide .slider_img{width:100%;height:100%}
.modelhouse01 .main_slide .slider_img .inner{
  width:100%;padding-bottom:66.666%;background-position:center;background-size:cover;
}

.modelhouse01 .main_slide .slider_img:nth-child(1) .inner{background-image:url("../img/modelhouse/08/model_1.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(2) .inner{background-image:url("../img/modelhouse/08/model_2.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(3) .inner{background-image:url("../img/modelhouse/08/model_3.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(4) .inner{background-image:url("../img/modelhouse/08/model_4.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(5) .inner{background-image:url("../img/modelhouse/08/model_5.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(6) .inner{background-image:url("../img/modelhouse/08/model_6.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(7) .inner{background-image:url("../img/modelhouse/08/model_7.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(8) .inner{background-image:url("../img/modelhouse/08/model_8.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(9) .inner{background-image:url("../img/modelhouse/08/model_9.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(10) .inner{background-image:url("../img/modelhouse/08/model_10.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(11) .inner{background-image:url("../img/modelhouse/08/model_11.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(12) .inner{background-image:url("../img/modelhouse/08/model_12.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(13) .inner{background-image:url("../img/modelhouse/08/model_13.jpg")}
.modelhouse01 .main_slide .slider_img:nth-child(14) .inner{background-image:url("../img/modelhouse/08/model_14.jpg")}



/* ★ MODEL HOUSE 11（modelhouse01） */
.modelhouse02 #sec01{padding-top:50px;margin-bottom:50px}
@media screen and (max-width:800px){.modelhouse02 #sec01{padding-top:20px}}
@media screen and (max-width:500px){.modelhouse02 #sec01{padding-top:0}}

.modelhouse02 .main_container{max-width:1200px;margin:0 auto 150px}
.modelhouse02 .main_inner{
  width:100%;padding-bottom:66.636%;position:relative;display:block;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.modelhouse02 .slick-list{width:100%;height:100%;overflow:hidden}
.modelhouse02 .main_slide{width:100%;height:100%;position:absolute;top:0;left:0}
.modelhouse02 .main_slide .slider_img{width:100%;height:100%}
.modelhouse02 .main_slide .slider_img .inner{
  width:100%;padding-bottom:66.666%;background-position:center;background-size:cover;
}

/* 11号棟画像セット */
.modelhouse02 .main_slide .slider_img:nth-child(1) .inner{background-image:url("../img/modelhouse/11/model11_1.jpg")}
.modelhouse02 .main_slide .slider_img:nth-child(2) .inner{background-image:url("../img/modelhouse/11/model11_2.jpg")}
.modelhouse02 .main_slide .slider_img:nth-child(3) .inner{background-image:url("../img/modelhouse/11/model11_3.jpg")}
.modelhouse02 .main_slide .slider_img:nth-child(4) .inner{background-image:url("../img/modelhouse/11/model11_4.jpg")}
.modelhouse02 .main_slide .slider_img:nth-child(5) .inner{background-image:url("../img/modelhouse/11/model11_5.jpg")}
.modelhouse02 .main_slide .slider_img:nth-child(6) .inner{background-image:url("../img/modelhouse/11/model11_6.jpg")}
.modelhouse02 .main_slide .slider_img:nth-child(7) .inner{background-image:url("../img/modelhouse/11/model11_7.jpg")}
.modelhouse02 .main_slide .slider_img:nth-child(8) .inner{background-image:url("../img/modelhouse/11/model11_8.jpg")}
.modelhouse02 .main_slide .slider_img:nth-child(9) .inner{background-image:url("../img/modelhouse/11/model11_9.jpg")}
.modelhouse02 .main_slide .slider_img:nth-child(10) .inner{background-image:url("../img/modelhouse/11/model11_10.jpg")}
.modelhouse02 .main_slide .slider_img:nth-child(11) .inner{background-image:url("../img/modelhouse/11/model11_11.jpg")}



/* ★MODEL HOUSE 12（modelhouse03） */
.modelhouse03 #sec01{padding-top:50px;margin-bottom:50px}
@media screen and (max-width:800px){.modelhouse03 #sec01{padding-top:20px}}
@media screen and (max-width:500px){.modelhouse03 #sec01{padding-top:0}}

.modelhouse03 .main_container{max-width:1200px;margin:0 auto 150px}
.modelhouse03 .main_inner{
  width:100%;padding-bottom:66.636%;position:relative;display:block;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.modelhouse03 .slick-list{width:100%;height:100%;overflow:hidden}
.modelhouse03 .main_slide{width:100%;height:100%;position:absolute;top:0;left:0}
.modelhouse03 .main_slide .slider_img{width:100%;height:100%}
.modelhouse03 .main_slide .slider_img .inner{
  width:100%;padding-bottom:66.666%;background-position:center;background-size:cover;
}

.modelhouse03 .main_slide .slider_img:nth-child(1) .inner{background-image:url("../img/modelhouse/12/model_1.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(2) .inner{background-image:url("../img/modelhouse/12/model_2.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(3) .inner{background-image:url("../img/modelhouse/12/model_3.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(4) .inner{background-image:url("../img/modelhouse/12/model_4.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(5) .inner{background-image:url("../img/modelhouse/12/model_5.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(6) .inner{background-image:url("../img/modelhouse/12/model_6.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(7) .inner{background-image:url("../img/modelhouse/12/model_7.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(8) .inner{background-image:url("../img/modelhouse/12/model_8.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(9) .inner{background-image:url("../img/modelhouse/12/model_9.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(10) .inner{background-image:url("../img/modelhouse/12/model_10.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(11) .inner{background-image:url("../img/modelhouse/12/model_11.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(12) .inner{background-image:url("../img/modelhouse/12/model_12.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(13) .inner{background-image:url("../img/modelhouse/12/model_13.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(14) .inner{background-image:url("../img/modelhouse/12/model_14.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(15) .inner{background-image:url("../img/modelhouse/12/model_15.jpg")}
.modelhouse03 .main_slide .slider_img:nth-child(16) .inner{background-image:url("../img/modelhouse/12/model_16.jpg")}



/* ★MODEL HOUSE 15（modelhouse04） */
.modelhouse04 #sec01{padding-top:50px;margin-bottom:50px}
@media screen and (max-width:800px){.modelhouse04 #sec01{padding-top:20px}}
@media screen and (max-width:500px){.modelhouse04 #sec01{padding-top:0}}

.modelhouse04 .main_container{max-width:1200px;margin:0 auto 150px}
.modelhouse04 .main_inner{
  width:100%;padding-bottom:66.636%;position:relative;display:block;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.modelhouse04 .slick-list{width:100%;height:100%;overflow:hidden}
.modelhouse04 .main_slide{width:100%;height:100%;position:absolute;top:0;left:0}
.modelhouse04 .main_slide .slider_img{width:100%;height:100%}
.modelhouse04 .main_slide .slider_img .inner{
  width:100%;padding-bottom:66.666%;background-position:center;background-size:cover;
}

.modelhouse04 .main_slide .slider_img:nth-child(1) .inner{background-image:url("../img/modelhouse/15/model15_1.jpg")}
.modelhouse04 .main_slide .slider_img:nth-child(2) .inner{background-image:url("../img/modelhouse/15/model15_2.jpg")}
.modelhouse04 .main_slide .slider_img:nth-child(3) .inner{background-image:url("../img/modelhouse/15/model15_3.jpg")}
.modelhouse04 .main_slide .slider_img:nth-child(4) .inner{background-image:url("../img/modelhouse/15/model15_4.jpg")}
.modelhouse04 .main_slide .slider_img:nth-child(5) .inner{background-image:url("../img/modelhouse/15/model15_5.jpg")}
.modelhouse04 .main_slide .slider_img:nth-child(6) .inner{background-image:url("../img/modelhouse/15/model15_6.jpg")}
.modelhouse04 .main_slide .slider_img:nth-child(7) .inner{background-image:url("../img/modelhouse/15/model15_7.jpg")}
.modelhouse04 .main_slide .slider_img:nth-child(8) .inner{background-image:url("../img/modelhouse/15/model15_8.jpg")}
.modelhouse04 .main_slide .slider_img:nth-child(9) .inner{background-image:url("../img/modelhouse/15/model15_9.jpg")}
.modelhouse04 .main_slide .slider_img:nth-child(10) .inner{background-image:url("../img/modelhouse/15/model15_10.jpg")}
.modelhouse04 .main_slide .slider_img:nth-child(11) .inner{background-image:url("../img/modelhouse/15/model15_11.jpg")}
.modelhouse04 .main_slide .slider_img:nth-child(12) .inner{background-image:url("../img/modelhouse/15/model15_12.jpg")}


/*modeltabu*/
.model_tab{width:100%;max-width:1300px;margin:80px auto 0}.model_tab.second{margin:50px auto}.model_tab ul{font-size:0;text-align:center}.model_tab li{display:inline-block;margin:0 2.5px 5px}.model_tab li a{padding:10px 30px;background-color:#918983;color:#FFFFFF;font-size:18px;display:block;border-radius:5px;transition:0.5s ease 0s opacity}.model_tab li a:hover{opacity:0.6}@media screen and (max-width: 800px){.model_tab{width:96%}.model_tab li a{padding:10px 15px;font-size:15px}}@media screen and (max-width: 500px){.model_tab{margin:50px auto 0}}
.modelhouse01 .model_tab li:nth-child(1) a{background-color:#49433e}
.modelhouse02 .model_tab li:nth-child(2) a{background-color:#49433e}
.modelhouse03 .model_tab li:nth-child(3) a{background-color:#49433e}
.modelhouse04 .model_tab li:nth-child(4) a{background-color:#49433e}
.raijo_btn{margin:30px auto;width:90%;max-width:620px;position:relative}.raijo_btn a{background-color:#327A90;border-radius:5px;text-align:center;color:#FFFFFF;padding:15px 0;display:block;width:100%;font-size:24px;transition:0.3s ease 0s opacity}.raijo_btn a:hover{opacity:0.6}.raijo_btn a::after{content:"\0bb";display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}@media screen and (max-width: 500px){.raijo_btn a{font-size:16px}.raijo_btn a::after{right:10px}}


/*modelhouse*/
.modelhouse {
  max-width: 100%;
  width: 100%;
  margin: 0 auto; }
.modelhouse_h1 {
    margin: 0; }
  .modelhouse .modelhouse_h2 {
    font-size: 36px;
    text-align: center;
    letter-spacing: 11px; }
  .modelhouse_note {
    font-size: 10px;
    letter-spacing: 0px; }
  .modelhouse_land {
    margin-top: -5px; }
  .modelhouse_1 {
    margin-top:  100px; }
  .modelhouse_2 {
    margin-top: 91px;
    margin-bottom: 60px; }
  .modelhouse_ex {
    margin-top: -6px; }
  .modelhouse_fbox {
    margin-top: 43px; }
  .modelhouse_txt {
    padding-top: 13px;
    letter-spacing: 0px;
    text-align: left;
    line-height: 1.7; }
  .modelhouse_txt2 {
    letter-spacing: 0px; }
  .modelhouse_fbox2 {
    margin-top: 27px; }
  .modelhouse_card {
    width: 98%;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    margin-top: 82px; }
.modelhouse_park {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 84px;
  letter-spacing: 10px;
  padding-bottom: 7px; }
  .modelhouse_text {
    background: #35353C;
    width: 470px; }
    .modelhouse_text img {
      width: 240px;
      display: block;
      margin: 0 auto;
      padding-top: 41px; }
    .modelhouse_text p {
      font-size: 12px;
      color: #fff;
      padding-top: 13px;
      width: 84%;
      margin: 0 auto;
      letter-spacing: -1px;
      line-height: 1.7; }
  .modelhouse_img {
    width: 330px; }
  .modelhouse_qua {
    padding-top: 115px; }
  .modelhouse_flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 52px;
    margin-bottom: 90px; }
    .modelhouse_flex_box {
      width: 300px;
      border: 1px solid #38566F; }
    .modelhouse_flex_cont {
      width: 292px;
      display: block;
      margin: 0 auto;
      margin-top: 3px;
      margin-bottom: 3px;
      background: #38566F; }
      .modelhouse_flex_cont p {
        color: #fff;
        text-align: center; }
    .modelhouse_flex_p1 {
      font-size: 14px;
      padding-top: 15px; }
    .modelhouse_flex_p2 {
      font-size: 18px;
      padding-bottom: 15px; }

@media screen and (max-width: 1300px) {
  .modelhouse_text p {
    width: 95%; }
  .modelhouse_flex_box {
    width: 33%; }
  .modelhouse_flex_cont {
    width: 98%; }
  .modelhouse .modelhouse_h2 {
    letter-spacing: -1px; } }
@media screen and (max-width: 600px) {
  .modelhouse_sp {
    padding-top: 0px; }
  .modelhouse_1 {
    margin-top: 80px; }}
  .modelhouse_ex {
    padding-top: 80px; }
  .modelhouse_fbox2 {
    margin-top: 42px; }
  .modelhouse_card {
    display: block;
    margin-top: 40px; }
  .modelhouse_text {
    width: 100%; }
    .modelhouse_text p {
      padding-bottom: 15px; }
  .modelhouse_img {
    width: 100%; }
  .modelhouse_qua {
    padding-top: 80px; }
  .modelhouse_flex {
    display: block; }
    .modelhouse_flex_box {
      max-width: 300px;
      width: 90%;
      display: block;
      margin: 0 auto;
      margin-bottom: 20px; }
  .modelhouse .modelhouse_h2 {
    font-size: 24px; } 
  .modelhouse_park{
    font-size: 18px;
    padding-top: 50px; }


/* ----------------------------------------------------
   MODEL HOUSE スライダー矢印（背景なし・線だけ・ホバーで動く）
   ---------------------------------------------------- */

/* 矢印ボタン本体（背景なし） */
.main_slide .slick-prev,
.main_slide .slick-next {
  background: none;
  border: none;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  cursor: pointer;
  transition: all 0.25s ease;   /* ← ボタン本体の動き */
}

/* 矢印アイコン（＜ ＞） */
.main_slide .slick-prev:before,
.main_slide .slick-next:before {
  color: #666;                 /* 通常は薄いグレー */
  font-size: 36px;
  font-weight: 300;
  opacity: 1;
  transition: all 0.25s ease;  /* ← 色変化の滑らかさ */
}

/* 左右の初期位置 */
.main_slide .slick-prev { left: 10px; }
.main_slide .slick-next { right: 10px; }

/* ホバー時：矢印本体が少し動く（確実に動く） */
.main_slide .slick-prev:hover {
  left: 6px;                   /* ← 左矢印は左へ4px動く */
}
.main_slide .slick-next:hover {
  right: 6px;                  /* ← 右矢印は右へ4px動く */
}

/* ホバー時：色も濃くする（視認性UP） */
.main_slide .slick-prev:hover:before,
.main_slide .slick-next:hover:before {
  color: #000;
}

/* SP（スマホ）用縮小 */
@media screen and (max-width: 600px){
  .main_slide .slick-prev:before,
  .main_slide .slick-next:before {
    font-size: 26px;
  }
  .main_slide .slick-prev:hover { left: 8px; }
  .main_slide .slick-next:hover { right: 8px; }
}


/* SP専用：ドットを写真の外に下げる */
@media screen and (max-width: 768px){

  /* slick のドットを強制的に下げる */
  .main_slide .slick-dots {
    position: absolute;
    bottom: -60px !important;   /* ← 写真の外へ確実に出す */
    left: 0;
    width: 100%;
    text-align: center;
  }

  /* ドットの分だけ余白を確保 */
  .main_container {
    margin-bottom: 100px !important;
  }
}
