@charset "UTF-8";

/*=== 共通 ===*/
.contents {
    overflow: hidden;
    font-feature-settings: "palt";
}

figure {
    position: relative;
}

sup {
    vertical-align: super;
    font-size: 10px;
}

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

.align_L {
    text-align: left;
}

.align_C {
    text-align: center;
}

.align_R {
    text-align: right;
}
.mag_L{
margin: 0 0 0 auto;
}
.mag_R{
margin: 0 auto 0 0;
}
.cap_Txt.cap_Btm{
display: inline-block;
line-height: 1.3;
position: absolute;
left: 0;
bottom: -2em!important;
}

.f-palt {
    font-feature-settings: "palt";
}

.contents {
    overflow: hidden;
}

.contents figure {
    position: relative;
    height: fit-content;
}

.contents img {
    width: 100%;
}

/*=== 共通 ===*/
#main_Wrap {
    position: relative;
}

/* 設備仕様 / 共通 */
.contents .Txt_note {
    display: inline-block;
    font-size: 10px !important;
    letter-spacing: 0;
    line-height: 1.3;
}
span.Txt_note.trash {
    display: flex;
    justify-content: flex-end;
}

.contents .Txt_note.type02 {
    font-size: 12px !important;
    line-height: 1.5;
}

.contents .Txt_note.moving {
    font-size: 12px !important;
    letter-spacing: 0;
    padding-top: 0;
    padding-bottom: 10px;
}

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

.contents figure {
    position: relative;
    line-height: 0;
}

.contents ul + .Txt_note {
    padding-top: 1em;
}

.contents figure + .Txt_note {
    padding-top: 1em;
}

.contents .Txt_note + figure {
    padding-top: 1em;
}
.contents figure + p span.Txt_note {
    padding-top: 1em;
}

.contents .Txt_note.pt0 {
    padding-top: 0;
}
.Txt_note.align_R.imgunder{
width: 100%;
margin: 0 0 0 auto;
}

.Txt_block {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

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

.contents .cap_W {
    color: #fff;
}

.contents .cap_B {
    color: #000;
}

.contents .cap_ShaW {
    text-shadow: 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff;
}

.contents .cap_ShaB {
    text-shadow: 2px 0 2px #666, -2px 0 2px #666, 0 2px 2px #666, 0 -2px 2px #666;
}

.contents .cap_R {
    right: 5px;
}

.contents .cap_R_b-10 {
    right: 5px;
    bottom: -10px;
}

.contents .cap_L {
    left: 5px;
    text-align: left;
}

.contents .cap_L_top {
    left: 5px;
    text-align: left;
    bottom: auto;
    top: 20px;
    font-size: 13px;
}

.contents .cap_h {
    right: calc(50% - -10px);
    text-align: left;
}

.contents .cap_half {
    right: calc(50% - -20px);
    text-align: left;
}

.contents .cap_half36 {
    right: calc(50% - -36px);
    text-align: left;
}

.contents .cap_half10 {
    right: calc(50% - -10px);
    text-align: left;
}


.copy {
    font-size: 18px;
    color: #333;
    letter-spacing: 0.1em;
    padding-bottom: 20px;
    line-height: 1.8;
}

.sub_copy {
    font-size: 14px;
    color: #666;
    letter-spacing: 0.1em;
    line-height: 1.8;
    /*    padding-bottom: 60px;*/
}

.eq_main {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 60px;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.eq_maincopy_Box {
    width: 37%;
    text-align: left;
}
/*
.eq_main.kitchen .eq_maincopy_Box {
    width: 100%;
    text-align: center;
}
*/

.eq_main.sanitary .eq_maincopy_Box {
/*    width: 48%;*/
    width: 43%;
    text-align: left;
}

.eq_maincopy_Box h2 {
    font-size: clamp(26px,2.834vw,34px);
    letter-spacing: 0.16em;
    color: #8cabd9;
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg, #75b8df 0%, #bdb7de 100%) 1;
    padding-bottom: 0.6em;
    margin-bottom: 30px;
    font-family: "Cinzel", serif;
    font-weight: 500;
}

.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_maincopy_Box h3 {
    font-size: clamp(20px, 2.03125vw, 23px);
}
.eq_maincopy_Box h4 {
    font-size: 16px;
}
.eq_maincopy_Box h4 + .Txt_note {
    padding-top: 1em;
}
/*
.eq_main.kitchen .eq_maincopy_Box p{
    font-size: 14px !important;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
    line-height: 1.8;
}
*/

.eq_subimg {

}

.eq_subimg ul {
    display: flex;
justify-content: space-between;
}

.column3 .eq_subimg li {
    width: 48.4375%;
}

.eq_subimg figure{
    width: 100%;
}

.con_box .eq_subimg p {
    font-size: 12px;
    line-height: 1.4;
    padding-top: 0.5em;
}

.eq_main figure {
    width: 100%;
}
.eq_main.bath > .figbox {
    width: 60%;
}
.eq_main.bath > div p{
   font-size: 14px;
   line-height: 1.4;
   padding-top: 5px;
}

.eq_main.kitchen figure {
    width: 60%;
}
.eq_main.sanitary figure {
/*    width: 50%;*/
    width: 55%;
}

.eq_main.nophoto {
    margin: 0 auto 60px;
}

.eq_main.nophoto .eq_maincopy_Box {
    width: 100%;
    text-align: center;
}

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

.con_box {}

.con_box h4 {
    font-size: 20px;
    color:#728CB4;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
}

.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:#728CB4;
    padding-left: 0;
    line-height: 1.0;
}

.con_box h4 span a {
    color:#728CB4;
}

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

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

.con_box h4 + h5 {
    padding-top: 10px;
}

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

.con_box h4 + p {
    padding-top: 10px;
}

.con_box h4 + .Txt_note {
    padding-top: 1em;
}


.con_box h5 + p {
    padding-top: 10px;
}

.con_box p + p {
    padding-top: 1em;
}

.con_box p + .Txt_note {
    padding-top: 1em;
}

.con_box .Txt_note + p {
    padding-top: 1em;
}

.con_box p + figure {
    padding-top: 1em;
}
.con_box p + ul{
    padding-top: 1em;
}

.con_box figure + figure {
    padding-top: 1em;
}

.con_box div + figure {
    padding-top: 1em;
}

.con_box h4 + figure {
    padding-top: 1em;
}
.con_box h4 + figure.scroll-hint {
    padding-top: 2em;
}
.con_box h4 + ul.flex {
    padding-top: 1em;
}

.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 {
    margin-bottom: 60px;
}
.column1.toilet {
    margin-bottom: 30px;
}

.column1.cat_last {
    margin-bottom: 100px;
}

.column2 {
    margin-bottom: 60px;
}

.column2.moving {
    margin-bottom: 0;
}

.column2.led {
    margin-bottom: 0;
}

.column2.cat_last {
    margin-bottom: 100px;
}

.column2 ul.flex {
    justify-content: space-between;
}

.column2.spe-bet {
    justify-content: space-between;
}
.column2.f-wrap ul{
    flex-wrap: wrap;
    gap:40px 0;
}

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

.column2.spe-bet > div {
    width: calc((100% - 4%) / 2);
    max-width: 480px;
}

.column2.spe-bet > figure {
    width: calc((100% - 4%) / 2);
    max-width: 480px;
    padding-top: 0;
}
.column2.parking ul li {

}
.column2.parking ul li:nth-child(1) {
width: 35%;
}
.column2.parking ul li:nth-child(2) {
width: 61%;
max-width: 610px;
}

.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: 40px;
}
.bathroom_Area .column3 ul li:nth-child(n+4) {
    margin-top: 20px;
}

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


.column4 {
    margin-bottom: 60px;
}

.column4 ul.flex {
flex-wrap: wrap;
    justify-content: space-between;
}
.column4.restroom ul.flex {
align-items: flex-start;
}

.column4 ul.flex:nth-of-type(2) {
    margin-top: 30px;
}

.column4 ul li {
    width: calc((100% - 6.0%) / 4);
    max-width: 235px;
}
.column4.bathroom ul{
justify-content: unset;
gap:30px 2%;
}
.column4.bathroom ul li{

}
.column3.bathroom ul li:nth-child(1){
display: flex;
gap: 0 5px;
}
.column3.bathroom ul li:nth-child(1) > div{
width: calc((100% - 5px) / 2); 
}
.column4.bathroom ul li:nth-child(1){
display: flex;
gap: 0 5px;
}
.column4.bathroom ul li:nth-child(1) > div{
width: calc((100% - 5px) / 2); 
}

.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;
    padding-top: 20px;
}

.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 {
    font-size: 19px;
}

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

.contents .cap_bottomUp {
    right: 5px;
    bottom: 64px;
    text-align: left;
}

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

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



/* 設備仕様 / 個別 */
.kitchen_Area .fiore-stone {
    /*  border: 1px solid#728CB4;*/
    padding: 15px 20px 20px;
    line-height: 1.7;
    background: #f1f7f5;
}

.kitchen_Area .fiore-stone span {
    /*  font-weight: 600;*/
    font-size: 1.1em;
    margin-bottom: 20px;
    display: block;
}

.kitchen_Area .fiore-stone .flex {
    justify-content: space-between;
}

.kitchen_Area .fiore-stone .flex div {
    width: 46%;
}

.kitchen_Area .fiore-stone .flex div p {
    font-size: 12.5px;
}

.kitchen_Area .fiore-stone .flex figure {
    max-width: 210px;
    width: 50%;
    height: fit-content;
}

.kitchen_Area .suisen,
.kitchen_Area .utility {
    flex-wrap: wrap;
    justify-content: space-between;
}

.kitchen_Area .suisen h4,
.kitchen_Area .utility h4 {
    width: 100%;
}
.kitchen_Area .suisen > p {
   display: inline-block;
}
.kitchen_Area .suisen > p,
.kitchen_Area .utility > p {
    width: 100%;
}

.kitchen_Area .suisen figure:first-of-type {
    width: 32%;
}
.kitchen_Area .utility figure:first-of-type {
    width: 48%;
}

.kitchen_Area .suisen div {
    width: 32%;
    padding: 1em 0 0;
}

.kitchen_Area .suisen figure:last-of-type {
    width: 64%;
}
.kitchen_Area .utility figure:last-of-type {
    width: 48%;
}

.head_cat {
    align-items: center;
}

.all_electric {
    display: inline-block;
    width: 44%;
    max-width: 138px;
}

.bathroom_Area .shower {
    width: 66%;
    max-width: 660px;
}

.bathroom_Area .shower ul li {
    width: 32.9%;
}

.bathroom_Area .shower ul p {
    text-align: center;
    letter-spacing: 0;
}

.bathroom_Area .shower ul .p1 {
    padding: 0.5em 0;
    color: #fff;
    background: #0c090b;
    font-size: clamp(10px, 0.9vw, 14px) !important;
    margin-bottom: -1px;
}

.bathroom_Area .shower ul .p2 {
    padding: 0.5em 0;
    background: #e6e6e6;
    font-size: clamp(10px, 0.8vw, 14px) !important;
    line-height: 1.25;
}

.bathroom_Area .column3.bathroom > ul {
    margin-top: 1em;
}
.bathroom_Area .column4.bathroom > .Txt_note + ul {
    margin-top: 1em;
}

.bathroom_Area .hokkarari .Txt_p {
    white-space: nowrap;
}

.bathroom_Area .mahobin li.flex {
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: baseline;
}

.bathroom_Area .mahobin li.flex h4 {
    width: 100%;
}

.bathroom_Area .mahobin li.flex div {
    width: 30%;
}

.bathroom_Area .mahobin li.flex figure {
    width: 66.7%;
}

.bathroom_Area .full-auto {
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.bathroom_Area .full-auto h4 {
    width: 100%;
}

.bathroom_Area .full-auto p {
    position: relative;
    padding-bottom: 0;
}

.bathroom_Area .full-auto > div {
    width: 49%;
}

.bathroom_Area .full-auto > figure {
    padding-top: 0;
    width: 49%;
}


.bathroom_Area .w32-32 {
    gap: 20px;
}

.bathroom_Area .w32-32 > div {
    width: 32%;
}

.bathroom_Area .w32-32 figure:last-of-type {
    width: 32%;
}

/*.bathroom_Area .restroom li h4 { padding-top: 20px; }*/

.zeh_Area .zeh_bg {
    background: #f1f5f6;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 40px 0 0.1px;
    margin-bottom: 60px;
}

.zeh_Area sup {
    vertical-align: super;
    font-size: 10px;
}

.zeh_Area .con_box {
    margin-bottom: 60px;
}

.zeh_Area .zeh_main {
    text-align: center;
}

.zeh_Area .zeh_main h2,
.zeh_Area .zeh_bels h2 {
    font-size: 30px;
    color:#728CB4;
    padding-bottom: 20px;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
}

.zeh_Area .zeh_main h2 + p {
    font-size: 18px !important;
    color:#728CB4;
    line-height: 1.8;
}

.zeh_Area .zeh_main .about_zeh {
    width: 80%;
    max-width: 574px;
    margin: 20px auto 40px;
}

.zeh_Area .zeh_main .about_zeh + .sub_copy {
    margin-bottom: 40px;
}

.zeh_Area .zeh_main figure {
    width: 90%;
    max-width: 864px;
    margin: 20px auto 20px;
}

.zeh_Area .zeh_merit {
    background: #fff;
    border: 1px solid#728CB4;
    text-align: center;
    padding: 20px;
}

.zeh_Area .zeh_merit h4 {
    font-size: 24px !important;
}

.zeh_Area .zeh_merit ul {
    gap: 20px;
}

.zeh_Area .zeh_merit ul li {
    width: calc((100% - 40px) / 3);
}

.zeh_Area .zeh_merit ul li span {
    color: #fff;
    padding: 10px 0;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    background:#728CB4;
}

.zeh_Area .zeh_merit p {
    text-align: left;
    padding-bottom: 0;
}

.zeh_Area .zeh_bels h2,
.zeh_Area .zeh_bels .sub_copy {
    text-align: center;
}

.zeh_Area .zeh_bels ul {
    gap: 22px;
    margin: 20px 0 0;
}

.zeh_Area .zeh_bels > .Txt_note {
    width: 100%;
    text-align: left;
    /*    display: block;*/
}

.zeh_Area .zeh_clm li {
    justify-content: space-between;
}

.zeh_Area .zeh_clm li > div {
    width: 32%;
}

/*
.zeh_Area .zeh_clm li:first-child figure:first-of-type {
    width: 37%;
}
.zeh_Area .zeh_clm li:first-child figure:last-of-type {
    width: 26.6%;
}
*/
.zeh_Area .zeh_clm li:last-child {
    margin-top: 60px;
}

.zeh_Area .zeh_clm li figure {
    width: 66%;
}

.zeh_Area .con_box h4 {
    padding-top: 0;
}

.zeh_Area .con_box h4 small {
    font-size: 14px;
}

.zeh_Area .led figure:first-of-type {
    margin-bottom: 3.125%;
}

.comfort_Area .wide-sasshi h4:last-of-type {
    margin: 20px 0 0;
}

.zeh_Area .led figure + figure {
    padding-top: 0;
}


.icon_circle {
    position: absolute;
    top: 41%;
    right: -5%;
    width: 10%;
}


#greening {
    padding-top: 140px;
    margin-top: -140px;
}

.gr-bg {
    display: inline-block;
    color: #fff;
    background:#728CB4;
    padding: 0.3em 0.5em 0.1em;
    margin: 0 0 0 0.4em;
}

.column2.net ul {
    gap: 20px;
}

.column2.net ul li:nth-child(1) {
    width: 66%;
    max-width: unset;
}

.column2.net ul li:nth-child(2) {
    width: 32%;
    max-width: unset;
}

.column2.net ul li > .flex {
    gap: 20px;
}

.column2.net ul li > .flex .wifi {
    width: 50%;
}

.column2.net ul li > .flex .Txt_note {
    width: 50%;
    padding: 0;
}

.column2.net ul {
    gap: 20px;
}

.column2.net ul li:nth-child(1) {
    width: 66%;
    max-width: unset;
}

.column2.net ul li:nth-child(2) {
    width: 32%;
    max-width: unset;
}

.column2.net ul li > .flex {
    gap: 20px;
    margin: 0;
}
.column2.net ul li > .spot {
    align-items: center;
    padding: 0.75em;
    border: 1px solid #2786cd;
    margin-bottom: 0.75em;
}
.column2.net ul li > .spot figure{
    padding: 0;
    width: calc(100% * 0.7);
}
.column2.net ul li > .spot h4{
    font-size: 16px;
    color: #2786cd;
}
.column2.net ul li > .flex .wifi {
    width: 60%;
}

.column2.net ul li > .flex .Txt_note {
    width: 40%;
    padding: 0;
}

.column2.led ul li {
    width: 48.085106382978723%;
    max-width: 480px;
}

.led .sub_box {
    margin-bottom: 30px;
}

.zumen_box {
    padding: 2% 6%;
    background: #fff;
}

.zumen_box h5 {
    padding: 14px 0 2px;
    font-size: 14px !important;
}

.zumen_box p {
    font-size: 11px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.05em;
}

.zumen_box p a {
    color:#728CB4;
}

.column2.hikkoshi h4 {
    font-size: 17px;
}
.column2.hikkoshi h4 + h6{
  padding-top: 0.5em;;
}
.column2.hikkoshi h6 + p{
  padding-top: 0.25em;
}
.column2.hikkoshi p + h6{
  padding-top: 0.5em;;
}
.column2.hikkoshi h6 + p.Txt_note{
  padding-top: 1em;
}
.column2.hikkoshi h6 + p + h6 {
    padding: 1em 0;
}

.con_box h4.font_s17 {
    font-size: 17px;
}

.ultra_fine_bubble {
background: url(../img/other/bubble_bg.jpg) center top no-repeat;
background-size: cover;
border: 1px solid #6c9bd2;
box-sizing: border-box;
}
.ultra_fine_bubble .bubble_ttl {
background: linear-gradient(to right,  rgba(0,91,172,1) 0%,rgba(111,146,204,1) 100%); 
}

.ultra_fine_bubble .bubble_ttl h3 {
color: #fff;
font-size: clamp(20px,2vw,24px);
padding: 0.5em;
}

.ultra_fine_bubble .bubble_inner{
padding: 10px;
}

.ultra_fine_bubble .bubble_copy {
display: flex;
gap: 20px 7%;
}
.ultra_fine_bubble .bubble_copy p {
width: 64%;
font-size: 14px;
letter-spacing: 0.06em;
font-feature-settings: "palt";
line-height: 1.8;
}
.ultra_fine_bubble .bubble_copy figure {
width: 33%;
}
.ultra_fine_bubble .bubble_copy img {
}
.ultra_fine_bubble figure {
}
.ultra_fine_bubble figure img {
}
.ultra_fine_bubble figure + figure{
padding-top: 1em;
}

.ultra_fine_bubble .bubble_inner > p {
text-align: right;
}
.ultra_fine_bubble .Txt_note {

}
.ultra_fine_bubble a {
color: #728CB4;
transition: 0.3s;
}
.ultra_fine_bubble a:hover {
opacity: 0.5;
}



.addbg {
    background: rgb(143 182 228 / 9%);
    padding: 60px 0 20px;
}

.addbg.first {
    margin: 0 auto;
}

.con_box .line-h {
    line-height: 1.4;
}

#notes_Area {
    background: #fff;
}

.zumen_box a{
   color: #728CB4;
   transition: 0.3s;
}
.zumen_box a:hover{
   opacity: 0.5;
}



[id^="anc"] {
 padding-top: 140px;
 margin-top: -140px;
}

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

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {
.cap_Txt.cap_Btm{
bottom: -3em!important;
}

    /*=== 共通 ===*/
    .Txt_note.align_R.imgunder {
       display: none;
    }

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

    .copy {
        font-size: 18px;
        line-height: 1.5;
    }
    

    .sub_copy {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        line-height: 1.8;
    }
    span.Txt_note.trash {
    justify-content: flex-start;
}

    .eq_main {
        flex-wrap: wrap;
        margin: 0 auto 40px;
    }
    .eq_maincopy_Box h3.copy {
    text-align: center;
}

    .eq_main.nophoto {
        margin: 0 auto 40px;
    }

    .eq_maincopy_Box,
    .eq_main figure {
        width: 100%;
    }
    .eq_main.kitchen figure {
    width: 100%;
}

    .eq_main figure {
        margin: 1em auto 0;
    }

    .eq_main.sanitary .eq_maincopy_Box,
    .eq_main.sanitary figure {
        width: 100%;
    }
    .eq_main.sanitary figure {
        margin: 1em auto 0;
    }
    .eq_main .eq_subimg figure {
    width: 100%;
    margin: 0;
}
.eq_main.bath > .figbox {
    width: 100%;
}

    .eq_maincopy_Box h2 {
        text-align: center;
        font-size: 26px;
        margin-bottom: 20px;
    }

    .eq_maincopy_Box h2.kitchen_ttl span {
        width: 40%;
    }

    .eq_maincopy_Box h2.bathroom_ttl span {
        width: 60%;
    }

    .con_box h4 {
        font-size: 16px;
        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 h4 span.all_electric {
        padding-left: 1em;
    }
    .column2.net ul li > .spot h4 {
    }

    .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 {
        margin-bottom: 40px;
    }

    .column1.cat_last {
        margin-bottom: 40px;
    }

    .column2 {
        margin-bottom: 40px;
    }

    .column2.cat_last {
        margin-bottom: 60px;
    }

    .column2 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .column2.f-wrap ul {
        gap: 0;
    }

    .column2 ul li {
        width: 100%;
        max-width: 100%;
    }

    .column2.led ul li {
        width: 100%;
    }

    .column2 ul.line1 li {
        width: 49%;
        max-width: 490px;
    }

    .column2 ul li:not(:last-child) {
        margin-bottom: 40px;
    }
    .column2.parking ul li:nth-child(1) {
        width: 35%;
        margin-bottom: 0;
    }
    .column2.average ul li:not(:last-child) {
        margin-bottom: 10px;
    }

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

    .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 {
        margin-bottom: 20px;
    }
    .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: 70%;
        max-width: 100%;
        margin: 0 auto;
    }

    .column2.restroom {
        margin-bottom: 10px;
    }

    .column2.restroom ul li {
        margin-bottom: 15px;
    }

    .bathroom_Area .full-auto > div {
        width: 100%;
        max-width: 100%;
    }

    .column2.spe-bet {
        flex-wrap: wrap;
    }

    .column2.spe-bet > div {
        width: 100%;
        max-width: 100%;
    }
    .column2.spe-bet > figure {
        width: 100%;
        max-width: 100%;
        padding-top: 1em;
    }
    .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;
    }
    .column3 ul li.greening {
        margin-bottom: 0;
    }

    .column4 {
        margin-bottom: 40px;
    }

    .column4 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .column4.restroom ul.flex {
    align-items: stretch;
    }

    .column4 ul.line1 {
        justify-content: space-between;
        /* align-items: flex-start; */
        flex-wrap: wrap;
    }

    .column4 ul li {
        width: 48%;
        max-width: 100%;
    }
    .column4.bathroom ul li:nth-child(1){
        width: 100%;
        max-width: 100%;
    }

    .column4 ul.line1 li {
        width: 49%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }

    .column4 ul.line1 li p {
        letter-spacing: 0.1em;
    }

    .column4 ul.line1 li figure {
        margin-top: auto;
    }

    .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;
        gap: 30px;
    }

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

    .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;
    }
    .layout3 ul.flex li.Txt_block div + div {
        margin-top: 1em;
    }
    

    /* 設備仕様 / 個別 */
    .kitchen_Area .fiore-stone {
        padding: 10px 15px 15px;
        line-height: 1.5;
    }

    .kitchen_Area .fiore-stone span {
        font-size: 15px;
        margin-bottom: 10px;
        font-weight: 500;
    }

    .kitchen_Area .fiore-stone .flex div p {
        font-size: 12.5px;
    }

    .kitchen_Area .suisen {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .kitchen_Area .suisen div {
        width: 100%;
        padding: 0;
    }

    .kitchen_Area .suisen figure {
        width: 100%;
    }

    .kitchen_Area .suisen figure:last-of-type {
        width: 100%;
    }

    .kitchen_Area .suisen figure:last-of-type .cap_R {
        left: 5px;
        right: auto;
    }

    .kitchen_Area .suisen figure:not(:last-of-type) {
        width: 60%;
        margin: 0 auto;
    }

    .kitchen_Area .set01 figure {
        margin-bottom: 10px;
    }
    .kitchen_Area .set01 ul li.sp:nth-child(1) {
        margin-bottom: 1em;
    }

    .bathroom_Area .shower {
        width: 100%;
        max-width: 100%;
    }

    .bathroom_Area .shower ul p {
        letter-spacing: -1px;
    }

    .bathroom_Area .shower ul .p1 span {
        white-space: nowrap;
        transform: scale(.8);
        transform-origin: center center;
    }

    .bathroom_Area .shower ul li:first-child .p1 {
        letter-spacing: -2px;
    }

    .bathroom_Area .shower ul li {
        margin-bottom: 0;
    }

    .bathroom_Area .column3.bathroom > ul > li:nth-child(n+3) {
        margin-top: 0;
    }

    .bathroom_Area .mahobin li.flex {}

    .bathroom_Area .mahobin li.flex div {
        width: 100%;
    }

    .bathroom_Area .mahobin li.flex figure {
        width: 100%;
    }

    .bathroom_Area .full-auto p {
        padding-right: 0;
    }

    .bathroom_Area .full-auto p::after {
        content: none;
    }

    .bathroom_Area .full-auto figure:first-of-type {
        width: 100%;
    }

    .bathroom_Area .full-auto figure:last-of-type {
        width: 100%;
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .bathroom_Area .w32-32 {
        flex-wrap: wrap;
        gap: 20px;
    }

    .bathroom_Area .w32-32 > div {
        width: 100%;
    }

    .bathroom_Area .w32-32 figure:last-of-type {
        width: 100%;
    }

    .zeh_Area .zeh_bg {
        padding: 20px 3% 0.1px;
    }

    .zeh_Area .con_box {
        margin-bottom: 30px;
    }

    .zeh_Area .zeh_main h2,
    .zeh_Area .zeh_bels h2 {
        font-size: 18px;
        padding-bottom: 15px;
        letter-spacing: 0.05em;
    }

    .zeh_Area .zeh_main h2 + p {
        font-size: 14px !important;
    }

    .zeh_Area .zeh_main .about_zeh {
        width: 100%;
    }

    .zeh_Area .zeh_main figure {
        width: 100%;
        margin: 0 auto 20px;
    }

    .zeh_Area .zeh_merit {
        padding: 15px;
    }

    .zeh_Area .zeh_merit h4 {
        font-size: 18px !important;
    }

    .zeh_Area .zeh_merit ul {
        gap: 15px;
    }

    .zeh_Area .zeh_merit ul li {
        width: 100%;
        margin: 0;
    }

    .zeh_Area .zeh_merit ul li span {
        font-size: 15px;
    }

    .zeh_Area .zeh_merit p {
        font-size: 14px;
    }

    .zeh_Area .zeh_bels h2,
    .zeh_Area .zeh_bels .sub_copy {
        text-align: left;
    }

    .zeh_Area .zeh_bels ul {
        flex-direction: column;
        gap: 15px;
        margin: 0;
    }

    .zeh_Area .scroll-hint img {
        height: 250px;
        width: auto;
    }

    .zeh_Area .scroll-hint + .cap_Txt.sp {
        position: static;
        text-align: right;
        margin-top: 5px;
    }

    .zeh_Area .zeh_clm li {
        flex-wrap: wrap;
    }

    .zeh_Area .zeh_clm li > div {
        width: 100%;
    }

    .zeh_Area .zeh_clm li:first-child figure:first-of-type {
        width: 100%;
    }

    .zeh_Area .zeh_clm li:last-child {
        margin-top: 30px;
    }

    .zeh_Area .zeh_clm li:last-child figure {
        width: 100%;
    }

    .zeh_Area .con_box h4 small {
        font-size: 14px;
    }

    .column2.trash ul li:not(:last-child) {
        margin-bottom: 20px;
    }

    .column2.led ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .column2.led {
        margin-bottom: 0px;
    }

    .led .sub_box {
        margin-bottom: 20px;
    }

    .column2.net {
        margin-bottom: 40px;
    }

    .column2.net ul li:nth-child(1) {
        width: 100%;
        max-width: unset;
    }

    .column2.net ul li:nth-child(2) {
        width: 100%;
        max-width: unset;
    }

    .column2.net ul li > .flex {
        gap: 10px;
    }
    .column2.net ul li > .spot figure {
    width: 20%;
    margin: 0 auto;
}
.column2.net ul li > .spot div {
    width: 80%;
    margin: 0;
}

    .column2.net ul li > .flex .wifi {
        width: 100%;
    }

    .column2.net ul li > .flex .Txt_note {
        width: 100%;
        padding: 0;
    }

    .zumen_box {
        margin: 0 auto 0;
        padding: 3.5%;
    }

    .zumen_box > figure:nth-of-type(1) {
        width: 80%;
        margin: 0 auto;
    }

    #greening {
        padding-top: 120px;
        margin-top: -120px;
    }
.addbg {
    padding: 30px 0 30px;
}
    .addbg.first {
        margin: 0 auto;
        padding: 30px 0 0;
    }

    .column2.hikkoshi {
        margin-bottom: 0;
    }
    
    .icon_circle {
        position: absolute;
        top: 41%;
        right: -2.6%;
        width: 9%;
    }
    .ultra_fine_bubble .bubble_copy {
    flex-wrap: wrap-reverse;
    margin: 0 auto 20px;
}
    .ultra_fine_bubble .bubble_copy p {
width: 100%;
}
.ultra_fine_bubble .bubble_copy figure {
width: 80%;
margin: 20px auto 0;
}
.ultra_fine_bubble .bubble_inner > p {
    text-align: left;
}
.ultra_fine_bubble .Txt_note.align_R {
text-align: left;
}

}