﻿@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
.recruit-sec .txt1 {text-align:center; color:#fff; margin:40px 0 0 0; padding:20px 15px 25px 15px; background-color:#74a139; border-radius:15px;}
.recruit-sec .txt1 dt {font-size:3.0rem;}
.recruit-sec .txt1 dd {font-size:1.6rem; margin:1.2em 0 0 0;}
.recruit-sec .txt1 + .txt2 {margin-top:110px;}
.recruit-sec .txt2 {margin:140px 0 0 0;}
.recruit-sec .txt3 {text-align:left; margin:30px 0 0 0;}
.recruit-sec .txt3 dl {font-size:1.6rem; padding:1.0em 0.5em; border-bottom:solid 2px #ebebeb; display:flex;}
.recruit-sec .txt3 dt {width:10.0em; font-weight:bold; line-height:1.87;}
.recruit-sec .txt3 dd {line-height:1.87; flex:1;}
.recruit-sec .txt3 li {padding:0 0 0 1.0em; position:relative;}
.recruit-sec .txt3 li::before {content:'・'; display:block; position:absolute; top:0; left:0;}
.recruit-sec .txt4 {margin:70px 0 0 0; padding:20px; background:url(../img/common/bg_01.jpg) center center repeat;}
.recruit-sec .txt4 dl {padding:25px 50px 45px 50px; background-color:rgba(255,255,255,0.7);}
.recruit-sec .txt4 dt {font-size:2.6rem; font-weight:bold; text-align:center; padding:0 0 0.2em 0; position:relative;}
.recruit-sec .txt4 dt::before {content:''; width:180px; height:2px; margin:0 0 0 -90px; background-color:#92734d; display:block; position:absolute; bottom:0; left:50%;}
.recruit-sec .txt4 dd {font-size:1.6rem; line-height:1.87; text-align:left; margin:40px 0 0 0;}
.recruit-sec .txt4 dd.btn {text-align:center; margin:30px 0 0 0;}
.recruit-sec .txt4 dd.btn a {width:400px; height:60px; font-size:2.2rem; text-decoration:none; color:#fff; margin:0 auto; background-color:#74a139; border-radius:5px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; position:relative; transition:opacity 0.3s ease;}
.recruit-sec .txt4 dd.btn a::before {content:''; width:16px; height:16px; margin:-8px 10px 0 0; background:url(../img/common/arrow_01_w.svg) center center no-repeat; background-size:cover; display:block; position:absolute; top:50%; right:0; transform:rotate(90deg);}
.recruit-sec .txt4 dd.btn a:hover {opacity:0.7;}

@media screen and (max-width:767px){
	.recruit-sec .txt1 {margin:10px 0 0 0; padding:10px 10px 15px 10px; border-radius:10px;}
	.recruit-sec .txt1 dt {font-size:1.8rem;}
	.recruit-sec .txt1 dd {font-size:1.2rem;}
	.recruit-sec .txt1 + .txt2 {margin-top:30px;}
	.recruit-sec .txt2 {margin:50px 0 0 0;}
	.recruit-sec .txt3 {margin:10px 0 0 0;}
	.recruit-sec .txt3 dl {display:block;}
	.recruit-sec .txt3 dt {width:auto; font-size:1.8rem;}
	.recruit-sec .txt3 dd {font-size:1.4rem;}
	.recruit-sec .txt4 {margin:30px 0 0 0; padding:10px;}
	.recruit-sec .txt4 dl {padding:15px 10px;}
	.recruit-sec .txt4 dt {font-size:1.6rem; padding:0 0 0.5em 0;}
	.recruit-sec .txt4 dt::before {width:90px; margin:0 0 0 -45px;}
	.recruit-sec .txt4 dd {font-size:1.2rem; margin:20px 0 0 0;}
	.recruit-sec .txt4 dd.btn {margin:10px 0 0 0;}
	.recruit-sec .txt4 dd.btn a {width:100%; height:40px; font-size:1.4rem;}
	.recruit-sec .txt4 dd.btn a::before {width:12px; height:12px; margin:-6px 5px 0 0;}
}
