/*----- 共通 -----*/
.tobeginwith,
.securityquality {
        color: var(--white-color);
}
.tobeginwith,
.securityquality,
.planofahouse,
.objectsummary,
.necessaryexpenses {
        width: 100%;
        margin: 0.5rem auto;
}

.br_sp2,
.fp2 {
        display: none;
}

#condominium-contents .title-a {
        display: flex;
        align-items: end;
        width: 100%;
        padding-bottom: 2rem;
}
#condominium-contents .title-a span {
        display: inline-block;
        font-size: 21px;
        padding-bottom: 0.3rem;
        border-bottom: solid 1px var(--white-color);
        line-height: 1.2;
}
#condominium-contents .title-a img {
        display: block;
        height: 40px;
        padding-right: 1rem;
        padding-bottom: 0.8rem;
        border-bottom: solid 1px var(--white-color);
}

/*----- TOP画像 -----*/
#condominium-contents {
        width: 100%;
}
#condominium-contents .topc-imgbox {
        width: 100%;
        height: 42vw;
        position: relative;
        z-index: 4;
}
#condominium-contents .topc-img-01 {
        display: flex;
        width: 100%;
        height: auto;
        overflow: hidden;
}
#condominium-contents .topcimg-01 {
        width: 70%;
}
#condominium-contents .topcimg-02 {
        width: 30%;
}

/*----- TOP物件特徴blue部分 -----*/
#condominium-contents .gtext {
        color: #f5d899;
        font-size: 28px;
}
#condominium-contents .g2 {
        display: flex;
}
#condominium-contents .topc-features {
        width: 100%;
        height: 160px;
        font-size: 21px;
        letter-spacing: 1rem;
        color: var(--white-color);
        background: linear-gradient(45deg, #0000 calc(25%/3), #003366 0 calc(50%/3),
                                #0000 0 calc(250%/3), #003366 0 calc(275%/3),
                                #0000 0), linear-gradient(45deg, #003366 calc(25%/3), #0000 0 calc(50%/3),
                                #003366 0 25%, #0000 0 75%,
                                #003366 0 calc(250%/3), #0000 0 calc(275%/3), #003366 0),
                        linear-gradient(-45deg, #0000 calc(25%/3), #003366 0 calc(50%/3),
                                #0000 0 calc(250%/3), #003366 0 calc(275%/3),
                                #0000 0), linear-gradient(-45deg, #003366 calc(25%/3), #0000 0 calc(50%/3),
                                #003366 0 25%, #0000 0 75%,
                                #003366 0 calc(250%/3), #0000 0 calc(275%/3), #003366 0) #00366A;
                background-size: 64px 64px;
                background-position: 0 0, 32px 32px;
}
#condominium-contents .topc-features-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 94%;
        max-width: 1632px;
        height: 160px;
        text-align: center;
        margin: 0 auto;
}
#condominium-contents .features-02 {
        border: solid var(--white-color);
        border-width: 0 1px;
}
#condominium-contents .features-01,
#condominium-contents .features-02,
#condominium-contents .features-03 {
        width: calc(100%/3);
        line-height: 1.5;
        padding: 0 1rem;
}

#condominium-contents .condominium-topspace {
        margin-top: 4rem;
        margin-bottom: 1.5rem;
}
#condominium-contents .condominium-topspace p {
        line-height: 2;
}

.condominium-title {
        width: 94%;
        max-width: 1240px;
        margin: 2rem auto;
        text-align: center;
}
.condominium-title img {
        display: block;
        height: 55px;
        margin: 1rem auto;
}
.condominium-title h2 {
        display: inline-block;
        line-height: 2;
        border-bottom: solid 1px var(--white-color);
}
#condominium-contents .tobeginwith p {
        width: 94%;
        max-width: 1240px;
        margin: 2rem auto;
        text-align: center;
}

/*----- セキュリティ＆クオリティー -----*/
#condominium-contents .securityquality .condominium-title {
        margin: 2rem auto 3rem;
}
#condominium-contents .security {
        display: flex;
        justify-content: space-between;
        width: 100%;
}
#condominium-contents .security-container {
        width: 50%;
}
#condominium-contents .security-container02-box {
        display: flex;
        justify-content: right;
}
#condominium-contents .security-container02 {
        width: 100%;
        max-width: 700px;
        padding-left: 3rem;
}
#condominium-contents .security-box {
        width: 100%;
        max-width: 700px;
        padding: 0 10rem 4rem 3rem;
        border-left: solid 2px var(--gold-color);
}
#condominium-contents .security-box01{
        padding-bottom: 0;
}
#condominium-contents .rgtnpc {
        width: 50%;
}
#condominium-contents .rgtn {
        display: flex;
        justify-content: right;
        width: 100%;
}
#condominium-contents .rgtn-img {
        width: 100%;
}
#condominium-contents .rgtn01 {
        width: 80%;
        float: right;
        /* max-width: 768px; */
        padding-bottom: 4rem;
}
#condominium-contents .rgtn02 {        
        width: 45%;
}

/*----- 間取図 -----*/
#condominium-contents .planofahouse {
        margin: 7rem auto 0;
}
#condominium-contents .planofahouse-containerbox {
        display: flex;
        width: 100%;
        background-image: linear-gradient(0deg, #f9f7ee, #ffffff);
}
#condominium-contents .planofahouse-container01,
#condominium-contents .planofahouse-container02 {
        width: 50%;
}
#condominium-contents .planofahouse-box {
        display: flex;
        justify-content: end;
        width: 100%;
        height: 100%;
        background-image: repeating-linear-gradient(45deg, #b49147 25%, transparent 25%, transparent 75%, #b49147 75%, #b49147), repeating-linear-gradient(45deg, #b49147 25%, #b49747 25%, #b49747 75%, #b49147 75%, #b49147);
                background-position: 0 0, 7px 7px;
                background-size: 14px 14px;
}
#condominium-contents .planofahouse-box img {
        height: 70vw;
        max-height: 600px;
        min-height: 350px;
        margin: 0 auto;
        margin-right: 4rem;
        padding: 4rem 0;
}
#condominium-contents .planofahouse-text {
        position: relative;
        height: 100%;
        margin: auto;
        margin-left: 4rem;
        padding: 4rem 0;
}
#condominium-contents .planofahouse-text .title-a img,
#condominium-contents .planofahouse-text .title-a span {
        border-bottom: solid 1px var(--bluegray-color);
}
#condominium-contents .planofahouse-text .security-box {
        max-width: 630px;
}
#condominium-contents .planofahouse-p {
        font-size: 18px;
        padding-bottom: 1rem;
}
#condominium-contents .security-box p {
        padding: 0.5rem 0;
}
#condominium-contents .planofahouse-b-r {
        position: absolute;
        bottom: 0;
        right: 0;
        background: no-repeat url(../images/background_m.png) top center /100% 100%;
        background-repeat: repeat-y;
        background-size: 100%;
}

/*----- 周辺環境 -----*/
#condominium-contents .information .title-a img,
#condominium-contents .information .title-a span {
        border-bottom: solid 1px var(--bluegray-color);
}
#condominium-contents .surroundings,
#condominium-contents .objectsummary {
        width: 94%;
        max-width: 1240px;
        margin: 0 auto;
        padding: 7rem 0 0;
}
#condominium-contents .surroundings-box {
        width: 100%;
}
#condominium-contents .surroundings-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
}
#condominium-contents .surroundings-box- {
        width: calc(100% - 10%);
        padding-bottom: 2rem;
}
#condominium-contents .surroundings-box- p {
        line-height: 1.7rem;
}
#condominium-contents .surroundings .surroundings-list img {
        width: 100%;
        height: auto;
}

#condominium-contents .information {
        width: 100%;
        background-image: linear-gradient(90deg, #ebeaea, #ffffff 20% 80%, #ebeaea);
}

/*----- 物件概要 -----*/
#condominium-contents .objectsummary {
        padding: 5rem 0 0;
}
#condominium-contents .objectsummary-container {
        display: flex;
        letter-spacing: 0.1rem;
}
#condominium-contents .objectsummary-box01 {
        width: 50%;
        padding-right: 5%;
        border-right: solid 1px #cfcecda8;
}
#condominium-contents .objectsummary-box02 {
        width: 50%;
        padding-left: 5%;
}
#condominium-contents .objectsummary-container dl {
        display: flex;
        align-items: center;
        margin-top: 1.5rem;
        padding-bottom: 1.5rem;
        border-bottom: solid 1px #cfcecda8;
}
#condominium-contents .objectsummary-box01 dt {
        width: 30%;
        min-width: 130px;
}
#condominium-contents .objectsummary-box02 dt {
        width: 30%;
        min-width: 100px;
}
#condominium-contents .objectsummary-container dd {
        width: 100%;
}
#condominium-contents .objectsummary-container .dd1 {
        font-size: 24px;
}

/*----- 必要経費 -----*/
#condominium-contents .necessaryexpenses .title-a {
        padding-bottom: 1rem;
}
#condominium-contents .necessaryexpenses {
        width: 94%;
        max-width: 1240px;
        margin: 0 auto;
        padding: 7rem 0;
}
#condominium-contents .necessaryexpenses-box {
        width: 100%;
}
#condominium-contents .necessaryexpenses-box dl {
        display: flex;
        padding: 1rem 0;
        border-bottom: solid 1px #cfcecda8;
}
#condominium-contents .necessaryexpenses-box dt {
        width: 36%;
        min-width: 370px;
}
#condominium-contents .necessaryexpenses-box .nb-dt {
        width: 36%;
        min-width: 370px;
}
#condominium-contents .necessaryexpenses-box dd {
        width: 64%;
}



@media screen and (max-width:1240px) {
#condominium-contents .security,
#condominium-contents .security-container {
        display: block;
        width: 100%;
}
#condominium-contents .security-box {
        max-width: 1240px;
}
#condominium-contents .security-container02-box {
        display: block;
}
#condominium-contents .security-container02 {
        width: 94%;
        max-width: 1240px;
        padding-left: 0;
        padding-bottom: 4rem;
        margin: 0 auto;
}
.securityquality .condominium-title {
        margin: 2rem auto 4rem;
}
#condominium-contents .rgtnpc {
        width: 100%;
}
#condominium-contents .rgtn {
        position: relative;
        display: block;
        width: 100%;
        max-width: 1240px;
        height: 167px;
        margin: 0 auto;
        overflow: hidden;
}
#condominium-contents .rgtn-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        width: 100%;
        margin: 0 auto;
}
#condominium-contents .rgtn01 {
        float: none;
}
#condominium-contents .rgtn01,
#condominium-contents .rgtn02 {
        width: calc(100%/3);
        padding-bottom: 0;
}
#condominium-contents .rgtnsp {
        margin-bottom: 4rem;
}
}


@media screen and (max-width:768px) {
        #condominium-contents .topc-features {
                font-size: 18px;
        }
        #condominium-contents .features-p {
                line-height: 1.4;
        }
        #condominium-contents .features-p02 {
                padding-top: 0.8rem;
        }
        #condominium-contents .topc-imgbox {
                height: 59.5vw;
        }
        #condominium-contents .topcimg-01 {
                position: relative;
                width: 100%;
        }
        .condominium-title img {
                height: 80px;
                margin: 1rem auto 0;
        }
        .interiorphoto .condominium-title img {
                height: 80px;
                margin: 1rem auto;
        }        
        #condominium-contents .rgtn {
                height: 160px;
        }
        #condominium-contents .rgtn02-2 {
                display: none;
        }
        #condominium-contents .rgtn01,
        #condominium-contents .rgtn02 {
                width: calc(100%/2);
        }

        #condominium-contents .planofahouse-containerbox {
                display: block;
        }
        #condominium-contents .planofahouse-container01, #condominium-contents .planofahouse-container02 {
                width: 100%;
        }
        #condominium-contents .security-box {
                padding-right: 0;
                padding-left: 2rem;
        }
        #condominium-contents .planofahouse-text .security-box {
                max-width: 100%;
        }
        #condominium-contents .planofahouse-text {
                margin-right: 4rem;
                padding: 4rem 0 5rem;
        }
        #condominium-contents .planofahouse {
                margin: 4rem auto 0;
        }
        #condominium-contents .planofahouse-box {
                justify-content: center;
        }
        #condominium-contents .planofahouse-box img {
                height: 94vw;
                max-height: 768px;
                margin: 4rem auto;
                padding: 0;
                box-shadow: 0 8px 24px #47360f70;
        }
        #condominium-contents .surroundings-box- {
                padding-bottom: 0.5rem;
                margin: 0 auto;
        }
        #condominium-contents .surroundings-box- p {
                line-height: 1.7rem;
        }
        #condominium-contents .objectsummary-container {
                display: block;
        }
        #condominium-contents .objectsummary-box01,
        #condominium-contents .objectsummary-box02 {
                width: 100%;
                padding-right: 0;
                padding-left: 0;
                border: solid #ffffff00;
        }
        #condominium-contents .objectsummary-container dl {
                margin: 0 0 2rem;
                padding-bottom: 2rem;
        }
        #condominium-contents .necessaryexpenses {
                padding: 3rem 0 7rem;
        }
        #condominium-contents .necessaryexpenses-box dl {
                display: block;
        }
        #condominium-contents .necessaryexpenses-box dt {
                width: 100%;
                min-width: auto;
                padding-bottom: 0.5rem;
        }
        #condominium-contents .necessaryexpenses-box dd {
                width: 100%;
        }
}

@media screen and (max-width:500px) {
        .br_sp,
        .fp {
                display: none;
        }
        .br_sp2 {
                display: block;
        }
        #condominium-contents .fp2 {
                display: flex;
                align-items: center;
        }
        #condominium-contents .topc-imgbox {
                height: 58vw;
        }
        #condominium-contents .topc-features {
                position: relative;
                height: 260px;
        }
        #condominium-contents .topc-features-box {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                justify-content: space-evenly;
                flex-direction: column;
                height: 230px;
                text-shadow: 0 0 5px #000000;
        }
        #condominium-contents .topc-features02 {
                position: relative;
                height: 290px;
        }
        #condominium-contents .topc-features-box02 {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                justify-content: space-evenly;
                flex-direction: column;
                height: 270px;
                text-shadow: 0 0 5px #000000;
        }
        #condominium-contents .features-01,
        #condominium-contents .features-02,
        #condominium-contents .features-03 {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                margin: 0 auto;
                width: 100%;
        }
        #condominium-contents .features-02 {
        border-width: 0 0;
        padding: 1rem 0;        
        }
        #condominium-contents .features-02- {
        border-width: 0 0;
        padding: 0;        
        }
        .condominium-title img,
        .interiorphoto .condominium-title img {
                height: 60px;
        }
        .condominium-title h2 {
                font-size: 21px;
                line-height: 1.7;
        }
        #condominium-contents .rgtn {
                height: 100px;
        }

        #condominium-contents .planofahouse-text {
                width: 94%;
                margin: 0 auto;
        }
        
        #condominium-contents .surroundings-list {
        grid-template-columns: 1fr 1fr;
        }
        #condominium-contents .surroundings-p {
                font-size: 14px;
        }
        #condominium-contents .objectsummary-container dl {
                display: block;
                padding-bottom: 1.9rem;
        }
        #condominium-contents .objectsummary-container dt {
                width: auto;
                min-width: auto;
                margin-bottom: 0.3rem;
                font-size: 14px;
        }

        #condominium-contents .tobeginwith p {
                line-height: 1.7;
                margin: 0 auto;
        }

        #condominium-contents .condominium-topspace {
                margin: 4rem 0 2rem;
        }
        #condominium-contents .surroundings,
        #condominium-contents .objectsummary {
                padding: 4rem 0 0;
        }
        #condominium-contents .necessaryexpenses {
                padding: 2rem 0 7rem;
        }

}