@charset "utf-8";

/* recruit_detail
------------------------------------------------ */
#recruit_detail {
}

	#recruit_detail .main {
		position: relative;
	}
	#recruit_detail a {
		display: inline-block;
		vertical-align: top;
	}
		#recruit_detail .main h3 {}
		#recruit_detail .main .circle { position: absolute; right: 12px; bottom: -86px; width: 126px; }

	#recruit_detail .box {
		margin-top: 24px;
		width: 572px;
	}

		#recruit_detail .box h4 {
			margin-bottom: 20px;
		}

		#recruit_detail .photo_info {
			margin-bottom: 20px;
		}

			#recruit_detail .photo_info .photo {
				float: left;
				width: 220px;
			}

			#recruit_detail .photo_info .info {
				float: left;
				margin-left: 10px;
				width: 270px;
			}

				#recruit_detail .photo_info .comment { font-size: 85%; line-height: 1.8 }
				#recruit_detail .photo_info dl {}
				#recruit_detail .photo_info .point1 { width: 274px; }
					#recruit_detail .photo_info dl dt { margin-bottom: 10px; }
					#recruit_detail .photo_info dl dd { font-size: 85%; line-height: 1.8; }
	
	#recruit_detail #thumbnail_slide {
		position: relative;
		margin: 15px 0;
	}
		#recruit_detail #thumbnail_slide a {
			position: absolute;
			right: 10px;
			bottom: 15px;
			width: 238px;
		}

	#recruit_detail #work_long a {
		display: block;
		width: 396px;
	}

	#recruit_detail #work_long p {
		font-size: 131%;
		letter-spacing: 2px;
		overflow: hidden;
		padding: 20px 0;
		position: relative;
	}
		#recruit_detail #work_long p > img {
			position: absolute;
		    right: 0px;
		    top: 10px;
		    width: 102px;
		}
		#recruit_detail #work_long h3 span {
			font-size: 247%;
			color: #F15A24;
		}
	
	#recruit_detail #wanted_information .information_detail {
		padding: 10px 0 10px 20px;
	}
		#recruit_detail #wanted_information .information_detail span {
			font-size: 170%;
			margin-bottom: 10px;
			display: block;
			color: #08562D;
			font-weight: bold;
		}
	#recruit_detail #wanted_information p {
		font-size: 139%;
	}
	#recruit_detail #wanted_information p.focus { padding: 0.2em 0; }
	#recruit_detail #wanted_information p.min { font-size: 100%; }
		#recruit_detail #wanted_information .offer p {
			font-weight: bold;
		}
	#recruit_detail #wanted_information span>img {
		margin: 20px 0;
	}

	#recruit_detail #offering_content h3 {
		font-size: 162%;
		color: #F15A24;
		margin: 20px 0 10px;
	}
	#recruit_detail #offering_content a {
		margin: 37px 0;
		width: 386px;
	}
	#recruit_detail #offering_content p.box-orange {
	    float: right;
	    margin-top: -55px;
	}
	#recruit_detail #offering_content table {
	  width: 100%;
	  border-collapse: collapse;
	}

		#recruit_detail #offering_content table tbody tr td {
		  text-align: left;
		  padding: 0.3em 1em;
		  border: 1px solid #39B54A;
		  font-size: 139%;
		  font-weight: 400;
		}
		#recruit_detail #offering_content table tbody tr td:first-child {
			text-align: center;
			padding: 0.3em;
		}

			#recruit_detail #three_reason .column_list {
				display: inline-block;
				padding-bottom: 30px;
				background: url(../../img/recruit/link-column.png) bottom no-repeat;
			}
				#recruit_detail #three_reason .column_list .row {
					padding: 25px 15px 0;
					display: inline-block;
				}
				#recruit_detail #three_reason .column_list > img {
					margin-top: 15px;
				}
					#recruit_detail #three_reason .column_list .column_title {
						display: inline-block;
						width: 100%;
						margin-bottom: 20px;
						position: relative;
					}
					#recruit_detail #three_reason .column_list .thumbnail-column {
						width: 241px;
						float: left;
					}
					#recruit_detail #three_reason .column_list .text {
						width: 281px;
						float: right;
					}
						#recruit_detail #three_reason .column_list .text p {
							font-size: 131%;
						}
						#recruit_detail #three_reason .column_list .text p:first-child {
							font-size: 139%;
							margin-bottom: 10px;
							letter-spacing: -1px;
						}
							#recruit_detail #three_reason .column_list .text p > span {
								color: #F15A24;
							}
					#recruit_detail #three_reason .column_list.col_right .thumbnail-column {
						width: 241px;
						float: right;
					}
					
					#recruit_detail #three_reason .column_list.col_right .text {
						width: 281px;
						float: left;
					}
			/*#recruit_detail #three_reason .column_list .text p > span.big {
				font-size: 35px;
			}*/
	#recruit_detail #adoption {
		margin: 30px 0;
		text-align: center;
	}
		#recruit_detail #adoption .row {
			padding-top: 30px;
		}
			#recruit_detail #adoption .row ol li {
				background: url(../../img/recruit/arrow-green.png) bottom no-repeat;
				padding: 10px 0 30px;
			}
			#recruit_detail #adoption .row ol li:last-child {
				background: none;
			}
			#recruit_detail #adoption .row ol li p {
				padding: 6px 0;
				background: #FFFF00;
				font-size: 200%;
				font-weight: bold;
			}

/* main_info */
#main_info {
}

	#main_info h4 {
		font-size: 216%;
		font-weight: bold;
		color: #06331d;
	}

	#main_info .copy {
		margin-bottom: 38px;
		font-size: 124%;
		color: #06331d;
	}

/* outline */
#outline {
}

	#outline .sub_box {
		position: relative;
		margin-top: 16px;
	}

		#outline .sub_box h5 {
			margin-bottom: 4px;
			font-size: 116%;
			font-weight: bold;
			color: #06331d;
		}

		#outline .sub_box .comment {
			margin-left: 1.6em;
			font-size: 85%;
		}

		#outline .sub_box table {
			width: 460px;
			border-top: solid #39b54a 2px;
			border-left: solid #39b54a 2px;
			border-spacing: 0;
		}

			#outline .sub_box table th,
			#outline .sub_box table td { padding: 6px 12px; border-right: solid #39b54a 2px; border-bottom: solid #39b54a 2px; text-align: left; vertical-align: top; }
			#outline .sub_box table th { width: 94px; font-size: 100%; color: #06331d; }
			#outline .sub_box table td { font-size: 85%; }

	#outline .motto {
		width: 460px;
	}

		#outline .motto .explain {
			width: 352px;
			font-size: 85%;
		}

		#outline .motto .pic {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 88px;
		}

/* process */
#process {
}

	#process ol {
	}

		#process ol li {
			float: left;
			display: table;
			margin-right: 6px;
			padding-right: 40px;
			width: 140px;
			height: 42px;
			background: url(../../img/recruit/process_arrow.gif) no-repeat right center;
			background-size: 33px;
			text-align: center;
			font-size: 85%;
			font-weight: bold;
			color: #06331d;
		}
		#process ol .result { margin-right: 0; padding-right: 0; background: none; font-size: 100%; }

			#process ol li .table-cell { display: table-cell; width: 100%; height: 100%; background: #ff0; vertical-align: middle; }

	#process .attention {
		margin-top: 16px;
		font-size: 85%;
		color: #06331d;
	}

	#process dl {
		margin-top: 12px;
		border: solid #06331d 2px;
	}

		#process dl dt,
		#process dl dd {
			display: inline-block;
			vertical-align: middle;
		}

		#process dl dt {
			width: 194px;
			border-right: solid #06331d 2px;
		}

		#process dl dd {
			padding-left: 20px;
			width: 276px;
		}

			#process .tel dd .number {}
				#process .tel dd .number a { display: block; }
			#process .form dd .btn { width: 198px; }
				#process .form dd .btn a { display: block; }
			#process .form dd .note { margin-top: 10px; width: 272px; font-size: 77%; line-height: 1; }