@charset "UTF-8";

/*=== 共通 ===*/
#content_Wrap { overflow: hidden; }
figure{position: relative;}

.f-50{font-size: 50%;}
.f-60{font-size: 60%;}
.f-70{font-size: 70%;}
.f-80{font-size: 80%;}
.f-90{font-size: 90%;}
.f-110{font-size: 110%;}
.f-120{font-size: 120%;}
.f-130{font-size: 130%;}
.f-140{font-size: 140%;}
.f-150{font-size: 150%;}
.f-160{font-size: 160%;}
.f-170{font-size: 170%;}
.f-180{font-size: 180%;}
.f-190{font-size: 190%;}
.f-200{font-size: 200%;}
.f-210{font-size: 210%;}
.f-220{font-size: 220%;}
.f-230{font-size: 230%;}
.f-240{font-size: 240%;}

.jost{
    font-weight: 400;
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.align_L { text-align: left;}
.align_C { text-align: center;}
.align_R { text-align: right;}
.f-palt {font-feature-settings: "palt";}

#content_Wrap { overflow: hidden; }
#content_Wrap figure {
    position: relative;
    height: fit-content;
}
#content_Wrap img {
    width: 100%;
}

#content_Wrap {
    position: relative;
    overflow: hidden;
    font-feature-settings: "palt";
}
#content_Wrap figure {
    position: relative;
    height: fit-content;
}

.Txt_note{
  font-size: 10px;
  line-height: 1.3;
  font-feature-settings: "palt";
}
figure + .Txt_note{
  padding-top: 10px;
}


/*=== 共通 ===*/


/* 設備仕様 / 共通 */
#content_Wrap .Txt_note {
    font-size: 12px !important;
    letter-spacing: 0;
    padding-top: 6px;
}
#content_Wrap .Txt_note.moving {
    font-size: 12px !important;
    letter-spacing: 0;
    padding-top: 0;
    padding-bottom: 10px;
}

#content_Wrap .cap_Txt {
    position: absolute;
    font-size: 10px;
    bottom: 10px;
}

#content_Wrap figure {
    position: relative;
    line-height: 0;
}
#content_Wrap .Txt_note.pt0{ padding-top: 0;}

.Txt_block {
    display: flex;
    justify-content: start;
    flex-direction: column-reverse;
    gap: 10px;
}

#content_Wrap .cap_Txt {
    position: absolute;
    font-size: 10px;
    bottom: 10px;
}
#content_Wrap .cap_W {
    color: #fff;
}
#content_Wrap .cap_B {
    color: #000;
}
#content_Wrap .cap_ShaW {
    text-shadow: 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff;
}
#content_Wrap .cap_ShaB {
    text-shadow: 2px 0 2px #666, -2px 0 2px #666, 0 2px 2px #666, 0 -2px 2px #666;
}
#content_Wrap .cap_R {
    right: 5px;
}
#content_Wrap .cap_R_b-10 {
    right: 5px;
    bottom: -10px;
}
#content_Wrap .cap_L {
    left: 5px;
    text-align: left;
}
#content_Wrap .cap_L_top {
    left: 5px;
    text-align: left;
    bottom: auto;
    top: 20px;
    font-size: 13px;
}
#content_Wrap .cap_half {
    right: calc(50% - -20px);
    text-align: left;
}
#content_Wrap .cap_half36 {
    right: calc(50% - -36px);
    text-align: left;
}
#content_Wrap .cap_half10 {
    right: calc(50% - -10px);
    text-align: left;
}

.copy {
    font-size: 18px;
    letter-spacing: 0.06em;
    padding-bottom: 20px;
    line-height: 1.8;
}
.sub_copy {
    font-size: 14px;
    letter-spacing: 0.06em;
    line-height: 1.8;
    padding-bottom: 60px;
}

.eq_main{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 40px;
    justify-content: space-between;
    align-items: center;
}
.eq_maincopy_Box{
    width: 38%;
    text-align: left;
}
.eq_maincopy_Box h2{
    font-size: clamp(28px,3.34vw,40px);
    letter-spacing: 0.08em;
    color: #8eabbb;
    border-bottom: #8eabbb 1px solid;
    padding-bottom: 0.3em;
    margin-bottom: 50px;
    font-family: 'Cinzel', serif !important;
}
.eq_maincopy_Box h2 span{
    display: inline-block;
}
.eq_maincopy_Box h2.kitchen_ttl span{ width: 55%;}
.eq_maincopy_Box h2.bathroom_ttl span{ width: 70%;}
.eq_main figure{
    width: 60%;
}

.eq_main.nophoto{
    margin: 0 auto 20px;
}
.eq_main.nophoto .eq_maincopy_Box{
    width: 100%;
    text-align: center;
}

.in-box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}

.con_box {
}
.con_box h4 {
    font-size: clamp(16px,1.5vw,18px);
    color: #8eabbb;
    letter-spacing: 0.08em;
    line-height: 1.4;
    font-feature-settings: "palt";
}
.con_box h4 + p{
padding-top: 0.7em;
}
.con_box figure + h4{
padding-top: 0.7em;
}


.con_box h4.ls-1 {
    letter-spacing: -1px;
}
/*.con_box h4 span {
    font-size: 12px;
    color: #000;
    padding-left: 20px;
}*/
.con_box h4 span.font_small {
    font-size: 12px;
    color: #c48f0e;
    padding-left: 0;
    line-height: 1.0;
}
.con_box h4 span a {
    color: #c48f0e;
}

.con_box .ttl_borderbtm {
    font-size: 20px;
    color: #333;
    padding-bottom: 8px;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
    border-bottom:1px solid #333;
    margin-bottom: 20px;
}

.con_box h5 {
    font-size: 18px;
    margin-bottom: 10px;
}
.con_box h5.type_2 {
    text-align: center;
    font-size: 16px;
    padding: 8px 0;
    border: 1px solid #000;
    margin-top: 10px;
}

.con_box p {
    font-size: 14px !important;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
    line-height: 1.8;
}
.con_box p + figure {
    padding-top: 0.8em;
}
.con_box p + ul {
    padding-top: 0.8em;
}


.con_box p.moving_txt {
    font-size: 14px !important;
    padding-bottom: 8px;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
    line-height: 1.8;
}
.con_box p.align_R {
    text-align: right;
}
.con_box .notes {
    margin-top: 10px;
    font-size: 10px !important;
    padding: 0;
    text-indent: 0;
}
.con_box .notes.pdd-T {
    margin-top: 0!important;
    font-size: 10px !important;
    padding-bottom: 0;
}
.con_box .notes.mh5 {
    min-height: 5rem;
}

.column1 {

}
.column1.cat_last {

}

.column2 {

}
.column2.moving {

}
.column2.led {

}
.column2.cat_last {

}

.column2 ul.flex {
gap:40px 4%;
}
.column2 ul li {
    width: calc((100% - 4%) / 2);
    max-width: 480px;
}
li.w100 {
    width: 100%;
    max-width: 100%;
}

.column2 ul li p.Txt_p {
    font-size: 14px !important;
    letter-spacing: 0.05em;
    padding-top: 6px;
}
.column2 p.Txt_p {
    font-size: 14px !important;
    letter-spacing: 0.05em;
    padding-top: 6px;
}
.column2.opencounter p.Txt_p{
  font-size: 12px !important;
}
.column2 ul li.txt-height p {
    min-height: 6.5em!important;
}
.column2 ul li .notes_list.marginB {
    margin-bottom: 40px;
}
.column2 ul li .notes_list li {
    width: 100%;
    font-size: 12px;
    line-height: 1.5;
}

.column2.moving ul li:nth-child(1) {
    width: 100%;
    max-width: 760px;
    margin-right: 3.90625%;
}
.column2.moving ul li:nth-child(2) {
    width: 100%;
    max-width: 228px;
}


.column3 {
    margin-bottom: 60px;
}
.column3 ul.flex {
    justify-content: space-between;
    flex-wrap: wrap;
}
.column3 ul li {
    width: calc((100% - 4%) / 3);
    max-width: 324px;
}
.column3 ul li:nth-child(n+4) {
    margin-top: 60px;
}
.column3 ul li .inner_box {
    justify-content: space-between;
    max-width: 324px;
}
.column3 ul li.Txt_block h4{
    padding-top: 0;
}
.column3 ul li.list_txt h4{
    padding-top: 0;
}
.column3 ul li.inner_box figure {
    max-width: 150px;
    width: 100%;
}
.column4.restroom .Txt_note{
  margin-bottom: 10px;
  line-height: 1.3;
}
.column3.restroom ul li {
/*width: 100%;*/
max-width: 324px;
}
.column3 ul li p.Txt_p,
.column40-60  ul li p.Txt_p {
    font-size: 12px !important;
    line-height: 1.4;
    letter-spacing: 0.08em;
    padding-top: 6px;
}
.column3.restroom ul li p sup{
    vertical-align: super;
    font-size: 10px;
}
.column3 ul li h4 {
    letter-spacing: 0.05em;
    padding-top: 20px;
}


.column4 {

}
.column4 ul.flex {
    flex-wrap: wrap;
    gap: 40px 2%;
}

.column4 ul li {
    width: 23%;
}
.column4 ul.line1 {
    margin-bottom: 60px;
}
.column4 ul li.w50 {
    width: 48%;
}
.column4 ul li p.Txt_p {
    font-size: 13px !important;
    letter-spacing: 0.05em;
    padding-top: 6px;
}
.column4 ul li h4 {
    letter-spacing: 0.05em;
}
.column4 ul li h4 span.dtype{
  display: inline-block;
  background: #961d12;
  margin-left: 5px;
  color: #fff;
  padding: 3px 6px;
  font-size: 11px;
}
.column4.f-small ul li h4 {
    letter-spacing: 0.02em;
}

.column4.others .Txt_note{ padding-top: 20px;}

#content_Wrap .cap_bottomUp {
    right: 5px;
    bottom: 64px;
    text-align: left;
}
#content_Wrap .cap_bottomDown {
    right: 5px;
    bottom: -16px;
    text-align: left;
}
.column40-60 {
    margin-bottom: 60px;
}
.column40-60 ul.flex {
    justify-content: space-between;
}
.column40-60 ul li:nth-child(1) {
    max-width: 324px;
    margin-right: 1.8%;
}
.column40-60 ul li:nth-child(2) {
    max-width: 658px;
}
.column40-60 ul li p {
    font-size: 14px !important;
}

.column60-40 {
    margin-bottom: 60px;
}
.column60-40 ul.flex {
    justify-content: space-between;
}
.column60-40 ul li {
    width: 100%;
}
.column60-40 ul li p.Txt_p {
    font-size: 14px !important;
    padding: 10px 0 19px;
}
.column60-40 ul li:nth-child(1) {
    width: 60%;
    max-width: 580px;
    margin-right: 2%;
}
.column60-40 ul li:nth-child(2) {
    width: 40%;
    max-width: 400px;
}
.column60-40 ul li .w50 {
    justify-content: space-between;
}
.column60-40 ul li.txt-height p {
    min-height: 6.5em!important;
}
.column60-40 ul li .w50 li {
    width: 49%;
    max-width: 188px;
}
.column70-30 ul{
display:flex;
flex-wrap:wrap;
gap: 20px 2%;
}
.column70-30 ul li:nth-child(1) {
    width: 69%;
}
.column70-30 ul li:nth-child(2) {
    width: 29%;
}
.layout3 ul.flex li:nth-child(1) {
    width: 30%;
    margin-right: 2.5%;
}
.layout3 ul.flex li:nth-child(1) h4 {
    letter-spacing: 0.05em;
}
.layout3 ul.flex li:nth-child(2) {
    width: 67.5%;
    max-width: none;
}

/* 設備仕様 / 個別 */

.column4 .flex.line1 .attention {
    margin-top: 6px;
}

.attention {
    display: block;
    font-size: 11px;
}

.net_ttl img {
    display: inline-block;
    position: relative;
    top: 0.3em;
    width: 110px;
    margin: 0 .3em;
}

.logo_flex {
    display: flex;
    gap: 20px;
}
.logo_flex p {
    padding-top: 9.8px;
    width: 67%;
}

.logo_flex figure {
    display: flex;
    align-items: center;
    padding: 0;
    width: calc(33% - 20px);
}

.logo_flex figure img {
    display: block;
    width: 50%;
}

.wifi {
    display: flex;
    border: 1px solid #000;
    padding: 20px 20px;
    gap: 20px;
    margin: 9.8px 0;
}

.wifi h4 {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    width: 520px;
}
.wifi h4 img {
    display: block;
    width: 70px;
}

.con_box p.attention {
    font-size: 11px !important;
    line-height: 1.4;
}

.flex.out_block {
    gap: 40px;
}

.flex.in_block {
    gap: 20px;
    width: 50%;
}

.u-btm {
    bottom: -7px;
}

.flex.in_block p:not(p.attention) {
    margin-bottom: 20px;
}

.column2.wrapper {
    margin: 40px 0 80px 0;
}

.parking {
    display: flex;
    margin: 40px 0 80px 0;
    justify-content: space-between;
}
.parking_left {
    width: 23.09%;
    max-width: 277px;
}
.parking_left figure {
    margin-top: 10px;
}
.parking_right {
    width: 71.75%;
    max-width: 861px;
}
.parking_right figure {
    padding-bottom: 20px;
}

.hikkoshi {
  margin-top: 30px;
}
.hikkoshi ul.flex {
    margin-bottom: 60px;
}

.hikkoshi ul li:nth-child(1) {
    width: 50%;
    max-width: none;
}
.hikkoshi ul li:nth-child(2) {
    width: 40%;
        max-width: none;
}

.flex.moving_ttl {
    align-items: flex-start;
    margin-bottom: 0;
}

.moving_ttl li:nth-child(1) {
    width: 75%;
    max-width: none;
}
.moving_ttl li:nth-child(2) {
    width: 25%;
    max-width: none;
}

.hikkoshi h4 {
    margin-bottom: 9.8px;
}

.hikkoshi h5 {
    margin: 5px;
}

.hikkoshi .txt_indent {
    padding-left: 18px;
}
.hikkoshi .txt_sup {
    font-size: 13px !important;
    margin-bottom: 8px;
}
.hikkoshi .txt_sup.right {
    margin-bottom: 16px;
}

.m-relief {
    max-width: 751px;
    margin: 100px auto 0;
}
.m-relief a {
    transition: .3s;
}
.m-relief a:hover {
    opacity: .6;
}

/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (min-width: 768px) and (max-width: 1024px) {



}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {

    /*=== 共通 ===*/
    .text.center {
        text-align: left;
    }

    #main_Wrap .triangle {
        height: calc(tan(60deg)* 44vw / 2);
        width: 44vw;
        left: 57%;
    }

    /* 設備仕様 / 共通 */
    #content_Wrap  .Txt_note {
        padding-top: 5px;
        padding-bottom: 0;
    }

    .copy {
        font-size: 17px;
        line-height: 1.5;
        text-align: center;
    }
    .sub_copy {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        line-height: 1.8;
        padding-bottom: 20px;
    }

    .eq_main{
      flex-wrap: wrap;
      margin: 0 auto;
    }
    .eq_main.nophoto{
      margin: 0 auto 40px;
    }
    .eq_maincopy_Box,
    .eq_main figure{
      width: 100%;
    }
    .eq_maincopy_Box h2{
      margin-bottom: 20px;
      text-align: center;
    }
    .eq_maincopy_Box h2.kitchen_ttl span{ width: 40%;}
    .eq_maincopy_Box h2.bathroom_ttl span{ width: 60%;}

    .con_box h4 {
        line-height: 1.4;
    }
    .con_box h4.font_s17 {
        font-size: 16px;
    }
    .con_box h4.font_s14 {
        font-size: 15.6px;
    }
    .con_box h4 span {
        padding-left: 0px;
    }
    .con_box p {
        letter-spacing: 0;
    }

    .con_box .ttl_borderbtm {
        font-size: 16px;
        padding-bottom: 8px;
        letter-spacing: 0.09em;
        line-height: 1.4;
        font-feature-settings: "palt";
    }


    .column1 {

    }

    .column1.cat_last {

    }
    .column2 {

    }
    .column2.cat_last {

    }

    .column2 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .column2 ul li {
        width: 100%;
        max-width: 100%;
    }
    .column2 ul.line1 li {
        width: 49%;
        max-width: 490px;
    }

    .column2.opencounter ul li:not(:last-child) {
      margin-bottom: 0;
    }
    .column2.flat35 ul li:not(:last-child) {
      margin-bottom: 10px;
    }
    .column2.flat35 h5{
      margin-top: 10px;
      font-size: 14px;
    }
    .column2 ul.line1 li:not(:last-child) {
        margin-bottom: 0;
    }
    .column2.net ul li:not(:last-child) {
        margin-bottom: 20px;
    }
    .column2.net ul li figure.sp{ margin-top: 20px;}
    .column2.secblock ul li#greening:not(:last-child) {
        margin-bottom: 20px;
    }
    .column2 ul li p.Txt_p {
        font-size: 14px !important;
        letter-spacing: 0.05em;
        padding-top: 6px;
    }
    .column2 p.Txt_p {
        font-size: 14px !important;
        letter-spacing: 0.05em;
        padding-top: 6px;
    }


    .column2.moving ul li:nth-child(1) {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .column2.moving ul li:nth-child(2) {
        width: 100%;
        max-width: 100%;
    }
    .column2.restroom{
      margin-bottom: 10px;
    }
    .column2.restroom ul li{
      margin-bottom: 15px;
    }


    .column3 {
        margin-bottom: 40px;
    }
    .column3 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .column3 ul li {
        width: 100%;
        max-width: 100%;
    }
    .column3 ul li.Txt_block {
        width: 48%;
    }
    .column3 ul li.inner_box {
        width: 48%;
    }
    .column3 ul li.inner_box figure {
        width: 100%;
        max-width: unset;
    }
    .column3.restroom ul li {
        width: 100%;
        max-width: 100%;
    }
    .column3 ul.line1 li {
        width: 49%;
        max-width: 490px;
    }
    .column3 ul:not(:last-of-type) li:last-child,
    .column3 ul li:not(:last-child) {
        margin-bottom: 30px;
    }
    .column3.set01 ul li:not(:last-child) {
        margin-bottom: 20px;
    }
    .column3 ul li.list_txt {
        margin-bottom: 0!important;
    }
    .column3 ul li:nth-child(n+4) {
        margin-top: 0;
    }
    .column3 ul.line1 li:not(:last-child) {
        margin-bottom: 40px;
    }

    .column3 ul.line1 li.Txt_block{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-bottom: 40px;
    }

    .column4 {

    }
    .column4 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .column4 ul.flex {
        gap: 20px 2%;
    }
    .column4 ul.line1 {
        justify-content: space-between;
        /* align-items: flex-start; */
        flex-wrap: wrap;
    }
    .column4 ul li {
        width: 100%;
        max-width: 100%;
    }
    .column4 ul.line1 li {
        width: 49%;
        max-width: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: start;
    }
    .column4 ul.line1 li p{
        letter-spacing: 0.1em;
    }
    .column4 ul.line1 li figure{
    }
    .column4.f-small ul li h4 {
        font-size: 16px;
    }
    .column4.restroom{
      margin-bottom: 20px;
    }
    .service_Area .column4 ul.flex:nth-child(2){
      margin-top: 0;
    }
    .service_Area .column4 ul li{
      margin-bottom: 20px;
    }

    .column40-60 {
        margin-bottom: 40px;
    }
    .column40-60 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .column40-60 ul li:nth-child(1) {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .column40-60 ul li:nth-child(2) {
        max-width: 100%;
    }
    .column40-60 ul li p {
        font-size: 14px !important;
    }
    .column60-40 {
        margin-bottom: 40px;
    }
    .column60-40 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .column60-40 ul li {
        width: 100%;
    }
    .column60-40 ul li p.Txt_p {
        font-size: 14px !important;
        padding: 10px 0 19px;
    }
    .column60-40 ul li:nth-child(1) {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .column60-40 ul li:nth-child(2) {
        width: 100%;
        max-width: 100%;
    }
    .column60-40 ul li .w50 {
        justify-content: space-between;
    }
    .column60-40 ul li .w50 li {
        width: 49%;
        max-width: unset;
    }
    .column60-40 ul li.txt-height {
        margin-bottom: 30px;
    }
    .layout3 ul.flex li:nth-child(1) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .layout3 ul.flex li:nth-child(2) {
        width: 100%;
        max-width: none;
    }

    /* 設備仕様 / 個別 */

    .logo_flex {
        flex-direction: column;
        gap:0;
    }
    .logo_flex p {
        padding-top: 9.8px;
        width: 100%;
    }

    .logo_flex figure {
        display: flex;
        align-items: center;
        padding: 0 !important;
        width: 90%;
        max-width: 400px;
        gap: 5%;
    }
    /*
    .column4 ul.line1 {
        margin-bottom: 40px;
    }*/

    .net_ttl .logo_ntt.sp img {
        width: 100%;
        margin: 0 auto;
    }
    .net_ttl .logo_ntt.pc {
        display: none;
    }

    .wifi {
        flex-direction: column;
        gap: 10px;

    }
    .wifi h4 {
        width: 100%;
        font-size: clamp(14px,4vw,23px) ;
    }
    .wifi h4 img {
        width: 3em;
    }
    .flex.out_block {
        flex-direction: column;
    }
    .flex.in_block {
        flex-direction: column-reverse;
        width: 100%;
    }
    .flex.in_block .item_img{
        width: 100%;
        margin: 0 auto;
    }

    .column2.wrapper {
        margin: 40px 0 70px 0;
    }
    .net_ttl img {
        width: 90px;
        margin: 0 .2em;
    }
    .parking {
        margin: 40px 0 70px 0;
        flex-direction: column;
        gap: 20px;
    }
    .parking_left {
        width: 100%;
        max-width: 100%;
    }
    .parking_left figure {
        margin: 0 auto 0;
        width: 90%;
    }
    .parking_right {
        width: 100%;
        max-width: 100%;
    }
    .parking_right figure {
        padding-bottom: 20px;
    }

    .flex.moving_ttl {
        align-items: end;
        margin-bottom: 20px;
        gap:0 !important;
    }
    .flex.moving_ttl li:nth-child(1) {
      order:2;
    }
    .flex.moving_ttl li:nth-child(2) {
      order:1;
    }
    .flex.moving_ttl .item_img {
        /* width: 100%; */
        width: 70%;
        margin: 0 auto 10px;
    }
    .hikkoshi {
      margin-top: 20px;
    }
    .hikkoshi ul.flex {
        gap: 10px;
        margin-bottom: 20px;
    }
    .hikkoshi ul li:nth-child(1) {
        width: 100%;
    }
    .hikkoshi ul li:nth-child(2) {
        width: 100%;
    }
    .moving_ttl li:nth-child(1) {
        width: 100%;
    }
    .moving_ttl li:nth-child(2) {
        width: 100%;
    }

    .m-relief {
        margin: 60px auto 0;
    }
}