@charset "UTF-8";

/*com_width_img
---------------------------------------------------------*/
.com_width_img {
	background-image: url("../images/recruit_dr/m_img@2x.jpg");
}



/*色の設定
---------------------------------------------------------*/
.recruit h1.com_lead_txt {color: #7dba57;}
.recruit .free_area h3, .reason .free_index1 {
  border-color: #7dba57;
}



.com_lead_txt{
	margin-bottom: 80px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.com_lead_txt{
	margin-bottom: 7%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_lead_txt{
	margin-bottom: 10%;
}
}



/*img
---------------------------------------------------------*/
/* 画像：500px */
.free_area .img_left_500 {
    width: 500px;
    max-width: 100%;
    margin: 0 4% 1em 0;
    padding: 0!important;
}

.free_area .img_right_500 {
    width: 500px;
    max-width: 100%;
    margin: 0 0 1em 4%;
    padding: 0!important;
}

/* 画像：450px */
.free_area .img_left_450 {
    width: 450px;
    max-width: 100%;
    margin: 0 4% 1em 0;
    padding: 0!important;
}

.free_area .img_right_450 {
    width: 450px;
    max-width: 100%;
    margin: 0 0 1em 4%;
    padding: 0!important;
}
.free_area > p{
	overflow: hidden;
}

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

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.free_area .img_left_500,
.free_area .img_right_500{
	width: 80%;
	max-width: 500px;
	margin: 0 auto 5%;
	text-align: center;
	display: block!important;
}
.free_area .img_left_450,
.free_area .img_right_450 {
	width: 70%;
	max-width: 500px;
	margin: 0 auto 5%;
	text-align: center;
	display: block!important;
}



/*
---------------------------------------------------------*/

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

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}