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

/*-------------------------------------
個別----------------------------------*/

.recruit_image {
    width: 100%;
    max-width: 1140px;
	margin: 0 auto 0;
    overflow: hidden;
    position: relative;
}


#content {
    width: 100%;
    min-width: 320px;
    max-width: 1140px;
    overflow: hidden;
    position: relative;
    margin: 70px auto 0;
}

#main {
    padding-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
	padding-bottom: 100px;
	background-color: #f7f7f7;
}

#main h1 {
    max-width: 960px;
    margin: 0 auto 50px auto;
}

#main h2 {
    max-width: 960px;
    overflow: hidden;
    margin: 0 auto 50px auto;
	line-height: 1.4;
	font-size: 120%;
}

#main .section {
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto 30px auto;
    line-height: 1.8;
}

#main .section:last-of-type {
	text-align: right;
}

.step {
    margin-left: 5%;
}

.recruit_box {
	max-width: 960px;
    padding-bottom: 5%;
	overflow: hidden;
    position: relative;
	margin: 0 auto 0;
}

.recruit_title {
	float: left;
	font-size: 1.1rem;
	font-weight: bold;
	max-width: 200px;
	width: 30%;
	text-align: left;
}

.recruit_read {
	float: right;
	font-size: 1rem;
	max-width: 760px;
	width: 80%;
	text-align: left;
	padding-bottom: 1rem;
	border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 960px){
	
.recruit_title {
	font-size: 1rem;
	width: 30%;
}
	
.recruit_read {
	font-size: 0.9rem;
	width: 70%;
}

}

@media screen and (max-width: 640px){
	
#main p,
#main .section h2,
#main .section p {
   font-size: 93%;
}
	
#main {
	padding-bottom: 15px;
}
	
#main h1 {
   margin: 0 0 32px;
   font-size: 145%;
}
	
#main h2 {
   margin: 0 0 32px;
   font-size: 80%;
}
	
.recruit_title ,.recruit_read{
	float: left;
	width: 100%;
}
	
	.recruit_read {
	font-size: 0.8rem;
	line-height: 1.1rem;
}


}