@charset "utf-8";


.section01{
    background-color:#FFF;
}
.section01 .inner{
    overflow:visible!important;
    padding:3em 0;
}
.conceptbox .titleimg{
    max-width: 400px;
    width: 50%;
}

.conceptbox .concepttext{
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 1.5em;
    letter-spacing: 0.1em;
    position: relative;
    display: inline-block;
    line-height: 1em;
    padding-left: 0.5em;
    margin: 2em 0;
    margin-bottom: 3em!important;
}
.conceptbox .concepttext:before{
    content:"";
    width: calc(100%);
    display:block;
    height: 0px;
    padding: 0.5px;
    position: absolute;
    background-color: #333;
    left: calc(-48vw + 600px);
    top: 0.5em;
    line-height: 1em;
    max-width: calc(48vw - 600px);
}

.section02{
    background-image: url(https://www.theshop-urbanest.com/app/uploads/sites/1305/2026/02/backimg_newprop.png);
    background-size: 100%;
}
.section02 .inner{
    padding:3em 0;
}

.section02 .titleimg{
    text-align: center;
    max-width: 770px;
    width: 75%;
    margin: 0 auto;
}
.section02 .titlebox .titletext{
    font-size:1.5em;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    position:relative;
    text-align: center;
    line-height: 1em;
    margin:2em 0 3em 0;
}

.section02 .titlebox .titletext:before{
    content:"";
    width: 4em;
    display: inline-block;
    padding: 1px;
    background-color: #333;
    top: 0.5em;
    /* line-height: 1em; */
    /* max-width: calc(48vw - 600px); */
    top: -0.4em;
    position: relative;
    margin-right: 1.5em;
}
.section02 .titlebox .titletext:after{
    content:"";
    width: 4em;
    display: inline-block;
    padding: 1px;
    background-color: #333;
    top: 0.5em;
    /* line-height: 1em; */
    /* max-width: calc(48vw - 600px); */
    top: -0.4em;
    position: relative;
    margin-left: 1.5em;
}
.section03 .inner{
    padding:8em 0;
    
}

.section03  .request{
    background-color: #F8F4E9;
    padding: 2.5em 2em 1.5em 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 90%;
    margin: 0 auto;
}

.section03  .request .leftbox{
    max-width: 35%;
    /* max-width: 400px; */
    margin-left: 2%;
}
.section03  .request .rightbox{
    max-width: 62%;
    width: 100%;
    /* padding: 1em; */
    padding-top: 1em;
}
.section03  .request .rightbox .shiryo_box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding-left: 4em;
}
.section03  .request .rightbox .shiryo_box .text_title{
        font-size:1.5em;
        font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
        letter-spacing:0.4em;
        padding-right: 1em;
        max-width: 7em;
        width: 100%;
}
.section03  .request .rightbox .shiryo_box .text_about{
    position:relative;
    padding-left: 5px;
    text-align: center;
    width: 100%;
    max-width: calc(100% - 168px - 5px);
    font-size: 1.2em;
    font-weight: normal;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.section03  .request .rightbox .shiryo_box .text_about:before{
    content:"";
    position:absolute;
    height:100%;
    padding-left:5px;
    background-color: #A4893D;
    left: -5px;
}
.section03  .request .rightbox a{
    display: block;
    padding: 1em;
    background-color: #FFF;
    border: 1px solid #333;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    color:#000;
    margin: 3em auto 1em auto;
    max-width: 15em;
    text-align: center;
    letter-spacing: 0.2em;
    right: 1.5em;
    position: relative;
    font-size: 1.1em;
    cursor: pointer;
}
.section03  .request .rightbox a:hover{
    color:#FFF;
    background-color:#000;
}

.section04 .img{
    width: 60%;
    max-width: 1200px;
    margin-left: 7%;
}

    .section04 .titleimg{
    position: absolute;
    right: 10vw;
    z-index: 22;
    bottom: 0;
    width: 300px;
    left: auto;
    transform: translate(0, 0px);
    }
.section04 .titleimg img{
    max-width: 260px;
    /* max-width: 300px; */
}

@media screen and (min-width: 1200px) {
    .section04 .titleimg{
    position: absolute;
    right: 0;
    z-index: 22;
    bottom: 0;
    width: 350px;
    left: calc(600px + 49vw);
    transform: translate(-100%, 0px);
    }
}
.section04 .value2{
    width: 90%;
    margin: 4% auto;
}
.section04 .valueimgboxs{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section04 .imgs{
    width: 32%;
}
.section04 .imgs .text{
    text-align:center;
    font-size: 1.2em;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    margin-top: 2em;
    font-weight: bold;
    letter-spacing: 0.15em;
    font-weight: normal;
}

.value_text{
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 1.3em;
    letter-spacing: 0.1em;
    position: relative;
    display: inline-block;
    line-height: 1em;
    padding-left: 0.5em;
    margin: 2em 0 0 0;
    margin-bottom: 0em!important;
    /* font-weight:bold; */
    display: block;
}
.value_text:before{
    content:"";
    width: calc(100%);
    display:block;
    height: 0px;
    padding: 0.75px;
    position: absolute;
    background-color: #333;
    right: calc(-48vw + 600px);
    top: 0.5em;
    line-height: 1em;
    max-width: calc(48vw - 600px);
}
.section05{
    background-image:url(https://www.theshop-urbanest.com/app/uploads/sites/1305/2026/03/achivement_back.png);
    background-size: 100% 100%;
}
.section05 .achivement{
       padding-top: 1em!important;
       padding-bottom: 2em!important;
       position: relative;
       height: 100%;
}
.section05 .title_img{
    position: relative;
    right: 0;
    max-width: 740px;
    top: 1.75vw;
    margin-left: auto;
    display: block;
    width: 53%;
}
.section05 .achivement_text{
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 1.3em;
    letter-spacing: 0.1em;
    position: relative;
    display: inline-block;
    line-height: 1em;
    padding-left: 0.5em;
    margin: 2em 0 0 0;
    margin-bottom: 0em !important;
    /* font-weight: bold; */
    display: block;
    max-width: 25em;
    right: 0;
    margin-left: auto;
    margin-bottom: 2em!important;
    top: 1.75vw;
}

.section05 .achivement_text:before{
    content:"";
    width: calc(100%);
    display:block;
    height: 0px;
    padding: 0.75px;
    position: absolute;
    background-color: #333;
    right: calc(-48vw + 600px);
    top: 0.5em;
    line-height: 1em;
    max-width: calc(48vw - 600px);
}

.bukken_div{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* margin-top: 4em; */
    top: 1.75vw;
    position: relative;
}
.bukken_div .bukken{
    width: 31.5%;
    border-radius: 3px;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
    background-color: #FFF;
    position: relative;
    margin-bottom: 1em;
}

.bukken_div .bukken .thum_box{
    width: 100%;
    margin: 0;
    padding: 0;
}
.bukken_div .bukken .thum_box .thum_img{
    width: 100%;
}
.bukken_div .bukken .textbox{
    padding: 1.5em 2.5em 4.5em 2.5em;
    line-height: 1em;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    position: relative;
}
.bukken_div .bukken .textbox .titletext{
    font-size: 1.4em;
    font-weight: bold;

    line-height: 1em;
    margin-bottom: 1em;
}
.bukken_div .bukken .place,.bukken_div .bukken .sekou,.bukken_div .bukken .tosu{
    font-size: 0.85em;

}
.bukken_div .bukken a{
    width: 100%;
    display: block;
    padding: 1em 0;
    text-align: center;
    border: 1px solid;
    font-size: 0.9em;
    letter-spacing: 0.2em;
    position: absolute;
    max-width: calc(100% - 5.5em);
    margin: 0 auto;
    font-weight: normal;
    bottom: 2em;
    left: 50%;
    transform: translate(-50%, 0px);
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.bukken_div .bukken  a:hover{
    background-color:#000;
    color:#FFF;
}
.achivement_btn{
    display: block;
    padding: 0.6em 1em;
    background-color: #FFF;
    border: 1px solid #000;
    margin: 2em auto 0em auto;
    max-width: 17em;
    text-align: center;
    font-size: 1.3em;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    letter-spacing:0.1em;
    margin-top: 4em;
}
.achivement_btn:hover{
    color:#FFF;
    background-color:#000;
}
.uagb-block-9fccef4d .uagb-column__inner-wrap{
    padding:0;
}
.footw{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.footw .leftbox{
    width: calc(100% - 35%);
    padding-left: 4%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 3em;
    position:relative;
    padding-bottom: 0em;
}
.footw .leftbox:after{
    content:"";
}
.footw .leftbox .aboutimg{
    position: absolute;
    width: 100%;
    height: auto;
    max-height: 500px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.footw .leftbox .aboutimg img{
    right: 10px;
    position: absolute;
    width: auto;
    top: 1em;
    height: 100%;
}
.footw .rightbox{
    width: 25%;
    max-width:444px;
}
.footw .goldbox{
    width: 10%;
    background-color:#C1A048;
    padding: 0;
    margin: 0;
    position: relative;
}
.footw .goldbox:after{
    width: 20px;
    background-color: #FFF;
    content:"";
    display:block;
    height: 100%;
    position: absolute;
    right: 5px;
}
.footw .leftbox .about{
    font-size: 1.3em;
    letter-spacing: 0.1em;
}
.footw .leftbox .title{
    font-size: 2em;
    letter-spacing: 0.1em;
    line-height: 1em;
    margin-bottom: 1em;
    font-weight: bold;
}
.footw .leftbox .company_btn{
    display: block;
    line-height: 1em;
    padding: 0.7em 1em 0.5em 1em;
    border: 1px solid #000;
    max-width: 11em;
    text-align: center;
    color: #000;
    letter-spacing: 0.1em;
    margin: 2em 0;
    font-size: 0.85em;
}
.footw .leftbox .company_btn:hover{
    color: #FFF;
    background-color:#000;
}
.footw .leftbox ul{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 3em!important;
}
.footw .leftbox ul li{
    max-width: 5em;
    font-size: 3em;
    font-weight: bold;
    color: #000;
    margin-right: 1em;
}
.footw .leftbox ul li{
    
}

.footw .leftbox ul li a{
    color: #000;
    position:relative;
    /* width: 5em; */
    /* display: block; */
}
.footw .leftbox ul li a:after{
    content:"";
    display:block;
    padding: 2px;
    background-color: #C1A048;
    width:100%;
    position:absolute;
    bottom: 0em;
    z-index: -1;
}
.footw .leftbox ul li a:hover{
    opacity:0.5;
}
.es-separate-container #primary{
    padding-bottom:0;
}
.uagb-column__wrap .uagb-column__inner-wrap{
    padding:0px;
}

.mv{
    position: relative;
}
.mv .mv1{
    position: relative;
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center bottom;
}
.mv .mv2{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 53%;
}
.mv .mv3{
    position: absolute;
    transform: translate(-50%, -100%);
    top: 95%;
    left: 50%;
    width: 49px;
}
.mv .mv3 img{
    position:relative;   
    height:auto;
}
.mv .mv3:hover{
    opacity:0.8;
}
@media screen and (min-width: 1281px) {
        .sponly2{
        display:none;
    }
}
@media screen and (max-width: 1280px) {
    .pconly2{
        display:none;
    }
    .section04 .titleimg{
        width: 350px;
    }
    .footw .leftbox .aboutimg{
        position: relative;
        height: auto;
        width: 100%;
        margin-bottom: 2em;
    }
    .footw .leftbox .aboutimg img{
        width: 18em;
        position: relative;
        top: 0;
        right: auto;
    }
    .footw .leftbox{
        padding-top: 1em;
    }
    .footw .leftbox ul li{
        font-size: 2em;
    }

    .footw .rightbox img{
        min-height: 444px;
    }

}

@media screen and (min-width: 769px) {
        .sponly{
        display:none;
    }
}

@media screen and (max-width: 768px) {
    .pconly{
        display:none;
    }
    .conceptbox .titleimg{
        margin-left: 4%;
    }
    .conceptbox .concepttext{
        margin: 1em 0 1em 2%;
        margin-bottom: 0em!important;
    }
    .about_concept{
        margin-top: -1em;
    }
    .section02 .titlebox .titletext{
        margin: 2em 0;
        font-size: 1.2em;
    }
    .section02 .titlebox .titletext:before{
        width: 3em;
    }
.section02 .titlebox .titletext:after{width: 3em;}
    .section03 .request .leftbox {
        width:100%;
        max-width: 100%;
    }
    .section03 .request{
        padding: 1.5em 2% 1em 2%;
        max-width: 100%;
    }
    .uagb-block-e2aed8e7 .uagb-column__inner-wrap{
        padding:0;
    }
        .es-separate-container #content .es-container {
        padding-left: 0;
        padding-right: 0;
    }
    .section02 {
    background-image: url(https://www.theshop-urbanest.com/app/uploads/sites/1305/2026/02/backimg_newprop.png);
    background-size: 100% 100%;
    }
    .section03 .inner{
        padding: 0em 0;
        margin: 0em 0;
    }
    .section03 .request .rightbox{
        max-width: 100%;
    }
    .section03 .request .rightbox .shiryo_box{
        padding-left: 0em;
        justify-content: center;
    }
    .section03 .request .rightbox .shiryo_box .text_title{
        padding-right:0em;
        letter-spacing: 0.3em;
        max-width: 5.5em;
    }
    .section03 .request .rightbox .shiryo_box .text_about{
        max-width: calc(100% - 10em);
        text-align: left;
        padding-left: 1em;
        font-size: 0.9em;
    }
    .section03 .request .rightbox a{
        max-width: 14em;
        font-size: 1.5em;
        right: auto;
        padding: 0.5em;
        margin: 1em auto 1em auto;
        font-size: 1.2em;
    }
    .section04 .img{
    width: 100%;
    max-width: 1200px;
    margin-left: 0%;
    }
    .uagb-column__wrap .uagb-column__inner-wrap{
        padding:0;
    }
    .value_text:before{
        
    }
    .section04 .titleimg{
        position: relative;
        right: auto;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 3em!important;
    }
    .section04 .titleimg img{
        width: 8em;
    }
    .value_text{
        margin: 0;
        font-size: 1em;
        position: relative;
        top: 0.5em;
    }
    .section04 .imgs .text{
        font-size: 1.2em;
        letter-spacing: 0.1em;
        font-weight: normal;
    }
    .section05 .title_img{
        top: -4vw;
    }
    .section05 .achivement_text{
        font-size: 1em;
        margin: 2em auto;
    }
    .bukken_div{
        width: 90%;
        margin:0 auto;
    }
    .bukken_div .bukken{
        width:100%;
    }
    .section05{
        margin-top: 3em;
        /* background-image: none; */
        /* background-color: #F4EDE6; */
        background-repeat: no-repeat;
        background-image: url(https://www.theshop-urbanest.com/app/uploads/sites/1305/2026/03/achivement_back_sp.png);
        background-size: 100% auto;
    }
    .bukkenslider .slick-prev:before {
    height: calc(tan(60deg) * 60px / 2)!important;
    width: 1em!important;
    left: -1em!important;
    }
    .bukkenslider .slick-next:before{
        width: 1em!important;
        height: calc(tan(60deg) * 60px / 2)!important;
        right: 1.0em!important;
    }
    .achivement .inner{
        position:relative;
        height: 100%;
    }
    .achivement .inner:after{
        content:"";
        display:block;
        width:100%;
        height: 75%;
        background-color: #efe6de;
        position: absolute;
        bottom: -3em;
        z-index: -1;
    }
    .section01{
        font-size: 3.5vw;     
    }
    .about_concept p{
        
    }
    .about_concept p img{
        
    }
    
    .footw{
        font-size: 4.0vw;     
    }
    .request{
        font-size: 3.5vw;
    }
    .value{
        font-size: 4.0vw;        
    }
    .value2{
        font-size: 3.2vw;        
    }
    .achivement{
        font-size: 3.5vw;
    }
    .footw .leftbox .aboutimg img{
        width: 10em;
    }
    .footw .leftbox .title{
        font-size: 1.3em;
    }
    .footw .goldbox{
        width: 4%;
    }
    .footw .goldbox:after{
        width: 30%;
        right: 23%;
    }
    .footw .leftbox{
        padding-left: 2%;
    }
    .footw .leftbox .about{
        font-size: 0.9em;
    }
    .footw .leftbox ul{
        font-size: 0.55em;
        margin-top: 1em!important;
        padding-bottom: 2em;
    }
    .footw .leftbox ul li{
        margin-right: 0.7em;
        font-size: 1.8em;
    }
    .footw .leftbox ul li a:after{
        
    }
    .footw .leftbox .company_btn{
        margin: 1em 0;
    }
    .footw .rightbox img{
        height: auto;
        width: 100%;
        min-height: unset;
        height: 300px;
        width: auto;
        object-fit: cover;
    }
        .footw .rightbox{
        width: 31%;
    }

    .mv{
        height: 90vh;
    }
        .bukken_div .bukken .textbox .titletext{
        font-size: 1.15em;
    }
}