


p, 
div {
    line-break: strict;
    word-wrap: break-word;
    word-break: break-all;
}



/* .l-header
----------------------------------------*/
.l-header {
}
.l-header:not( .scrollact ) {
    background-color: #fff;    
}
@media screen and (max-width: 768px) {
    .l-header:not( .scrollact ) {
        background-color: transparent;
    }
    .l-header {
        background: linear-gradient( to bottom, rgba( 255, 255, 255, 0.7 ), transparent 80%, transparent );
    }
}



/* .drop-shadow
----------------------------------------*/
.drop-shadow {
    position: relative;
}
.drop-shadow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    background: linear-gradient( rgba( 112, 112, 112, 0.7 ), transparent 75%, transparent );
    z-index: 2;
}
@media screen and (max-width: 768px) {
}



/* .l-content
----------------------------------------*/
.l-content {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
@media screen and (max-width: 768px) {
}



/* .l-inner_wrap
----------------------------------------*/
.l-inner_wrap {
    position: relative;
    width: 100%;
}
.l-inner_wrap.-v2 {
    mix-blend-mode: multiply;
}
.l-inner_wrap.-v2.drop-shadow {
}
.l-inner_wrap.-v2.drop-shadow::before {
    content: none;
}
.l-inner_wrap.-v2 .l-inner {
}
@media screen and (max-width: 768px) {
    .l-inner_wrap {
    }
    .l-inner_wrap.-v2 {
    }
    .l-inner_wrap.-v2.drop-shadow {
    }
    .l-inner_wrap.-v2.drop-shadow::before {
        content: '';
    }
    .l-inner_wrap.-v2 .l-inner {
        max-width: none;
        padding: 0;
    }
}



/* ----------------------------------------
MV ここから
---------------------------------------- */

/* .c-title--page--full.-mv
----------------------------------------*/
.c-title--page--full.-mv {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    width: 100%;
    height: calc( 100vh - clamp(59.2px, 5.331vw, 88.8px) );
    margin: 0;
    margin-top: clamp(59.2px, 5.331vw, 88.8px);
    padding: 0;
}
.c-title--page--full::before {
    content: none;
}
@media screen and (max-width: 768px) {
    .c-title--page--full.-mv {
        flex-direction: column;
        align-items: flex-start;
        height: 100vh;
        margin-top: 0;
    }
    .c-title--page--full::before {
        content: none;
    }
}



/* .c-title--page--full.-mv .mv-left, .c-title--page--full.-mv .mv-right
----------------------------------------*/
.c-title--page--full.-mv .mv-left, 
.c-title--page--full.-mv .mv-right {
    position: relative;
    display: block;
    width: 50%;
    height: 100%;
}
@media screen and (max-width: 768px) {
    .c-title--page--full.-mv .mv-left, 
    .c-title--page--full.-mv .mv-right {
        width: 100%;
        height: auto;
    }
}



/* .c-title--page--full.-mv .mv-left
----------------------------------------*/
.c-title--page--full.-mv .mv-left {
}
.c-title--page--full.-mv .mv-left picture {
    width: 100%;
    height: 100%;
}
.c-title--page--full.-mv .mv-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c-title--page--full.-mv .mv-left figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.2em 1em;
    color: #fff;
    font-size: var( --font_size-caption );
    letter-spacing: 0.08em;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    background-color: rgba( 0, 0, 0, 0.6 );
}
@media screen and (max-width: 768px) {
    .c-title--page--full.-mv .mv-left {
        height: 57.57%;
    }
    .c-title--page--full.-mv .mv-left picture {
    }
    .c-title--page--full.-mv .mv-left img {
    }
    .c-title--page--full.-mv .mv-left figcaption {
        line-height: 1.3;
    }
}



/* .c-title--page--full.-mv .mv-right
----------------------------------------*/
.c-title--page--full.-mv .mv-right {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url( '../img/common/mv-right-img-bg.webp' );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.c-title--page--full.-mv .mv-right .c-title--page {
}
.c-title--page--full.-mv .mv-right .c-title--page img {
}
@media screen and (max-width: 768px) {
    .c-title--page--full.-mv .mv-right {
        display: block;
        height: 42.43%;
    }
    .c-title--page--full.-mv .mv-right .c-title--page {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .c-title--page--full.-mv .mv-right .c-title--page img {
        width: 39.2%;
    }
}

/* ----------------------------------------
MV ここまで
---------------------------------------- */

.p-cross_decoration {
}
@media screen and (max-width: 768px) {
    .p-cross_decoration {
        padding-top: calc( 50 * 100vw / 375 );
        padding-bottom: calc( 80 * 100vw / 375 );
    }
}



.lead .p-cross_decoration-contents {
    mix-blend-mode: multiply;
}
.lead .p-cross_decoration-contents-inner {
    align-items: center;
}
.lead .p-cross_decoration-contents-inner-inner_wrap {
    width: 50.522%;
}
.lead .p-cross_decoration-contents-inner .tokyotatemono {
    width: 17.334%;
}
.lead .p-cross_decoration-contents-inner .times {
    width: 2.7%;
}
.lead .p-cross_decoration-contents-inner .funenkosya {
    width: 26.48%;
}
.lead .p-cross_decoration-contents-inner .funenkosya img {
    mix-blend-mode: multiply;
}
@media screen and (max-width: 768px) {
    .lead .p-cross_decoration-contents {
    }
    .lead .p-cross_decoration-contents-inner {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .lead .p-cross_decoration-contents-inner-inner_wrap {
        width: 100%;
    }
    .lead .p-cross_decoration-contents-inner .tokyotatemono {
        width: calc( 188 * 100vw / 375 );
        margin: 0 auto calc( 10 * 100vw / 375 );
    }
    .lead .p-cross_decoration-contents-inner .times {
        width: calc( 31 * 100vw / 375 );
        margin: 0 auto calc( 10 * 100vw / 375 );
    }
    .lead .p-cross_decoration-contents-inner .funenkosya {
        width: calc( 286 * 100vw / 375 );
        margin: 0 auto;
    }
    .lead .p-cross_decoration-contents-inner .funenkosya img {
        mix-blend-mode: multiply;
    }
}





.business .p-cross_decoration-contents-inner {
}
.business .p-cross_decoration-contents-inner-inner_wrap {
    width: 50.522%;
}
.business .p-cross_decoration-contents-inner-inner_wrap .diagram {
    /*
    .business .p-cross_decoration-contents-inner-inner_wrap に対して 109.138%
    */
    width: 109.138%;
    margin-left: -4.569%;
}
.business .p-cross_decoration-contents-inner .aerial_photography {
    width: 45.47%;
}
@media screen and (max-width: 768px) {
    .business .p-cross_decoration-contents-inner {
    }
    .business .p-cross_decoration-contents-inner-inner_wrap {
        width: 100%;
    }
    .business .p-cross_decoration-contents-inner-inner_wrap .diagram {
        width: 100%;
        margin-left: 0;
    }
    .business .p-cross_decoration-contents-inner .aerial_photography {
    }
    .business .aerial_photography {
        width: 100%;
    }
}





.higashi_mukoujima .p-cross_decoration-title h2 .annotation_mark {
    padding: 0 0.2em;
    font-size: 0.55em;
	vertical-align: top;
}





.higashi_mukoujima .p-cross_decoration-contents {
    mix-blend-mode: multiply;
}
.higashi_mukoujima .p-cross_decoration-contents-inner {
    align-items: center;
}
.higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap.wrap_01 {
    width: 100%;
}
.higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap.wrap_01 > p {
    width: 46.951%;
}
.higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap.wrap_01 > p.annotation {
    width: 100%;
    margin: min( calc( 20 * 100vw / 1388 ), 20px ) 0 0;
    padding: 0;
    font-size: var( --font_size-caption );
}
.higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap.wrap_02 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: 0;
}
.higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap figure {
    width: 16.5%;
    margin-bottom: min( calc( 10 * 100vw / 1388 ), 10px );
    padding: 0 1%;
}
.higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap figcaption {
    font-size: var( --font_size-text );
    text-align: center;
}
@media screen and (max-width: 768px) {
    .higashi_mukoujima .p-cross_decoration-contents {
    }
    .higashi_mukoujima .p-cross_decoration-contents-inner {
        align-items: center;
    }
    .higashi_mukoujima .p-cross_decoration-contents-inner::before {
        background: -webkit-linear-gradient(#ccc, #ccc 10%, transparent 20%, transparent);
        background: -o-linear-gradient(#ccc, #ccc 10%, transparent 20%, transparent);
        background: linear-gradient(#ccc, #ccc 10%, transparent 20%, transparent);
    }
    .higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap.wrap_01 {
        width: 100%;
    }
    .higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap.wrap_01 > p {
        width: 100%;
    }
    .higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap.wrap_01 > p.annotation {
        width: 100%;
        margin: min( calc( 20 * 100vw / 375 ), 20px ) 0 0;
        padding: 0;
        font-size: var( --font_size-caption );
    }
    .higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap.wrap_02 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-left: 0;
    }
    .higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap figure {
        width: 49%;
        margin-bottom: min( calc( 10 * 100vw / 375 ), 10px );
        padding: 0 2%;
    }
    .higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap figure:nth-last-of-type(1),
    .higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap figure:nth-last-of-type(2) {
        margin-bottom: 0;
    }
    .higashi_mukoujima .p-cross_decoration-contents-inner-inner_wrap figcaption {
        font-size: var( --font_size-text );
        text-align: center;
    }
}





.zeh-m_banner {
    width: 100%;
}
.zeh-m_banner figure {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.zeh-m_banner figcaption {
    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
    color: #fff;
    font-size: var( --font_size-caption );
}
@media screen and (max-width: 768px) {
    .zeh-m_banner {
    }
    .zeh-m_banner figure {
    }
    .zeh-m_banner figcaption {
    }
}





.zeh-m .p-cross_decoration-contents {
    --cdc-inner-padding-right-pc: min( calc( 40 * 100vw / 1388 ), 40px );
    --cdc-inner-padding-right-sp: min( calc( 20 * 100vw / 375 ), 20px );
}
.zeh-m .p-cross_decoration-contents-inner {
    padding-right: var( --cdc-inner-padding-right-pc );
    padding-bottom: 0;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_01 .insulation_01 {
    width: 44.947%;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_01 .times {
    width: 4.703%;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_01 .insulation_02 {
    width: 44.947%;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_01 .arrow_bottom {
    display: none;
}
@media screen and (max-width: 768px) {
    .zeh-m .p-cross_decoration-contents {
    }
    .zeh-m .p-cross_decoration-contents-inner {
        padding-right: var( --cdc-inner-padding-right-sp );
        padding-bottom: 0;
    }
    .zeh-m .p-cross_decoration-contents-inner::before {
        background: -webkit-linear-gradient(#ccc, #ccc 5%, transparent 15%, transparent);
        background: -o-linear-gradient(#ccc, #ccc 5%, transparent 15%, transparent);
        background: linear-gradient(#ccc, #ccc 5%, transparent 15%, transparent);
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_01 {
        display: block;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_01 .insulation_01 {
        display: block;
        width: 100%;
        margin-bottom: calc( 20 * 100vw / 375 );
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_01 .times {
        display: block;
        width: 18.43%;
        margin: 0 auto calc( 20 * 100vw / 375 );
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_01 .insulation_02 {
        display: block;
        width: 100%;
        margin-bottom: calc( 30 * 100vw / 375 );
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_01 .arrow_bottom {
        display: block;
        width: 10.921%;
        margin: 0 auto calc( 30 * 100vw / 375 );
    }
}

.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_02 {
    width: 69.686%;
    margin: min( calc( 100 * 100vw / 1388 ), 100px ) auto 0;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_02 p {
    width: 100%;
    margin-bottom: min( calc( 20 * 100vw / 1388 ), 20px );
    font-size: var( --font_size-large );
    text-align: center;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_02 p.text_top {
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_02 p.text_bottom {
    color: #4F8E78;
    font-size: var( --font_size-lead );
    margin-bottom: min( calc( 100 * 100vw / 1388 ), 100px );
    border-bottom: 1px solid #4F8E78;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_02 .remark {
    margin-bottom: min( calc( 10 * 100vw / 1388 ), 10px );
    font-size: var( --font_size-caption );
    text-align: left;
}
@media screen and (max-width: 768px) {
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_02 {
        width: 113.55%;
        margin: 0 auto 0 -6.775%;
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_02 p {
        width: 100%;
        margin-bottom: calc( 20 * 100vw / 375 );
        font-size: var( --font_size-lead );
        text-align: center;
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_02 p.text_top {
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_02 p.text_bottom {
        color: #4F8E78;
        margin-bottom: calc( 40 * 100vw / 375 );
        padding-bottom: calc( 40 * 100vw / 375 );
        border-bottom: 1px solid #4F8E78;
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_02 .remark {
        margin-bottom: calc( 10 * 100vw / 375 );
        text-align: left;
    }
}

.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_03 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    aspect-ratio: 400 / 133;
    margin: 0;
    padding: 0;
    background-image: url( '../img/reborn/zeh-m-wrap_03-bg.webp' );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_03 .each_item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 33.335%;
    margin: 0;
    padding: min( calc( 80 * 100vw / 1388 ), 80px ) 0 0 0;
    color: #fff;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_03 .each_item:nth-of-type(2) {
    width: 33.33%;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_03 .each_item span {
    font-size: var( --font_size-lead );
    text-align: center;
}
.zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_03 .each_item span.text-small {
    font-size: var( --font_size-large );
}
@media screen and (max-width: 768px) {
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_03 {
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_03 .each_item {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: 0;
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_03 .each_item:nth-of-type(2) {
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_03 .each_item span {
        display: inline-block;
        line-height: 1.3;
        text-align: center;
        font-size: calc( 18 * 100vw / 375 ); /* イレギュラー */
    }
    .zeh-m .p-cross_decoration-contents-inner-inner_wrap.wrap_03 .each_item span.text-small {
        display: inline-block;
        margin-bottom: calc( 5 * 100vw / 375 );
        font-size: var( --font_size-caption );
    }
}

.zeh-m .pickup_voice {
}
.zeh-m .pickup_voice .pickup_voice-title {
    width: 100%;
    margin: 0;
    padding: 0;
}
.zeh-m .pickup_voice .pickup_voice-title span {
    display: block;
    margin-bottom: calc( 30 * 100vw / 1388 );
    font-size: var( --font_size-large );
    line-height: 1.4;
    text-align: center;
}
.zeh-m .pickup_voice .pickup_voice-title .text-large {
    margin-bottom: calc( 20 * 100vw / 1388 );
    font-size: var( --font_size-title );
    line-height: 1;
    text-align: center;
}
.zeh-m .pickup_voice-inner_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}
.zeh-m .pickup_voice-inner_wrap .questionnaire {
    width: 100%;
    margin-bottom: min( calc( 70 * 100vw / 1388 ), 70px );
}
.zeh-m .pickup_voice-inner_wrap .each_item {
    width: 17.508%;
    margin-bottom: 0;
}
.zeh-m .pickup_voice-inner_wrap .each_item picture {
    width: 100%;
}
.zeh-m .pickup_voice-inner_wrap .each_item figure {
    position: relative;
    width: 100%;
}
.zeh-m .pickup_voice-inner_wrap .each_item figcaption {
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    line-height: 1.2;
}
.zeh-m .pickup_voice-inner_wrap .each_item.item_floor_heating figcaption {
    color: #fff;
}
.zeh-m .pickup_voice-inner_wrap .each_item p {
    width: 100%;
    margin-top: min( calc( 10 * 100vw / 1388 ), 10px );
    margin-bottom: 0;
    font-size: min( calc( 18 * 100vw / 1388 ), 18px ); /* イレギュラー */
}
@media screen and (max-width: 768px) {
    .zeh-m .pickup_voice {
    }
    .zeh-m .pickup_voice .pickup_voice-title {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .zeh-m .pickup_voice .pickup_voice-title span {
        display: block;
        margin-bottom: calc( 30 * 100vw / 375 );
        font-size: var( --font_size-lead );
        line-height: 1.4;
        text-align: center;
    }
    .zeh-m .pickup_voice .pickup_voice-title .text-large {
        margin-bottom: calc( 20 * 100vw / 375 );
        font-size: var( --font_size-title );
        line-height: 1;
        text-align: center;
    }
    .zeh-m .pickup_voice-inner_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
    }
    .zeh-m .pickup_voice-inner_wrap .questionnaire {
        width: 107.167%;
        margin-left: -7.167%;
        margin-bottom: calc( 30 * 100vw / 375 );
    }
    .zeh-m .pickup_voice-inner_wrap .questionnaire figcaption {
        padding-left: 7.167%;
    }
    .zeh-m .pickup_voice-inner_wrap .each_item {
        width: 45.762%;
        margin-bottom: calc( 15 * 100vw / 375 );
    }
    .zeh-m .pickup_voice-inner_wrap .each_item picture {
    }
    .zeh-m .pickup_voice-inner_wrap .each_item figure {
    }
    .zeh-m .pickup_voice-inner_wrap .each_item figcaption {
        /*
        font-size: max( calc( 10 * 100vw / 375 ), 10px );
        */
    }
    .zeh-m .pickup_voice-inner_wrap .each_item.item_floor_heating figcaption {
        left: 0;
        right: auto;
        bottom: 0;
        margin-top: 0;
        padding: 0.2em 0.5em;
        color: #fff;
        background-color: rgba( 0, 0, 0, 0.4 );
    }
    .zeh-m .pickup_voice-inner_wrap .each_item.item_ecojozu figcaption {
        right: 0;
        bottom: 0;
        margin-top: 0;
        padding: 0.2em 0.5em;
        color: #fff;
        background-color: rgba( 0, 0, 0, 0.4 );
    }
    .zeh-m .pickup_voice-inner_wrap .each_item p {
        width: 100%;
        margin-top: calc( 5 * 100vw / 375 );
        margin-bottom: 0;
        font-size: var( --font_size-large );
    }
}





.c-list--notice {
    --cdc-inner-maxwidth-pc: min( calc( 1300 * 100vw / 1388 ), 1300px );
    width: 100%;
    max-width: var( --cdc-inner-maxwidth-pc );
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-list--notice {
        width: 100%;
        max-width: calc( 10% -  );
        margin: 0 auto;
    }
}







