@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* タブレット */
/* PC:最低幅 */
/* PC:中幅 */
/* PC:大幅 */
/* PC:VW基準*/
/* PC:%基準*/
/* PC:大幅VW基準*/
/* PC:大幅%基準*/
/* PC:中幅VW基準*/
/* PC:中幅%基準*/
/* PC:px基準*/
/* タブレットpx基準 */
/* タブレット%基準 */
/* スマートフォンvw基準 */
/* スマートフォン%基準 */
.page-title {
  background: url(../img/forsale/mv_forsale.jpg) no-repeat center top;
}

h2 em {
  color: #E40011;
}

.forsale-wrapper {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  max-width: 1500px;
  width: 100%;
}
.forsale-wrapper aside {
  padding: 15px;
  width: 22%;
  background: #F3F3F2;
}
.forsale-wrapper aside h3 {
  font-size: 1.8rem;
  text-align: center;
}
.forsale-wrapper aside nav {
  padding: 1em 1.5em;
  background: #fff;
  line-height: 1.4;
}
.forsale-wrapper aside nav > ul > li {
  margin-bottom: 1em;
}
.forsale-wrapper aside nav > ul > li:last-child {
  margin-bottom: 0;
}
.forsale-wrapper aside nav.area {
  margin-bottom: 1em;
}
.forsale-wrapper aside nav.condition > ul > li {
  margin-bottom: 0;
}
.forsale-wrapper aside .cat-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.forsale-wrapper aside .cat-item > a {
  margin-right: 1.5em;
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #1F1713;
}
.forsale-wrapper aside .cat-item > a:before {
  margin-right: 0.25em;
  content: "・";
  display: inline-block;
}
.forsale-wrapper aside .cat-item > a:hover {
  text-decoration: underline;
}
.forsale-wrapper aside .cat-item .children a {
  display: inline-block;
  font-weight: normal;
  font-size: 1.5rem;
}
.forsale-wrapper .forsale-content {
  width: 75%;
}
.forsale-wrapper .forsale-content .lttl {
  margin-top: 0;
}

#free-design {
  margin-bottom: -1.1em;
  padding: 3em 0 4em;
  background: rgba(0, 0, 0, 0.05);
}
#free-design h2 {
  margin: 0 0 0.5em;
}
#free-design ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#free-design ul li {
  margin-top: 2%;
  width: 49%;
}
#free-design ul li a {
  color: #1F1713;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff url(../img/common/arw_r_r.png) no-repeat right 0.75em center;
  background-size: 1.4rem;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
#free-design ul li figure {
  width: 45%;
  font-size: 0;
  line-height: 1;
}
#free-design ul li div {
  width: 50%;
}
#free-design ul li div h3 {
  margin: 0 0 0.75em;
  font-size: 2rem;
  line-height: 1;
  font-weight: 500;
}
#free-design ul li div p {
  font-size: 1.5rem;
  line-height: 1.3;
}

section.forsale-index .inner {
  max-width: 1500px;
}

#contents-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#contents-nav::after {
  content: "";
  display: block;
  width: 30%;
}
#contents-nav li {
  margin: 0 0 60px;
  width: 30%;
}
#contents-nav li a {
  display: block;
  display: block;
  text-decoration: none;
  color: #1F1713;
}
#contents-nav .cat {
  margin: 0.75em 0 0;
  padding: 0 0.5em;
  border: solid 1px #E40011;
  color: #E40011;
  display: inline-block;
  line-height: 1.6;
  font-weight: bold;
}
#contents-nav dl {
  padding: 10px 0;
  line-height: 1.2;
}
#contents-nav dt {
  margin: 0 0 0.25em;
  font-size: 1.8rem;
  font-weight: bold;
}
#contents-nav dt span {
  font-size: 1.6rem;
}
#contents-nav dd {
  margin: 0 0 0.75em;
  padding: 0;
  border: none;
  font-size: 1.3rem;
  font-weight: normal;
}
#contents-nav em {
  font-weight: bold;
  font-size: 2rem;
  color: #E40011;
}
#contents-nav .more {
  padding: 0.5em;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.1) url(../img/common/arw_b_r.png) no-repeat right 0.5em center;
  background-size: 20px auto;
}
#contents-nav a {
  padding: 0;
  display: block;
  color: #000;
}
#contents-nav img {
  width: 100%;
  height: auto;
}
#contents-nav .dsc {
  margin: 1em 0 0;
  line-height: 1.6;
  font-size: 1.4rem;
  letter-spacing: -1px;
}
#contents-nav a:hover {
  text-decoration: none;
}

#details #contents-ttl,
#details .btn-request {
  display: none;
}

.section h2 {
  border: none;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 400;
}

.point-wrap {
  margin: 0 0 40px;
  padding: 15px 0;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  font-size: 1.8rem;
  font-weight: bold;
  width: 100%;
  overflow: hidden;
  line-height: 1.4;
}

.point-ttl {
  float: left;
  clear: left;
  width: 8em;
}
.point-ttl span {
  color: #E40011;
}

.point {
  margin-left: 9em;
  padding-left: 1em;
  border-left: solid 2px #221714;
}

.head-img {
  width: 45%;
}
.head-img img {
  max-width: initial;
  width: 100%;
}

.head-body {
  width: 50%;
  font-size: 1.6rem;
}
.head-body h1 {
  font-weight: bold;
}

#fs-head .fs-head-wrap {
  margin: 0 auto;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1500px;
}
#fs-head .cat {
  padding: 0.5em;
  border: solid 1px #E40011;
  color: #E40011;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
}
#fs-head h1 {
  margin: 0.25em auto 1em;
  font-size: 2.8rem;
  font-weight: bold;
}
#fs-head em {
  font-size: 2rem;
  color: #E40011;
}

.nav-page {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.nav-page .request a {
  color: #fff;
  padding: 5px 65px;
  display: block;
  background: none;
  font-weight: bold;
  background: #E40011 url(../img/common/arw_w_b_r.png) no-repeat left 1em center;
  background-size: auto 16px;
}
.nav-page li.act::before {
  bottom: -20px;
}

.bnr-works img {
  max-width: 100%;
}

#plan h2 {
  padding-bottom: 0.25em;
  border-bottom: solid 2px #221714;
  font-size: 3rem;
}

.plan-dtls-wrap {
  margin: 60px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.plan-dtls {
  width: 30%;
  border-right: solid 1px #221714;
}
.plan-dtls h3 {
  margin-bottom: 0;
  padding-bottom: 0.5em;
  font-size: 2.4rem;
}
.plan-dtls > p em {
  color: #E40011;
  font-size: 2.4rem;
}

.img-plan {
  width: 65%;
}

.img-landplan,
.img-plan {
  text-align: center;
}

#plan-body .notes {
  margin-top: 2em;
  text-align: right;
}

.location-wrap {
  margin: 0 -29px 0 0;
  width: 1029px;
  overflow: hidden;
}
.location-wrap li {
  margin: 0 29px 29px 0;
  float: left;
  width: 314px;
  text-align: center;
}

#access #map-canvas {
  width: 100%;
  height: 500px;
}

#outline table {
  width: 100%;
}
#outline th,
#outline td {
  padding: 0.75em 0;
  border-bottom: solid 1px #DDD;
  font-weight: normal;
  vertical-align: top;
  font-size: 1.5rem;
}
#outline th {
  padding-right: 1.5em;
  white-space: nowrap;
  text-align: left;
}
#outline td {
  padding: 0.75em 0.5;
}

#inquiry .request {
  margin: 1.5em 0 2.5em;
  border: solid 1px #ddd;
  background: #f6f6f6;
  text-align: center;
  font-size: 1.8rem;
}
#inquiry .request label {
  padding: 1em 0;
  display: block;
  font-weight: bold;
}
#inquiry h3 {
  text-align: center;
  font-weight: normal;
}

.inputarea.zip {
  margin: 0 0 10px;
  width: 25%;
}

.back-index-s {
  margin: 1em 0;
}

.back-index-s a {
  padding: 5px 5px 5px 30px;
  display: inline-block;
  background: transparent url(../img/common/arw_b_l.png) no-repeat left center;
  background-size: 20px auto;
  display: block;
  text-decoration: none;
  color: #1F1713;
}

.back-index {
  text-align: center;
  margin-top: 4em;
  font-size: 2rem;
  margin: 0 auto;
  width: 33.33333%;
  text-align: center;
  font-family: "Oswald", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: 0.05em;
}
.back-index a {
  padding: 5px;
  text-align: center;
  display: block;
  text-decoration: none;
  color: #1F1713;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .forsale-wrapper {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    width: 100%;
  }
  .forsale-wrapper aside {
    padding: 3vw;
    width: 100%;
  }
  .forsale-wrapper aside h3 {
    font-size: 1.8rem;
    text-align: center;
  }
  .forsale-wrapper aside nav {
    padding: 1em 1.5em;
    line-height: 1.4;
  }
  .forsale-wrapper aside nav > ul > li {
    margin-bottom: 1em;
  }
  .forsale-wrapper aside .cat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .forsale-wrapper aside .cat-item > a {
    margin-right: 1.5em;
    display: block;
    font-weight: bold;
    text-decoration: none;
  }
  .forsale-wrapper aside .cat-item > a:before {
    margin-right: 0.25em;
    content: "・";
    display: inline-block;
  }
  .forsale-wrapper aside .cat-item > a:hover {
    text-decoration: underline;
  }
  .forsale-wrapper aside .cat-item .children a {
    display: inline-block;
    font-weight: normal;
  }
  .forsale-wrapper .forsale-content {
    width: 100%;
  }
  .forsale-wrapper .forsale-content .lttl {
    margin: 0 auto 1.5em;
  }
  #free-design {
    margin-bottom: -0.1em;
    padding: 2em 0 3em;
    position: relative;
    z-index: 0;
  }
  #free-design h2 {
    margin-bottom: 1em;
  }
  #free-design ul {
    display: block;
  }
  #free-design ul li {
    margin-top: 3vw;
    width: 100%;
  }
  #free-design ul li a {
    color: #1F1713;
    background: #fff url(../img/common/arw_r_r.png) no-repeat right 0.75em center;
    background-size: 1.4rem;
    -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
            box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  }
  #free-design ul li figure {
    width: 43%;
  }
  #free-design ul li div {
    width: 53%;
  }
  #free-design ul li div h3 {
    font-size: 1.8rem;
  }
  #free-design ul li div p {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  #contents-nav {
    margin: 0;
    width: 100%;
    overflow: hidden;
  }
  #contents-nav li {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: dotted 1px #ccc;
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #contents-nav img {
    float: left;
    clear: left;
    width: 30%;
    height: auto;
  }
  #contents-nav dl {
    padding: 0 0 0 35%;
    line-height: 1.4;
  }
  #contents-nav dt {
    margin: 0;
    font-size: 1.5rem;
  }
  #contents-nav a {
    display: block;
    color: #000;
  }
  #contents-nav .more {
    margin: 0 auto;
    padding: 0.5em;
    text-align: center;
    font-size: 1.6rem;
    width: 95%;
  }
  #contents-nav .dsc {
    margin: 1em 0 0;
    line-height: 1.6;
    font-size: 1.4rem;
    letter-spacing: -1px;
  }
  #contents-nav a:hover {
    text-decoration: none;
  }
  .section h2 {
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 400;
  }
  .point-wrap {
    margin: 0 0 20px;
    padding: 10px 0;
    font-size: 1.4rem;
    width: 100%;
  }
  .point-ttl {
    float: none;
    width: auto;
    font-size: 1.8rem;
  }
  .point {
    margin-left: 0;
    padding-left: 0;
    border: none;
    margin-top: 0.5em;
    padding-top: 0.5em;
    border-top: solid 2px #221714;
  }
  .head-img {
    margin-bottom: 20px;
    float: none;
    width: 100%;
  }
  .head-img img {
    width: 100%;
    height: auto;
  }
  .head-body {
    float: none;
    width: 100%;
    font-size: 1.4rem;
  }
  #fs-head .fs-head-wrap {
    padding: 0 4vw;
  }
  #fs-head .cat {
    padding: 0.5em;
    font-weight: bold;
    line-height: 1;
  }
  #fs-head h1 {
    margin: 0.25em auto 0.5em;
    font-size: 2rem;
    font-weight: bold;
  }
  #fs-head em {
    font-size: 1.8rem;
  }
  .nav-page {
    margin: 0 0 30px;
    padding: 0 3vw 3vw;
    border-bottom: none;
    width: auto;
  }
  .nav-page li {
    margin: 0;
    padding: 0.15em 1em;
    border: none;
    display: inline-block;
    text-align: center;
    font-size: 1.6rem;
  }
  .nav-page li a {
    padding-right: 0;
    padding-left: 0;
  }
  .nav-page .request {
    width: 100%;
  }
  .nav-page .request a {
    color: #fff;
    padding: 0.5em;
    display: block;
  }
  .nav-page li.act::before {
    bottom: -20px;
  }
  #plan h2 {
    margin-bottom: 1em;
    padding-bottom: 0.25em;
    font-size: 2.4rem;
  }
  .plan-dtls-wrap {
    display: block;
    margin: 4vw auto;
  }
  .plan-dtls {
    margin: 15px auto;
    width: 100%;
  }
  .plan-dtls h3 {
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-right: none;
    border-bottom: solid 1px #221714;
    float: none;
    width: 100%;
    font-size: 1.8rem;
    text-align: center;
  }
  .plan-dtls > p {
    float: none;
    width: 100%;
  }
  .plan-dtls > p em {
    color: #E40011;
    font-size: 1.6rem;
  }
  .img-landplan,
  .img-plan {
    text-align: center;
    width: 100%;
  }
  .img-landplan img,
  .img-plan img {
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
  #plan-body .notes {
    margin-top: 2em;
    text-align: left;
  }
  .location-wrap {
    margin: 0;
    width: 100%;
    overflow: hidden;
  }
  .location-wrap li {
    margin: 0;
    padding: 5px;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 1.2rem;
  }
  .location-wrap li img {
    width: 100%;
    height: auto;
  }
  #access #map-canvas {
    width: 100%;
    height: 300px;
  }
  #outline table,
  #outline tbody,
  #outline tr,
  #outline th,
  #outline td {
    display: block;
    width: 100%;
  }
  #outline tr {
    overflow: hidden;
  }
  #outline th,
  #outline td {
    border-top: solid 2px #DDD;
    border-bottom: none;
    font-size: 1.2rem;
  }
  #outline th {
    width: 9em;
    float: left;
    clear: left;
    border-top: solid 2px #000;
  }
  #outline td {
    padding-left: 8em;
  }
  #inquiry .request {
    margin: 1em 0 2em;
    background: #f6f6f6;
    text-align: center;
    font-size: 1.6rem;
  }
  #inquiry h3 {
    text-align: center;
    font-weight: bold;
  }
  .inputarea.zip {
    margin: 0 0 10px;
    width: 35%;
  }
}