@charset "utf-8";

/* 中途採用情報 CSS
========================================*/
#mainArea.recruit{
	color: #423433;
}

/* SPonly */
@media screen and (max-width:767px){
	h1 {
		font-size:155%;
		font-weight:bold;
		line-height:120%;
		margin-bottom:30px;
	}
	.txt{
		margin-bottom: 2.5em;
	}
	nav.pageNav {
		background:#f5f5f5;
		margin-bottom:-50px;
		padding:30px 0;
	}
	nav.pageNav ul {
		display:table;
		margin:0 auto;
	}
	nav.pageNav ul li {
		margin-bottom:15px;
		width:270px;
	}
	nav.pageNav ul li a {
		border:2px solid #333;
		border-radius:20px;
		display:block;
		padding:9px 5px 9px 5px;
		text-align:center;
	}
	nav.pageNav p {
		background:url(/medicare/common/img/arrow_back_sp.png) no-repeat left 6px;
		background-size:6px auto;
		margin:15px 0 0 5%;
		padding-left:12px;
	}
	.secInr {
		border-top:1px solid #5da11a;
		margin-top:25px;
		padding-top:25px;
	}
	
	nav.topNav ul {
		display:table;
		margin:0 auto 30px;
	}
	nav.topNav ul li {
		margin-bottom:15px;
		width:270px;
	}
	nav.topNav ul li a {
		border:2px solid #333;
		border-radius:20px;
		display:block;
		padding:9px 5px 9px 5px;
		text-align:center;
	}
	section {
		margin-bottom:40px;
	}
	section.mb40 {
		margin-bottom:25px;
	}
	section h2 {
		border-bottom:2px solid #5da11a;
		color:#5da11a;
		font-size:140%;
		font-weight:bold;
		line-height:120%;
		margin-bottom:25px;
		padding-bottom:12px;
	}
	section h3 {
		font-size:130%;
		font-weight:bold;
		line-height:150%;
		margin-bottom:20px;
	}
	section .mb40 {
		margin-bottom:20px;
	}
	section .box {
		background:#f7f8f1;
		margin-bottom:15px;
		padding:18px 20px;
	}
	section .box h4 {
		color:#5da11a;
		font-size:130%;
		font-weight:bold;
		line-height:120%;
		margin-bottom:15px;
	}
	section img {
		width:70%;
		display: block;
		margin: 2em auto 4em;
		border: 2px solid #5da11a;
		border-radius: 50%;
	}
	section .link{
		margin: 2em 0 4em 0em;
		padding-left: 1em;
		position: relative;
	}
	section .link a{
		display: block;
		position: relative;
		color: #1aa1b9;
		text-decoration: underline;
	}
	section .link a:hover{
		color: #5da11a;
		text-decoration: none;
	}
	section .link::before{
		content: "";
		background: url(/medicare/common/img/arrow_link_sp.png) no-repeat 0 0;
		background-size: cover;
		width: 0.5em;
		height: 0.6em;
		display: block;
		position: absolute;
		left: 0;
		top: 0.3em;
	}
}

/* PConly */
@media screen and (min-width:768px){

main.recruit {
padding: 120px 24px 0;
}
	h1 {
		font-size:200%;
		font-weight:bold;
		line-height:120%;
		margin-bottom:20px;
	}
	nav.pageNav {
		background:#f5f5f5;
		margin-bottom:-60px;
		padding:40px 0 35px;
	}
	nav.pageNav ul {
		margin:0 auto;
		width:950px;
	}
	nav.pageNav ul li {
		float:left;
		margin-right:10px;
		width:310px;
	}
	nav.pageNav ul li a {
		border:2px solid #333;
		border-radius:20px;
		display:block;
		padding:9px 5px 8px 5px;
		text-align:center;
	}
	nav.pageNav ul li a:hover {
		border:2px solid #5da11a;
		color:#5da11a;
		opacity:1;
	}
	nav.pageNav p {
		background:url(/medicare/common/img/arrow_back_pc.png) no-repeat left 6px;
		margin:30px auto 0;
		padding-left:12px;
		width:960px;
	}
	.secInr {
		border-top:1px solid #5da11a;
		margin-top:35px;
		padding-top:35px;
	}
	
	nav.topNav ul {
		margin:0 auto 50px;
		width:950px;
	}
	nav.topNav ul li {
		float:left;
		margin-right:10px;
		width:310px;
	}
	nav.topNav ul li a {
		border:2px solid #333;
		border-radius:20px;
		display:block;
		padding:9px 5px 8px 5px;
		text-align:center;
	}
	nav.topNav ul li a:hover {
		border:2px solid #5da11a;
		color:#5da11a;
	}
	section {
		margin-bottom:60px;
		letter-spacing: 0.05em;
	}
	section h2 {
		border-bottom:2px solid #5da11a;
		color:#5da11a;
		font-size:157%;
		font-weight:bold;
		line-height:120%;
		margin-bottom:20px;
		padding-bottom:15px;
	}
	section h3 {
		font-size:129%;
		font-weight:bold;
		line-height:120%;
		margin-bottom:20px;
	}
	section .faq{
		margin-bottom: 30px;
	}
	section .faq .boxL{
		margin-left: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	section .faq .boxR{
		margin-left: 0px;
		display: flex;
		flex-direction: row-reverse;
	}
	section .faq .boxL .text{
		width:600px;
		padding-left: 15px;
	}
	section .faq .boxL div{
		margin-right: 45px;
	}
	section .faq .boxR .text{
		width:650px;
		padding-left: 15px;
	}
	section .faq .boxR div{
		margin-left: 25px;
	}
	section .faq .illustImg img{
		border-radius: 50%;
		border: 2px solid #9bc86f;
	}
	section .box {
		width: 810px;
		background:#f7f8f1;
		margin: 0 auto 25px;
		padding:15px;
		border-radius: 10px;
	}
	section .box h4 {
		color:#838d43;
		font-size:136%;
		font-weight:bold;
		margin-bottom:10px;
	}
	section .box p {
		margin: 0 10px 0;
	}
	section .link{
		margin-left: 39px;
		padding-left: 18px;
		position: relative;
	}
	section .link a{
		display: block;
		position: relative;
		color: #1aa1b9;
		text-decoration: underline;
	}
	section .link a:hover{
		color: #5da11a;
		text-decoration: none;
	}
	section .link::before{
		content: "";
		background: url(/medicare/common/img/arrow_link_sp.png) no-repeat 0 0;
		background-size: cover;
		width: 8px;
		height: 8px;
		display: block;
		position: absolute;
		left: 0;
		top: 6px;
	}
}