#contents{padding:80px 0px;}
.container .description-box{gap:10px;}
.container .description-box .sub-box{
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
.container .description-box .sub-box .img{
    width: 270px;
    aspect-ratio: 27/26;
    flex-shrink: 0;
}
@media screen and (max-width: 768px){
    #contents{padding:40px 0px 30px 0px;}
    .container .description-box{gap:0px}
    .container .description-box .sub-box{
        margin:10px 0px 0px 0px;
        flex-direction: column;
        gap: 30px;
    }
    .container .description-box .sub-box .img{width:100%;}
}

.main-hall .description-box,
.event-space .description-box,
.private-room .description-box{
    gap:20px;
}
.main-hall .description-box h4,
.event-space .description-box h4{
    width: 385px;
}
.private-room .description-box h4{width: 460px;}

.main-hall .description-box div,
.event-space .description-box div,
.private-room .description-box > div{
    margin:10px 0px 0px 0px;
}
.main-hall .long-img,
.event-space .long-img{
    display: flex;
    flex-direction: column;
    gap:40px;
}
.event-space .description-box{order:2}
.event-space .long-img{order:1}
@media screen and (max-width: 768px){
    .main-hall .description-box,
    .event-space .description-box,
    .private-room .description-box{
        gap:30px;
        margin:20px 0px 0px 0px;
    }
    .main-hall .description-box h4,
    .event-space .description-box h4,
    .private-room .description-box h4{
        width:100%;
    }
    .main-hall .description-box div,
    .event-space .description-box div,
    .private-room .description-box > div{
        margin:0px;
    }
    .main-hall .long-img,
    .event-space .long-img{
        display:none;
    }
    .private-room .description-box .sub-box{display: none;}
    .event-space .description-box{order:1}
    .event-space .long-img{order:2}
    .private-room .long-img{aspect-ratio: unset;}
    .private-room{padding-bottom:20px;}
}

#gMap{
    width:100%;
    height: 400px;
    margin:-20px 0px;
}
@media screen and (max-width: 768px){
    #gMap{
        margin:0px 0px 20px 0px;
        height:245px;
    }
}

.access-box{
    display: flex;
    align-items: center;
    gap: 60px
}
.access-box .img{
    width: 400px;
    flex-shrink: 0;
}
.access-box .detail{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    justify-content: center;
}
.access-box .detail h2{
    font-family: "Noto Sans JP";
    font-size: 30px;
    font-weight: 500;
    line-height: 24px;
}
.access-box .detail h2 > span{
    display: block;
    margin:15px 0px 0px 0px;
    font-family: ChicagoFLF;
    font-size: 21px;
    font-weight: 500;
    line-height: 21px;
}
.access-box .detail .address{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    width:580px;
}
.access-box .detail .address p{
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}
.access-box .detail .address .pin{
    width: 36px;
    height: 36px;
}
.access-box .detail .address .access{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin:10px 0px 0px 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}
.access-box .detail .hours{
    display: flex;
    align-items: flex-start;
    gap:12px;
    align-self: stretch;
}
.access-box .detail .hours .pin{
    width: 36px;
    height: 36px;
}
.access-box .detail .hours p{
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 1.28px;
}
.access-box .detail .tel .tel-link{
    display: flex;
    align-items: center;
    font-family: ChicagoFLF;
    font-size: 48px;
    font-weight: 500;
    line-height: 36px;
}
.access-box .detail .tel .tel-link::before{
    content: "";
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    content:url(../images/footer/icon_phone_footer.svg);
    margin:0px 10px 0px 0px;
}
.access-box .detail .tel .tel-link .tel-kern{margin-right: -5px;}
.access-box .detail .tel .sp-ver{display:none;}
footer .sns-box{margin:20px 0px 10px 0px;}
@media screen and (max-width: 768px){
    .access-box{
        flex-direction: column;
        gap: 20px;
        padding:0px 25px;
    }
    .access-box .img{width: 100%;}
    .access-box .detail{align-items: center;}
    .access-box .detail h2{
        font-size: 22px;
        line-height: 22px;
        text-align: center;
    }
    .access-box .detail h2 > span{
        font-size: 16px;
        line-height: 16px;
        margin:10px 0px 0px 0px;
    }

    .access-box .detail .address{
        width:100%;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }
    .access-box .detail .address p{
        font-size: 14px;
        line-height: 24px;
    }
    .access-box .detail .address .access{
        flex-direction: column;
        gap:0;
        margin:0;
        font-size: 14px;
        line-height: 24px;
    }
    .access-box .detail .hours{
        flex-direction: column;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        width: 100%;
    }
    .access-box .detail .hours > p{
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.56px;
    }
    .access-box .detail .tel{
        width:100%;
        margin:0px 0px 10px 0px;
    }
    .access-box .detail .tel .pc-ver{display:none;}
    .access-box .detail .tel .sp-ver{
        display: block;
        width: 100%;
    }
    .access-box .detail .tel .tel-link::before{display:none;}
}