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

.sp_on {
	display: none;
}

.pos_rel {
	position: relative;
}

.pos_abs {
	position: absolute;
	bottom: -6em;
	left: 0;
	right: 0;
	margin: auto;
}

.main_visual img {
	width: 100%;
}


@media screen and (max-width: 991px) {
	.sp_on {
		display: block;
	}

	.pc_on {
		display: none;
	}

	.pos_abs {
		position: static;
		background-color: #e6e6e6;
		width: 100% !important;
	}
}

body {
	font-size:16px;}

.recruit {
	padding-bottom:50px;}

/* ----------------TOP---------------- */
.top_img {
	/* background-image: url(../image/topimg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; */
	width: 100%;
}

.top_img .top_text_1 {
	margin: 1em 0;
	margin-left:10px;}
.top_img .top_text_1 img {
	width:70%;}
.top_img .top_text_2 {
	margin-bottom:1em;
	text-align:center;}
.top_img .top_text_2 img {
	width:50%;}
.top_img .top_text_3 {
	text-align:center;
	margin-bottom:0;}
.top_img .top_text_3 img {
	width:50%;}
.sns_link {
}
.sns_link ul {
	float:right;
}
.sns_link ul li {
	list-style:none;
	margin:10px;
	display:inline-block;
	}
/* ----------------TOP---------------- */



/* ----------------tsunensaiyou---------------- */
.tsunensaiyou {
	background-color:#E6E6E6;
	padding:20px;}
.tsunensaiyou h2 {
	margin:0px 20px 20px 20px;}
.tsunensaiyou p {
	margin:0px 20px 0px 20px;
	line-height: 200%;
}
.tsunensaiyou .on-line-video {
	border:#C00 1px solid;
	margin:30px 10px;
	padding:20px;
	line-height:180%;}


/* ----------------tsunensaiyou---------------- */


/* ----------------saiyou---------------- */

.saiyou {
	padding:30px 0px 0px 0px;}

.yanai_mark {
	width:80px;
	margin:20px auto;}
.yanai_mark img {
	width:100%;}

/*
 * タブとして必要な設定
 */
.panels > .panel {
  display: none;
}

.panels > .panel.active {
  display: block;
}
/* --------------------------- */

.tabs {
	padding:20px 0px;
	margin:10px 0px;
	text-align:center;}
.tabs a {
	padding:5px;
	background-color:#E6E6E6;
	margin:5px;
	width:100%;
	color:#000;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #000000;
	}
.tabs a:hover {
	background-color:#009F3A;
	color:#FFF;}

.tab.active {
	background-color:#009F3A;
	color:#FFF;
	text-decoration: none;
}

.panel1_radio1 {
	margin:15px 0px 0px 20px;}
.panel1_radio2 {
	margin:0px 0px 0px 25px;
	padding:30px 0px 30px 25px;
	background-image:url(../image/radio2line_sp.png);
	background-repeat:no-repeat;
	background-position:top left;
	}


/* --------------------------- */
.occupation {}
.breadcrumb {
	margin:30px 50px 0px 50px;}
.occupation_box {
	margin:50px;}
.occupation_box p {
	line-height: 180%;
	}


/* --------------------------- */
.system {
	background-color:#E6E6E6;
	padding-bottom:50px;}
.system_img {
	margin:50px;}
.system_img img {
	width:100%;}
.system_text {
	margin:20px 50px;}
.system_title {
	font-size:1.2em;
	}
.system_text h2 br {
	display:none;}
.system_text p {
	line-height: 180%;
}
.system_interview{
	text-align:right;
	padding:20px 0px;
}
.system_interview a {
	color:#68A94B;
	}
.system .entry {
	color:#68A94B;
	text-align:center;}
/* --------------------------- */
.saiyou .intern {
	background-color:#8CB148;
	padding:20px 30px;}
.saiyou .intern h2 {}
.saiyou .intern h2 br {
	display:none;}
.intern_img img {
	width:100%;
}
.intern_link_maynavi {
	color:#FFF;
	padding:50px 10px;}
.intern_link_maynavi img {
	}
/* ----------------saiyou---------------- */



/* ----------------company---------------- */

.company {
	background-color:#8CB148;}
.company_top img {
	width:100%;}
.company .box {
	background-color:#FFF;
	border-radius:10px;
	margin:20px 10px;
	background-position:left;
	background-repeat:no-repeat;
	background-size:35% auto;
	padding:15px 5px 15px 35%;
	display:block;
	}
.company a .box  {
	color:#000;}
.company a:hover .box  {
	  opacity: 0.5;}
.company a  {
	text-decoration: none;
}
.box h2 {
	margin:15px 0px;
	font-size:18px;}
.box ul {
	margin:0px 0px 0px 20px;
	padding:0px;}
.box ul li {
	margin:10px 0px;
	font-size:14px;}
.company_work {
	background-image:url(../image/company_work.jpg);
}
.company_info {
	background-image:url(../image/company_info.jpg);
}
.company_rule {
	background-image:url(../image/company_rule.jpg);
}
.company_staff {
	background-image:url(../image/company_staff.jpg);
}


/* ----------------company---------------- */




/* ----------------news---------------- */
.news {
	padding:20px 0px;
	background-color:#ECEDED}
.news h2 {
	font-size:26px;
	margin:20px;}
.news h2 span {
	font-size:20px;
	font-weight:bold;}
.news .feed {
	margin: 0px 10px 0px 20px;}
/* ----------------news---------------- */




/* ----------------bosyu---------------- */
.bosyu {
	margin:20px 0px;}
.bosyu h2 {
	text-align:center;
	}
.bosyu .switch {
	background-image: url(../image/arrow_before.png);
	background-repeat: no-repeat;
	background-position: right center;
	width:250px;
	margin:20px auto;
	cursor: pointer
}
.bosyu .active {
	background-image: url(../image/arrow_after.png);
	background-repeat: no-repeat;
	background-position: right center;
	width:250px;
	margin:20px auto;
	cursor: pointer
	}
.bosyu_list {
	display:none;}
.bosyu h3 {
	color: #000;
	background-color: #CCE6D2;
	padding: 3px;
	margin: 5px 0px;
	font-size:20px;
	text-align:center;
}
.bosyu dt {
	border-top:#009C24 3px solid;
	padding:10px;
	font-weight:bold;
	font-size:20px;}
.bosyu dd {
	padding:0px;
	margin:0px 10px 20px 30px;}

.bosyu h4 {
	border:none;
	font-size:16px;
	margin:10px 0px 0px 0px;
	padding:0px;}

.safeworoita img {
	width: 30%;
}
/* ----------------bosyu---------------- */




/* ----------------flow---------------- */
.flow {
	background-color:#DADADB;
	padding:30px 0px;}
.flow h2 {
	margin: 0px 0px 30px 0px;
	text-align:center;}
.flowlist dl {
	margin:5px 10px;
	padding:10px;
	}
.flowlist dl dt {
	font-weight:bold;}
.flowlist dl dt span {
	font-size:36px;}
.flowlist dl dd {
	font-size:26px;
	font-weight:bold;}
.flowlist dl dd span {
	font-size:13px;
	font-weight:normal;
	color:#333;
	margin-left:10px;}
.arrow {
	color:#FFF;
	font-size:30px;
	text-align:center;
	margin:0px;}
.step0 {
	background-color:#FFF;
	color:#5DBDEC;}
.step1 {
	background-color:#DDF1FB;
	color:#1BA3E4;}
.step2 {
	background-color:#AFDEF6;
	color:#1BA3E4;}
.step3 {
	background-color:#91D2F2;
	color:#FFF;}
.step4 {
	background-color:#5DBDEC;
	color:#FFF}

/* ----------------flow---------------- */




/* ----------------faq---------------- */
.faq {
	padding-bottom:50px;}
.faq h2 {
	text-align:center;}
.faq .switch {
	background-image: url(../image/arrow_before.png);
	background-repeat: no-repeat;
	background-position: right center;
	width:200px;
	margin:20px auto;
	cursor: pointer
}
.faq .active {
	background-image: url(../image/arrow_after.png);
	background-repeat: no-repeat;
	background-position: right center;
	width:200px;
	margin:20px auto;
	cursor: pointer
	}
.faq_box {
	display:none;}
.category_title {
	border-top:#009C24 3px solid;
	}
.category_title h3 {
		font-size:20px;
}
.faq dl {}
.faq dl dt {
	background-color:#68A125;
	color:#FFF;
	font-size:14px;
	padding:2px 10px;
	padding-left:3em;
	text-indent:-2.5em;
}
.faq dl dt span {
	font-size:18px;
	font-weight:bold;}
.faq dl dd {
	font-size:14px;
	margin:20px 5px;
	padding-left:3em;
	text-indent:-3em;
}
.faq dl dd span {
	font-weight:bold;
	font-size:18px;
	border:#000 2px solid;
	padding:0px 3px;}

/* ----------------faq---------------- */




/* ----------------entry---------------- */

.pagebottom {
	margin:10px;}
.entry a {
	color:#FFF;
	background-color:#7EAB4C;
	display:block;
	padding:5px;
	text-align:center;
	width:250px;
	background-image:url(../image/entry_arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	font-size:24px;
	font-weight:bold;
	border-radius:10px;
	margin:0px auto;
	}
.pagebottom a {
	width:300px;}
#entry {
	background-color:#D5E9ED;
	padding:70px 0% 60px 0%;
}

#entry dl {
	padding-left:60px;
	margin:0px;}
#entry dl dt {
	font-size:25px;
	font-weight:bold;}
#entry dl dd {
	font-size:20px;
	color:#1D225E;
	margin:0px;}
#entry dl dd a {
	color:#1D225E;}
#entry .entryform {
	width:80%;
	margin:20px auto;
}
#entry .phone {
	width:80%;
	margin:20px auto;
	background-image:url(../../../_common/image/contact_phone.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:50px;
}
.entryform .form_company input {
	width: 100%;
	border: 1px solid #8C8B8B;
	height: 45px;
	margin-bottom: 5px;
}
.entryform .form_department input {
	width: 100%;
	border: 1px solid #8C8B8B;
	height: 45px;
	margin-bottom: 5px;
}
.entryform .form_name input {
	width: 100%;
	border: 1px solid #8C8B8B;
	height: 45px;
	margin-bottom: 5px;
}
.entryform .form_name2 input {
	width: 100%;
	border: 1px solid #8C8B8B;
	height: 45px;
	margin-bottom: 5px;
}
.entryform .form_birthday input {
	border: 1px solid #8C8B8B;
	height: 45px;
	margin-bottom: 5px;
}
.entryform .form_birthday{
	background-repeat: no-repeat;
	background-position: right center;
}

.entryform .form_birthday select {
	border: 1px solid #8C8B8B;
	height: 40px;
	margin-bottom: 5px;
}
.entryform .form_sex {
	padding:10px 0px;
	background-repeat: no-repeat;
	background-position: right center;

	}
.entryform .form_sex input {
	border: 1px solid #8C8B8B;
	margin-bottom: 5px;
}
.entryform .form_email input {
	width: 100%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 5px;
	}
.entryform .form_email_2 input {
	width: 100%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 5px;
	}
.entryform .form_tel input {
	width: 100%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}
.entryform .form_addressnumber input {
	width: 70%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}
.entryform .form_address input {
	width: 100%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}
.entryform .form_school select {
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}
.entryform .form_school {
	padding:10px 0px;
	background-image:url(../../../_common/image/required.png);
	background-repeat: no-repeat;
	background-position: right center;
	}
.entryform .form_schoolname input {
	width: 100%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}
.entryform .form_schoolfaculty input {
	width: 100%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}

.entryform .form_workname input {
	width: 100%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}
.entryform .form_workdepartment input {
	width: 100%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}
.entryform .form_workposition input {
	width: 100%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}
.entryform .form_workoccupation input {
	width: 100%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}
.entryform .form_workperiod input {
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}
.entryform .form_workduties input {
	width: 100%;
	height: 45px;
	border: 1px solid #8C8B8B;
	margin-bottom: 10px;
	}

.entryform .form_text textarea {
	width: 100%;
	border: 1px solid #8C8B8B;
	margin-bottom: 20px;
	height: 10em;
	}
.form_workdelete {
	margin-bottom:20px;}


.entryform .form_send {
	background-image: url(../../../_common/image/form_button.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 168px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 20px;
}
.entryform .required input {
	background-image: url(../../../_common/image/required.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.entryform .on-line-video {
	border:#C00 1px solid;
	margin:30px 10px;
	padding:20px;
	font-size:14px;
	line-height:180%;}




/* ----------------entry---------------- */

 @media only screen and (min-width: 768px) {


/* ----------------TOP---------------- */
.top_img .top_text_1 {
	margin:2em 0px;
	}
.top_img .top_text_1 img {
	width:55%;
	}
.top_img .top_text_2 {
	margin-bottom:2em;
	}
.top_img .top_text_3 {
	margin-bottom:0px;
	}
.top_img .top_text_3 img {
	width:25%;
	}
.sns_link .inst img {

}

/* ----------------TOP---------------- */


/* ----------------tsunensaiyou---------------- */

.tsunensaiyou .on-line-video {
	border:#C00 1px solid;
	margin:30px 20%;
	padding:50px;
	line-height:180%;}


/* ----------------tsunensaiyou---------------- */



/* ----------------saiyou---------------- */


.yanai_mark {
	float:left;
	width:20%;
	margin: 0px 0px 30px 10% ;
	}
.tabs {
	margin:0px 0px 0px 35%;
	text-align:left;
	}
.tabs a {
	width:150px;
	display:inline-block;
	padding:8px;
	text-align:center;
	}
.panel1_radio1{
		margin:0px 0px 0px 36%;
}
.panel1_radio1 br {
	display:none;}
.radio_m {
	margin:0px 0px 0px 20px;}
.panel1_radio2{
		margin:0px 0px 0px 36.5%;
}
.panel1_radio2 br {
	display:none;}
.occupation {
	clear:both;}


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

.system_img {
	width:40%;
	float:left;
	margin:0px;
	margin-top:15%;
	}

.system_img img {
	width:80%;
	}
.system_text {
	margin-left:40%;
	width:60%;}
.system_text h2 br {
	display:block;}
.system_text p {
	margin:50px 50px 50px 0px;}


/* --------------------------- */
.saiyou .intern {
	background-color:#8CB148;
	padding:20px 30px;
	clear:both;}
.saiyou .intern h2 {
	margin-left:20px;}
.saiyou .intern h2 br {
	display:block;}
.intern_img {
	width:40%;
	float:left;
}
.intern_text {
	width:60%;
	float:right;
}
.intern_text h3 {
	margin:50px 0px 50px 10%;
	}
.intern_text p {
	margin-left:10%;}
.intern_link_maynavi {
	color:#FFF;
	padding:50px 10px;}
.intern_link_maynavi {
	margin:30px 0px 0px 10%;
	text-align:center;
	}
.intern_link_maynavi img {
	}

/* ----------------saiyou---------------- */




/* ----------------company---------------- */

.company {
	padding-bottom:50px;}
.company_top {
	padding-bottom:50px;}
.box_row {
	clear:both;}

.company .box {
	margin:20px 2%;
	background-size:30% auto;
	padding:15px 5px 15px 15%;
	float:left;
	width:46%}
.box ul li {
	margin:10px 0px;
	font-size:13px;}

/* ----------------company---------------- */


/* ----------------news---------------- */
.news {
	padding:20px 20px 50px 20px;}
.news h2 {
	margin:20px;}

.news .feed {
	margin: 0px 25%;}
.feed dl dt {
	width:10em;
	float:left;}
.feed dl dd {
	margin-left:10em;
	}
.feed dl dd a {
	color:#000;}

/* ----------------news---------------- */



/* ----------------bosyu---------------- */
.bosyu {
	margin:20px}
.bosyu h2 {
	text-align:center;
	}
.bosyu .switch {
	margin:80px auto;
}
.bosyu .active {
	margin:80px auto;
	}
.bosyu dl {}
.bosyu dt {
	border-top:#009C24 3px solid;
	padding:30px 20px;
	font-weight:bold;
	font-size:18px;
	width:30%;
	float:left;
	clear:both;}
.bosyu dd {
	padding:35px;
	margin:0px 0px 0px 30%;
	border-top:#CCC 1px solid;
	}
.safeworoita img {
	width: 30%;
}
/* ----------------bosyu---------------- */



/* ----------------flow---------------- */
.flow {
	padding:80px 0px;}
.flow h2 {
	margin: 0px 0px 60px 0px;
	text-align:center;}
.flowlist {
	margin:0px 5%;}
.flowlist dl {
	margin:5px 10px;
	}
.flowlist dl dt {
	float:left;
	padding:10px;
	border-right:#1BA3E4 1px dashed;
	width:100px;}
.flowlist dl dd {
	padding:15px;
	margin-left:100px;}
.arrow {
	color:#FFF;
	font-size:30px;
	text-align:left;
	margin:0px 0px 0px 80px;}
.flowlist dl.step3 dt {
		border-right:#FFF 1px dashed;
}
.flowlist dl.step4 dt {
		border-right:#FFF 1px dashed;
}


/* ----------------flow---------------- */



/* ----------------faq---------------- */
.faq {
	padding:0px;}
.faq h2 {}
.faq .switch {
	margin:80px auto;
}
.faq .active {
	margin:80px auto;
	}
.category_title {
	border-top:#009C24 3px solid;
	width:30%;
	float:left;
	}
.category_title h3 {
	font-size:20px;
	padding:20px;
	}
.faq_list {
	padding:30px 0px 0px 30%;
	border-top:#CCC solid 1px;}
.faq dl dd {
	margin-bottom:80px;}

/* ----------------faq---------------- */


/* ----------------entry---------------- */
.entry a {
	margin:0px auto;
	}

#entry .entryform {
	width:60%;
	float:left;
	}
#entry .phone {
	width:35%;
	margin-left:65%;
	margin-top:100px;
	background-size:70px;}
#entry dl {
	margin:0px;
	padding:10px 0px 10px 80px;}
#entry dl dt {
	font-size:27px;}
#entry dl dd {
	font-size:20px;}
.entryform .form_birthday br {
	display:none;}

.entryform .on-line-video {
	margin:30px 20px;
	padding:30px;
	font-size:14px;}


/* ----------------entry---------------- */



 }
@media (min-width: 992px) {
/* ----------------flow---------------- */
.flowlist {
	margin:0px 10%;}
/* ----------------flow---------------- */



/* ----------------saiyou---------------- */
.tabs a {
	margin:30px 30px 0px 0px;
}

.intern_img {
	width:30%;
}
.intern_text {
	width:70%;
}
.intern_text h3 {
	margin:50px 0px 50px 30%;
	}
.intern_text p {
	margin-left:30%;}
.intern_link_maynavi {
	margin:30px 0px 0px 30%;
	}
/* ----------------saiyou---------------- */

}

@media (min-width: 1200px) {

/* ----------------saiyou---------------- */


.yanai_mark {
	width:18%;
	margin: 0px 0px 30px 20% ;
	}
.tabs {
	margin:50px 0px 0px 40%;
	text-align:left;
	}
.tabs a {
	width:150px;
	display:inline-block;
	padding:8px;
	text-align:center;
	}
.panel1_radio1{
		margin:30px 0px 0px 41%;
}
.panel1_radio1 br {
	display:none;}
.radio_m {
	margin:0px 0px 0px 20px;}
.panel1_radio2{
		margin:0px 0px 0px 41.5%;
}
.panel1_radio2 br {
	display:none;}
.occupation {
	clear:both;}


/* --------------------------- */
.intern_text h3 {
	margin:80px 0px 50px 30%;
	}
.intern_link_maynavi {
	margin:100px 0px 0px 30%;
	}
/* ----------------saiyou---------------- */


/* ----------------entry---------------- */
#entry .contactform {
	width:50%;
	float:left;
	}
#entry .phone {
	width:40%;
	margin-left:65%;
	background-size:70px;}
#entry dl {
	margin:0px;
	padding:10px 0px 10px 80px;}
#entry dl dt {
	font-size:27px;}
#entry dl dd {
	font-size:20px;}
/* ----------------entry---------------- */




}

@media (min-width: 1400px) {
#entry .contactform {
	width:40%;
	margin-left:5%}
#entry .phone {
	width:30%;
	margin-left:70%;
	background-size:70px;}
}




.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .container {
    width: 700px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1100px;
  }
}



/* ----------------company_work_info_rule_staff---------------- */
.company_appeal {
	position: relative;
	margin:20px 0px;
	}
.company_appeal_left {
	font-size:40px;
	width:10%;
	text-align:center;
	position:fixed;
	left: 0px;
	top: 100px;
}
.company_appeal_left a {
	color:#000;}
.company_appeal_right {
	font-size:40px;
	width:10%;
	text-align:center;
	position:fixed;
	right: 0px;
	top: 100px;
	}
.company_appeal_right a {
	color:#000;}
.company_appeal_box {
	float:left;
	width:80%;
	margin-left:10%;
	}
.company_appeal_text h3 {
	font-size:20px;
	}
.company_appeal_text dl dt {
	font-weight:bold;
	margin:20px 0px 0px 0px;}
.company_appeal_text dl dd {
	margin:20px 20px 30px 20px;
	line-height: 150%;
}
.company_appeal_img img {
	width:100%;}
@media (min-width: 768px) {
.company_appeal_left, .company_appeal_right {
	font-size:60px;}
.company_appeal_img {
	width:30%;
	float:left;}
.company_appeal_text {
	width:67%;
	float:left;
	margin:0px 0px 0px 3%;
	}
.company_appeal_text h3 {
	margin:0px;
	}
.company_appeal_text dl dd {
	margin:20px 0px 30px 20px;
	}
}