@charset "utf-8";

#contents {
padding: 122px 0 0;
background: #fff;
}

.lconts_area p.txt0001{ font-size:14px; line-height: 1.4; margin: 0 0 20px 0;}
li {
list-style: none;
}
.com_box{width:670px; border-bottom: 1px dotted #ccc; padding: 0 0 20px 0; margin: 0 0 20px 0;}
.com_box img{ float:left;}
.com_box .rbox{ clear: none; float:right; padding: 0 0 0 20px; width:430px;}
.com_box .rbox h2{ background: url(company/images/com_icon_arrow.gif) left center no-repeat; margin: 0 0 20px 0; padding: 0px 15px 0px 15px;}
.com_box .rbox p{ padding: 0px 0px 15px 0px;}
.com_box .rbox span.detailslink{ text-align: right; display: block;}

.com_box .rbox span.detailslink a:link { color: #006DD9; text-decoration:underline; }
.com_box .rbox span.detailslink a:visited { color:#006DD9; text-decoration:underline; }
.com_box .rbox span.detailslink a:active { color:#006DD9; text-decoration:underline; }
.com_box .rbox span.detailslink a:hover { color: #79BCFF; text-decoration:underline; }

.table0001{
background-color: #ddd;
margin: 20px 0 20px 0;
}

.table0001 th{ background-color: #DBEFFD; border: 1px solid #fff; padding: 10px; font-weight: bold;}
.table0001 td{ background-color: #fff; padding: 10px 7px 10px 7px;}

.google-maps {
position: relative;
padding-bottom: 75%; /*// これが縦横比*/
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

#greetMessage {
margin-top: 30px;
font-size: 14px;
}

.recruit_btn{ clear: both; padding: 100px 0 100px 0; width: 100%;}
.recruit_btn .btn_l{float:left; margin-bottom: 20px;}
.recruit_btn .btn_r{float:right; margin-bottom: 20px;}
.btn_entry{ clear: both; margin: 30px auto; text-align: center;}


/* cate_list */
.cate_list{ background-color: #E7E7E5; width: 100%; padding: 30px 0 50px 0; margin-top: 70px;}
.cate_list ul { max-width: 1000px; width:96%; margin: 0 auto;}
.cate_list ul li{ background: url(../images/icon_foot_cate_list.png) left center no-repeat; background-size: 9px 9px; float:left; font-size: 12px; padding: 3px 20px 3px 15px; line-height: 1.6;}
.cate_list ul li a:link{ color: #444; text-decoration: underline;}
.cate_list ul li a:hover{ color: #ff9900; }

.com_txt001{ clear: none; padding: 10px 10px 10px 10px; width:auto; background-color: #ebebeb; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; display: block; font-weight: bold;}

div.l_txt{ width:63%; float: left; padding-right: 2%;}
div.r_img{ width: 35%; float: right; text-align: right;}
div.r_img img{ width: 100%;}


@media screen and (max-width: 960px) {
.table0001{ width:100%;}
.table0001 td span img{ width: 181px; margin: 10px 0 10px 0; }
.com_box{width:100%; border-bottom: 1px dotted #ccc; padding: 0 0 15px 0; margin: 0 0 15px 0;}
.com_box img{ float:left; width: 20%;}
.com_box .rbox{ clear: none; float:right; padding: 0 0 0 2%; width:78%;}
.com_box .rbox h2{ background: url(company/images/com_icon_arrow.gif) left center no-repeat; margin: 0px 0 5px 0; padding: 0px 15px 0px 15px; font-size: 14px;}
.com_txt001{ clear: none; padding: 10px 10px 10px 10px; width:auto; background-color: #ebebeb; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; display: block;}
div.l_txt{ width:63%; float: left; padding-right: 2%;}
div.r_img{ width: 35%; float: right; text-align: right;}
div.r_img img{ width: 100%;}
}

@media (max-width: 640px) {
.cate_list{ background-color: #E7E7E5; width: 100%; padding: 0px 0 0px 0;}
.cate_list ul { width:100%; margin: 0 auto;}
.cate_list ul li{ width: 50%;
float: left;
background-image: none;
padding: 5px 0 5px 0;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   }
   .cate_list ul li:nth-child(odd){clear:both;}
   .recruit_btn{ clear: both; padding: 20px 0 100px 0; width: 100%;}
.recruit_btn .btn_l{float:left; width: 50%;}
.recruit_btn .btn_r{float:right; width: 50%;}
.btn_entry{ width:70%;}

div.l_txt{ width:63%; float: left; padding-right: 2%;}
div.r_img{ width: 28%; float: right; text-align: right;}
}

.cap001{font-size: 10px;}