#slid_area {
  max-width: 1600px;
  margin: auto;
  clear: both;
}
.swiper-slide {
  height: 100%;
}
.swiper-slide .main {
  position: absolute;
  bottom: -20%;
}
.swiper-slide .main {
  position: relative;
  bottom: 0;
}
/*共通－テキストバックの透過標準white*/
.swiper-slide .main p span {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0 0.25em 0 0.25em;
  color: #333333;
  white-space: nowrap;
}
/*テキストバックカラーグレーディング*/
/*eikohomeグリーン166778*/
.swiper-slide .main p .color_ekgrn {
  background-color: rgba(22, 103, 120, 0.8);
  color: #ffffff;
}
/*カーキベージュoutdoor*/
.swiper-slide .main p .color_kb {
  background-color: rgba(211, 209, 174, 1);
  color: #333333;
}

/*リフレッシュイエローrefreshingyellow_f8dd36*/
.swiper-slide .main p .color_refyel {
  background-color: rgba(248,221,54, 1);
  color: #ffffff;
}


/*ブライトグリーンoutdoor*/
.swiper-slide .main p .color_bgrn {
  background-color: rgba(3, 148, 74, 1);
  color: #ffffff;
}
/*ナチュラルカーキoutdoor71785D*/
.swiper-slide .main p .color_nk {
  background-color: rgba(113, 120, 93, 1);
  color: #ffffff;
}
/*ウォルフグレイoutdoor*/
.swiper-slide .main p .color_wg {
  background-color: rgba(165, 174, 162, 1);
  color: #ffffff;
}
/*アッシュピンクspring*/
.swiper-slide .main p .color_apnk {
  background-color: rgba(158, 131, 134, 1);
  color: #ffffff;
}
/*c29d98アッシュピンクmiwayama*/
.swiper-slide .main p .color_mwympnk {
  background-color: rgba(194, 157, 152, 1);
  color: #ffffff;
}
/*012173ジャパンネイビーhisotry*/
.swiper-slide .main p .color_jpnv {
  background-color: rgba(1, 33, 115, 0.95);
  color: #ffffff;
}
/*ジャパンオレンジ*/
.swiper-slide .main p .color_org {
  background-color: rgba(234, 86, 20, 0.8);
  color: #ffffff;
}
/*オレンジレッドd6262b*/
.swiper-slide .main p .color_or {
  background-color: rgba(214, 38, 43, 0.8);
  color: #ffffff;
}

/*フラワーピンクレッドec073f*/
.swiper-slide .main p .color_fpr {
  background-color: rgba(236, 7, 63, 0.8);
  color: #ffffff;
}


/*カントリーブルー035093*/
.swiper-slide .main p .color_cblu {
  color: #ffffff;
  background: rgba(3, 80, 147, 0.8);
}
/*エクスブルー0465A7*/
.swiper-slide .main p .color_exblu {
  color: #ffffff;
  background: rgba(4, 101, 167, 0.8);
}
/*ビンテージアッシュ56757a*/
.swiper-slide .main p .color_vash {
  color: #ffffff;
  background: rgba(86, 117, 122, 0.9);
}
/*クリアグリーン1f8852*/
.swiper-slide .main p .color_cgrn {
  color: #ffffff;
  background: rgba(31, 136, 82, 1);
}
/*ガーデンピンクe9888f*/
.swiper-slide .main p .color_gpnk {
  color: #ffffff;
  background: rgba(233, 136, 143, 0.85);
}
/*ヤマビコグリーン0c6251*/
.swiper-slide .main p .color_ybgrn {
  color: #ffffff;
  background: rgba(12, 98, 81, 0.85);
}
/*ヒストリックブルー4e7fa2*/
.swiper-slide .main p .color_hblu {
  color: #ffffff;
  background: rgba(78, 127, 162, 0.85);
}
/*狐マスタードe6ad00*/
.swiper-slide .main p .color_ktnmstd {
  background-color: rgba(230, 173, 0, 0.95);
  color: #ffffff;
}
/*グレイッシュブルー335979*/
.swiper-slide .main p .color_glshblu {
  background-color: rgba(51, 89, 121, 0.9);
  color: #ffffff;
}
/*イナカスカイ3c5da0*/
.swiper-slide .main p .color_inksky {
  background-color: rgba(60, 93, 160, 0.8);
  color: #ffffff;
}
/*ネオングリーンoutdoor*/
.swiper-slide .main p .color_neong {
  background-color: rgba(152, 219, 198, 1);
  color: #ffffff;
}
/*イングランドボールド911e27*/
.swiper-slide .main p .color_ingbld {
  background-color: rgba(145, 30, 39, 0.9);
  color: #ffffff;
}
/*ソフトシルバー818181*/
.swiper-slide .main p .color_sftsiv {
  background-color: rgba(129, 129, 129, 0.9);
  color: #ffffff;
}
/*スプリングブルー105879*/
.swiper-slide .main p .color_sprblu {
  background-color: rgba(16, 88, 121, 0.9);
  color: #ffffff;
}
/*墨グレイー718292*/
.swiper-slide .main p .color_smgry {
  background-color: rgba(113, 130, 146, 0.9);
  color: #ffffff;
}
/*オーセンティックゴールドb5af6e*/
.swiper-slide .main p .color_osgold {
  background-color: rgba(181, 175, 110, 0.9);
  color: #ffffff;
}
/*パワーベースカーキb5af6e*/
.swiper-slide .main p .color_pwr {
  background-color: rgba(61, 86, 76, 0.9);
  color: #ffffff;
}
/*ウォームウィンターブルー448ea9*/
.swiper-slide .main p .color_wwb {
  background-color: rgba(68, 142, 169, 0.9);
  color: #ffffff;
}
/*ptn01 右に3行のテキスト*/
.ptn01 p {
  position: absolute;
  font-size: 2.5vw;
  line-height: 1.8em;
  top: 32%;
  left: 50%;
}
@media only screen and (max-width:2300px) {
  .ptn01 p {
    font-size: 2.8vw;
    line-height: 1.8em;
    top: 32%;
    left: 55%;
  }
}
@media only screen and (max-width:2000px) {
  .ptn01 p {
    font-size: 3.0vw;
    line-height: 2.0em;
    top: 30%;
    left: 50%;
  }
}
@media only screen and (max-width:1700px) {
  .ptn01 p {
    font-size: 3.2vw;
    line-height: 2.0em;
  }
}
@media only screen and (max-width:1500px) {
  .ptn01 p {
    font-size: 3.6vw;
    top: 25%;
    left: 55%;
  }
}
@media only screen and (max-width:1260px) {
  .ptn01 p {
    font-size: 4.2vw;
    line-height: 2.0em;
  }
}
@media only screen and (max-width:1024px) {
  .ptn01 p {
    font-size: 4.8vw;
    line-height: 2.0em;
    left: 48%;
  }
}
/*ptn02 センターに3列のテキスト*/
.ptn02 p {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: absolute;
  font-size: 2.3vw;
  line-height: 2.4em;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width:3840px) {
  .ptn02 p {
    top: 23%;
  }
}
@media only screen and (max-width:1500px) {
  .ptn02 p {
    font-size: 2.8vw;
    top: 25%;
    left: 50%;
  }
}
@media only screen and (max-width:1260px) {
  .ptn02 p {
    font-size: 3.0vw;
    top: 20%;
    left: 50%;
  }
}
@media only screen and (max-width:1024px) {
  .ptn02 p {
    font-size: 3.2vw;
    line-height: 2.8em;
    left: 50%;
  }
}
@media only screen and (max-width:700px) {
  .ptn02 p {
    font-size: 3.6vw;
    top: 18%;
    left: 50%;
  }
}

/*ptn02b センターに3列のテキスト*/
.ptn02b p {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: absolute;
  font-size: 2.4vw;
  line-height: 2.4em;
  top: 26%;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width:1500px) {
  .ptn02b p {
    font-size: 2.8vw;
    top: 25%;
    left: 50%;
  }
}
@media only screen and (max-width:1260px) {
  .ptn02b p {
    font-size: 3.0vw;
    top: 20%;
    left: 50%;
  }
}
@media only screen and (max-width:1024px) {
  .ptn02b p {
    font-size: 3.2vw;
    line-height: 2.8em;
    left: 50%;
  }
}
@media only screen and (max-width:700px) {
  .ptn02b p {
    font-size: 3.6vw;
    top: 18%;
    left: 50%;
  }
}



/*ptn03左上に4行のテキスト*/
.ptn03 p {
  position: absolute;
  font-size: 2.6vw;
  line-height: 1.6em;
  top: 32%;
  left: 5%;
  width: 100%;
}
.main.ptn03 .detiles {
  font-size: 2.0vw;
  color: #212227;
}
@media only screen and (max-width:1680px) {
  .ptn03 p {
    top: 30%;
    font-size: 3.0vw;
  }
  .main.ptn03 .detiles {
    font-size: 2.4vw;
  }
}
@media only screen and (max-width:1260px) {
  .ptn03 p {
    top: 26%;
    font-size: 4.0vw;
    line-height: 1.6em;
  }
  .main.ptn03 .detiles {
    font-size: 3.0vw;
  }
}
@media only screen and (max-width:799px) {
  .ptn03 p {
    top: 26%;
    font-size: 5.4vw;
    line-height: 1.4em;
  }
  .main.ptn03 .detiles {
    font-size: 4.0vw;
  }
}
/*ptn03中央に3行のテキスト*/
.ptn04 p {
  position: absolute;
  font-size: 3.0vw;
  line-height: 2.0em;
  top: 33%;
  left: 33%;
  text-align: center;
}
@media only screen and (max-width:1500px) {
  .ptn04 p {
    font-size: 3.2vw;
    line-height: 2.0em;
    top: 28%;
    left: 35%;
  }
}
@media only screen and (max-width:1260px) {
  .ptn04 p {
    font-size: 4.2vw;
    line-height: 2.0em;
    top: 19%;
    left: 30%;
  }
}
@media only screen and (max-width:1024px) {
  .ptn04 p {
    font-size: 4.8vw;
    line-height: 2.0em;
    top: 22%;
    left: 28%;
  }
}
/*センターに画像のパターン*/
.center_img p {
  position: absolute;
  top: 35%;
  width: 55%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.center_img .tex {
  top: 30%;
  line-height: 2.0em;
  height: 300px;
  text-align: center;
  font-size: 1.4vw;
  color: #ffffff;
  text-shadow: 1px 1px 0 #333333;
}
@media only screen and (max-width:1600px) {
  .center_img .tex {
    font-size: 1.8vw;
  }
}
@media only screen and (max-width:1400px) {
  .center_img .tex {
    font-size: 1.8vw;
    top: 35%;
  }
}
@media only screen and (max-width:1300px) {
  .center_img .tex {
    font-size: 2.0vw;
    top: 40%;
  }
}
@media only screen and (max-width:1200px) {
  .center_img .tex {
    font-size: 2.4vw;
    top: 45%;
  }
}
@media only screen and (max-width:980px) {
  .center_img .tex {
    font-size: 2.6vw;
    top: 55%;
  }
}
@media only screen and (max-width:800px) {
  .center_img .tex {
    top: 65%;
  }
}
@media only screen and (max-width:700px) {
  .center_img .tex {
    top: 80%;
  }
}
@media only screen and (max-width:600px) {
  .center_img .tex {
    top: 90%;
    font-size: 2.4vw;
  }
}
@media only screen and (max-width:500px) {
  .center_img .tex {
    top: 105%;
  }
}
@media only screen and (max-width:420px) {
  .center_img .tex {
    top: 110%;
  }
}
@media only screen and (max-width:380px) {
  .center_img .tex {
    top: 120%;
  }
}
/*左に画像のパターン*/
.left_img p {
  position: absolute;
  top: 30%;
  left: 5%;
  /*ワイド800のロゴ的な画像*/
  width: 60%;
}
@media only screen and (max-width:650px) {
  .left_img p {
    position: absolute;
    top: 30%;
    left: 5%;
    /*ワイド800のロゴ的な画像*/
    width: 65%;
  }
}
/*左にwebテキスト右下にwebテキストのパターン*/
.lr_img p.left {
  position: absolute;
  top: 12%;
  left: 5%;
  font-size: 3.6vw;
  line-height: 1.0em;
  /*font-family: "acier-bat-solid", sans-serif;
  font-weight: 400;
  font-style: normal;*/
	font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
	
	
  color: #ffffff;
  text-indent: -0.1em;
}
@media only screen and (max-width:2000px) {
  .lr_img p.left {
    top: 15%;
  }
}
@media only screen and (max-width:1800px) {
  .lr_img p.left {
    font-size: 4.0vw;
  }
}
@media only screen and (max-width:1500px) {
  .lr_img p.left {
    top: 6%;
    font-size: 4.6vw;
  }
}
@media only screen and (max-width:1260px) {
  .lr_img p.left {
    top: 3%;
    font-size: 6.0vw;
  }
}
@media only screen and (max-width:680px) {
  .lr_img p.left {
    top: 3%;
    font-size: 7.4vw;
  }
}
.lr_img p.left span.outline {
  background: none;
  font-family: "acier-bat-outline", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
}
.lr_img p.left span.sub {
  background: none;
  font-size: 2.0vw;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
}
@media only screen and (max-width:1500px) {
  .lr_img p.left span.sub {
    font-size: 2.6vw;
  }
}
@media only screen and (max-width:680px) {
  .lr_img p.left span.sub {
    font-size: 3.6vw;
  }
}
.lr_img p.right {
  position: absolute;
  bottom: 18%;
  right: 5%;
  font-size: 3.6vw;
  line-height: 1.2em;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
}
@media only screen and (max-width:2000px) {
  .lr_img p.right {
    bottom: 20%;
  }
}
@media only screen and (max-width:1800px) {
  .lr_img p.right {
    font-size: 4.0vw;
  }
}
@media only screen and (max-width:1500px) {
  .lr_img p.right {
    font-size: 4.6vw;
  }
}
@media only screen and (max-width:680px) {
  .lr_img p.right {
    font-size: 4.6vw;
  }
}
@media only screen and (max-width:1260px) {
  .lr_img p.right {
    font-size: 6.0vw;
    bottom: 6%;
  }
}
.lr_img p.right span {
  background: none;
  font-size: 1.6vw;
  color: #ffffff;
}
@media only screen and (max-width:2000px) {
  .lr_img p.right span {
    font-size: 2.0vw;
  }
}
@media only screen and (max-width:1500px) {
  .lr_img p.right span {
    font-size: 2.6vw;
  }
}
@media only screen and (max-width:680px) {
  .lr_img p.right span {
    font-size: 3.6vw;
  }
}
/*分譲地トップ用　左上に4行のテキスト*/
.residence p {
  position: absolute;
  font-size: 2.5vw;
  line-height: 2.0em;
  top: 28%;
  left: 5%;
  width: auto;
}
@media only screen and (max-width:1500px) {
  .residence p {
    font-size: 2.8vw;
    line-height: 2.0em;
    top: 19%;
    left: 5%;
  }
}
@media only screen and (max-width:1260px) {
  .residence p {
    font-size: 3.5vw;
    line-height: 1.9em;
    top: 15%;
  }
}
@media only screen and (max-width:800px) {
  .residence p {
    font-size: 4.8vw;
    line-height: 2.0em;
    top: 15%;
    left: 5%;
  }
}
.main.residence span {
  background-color: rgba(22, 103, 120, 0.9);
  padding: 0 0.25em 0 0.25em;
  color: #fff;
}

/* ===== PRICE DOWN hero（トップスライダー用）===== */
.pdh{position:relative;display:block;width:100%;aspect-ratio:1680/1120;overflow:hidden;background:#166778;color:#fff;text-decoration:none !important;font-family:"Noto Sans JP",sans-serif}
.pdh *{box-sizing:border-box}
.pdh-photo{position:absolute;top:0;right:0;width:58%;height:100%;object-fit:cover;display:block}
.pdh-panel{position:absolute;top:0;left:0;width:48%;height:100%;background:#166778;padding:6% 9% 5% 5.5%;display:flex;flex-direction:column;justify-content:center;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.pdh-ring{position:absolute;left:30%;top:-12%;width:26%;aspect-ratio:1/1;border:clamp(10px,2vw,30px) solid #ffd400;border-radius:50%;opacity:.9;pointer-events:none}
.pdh-en{position:relative;font-family:Roboto,sans-serif;font-weight:900;font-size:clamp(40px,8.4vw,128px);line-height:.88;letter-spacing:-.02em;color:#fff;margin:0}
.pdh-en span{display:block;color:#ffd400}
.pdh-lead{position:relative;font-weight:900;font-size:clamp(14px,1.9vw,28px);line-height:1.5;color:#fff;margin:1.2em 0 .9em}
.pdh-list{position:relative;list-style:none;margin:0 0 1.6em;padding:0;font-size:clamp(11px,1.05vw,16px);line-height:1.5}
.pdh-list li{display:flex;justify-content:space-between;gap:1em;border-bottom:1px solid rgba(255,255,255,.3);padding:.35em 0;color:#e3eef0}
.pdh-list li b{color:#fff;font-family:Roboto,"Noto Sans JP",sans-serif;font-weight:900;white-space:nowrap}
.pdh-btn{position:relative;align-self:flex-start;background:#ffd400;color:#1a1f2b;font-weight:700;font-size:clamp(12px,1.15vw,17px);padding:.8em 1.8em;letter-spacing:.05em}
.pdh-btn::after{content:" →"}

@media (max-width:750px){
  .pdh-photo{width:100%;opacity:.50}
  .pdh-panel{width:100%;background:rgba(22,103,120,.10);clip-path:none;padding:7% 7%;justify-content:center}
  .pdh-ring{left:auto;right:-10%;top:-18%;width:42%}
  .pdh-list{display:none}
  .pdh-lead{margin:.9em 0 1.1em}
}
/* ===== /PRICE DOWN hero ===== */