@charset "UTF-8";
/*************************
title
*************************/
.simpleUnder.--access{
    background-image: url(../img/access/access-title.jpg);
}

/*************************
access
*************************/
.data{
    color: var(--text-color);
    background-color: var(--bg-dark-color);
}
.map{
    margin-bottom: 2.8rem;
    width: 100%;
    height: 63.7rem;
    background: #ce6e30;
}
.map iframe{
    filter: sepia(0.4) opacity(0.9) brightness(100%) hue-rotate(20deg);;
}
.dataList{
    padding: 0 var(--sp-padding);
    margin: auto;
    max-width: var(--max-width);
    display: flex;
    gap: 10%;
    font-size: 2.5rem;
    font-weight: 700;
}
.dataList li{
    display: flex;
    align-items: center;
    padding: .2em 0 .2em .8em;
    border-left: 11px solid #584C46;
}
.dataList li.dataList__address{
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.dataList__address span{
    display: block;
}
.dataList__tel{
    font-size: 3.8rem;
    transition: var(--transition);
}
.dataList__tel:hover{
    opacity: .5;
}

@media(max-width: 750px){
    .simpleUnder.--access{
        background-position: 11% center;
    }
    .map{
        height: auto;
        aspect-ratio: 1;
    }
    .dataList{
        flex-direction: column;
        gap: 3rem;
    }
    .dataList__tel{
        font-size: 3rem;
    }
}