#slid_area {
  max-width: 1600px;
  margin: auto;
  clear: both;
}
.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 800px;
}
.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  width: 100%;
  height: 800px;
  min-height: 100%;
  max-height: 800px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width:1260px) {
  .swiper-slide {
    height: 100%;
  }
}
.swiper-slide .main {
  position: absolute;
  bottom: -20%;
}
@media only screen and (max-width:1260px) {
  .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;
}
/*ブライトグリーン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;
}
/*カントリーブルー035093*/
.swiper-slide .main p .color_cblu {
  color: #ffffff;
  background: rgba(3, 80, 147, 0.8);
}
/*エクスブルー*/
.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, 0.7);
}
/*ガーデンピンク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;
}



/*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: 40%;
}
@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: 40%;
  }
}
@media only screen and (max-width:1260px) {
  .ptn02 p {
    font-size: 3.0vw;
    top: 20%;
    left: 40%;
  }
}
@media only screen and (max-width:1024px) {
  .ptn02 p {
    font-size: 3.2vw;
    line-height: 2.8em;
    left: 35%;
  }
}
@media only screen and (max-width:700px) {
  .ptn02 p {
    font-size: 4.0vw;
    top: 18%;
    left: 35%;
  }
}
/*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;
	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;
}