@charset "UTF-8";

/* recruit
---------------------------------------------------------------------------*/
#head-imgslider-container .pic-blog {
	bottom: -310px;
}

body#recruit .page-title {
	margin-bottom: 30px;
}

body#recruit .job-title .title,
body#recruit #recruit-form .page-title .title {
	margin-bottom: 18px;
	font-size: 20px;
}

body#recruit .job-title .title {
	margin-bottom: 14px;
}

/* .recruit-main
------------------------------------*/
.recruit-main {
	overflow: hidden;
	width: 100%;
}

.slider-recruit {
	display: flex;
}

.slider-recruit.top {
	margin-bottom: 10px;
}

.slider-recruit .inner {
	width: 204px;
	margin-right: 10px;
}

.slider-recruit .inner img {
	width: 100%;
}

/* .recruit-container
------------------------------------*/
.white-box .title {
	padding-top: 13px;
	font-size: 14px;
	letter-spacing: 0.1em;
}

.recruit-container .white-box-inner {
	position: relative;
}

.recruit-container .white-box-inner figure {
	margin-bottom: 22px;
}

.recruit-container .white-box-inner figure,
.recruit-container .white-box-inner figure img {
	width: 100%;
}

#recruit1 .white-box-inner figure {
	position: absolute;
	top: 7px;
	left: 10px;
	width: 126px;
	z-index: 0;
}

.recruit-container .white-box-inner .txt {
	position: relative;
	margin: 0;
	z-index: 1;
}

.recruit-container .white-box-inner .txt h3 {
	margin-bottom: 14px;
	color: #F48C00;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.08em;
	text-align: center;
}

#recruit1 .white-box-inner .txt h3 {
	margin-bottom: 20px;
	padding-left: 105px;
	letter-spacing: 0.07em;
	text-align: left;
}

.recruit-container .white-box-inner .txt p {
	text-align: justify;
}

.recruit-container .white-box-inner .txt .btn-link {
	margin-top: 20px;
}

.job-title {
	margin-top: 65px;
	margin-bottom: 30px;
}

/* grid-box
------------------------------------*/
.grid-box {
	background: #fff;
	border-right: #FEE7B0 1px solid;
	border-bottom: #FEE7B0 1px solid;
	border-radius: 5px;
	width: 90%;
	margin: 0 auto 25px;
	padding: 14px 14px 25px;
}

.grid-box .grid-bg {
	position: relative;
	background: url(../img/recruit/bg_grid.png) repeat-y left -3px top 0;
	line-height: 1.8;
}

.grid-box .title {
	background: #FDF9E0;
	border-radius: 3px;
	margin: 0 0 22px;
	padding: 12px 18px 10px;
	color: #F39800;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.08em;
}

.grid-box .lead {
	margin: 0 10px;
	letter-spacing: 0.06em;
	text-align: justify;
}

.grid-box .lead img {
	max-width: 100%;
}


/* .table-box
---------------------------------------------------------------------------*/
.grid-box .table-box {
	margin:30px 15px 0;
}

.grid-box .table-box table {
	width:100%;
}

.grid-box .table-box table th,.grid-box .table-box table td {
	font-size:14px;
	letter-spacing:1px;
}

.grid-box .table-box table th {
	width:115px;
	text-align:left;
	padding:17px 0 17px 3px;
	color:#F39800;
	border-bottom:1px dotted #aaa;
}

.grid-box .table-box table td {
	padding:17px 0;
	border-bottom:1px dotted #aaa;
}

.grid-box .table-box table td dl dt,.grid-box .table-box table td dl dd {
	line-height:1.7;
}

.grid-box .table-box table td dl dt {
	width:95px;
	clear:both;
	float:left;
	letter-spacing:1px;
}

.grid-box .table-box table td dl dd {
	padding:0 0 12px 95px;
}

.grid-box .table-box table td dl dd:last-child {
	padding-bottom:0;
}

/* .other
------------------------------------*/
.grid-box .table-box .other {
	font-size:14px;
	margin:35px 0 0;
}

/* pdfLinkSet
------------------------------------*/
.pdfLinkSet {
	width:100%;
}

.pdfLinkSet li {
	display:inline;
	float:left;
	margin-right:20px;
}


/* white-box
---------------------------------------------------------------------------*/
.white-box.mobile-attention {
	padding: 20px 30px 22px;
}

.white-box dl.note dt {
	margin-bottom: 13px;
}


/* contactform
---------------------------------------------------------------------------*/
.contactform {
	position: relative;
	background: #F0F0E0;
	border-radius: 6px;
	margin-bottom: 50px;
	padding: 20px 20px 0;
}

.contactform input,
.contactform textarea {
	box-sizing: border-box;
	border: none;
	width: 118%;
	padding: 20px 20px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.6;
	transform: scale(0.85);
	transform-origin: left top;
}

.contactform textarea {
	height: 360px !important;
	margin-bottom: -35px;
}

.contactform-right {
	height: auto !important;
}

.contactform input::-webkit-input-placeholder { color:#F39800; }
.contactform input:-ms-input-placeholder { color:#F39800; }
.contactform input::-moz-placeholder { color:#F39800; }
.contactform textarea::-webkit-input-placeholder { color:#F39800; }
.contactform textarea:-ms-input-placeholder { color:#F39800; }
.contactform textarea::-moz-placeholder { color:#F39800; }

.contactform ul li { margin: 0 0 4px; }

.contactform .bg-leaf1 {
	display: block;
	position: absolute;
	right: -20px;
	bottom: -20px;
}

.contactform .bg-leaf1 img {
	width: 120px;
}

.submit-area {
	width: 90%;
	margin: 0 auto;
}

.submit-area p.btn {
	margin-bottom: 0;
}

.submit-area .btn-orange {
	background: #F39800;
	border: none;
	border-radius: 3px;
	width: 100%;
	padding: 14px 0 13px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.1em;
}


/* contactform7 response
---------------------------------------------------------------------------*/
.screen-reader-response {
	display:none;
}

.wpcf7-not-valid-tip {
	display: block;
	margin: 2px 0 20px;
	color: #F39800;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.08em;
}

.wpcf7-response-output {
	width: 90%;
	margin: 20px auto 0;
	color: #F39800;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.08em;
}


/* recruit, recruit-thanks
---------------------------------------------------------------------------*/
#recruit-form {
	overflow: hidden;
}

#recruit-thanksContents #recruit-form {
	margin-top: 0;
}

#recruit-form .page-title {
	margin-top: 40px;
	margin-bottom: 35px;
	padding: 0 11%;
}

#recruit-form .page-title .title {
	margin-bottom: 18px;
	font-size: 18px;
}

#recruit-form .page-title .txt {
	text-align: justify;
}

#recruit-form .page-title .txt br {
	display: none;
}

body#recruit-thanks #head-imgslider-container {
	display: none !important;
}

#recruit-thanksContents .white-box.mobile-attention {
	margin-bottom: 0;
}