@charset "utf-8";
.c-subhead-ttlwrap{
    background-image: url(../img/access/head_bg.jpg);
}
.p-access{
    position: relative;
    background: url(../img/access/bg.png) no-repeat bottom center / 100% auto;
    padding: 1rem 0;
}
.p-access-deco{
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(233,217,173,.4);
}
.p-access .c-inner{
    width: min(100% - 1rem, 8rem);
}
.p-access-list{
    margin-bottom: .6rem;
}
.p-access-list dl{
    padding: .2rem 0;
    border-bottom: 1px solid #560707;
    display: flex;
    align-items: center;
    gap: .1rem;
}
.p-access-list dt{
    flex: 0 0 1.7rem;
    display: flex;
    align-items: center;
    gap: .1rem;
}
.p-access-list dl dt::before{
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.p-access-list dl:nth-child(1) dt::before{
    width: 22px;
    height: 20px;
    background-image: url(../img/access/ico.png);
}
.p-access-list dl:nth-child(2) dt::before{
    width: 19px;
    height: 28px;
    background-image: url(../img/access/ico02.png);
}
.p-access-list dl:nth-child(3) dt::before{
    width: 22px;
    height: 22px;
    background-image: url(../img/access/ico03.png);
}
.p-access-list dl:nth-child(4) dt::before{
    width: 23px;
    height: 23px;
    background-image: url(../img/access/ico04.png);
}
.p-access-list dl:nth-child(5) dt::before{
    width: 22px;
    height: 28px;
    background-image: url(../img/access/ico05.png);
}
.p-access-box{
    display: grid;
    gap: .2rem;
}
.access-box-map{
    overflow: hidden;
    position: relative;
    aspect-ratio: 16 / 9;
}
.access-box-map iframe{
    position: absolute;
    top: -150px;
    left: 0;
    width: 100%;
    height: calc(100% + (150px * 2));
}
@media only screen and (max-width: 1024px) {
    .p-access .c-inner{
        width: min(100% - 1rem, 10rem);
    }
    .p-access-list dl{
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    .p-access-list dt{
        flex: 1;
    }
}