@charset "utf-8";
/* CSS Document */

/* header
------------------------------ */
 @media screen and (max-width: 1280px) {
    .l-header .header-body__head-left h1 {
        font-size: clamp(1.25rem, .5rem + 1.56vw, 1.55rem);
    }
}

/* top
------------------------------ */
.top-body__img-copy{
    top: 150px;
    /* bottom: auto;
    left: auto;
    right: 60px; */
}
@media screen and (max-width: 1280px) {
    .top-body__img-copy {
        font-size: clamp(1.25rem, .125rem + 2.34vw, 1.4rem);
        top: 80px;
        /* bottom: auto;
        left: auto;
        right: 40px; */
    }
}
@media screen and (max-width: 991px) {
    .l-main {
        padding-top: calc(var(--vw-size60));
    }
}
@media screen and (max-width: 767px){
    .l-main {
        padding-top: calc(var(--vw-size40));
    }
    /* .top-body__img{
        height: 100vh;
    } */
    /* .top-body__img figure{
        height: auto;
    } */
    /* .top-body__img figure img {
        height: auto !important;
        object-fit: contain;
    } */
    .top-body__img-copy{
        top: auto;
        /* bottom: 100px;
        left: 40px;
        right: auto; */
    }
    
}


/* access
------------------------------ */
.LocalGuideMap{
    max-width: 1400px;
    margin: 60px auto 0;
}
.LocalGuideMap h3{
    text-align: left;
    margin-bottom: 20px;
    color: #420755;
    font-weight: 500;
    font-size: 28px;
    line-height: normal;
    border-left: 8px solid #420755;
    padding-left: 10px;
}

/* floorplan
------------------------------ */
.floor__map .explanatory li.pinNone{display: none;}
.floor__map .explanatory li.pinNone::before{display: none;}
section .grid__item-txt h4{
    font-size: clamp(1.25rem, 1.167rem + .42vw, 1.4rem);
}
.floor__info-left .grid .gi1{grid-row: 1 / 3;}
.floor-1 .floor__info-left .grid .gi4{grid-column: 1 / 3;}

@media screen and (max-width: 767px){
    .floor__info-left .grid .gi1{grid-row: 1;}
    .floor-1 .floor__info-left .grid .gi4{grid-column: 1;}
}


/* spec
------------------------------ */
.spec-list__detail.imgNone{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.spec-list__detail.imgNone h4{
    font-size: 38px;
    margin-bottom: 40px;
}
@media screen and (max-width: 767px){
    .spec-list__detail.imgNone h4{
        font-size: 24px;
        margin-bottom: 40px;
    }
}


/* transpotation
------------------------------ */
.transport .transport-1st{
    grid-template-columns: 1fr 1fr;
}
.transport .transport-1st__item.gi3{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    background: none;
    padding: 0;
}
.transport .transport-1st__item.gi3 > div{
    width: calc((100% - 20px) / 2);
    background: #fff;
    padding: 20px;
}
.transport .transport-1st__item .route-detail p {
    font-size: 16px;
}
.transport .transport-1st__item .route-detail p strong {
    font-size: 20px;
}

.energySaving{
    margin-top: 60px !important;
}
.energySaving h4{
    margin-bottom: 40px;
    background-color: #738a99;
    padding: 10px;
    color: #fff;
}
.energySaving .label-img{
    max-width: 640px;
    margin: auto;
}

@media screen and (max-width: 767px){
    .transport .transport-1st{
        grid-template-columns: 1fr;
    }
    .transport .transport-1st__item.gi3 > div{
        width: 100%;
        background: #fff;
        padding: 20px;
    }
    .energySaving{
        margin-top: 40px !important;
    }
}

/* outline
------------------------------ */