/* CSS Document */

@media (min-width:751px){
/*mv*/
	#mv { background: url("../images/recruit/mv.jpg") center center no-repeat; background-size: cover; }
	#mv h2 { color: #008f6b; }
	#mv span { color: #161616; }


	.cmenu { padding-left: 130px; }
	.cmenu li { width: 220px; }
	.cmenu li a { width: 220px; }

	/*#cmenu { text-align: center; width: 1200px; margin-bottom: 55px; }
	#cmenu li { width: 400px; height: 45px; float: left; }
	#cmenu li a { display: block; width: 400px; height: 45px; line-height: 45px; font-size: 14px;
		border-bottom: #e5e5e5 1px solid; }
	#cmenu li a:hover { border-bottom: #008f6b 1px solid; opacity: 1; }*/

	/*#p1,#p2 { margin-bottom: 65px; }*/
	#p1 #m1 { position: relative; width: 100%; height: 300px; margin: 205px 0 135px; 
		background: url("../images/bg.jpg") repeat; }
	#p1 #m1 .mainw { position: relative; height: 300px; }
	#p1 #m1 .img { position: absolute; left: 0; width: 680px; height: 485px;
		bottom: 60px; }
	#p1 #m1 .img img { position: absolute; bottom: 0; right: 0; }
	#p1 #m1 .txt { position: absolute; bottom:100px; right: 0; width: 630px; height: 280px;
		padding: 50px; /*color: #ffffff; */ background: #ffffff;  }
	#p1 #m1 .txt h4 { font-size: 22px; margin-bottom: 35px; }
	#p1 #m1 .txt p { font-size: 14px; line-height: 26px; }
	#p1 #m1 .txt p.sign { text-align: right; }

	#p1_2 li { float: left; width: 560px; height: 800px; position: relative; }
	#p1_2 li:nth-child(even) { float: right; }
	#p1_2 li h4 { font-size: 32px; }
	#p1_2 li h4 span { display: inline-block; width: 53px; height: 53px; line-height: 53px; color: #ffffff;
		text-align: center; margin: 0 15px 15px 0; background: #00876B; }
	#p1_2 li p { padding: 30px; font-size: 14px; line-height: 26px; }
	#p1_2 li a.cbtn { position: absolute; bottom: 55px; left: 50%; margin-left: -140px; }
	#p1_2 li:nth-child(3) a.cbtn,#p1_2 li:nth-child(4) a.cbtn { bottom: 150px; }

	#p2 ul { margin-bottom: 40px; }
	#p2 ul li { float: left; width: 570px; position: relative; }
	#p2 ul li:last-child { float: right; }
	#p2 ul li .txt { width: 510px; height: 210px; background: #ffffff; padding: 25px; position: relative;
		top:-45px; left: 30px; }
	#p2 ul li .txt h5 { font-size: 18px; margin-bottom: 15px; }
	#p2 ul li .txt p { font-size: 14px; line-height: 26px; }

	#p3 { margin-bottom: 100px; }
	#p3.mainw { width: 1020px; }
	#p3 h4.rh4 { background: #e5e5e5; width: 100%; height: 56px; line-height: 56px;
		font-size: 16px; position: relative; margin-top: 20px; cursor: pointer; padding-left: 28px; }
	#p3 h4.rh4:after { content: "\f107"; font-family: FontAwesome; position: absolute;
		color: #00866b; right: 20px;  }
	#p3 h4.rh4.open:after { content: "\f106"; }
	#p3 .detail { display: none; margin-top: 30px; padding: 0 40px; }

	#p4.mainw { width: 1020px; }
	#p4 .lead2 { text-align: left; font-size: 14px; line-height: 26px; margin-bottom: 20px; }
	#p4 iframe { width: 1020px; height: 1300px; margin: 0 auto; display: block; }

	
}


@media (max-width:750px){
	#mv { background: url("../images/recruit/mv.jpg") center center no-repeat; background-size: cover; }
	#mv h2 { color: #008f6b; }
	#mv span { color: #161616; }

	.cmenu { margin-bottom: 12vw; }
	
	/*#cmenu { text-align: center; width: 88vw; margin-bottom: 6vw; }
	#cmenu li { width: 88vw; height: 12vw; float: left; }
	#cmenu li a { display: block; width: 88vw; height: 12vw; line-height: 12vw; font-size: 4vw;
		border-bottom: #e5e5e5 1px solid; }*/

	#p1,#p2 { margin-bottom: 12vw; }
	#p1 #m1 .img { margin-bottom: 4vw; }
	#p1 #m1 .img img { width: 100%; }
	#p1 #m1 .txt p.sign { text-align: right; }

	#p1_2 { margin-bottom: 12vw; }
	#p1_2 li { margin-bottom: 6vw; }
	#p1_2 li h4 { font-size: 5vw; }
	#p1_2 li h4 span { display: inline-block; width: 6vw; height: 6vw; line-height: 6vw; color: #ffffff;
		text-align: center; margin: 0 2vw 2vw 0; background: #00876B; }
	#p1_2 li p { padding: 2vw 0; font-size: 3.7vw; line-height: 5vw; }
	#p1_2 li a.cbtn { margin: 4vw auto; }

	#p2 ul li { margin-bottom: 8vw; }
	#p2 ul li img { margin-bottom: 4vw; }
	#p2 ul li .txt h5 { font-size: 5vw; margin-bottom: 2vw; }
	#p2 ul li .txt p { font-size: 3.7vw; line-height: 5vw; }
	#p3 { margin-bottom: 14vw; }
	#p3 h4.rh4 { background: #e5e5e5; width: 100%; height: 10vw; line-height: 10vw;
		font-size: 4.6vw; position: relative; margin-top: 6vw; cursor: pointer; padding-left: 3vw; }
	#p3 h4.rh4:after { content: "\f107"; font-family: FontAwesome; position: absolute;
		color: #00866b; right: 3vw;  }
	#p3 h4.rh4.open:after { content: "\f106"; }
	#p3 h4.rh4.long { font-size: 4vw; }
	#p3 .detail { display: none; margin-top: 4vw; padding: 0 4vw; }

	#p4.mainw { width: 100%; }
	#p4 .lead2 { text-align: left; font-size: 3.7vw; line-height: 5vw; margin: 0 auto 4vw; width: 88vw; }
	#p4 iframe { width: 100%; height: 270vw; margin: 0 auto; display: block; }
	
}


/* 20241015追記  */
#p3 p.ta_c {
	margin-bottom: 50px;
}
#p3 .cbtn2 {
	margin: auto;
	background-image:none;
}
@media (max-width:750px) {
	#p3 p.ta_c {
		margin-bottom: 6vw;
	}
}