@charset "UTF-8";

/* ==========================================
  Index - SP
========================================== */
.l-contents {
  padding: 21.333333vw 0 0; /* 160px 0 0 */
}

/* ==========================================
  Page Common
========================================== */

/* Page Header
------------------------------------------ */
.page-header {
 padding: 0 0 171.4666666%;
 top: 0;
 max-height: initial;
 background-image: url(../images/page-header_img_sp.jpg);
 margin: 0 0 65px;
}
.page-header .header-catch h2 {
  width: 72%;
  margin: 0 auto;
}
.page-header .header-catch h3 {
  font-size: 4vw; /* 30px */
  margin: 23.333333vw 0 0;
}
.page-header .header-catch span {
  width: 1px;
  height: 17.333333vw;
  margin: 20vw auto 2.666666vw;
  display: block;
}
.page-header .header-catch p {
  font-size: 4.8vw; /* 36px */
}

/* ==========================================
  Section
========================================== */

/* Section Header Catch */
.sec-header {
  padding: 0 0 85.7333333%; /* 643/750 */
  max-height: initial;
}
.sec-header .header-catch p {
  margin: 0 auto 2.666666vw; /* 0 auto 20px */
}
.sec-header .header-catch h2 {
  font-size: 6.4vw; /* 48px */
  margin: 0 0 6vw; /* 0 0 45px */
}
.sec-header .header-catch h3 {
  font-size: calc(2.9333333vw * 1.25); /* 22px */
  margin: 0 0 6vw; /* 0 0 45px */
}
.sec-header .header-catch span {
  width: 1px;
  height: 13.333333vw; /* 100px */
  margin: 0 auto 2.666666vw; /* 0 0 20px */
  display: block;
  background-color: #ffffff;
}
.sec-header .header-catch a {
  font-size: 4.27vw; /* 32px */
  text-decoration: none;
}

/* Section Heading */
.sec-inner h3.item-sp {
  font-size: 4vw; /* 30px */
  margin: 13.333333vw 0 0; /* 100px */
}

.more {
  text-align: center;
  margin: 16vw 0 0; /* 120px */
}

/* ==========================================
  Home Club特別号 - Add202109
========================================== */
.special-bnr {
  margin: 0 0 26.666666vw; /* 200/750 */
}
.special-bnr .sec-heading {
  text-align: left;
  line-height: 1.2;
}
.special-bnr .sec-heading small {
  display: block;
  margin: 0 0 10px;
}
.bnr-body {
  display: block;
  margin: 6.666666vw 0 0; /* 50/750 */
  padding: 0 0 6.666666vw; /* 50/750 */
}
.bnr-body > div {
  padding: 0;
  margin: 4vw 0 0; /* 30/750 */
}
.bnr-body > div h4 {
  width: 30vw; /* 225/750 */
  margin: 0 auto;
}
.bnr-body > div p {
  font-size: calc(2.666666vw * 1.15); /* 20/750 */
  margin: 5.333333vw 0 15px; /* 40px 0 15px */
}
.bnr-body > div h3 {
  font-size: calc(4vw * 1.15); /* 30/750 */
  margin: 0 0 5.333333vw; /* 40/750 */
}
.bnr-body > div a {
  width: 47.333333vw; /* 355/750 */
  display: block;
  margin: 0 auto;
}

/* ==========================================
  今月の特集
========================================== */
.special {
  margin: 0 0 42.666666vw; /* 320px */
}
.special-issue {
  margin: 12vw 0 0; /* 90px */
  display: block;
}
.special-issue > div {
  width: 100%;
}
.special-issue > div:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.pickup h4 {
  font-size: 4.8vw; /* 36px */
  margin: 4vw 0 0; /* 30px */
}
.pickup .art-title {
  font-size: 3.73333333vw; /* 28px */
  line-height: 1.7;
  font-weight: 600;
  margin: 5.333333vw 0 0; /* 40px */
}
.pickup .art-tag a {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 12vw 0.25em 0px 0px; /* 90px */
}
.pickup .art-days {
  font-size: 15px;
  font-size: 1.5rem;
  margin: 4.666666vw 0 0; /* 35px */
}
.regular-unit {
  display: none;
  margin: 21.333333vw 0 0; /* 160px */
}
.regular-unit .regular {
  width: 100%;
  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;
}
.regular:first-of-type {
  margin: 0 0 16.666666vw; /* 125px */
}
.regular > a {
  width: 40%;
}
.regular > div {
  width: 50%;
}
.regular h4 {
  font-size: 3.2vw; /* 24px */
  margin: 0;
}
.regular .art-title {
  font-size: 4.8vw; /* 36px */
  font-weight: 400;
  line-height: 1.333333;
  margin: 3.333333vw 0 0; /* 25px */
}
.regular .art-tag {
  margin: 6.666666vw 0 0; /* 50px */
}
.regular .art-tag a {
  /* font-size: 3.2vw; /* 24px */
  font-size: 16px;
  font-size: 1.6rem;
}
.regular .art-days {
  /* font-size: 3.2vw; /* 24px */
  /* margin: 2vw 0 0; /* 15px */
  font-size: 13px;
  font-size: 1.3rem;
  margin: 6vw 0 0; /* 45px */

}
.feature-index {
  position: static;
  margin: 26.666666vw 0 0; /* 200px */
}
.feature-index h4 {
  font-size: 4.8vw; /* 36px */
  font-weight: 500;
  margin: 0 0 8vw; /* 60px */
}
.feature-index ul li {
  font-size: 4vw; /* 30px */
  line-height: 1.6;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.feature-index ul li span {
  display: none;
}
.feature-index ul li a {
  width: 65%;
  margin: 0;
}
.feature-index ul li img {
  display: inherit;
  width: 30%;
}

/* ==========================================
  新着記事
========================================== */
.new-arrival {
  margin: 0 0 32.666666vw; /* 245px */
}
.new-arrival .article-4-unit {
  width: 100%;
  display: block;
  margin: 0;
}
.new-arrival .article-4 {
  width: 100%;
  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;
  margin: 9.333333vw 0 0; /* 70px */
}
.new-arrival .article-4 > a {
  width: 40%;
}
.new-arrival .article-4 > div {
  width: 50%;
}
.new-arrival .article-4 h4 {
  margin: 0;
}

/* MISAWA DIGITAL MUSEUM Link */
.to-mdm {
  width: 100%;
  height: auto;
  margin: 37.333333vw 0 0; /* 280px */
}
.to-mdm a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.to-mdm a:hover {
  opacity: 0.7;
}
.to-mdm a {
  color: #ffffff;
  text-decoration: none;
}
.to-mdm a h2 {
  font-size: 5.466666666666667vw; /* 41px */
}
.to-mdm a ul {
  position: relative;
  top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 29.333333vw 0 0; /* 220px 0 0 */
}
.to-mdm a ul li span {
  font-size: 3.2vw; /* 24px */
}
.to-mdm a ul li:last-of-type span {
  display: none;
}
.to-mdm a ul li:last-of-type {
  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;
}
.to-mdm a ul li:last-of-type img {
  width: 13.666666vw;
}

/* ==========================================
  各種申込み - Add202102
========================================== */
.var-apps {
  margin: 0 0 41.333333%; /* 310/750 */
}
.var-apps .article-3-unit {
  width: 100%;
  display: block;
  margin: 8vw 0 0; /* 60/750 */
}
.var-apps .article-3:first-of-type,
.var-apps .article-3:nth-of-type(2),
.var-apps .article-3:nth-of-type(3) {
  margin: 0;
}
.var-apps .article-3 {
  width: 100%;
}
.var-apps .article-3:not(:last-of-type) {
  margin: 0 0 16vw; /* 120/750 */
}
.var-apps .article-3 > div {
  width: 100%;
}
.var-apps .article-3 > div dl dd:first-of-type {
  margin: 0 0 9.333333vw; /* 70/750 */
}
.var-apps .article-3 a {
  display: block;
}
.var-apps .article-3 a img {
  width: 100%;
  height: auto;
}

/* ==========================================
  記事検索
========================================== */
.search {
  padding: 0; /* 75px 0 95px */
  background: none;
}
.search-unit form {
  width: 85.7580398%;
  margin: 0 auto 16vw; /* 120px */
}

/* ==========================================
  ライフスタイルを考える
========================================== */
.thinklife {
  margin: 0 0 240px;
}
.thinklife .sec-header {
  background-image: url(../images/lifestyle_header_img_top_sp.jpg);
  margin: 0 0 22vw; /* 165px */
}
.thinklife .sec-header .header-catch p {
  width: 17.333333vw; /* 130px */
}
.thinklife .sec-heading {
  font-weight: 400;
}
.thinklife .article-4-unit {
  width: 100%;
  display: block;
}
.thinklife .article-4-unit .article-4 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 9.333333vw;
}
.thinklife .article-4-unit .article-4:last-of-type {
  margin: 0;
}
.thinklife .article-4-unit .article-4 > a {
  width: 27.5%;
}
.thinklife .article-4-unit .article-4 > div {
  width: 64.5%;
}
.thinklife .article-4-unit .article-4 small {
  font-size: calc(2.666666vw * 1.15); /* 20px */
  margin: 0 0 2vw; /* 15px */
}
.thinklife .article-4-unit .article-4 h4 {
  font-size: calc(3.2vw * 1.15); /* 24px */
  font-weight: 400;
  margin: 0 0 2vw; /* 15px */
}
.thinklife .article-4-unit .article-4 .art-title {
  font-size: calc(3.4777777vw * 1.15); /* 26px */
  margin: 0 0 2vw; /* 15px */
}
.thinklife .article-4-unit .article-4 .art-days {
  margin: 0 0 2vw; /* 15px */
}
.thinklife .article-4-unit .article-4 .art-tag {
  margin: 0; /* 15px */
}

/* Culture */
.culture-unit {
  margin: 8.666666vw 0 0; /* 65px */
}
.culture-unit .article-4 h4 {
  font-size: 3.2vw; /* 24px */
  margin: 4vw 0 0; /* 30px */
}
.culture-unit .article-4 .art-title {
  font-size: 4vw; /* 30px */
  margin: 3.333333vw 0 6.666666vw; /* 25px 0 50px */
}

.camp-bnr {
  margin: 0;
}

/* ==========================================
  住まいのイメージをふくらませる
========================================== */
.inflate {
  margin: 0 0 42.666666vw; /* 320px */
}
.inflate .sec-header {
  background-image: url(../images/image_header_img_top_sp.jpg);
  margin: 0 0 10.666666vw; /* 80px */
}
.inflate .sec-header .header-catch p {
  width: 17.333333vw; /* 130px */
}

/*
.inflate .article-4-unit {
  width: 996px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.inflate .article-4 {
  width: 228px;
  display: block;
  margin: 0;
}
.inflate .article-4 .art-title {
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.6;
}
.inflate .scroll {
  margin: 0 0 42.666666vw;
}
*/
.inflate .article-4-unit {
  width: 100%;
  display: block;
}
.inflate .article-4-unit .article-4 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 9.333333vw;
}
.inflate .article-4-unit .article-4:last-of-type {
  margin: 0;
}
.inflate .article-4-unit .article-4 > a {
  width: 27.5%;
}
.inflate .article-4-unit .article-4 > div {
  width: 64.5%;
}
.inflate .article-4-unit .article-4 small {
  font-size: calc(2.666666vw * 1.15); /* 20px */
  margin: 0 0 2vw; /* 15px */
}
.inflate .article-4-unit .article-4 h4 {
  font-size: calc(3.2vw * 1.15); /* 24px */
  font-weight: 400;
  margin: 0 0 2vw; /* 15px */
}
.inflate .article-4-unit .article-4 .art-title {
  font-size: calc(3.4777777vw * 1.15); /* 26px */
  margin: 0 0 2vw; /* 15px */
}
.inflate .article-4-unit .article-4 .art-days {
  margin: 0 0 2vw; /* 15px */
}
.inflate .article-4-unit .article-4 .art-tag {
  margin: 0;
}

/* Interior, My Life */
.article-unit.interior .article-4 .art-title {
  margin: 3.333333vw 0 6.666666vw; /* 25px 0 50px */
}

/* 商品ギャラリー */
.gallery-unit ul {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 13.333333vw 0 18vw; /* 100px 0 135px */
}
.gallery-unit ul li {
  width: 32.666666%;
}
.gallery-unit ul li {
  margin: 1% 0 0;
}
.gallery-unit .to-next {
  width: 54%;
  height: auto;
  margin: 0 auto;
  float: none;
  text-align: center;
  padding: 1.25em 0;
  background-color: #656262;
}
.gallery-unit .to-next::before {
  content: none;
}
.gallery-unit .to-next span {
  left: 0;
  font-size: 3.2vw; /* 24px */
  color: #ffffff;
  line-height: initial;
}

/* ==========================================
  住まいの計画をたてる
========================================== */
.plan .sec-header {
  background-image: url(../images/plan_header_img_top_sp.jpg);
  margin: 0 0 75px;
}
.plan .sec-header .header-catch p {
  width: 17.333333vw; /* 130px */
}

/* 資金計画 */
.plan-info-unit {
  display: block;
  margin: 11.333333vw 0 0; /* 85px */
  padding: 0 0 22vw; /* 165px */
}
.plan-info {
  width: 100%;
  margin: 0 0 20.666666vw; /* 155px */
}
.plan-info p {
  font-size: 3.2vw; /* 24px */
  margin: 4vw 0 0; /* 30px */
}
.plan-info h3 {
  font-size: 4vw; /* 30px */
  line-height: 1.3;
  margin: 4vw 0 0; /* 30px */
}

/* homeclub特集 */
/*
.plan .article-4-unit .article-4 .art-title {
  margin: 3.333333vw 0 6.666666vw;
}
*/
.plan .article-4-unit {
  width: 100%;
  display: block;
}
.plan .article-4-unit .article-4 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 9.333333vw;
}
.plan .article-4-unit .article-4:last-of-type {
  margin: 0;
}
.plan .article-4-unit .article-4 > a {
  width: 27.5%;
}
.plan .article-4-unit .article-4 > div {
  width: 64.5%;
}
.plan .article-4-unit .article-4 small {
  font-size: calc(2.666666vw * 1.15); /* 20px */
  margin: 0 0 2vw; /* 15px */
}
.plan .article-4-unit .article-4 h4 {
  font-size: calc(3.2vw * 1.15); /* 24px */
  font-weight: 400;
  margin: 0 0 2vw; /* 15px */
}
.plan .article-4-unit .article-4 .art-title {
  font-size: calc(3.4777777vw * 1.15); /* 26px */
  margin: 0 0 2vw; /* 15px */
}
.plan .article-4-unit .article-4 .art-days {
  margin: 0 0 2vw; /* 15px */
}
.plan .article-4-unit .article-4 .art-tag {
  margin: 0;
}

/* ==========================================
  Banner
========================================== */
.bnr-unit {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 40vw 0; /* 300px */
}
.bnr-unit a {
  width: 49%;
  margin: 0 0 2%;
}

/* 会員登録情報追加登録のお願い - Add 202204
---------------------------------------------- */
.request-regist {
width: auto;
padding: 6.666666% 6.666666% 0 6.666666%;
margin: 0;
}
.request-regist .inner {
 width: auto;
 padding: 6.666666%;
}

.add-regist {
 float: none;
 width: 100%;
 display: block;
 text-align: center;
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 1.5;
 padding: 0.75em;
 margin: 15px 0 0;
}
@media screen and (max-width:414px) {
 .add-regist {
   font-size: 11px;
   font-size: 1.1rem;
 }
}

.add-regist .sp  {
 display: inherit !important;
}