@charset "UTF-8";
/* Scss Document */
/* font =================================================================*/
.font-green,
.blockPlan .font-blue.chatchMain,
.blockInfo .font-blue.chatchMain,
.blockMap .font-blue.chatchMain {
  color: #3d9eff; }

.font-blue {
  color: #46210c; }

.font-brown {
  color: #46210c; }

.font-color,
.blockPlan .font-blue {
  color: #05B5AB; }

.font-bage,
.titleSection.font-brown {
  color: #A39781; }

.font-white {
  color: #fff; }

.text-shadow-green, .blockFloorplan .planList li a {
  text-shadow: 0px 0px 20px #3d9eff, 1px 1px 20px #3d9eff, 0px 1px 20px #3d9eff, 1px 0px 20px #3d9eff, -1px 0px 20px #3d9eff, 0px -1px 20px #3d9eff; }

.text-shadow-brown {
  text-shadow: 0px 0px 20px #46210c, 1px 1px 20px #46210c, 0px 1px 20px #46210c, 1px 0px 20px #46210c, -1px 0px 20px #46210c, 0px -1px 20px #46210c; }

.text-shadow-bage, .blockFloorplan .planList li:nth-child(4n+2) a, .blockFloorplan .planList li:nth-child(4n+3) a {
  text-shadow: 0px 0px 20px #A39781, 1px 1px 20px #A39781, 0px 1px 20px #A39781, 1px 0px 20px #A39781, -1px 0px 20px #A39781, 0px -1px 20px #A39781; }

.text-shadow-blue {
  text-shadow: 0px 0px 20px #05B5AB, 1px 1px 20px #05B5AB, 0px 1px 20px #05B5AB, 1px 0px 20px #05B5AB, -1px 0px 20px #05B5AB, 0px -1px 20px #05B5AB; }

.text-shadow-green-small, .bg-gra-green {
  text-shadow: 0px 0px 10px #3d9eff, 1px 1px 10px #3d9eff, 0px 1px 10px #3d9eff, 1px 0px 10px #3d9eff, -1px 0px 10px #3d9eff, 0px -1px 10px #3d9eff; }

.text-shadow-brown-small, .bg-gra-brown {
  text-shadow: 0px 0px 10px #A39781, 1px 1px 10px #A39781, 0px 1px 10px #A39781, 1px 0px 10px #A39781, -1px 0px 10px #A39781, 0px -1px 10px #A39781; }

.text-shadow-blue-small, .bg-gra-blue {
  text-shadow: 0px 0px 10px #05B5AB, 1px 1px 10px #05B5AB, 0px 1px 10px #05B5AB, 1px 0px 10px #05B5AB, -1px 0px 10px #05B5AB, 0px -1px 10px #05B5AB; }

.bg-gra-green-big {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3D9EFF', endColorstr='#FFFFFFFF');
  background: url(../img/special_page/chukai/bg_ventoverde.png), -ms-linear-gradient(-90deg, #3d9eff 20%, rgba(61, 158, 255, 0) 100%);
  background: url(../img/special_page/chukai/bg_ventoverde.png), -owg-linear-gradient(top, #3d9eff 16%, #ffffff 100%);
  background: url(../img/special_page/chukai/bg_ventoverde.png), -webkit-linear-gradient(top, #3d9eff 16%, #ffffff 100%);
  background: url(../img/special_page/chukai/bg_ventoverde.png), -moz-linear-gradient(top, #3d9eff 16%, #ffffff 100%);
  background: url(../img/special_page/chukai/bg_ventoverde.png), -o-linear-gradient(top, #3d9eff 16%, #ffffff 100%);
  background: url(../img/special_page/chukai/bg_ventoverde.png), linear-gradient(top, #3d9eff 16%, #ffffff 100%);
  background-position: top 20px center,top center;
  background-repeat: no-repeat, repeat; }

.bg-gra-brown {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA39781', endColorstr='#FFFFFFFF');
  background: -ms-linear-gradient(0deg, rgba(163, 151, 129, 0) 0%, #a39781 50%, rgba(163, 151, 129, 0) 100%);
  background-image: -owg-linear-gradient(left, white 0%, #a39781 50%, white 100%);
  background-image: -webkit-linear-gradient(left, white 0%, #a39781 50%, white 100%);
  background-image: -moz-linear-gradient(left, white 0%, #a39781 50%, white 100%);
  background-image: -o-linear-gradient(left, white 0%, #a39781 50%, white 100%);
  background-image: linear-gradient(left, white 0%, #a39781 50%, white 100%);
  width: 100%;
  min-height: 30px; }

.bg-gra-green {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3D9EFF', endColorstr='#FFFFFFFF');
  background: -ms-linear-gradient(0deg, rgba(61, 158, 255, 0) 0%, #3d9eff 50%, rgba(61, 158, 255, 0) 100%);
  background-image: -owg-linear-gradient(left, white 0%, #3d9eff 50%, white 100%);
  background-image: -webkit-linear-gradient(left, white 0%, #3d9eff 50%, white 100%);
  background-image: -moz-linear-gradient(left, white 0%, #3d9eff 50%, white 100%);
  background-image: -o-linear-gradient(left, white 0%, #3d9eff 50%, white 100%);
  background-image: linear-gradient(left, white 0%, #3d9eff 50%, white 100%); }

.bg-gra-blue {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3D9EFF', endColorstr='#FFFFFFFF');
  background: -ms-linear-gradient(0deg, rgba(5, 181, 171, 0) 0%, #05b5ab 50%, rgba(5, 181, 171, 0) 100%);
  background-image: -owg-linear-gradient(left, rgba(5, 181, 171, 0) 0%, #05b5ab 50%, rgba(5, 181, 171, 0) 100%);
  background-image: -webkit-linear-gradient(left, rgba(5, 181, 171, 0) 0%, #05b5ab 50%, rgba(5, 181, 171, 0) 100%);
  background-image: -moz-linear-gradient(left, rgba(5, 181, 171, 0) 0%, #05b5ab 50%, rgba(5, 181, 171, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(5, 181, 171, 0) 0%, #05b5ab 50%, rgba(5, 181, 171, 0) 100%);
  background-image: linear-gradient(left, rgba(5, 181, 171, 0) 0%, #05b5ab 50%, rgba(5, 181, 171, 0) 100%); }

.bg-gra-brown-big {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA39781', endColorstr='#FFFFFFFF');
  background: url(../img/special_page/bg_mh_white.png), -ms-linear-gradient(-90deg, #A39781 20%, rgba(163, 151, 129, 0) 100%);
  background: url(../img/special_page/bg_mh_white.png), -owg-linear-gradient(top, #a39781 20%, white 100%);
  background: url(../img/special_page/bg_mh_white.png), -webkit-linear-gradient(top, #a39781 20%, white 100%);
  background: url(../img/special_page/bg_mh_white.png), -moz-linear-gradient(top, #a39781 20%, white 100%);
  background: url(../img/special_page/bg_mh_white.png), -o-linear-gradient(top, #a39781 20%, white 100%);
  background: url(../img/special_page/bg_mh_white.png), linear-gradient(top, #a39781 20%, white 100%);
  background-position: top center;
  background-repeat: no-repeat, repeat;
  width: 100%; }
  @media (max-width: 650px) {
    .bg-gra-brown-big {
      background-size: 90% auto,auto; } }

.bg-gra-brown-small {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA39781', endColorstr='#FFFFFFFF');
  background: -ms-linear-gradient(top, #a39781 0%, rgba(163, 151, 129, 0) 100%);
  background-image: -owg-linear-gradient(top, rgba(163, 151, 129, 0.7) 0%, rgba(163, 151, 129, 0) 100%);
  background-image: -webkit-linear-gradient(top, rgba(163, 151, 129, 0.7) 0%, rgba(163, 151, 129, 0) 100%);
  background-image: -moz-linear-gradient(top, rgba(163, 151, 129, 0.7) 0%, rgba(163, 151, 129, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(163, 151, 129, 0.7) 0%, rgba(163, 151, 129, 0) 100%);
  background-image: linear-gradient(top, rgba(163, 151, 129, 0.7) 0%, rgba(163, 151, 129, 0) 100%); }

.bg-blue-brown {
  background: -moz-linear-gradient(0% 50% 0deg, rgba(5, 181, 171, 0) 0%, #05b5ab 50%, rgba(5, 181, 171, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(5, 181, 171, 0) 0%, #05b5ab 50%, rgba(5, 181, 171, 0) 100%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, rgba(5, 181, 171, 0)), color-stop(0.5, #05b5ab), color-stop(1, rgba(5, 181, 171, 0)));
  background: -o-linear-gradient(0deg, rgba(5, 181, 171, 0) 0%, #05b5ab 50%, rgba(5, 181, 171, 0) 100%);
  background: -ms-linear-gradient(0deg, rgba(5, 181, 171, 0) 0%, #05b5ab 50%, rgba(5, 181, 171, 0) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$blue', endColorstr='$blue' ,GradientType=0)";
  background: linear-gradient(90deg, rgba(5, 181, 171, 0) 0%, #05b5ab 50%, rgba(5, 181, 171, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$blue', endColorstr='$blue', GradientType=1); }

.border-green {
  border-image: url(../img/special_page/chukai/line_green.jpg) 0 0 2 fill stretch; }

.border-blue {
  border-image: url(../img/special_page/line_green.jpg) 0 0 2 fill stretch; }

.border-brown {
  border-image: url(../img/special_page/chukai/line_bage.jpg) 0 0 2 fill stretch; }

.bt-blue {
  background: #3d9eff; }

.bt-blue_se {
  background: #3d9eff; }

/* タイトル・メニュー　header  ----------------------------------------*/
#header h1 {
  background: #A39781; }

.mainImage .catches {
  color: #A39781; }
  .mainImage .catches .chatchList {
    flex-direction: row-reverse; }
    .mainImage .catches .chatchList li:nth-child(1) {
      border: 4px solid rgba(61, 158, 255, 0);
      background: rgba(61, 158, 255, 0.7);
      margin-right: 0px; }
      .mainImage .catches .chatchList li:nth-child(1) .inner {
        text-shadow: 0px 0px 3px rgba(61, 158, 255, 0.7), 1px 1px 3px rgba(61, 158, 255, 0.7), -1px -1px 3px rgba(61, 158, 255, 0.7); }
    .mainImage .catches .chatchList li:nth-child(2) {
      border: 4px solid rgba(70, 33, 12, 0);
      background: rgba(70, 33, 12, 0.7);
      margin-right: 20px; }

/* SALES SPOT　販売現地 =================================================================*/
.blockSalesspot .mainPhoto .sliderPhotoThm .bt-left,
.blockSalesspot .mainPhoto .sliderPhotoThm .bt-right, .blockSalesspot .mainPhoto #sliderPhotoThm .bt-left,
.blockSalesspot .mainPhoto #sliderPhotoThm .bt-right {
  background: rgba(61, 158, 255, 0.5); }

.blockSalesspot .mainPhoto .sliderPhotoThm .slick-current img, .blockSalesspot .mainPhoto #sliderPhotoThm .slick-current img {
  border: 3px solid rgba(61, 158, 255, 0.7); }

/*　COSTRUCTION 施工例集 =================================================================*/
.blockDivision .listPoint h6 {
  background: url(../img/special_page/line_brown_small.png) no-repeat bottom 15px center; }

/*　FLOOR PLAN 間取り =================================================================*/
.blockFloorplan .planList li a {
  background-image: url(../img/special_page/chukai/bg_btn_floorpran_01@2x.png); }

.blockFloorplan .planList li:nth-child(4n+2) a, .blockFloorplan .planList li:nth-child(4n+3) a {
  background-image: url(../img/special_page/chukai/bg_btn_floorpran_02@2x.png); }

/*　REFERENCE PLAN 参考プラン =================================================================*/
.blockPlan {
  background: url(../img/special_page/bg_reference.jpg) no-repeat bottom right; }
  .blockPlan li {
    background: rgba(5, 181, 171, 0.6);
    filter: alpha(opacity=75) progid:DXImageTransform.Microsoft.Alpha(opacity=75); }
    .blockPlan li:nth-child(even) {
      background: #05B5AB;
      background: #05b5ab; }

/* ライフインフォメーション =================================================================*/
/* blockOutline  ----------------------------------------*/
.blockOutline table th {
  background-color: #e4e0d9; }

/* お問い合わせはこちら =================================================================*/
.blockContact {
  background: url(../img/special_page/chukai/bg_line_large.png) no-repeat center top; }
  .blockContact .tel {
    color: #3d9eff; }
    .blockContact .tel a {
      color: #3d9eff; }
  .blockContact .listBtn li a, .blockContact .listBtn2 li a {
    background-image: url(../img/special_page/chukai/bg_butto@2x.png);
    text-shadow: 0px 0px 3px #3d9eff, 1px 1px 10px #3d9eff, -1px 1px 15px #3d9eff, 1px -1px 10px #3d9eff; }
    .blockContact .listBtn li a span, .blockContact .listBtn2 li a span {
      color: #46210c; }
  .blockContact .link a {
    background: #A39781; }

/* PCのみ =================================================================*/
@media (min-width: 801px) {
  /* header  ----------------------------------------*/
  .menuPc {
    width: 100%;
    height: 270px; }
    .menuPc .shita {
      border-bottom: 1px solid #70b8ff; }
    .menuPc .yoko {
      border-left: 1px solid #70b8ff; }
    .menuPc ul li a:hover {
      background-image: url(../img/special_page/chukai/bg_line_small.png);
      color: #3d9eff !important; } }

/* タブレットサイズ =================================================================*/
@media (max-width: 800px) {
  /* header  ----------------------------------------*/
  #header .menuSP .dropMenu {
    background-color: #3d9eff; }
  .menuPc {
    display: none; }
  /* blockMap  ----------------------------------------*/
  .blockMap .btnBox .btnRoute {
    background: #3d9eff; }
  /* blockContact ----------------------------------------*/
  .blockContact {
    background-size: contain; } }

/* スマホサイズ =================================================================*/
@media (max-width: 650px) {
  /* header ----------------------------------------*/
  /* blockPlan ----------------------------------------*/
  .blockPlan li.box3 {
    background: #05B5AB; }
  .blockPlan li.box4 {
    background: rgba(5, 181, 171, 0.6); }
  .blockPlan li.box7 {
    background: #05B5AB; }
  .blockPlan li.box8 {
    background: rgba(5, 181, 171, 0.6); }
  /*　FLOOR PLAN 間取り =================================================================*/
  .blockFloorplan .planList li:nth-child(4n+2) a, .blockFloorplan .planList li:nth-child(4n+3) a {
    background-image: url(../img/special_page/chukai/bg_btn_floorpran_01@2x.png);
    text-shadow: 0px 0px 20px #3d9eff, 1px 1px 20px #3d9eff, 0px 1px 20px #3d9eff, 1px 0px 20px #3d9eff, -1px 0px 20px #3d9eff, 0px -1px 20px #3d9eff; }
  .blockFloorplan .planList li:nth-child(even) a {
    background-image: url(../img/special_page/chukai/bg_btn_floorpran_02@2x.png);
    text-shadow: 0px 0px 20px #A39781, 1px 1px 20px #A39781, 0px 1px 20px #A39781, 1px 0px 20px #A39781, -1px 0px 20px #A39781, 0px -1px 20px #A39781; }
  /* blockOutline ----------------------------------------*/
  .blockOutline .more,
  .blockOutline .close {
    background: #A39781; }
  /* blockContact ----------------------------------------*/
  .blockContact {
    background-position: center top 113px; }
    .blockContact .tel {
      color: #3d9eff; }
    .blockContact h3 img {
      margin-bottom: 10px; } }