/******************************************/
/*##################################################################################################*/

@media (min-width:768px) {
body { margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;
	background-color:#fff;
	height:200%;
        width:100%;
	word-break: break-all;
	background:url(../img/con_bg01.jpg);
	background-repeat:repeat;
}
.top_img{
	margin-top:65px;
	padding:115px 0px 0px 0px;
        width:100%;
        height:175px;
	color:#ff0000;
	font-size:38px;
	font-weight:bold;
	font-family: "Hiragino Kaku Gothic ProN", "Osaka", Arial, sans-serif;
	text-align:center;
	display:block;
	background:url(../img/recruite/top_img.jpg);
	background-repeat:no-repeat;
background-size:cover;
	position:relative;
	z-index:-1;
}

.top_img .txtc{
	font-size:14px;
	font-weight:normal;
	color:#fff;
	text-align:center;

}

.rec_box{
	width:700px;
	margin:-62px auto 0px auto;
	padding:60px 100px 0px 100px;
	overflow: hidden;
	background-color:#fff;
	position:relative;
	z-index:1;

}
.mtxt{
	font-size:20px;
	font-weight:normal;
	color:#000;
	text-align:center;

}
.rhr{
	width:100%;
	border:solid 1px #e60012;
	margin-top:20px;
}
.top_txt{
	margin-top:30px;
	font-size:16px;
	font-weight:normal;
	color:#000;
	text-align:left;
	line-height:200%;
}

.midashi{
	width:100%;
	height:45px;
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-size:28px;
	font-weight:bold;
	color:#000;
}
.rec_box .box{
	width:700px;
	margin:30px auto 0px auto;
	padding:0px;
	overflow: hidden;
}
.rec_box .box .lbox{
	width:275px;
	height:371px;
	margin:0px;
	padding:25px 30px;
	display:block;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	color:#000;
	background-color:#f6f6f6;
	line-height:180%;
	float:left;
}
.rec_box .box .rbox{
	width:275px;
	height:371px;
	margin:0px;
	padding:25px 30px;
	display:block;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	color:#000;
	background-color:#f6f6f6;
	line-height:180%;
	float:right;
}
.fred20b
{
	font-size: 20px;
	color: #F00;
	font-weight:bold;
	text-align:center;
	margin:0px auto;
	line-height:200%;
}
.f18
{
	font-size: 18px;
	color: #000;
	font-weight:normal;
}
.rec_box .table_style{
	width:100%;
	margin:1% auto;

}
.table_style .title{
	padding:4% 0;
	width:26%;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	color:#000;
	border-bottom:solid 1px #000;
}
.table_style .naiyou{
	padding:4% 0;
	width:74%;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	color:#000;
	border-bottom:solid 1px #000;
	line-height:200%;
}

.rec_box .txt_box{
	width:620px;
	height:185px;
	margin:50px auto 0px auto;
	padding:40px;
	display:block;
	font-size:16px;
	color:#000;
	text-align:left;
	line-height:200%;
	background-color:#f6f6f6;
}
.rec_box .txt_box .txtb{
	font-size:17px;
	color:#000;
	text-align:left;
}


.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}
.youtube_box{
	width:900px;
	margin:0px auto 0px auto;
	padding:50px 0px 50px 0px;
	display:block;
	text-align:center;
	overflow: hidden;
	background-color:#f0f0f0;
}
.youtube_box .title{
	font-size:16px;
	font-weight:normal;
	color:#000;
	text-align:center;
	line-height:180%;
}
.youtube_box img{
	margin:20px 0 0 0;
	width:430px;
	height:250px;
}
.btm{
	width:900px;
	height:80px;
	margin:0px auto;
	padding:0px;
	display:block;
	text-align:center;
	overflow: hidden;
	background-color:#fff;
}
.modal {
background-color: #fff; /*/ 元の色    #fff*/
border-radius: 4px;        /*/ 元の数値  8px*/
max-width: 780px;         /*/ 元の数値  500px*/
padding: 20px;             /*/ 元の数値  上下15px | 左右30px*/
}

.modal iframe{
	width:740px;
	height:540px;

}
.mmb50{
margin-bottom:50px;
}
}

/******************************************/
/*##################################################################################################*/

@media screen and (min-width:768px) and ( max-width:1000px) {
body { margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;
	background-color:#fff;
	height:200%;
        width:100%;
	word-break: break-all;
	background:url(../img/con_bg01.jpg);
	background-repeat:repeat;
}
.top_img{
	margin-top:65px;
	padding-top:10vw;
	width: 100vw;
	height: 20vw;
	color:#ff0000;
	font-size:32px;
	font-weight:bold;
	font-family: "Hiragino Kaku Gothic ProN", "Osaka", Arial, sans-serif;
	text-align:center;
	line-height:100%;
	display:block;
	background:url(../img/recruite/top_img.jpg);
	background-repeat:no-repeat;
	/*background-size:cover;*/
	background-size:contain;
	position:relative;
	z-index:-1;
}

.top_img .txtc{
	font-size:14px;
	font-weight:normal;
	color:#fff;
	text-align:center;

}


.rec_box{
	width:61%;
	margin:-60px auto 8% auto;
	padding:6% 10% 8% 10%;
	overflow: hidden;
	background-color:#fff;
	position:relative;
	z-index:1;
}
.mtxt{
	font-size:20px;
	font-weight:normal;
	color:#000;
	text-align:center;

}
.rhr{
	width:100%;
	border:solid 1px #e60012;
	margin-top:20px;
}
.top_txt{
	margin-top:30px;
	font-size:16px;
	font-weight:normal;
	color:#000;
	text-align:left;
	line-height:200%;
}

.midashi{
	width:100%;
	height:45px;
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-size:28px;
	font-weight:bold;
	color:#000;
}
.rec_box .box{
	width:100%;
	margin:3% auto 0% auto;
	padding:0px;
	overflow: hidden;
}
.rec_box .box .lbox{
	width:42%;
	height:370px;
	margin:0px;
	padding:1% 2%;
	display:block;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#000;
	background-color:#f6f6f6;
	line-height:180%;
	float:left;
}
.rec_box .box .rbox{
	width:42%;
	height:370px;
	margin:0px;
	padding:1% 2%;

	display:block;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#000;
	background-color:#f6f6f6;
	line-height:180%;
	float:right;
}
.fred20b
{
	font-size: 18px;
	color: #F00;
	font-weight:bold;
	text-align:center;
	margin:0px auto;
	line-height:200%;
}
.f18
{
	font-size: 16px;
	color: #000;
	font-weight:normal;
}
.rec_box .table_style{
	width:100%;
	margin:1% auto;

}
.table_style .title{
	padding:4% 0;
	width:26%;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	color:#000;
	border-bottom:solid 1px #000;
}
.table_style .naiyou{
	padding:4% 0;
	width:74%;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	color:#000;
	border-bottom:solid 1px #000;
	line-height:200%;
}

.rec_box .txt_box{
	width:85%;
	height:185px;
	margin:50px auto 0px auto;
	padding:40px;
	display:block;
	font-size:16px;
	color:#000;
	text-align:left;
	line-height:200%;
	background-color:#f6f6f6;
}
.rec_box .txt_box .txtb{
	font-size:17px;
	color:#000;
	text-align:left;
}


.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}
.youtube_box{
	width:81%;
	margin:-80px auto 0px auto;
	padding:5% 0px 10% 0px;
	display:block;
	text-align:center;
	overflow: hidden;
	background-color:#f0f0f0;
}
.youtube_box .title{
	font-size:1.6vw;
	font-weight:normal;
	color:#000;
	text-align:center;
	line-height:180%;
}
.youtube_box img{
	margin:20px 0 0 0;
	width:48%;
	height:25vw;
}
.btm{
	width:80%;
	height:10%;
	margin:0px auto;
	padding:0px;
	display:block;
	text-align:center;
	overflow: hidden;
	background-color:#fff;
}
.modal {
background-color: #fff; /*/ 元の色    #fff*/
border-radius: 4px;        /*/ 元の数値  8px*/
max-width: 80%;         /*/ 元の数値  500px*/
padding: 10px;             /*/ 元の数値  上下15px | 左右30px*/
z-index:10001;
}

iframe{
	width:80%;
	height:50vw;

}
.mmb50{
margin-bottom:0px;
}

}

/******************************************/
/*##################################################################################################*/


@media (max-width:767px) {

body { margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;
	background-color:#fff;
	height:200%;
        width:100%;
	word-break: break-all;
	background:url(../img/con_bg01.jpg);
	background-repeat:repeat;
}

.top_img{
	margin-top:65px;
	padding-top:10vw;
	width: 100vw;
	height: 20vw;
	color:#ff0000;
	font-size:20px;
	font-weight:bold;
	font-family: "Hiragino Kaku Gothic ProN", "Osaka", Arial, sans-serif;
	text-align:center;
	line-height:100%;
	display:block;
	background:url(../img/recruite/top_img.jpg);
	background-repeat:no-repeat;
	/*background-size:cover;*/
	background-size:contain;

	position:relative;
	z-index:-1;
}
.top_img .txtc{
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-align:center;

}
.rec_box{
	width:80%;
	margin:-6% auto 0% auto;
	padding:6% 5% 5% 5%;
	overflow: hidden;
	background-color:#fff;
	position:relative;
	z-index:1;

}
.mtxt{
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-align:center;

}
.rhr{
	width:100%;
	border:solid 1px #e60012;
	margin-top:20px;
}
.top_txt{
	width:90%;
	margin:5% auto 0px auto;
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-align:left;
	line-height:180%;
}

.midashi{
	width:100%;
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#000;
}
.rec_box .box{
	width:100%;
	margin:30px auto 0px auto;
	padding:0;
	overflow: hidden;
}
.rec_box .box .lbox{
	width:80%;
	height:auto;
	margin:0% 0% 7% 0%;
	padding:5% 10%;
	display:block;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	color:#000;
	background-color:#f6f6f6;
	line-height:180%;
}
.rec_box .box .rbox{
	width:80%;
	height:auto;
	margin:0% 0% 0% 0%;
	padding:5% 10%;
	display:block;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	color:#000;
	background-color:#f6f6f6;
	line-height:180%;
}
.fred20b
{
	font-size: 14px;
	color: #F00;
	font-weight:bold;
	text-align:center;
	margin:0px auto;
	line-height:200%;
}
.f18
{
	font-size: 12px;
	color: #000;
	font-weight:normal;
}
.rec_box .table_style{
	width:100%;
	margin:1% auto;

}
.table_style .title{
	padding:4% 0;
	width:26%;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#000;
	border-bottom:solid 1px #000;
}
.table_style .naiyou{
	padding:4% 0;
	width:74%;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	color:#000;
	border-bottom:solid 1px #000;
	line-height:200%;
}

.rec_box .txt_box{
	width:92%;
	height:auto;
	margin:10% auto 5% auto;
	padding:4%;
	display:block;
	font-size:12px;
	color:#000;
	text-align:left;
	line-height:200%;
	background-color:#f6f6f6;
}
.rec_box .txt_box .txtb{
	font-size:13px;
	color:#000;
	text-align:left;

}

.youtube_box{
	width:90%;
	margin:0px auto 0px auto;
	padding:5% 0px 9% 0px;
	display:block;
	text-align:center;
	overflow: hidden;
	background-color:#f0f0f0;
}
.youtube_box .title{
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-align:center;
	line-height:180%;
}
.youtube_box img{
	margin:2% 0 0 0;
	width:90%;
	height:45vw;
}
.btm{
	width:90%;
	height:2%;
	margin:0px auto;
	padding:0px;
	display:block;
	text-align:center;
	overflow: hidden;
	background-color:#fff;
}
.modal {
background-color: #fff; /*/ 元の色    #fff*/
border-radius: 4px;        /*/ 元の数値  8px*/
max-width: 90%;         /*/ 元の数値  500px*/
padding: 10px;             /*/ 元の数値  上下15px | 左右30px*/
z-index:10001;
}

iframe{
	width:100%;
	height:70vw;

}


.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}

.mb70{
margin-bottom:5%;
}
.mb50{
margin-bottom:7%;
}

/*#######################################################################################*/




.clear{
	clear:both;
}
.list60{
width:60px;
padding:3px 2px;
}
.list130{
width:130px;
padding:3px 2px;
}
.list250{
width:270px;
padding:3px 2px;
}