@charset "UTF-8";

/*-------------------------------
	sub visual
-------------------------------*/

.sub_visual::before {
	background:url(../images/bg_subvisual_recruit.png) no-repeat right center / cover;
}

/*-------------------------------
	ar_recruit
-------------------------------*/
.recruit_about {
	padding-top:12rem;
	padding-bottom:12rem;
}

.recruit_about .icon-title::after {
	width:6.1rem;
	height:6.4rem;
	background:url(../images/icon_recruit.svg) no-repeat center / contain;
}

/*-------------------------------
	trans no
-------------------------------*/

.recruit_no_wrap {
	max-width:58rem;
	margin:0 auto 2rem;
	padding:3rem 7rem;
}

.recruit_no_wrap h3 {
	font-size:1.8rem;
	line-height:1.75;
	letter-spacing: 0.1em;
	font-weight:600;
	margin-bottom:1em;
}

.recruit_no {
	text-align: center;
}

.recruit_no span {
	display: inline-block;
	font-size:3.2rem;
	font-weight:600;
	letter-spacing: 0.1em;
	padding:0.65em 0 0.65em 9.5rem;
	position:relative;
}

.recruit_no span::before {
	content:"";
	display: block;
	width:7rem;
	height:7rem;
	background:url(../images/icon_tel_green.svg) no-repeat center / contain;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto 0;
}

/*-------------------------------
	recruit txt
-------------------------------*/

.recruit_txt p {
	letter-spacing: 0.1em;
}

/*-------------------------------
	rec link
-------------------------------*/

.rec_link_wrap {
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: flex-start;
	margin-top:7rem;
}

.rec_link {
	width:32%;
	max-width:32.6rem;
	height:13.2rem;
}

.rec_link a {
	display: block;
	width:100%;
	height:100%;
	background:#fff;
	position: relative;
}

.rec_link a::before {
	content:"";
	display: block;
	width:calc(100% - 1rem);
	height:calc(100% - 1rem);
	border:.1rem solid;
	border-image: linear-gradient( 30deg, rgb(142, 129, 73) 0%, rgb(173, 160, 99) 40%, rgb(226, 214, 166) 100%) 1;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

.rec_link_inner {
	display:flex;
	width:100%;
	height:100%;
}

.rec_link_img {
	width:49%;
	height:100%;
}

.rec_link_img img {
	width:100%;
	height:100%;
	object-fit: cover;
}

.rec_link_txt {
	width:51%;
	padding-top:4.5rem;
}

.rec_link_txt h4 {
	text-align: center;
}

.rec_link_txt h4 span {
	font-size:2rem;
	font-weight:600;
	letter-spacing: 0.13em;
	position:relative;
}

.rec_link_txt h4 span::after {
	content:"";
	display: block;
	width:1.9rem;
	height:1rem;
	background:url(../images/arrow-gold02.svg) no-repeat center / contain;
	position:absolute;
	left:0;
	right:0;
	bottom:-2.8rem;
	margin:0 auto;
}

/*-------------------------------
	sec recruit
-------------------------------*/

.sec_recruit {
	padding-top:0;
}

.icon_title {
	font-size:2.6rem;
	font-weight:600;
	letter-spacing: 0.05em;
	position:relative;
	padding:0.6em 0 0.6em 7.2rem;
	display: inline-block;
}

.sec_recruit h2 .text-red {
	display: inline-block;
	font-size:2.6rem;
	font-weight:600;
	letter-spacing: 0.05em;
	position:relative;
	padding-left:0.75em;
}

.icon_title::before {
	content:"";
	display: block;
	width:5.6rem;
	height:5.6rem;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto 0;
}

.icon_nurse::before {
	background:url(../images/icon_nurse.svg) no-repeat center / contain;
}

.icon_orthoptist::before {
	background:url(../images/icon_orthoptist.svg) no-repeat center / contain;
}

.icon_administration::before {
	background:url(../images/icon_administration.svg) no-repeat center / contain;
}

/*-------------------------------
	dl list
-------------------------------*/

.dl_wrap {
	padding-top:2rem;
	max-width:96rem;
	margin:0 auto;
}

.dl_list {
	display: flex;
	flex-wrap:wrap;
}

.dl_list dt {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size:1.7rem;
	font-weight:600;
	letter-spacing: 0.13em;
	width:20rem;
	padding:3rem 0.5em 3rem 1em;
	line-height:1.75;
	border-bottom:.2rem solid #b7ac5f;
}

.dl_list dt.ali_start {
	align-items: flex-start;
}

.dl_list dd {
	width:calc(100% - 20rem);
	padding:3rem 0 3rem 3rem;
	border-bottom:.2rem solid #e8e8e8;
}

.dl_list dd p,
.dl_list dd p span {
	font-size:1.7rem;
	font-weight:400;
	letter-spacing: 0.13em;
	line-height:1.75;
}

.dl_list dd span.kome {
	display: inline-block;
}

/*-------------------------------
	responsive
-------------------------------*/

@media screen and (max-width:960px) {

.rec_link_txt h4 span {
	font-size:1.8rem;
}

} /* end 960px */

/*-------------------------------
	ver sp
-------------------------------*/

@media screen and (max-width:768px) {

/*-------------------------------
	sub visual
-------------------------------*/

.sub_visual::before {
	background-position:60% center;
}

/*-------------------------------
	ar_recruit
-------------------------------*/

.recruit_about {
	padding-top:6rem;
	padding-bottom:6rem;
}

.recruit_about .icon-title::after {
	width:4.5rem;
	height:4.8rem;
}

/*-------------------------------
	trans no
-------------------------------*/

.recruit_no_wrap {
	max-width:100%;
	margin:0 auto 2.5rem;
	padding:3rem 1rem;
}

.recruit_no_wrap h3 {
	font-size:1.8rem;
	letter-spacing: 0.05em;
}

.recruit_no span {
	font-size:2.8rem;
	padding:0.65em 0 0.65em 7.5rem;
}

.recruit_no span::before {
	width:6rem;
	height:6rem;
}

/*-------------------------------
	recruit txt
-------------------------------*/

.recruit_txt p {
	text-align: left;
}

/*-------------------------------
	rec link
-------------------------------*/

.rec_link_wrap {
	margin-top:4rem;
}

.rec_link {
	width:100%;
	max-width:100%;
	height:13.9rem;
}

.rec_link:not(:last-of-type) {
	margin-bottom:2.5rem;
}

.rec_link a::before {
	width:calc(100% - 1.5rem);
	height:calc(100% - 1.5rem);
}

.rec_link_txt {
	padding-top:4.5rem;
}

.rec_link_txt h4 span {
	font-size:2rem;
}

.rec_link_txt h4 span::after {
	width:1.9rem;
	height:1rem;
	bottom:-2.8rem;
}

/*-------------------------------
	sec recruit
-------------------------------*/

.sec_recruit {
	padding-top:0;
}

.icon_title {
	font-size:2.4rem;
	padding:0.6em 0 0.6em 6.6rem;
}

.sec_recruit h2 .text-red {
	font-size:2.4rem;
}

.icon_title::before {
	width:5.1rem;
	height:5.1rem;
}

/*-------------------------------
	dl list
-------------------------------*/

.dl_wrap {
	padding-top:1.5rem;
	max-width:100%;
}

.dl_list dt {
	display:block;
	font-size:1.7rem;
	width:100%;
	padding:3.5rem 1rem 1.5rem;
}

.dl_list dt.ali_start {
	align-items: flex-start;
}

.dl_list dd {
	width:100%;
	padding:1.5rem 1rem;
}

.dl_list dd p,
.dl_list dd p span {
	font-size:1.6rem;
}


} /* end 768px */