@charset "utf-8";
#main_tm{
	position: relative;
	z-index: -1;
	width: 100%;
	height: 542px;
	background-color: #fff;
	}
#main_tm .mv{
	position: fixed;
	}
#main_tm .top{
	color: #fff;
	position: fixed;
	z-index: 1;
	left: 0;
	padding: 13% 0 0;
	width: 100%;
	text-align: center;
	letter-spacing: 3px;
	font-size: 24px;
	top:0;
	}
#main_tm img{
  width: 100%;
  height: auto;
	}
#main_tm .top span{
	font-size: 16px;
	display: block;
	}
/*社長メッセージ*/
/*経営理念*/
#mp{
	background-color: #fff;
	padding: 90px 0 0;
	}
#mp .mp-con{
	line-height: 2;
	font-size: 18px;
	width: 60%;
	margin: 40px auto 0;
	}
#mp ul li{
	position: relative;
}
#mp ul li::before{
	position: absolute;
	content: "一、";
	left: -4%;
	}
#in{
	background-color: #fff;
	padding: 90px 0;
	}
#in .in-con{
	width: 57%;
	line-height: 2.5;
	}
#in .in-con02{
	width: 100%;
	line-height: 2.5;
	}
#in .in-con h3,
#in .in-con02 h3{
	color: #c74c4c;
	font-size: 20px;
	margin-top: -17px;
	}
#in article{
	margin-top: 80px;
	}
#in article:first-child{
	margin-top: 0;
	}
/*三健について*/
#ab{
	background-color: #fff;
	padding: 90px 0;
	}
#ab .ab-con{
	width: 75%;
	line-height: 2.5;
	}
#ab .ab-con-img{
  padding: 3% 0;
}
#ab02{
	background-color: #fff;
	padding: 90px 0;
	font-size: 22px;
	}
#ab02 li{
	border-top: 4px solid #c85856;
	width: 28%;
	margin-right: 8%;
	}
#ab02 li:last-child{
	margin-right: 0;
	}
#ab02 p{
	margin: 30px 0;
	text-align: center;
	}
#ab02 .more {
	border: 1px #333 solid;
	border-radius: 30px;
	font-size: 16px;
	padding: 3%;
	background-image: linear-gradient(to right, rgb(255,255,255,0) 50%, #fbf9f5 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: all .3s ease 0s;
	display: block;
	text-align: center;
	margin: 8% auto 0;
	}
#ab02 .more:hover{
	cursor: pointer;
	background-position: -100% 0;
	}
#in .anchor{
  display: block;
  padding-top: 100px;
  margin-top: -100px;
  margin-bottom: 70px;
  }
#in .anchor:last-child{
  margin-bottom: 0;
  }
.white{
  background-color: #fff;
  padding-bottom: 70px;
  }
/*職種紹介*/
#job{
  background-color: #fff;
  }
#p-intro .person_ttl{
  margin: 40px 0 11px 0;
  }
#p-intro{
	background-color: #fff;
	padding: 90px 0;
  border-bottom: 1px #ccc solid;
	}
#p-intro .p-intro-con{
	width: 54%;
	line-height: 2.5;
	}
#p-intro h3{
  text-align: center;
  margin-bottom: 5%;
  letter-spacing: 0.05em;
  }
#p-intro .more {
  border: 1px #c85856 solid;
  color: #c85856;
  padding: 0 15.2%;
  background-image: linear-gradient(to right, rgb(255,255,255,0) 50%, #fbf9f5 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: all .3s ease 0s;
  display: block;
  text-align: center;
  margin: 3% auto 0;
  font-size: 16px;
  }
#p-intro .more:hover{
	cursor: pointer;
	background-position: -100% 0;
	}
/*社員紹介*/
#ps{
	background-color: #fff;
	padding: 90px 0 45px;
	}
#ps .ps-con{
	width: 50%;
	height: 481px;
	background-color: #faf7ed;
	text-align: center;
	line-height: 1.7;
	}
#ps .ps-con p{
  padding: 20%;
  }
#ps p strong{
	font-size: 24px;
	display: block;
	margin-bottom: 14%;
	}
#ps p .name{
	font-size: 18px;
	display: block;
	}
/*企業文化*/
#ct{
	background-color: #fff;
	padding: 90px 0;
	font-size: 14px;
	}
#ct .ct-con{
	width: 50%;
	line-height: 2.5;
	}
#ct .ct-con-wrap{
  margin-bottom: 70px;
	}
#ct .ct-con02{
	width: 100%;
	}
#ct02 .ct-con{
  width: 57%;
  line-height: 2.5;
  margin-top: -30px;
  }
#ct02{
	background-color: #f9f5eb;
	padding: 90px 0;
	}
#ct02 li{
	background-color: #fff;
	width: 22%;
	margin-right: 5%;
	line-height: 2.1;
	padding: 4%;
	text-align: center;
	margin-bottom: 5%;
	}
#ct02 li:last-child{
	margin-right: 0;
	}
#ct03{
	background-color: #fff;
	padding: 90px 0;
	}
.slick-slide li{
  width: 360px;
  }
/*募集要項*/
#req{
	background-color: #fff;
	padding: 50px 0 90px;
	}
#req .tab{
	overflow:hidden;
	}
#req .tab li{
	border-bottom: 4px #ccc solid;
	padding:10px 25px;
	text-align: center;
	float:left;
	margin-right:21px;
	width: 11%;
	}
#req .tab li:hover{
  cursor:pointer;
  transition: all .3s ease 0s;
  opacity: 0.7;
	}
#req .tab li:last-child{
	margin-right:0;
	}
#req .tab li.select{
	border-bottom: 3px #c85856 solid;
	}
#req .content li{
	background:#fff;
	padding:20px;
	}
#req .hide {
	display:none;
	}
#req h2{
  margin-top: 50px;
  font-size: 24px;
  text-align: left;
  }
#req dd{
  padding: 20px 0;
  padding-left: 20em;
  border-bottom: solid 1px #dcdcdc;
  margin: 0;
  font-weight: normal;
  }
#req dt{
  position: absolute;
  left: 0;
  width: 22em;
  padding: 20px 0;
  }
.req{
  position: relative;
  }

#req .content li .under-text{
  margin-top: 30px;
  width: 100%;
  background-color: #fff2f2;
  font-weight: bold;
  color: #9e181b;
  padding: 20px;
}
#req .content li .under-text a{
  color: #9e181b;
  text-decoration: underline;
}


/*エントリー*/
#form{
	padding: 70px 0;
  background-color: #fff;
	}
#form .inner{
	width: 730px;
	margin: 0 auto;
	}
form{
	margin-top: 40px;
	}
form .form-group{
	margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px #ccc solid;
	}
.last{
  border-bottom: none !important;
	}
form .form-control{
	padding: 10px;
	width: 62%;
	font-size: 16px;
	display: block;
	float: right;
	}
form span{
	display: block;
	float: left;
  }
form span.error{
	 font-size: 12px;
  color: #B82B2D;
  }
.mwform-radio-field{
  font-size: 0 !important;
  padding-right: 50px;
  }
.mwform-radio-field{
  padding-bottom: 2px;
  }
.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
  }
form span.red{
  font-size: 12px;
  color: #B82B2D;
  float: none;
  display: inline;
  }
form .form-label{
	float: left;
	display: block;
	width: 27.5%;
	}
form .input_txt{
	width: 69%;
	float: right;
	padding: 10px !important;
	}
form .btn {
	padding: 15px 0;
	margin: 0 31.8%;
	width: 267px;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	background-image: linear-gradient(to right, #c45454 50%, #d87373 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: all .3s ease 0s;
	text-decoration: none;
	}
form .btn:hover {
	cursor: pointer;
	background-position: -100% 0;
	color: #fff;
	}
form .back {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding: 15px 0;
	margin: 0 31.8% 5%;
	width: 267px;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
  background-image: linear-gradient(to right, #c45454 50%, #d87373 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: all .3s ease 0s;
	text-decoration: none;
	}
form .back:hover {
	cursor: pointer;
	background-position: -100% 0;
	color: #fff;
	}
form ul.error{
	font-size: 12px;
	color: #D0011B;
	}
form textarea{
	width: 71.5%;
  float: right;
	border: 1px #aaa solid;
	}
form .fm_fl{
  float: left;
  }
.mwform-radio-field-text {
  font-size: 13px;
  color: #333;
  }
.mwform-checkbox-field input, .mwform-radio-field input {
  margin-right: 5px;
  float: left;
  }
.btn_cp {
  text-align: center;
	padding: 15px 0;
	margin: 0 auto;
	width: 267px;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	background-image: linear-gradient(to right, #c45454 50%, #d87373 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: all .3s ease 0s;
	text-decoration: none;
  margin-top: 10px;
	}
.btn_cp:hover {
	cursor: pointer;
	background-position: -100% 0;
	color: #fff;
	}
.btn_cp a{
	color: #fff;
	}
#form .txt_cp{
  text-align: center;
  margin-bottom: 20px;
  }
.sp {
	display:none;
  }
.mt30{
	margin-top: 30px;
	}
/*===============================================
●  画面の横幅が750pxまで
===============================================*/
@media screen and (max-width:750px){
h2 {
  margin: 0 0 30px 0 !important;
  }
#main_tm{
	height: 200px;
	}
#main_tm .top {
	font-size: 20px;
  padding: 19.5% 0 0;
  font-weight: bold;
  letter-spacing: 1px;
	}
#main_tm .top span {
  font-size: 14px;
  }
#mp .mp-con {
	line-height: 2;
	font-size: 14px;
	width: 84%;
	margin: 25px auto 0;
	}
#mp ul li::before {
	left: -10%;
	}
#ab,
#mp,
#ps{
	padding: 45px 0 0;
	}
#p-intro,
#ct,
#ct02,
#ct03,
#in{
	padding: 45px 0;
	}
#in{
  padding: 0;
  }
#in .in-con,
#ab .ab-con,
#p-intro .p-intro-con,
#ct .ct-con,
#ps .ps-con{
	width: 100%;
	line-height: 2;
	}
#in .in-con-img{
  padding-top: 5%;
  }
#in .in-con02{
  line-height: 2;
  margin-bottom: 45px;
  }
#in .in-con h3 {
	line-height: 1.7;
	font-size: 18px;
	margin-top: 0;
	}
#in article {
	margin-top: 40px;
	}
#ab .ab-con-img {
  padding: 0;
  width: 85%;
  margin: 10% auto 0;
  }
#ps .ps-con p {
  padding: 6%;
  }
#ps p strong {
  font-size: 17px;
  margin-bottom: 5%;
  }
#ps .ps-con {
  height: auto;
  background-color: none;
  }
#ct02 li {
	width: 80%;
	padding: 10%;
	margin: 0 auto 5%;
	}
#ct02 li img {
	width: 30%;
	}
#ct02 .ct-con {
	width: 100%;
	margin: 5% auto 0;
	line-height: 2;
	}
#ct02 .ct-con-img{
	margin-top: 5%;
	}
#p-intro h3 {
  margin-bottom: 7%;
  }
#p-intro .p-intro-con-img,
#ct .ct-con-img{
  margin: 15px 0 0;
  }
#ct .ct-con-wrap {
  margin-bottom: 30px;
  }
#req .tab li {
  width: 34%;
  margin: 0 auto;
  }
#req .tab li:nth-child(odd) {
  margin-right: 2%;
  }
#req .content li{
	padding: 20px 0;
	}
#req dd {
  padding: 16px 0;
  padding-left: 7em;
  }
#req h2 {
  margin-top: 20px;
  font-size: 22px;
  }
#req dt {
  width: 6em;
  }
#req h2 {
  margin: 30px 0;
  font-size: 18px !important;
  }
form .btn {
  margin: 0;
  width: 100%;
  }
.btn_cp {
  margin: 2% 0 0;
  width: 100%;
  }
form .input_txt {
  width: 60.5%;
  border-radius: none;
  }
form textarea{
  width: 65%;
  border-radius: none;
  font-size: 90%;
  }
form .form-label {
  width: 32%;
  }
form .group{
  width: 49%;
  }
form .group2{
  width: 64%;
  font-size: 12px;
  }
.mwform-radio-field {
  padding-right: 30px;
  }
.mwform-radio-field:last-child{
  padding-bottom: 0;
  }
form .fm_fl2{
  float: left;
  }
}