.page_title { background: url(/musubu_lab/contents/access/images/page_title_access.jpg) no-repeat; background-size: cover; background-position: center; }
.font-01 { font-family: 'M PLUS 1p', sans-serif; }

/*------------------------------------------------------

    address

------------------------------------------------------*/
#address {}
#address .map {}
#address .map iframe { width: 100%; height: 100%;}

#address section {}
#address .title-a {}
#address table { width: 100%;}
#address table th { font-size: 1.6rem; text-align: left;}
#address table td { font-size: 1.6rem;}


@media (min-width: 768px) {
    #address { margin-bottom: 70px;}
    #address .map { width: calc(50% - 20px);}
    
    #address section { width: calc(50% - 20px); }
    #address table th { width: 120px; }
    #address table tr:not(:last-child) th ,
    #address table tr:not(:last-child) td { border-bottom: 30px solid #fff; }
        
}

@media (max-width: 767px) {
    #address { margin-bottom: 40px; flex-direction: column-reverse;}
    #address .map { width: 100%; margin-bottom: 0;}
    #address .map iframe { height: 240px;}
    
    #address section { width: 100%;}
    #address table { table-layout: fixed;}
    #address table th { width: 80px;}
    #address table tr:not(:last-child) th ,
    #address table tr:not(:last-child) td { border-bottom: 20px solid #fff; }
        
}


/*------------------------------------------------------



------------------------------------------------------*/
.l_col-visual {}
.l_col-visual figure {}
.l_col-visual figure img { width: 100%; height: auto;}

@media (min-width: 768px) {
    .l_col-visual { margin-bottom: 70px; }
    .l_col-visual figure { width: calc(99.9999% / 3);}
}

@media (max-width: 767px) {
    .l_col-visual { margin-bottom: 40px; }
    .l_col-visual figure { width: 100%; margin-bottom: 0;}
    .l_col-visual figure:not(:last-of-type) { margin-bottom: 15px;}
}


/*------------------------------------------------------

    traffic

------------------------------------------------------*/
#traffic {}
#traffic section {}
#traffic .title-a {}
#traffic table { width: 100%;}
#traffic table th { font-size: 1.6rem; text-align: left; }
#traffic table td { font-size: 1.6rem; }

#traffic .bg-b { padding: 15px;}
#traffic .bg-b p { font-size: 1.4rem;}
#traffic .bg-b p a { text-decoration: underline; }

#traffic .map {}
#traffic .map img { max-width: 400px; height: auto; width: 100%;}


@media (min-width: 768px) {

    #traffic section { width: calc(50% - 20px); }
    #traffic table { margin-bottom: 30px; }
    #traffic table th { width: 120px;}

    #traffic table tr:not(:last-child) th ,
    #traffic table tr:not(:last-child) td { border-bottom: 30px solid #fff; }    
    
    #traffic .bg-b:first-of-type { margin-bottom: 70px;}
    
    #traffic .map { width: calc(50% - 20px); text-align: right; }
    
}

@media (max-width: 767px) {

    #traffic section { width: 100%; }
    #traffic table { table-layout: fixed; margin-bottom: 15px; }
    #traffic table th { width: 80px;}
    #traffic table tr:not(:last-child) th ,
    #traffic table tr:not(:last-child) td { border-bottom: 20px solid #fff; }        
    
    #traffic .bg-b:first-of-type { margin-bottom: 35px;}
    
    #traffic .map { width: 100%; text-align: center;}
    
}


/*------------------------------------------------------



------------------------------------------------------*/

@media (min-width: 768px) {
    
}

@media (max-width: 767px) {
    
}


/*------------------------------------------------------



------------------------------------------------------*/

@media (min-width: 768px) {
    
}

@media (max-width: 767px) {
    
}