@charset "UTF8";

/*-------------------
スマホ縦
-------------------*/
@media screen and (max-width: 480px){

.access-detail p{
    font-size: 2vw;
    line-height: 4vw;
}

}
/*-------------------
スマホ横
-------------------*/
@media screen and (min-width: 481px) and (max-width: 896px) {

.access-detail p{
    font-size: 1.5vw;
    line-height: 3vw;
}

}
/*-----------------------
 タブレットスタイル(縦)
-------------------------*/
@media screen and (min-width: 897px) and (max-width: 1024px) {

.access-detail p{
    line-height: 2vw;
}

}

/*-------------------
タブレット_横
-------------------*/
@media screen and (min-width: 1025px) and (max-width: 1400px) {

.access-detail p{
    line-height: 2vw;
}

}

/*-------------------
ＰＣ
-------------------*/
@media all and (min-width: 1401px){

.access-detail p{
    line-height: 2vw;
}

}
/*-------------------
印刷用
-------------------*/
@media print{

.access-detail p{
    line-height: 2vw;
}

}


/*-------------------
共通
-------------------*/

#map{
    width: 100%;
    margin-top: 2%;
}

#map iframe{
    width: 100%;
}

#access-detail-box{
    width: 100%;
    margin: 1% 0 4%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.access-detail{
    width: 49%;
    box-sizing: border-box;
    background-color: #fbf1e8;
    padding: 2%;
}

.access-photo{
    width: 49%;
}

.access-photo img{
    width: 100%;
    vertical-align: top;
}