@charset "utf-8";
/* CSS Document */

.main_img img {
    width: 100%;
}
.md{
	display: none;
}
#recruit  {
	width: 960px;
	margin: 0 auto;
	padding: 100px 0 40px 0;
}
#recruit h2{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 190%;
	text-align: center;
	letter-spacing: 0.05em;
}
.h3_p{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 60px;
	font-size: 90%;
}
h3{
	font-family: 'Quicksand', sans-serif;
    font-size: 240%;
    font-weight: bold;
	text-align: center;
}

dl{
    width: 100%;
    font-size: 90%;
    margin: 0 auto;
	margin-top: 50px;
}
dl div{
    border-bottom: solid 1px #929292;
    padding-top: 10px;
    padding-bottom: 10px;
}
dt {
    float: left;
    clear: left;
    width: 20%;
    margin-left: 1%;
}
dd {
    margin-left: 24%;
    line-height: 2em;
    margin-right: 1%;
}
dd a{
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 0.05em;
    font-family: 'Quicksand', sans-serif;
}

.company{
    width: 100%;
    border: 10px solid #8acbbe;
    margin-top: 50px;
    padding: 4%;
}
.company dl{
    margin-top: 10px;

}
@media screen and (max-width: 970px) {
	/* 960px以下に適用されるCSS（タブレット用） */	
#recruit{
    width: 94%;
    padding: 30px 0 30px 0;
}

main .md{
	display: block;
}

main .pc{
		display: none;
}
}

@media screen and (max-width: 550px) {
	/* 479px以下に適用されるCSS（スマホ用） */
	
#recruit{
    padding-top: 50px;
    padding-bottom: 50px;
}
#recruit h2 {
    font-size: 130%;
}
h3 {
    font-size: 150%;
}
.h3_p {
    padding-top: 10px;
    padding-bottom: 30px;
    font-size: 80%;
}
dl {
    font-size: 80%;
    margin-top: 20px;
}
dd {
    line-height: 1.7em;
}
.company {
    border: 5px solid #8acbbe;

}
main .md{
	display: none;
}
	
main .sp{
	display: block;
}
}