/* CSS Document */


@media screen and (max-width: 767px) {
.box__info--top{
	margin:0;
	padding-top:51px;
	}		
	
.box__info--top .box{
	background-image: url("../img/recruit_top_bg.jpg");
	background-position: right top;
	background-size: cover; /*160px /767*/
	overflow: hidden;
	height: 100%;
	width: 100%;
	}

.box__info--top .box .box__txt{
	width: 100%;
	overflow: hidden;
    color: #fff;
	border-bottom: 1.956vw solid #9fc42d; /*15px /767*/
	text-align:center;
	padding-top: 9.778vw; /*75px /767*/
	padding-bottom: 5.867vw; /*45px /767*/
	}

.box__info--top .box .box__txt h2{
	color: #fff;
	font-size:4.694vw; /*36px /767*/
	font-weight: bold;
	letter-spacing: 0.05em;
	font-family: "seisui_font";
	}

.box__info--top .box .box__txt h3{
	color: #fff;
	font-size:2.608vw; /*20px /767*/
	font-weight: 300;
	letter-spacing: 0.2em;
	}

.box__info--top .box .box__img{
	}



	
}
	


@media screen and (min-width: 768px) and (max-width: 1199px) {		
.box__info--top{
	margin:0;
	padding-top:80px;
	}		
	
.box__info--top .box{
	background-image: url("../img/recruit_top_bg.jpg");
	background-position: right;
	background-size: auto 23.333vw;/*280px /1200*/
	overflow: hidden;
	height: 100%;
	width: 100%;
	}

.box__info--top .box .box__txt{
	height:23.333vw;/*280px /1200*/
	width: 100%;
	overflow: hidden;
    color: #fff;
	background-color: #9fc42d;
	text-align: right;
	padding-right: 4.167vw;/*50px /1200*/
	padding-top: 10.833vw;/*130px /1200*/
	}

.box__info--top .box .box__txt h2{
	color: #fff;
	font-size:3vw;/*36px /1200*/
	font-weight: bold;
	letter-spacing: 0.05em;
	font-family: "seisui_font";
	}

.box__info--top .box .box__txt h3{
	color: #fff;
	font-size:1.667vw;/*20px /1200*/
	font-weight: 300;
	letter-spacing: 0.2em;
	}

.box__info--top .box .box__img{
	}



}

@media (min-width: 1200px) {
	
.box__info--top{
	margin:0;
	padding-top:80px;
	}		
	
.box__info--top .box{
	background-image: url("../img/recruit_top_bg.jpg");
	background-position: right top ;
	background-size: auto 280px;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 100%;
	width: 100%;
	
	}

.box__info--top .box .box__txt{
	height:280px;
	width: 100%;
	overflow: hidden;
    color: #fff;
	background-color: #9fc42d;
	text-align: right;
	padding-right: 50px;
	padding-top: 130px;
	}

.box__info--top .box .box__txt h2{
	color: #fff;
	font-size:3.6rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-family: "seisui_font";
	}

.box__info--top .box .box__txt h3{
	color: #fff;
	font-size:2rem;
	font-weight: 300;
	letter-spacing: 0.2em;
	}

.box__info--top .box .box__img{
	
	}


}




@media (max-width: 767px) {
	
.box__info{
	margin-bottom: 6.519vw; /*50px /767*/

	}		

.box__info h3{
	margin: 50px auto 15px;
	padding: 0.652vw 2.608vw; /*5px 20px /767*/
	text-align: center;
	color: #000;
	display: inline-block;
	font-size:3.6rem;
	font-family: "seisui_font";
	border-bottom: 1px solid #000;
	}

.box__info .box__info__head {
	margin: 6.519vw; /*50px /767*/
	
	}

.box__info .box__info__head .date{
	font-size: 3.390vw; /*26px /767*/
	
	}

.box__info .box__info__head .title{
	font-size:3.651vw; /*28px /767*/
	font-weight: bold;
	
	}
	
.box__info .box__info__body {
	margin: 0 6.519vw; /*50px /767*/
	
	}

.box__info .box__txt p{
	font-size: 3.129vw; /*24px /767*/
	margin:0 auto 2.608vw; /*20px /767*/
	
	}

.box__info .box__img img{
	width: 90%;
	margin: 2.608vw 0.652vw; /*20px 5px /767*/
	}

.box__archives__head {
	margin: 6.519vw; /*50px /767*/
	border-bottom: 1px solid #ccc;
	padding-bottom: 1.304vw; /*10px /767*/
	}

.box__archives__head h5{
	font-size: 3.651vw; /*28px /767*/
	font-weight: bold;
	color:  #9fc42d;
	}
	
.box__info .box__archives__body {
	margin: 0 6.519vw; /*50px /767*/
	
	}

.box__info .box__archives__body ul{
	}

.box__info .box__archives__body ul li{
	border-bottom: 1px dotted #ccc;
	display: block;
	overflow: hidden;
	padding:0.652vw; /*5px /767*/
	margin-bottom: 1.304vw; /*10px /767*/
	}

.box__info .box__archives__body .date{
	float: left;
	margin-right: 1.304vw; /*10px /767*/
	font-size: 3.129vw; /*24px /767*/
	}

.box__info .box__archives__body .label{
	float: left;
	font-size:2.868vw; /*22px /767*/
	border: 1px solid #000;
	padding: 0.130vw 0.391vw; /*3px /767*/
	margin-right: 1.304vw; /*10px /767*/

	}

.box__info .box__archives__body .txt{
	font-size: 3.129vw; /*24px /767*/
	clear: both;
	}
.box__info .box__archives__body .more a p{
	text-align:right;
	color: #000;
	display: inline-block;
	float: right;	
	font-size:3.129vw; /*24px /767*/
	}


}



@media screen and (min-width: 768px) and (max-width: 1199px) {
.box__info{
	margin-bottom: 4.167vw;/*50px /1200*/
	padding:4.167vw;/*50px /1200*/
	}		

.box__info h3{
	margin: 4.167vw auto 1.250vw;/*50px 15px /1200*/
	padding: 0.417vw 1.667vw;/*5px 20px /1200*/
	text-align: center;
	color: #000;
	display: inline-block;
	font-size:3vw;/*36px /1200*/
	font-family: "seisui_font";
	border-bottom: 1px solid #000;
	}

.box__info .box__info__head {
	margin: 4.167vw;/*50px /1200*/
	
	}

.box__info .box__info__head .date{
	font-size: 1.333vw;/*16px /1200*/
	
	}

.box__info .box__info__head .title{
	font-size: 1.500vw;/*18px /1200*/
	font-weight: bold;
	
	}
	
.box__info .box__info__body {
	margin: 0 4.167vw;/*50px /1200*/
	
	}

.box__info .box__txt p{
	font-size: 1.167vw;/*14px /1200*/
	margin:0 auto 1.667vw;/*20px /1200*/
	
	}

.box__info .box__img img{
	width: 70%;
	margin: 1.667vw 0.417vw;/*20px 5px /1200*/
	}

.box__archives__head {
	margin: 4.167vw;/*50px /1200*/
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.833vw;/*10px /1200*/
	}

.box__archives__head h5{
	font-size: 1.500vw;/*18px /1200*/
	font-weight: bold;
	color:  #9fc42d;
	}
	
.box__info .box__archives__body {
	margin: 0 50px;
	
	}
	

.box__info .box__archives__body ul{
	}

.box__info .box__archives__body ul li{
	border-bottom: 1px dotted #ccc;
	display: block;
	overflow: hidden;
	padding: 0.417vw;/*5px /1200*/
	margin-bottom: 0.833vw;/*10px /1200*/
	}

.box__info .box__archives__body .date{
	float: left;
	margin-right:0.833vw;/*10px /1200*/
	font-size:1.167vw;/*14px /1200*/
	}

.box__info .box__archives__body .label{
	float: left;
	font-size: 1vw;/*12px /1200*/
	border: 1px solid #000;
	padding: 0.083vw 0.250vw;/*1px 3px /1200*/
	margin-right: 0.833vw;/*10px /1200*/

	}

.box__info .box__archives__body .txt{
	float: left;
	font-size: 1.167vw;/*14px /1200*/
	}
.box__info .box__archives__body .more a{
	text-align:right;
	color: #000;
	display: inline-block;
	float: right;	
	font-size: 1.167vw;/*14px /1200*/

	}
}
	
@media (min-width: 1200px) {
	
.box__info{
	margin-bottom: 50px;
	padding: 50px;
	}		


.box__info .box__info__head {
	margin: 50px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	}

.box__info .box__info__head .date{
	font-size: 1.6rem;
	
	}

.box__info .box__info__head .title{
	font-size: 1.8rem;
	font-weight: bold;
	
	}
	
.box__info .box__info__body {
	margin: 0 50px;
	
	}

.box__info .box__txt p{
	font-size: 1.4rem;
	margin:0 auto 20px;
	
	}

.box__info .box__img img{
	width: 70%;
	margin: 20px 5px;
	
	}



.box__archives__head {
	margin: 50px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	}

.box__archives__head h5{
	font-size: 1.8rem;
	font-weight: bold;
	color:  #9fc42d;
	
	}
	
.box__info .box__archives__body {
	margin: 0 50px;
	
	}

	

.box__info .box__archives__body ul{
	}

.box__info .box__archives__body ul li{
	border-bottom: 1px dotted #ccc;
	display: block;
	overflow: hidden;
	padding: 5px;
	margin-bottom: 10px;
	}

.box__info .box__archives__body .date{
	float: left;
	margin-right: 10px;
	font-size: 1.4rem;
	}

.box__info .box__archives__body .label{
	float: left;
	font-size: 1.2rem;
	border: 1px solid #000;
	padding: 1px 3px;
	margin-right: 10px;

	}

.box__info .box__archives__body .txt{
	float: left;
	font-size: 1.4rem;
	}
.box__info .box__archives__body .more a{
	text-align:right;
	color: #000;
	display: inline-block;
	float: right;	
	}

	
	
	
}