@charset "UTF-8";
/* ------------------------
Design Studio Doors CSS home.css 2025.12.03
---------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&display=swap");

.msn-h2__inner {
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: normal;
}

.msn-h2--cap .msn-h2__title {
  letter-spacing : 0.2rem;
}

.msn-h2--cap .msn-h2__cap {
  margin-top : 10px;
}

/*fv*/
#sec-fv {
  margin-bottom : 100px;
}

@media screen and (max-width: 767px) {
  #sec-fv {
    margin-bottom : 40px;
  }
}

/*mv*/
.mv {
    display:block;
    position : relative;
}

.mv-bg img {
    width : 100%;
}

.mv-logo {
  position : absolute;
  left : 0;
  top : 0;
}

.mv__1 {
  width : 100%;
  opacity : 0;
}

.mv__2 {
  position : absolute;
  left : 0;
  top : 0;
  width : 100%;
  opacity : 0;
}

.mv img {
  width : 100%;
}

/*merit*/

.merit {
  background : url(../img/bg-gray_pc.jpg) no-repeat;
  background-size : 100%;
  padding : 25px;
}

.merit img {
  display : block;
  width: 996px;
  margin : 0 auto;
}

.features {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .features {
    margin-bottom : 40px;
  }
}

.sec {
  display : block;
}

.sec__image {
  transition : 1s;
  filter: brightness(0.8);
}

.sec__image img {
  width : 100%;
}

a:hover .sec__image {
  filter: brightness(1.2);
}

.sec-cap {
  position : absolute;
  top : 5px;
  right : 10px;
  text-align : right;
  font-size : 12px;
  color : #fff;
  z-index: 3;
  margin-bottom : 0;
}

@media screen and (max-width: 767px) {
  .sec-cap {
    font-size : 10px;
  }
}

.sec__contents {
  position : relative;
}

.sec__contents-inner {
  width: 1000px;
  max-width : calc(100% - 30px);
  margin : 0 auto;
  display : flex;
  justify-content: space-between;
  position : relative;
  z-index : 2;
  padding: 40px 0 100px;
}

.sec__contents-txts {
  width: calc(690 / 1000 * 100%);
}

@media screen and (max-width: 767px) {
  .sec__contents,
  .sec__contents-txts {
    width : 100%;
    max-width : 100%;
  }
  .sec__contents-inner {
    flex-direction : column;
    width : 100%;
    padding-bottom: 60px;
  }
}

.sec__en-ttl {
  position : absolute;
  top : -55px;
  padding : 40px 40px 0;
  background : #fff;
  width : 180px;
  height: 170px;
  font-size : 18px;
  margin-bottom : 10px;
  line-height : 1;
}

.sec__en-ttl:before {
  content : '';
  width : 100%;
  height : 5px;
  background : #670002;
  position : absolute;
  top : -5px;
  left : 0;
}

.sec__en-ttl:after {
  content : '';
  height : 100%;
  width : 5px;
  background : #000;
  position : absolute;
  top : 0;
  left : -5px;
}

.sec__ttl {
  margin-bottom : 0;
  position : relative;
  padding-left : 40px;
  font-size : 27px;
  font-weight: 100;
}

@media screen and (max-width: 767px) {
  .sec__en-ttl {
    font-size: 16px;
    /* text-align : center; */
    padding-left: 30px;
  }
  .sec__ttl {
    font-size : 20px;
    margin-bottom : 20px;
    padding-left: 30px;
    line-height: 1.6;
  }
}

.sec__contents-btn {
  display : flex;
  flex-direction:column;
  justify-content : center;
  align-items : center;
}

.sc-btn {
  width : 300px;
}

.sc-btn a {
  display: flex;
  justify-content : center;
  align-items : center;
  border : solid 1px #000;
  text-align : center;
  padding : 10px;
  transition : .5s;
  color : #000;
  border-radius : 5px;
  position : relative;
}

.sc-btn a:hover {
  background : #666;
  color : #fff;
}

.sc-btn a:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #393939;
  border-top: 1px solid #393939;
  border-radius: 1px;
  position: absolute;
  right: 15px;
}

.sc-btn a:hover:after {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
}

@media screen and (max-width: 767px) {
  .sc-btn {
    
  }
}

.sc-btn p {
  margin-bottom : 0;
}


/*info*/

@media screen and (min-width: 768px) {
  .msn-section__container--narrow {
    max-width : 1000px;
  }
  .msn-newsTopicsBlock {
    margin-bottom : 100px;
  }

}

@media screen and (max-width: 767px) {
  .msn-newsTopicsBlock__item {
    flex-wrap : wrap;
  }
  .msn-newsTopicsBlock__date,
  .msn-newsTopicsBlock__content {
    width : 100%;
  }
}

.msn-newsTopicsBlock__topicLabel {
  margin-left : 10px;
}
.msn-newsTopicsBlock__item:not(:last-child) {
  margin-bottom : 5px;
}
.crbox {
    background-color: #f2f2f2;
    border: none;
}

.msn-topInfo__copy {
  font-weight : normal;
  margin-bottom : 80px
}

.info__text1 {
  font-size : 27px;
}

.info__text2 {
  font-size : 40px;
  margin : 10px 0 15px;
}

@media screen and (max-width: 767px) {
  .info__text1 {
    font-size : 22px;
  }
  
  .info__text2 {
    font-size : 30px;
    margin : 10px 0 15px;
  }
  .info__text-day {
    font-size : 20px;
  }
}

/*オーダーシステムバナー*/
.infoBnr__ordersystem {
    margin: 0 auto 100px;
    width: 886px;
    max-width : 80%;
}
@media screen and (max-width: 767px) {
    .infoBnr__ordersystem {
        margin: 0 auto 60px;
        width: calc(100% - 30px);
        max-width : 375px;
    }
}

/*間取り*/

.ohkarte-floor-plan__content {
    position: relative;
    overflow: hidden;
    /* padding-top: 40px;*/
    max-width: 960px;/*1280px*/
    /*max-width: 620px;*/
    margin: 40px auto 0;
}

.ohkarte-floor-plan__content .txt-con__ttl {
  color : #fff;
  text-align : center;
  margin-bottom : 40px;
}

.ohkarte-floor-plan__contentInner {
    /*overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;*/
    padding: 0 0 30px 0;
}

.ohkarte-floor-plan__contentInner::-webkit-scrollbar {
  display: none;
}

.ohkarte-floor-plan__items {
    display: flex;
    white-space: nowrap;
    font-size: 0;
    margin-left: 0;
    font-size: 20px;
    justify-content: center;
}

.ohkarte-floor-plan__item {
    display: block;
    box-sizing: border-box;
    width: calc(33.3333% - 12px);
    /*width: calc(50% - 12px);*/
    border: 1px solid #DDDDDD;
    margin-right: 12px;
    margin-right: 18px;
    font-size: 1rem;
    vertical-align: top;
    white-space: normal;
}

/*.ohkarte-floor-plan__item:last-child::after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 15px;
  height: 1px;
  content: '';
}*/

@media screen and (max-width: 767px) {
  .ohkarte-floor-plan__items {
    flex-direction: column;
  }
  .ohkarte-floor-plan__item {
    margin : 0 auto 20px;
  }
}



.ohkarte-floor-planTheme {
    display: block;
    width: 100%;
    padding: 10px 10px 6px;
    box-sizing: border-box;
    /* background: #c2bec1; */
    background: #fff;
    color: #000;
    /*-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    box-shadow: 0 3px 5px rgba(0,0,0,.2);*/
}

.ohkarte-floor-planTheme__title {
    width: 100%;
    margin-bottom: 12px;
    /*font-size: 24px;*/
    /*font-family: HiraginoSans-W6;*/
    letter-spacing: 0;
    font-family: UD Reimin Bold JIS2004,Yu Mincho,YuMincho,Hiragino Mincho ProN,"HG明朝E",serif;
}

.ohkarte-floor-planTheme__title .lay {
  border-left: solid 1px #000;
  padding-left : 10px;
  margin-left : 10px;
}

.ohkarte-floor-planTheme__title:first-letter{
    font-size: 30px;
}

.ohkarte-floor-planTheme__image {
    width: 100%;
    height: 300px;
    text-align: center;
    box-sizing: border-box;
    /*padding: 10px 25px;*/
    padding: 10px 10px;
    /* background-color: #fff; */
    background: #efefef;
    margin-bottom: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ohkarte-floor-planTheme__image img {
    width: 200px;
    /* height: 270px; */
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
}

.ohkarte-floor-planTheme__description {
    overflow: hidden;
    /*font-size: 13px;*/
    line-height: 18px;
    /*font-weight: 700;*/
}

dl:last-child.ohkarte-floor-planDetail__list,
.ohkarte-floor-planDetail__list {
    display:flex;
    width: 100%;
    flex-wrap:wrap;
    margin-top: 10px;
}

.ohkarte-floor-planDetail__item1 {
    width: 35%;
    box-sizing: border-box;
    padding: 0px 5px 0 0;
    margin-bottom: 10px;
    /*font-family: HiraginoSans-W6;*/
    font-size: 12px;
    /*font-weight: 900;*/
    /* color: #333333; */
    letter-spacing: 0;
}

.ohkarte-floor-planDetail__item2 {
    width: 65%;
    min-width: 100px;
    box-sizing: border-box;
    padding: 0 10px 0 3px;
    margin-bottom: 10px;
    /*font-family: HiraginoSans-W3;*/
    font-size: 12px;
    /*font-weight: 900;*/
    /* color: #333333; */
    letter-spacing: 0;
}

.ohkarte-floor-planDetail__item2 strong{
  font-size: 1.2em;
  font-weight:normal;
}

.ohkarte-msds-buttonlist {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.ohkarte-msds-button {
    margin: 0 auto 40px;
    width: 280px;
}

@media screen and (max-width: 767px) {
  .ohkarte-msds-button {
    margin-bottom : 100px;
  }
}

.top-btn-box {
  font-family: "UD Reimin Light", serif;
  background: #fff;
  font-size: 12px;
  text-align: center;
  /*width: 100%;
  height: 35px;*/
  width: 300px;
  display: block;
  margin-top: 16px;
  border-radius: 3px;
}
.top-btn-box:hover {
    opacity: 0.5;
}

.top-btn-box a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  font-size: 1.1rem;
  padding: 10px 0;
  background: #000;
  font-size: 14px;
}

@media screen and (min-width: 766px) {
  
  .ohkarte-floor-plan__content a {
    transition: all 0.3s linear;
  }
  .ohkarte-floor-plan__content a:hover {
    opacity: 0.6;
  }
  
}
@media screen and (max-width: 767px) {
    .ohkarte-floor-plan__content {
        max-width: none;
        margin: inherit;
        margin-top: 0;
    }
    .ohkarte-floor-plan__contentInner {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /*padding: 0 0 30px 30px;*/
    }
    .ohkarte-floor-plan__items.left-item {
      justify-content: left;
      margin-left: 15px;
    }
    .ohkarte-floor-plan__item {
        width: 248px;
    }
    .ohkarte-floor-planTheme {
        width: 248px;
    }
    .ohkarte-floor-planTheme__title {
        font-size: 14px;
    }
    .ohkarte-floor-planTheme__title:first-letter{
        font-size: 18px;
    }
    .ohkarte-floor-planDetail__item1 {
        width: 40%;
        font-size: 12px;
        padding: 0 10px 0 0;
    }
    .ohkarte-floor-planDetail__item2 {
        width: 60%;
        font-size: 13px;
        padding: 0;
    }
    .ohkarte-msds-button {
        width: calc(100% - 50px);
    }
}

/*間取りここまで*/

.msn-pageTitle2__title--emph,
.msn-pageTitle2__title {
  font-family: 'Yu Mincho Pr6N R', Yu Mincho, YuMincho, Hiragino Mincho ProN, 'HG明朝E', serif; 
  font-feature-settings: "palt";
  background: inherit;
  color : #000;
  font-size: 24px;
  font-weight: normal;
}

#sec-compact{
  background : #fff;
  padding : 60px 0;
  margin-bottom : 0;
}

#sec-compact_interview{
  background : #fff;
  padding : 60px 0;
}

#sec-ekichika_no1{
  background : #fff;
  padding : 0 0 10px;
  margin-bottom : 0;
}

/* -------------------------
トップ・物件概要　販売予定時期
------------------------- */
.outline-preAd {
  margin: 0 auto;
  width: 96%;
}
.outline-preAd_header {
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 3px 7px;
  border: 1px solid #787878;
  font-size: 15px;
  letter-spacing: 1;
  line-height: 30px;
}
.outline-preAd_txt1 {
  font-size: 12px;
  line-height: 1.5;
}
.outline-preAd_txt1 dt {
  float: left;
}
.outline-preAd_txt1 dd {
  margin-left: 1em;
}
dl:last-child {
  margin-top: 25px;
}
@media (max-width: 767px) {
  .outline-preAd_txt1 {
    font-size: 10px;
  }
}

/* course-btn */
.course-btn__area {
  width:1000px;
  max-width:100%;
  margin:80px auto 0;
  text-align : center;
}

.course-btn__ttl {
  font-size:24px;
  margin-bottom : 10px;
}

.course-btn__inner {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}

.course-btn__item {
  max-width:300px;
  margin : 10px;
  display:block;
  opacity:1;
  transition:.5s;
}

.course-btn__item:hover {
  opacity:.8;
}

@media screen and (max-width: 767px) {
  .course-btn__area {
    margin-top:40px;
  }
  .course-btn__ttl {
    font-size :18px;
  }
  .course-btn__item {
    max-width:100%;
    margin:5px;
  }
}

.msn-cv-button__link.course-btn__item::after {
  content : none!important;
}