@charset "UTF-8";

/* ==========================================
  Index - PC
========================================== */
.l-contents {
  padding: 100px 0 0;
}

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

/* Header Catch
------------------------------------------ */
.header-catch {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
}

/* Page Header
------------------------------------------ */
.page-header {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 0 48.1428571%;
  max-height: 674px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/page-header_img.jpg);
  background-size: cover;
}
.page-header .header-catch h3 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 15px 0 0;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}
.page-header .header-catch span {
  width: 540px;
  height: 1px;
  margin: 30px auto;
  display: inline-block;
  background-color: #ffffff;
}
.page-header .header-catch p {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  color: #ffffff;
}
.page-header .header-catch p a {
  color: #ffffff;
}

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

/* Section Header Catch */
.sec-header {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 0 17.8571428%; /* 250/1400 */
  max-height: 250px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.sec-header .header-catch p {
  margin: 0 auto 15px;
}
.sec-header .header-catch h2 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
}
.sec-header .header-catch h3 {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 0 0 35px;
}
.sec-header .header-catch span {
  display: none;
}
.sec-header .header-catch a {
  font-size: 26px;
  font-size: 2.6rem;
  color: #ffffff;
  text-decoration: underline;
}

/* こちらへ */
.to-next {
  position: relative;
  width: 456px;
  height: 95px;
  text-align: center;
  color: #535353;
  border: solid 1px #535353;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.to-next span {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  font-weight: 300;
  line-height: 95px;
  display: inline-block;
}
.to-next:hover {
  opacity: 0.7;
}
.to-next::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 92px;
  height: 9px;
  background: url(../common/images/arrow.svg) no-repeat 50% 50%;
}

.more {
  text-align: right;
/*  margin: 100px 0 0;*/
    margin: 100px 50px 0 auto;
}
.more .item-pc{ width:334px;}

/* ==========================================
  Home Club特別号 - Add202109
========================================== */
.special-bnr {
  margin: 0 0 85px;
}
.bnr-body {
  width: 100%;
  background-color: #f3f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 50px 0 0;
}
.bnr-body > div {
  text-align: center;
  padding: 0 0 0 40px;
}
.bnr-body > div p {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 40px 0 15px;
}
.bnr-body > div p::before,
.bnr-body > div p::after {
  content: "ー";
  -webkit-transform: scale(2.0, 1.0);
          transform: scale(2.0, 1.0);
  display: inline-block;
  padding: 0 10px;
}
.bnr-body > div h3 {
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
  margin: 0 0 45px;
}
.bnr-body > div h3 span {
  font-size: 0.8em;
  display: block;
}

/* ==========================================
  今月の特集
========================================== */
.special {
  margin: 0 0 180px;
}
.special .sec-heading {
  font-weight: 400;
}
.special a {
	color: #535353;
}
.special a:hover{ text-decoration:underline;}
.special-issue {
  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: 90px 0 0;
}
.special-issue > div {
  position: relative;
  width: 485px;
}
.pickup{ height: initial !important;}
.pickup h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  margin: 30px 0 0;
}
.pickup .art-title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
	margin: 40px 0 0;
	font-weight:bold;
}
.pickup .art-days {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 25px 0 0;
  color: #535353;
}
.pickup .art-tag a {
  font-size: 20px;
  font-size: 2.0rem;
  margin: 50px 0.25em 0 0;
}
.regular-unit {
  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;
}
.regular-unit .regular {
  width: 47%;
}
.regular h4 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 15px 0 0;
}
.regular .art-title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 15px 0 20px;
}
.regular .art-title a{ font-weight:bold;}
.regular .art-tag {
  margin: 5px 0 0;
}
.regular .art-tag a {
  font-size: 14px;
	font-size: 1.4rem;
}
.regular .art-days {
  font-size: 10px;
  font-size: 1.0rem;
  margin: 15px 0 0;
}
.feature-index {
/*  position: absolute;*/
  left: 0;
  bottom: 0;
  margin-top: 60px;
}
.feature-index h4 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 400;
  margin: 0 0 30px;
}
.feature-index ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.feature-index ul li:not(:last-of-type) {
  margin: 0 0 1em;
}
.feature-index ul li a {
  display: inline-block;
  margin: 0 0 0 1em;
}
.feature-index ul li a:hover{ text-decoration: underline;}

.feature-index ul li img {
  display: none;
}


/* ==========================================
  新着記事
========================================== */
.new-arrival {
  margin: 0 0 180px;
}

/* MISAWA DIGITAL MUSEUM Link */
.to-mdm {
  width: 100%;
  height: auto;
  margin: 40px 0 0;
}
.to-mdm a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  -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: 48px;
  font-size: 4.8rem;
  line-height: 1.0;
  letter-spacing: 0.0625em;
  color: #ffffff;
}
.to-mdm a ul {
  position: relative;
  top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.to-mdm a ul li span {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  font-weight: 300;
  display: inline-block;
}
.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: 98px;
  display: inline-block;
  margin: 0 0 0 30px;
}

/* ==========================================
  各種申込み - Add202102
========================================== */
.var-apps {
  margin: 0 0 180px;
}
.var-apps .article-3-unit {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.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 0 90px;
}
.var-apps .article-3 > div dl dt {
  margin: 0 0 20px;
}
.var-apps .article-3 > div dl dd:first-of-type {
  margin: 0 0 30px;
}
.var-apps .article-3 a img{ width:100%;}
/* ==========================================
  記事検索
========================================== */
.search {
  margin: 0 0 275px;
}

/* ==========================================
  お探しの記事はどれですか - PC Only
========================================== */
.which {
  text-align: center;
  margin: 0 0 120px;
}
.which h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
.article-nav {
  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: 100px 0 0;
}
.article-nav > div {
  width: 390px;
  height: 199px;
  background-color: #eeeeee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.article-nav > div dl dt {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
}
.article-nav > div a {
  color: #535353;
}
.article-nav > div dl dt {
  margin: 0 0 20px;
}
.article-nav > div:first-of-type dl dd img {
  width: 73px;
}
.article-nav > div:nth-of-type(2) dl dd img {
  width: 78px;
}
.article-nav > div:last-of-type dl dd img {
  width: 60px;
}

/* ==========================================
  ライフスタイルを考える
========================================== */
.thinklife {
  margin: 0 0 200px;
}
.thinklife .sec-header {
  background-image: url(../images/lifestyle_header_img.jpg);
  margin: 0 0 80px;
}
.thinklife .sec-header .header-catch p {
  width: 86px;
}

/* Culture */
.culture-unit {
  width: 996px;
  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: 90px 0 180px 104px;
}
.culture-unit .article-4 {
  width: 228px;
}
.culture-unit .article-4 h4 {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 15px 0 0;
}
.culture-unit .article-4 .art-title {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 15px 0 55px;
}

.camp-bnr {
  display: block;
  margin: 0 0 0 50px;
}

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

/* MISAWA DIGITAL MUSEUM Link - PC Only */
.to-mdm-w {
  width: 100%;
  height: 340px;
  margin: 0 0 210px;
}
.to-mdm-w h2 {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.0;
  letter-spacing: 0.0625em;
}
.to-mdm-w ul {
  position: relative;
  top: 50px;
  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-w ul li {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  font-weight: 300;
}
.to-mdm-w a {
  color: #535353;
  text-decoration: none;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.to-mdm-w a:hover {
  opacity: 0.7;
}

/* Interior, My Life */
.article-unit.interior .article .art-title {
  margin: 15px 0 40px;
}

/* 商品ギャラリー */
.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: 90px 0 60px;
}
.gallery-unit ul li {
  margin: 13px 0 0;
}
.gallery-unit .to-next {
  float: right;
  text-align: left;
}
.gallery-unit .to-next span {
  left: 15%;
}

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

/* 資金計画 */
.plan-info-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;
}
.plan-info {
  width: 358px;
  margin: 60px 0 180px;
}
.plan-info a {
  color: #535353;
  display: block;
}
.plan-info p {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 15px 0 0;
}
.plan-info h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 15px 0 0;
}

/* homeclub特集 */
.plan .article-4-unit .article-4 .art-title {
  margin: 15px 0 40px;
}

/* ==========================================
  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: 290px 0 227px;
}
.bnr-unit a {
  display: block;
  margin: 0 0 13px;
}

/* 会員登録情報追加登録のお願い - Add 202204
---------------------------------------------- */
.request-regist {
 margin: 60px auto 0;
}
.request-regist .inner {
 background-color: #f5f5f5;
 padding: 30px;
 box-sizing: border-box;
}
.request-regist h3 {
 font-size: 18px;
 font-size: 1.8rem;
 font-weight: bold;
 margin: 0 0 5px;
}
.request-regist p {
 font-size: 15px;
 font-size: 1.5rem;
 line-height: 1.6;
}
.add-regist {
 float: right;
 display: inline-block;
 font-size: 16px;
 font-size: 1.6rem;
 color: #ffffff;
 padding: 0.5em 1em;
 margin: 20px 0 0;
 background-color: #999999;
 transition: all 0.4s;
}
.add-regist:hover {
 color: #ffffff;
 background-color: #000000;
}
@media screen and (min-width:1201px) {
 .request-regist .inner {
   width: 1200px;
 }
}
@media screen and (max-width:1200px) {
 .request-regist .inner {
   width: 960px;
 }
}
.add-regist .sp {
 display: none !important;
}