@import url("../../common/css/cssreset.css");
@import url("../../common/css/base.css");
@import url("../../common/css/header.css");
@import url("../../common/css/contents.css");
@import url("../../common/css/print.css") print;


/* recruit style.css */
/*--------------------------------------*/

.contact_block {
    width:78%;
    max-width:840px;
    background:#ededed;
    margin:0 auto;
    padding:25px;
}

.contact_block .name {
    float:left;
    width:38%;
    padding:1em 0 0 6%;
    font-size:1.3em;
    font-weight:bold;
}
.contact_block .tel {
    float:right;
    width:60%;
    padding:1em 0 1em 8%;
    border-left:2px solid #cccccc;
}




/* - 1100px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1100px) {

.contact_block {
    width:84%;
    max-width:inherit;
}

.contact_block .name {
    padding:1em 0 0 3%;
}

.contact_block .tel {
    padding:1em 0 1em 6%;
}









}
/* - 1100px end */





/* - 890px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 890px) {

.contact_block {
    width:90%;
    max-width:inherit;
}


.contact_block .name {
    font-size:1.1em;
}


}
/* - 890px end */





/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {





}
/* - 768px end */





/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {



.contact_block {
    padding:3% 6%;
}

.contact_block .name {
    float:none;
    width:100%;
    padding:0 0 1.5em;
    text-align:center;
}
.contact_block .tel {
    float:none;
    width:90%;
    margin:0 auto;
    padding:1em 0 0;
    border-top:2px solid #cccccc;
    border-left:0;
    text-align:center;
}







}
/* - 750px end */





/* - 480px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 480px) {


.contact_block {
    width:98%;
    padding:3%;
}
.contact_block .name {
    font-size:1.2em;
}
.contact_block .tel {
    font-size:0.9em;
}







}
/* - 480px end */