@charset "UTF-8";

/*----------------------------------------sec-access-----*/

#sec-access{
    padding: 140px 0 150px;
}

.access-logo{
    margin: 0 auto 35px;
    text-align: center;
    max-width: 150px;
}

.access-name{
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 50px;
    text-align: center;
}

.access-name span{
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
}

.access-address{
    text-align: center;
}

.access-tel{
    font-size: 30px;
    font-size: 3rem;
    text-align: center;
}

.access-hour{
    margin-bottom: 115px;
    text-align: center;
}

.flex-access{
    justify-content: space-between;
    align-items: center;
    background: #f7f6f5;
}

.gMap{
    width: 50%;
}

.access-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f7f6f5;
    width: 50%;
}

.access-detail-inr{
    width: 90%;
}

.access-ttl{
    margin-bottom: 35px;
    text-align: center;
}

.access-ttl img{
    margin: 0 auto 20px;
    width: 30px;
}

.access-dl{
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.5;
    justify-content: flex-start;
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
}

.access-dl dt{
    width: 20%;
}

.access-dl dd{
    width: 80%;
}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1000px) {

}

@media only screen and (max-width: 900px) {

}

@media only screen and (max-width: 768px) {
.fvBg img {
    object-position: right center;
}

#sec-access {
    padding: 50px 0 80px;
}

.access-logo {
    margin: 0 auto 25px;
}

.access-name {
    font-size: 3.2rem;
    margin-bottom: 20px;
}

.access-hour {
    margin-bottom: 45px;
}

.flex-access {
    display: block;
}

.gMap{
    width: 100%;
}    

.gMap iframe{
    height: 300px;
}

.access-detail {
    width: 100%;
    padding: 8% 0 12%;
}

.access-ttl img {
    margin: 0px auto 10px;
    width: 30px;
}

.access-ttl {
    margin-bottom: 15px;
}

.access-dl {
    font-size: 1.4rem;
    line-height: 2;
}

}

@media only screen and (max-width: 400px){

}