@charset "UTF-8";
h2 img { width: 100%; }
ul#recruitlist {
margin: 20px auto 0 auto;
clear: both;
float: none;
overflow: hidden;
*zoom: 1;
}
ul#recruitlist li {
width: 31.33%;
margin: 0 1% 1% 1%;
display: inline-block;
float: left;
background: #c6f1ff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul#recruitlist li img {
width: 70%;
margin: 15px auto 0 auto;
display: block;
text-align: center;
}
ul#recruitlist li a {
padding: 5px 0;
background: #039;
text-decoration: none;
color: #fff;
display: block;
text-align: center;
}
.recruitlistmore {
width: 98%;
margin: 0 1% 1% 1%;
padding: 10px 15px;
display: inline-block;
background: #c6f1ff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both;
float: none;
overflow: hidden;
*zoom: 1;
}
.recruitlistmore img.moreimage {
width: 28%;
margin: 0 15px 0 0;
float: left;
display: block;
text-align: center;
}
.recruitlistmore .s_box {
width: 65%;
margin: 0 0 0 25px;
float: left;
display: block;
}
.recruitlistmore .s_box h4 {
margin: 0 0 10px 0;
padding: 5px 0;
border-bottom: 3px solid #039;
font-size: 1.3em;
font-weight: bold;
color: #333;
}
.recruitlistmore .s_box dl {
margin: 0 10px;
line-height: 1.7em;
}
.recruitlistmore .s_box dl dt {
width: 30%;
float: left;
display: block;
font-weight: bold;
}
.recruitlistmore .s_box dl dd {
width: 70%;
float: left;
display: block;
}
img.resize { width: 100%; }
img.resize50 { width: 50%; }
@media screen and (max-width: 640px) {
ul#recruitlist li { width: 48%; }
.recruitlistmore img.moreimage {
width: 50%;
margin: 0 auto;
clear: both;
float: none;
overflow: hidden;
}
.recruitlistmore .s_box {
width: 98%;
margin: 0 auto;
clear: both;
float: none;
overflow: hidden;
}
.recruitlistmore .s_box dl { margin: 0 5px; }
}