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

.home {
  overflow: hidden;
  padding-bottom: 20px;
}

.msn-h2 {
  margin-bottom : 20px;
  line-height : 1em;
  border-bottom : 1px solid #000;
  padding-bottom : 20px;
}

.msn-h2__ttl {
  margin-bottom : 60px;
}

.msn-h2__inner {
  /*font-family: "Sorts Mill Goudy", serif;*/
  font-weight: 400;
  font-style: normal;
  position : relative;
  height : auto;
}

.msn-h2__inner:before {
  content:"";
  background : url(../img/linebg-ttl_l.png?v=1793786286) no-repeat left center;
  background-size: 100%;
  width : 330px;
  height : 24px;
  display : block;
  position : absolute;
  left : 0;
  top: 10%;
}

.msn-h2__inner:after {
  content:"";
  background : url(../img/linebg-ttl_r.png?v=1793786286) no-repeat right center;
  /* background-size: auto 100%; */
  width : 330px;
  height : 24px;
  display : block;
  position : absolute;
  right : 0;
  top: 10%;
}

@media screen and (max-width: 767px) {
  .msn-h2 {
    border : none;
  }
  .msn-h2__inner {
    display : block;
    border : none;
  }
  .msn-h2__inner:before {
    width : 100%;
  }
  .msn-h2__inner:before {
    top : 0;
    background: url(../img/linebg-ttl_l_sp.png?v=1793786286) no-repeat 50% top;
    background-size: auto 100%;
    width : 140px;
    height : 100%;
  }
  .msn-h2__inner:after {
    top : 0;
    background: url(../img/linebg-ttl_r_sp.png?v=1793786286) no-repeat 50% top;
    background-size: auto 100%;
    width : 140px;
    height : 100%;
  }
}

.msn-h2--cap .msn-h2__title {
  font-size : 24px;
  line-height : 1.2em;
  letter-spacing : 0.2rem;
  /*font-family:'Arial', 'Noto Sans JP', sans-serif;*/
  font-weight: 600;
}

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

@media screen and (max-width: 767px) {
  .msn-h2 {
    margin-bottom: 10px;
  }
  .msn-h2--cap .msn-h2__title {
    font-size : 18px;
  }
  .msn-h2--cap .msn-h2__cap {
    margin-top : 0;
  }
}

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

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

/*mv*/
/*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%;
}

@media screen and (max-width: 767px) {
  .mv__2 .cap.cap-bk {
    color : #fff;
  }
}


/*merit*/

.merit {
  padding: 10px;
  position : relative;
}

.merit:before {
  content : "";
  display : block;
  height : 100%;
  width : 300px;
  background : url(../img/merit-linebg_left_pc.png?v=1793786287) repeat-y;
  background-size : 100%;
  position : absolute;
  left : 0;
  top:0;
}

.merit:after {
  content : "";
  display : block;
  height : 100%;
  width : 300px;
  background : url(../img/merit-linebg_right_pc.png?v=1793786287) repeat-y;
  background-size : 100%;
  position : absolute;
  bottom : 0px;
  right : 0;
}

@media screen and (max-width: 767px) {
  .merit:before {
    background : url(../img/merit-linebg_left_sp.png?v=1793786287) repeat-y;
    width : 180px;
  }
  .merit:after {
    background : url(../img/merit-linebg_right_sp.png?v=1793786288) repeat-y;
    width : 180px;
  }
}


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

@media screen and (max-width: 767px) {
  .merit {
    padding-top: 40px;
  }
}

.feature-copy-txt {
  font-size : 48px;
}

.feature-copy-txt_2 {
  font-size : 16px;
}

@media screen and (max-width: 767px) {
  .feature-copy-txt {
    font-size : 24px;
  }
  
  .feature-copy-txt_2 {
    font-size : 14px;
  }
}

.feature-copy {
  text-align : center;
  font-size : 19px;
  letter-spacing : 0.3em;
  line-height : 2.4;
  margin-bottom : 100px;
}

.features {
  /* width: 1000px; */
  max-width: 100%;
  margin: 0 auto 0;
  padding-bottom: 100px;
  /* display :flex; */
  /* justify-content : space-between; */
  /* flex-wrap : wrap; */
}

.features > div {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .features {
    width: 100%;
    margin-bottom : 40px;
    padding-bottom: 10px;
  }
  .features > div {
    width : 100%;
  }
}

.features-sec {
  /* display : flex; */
  /* justify-content : space-between; */
  margin-bottom: 40px;
  /* flex-wrap : wrap; */
}

.sec-plan {
  margin-bottom : 0px;
}

@media screen and (max-width: 767px) {
  .features-sec {
    margin-bottom: 20px;
  }
  .feature-copy {
    margin-bottom: 50px;
    letter-spacing: 0.2em;
  }
}

.sec {
  display : block;
}

.sec__image {
  transition : 1s;
  /* filter: brightness(0.8); */
  /* width: calc(614 / 1000 * 100%); */
}

.sec__image img {
  width : 100%;
}

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

.cap-image .cap.cap2 {
  left : calc(845 / 1245 * 100%);
  bottom : calc(185 / 468 * 100%);
}

.cap-image .cap.cap3 {
  left : calc(845 / 1245 * 100%);
}

.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__image {
    width : 100%;
  }
  .sec-cap {
    font-size : 10px;
  }
  .cap-image .cap.cap1 {
    top: 5px;
    bottom : auto;
  }
  .cap-image .cap.cap2 {
    bottom : 5px;
    left : 5px;
  }
  .cap-image .cap.cap3 {
    left : auto;
    right : 5px;
    bottom : 5px;
    width: 200px;
    text-align: right;
  }
}

.sec__contents:before {
  content :"";
  width: 3px;
  /* height : 100px; */
  height : clamp(40px, calc(88 / 1245 * 100vw), 136px);
  display : block;
  background : #fff;
  /* margin : 0 auto 20px; */
  margin : 0 auto clamp(10px, calc(22 / 1245 * 100vw), 34px);
}

.sec__contents {
  position: absolute;
  width: 100%;
  margin-top: 0;
  top: 0;
  left: 0;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .sec__image {
    /* order : 2; */
  }
  .sec__contents:before {
    height: 40px;
    margin-bottom: 10px;
  }
}

.sec__contents-inner {
  display : flex;
  /* flex-direction : column; */
  align-items: center;
  flex-wrap :wrap;
  height: 100%;
  /*text-align : center;*/
}

.sec__contents-txts {
    /* padding-bottom: 10px; */
    width: 100%;
    /* border-bottom: 1px solid #000; */
    /* margin-bottom: 15px; */
    margin-bottom: clamp(15px, calc(43 / 1245 * 100vw), 66px);
}

@media screen and (max-width: 767px) {
  .sec__contents,
  .sec__contents-txts {
    width : 100%;
    max-width : 100%;
  }
  .sec__contents-txts {
    margin-bottom: 15px;
    display : flex;
    justify-content: center;
    /* align-items: self-start; */
    flex-direction: column;
    /* padding-top: 40px; */
    text-align: center;
  }
  .sec__contents-inner {
    flex-direction : column;
    width : 100%;
    /* padding-bottom: 60px; */
  }
}

/* FEATURE の文字・線・余白・ボタン：幅1245基準の vw で拡大縮小（上限は1920px相当、下限は従来値） */
.sec__en-ttl {
  padding : 0;
  /* font-size: 30px; */
  font-size: clamp(20px, calc(34 / 1245 * 100vw), 52px);
  line-height : 1;
  /* font-family:'Arial', 'Noto Sans JP', sans-serif; */
  font-weight: bold;
  letter-spacing: 0.2em;
  margin : 0 0 3px;
}

.sec__ttl {
  /* margin-bottom : 20px; */
  position : relative;
  /* font-size: 15px; */
  font-size: clamp(11px, calc(13 / 1245 * 100vw), 20px);
  font-weight: 100;
  /* text-align : left; */
  line-height : 1.8;
  letter-spacing: 0.1em;
  /* margin-bottom : 20px; */
  margin : 0 0 clamp(10px, calc(24 / 1245 * 100vw), 37px);
}

.sec__copy {
  /* font-size : 22px; */
  font-size : clamp(14px, calc(20 / 1245 * 100vw), 31px);
  /* line-height : 1.4; */
  line-height : 1.9;
  margin : 0;
}

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

.sec__contents-btn {
  width : 100%;
}

@media screen and (max-width: 767px) {
  .sec__contents-btn {
    flex-direction : column;
  }
}

.sec__btn-img {
  width: clamp(180px, calc(264 / 1245 * 100vw), 407px);
  margin : 0 auto;
}

@media screen and (max-width: 767px) {
  .sec__btn-img {
    width: 264px;
  }
}

.sec__btn-img a {
  display: block;
  transition : opacity .5s;
}

.sec__btn-img a:hover {
  opacity : .7;
}

.sec__btn-img img {
  width : 100%;
  height : auto;
}

.sc-btn {
  width: 254px;
  margin : 0 auto;
}

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

.sc-btn a:hover,
.sc-btn.comingsoon a {
  background : rgba(255,255,255,.5);
  color : #000;
}

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

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

@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__text1 sub,
.info__text1 sup {
  font-size : 10px;
  padding-left : 3px;
}

.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;
    }
}

/*間取り*/

.plan-copy-txt_2 {
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.3em;
  line-height: 2.4;
}

.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;
    flex-wrap: wrap;
}

.ohkarte-floor-plan__items .type-be {
  /* aspect-ratio : 306 / 470; */
}

.ohkarte-floor-plan__item {
    display: block;
    box-sizing: border-box;
    min-width: 306px;
    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;
    margin-bottom: 20px;
    height: 100%;
}

@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%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #8C7FA3;
    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: 0;
    padding: 14px 5px;
    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;*/
    font-family: "Cinzel", serif;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background: #4C3764;
}

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

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

.ohkarte-floor-planTheme__content {
    display: flex;
    flex-direction: column;
    padding: 14px 14px 20px;
}

.ohkarte-floor-planTheme__image {
    order: -1;
    width: 100%;
    height: 360px;
    text-align: center;
    box-sizing: border-box;
    /*padding: 10px 25px;*/
    padding: 10px 10px;
    margin-bottom: 0;
    background: #E4E1E8;
    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;
    justify-content: space-between;
    margin-top: 0;
}

.ohkarte-floor-planDetail__item1 {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0 8px;
    margin-bottom: 14px;
    border-bottom: 1px solid #231815;
    /*font-family: HiraginoSans-W6;*/
    font-family: "Cinzel", serif;
    font-size: 18px;
    font-weight: 400;
    color: #4C3764;
    letter-spacing: 0.01em;
    text-align: center;
}

.ohkarte-floor-planDetail__item1 strong {
  font-size: 36px;
  font-weight: 400;
}

.ohkarte-floor-planDetail__item2 {
    /* width: 100%; */
    width: auto;
    min-width: 100px;
    box-sizing: border-box;
    padding: 0;
    /* margin-bottom: 4px; */
    margin: 0 auto 4px;
    /*font-family: HiraginoSans-W3;*/
    font-size: 14px;
    /* font-weight: 700; */
    font-weight: 400;
    /* color: #333333; */
    letter-spacing: 0;
    text-align: center;
}

.ohkarte-floor-planDetail__item2 strong{
  font-size: 30px;
  /* font-weight:normal; */
  font-weight: 400;
}

.ohkarte-floor-planDetail__item2 small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  /* font-weight: normal; */
  font-weight: 400;
  text-align: right;
}

.ohkarte-floor-planDetail__item3 {
    /* width: 100%; */
    width: auto;
    /* margin-bottom: 0; */
    margin: 0 auto;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.ohkarte-floor-planDetail__item3 small {
  display: block;
  font-size: 12px;
  text-align: right;
}

.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-floor-planTheme__image img {
    width: 170px;
  }
  .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; */
        width: 306px;
    }
    .ohkarte-floor-planTheme {
        /* width: 248px; */
        width: 306px;
    }
    .ohkarte-floor-planTheme__title {
        font-size: 14px;
    }
    .ohkarte-floor-planTheme__title:first-letter{
        font-size: 30px;
    }
    .ohkarte-floor-planTheme__image {
        height: 300px;
    }
    /* .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:980px;
  max-width: calc(100% - 30px);
  margin:80px auto 0;
  text-align : center;
}

.course-btn__ttl {
  font-size:24px;
  margin-bottom : 20px;
  line-height:1.6;
}

.course-btn__inner {
  display:flex;
  justify-content: space-between;
  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 :16px;
  }
  .course-btn__item {
    max-width:100%;
    margin:5px;
  }
}

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