@charset "utf-8";


/* --------------------------------------------------- */
/* etc */
/* --------------------------------------------------- */

/* --------------------------------------------------- */
/* FAQ  */
/* --------------------------------------------------- */
#faq archive {
	display: flex;
	flex-direction: column;
	gap: 1.0em 0;
}
#faq archive .block-asy {
	background-color: #f7f5ee;
	border-radius: 24px 0 0 24px;
}
#faq archive .block-asy > div {
	padding: 2.0em 0 2.0em 2.0em;
	width: 92.5%;
	max-width: 960px;
}
#faq archive .qes {
	position: relative;
	padding-left: 2.5em;
	color: #5e3732;
	font-weight: 500;
}
#faq archive .qes::before {
	content: 'Q';
	position: absolute;
	top: -0.10em;
	left: 0;
	font-size: 200%;
	font-weight: 500;
	line-height: 1.0;
}
#faq archive .ans {
	position: relative;
	margin-top: 1.0em;
	padding-left: 2.5em;
}
#faq archive .ans::before {
	content: 'A';
	position: absolute;
	top: -0.025em;
	left: 0;
	color: #93c031;
	font-size: 200%;
	font-weight: 500;
	line-height: 1.0;
}
#faq archive p a {
	color: #93c031;
	text-decoration: underline;
}

@media screen and (max-width: 420px) {
	#faq archive { gap: 0.75em 0; }
	#faq archive .block-asy { border-radius: 12px 0 0 12px; }
	#faq archive .block-asy > div {
		padding: 1.5em 0 1.5em 1.0em;
		width: 93%;
	}
	#faq archive .qes { padding-left: 2.0em; }
	#faq archive .ans { padding-left: 2.0em; }
}


/* --------------------------------------------------- */
/* for Medical  */
/* --------------------------------------------------- */
#formedical .available dl {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #d9d7d6;
}
#formedical .available dl dt {
	padding: 0.75em;
	width: 160px;
	background-color: #f7f5ee;
	border-bottom: 1px solid #d9d7d6;
	text-align: center;
}
#formedical .available dl dd {
	padding: 0.75em 0 0.75em  1.5em;
	width: calc(100% - 160px);
	border-bottom: 1px solid #d9d7d6;
}
#formedical .available h4,
#formedical .available h5 {
	color: #5e3732;
	font-family: "Kosugi Maru", sans-serif;
	font-size: 1.8rem;
}

@media screen and (max-width: 640px) {
	#formedical .available dl { flex-direction: column; }
	#formedical .available dl dt {
		padding: 0.5em 0.75em;
		width: 100%;
		border-bottom: none;
		text-align: left;
	}
	#formedical .available dl dd {
		padding: 0.75em;
		width: 100%;
	}
	#formedical .available dl + p { font-size: 1.4rem; }
}





/* --------------------------------------------------- */
/* News  */
/* --------------------------------------------------- */
#news archive,
#news article {
	display: block;
	max-width: 800px;
	border-bottom: 1px solid #93c031;
}
#news archive > div,
#news article > div {
	padding: 2.0em 0;
	border-top: 1px solid #93c031;
}
#news h3 {
	margin: 0.75em 0;
	color: #5e3732;
	font-family: "Kosugi Maru", sans-serif;
	font-size: 1.8rem;
}
#news h4 {
	margin-top: 1.0em;
	color: #5e3732;
	font-weight: 500;
}
#news h4::before { content: '■'; }
#news p + p { margin-top: 0.75em; }

#news .date {
	display: flex;
	align-items: center;
	gap: 0 1.0em;
	font-size: 1.4rem;
}
#news .date p {
	vertical-align: middle;
	text-box: trim-both cap alphabetic;
	white-space: nowrap;
}
#news .date .cat {
	padding: 0.5em 0;
	width: 80px;
	border-radius: 40px;
	color: #fff;
	font-family: "Kosugi Maru", sans-serif;
	text-align: center;
	vertical-align: middle;
	text-box: trim-both cap alphabetic;
	white-space: nowrap;
}
#news .date .cat.topics { background-color: #faa418; }
#news .date .cat.update { background-color: #459d78; }
#news .date .cat.etc { background-color: #306db0; }
#news .date .cat.important { background-color: #e43820; }
#news .pagenation {
	margin-left: auto;
	margin-right: auto;
	display: table;
	width: 84%;
	max-width: 800px;
	clear: both;
}
#news .pagenation .btn-prev { float: left; }
#news .pagenation .btn-next { float: right; }
#news .pagenation a {
	position: relative;
	padding: 0.5em 2.5em;
	color: #93c031;
	font-size: 1.4rem;
}
#news .pagenation a::before {
	content: '';
	position: absolute;
	top: 50%;
	display: block;
	width: 24px;
	height: 24px;
	background-image: url('../img/common/arrow-g.svg');
	background-repeat: no-repeat;
	background-size: contain;
}
#news .pagenation .btn-next a::before {
	right: 0;
	transform: translateY(-50%);
}
#news .pagenation .btn-prev a::before {
	left: ;
	transform: translateY(-50%) rotate(180deg);
}
#news .pagenation a span {
	text-box: trim-both cap alphabetic;
	white-space: nowrap;
}
#news .btn-link { margin: 0 auto; }

@media screen and (max-width: 420px) {
	#news .date { font-size: 1.2rem; }
	#news .date .cat {
		padding: 0.7em 0;
		width: 72px;
	}


}



/* --------------------------------------------------- */
/* Recruit  */
/* --------------------------------------------------- */
#recruit h2 + p { text-align: center; }
#recruit .point {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.25em 2.3%;
}
#recruit .point > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.5em 1.0em;
	width: 31.8%;
	min-height: 148px;
	background-color: #f7f5ee;
	border-radius: 1.5em;
	text-align: center;
}
#recruit .point p {
	color: #5e3732;
	font-family: "Kosugi Maru", sans-serif;
	font-size: 1.8rem;
}
#recruit .jobposting {
	display: flex;
	justify-content: space-between;
}
#recruit .jobposting h3 {
	padding-top: 0.75em;
	border-top: 1px solid ;
	width: 160px;
	color: #93c031;
	font-family: "Kosugi Maru", sans-serif;
	font-size: 1.8rem;
}
#recruit .jobposting h4 {
	color: #5e3732;
	font-family: "Kosugi Maru", sans-serif;
}
#recruit .jobposting dl {
	display: table;
	width: calc(95% - 160px);
}
#recruit .jobposting dl {
	border-top: 1px solid #d9d7d6;
}
#recruit .jobposting dl dt,
#recruit .jobposting dl dd {
	padding: 1.0em 0;
}
#recruit .jobposting dl dt {
	width: 128px;
	float: left;
}
#recruit .jobposting dl dd {
	padding-left: 128px;
	border-bottom: 1px solid #d9d7d6;
}

@media screen and (max-width: 960px) {
	#recruit .point { gap: 1.0em 3%; }
	#recruit .point > div {
		padding: 1.5em 1.0em;
		width: 48.5%;
		min-height: 96px;
	}
	#recruit .point > div:first-child { width: 100%; }
}
@media screen and (max-width: 767px) {
	#recruit h2 + p { text-align: left; }
	#recruit .jobposting h3 { width: 96px; }
	#recruit .jobposting dl {
		display: table;
		width: calc(95% - 96px);
	}
	#recruit .jobposting dl dt {
		width: 96px;
		float: left;
	}
	#recruit .jobposting dl dd {
		padding-left: 104px;
		border-bottom: 1px solid #d9d7d6;
	}
}
@media screen and (max-width: 640px) {
	#recruit .jobposting { flex-direction: column; gap: 0; }
	#recruit .jobposting h3 {
		padding: 0.4em 0.75em;
		width: 100%;
		background-color: #93c031;
		color: #fff;
	}
	#recruit .jobposting dl { width: 100%; border: 0; }
}
@media screen and (max-width: 540px) {
	#recruit .point p { font-size: 3.2vw; }
}
@media screen and (max-width: 420px) {
	#recruit .point { gap: 0.5em 0; }
	#recruit .point > div {
		padding: 1.0em;
		width: 100%;
		min-height: 56px;
	}
	#recruit .point > div:first-child { width: 100%; }
	#recruit .point p { font-size: 4.5vw; }
	#recruit .jobposting h4 { font-size: 1.4rem; }
	#recruit .jobposting dl dt {
		width: 80px;
	}
	#recruit .jobposting dl dd {
		padding-left: 88px;
	}
}


/* --------------------------------------------------- */
/* Privacy  */
/* --------------------------------------------------- */
#privacy h3 {
	color: #5e3732;
	font-family: "Kosugi Maru", sans-serif;
	font-size: 1.8rem;
	text-align: center;
}
#privacy h4 {
	color: #5e3732;
	font-family: "Kosugi Maru", sans-serif;
}
#privacy h4 + p {
	padding-left: 1.0em;
}
#privacy .reference {
	padding: 2.5em;
	border: 1px solid #93c031;
	border-radius: 1.5em;
}

@media screen and (max-width: 767px) {
	#privacy .reference { padding: 2.0em 5%; }
}
@media screen and (max-width: 420px) {
	#privacy .reference { padding: 1.5em 5%; }
}




/* --------------------------------------------------- */
/* BasicBreakPoint */
/* --------------------------------------------------- */
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 420px) {
}