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



------------------------------------------------------*/
main > .container { max-width: 900px;}

#headVisual { background: url(images/bg_head-visual.jpg) no-repeat center center; background-size: cover;}

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}



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

    job

------------------------------------------------------*/
#job {}
#job .heading2 {}
#job > p { font-size: 1.6rem; text-align: center; margin-bottom: 30px;}

#job .l_col-job {}
#job .l_col-job section {}


#job .contact { background-color: #eef2f5;}
#job .contact address { text-align: center; font-style: normal; line-height: 1; }
#job .contact address .title { color: #17508f; font-size: 1.6rem; font-weight: bold; text-align: center; margin-bottom: 10px;}
#job .contact address .tel { color: #17508f; font-weight: bold; white-space: nowrap; margin-bottom: 12px; }
#job .contact address .tel a { color: #17508f; }
#job .contact address .tel + p { font-size: 1.6rem; }


@media (min-width: 768px) {
    #job { margin-bottom: 80px;}
    #job .heading2 { margin-bottom: 40px;}
    #job > p {}
    
    #job .l_col-job {}
    #job .l_col-job section { width: calc(50% - 20px); margin-bottom: 40px;}

    #job .contact { padding: 40px 10px;}
    #job .contact address {}
    #job .contact address .title {}
    #job .contact address .tel { font-size: 4.8rem; }
    #job .contact address .tel a {}
    #job .contact address .tel + p {}
}

@media (max-width: 767px) {
    #job { margin-bottom: 80px;}
    #job .heading2 { margin-bottom: 30px;}
    #job > p {}
    
    #job .l_col-job {}
    #job .l_col-job section { width: 100%;}

    #job .contact { padding: 30px 10px; }
    #job .contact address {}
    #job .contact address .title {}
    #job .contact address .tel { font-size: 4rem; }
    #job .contact address .tel a {}
    #job .contact address .tel + p {}
}


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

    information

------------------------------------------------------*/
#information {}

@media (min-width: 768px) {
    #information { margin-bottom: 100px;}
}

@media (max-width: 767px) {
    #information { margin-bottom: 80px;}
}



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



------------------------------------------------------*/
#form form dl dd span { font-size: 1.6rem; vertical-align: middle;}

@media (min-width: 768px) {
    #form form dl dd span { padding: 0 5px;}
}

@media (max-width: 767px) {

}