@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
  -------------------------------------*/
.full-width { width: 100vw; position: relative; left: 50%;  right: 50%;  margin-left: -50vw;  margin-right: -50vw;}

.main-title{margin-bottom: -60px;position: relative;z-index: -1;}

.new-banner{text-align: center;margin: 100px auto 80px auto;}
/* modelsystem
  -------------------------------------*/
.modelbox{position: relative;width: 1200px;min-height: 504px;background: #F7F7F7;margin: 0 auto 40px;}
.modelbox .inner-Box{position: relative;padding: 58px 50px 60px 544px;}
.modelbox .photobox{position: absolute;top: 60px;left: 50px;}
.modelbox .system-pic{ overflow: hidden; width: 455px; height: 340px; margin-bottom: 23px; }
.modelbox .system-pic img{ width: 100%; height: 340px; }
.modelbox .photobox .system-tel{font-size: 28px;letter-spacing: 1.4px;font-weight: 700;line-height: 1;margin-bottom: 5px;}
.modelbox h2{font-size: 18px;letter-spacing: 1.4px;font-weight: 700;line-height: 34px;border-bottom: 1px solid #333;padding-bottom: 13px;margin-bottom: 28px;}
.modelbox .system-pointtext{font-size: 16px;line-height: 1.9;letter-spacing: 3.3px;font-weight: 500;margin-bottom: 26.1px;padding-left: 4px;}
.modelbox .system-date{font-size: 16px;line-height: 1.8;letter-spacing: 0.8px;font-weight: 500;margin-bottom: 8.7px;}
.modelbox .system-date .ss{display: block;float: left;width: 104px;}
.modelbox .system-date .ss2{ display: block; float: left;  width: 420px;}
.modelbox .system-tel{font-size: 16px; line-height: 1.6; letter-spacing: 0.8px; font-weight: 500;}
.modelbox .btnbox{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 29px;}
.modelbox .btnbox li{ margin-right: 25px; }
.modelbox .btnbox li:nth-child(2n){ margin-right: 0px; }
.modelbox .icontext{letter-spacing: 0.9px;margin-bottom: 10px;}
.modelbox .icon01{ color: #890E0E; }
.modelbox .icon03{ color: #212950; }
.modelbox .icon02{ color: #A1A1A1; }

/* modelsystem-dl
  -------------------------------------*/
#intermediary .dl{margin-bottom: 18px;}
#intermediary .system-contents{background: #F7F7F7;padding: 80px;margin-bottom: 30px;}
#intermediary .system-contents .system-pic{margin-bottom: 81px;text-align: center;}
#intermediary .system-contents .system-pic img{max-width: 900px;width: auto;height: auto;margin: 0 auto;}
#intermediary .system-contents h2{font-size: 24px;letter-spacing: 1.4px;font-weight: 700;line-height: 34px;border-bottom: 1px solid #333;padding-bottom: 28px;margin-bottom: 39px;}
#intermediary .system-contents .system-pointtext{background: #fff;padding: 24px 40px;font-size: 16px;line-height: 1.9;letter-spacing: 3.3px;font-weight: 500;margin-bottom: 42.1px;margin-top: 24px;}
#intermediary .system-contents .system-date{font-size: 16px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;margin-bottom: 13px;}
#intermediary .system-contents .system-date .ss{display: block;float: left;width: 70px;}
#intermediary .system-contents .system-date .ss2{display: block;float: left;width: 600px;}
#intermediary .system-contents .system-tel{ margin-bottom: 30px; font-size: 26px; line-height: 1.6; letter-spacing: 0.8px; font-weight: 500; padding:10px; text-align: center; background: #fff;}
#intermediary .gallery-list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#intermediary .gallery-list li{ width: 18.4%; position: relative; margin:0 2% 25px 0; font-size: 0.75em; line-height: 1.4;}
#intermediary .gallery-list li:nth-of-type(5n) { margin-right: 0;}
#intermediary .gallery-list li a:hover{ text-decoration: none; }
#intermediary .gallery-list li .system-Frame{ display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 8px;}
#intermediary .gallery-list li .system-Frame::after{ content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0;}
#intermediary .gallery-list li .system-Frame img{ width: 100%; height: 120px; }
#intermediary .system-contents .icontext{letter-spacing: 0.9px;margin-bottom: 34px;}
#intermediary .system-contents .icon01{ color: #890E0E; }
#intermediary .system-contents .icon03{ color: #212950; }
#intermediary .system-contents .icon02{ color: #A1A1A1; }
#intermediary .system-contents .pri{font-size: 22px;line-height: 1.6;letter-spacing: 1.1px;font-weight: 700;position: relative;top: -5px;}
.system-gallery .sub-title{text-transform: uppercase;padding-left: 40px;padding-top: 12px;background: #212950;color: #ffff;font-size: 22px;text-align: left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing: 4.4px;}
#intermediary .system-contents .wysiwyg{ background: #fff; padding: 24px 40px; }

#intermediary .estate-list { display: flex; flex-wrap: wrap; font-size: 14px; line-height: 1.6;}
#intermediary .estate-list li{ flex-basis:50%; display: flex; border: #ccc 1px solid; margin-bottom: -1px; }
#intermediary .estate-list li h4{ flex-basis:33%; padding: 5%; background: #EBEBCC; }
#intermediary .estate-list li p{ flex-basis:67%;  padding: 5%; background: #fff;}
#intermediary .estate-list li:nth-of-type(2n) { margin-left: -1px;}

.form-Box{ border: #333 1px solid; }
    
    #intermediary .btnArea a{font-size: 20px;font-weight: bold;border-radius: 60px;padding: 20px 0;margin-top: 30px;position: relative;background-color: #212950;}
    #intermediary .btnArea a:after{content: ">";font-size: 16px;font-weight: bold;color: #fff;position: absolute;right: 25px;top: 24px;}
    
    .inc-list {
      width: 1140px;
      margin: 0 auto;
      left: 25px;
    }
   
    .inc-list .modelbox {
      position: relative;
      min-height: auto;
      background: #FFF;
      margin: 0 auto 0px;
      margin-right: 40px;
    }
   
    .inc-list .modelbox .inner-Box {
      padding: 0;
    }
   
    .inc-list .modelbox .photobox {
      position: static;
    }
   
    .inc-list .modelbox .system-pic {
      width: 100%;
      height: 240px;
    }
   
    .inc-list .modelbox .system-pic img {
      height: 240px;
    }
   
    .inc-list .modelbox h2 {
      line-height: 30px;
      min-height: 75px;
    }
   
    .inc-list .modelbox .photobox .system-tel {
      margin-bottom: 20px;
    }
   
    .inc-list .modelbox .btnbox li {
      margin-right: 0;
      margin-bottom: 10px;
    }
   
    .inc-list .modelbox .btnbox {
      width: 290px;
      margin: 0 auto;
    }
   
    .inc-list .slick-dotted.slick-slider {
      margin-bottom: 80px;
    }
   
    .inc-list .slick-prev:before, .slick-next:before {
      font-size: 40px;
    }
   
    .inc-list .slick-prev {
      left: -64px;
      z-index: 99;
    }
   
    .inc-list .modelbox .system-date .ss {
      display: block;
      float: left;
      width: 104px;
    }
   
    .inc-list .modelbox .system-date .ss2 {
      display: block;
      float: left;
      width: calc(100% - 104px);
    }
   
    .inc-list .modelbox .system-pointtext {
      font-size: 15px;
    }
   
    .inc-list .modelbox .time-text {
      font-size: 15px;
    }

}

@media screen and (max-width: 767px) {

.main-title{margin-bottom: 10.2vw;}
.new-banner{margin: 15.6vw 3.7vw 24.5vw 3.7vw;}

.modelbox{position: relative;background: #F7F7F7;margin: 0 4.2vw 9.1vw;}
.modelbox .inner-Box{position: relative;padding: 10vw 7vw 10.5vw 7vw;}
.modelbox .photobox{}
.modelbox .system-pic{overflow: hidden;height: 57.5vw;margin-bottom: 4vw;}
.modelbox .system-pic img{width: 100%;height: 57.5vw;}
.modelbox .photobox .system-tel{font-size: 3.7vw;letter-spacing: 0.3vw;font-weight: 700;line-height: 1;}
.modelbox h2{font-size: 4.3vw;letter-spacing: 0.24vw;font-weight: 700;line-height: 1.7;border-bottom: 0.1vw solid #333;padding-bottom: 3.7vw;margin-bottom: 5.1vw;}
.modelbox .system-pointtext{font-size: 4.3vw;line-height: 1.7;letter-spacing: 0.35vw;font-weight: 500;margin-bottom: 2.7vw;}
.modelbox .system-date{font-size: 3.9vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;margin-bottom: 1.9vw;}
.modelbox .system-date .ss{display: block;width: 25.1vw;font-weight: bold;float: left;}
.modelbox .system-date .ss2{display: block;width: 49vw;float: left;}
.modelbox .btnbox{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 3.8vw;}
.modelbox .btnbox li{margin-bottom: 3.5vw;}
.modelbox .btnbox li:nth-child(2n){ margin-right: 0vw; }

.modelbox .icontext{letter-spacing: 0.3vw;margin-bottom: 1.3vw;font-size: 3.8vw;}
.modelbox .icon01{ color: #890E0E; }
.modelbox .icon03{ color: #212950; }
.modelbox .icon02{ color: #A1A1A1; }
.modelbox .telbak{font-weight: 500;background: #fff;text-align: center;padding: 5.3vw 1vw 6.3vw 1vw;margin: 8.9vw -3vw 10vw;}
.modelbox .system-tel{font-size: 6.7vw;line-height: 1.6;letter-spacing: 0.3vw;margin-bottom: 1vw;}
.modelbox .time-text{font-size: 3.9vw;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;}

.inc-list{
  margin-top: 8vw;
}

.inc-list .modelbox{
  margin: 0 0 9.1vw;
  margin-right: 3vw;
  background-color: #fff;
}
.inc-list .modelbox .inner-Box {
  position: relative;
  padding: 0vw 3vw 3vw;
}

.inc-list .modelbox h2{
  min-height: 18.599vw;
}

.inc-list .slick-next {
  right: 10.386vw;
}
.inc-list .slick-prev {
  left: 5.556vw;
  z-index: 99;
}

#intermediary .dl{margin-bottom: 14.6vw;}
#intermediary .system-contents{background: #F7F7F7;padding: 10.8vw 7.5vw;margin: 0 4vw 3.9vw;}
#intermediary .system-contents .system-pic{margin-bottom: 9.6vw;text-align: center;}
#intermediary .system-contents .system-pic img{width: 100%;height: auto;}
#intermediary .system-contents h2{font-size: 4.3vw;letter-spacing: 0.25vw;font-weight: 700;line-height: 1.7;border-bottom: 0.1vw solid #333;padding-bottom: 3.7vw;margin-bottom: 6.8vw;}
#intermediary .system-contents .system-pointtext{background: #fff;padding: 6.3vw 4.9vw;font-size: 3.7vw;line-height: 1.9;letter-spacing: 0.3vw;font-weight: 500;margin-top: 6.1vw;margin-bottom: 7.5vw;}
#intermediary .system-contents .system-date{font-size: 3.6vw;line-height: 1.6;letter-spacing: 0.5vw;font-weight: 500;margin-bottom: 3.3vw;}
#intermediary .system-contents .system-date .ss{display: block;width: 17vw;font-weight: bold;float: left;}
#intermediary .system-contents .system-date .ss2{display: block;width: 53vw;float: left;}
#intermediary .system-contents .system-tel{ margin-bottom: 3.9vw; font-size: 3.4vw; line-height: 1.6; letter-spacing: 0.3vw; font-weight: 500; padding:1.3vw; text-align: center; background: #fff;}
#intermediary .system-contents .icontext{letter-spacing: 0.3vw;margin-bottom: 3.3vw;font-size: 3.8vw;}
#intermediary .system-contents .icon01{ color: #890E0E; }
#intermediary .system-contents .icon03{ color: #212950; }
#intermediary .system-contents .icon02{ color: #A1A1A1; }
#intermediary .system-contents .pri{font-size: 4.3vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 700;position: relative;top: -0.7vw;}
.system-gallery .sub-title{text-transform: uppercase;padding-left: 4.8vw;padding-top: 2.5vw;padding-bottom: 1vw;line-height: 2;background: #212950;color: #ffff;font-size: 4.4vw;text-align: left;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing: 0.3vw;margin-bottom: 4.7vw;}
#intermediary .system-contents .wysiwyg{background: #fff;padding: 3.1vw 5.2vw;margin: 0 -3vw 4vw;}

#intermediary .system-gallery{ margin: 0 -3vw; }
#intermediary .gallery-list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#intermediary .gallery-list li{ width: 49%; position: relative; margin:0 2% 6% 0; font-size: 3.2vw; line-height: 1.4;}
#intermediary .gallery-list li:nth-of-type(2n) { margin-right: 0;}
#intermediary .gallery-list li a:hover{ text-decoration: none; }
#intermediary .gallery-list li .system-Frame{display: block;width: 100%;height: 27vw;overflow: hidden;text-align: center;margin-bottom: 5%;}
#intermediary .gallery-list li .system-Frame::after{ content: none;}
#intermediary .gallery-list li .system-Frame img{ width: 100%; height: 30vw; }
#intermediary .gallery-list li span{ font-size: 3.6vw; }
#intermediary .estate-list {font-size: 3.2vw;line-height: 1.6;margin: 0 -3vw;}
#intermediary .estate-list li{ width: 100%; border: #ccc 1px solid; margin-bottom: -1px;border-bottom: none; }
#intermediary .estate-list li:last-child{ border-bottom: 1px solid #ccc;}
#intermediary .estate-list li h4{ border-bottom: #ccc dotted 1px;  width: 100%; padding: 3%; background: #EBEBCC; }
#intermediary .estate-list li p{ width: 100%; padding: 3%; background: #fff;}


    #intermediary .btnArea a{font-size: 4.0vw;font-weight: bold;border-radius: 60px;padding: 4% 0;margin-top: 8%;position: relative;background-color: #212950;}
    #intermediary .btnArea a:after{content: ">";font-size: 14px;font-weight: bold;color: #fff;position: absolute;right: 5vw;top: 7vw;}
    

}