.concept-main{
    font-family: 'Noto Serif JP', serif;
}

.concept-main img{
    width: 100%;
}

.concept-top__contents{
    width: 1366px;
    max-width: 100%;
    margin: 0 auto;
}

.concept-top__flex {
    display: flex;
    margin-bottom: 118px;
}

.concept-main h3 {
    writing-mode: vertical-rl;
    width: fit-content;
    margin: 0 auto;
    line-height: 2;
    letter-spacing: 0.1em;
    font-size: .36rem;
    font-weight: 500;
}


.concept-main h4{
    font-size: .30rem;
}

.concept-main h4:before,
.concept-main h4:after{
	display:none;
}

.concept-big-text {
    font-size: 1.50rem;
    color: #E6E6E6;
    position: absolute;
    line-height: 0.9;
    font-family: "cormorant-garamond", serif;
}


.concept-top__flex--right {
    width: 62.5%;
}

.concept-top__flex--right p {
    font-size: .16rem;
    line-height: 2.6;
    margin-bottom: 19px;
}

.concept-top__flex--right p:last-of-type{
    margin-bottom: 0;
}

.concept-top__flex--right img {
    margin-top: 103px;
}

.c-img02-box{
    width: 90%;
    display: block;
    
}

.concept-top {
    margin-bottom: 124px;
}


/* アムステルダムの風景を、与那原の暮らしへ。 */

.concept-facade{
    position: relative;
    margin-bottom: 115px;
}

.concept-facade__text {
    width: 1165px;
    max-width: 100%;
    margin: 0 auto;
}

.concept-facade__text h4{
    text-align: right;
    margin-bottom: 95px;
    font-weight: 500;
}

.concept-facade__text p {
    width: 76%;
    margin: 0 auto;
    line-height: 2.63;
    font-size: .16rem;
}

/*
.c-img03-box {
    width: 66.2%;
    margin-left: auto;
    display: block;
    margin-top: -102px;
}*/
.c-img03-box {
	margin: -180px auto 80px;
	width: 100%;
	display: block;
}
.c-img03-box img{
	width: 66.2%;
    margin-left: auto;
    display: block;
}

.concept-facade__contents {
    width: 1366px;
    max-width: 100%;
    margin: 0 auto 86px;
}

.concept-facade .concept-big-text {
    top: -39px;
    left: 0;
    writing-mode: vertical-rl;
    white-space: nowrap;
    letter-spacing: -0.001em;
}




/* 迎え入れるのは、洗練と温もり。 */
.concept-entrance__flex {
    display: flex;
    justify-content: space-between;
}

.concept-entrance__contents {
    width: 1366px;
    max-width: 100%;
    margin: 0 auto;
}

.concept-entrance h4 {
    writing-mode: vertical-lr;
    width: fit-content;
    margin: 128px auto 0;
    letter-spacing: 0.07em;
}

.concept-entrance__text {
    width: 73%;
}

.concept-entrance__text p {
    width: max-content;
    margin: 0 auto;
    line-height: 2.67;
    font-size: .16rem;
}

.concept-entrance__text p:last-of-type{
	margin: -3px auto 110px;
}

.concept-facade__back-attachment {
    background-image: url(../images/concept/concept-img04.jpg);
    background-size: cover;
    background-position: center;
    padding-bottom: 56.2%;
    background-attachment: fixed;
}


.concept-entrance__text img{

}


.concept-entrance .concept-big-text{

}

.concept-entrance {
    position: relative;
    padding-bottom: 80px;
    margin-bottom: 118px;
}

.concept-entrance .concept-big-text {
    right: 19px;
    bottom: 0;
    letter-spacing: 0.027em;
    mix-blend-mode: multiply;
}


.designer {
    padding: 46px 40px;
    display: flex;
    justify-content: space-between;
	background-color: #eeeeef;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
}

.designer > span {
    flex: 0 1 auto;
    width: 19%;
    font-size: .28rem;
    color: #c8b398;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: .02rem;
}

.designer_right {
    flex: 0 1 auto;
    width: 81%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #fff;
}
.designer_right>div {
    flex: 0 1 auto;
    width: 79%;
    font-weight: 400;
    color: #333333;
}

.designer_right .font18 {
    font-size: .18rem;
    margin-bottom: 5px;
}
.designer_right .font14 {
    font-size: .14rem;
}
.designer_right .font22 {
    margin: 0px 8px 0 13px;
    font-size: .22rem;
    letter-spacing: 0.28em;
}
.designer_right .font14-2 {
    font-size: .14rem;
    letter-spacing: -0.24em;
}

.designer_right .designer_plofile {
    letter-spacing: -0.02em;
    margin: 23px 0 6px;
    font-size: .16rem;
    display: inline-block;
}
.designer_right p {
    font-size: .14rem;
    line-height: .26rem;
    letter-spacing: -.002rem;
}
.designer_right img {
    flex: 0 1 auto;
    width: 17%;
    margin-right: 5px;
}


@media screen and (max-width:800px){



    .concept-top__flex {
        flex-direction: column;
    }

    .concept-main h3 {
        font-size: .21rem;
        writing-mode: vertical-rl;
        width: fit-content;
        margin: 0 auto;
        line-height: 2;
        letter-spacing: 0.1em;
    }

    .concept-main h4 {
        font-size: .21rem;
        line-height: 2;
    }

    .concept-top__flex--right {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        padding: 0 38px;
    }

    .concept-top__flex--right img {
        margin-top: 38px;
        margin-bottom: 50px;
    }

    .concept-top {
        margin-bottom: 93px;
    }

    /* .concept-top__flex--right img{
        width: 80%;
        margin: 38px auto 0;
    } */

    .concept-top__flex--right p {
        line-height: 2;
        margin-bottom: 18px;
        letter-spacing: -0.03em;
    }

    .c-img02-box {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .concept-top__flex {
        margin-bottom: 52px;
    }


    .concept-facade__text h4 {
        text-align: left;
        margin-bottom: 40px;
        
    }

    .concept-facade__text p {
		margin-bottom: 18px;
        width: 100%;
        line-height: 2.2;
    }

    .concept-facade__text h4,
    .concept-facade__text p{
        padding: 0 37px;
    }

    .concept-facade__text img {
        margin-top: 44%;
        margin-bottom: 38px;
    }


    .concept-big-text {
        font-size: 0.72rem;
    }

    .concept-facade .concept-big-text {
        right: 0;
        top: 323px;
        left: 0;
        margin: auto;
        writing-mode: initial;
        white-space: initial;
        text-align: center;
        line-height: 1;
    }

    .c-img03-box{
        display: none;
    }


    .concept-facade__contents {
        margin: 0 auto 52px;
    }

    .concept-facade__back-attachment {
        background-image: url(../images/concept/sp-concept-img04.jpg);
        background-size: cover;
        background-position: center;
        padding-bottom: 100%;
        background-attachment: initial;
    }

    .concept-facade {
        margin-bottom: 90px;
    }



    .concept-entrance__flex {
        flex-direction: column-reverse;
    }

    .concept-entrance h4 {
        writing-mode: initial;
        width: fit-content;
        margin: 0 0 63px auto;
        text-align: right;
        padding: 0 20px;
    }

    .concept-entrance__text {
        width: 100%;
    }

    .concept-entrance__text p {
        width: 80%;
        line-height: 2.2;
    }
	.concept-entrance__text p:first-of-type{
		margin: 0px auto 5px;
	}
	.concept-entrance__text p:last-of-type{
		margin: 0px auto 82px;
	}

    .concept-entrance .concept-big-text {
        width: fit-content;
        right: 19px;
        bottom: initial;
        top: -20px;
        left: 0;
        line-height: 0.7;
        writing-mode: vertical-lr;
    }

    .concept-entrance {
        padding-bottom: 0;
        margin-bottom: 74px;
    }


    /* デザイナー */
    .concept-designer {
        padding: 0 20px;
    }

    .designer {
        flex-direction: column;
        padding: 28px 17px;
    }

    .designer > span {
        width: 50%;
        margin-bottom: 25px;
    }

    .designer_right .font18 {
        font-size: .16rem;
        letter-spacing: -0.05em;
    }

    .designer_right {
        width: 100%;
        flex-direction: column;
        align-items: initial;
    }

    .designer_right>div{
        width: 100%;
    }


    .designer_right .font22 {
        margin: 0px 8px 8px 13px;
        display: inline-block;
    }

    .designer_right .font14-2 {
        font-size: .14rem;
        letter-spacing: -0.24em;
        display: block;
        margin-left: auto;
        width: 72%;
    }


    .designer_right img {
        width: 51%;
        margin: 26px auto 0;
    }
}