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

/*	css */

	.profile_title {
		width: 100%;
		background-color: #e9f2f5;
		margin-bottom: 30px;
	}
	.profile_title_img {
		height: 80px;
		margin: 0 auto;
		padding: 0px;
	}
	.w70_w100 {
		width: 70%;
	}
	
	.w30_20 {
		width: 30%;
	}
	.w70_80 {
		width: 65%;
	}
	
	.name_icon {
		height: 100px;
		float: right;
		width: auto;
	}
	
	
	.profile_wraper {
		width: auto;
		padding: 5%;
		background-color: #EDEDED;
		overflow: hidden;
		border-radius: 5px;
	}
	
	
	
	.name_plate {
		height: 70px;
	}
	
	.name_border {
		border-bottom: 1px solid #999;
		margin-bottom: 30px;
	}
	
	.btn_left {
		width: 48%;
		float: left;
		height: auto;
	}
	
	.btn_right {
		width: 48%;
		float: right;
		height: auto;
	}
	
	
.cominfo_l {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	display: block;
	float: left;
	width: 20%;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 0px;
	font-size: 12px;
	color: #000;
	text-align: left;
	letter-spacing: 0.1em;
	font-weight: normal;
}
	
	
.cominfo_r {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	display: block;
	float: right;
	width: 78%;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 0px;
	font-size: 14px;
	color: #000;
	text-align: left;
	letter-spacing: 0.1em;
	font-weight: normal;
	line-height: 1.9;
}
		
.header_wraper_recruit {
	background-color: #fff;
	overflow: hidden;
	width: 100%;
}
.header_recruit {
	height: 120px;
	width: auto;
	float: left;
	padding-left: 5%;
	display: block;
	padding-top: 20px; 
	padding-bottom: 20px;
}

.contact_btn_wrap {
	width:60%;
	float: right;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 3%;
	overflow: hidden;
}
.btn_toprecruit {
	float: right;
	height: 80px;
	width: auto;
	padding-top: 20px;
	padding-bottom: 15px;
	display: block;
}

a {
	text-decoration: none;
	}
	.title_flow {
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		font-weight: 500;
		font-size: 20px;
		text-align: center;
		display: block;
		margin: 5px auto 15px;
		
	}
	

/* リクルートトップ　*/

					.child3_recruit {
						width: 30%;
					}
					

					.child3_flow {
						width: 30%;
					}
					
					.child3_voice {
						width: 30%;
					}
					.recruit_btn {
						width: auto;
						height: 60px;
						display: block;
						margin: 20px auto;
					}
					
	.bosyuu_type {
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		font-size: 20px;
		text-align: center;
		letter-spacing: 0.1em;
		font-weight: 500;
		display: block;
		padding-top: 11px;
		padding-bottom: 10px;
		color: #fff;
		margin-bottom: 25px;
	}	
	.konnnakata {
		width: 100%;
		border: 1px solid #666;
		background-position: left center;
		background-size: cover;
		background-repeat: no-repeat;
	}
		
	.konnnakata_right {
		padding-top: 40px;
		padding-bottom: 40px;
		margin-right: 50px;
		width: 40%;
		float: right;
	}
		
	.konnnakata_left {
		padding-top: 40px;
		padding-bottom: 40px;
		margin-left: 50px;
		width: 40%;
		float: left;
	}
		
	.entory_btn {
		margin-top: 40px;
		display: block;
		height: 50px;
		width: auto;
		float: left;
	}
	
	.base2 {
		background-image: url(../img/base2.jpg);
	}
	
	.base3 {
		background-image: url(../img/base3.jpg);
	}
	
	
	.base4 {
		background-image: url(../img/base4.jpg);
	}
	

	.btn_kangobu {
		height: 75px;
		display: block;
		margin: 10px auto;
	}
	

/* question */

	.question_wrap {
		width: 100%;
		border-bottom: 3px solid #c6dbe5;
		padding-bottom: 30px;
		margin-bottom: 10px;
		background-color: #fff;
		padding-top: 10px;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	.q1 {
		background-image: url(../img/question_q.svg);
		background-repeat: no-repeat;
		background-position: left top;
		display: block;
		width: auto;
		padding-left: 60px;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		font-weight: 500;
		font-size: 18px;
		margin: 10px auto;
		height: 50px;
		padding-top: 10px;
	}
	
	.a1 {
		background-image: url(../img/question_a.svg);
		background-repeat: no-repeat;
		background-position: left top;
		display: block;
		width: auto;
		padding-left: 60px;
	}


/* リクルートトップここまで　*/

.icon_recruit {
	height: 100px;
	width: auto;
	display: block;
	margin: 0 auto;
}

.saiyou_title {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 24px;
	font-weight: 500;
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 4px;
	border-bottom: 4px solid #d2e9f2;
	margin-bottom: 2px;
}

.recruit_data {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	width: auto;
	display: block;
	margin: 0 auto;
	padding-top: 2px;
	padding-bottom: 20px;
	font-size: 13px;
	text-align: right;
	letter-spacing: 0.1em;
	color: #666;
}

table {
  border-collapse: separate;
  border-spacing: 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	width: 100%;
	
}

.subject {
  border: none;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  width: 15%;
  text-align: left;
  letter-spacing: 0.2em;
  padding-top: 8px;
  padding-bottom: 6px;
	font-size: 14px;
}

.noborder {
	width: 80%;
  border-bottom: 1px solid #666;
	border-right: 0px solid #666;
	text-align: left;
	padding-left: 5%;
	padding-top: 8px;
	padding-bottom: 6px;
	font-size: 16px;
}

.child3 {
	width: 30%;
	margin-top: 20px;
	margin-bottom: 20px;
}


									/* エントリーフォーム */

									.entory_naiyou {
										width: 30%;
										font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
										font-size: 16px;
										color: #333;
										font-weight: 500;
										padding: 10px auto;
									}


									input[type=checkbox] {
									display: none;
									}
									.checkbox01 {
										box-sizing: border-box;
										cursor: pointer;
										display: inline-block;
										padding: 5px 30px;
										position: relative;
										width: auto;
									}
									.checkbox01::before {
										background: #fff;
										border: 1px solid #231815;
										content: '';
										display: block;
										height: 16px;
										left: 5px;
										margin-top: -8px;
										position: absolute;
										top: 50%;
										width: 16px;
									}
									.checkbox01::after {
										border-right: 3px solid #ed7a9c;
										border-bottom: 3px solid #ed7a9c;
										content: '';
										display: block;
										height: 9px;
										left: 10px;
										margin-top: -7px;
										opacity: 0;
										position: absolute;
										top: 50%;
										transform: rotate(45deg);
										width: 5px;
									}
									input[type=checkbox]:checked + .checkbox01::after {
										opacity: 1;
									}
								
								.form_wrap {
									width: auto;
									overflow: hidden;
									padding-bottom: 20px;
									border-bottom: 1px dotted #333;
									margin-bottom: 15px;
								}
								.hissu {
									display: block;
									text-align: center;
									color: #fff;
									border-radius: 50px;
									background-color: #14B5AB;
									padding-top: 5px;
									padding-bottom: 5px;
									font-size: 14px;
									width: 100px;
									float: left;
								}
							
								.ninni {
									display: block;
									text-align: center;
									color: #fff;
									border-radius: 50px;
									background-color: #2A4DA8;
									padding-top: 5px;
									padding-bottom: 5px;
									font-size: 14px;
									width: 100px;
									float: left;
								}
							
								.koumoku {
									
									display: block;
									text-align: left;
									color: #333;
									padding-top: 4px;
									padding-bottom: 4px;
									font-size: 16px;
									width: 140px;
									float: left;
									padding-left: 20px;
								}
								
								.nyuuryokuran {
									padding-top: 4px;
									display: block;
									width: 755px;
									float: right;
								}
								
								input {
									background-color: #fff;
									border: 1px solid #C6C6C6;
								}
								
								textarea {
									background-color: #fff;
									border: 1px solid #C6C6C6;
								}
								

								/* ラジオボタン01 */
								input[type=radio] {
									display: none;
								}
								.radio01 {
									box-sizing: border-box;
									cursor: pointer;
									display: inline-block;
									padding: 5px 30px;
									position: relative;
									width: auto;
								}
								.radio01::before {
									background: #fff;
									border: 1px solid #231815;
									border-radius: 50%;
									content: '';
									display: block;
									height: 16px;
									left: 5px;
									margin-top: -8px;
									position: absolute;
									top: 50%;
									width: 16px;
								}
								.radio01::after {
									background: #ed7a9c;
									border-radius: 50%;
									content: '';
									display: block;
									height: 10px;
									left: 9px;
									margin-top: -4px;
									opacity: 0;
									position: absolute;
									top: 50%;
									width: 10px;
								}
								input[type=radio]:checked + .radio01::after {
									opacity: 1;
								}



								.button {
								  display       : inline-block;
								  border-radius : 5%;          /* 角丸       */
								  font-size     : 13pt;        /* 文字サイズ */
								  text-align    : center;      /* 文字位置   */
								  cursor        : pointer;     /* カーソル   */
								  padding       : 16px 77px;   /* 余白       */
								  background    : #7f7f7f;     /* 背景色     */
								  color         : #ffffff;     /* 文字色     */
								  line-height   : 1em;         /* 1行の高さ  */
								  transition    : .3s;         /* なめらか変化 */
								  border        : 2px solid #7f7f7f;    /* 枠の指定 */
								  margin: 10px auto;
									display: block;
								}
								.button:hover {
								  color         : #7f7f7f;     /* 背景色     */
								  background    : #ffffff;     /* 文字色     */
								}

									/* エントリーフォーム */

								.wrap_slilup {
									width: 900px;
								}
								.child2_flow {
									width: 48%;
								}

								.child2_fukurikousei {
									width: 48%;
									background-color: #fff;
									box-shadow: 2px 2px 2px #999;
									margin-bottom: 25px;

								}

								.fukurikousei {
									font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
									font-weight: 500;
									text-align: center;
									font-size: 18px;
									padding-top: 20px;
									padding-bottom: 5px;
									display: block;

								}

@media screen and (max-width: 560px) {
 
	
.header_wraper_recruit {
}
.header_recruit {
	height: auto;
	width: 45%;
	float: left;
	padding-left: 1%;
	padding-top: 20px; 
	padding-bottom: 10px;
}

.contact_btn_wrap {
	width:50%;
	float: right;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 1%;
	overflow: hidden;
}
.btn_toprecruit {
	height: auto;
	width: 100%;
	padding-top: 0px;
	margin: 0 auto;
	float: none;
	padding-top: 0px;
	padding-bottom: 0px;
}

	
	
									.wrap_slilup {
										width: 80%;
										margin: 0 auto;
									}
									.child2_flow {
										width: 100%;
									}
	
						
								.child2_fukurikousei {
									width: 49%;
									margin-bottom: 5px;

								}

	
									/* リクルートトップ　*/

									.w1000_95per {
											width: 95%;
											margin: 0 auto;
										}

									.recruit_btn {
										width: 100%;
										height: auto;
										display: block;
										margin: 8px auto;
									}
	
										.bosyuu_type {
										font-size: 15px;
										padding-top: 4px;
										padding-bottom: 4px;
										margin-bottom: 7px;
										letter-spacing: 0em;
										}				

	
	
										.child3_flow {
											width: 85%;
											display: block;
											margin: 0 auto;
										}

										.child3_voice {
											width: 47%;
										}
									.konnnakata {
										background-position: left bottom;
										background-size: cover;
									}
										.konnnakata_right {
										padding-top: 25px;
										padding-bottom: 25px;
										margin-right: 25px;
										width: 55%;
									}

									.konnnakata_left {
										padding-top: 25px;
										padding-bottom: 25px;
										margin-left: 25px;
										width: 55%;
									}

									.entory_btn {
										margin-top: 5px;
										height: auto;
										width: 70%;
									}					

									.base2 {
										background-image: url(../img/base2b.jpg);
									}

									.base3 {
										background-image: url(../img/base3b.jpg);
									}


									.base4 {
										background-image: url(../img/base4b.jpg);
									}

			
									.btn_kangobu {
										height: auto;
										width: 85%;
										margin: 0px auto;
									}
	

									/* question */

			
									.q1 {
										height: 60px;
										padding-left: 80px;
									}


									.1 {
										height: 60px;
										padding-left: 80px;
									}

	
									/* 採用関連*/

	
									.icon_recruit {
										height: auto;
										width: 90%;
										margin: 0 auto;
									}

									.child3 {
										width: 48%;
										margin-bottom: 5px;
										margin-top: 5px;
									}
									table {
										font-size: 14px;

									}

										.subject {
									  width: 25%;
										font-size: 13px;
									}

									.noborder {
										width: 70%;
										font-size: 14px;
									}


	
									/* エントリーフォーム */

										.entory_naiyou {
											width: 100%;
											margin-bottom: 10px;
										}
										.nyuuryokuran {
											width: 100%;
											float: none;
											padding-top: 2px;
											margin-top: 10px;
										}
	

	
	.profile_title_img {
		width: 100%;
		height: auto;
	}

	.w70_w100 {
		width: 100%;
		padding-top: 60px;
	}
		.name_icon {
		height: auto;
		width: 70%;
	}
	
		
	.w30_20 {
		width: 35%;
	}
	.w70_80 {
		width: 62%;
	}
	
		.btn_left,.btn_right {
		width: 100%;
		float: none;
			margin-bottom: 0px;
	}
	}