@charset "utf-8";

/* ----基本---------------------------------------------------------- */
.head_bg {
	display:block;
	height:180px;
	background-image: url("./images/top_bg.jpg");
	background-repeat: repeat-x;
	padding:0;
	margin:12px 0 10px;
	position: relative;
	overflow:hidden;
	z-index:10;
}
.head_bg::before {
	content: "";
	position: absolute;
	top: -190px;
	left: calc(50% - 280px);
	right: calc(50% + 280px);
	width: 560px;
	height: 560px;
	background-color: rgba(255,255,255,.7);
	border-radius: 50%;
	z-index:11;
}
.head_bg span {
	display:block;
	top: 65px;
	width:100%;
	font-size:36px;
	text-align:center;
	z-index:12;
	position: absolute;
}

.pankuzu {
	display:block;
	padding:0;
	margin:0px 0 60px;
	background-color: #fff;
	font-size:12px;
}
.pankuzu a, {
	color:#000;
}

.ancerbox {
	display:block;
	padding:15px;
	margin:0px 0 60px;
	background-color: #fff;
	border:solid 4px #96ebd7;
	border-radius:50px;
	text-align:center;
	font-size:16px;
}
.ancerbox a {
	display:inline;
	padding:0 20px 0 0;
}
.arrow-bottom {
	display: inline-block;
	top: 2px;
	margin:0px 0 0 4px;
	padding: 10px;
	background-color: #29c4a0;
	border-radius: 50%;
	position: relative;
}
.arrow-bottom::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	left: 6px;
	top: 7px;
	transform: rotate(135deg);
	top: 4px;
}
.ancerbox a:hover {
	opacity;.7;
}

.pagetitle {
	display:block;
	padding:10px 20px;
	margin:0px 0 20px;
	background-color: #29c4a0;
	color:#fff;
	font-size:24px;
	border-radius: 8px;
}
.catchcopy {
	display:block;
	margin:0px 0 15px;
	font-size:26px;
	color:#ee7800;
}
.copy {
	display:block;
	margin:0px 0 15px;
	font-size:16px;
}
.box {
	display:block;
	margin:0px 0 40px;
	font-size:16px;
}

/* ----内容---------------------------------------------------------- */
.recruit .recruit_clum {
	display:block;
	margin:0px 0 40px;
}
.recruit .recruit_clum ul {
	display: flex;
	width:100%;
	justify-content: space-between;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.recruit .recruit_clum ul li {
	display:block;
}
.recruit .recruit_clum ul li:nth-child(1) {
	width:660px;
}
.recruit .recruit_clum ul li:nth-child(2) {
	width:540px;
}
.recruit .recruit_clum ul li .recruit_copy {
	display:block;
	margin:0px 0 10px;
	padding:0px;
	font-size:20px;
	font-weight:bold;
	color:#ee7800;
}
.recruit .recruit_clum ul li .recruit_text {
	display:block;
	margin:0px 0 10px;
	padding:0px;
}
.contactlink {
	display:block;
	margin:50px 0 80px;
	padding:40px;
	font-size:18px;
	font-weight:bold;
	color:#e9546b;
	text-align:center;
	background-color: #fce7e5;
	border-radius:100px;
}
.contactlink a {
	display:inline-block;
	margin:20px 0 0px;
	padding:15px 80px;
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-align:center;
	background-color: #fff;
	border-radius:6px;
	border:solid 1px #BFBFBF;
}
.contactlink a:hover {
	background-color: #f4f3ed;
}
.recruit .recruit_clum2 {
	display:block;
	margin:0px 0 40px;
}
.recruit .recruit_clum2 ul {
	display: flex;
	width:100%;
	justify-content: space-between;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.recruit .recruit_clum2 ul li {
	display:block;
}
.recruit .recruit_clum2 ul li:nth-child(1) {
	width:720px;
}
.recruit .recruit_clum2 ul li:nth-child(2) {
	width:480px;
}
.recruit .recruit_clum2t {
	display:block;
	margin:0px 0 40px;
}
.recruit .recruit_clum2t ul {
	display: flex;
	width:100%;
	justify-content: space-between;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.recruit .recruit_clum2t ul li {
	display:block;
}
.recruit .recruit_clum2t ul li:nth-child(1) {
	width:900px;
}
.recruit .recruit_clum2t ul li:nth-child(2) {
	width:300px;
}
.subtitle {
	display: block;
	text-align:left;
	padding:6px 0px 6px 15px;
	margin: 30px 0px 20px 0;
	background-color:#fff;
	border-left:solid 8px #29c4a0;
	border-bottom:solid 2px #ddd;
	color:#000;
	font-size:20px;
	line-height:18px;
	font-weight:bold;
}
.subtitle2 {
	display: block;
	text-align:left;
	padding:6px 0px 6px 2px;
	margin: 30px 0px 20px 0;
	background-color:#fff;
	border-bottom:solid 2px #29c4a0;
	color:#29c4a0;
	font-size:20px;
	line-height:18px;
	font-weight:bold;
}

.recruit .recruit_clum3 {
	display:block;
	margin:0px 0 40px;
}
.recruit .recruit_clum3 ul {
	display: flex;
	width:100%;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.recruit .recruit_clum3 ul li {
	display:block;
	width:calc(100% / 3 - 60px);
	padding:20px;
	margin:0px 0px 20px 0px;
	background-color:#d9f6ef;
	border-radius:10px;
}
.recruit .recruit_clum3 ul li div{
	display: block;
	text-align:left;
	padding:6px 0px 6px 2px;
	margin: 0px 0px 10px 0;
	border-bottom:solid 2px #29c4a0;
	color:#29c4a0;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
}
.recruit .recruit_clum4 {
	display:block;
	margin:0px 0 40px;
}
.recruit .recruit_clum4 ul {
	display: flex;
	width:100%;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}
.recruit .recruit_clum4 ul li {
	display:block;
	width:calc(100% / 4 - 60px);
	padding:36px 20px 0 20px;
	margin:0px 0px 20px 0px;
	background-color:#d9f6ef;
	border-radius:10px;
	text-align:center;
	position: relative;
}
.recruit .recruit_clum4 ul li.nigyo {
	padding:20px;
}
.recruit .recruit_clum4 ul li.non {
	background-color:#fff;
}
.recruit .recruit_box2 {
	display:block;
	padding:15px;
	margin:10px 0 40px;
	border:solid 1px #ddd;
}
.recruit .recruit_box2 p {
	margin-left:1em;
	text-indent: -1em;
}
/* ----recruit_youkou---------------------------------------------------------- */
.accordionbox {
	display:block;
	padding-bottom: 25px;
}

.accordionbox dt {
	display:block;
	margin-bottom: 12px;
	padding: 6px 12px 6px 12px;
	background-color: #d9f6ef;
	cursor:pointer;
	overflow:hidden;
}
.accordionlist dt .title{
	float: left;
	width:97%;
	font-size:18px;
	font-weight:bold;
}
.accordionbox dt span {
	float: right;
	width:30px;
	height:30px;
	background:url(./images/close.png);
	background-repeat: no-repeat;
	background-position:right top;
}
.accordionbox dt span.opens {
	float: right;
	width:30px;
	height:30px;
	background: url(./images/open.png);
	background-repeat: no-repeat;
	background-position:right top;
}
.accordionbox dd {
	display: none;
}
.accordionbox dd.opens {
	display: block;
	background-color: #fff;
	margin: 0 auto 40px;
	overflow:hidden;
}
.accordionbox dd table {
	display:table;
	width:1220px;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 30px auto;
}
.accordionbox dd table th {
	width:120px;
	padding: 10px;
	border:1px solid #BFBFBF;
	font-weight: normal;
	vertical-align:top;
	text-align:left;
	background-color:#eee;
}
.accordionbox dd table td {
	padding: 10px;
	border:1px solid #BFBFBF;
	vertical-align:top;
}
