@charset "UTF-8";

/* 採用情報 */
#recruit {

	padding-top:    14.5rem;
	padding-bottom: 22rem;

}

#recruit h2 {

	margin-bottom: 20rem;

}

#recruit .bosyu {

	width: 120rem;
	padding-bottom: 10.5rem;

}

#recruit .bosyu h3 {
	
	margin-bottom: 19.5rem;
	padding-top:    0.35em;
	padding-bottom: 0.15em;
	text-align: center;
	font-family: 'Shippori Mincho', serif;
	font-size: 7.2rem;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	letter-spacing: 0.24em;
	background-color: #EF8051;
	background-image: url('../img/bosyuu.webp');
	background-size: cover;
	background-size: 98%;
	background-repeat: no-repeat;
	background-position: center center
	
	font-family: 'Noto Sans JP', sans-serif;

}

#recruit .bosyu .img {

	float: left;
	width: 50%;

}

#recruit .bosyu .img:last-child {

	float: right;
	width: 40%;

}

#recruit .reson_wrap {
	
	position: relative;
	margin-bottom: 8.2rem;
	padding-top:    3.5rem;
	padding-bottom: 7.5rem;
	background: #F2F2F2;

}

#recruit .reson_wrap .catch {

	position: absolute;
	right:   1rem;
	bottom: -0.8rem;
	font-family: futura-pt, sans-serif;
	font-size: 7rem;
	color: #fff;
	letter-spacing: 0.18em;
	
	/*font-family: 'Noto Sans JP', sans-serif;*/
	
}

#recruit .reson {
	
	width: 120rem;
	font-family: 'Shippori Mincho', serif;
	
	font-family: 'Noto Sans JP', sans-serif;

}

#recruit .reson h3 {

	display: inline-block;
	margin-bottom: 11rem;
	padding-left: 0.4em;
	padding-bottom: 0.1em;
	font-size: 3.8rem;
	line-height: 1.15;
	color: #937E44;
	letter-spacing: 0.2em;
	background: #fff;
	
	font-weight: 500;

}

#recruit .reson h3 .big {

	font-size: 1.35em;

}

#recruit .reson ul {

	margin-left: 0.5rem;

}

#recruit .reson ul li {
	
	margin-bottom: 1.1rem;
	font-size: 3rem;
	line-height: 1.2;

}

#recruit .reson ul li .num {

	display: inline-block;
	width: 1.4em;
	margin-right: 1.4rem;
	padding-bottom: 0.2em;
	text-align: center;
	letter-spacing: 0;
	color: #fff;
	background: #1D7396;
	
}

#recruit .reson ul li .line {

	display: inline-block;
	padding-left: 0.25em;
	padding-bottom: 0.1em;
	font-weight: 700;
	color: #676562;
	letter-spacing: 0.24em;
	background: #fff;
	
	font-weight: 500;

}

#recruit .merit h3 {
	
	margin-bottom: 5.5rem;
	padding-top:    0.05em;
	padding-bottom: 0.28em;
	text-align: center;
	font-family: 'Shippori Mincho', serif;
	font-size: 4.8rem;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	letter-spacing: 0.24em;
	background: #9C7E4B;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;

}

#recruit .merit h3 span {

	font-size: 1.45em;

}

#recruit .merit .img {

	width: 100%;
	margin-bottom: 21rem;

}

#recruit .emplo .bg {
	
	padding-top: 6.5rem;
	padding-bottom: 2.5rem;
	text-align: center;
	font-weight: 600;
	color: #fff;
	background: #9C7E4B;
	
	font-weight: 500;

}

#recruit .emplo .bg h3 {
	
	margin-bottom: 4rem;
	font-size: 4.8rem;
	letter-spacing: 0.18em;
	
	font-weight: 500;

}

#recruit .emplo .bg .line1 {
	
	margin-bottom: 5.5rem;
	font-size: 3rem;
	letter-spacing: 0.18em;

}

#recruit .emplo .bg .line1 span {

	display: inline-block;
	padding-bottom: 0.1em;
	border-bottom: 0.4rem solid #fff;

}

#recruit .emplo .bg .line2 {
	
	font-size: 4.8rem;
	letter-spacing: 0.18em;

}

#recruit .contact {
	
	padding-top:    12.5rem;
	padding-bottom: 10.5rem;
	text-align: center;
	font-weight: 600;
	color: #6B6967;
	background: #F2F2F2;
	
	font-weight: 500;

}

#recruit .contact a {

	color: #6B6967;

}

#recruit .contact .line3 {

	margin-bottom: 5rem;
	font-size: 3rem;
	letter-spacing: 0.12em;

}

#recruit .contact ul li {
	
	margin-bottom: 0.8rem;
	font-size: 3.6rem;
	letter-spacing: 0.28em;

}

#recruit .contact ul li span {

	display: inline-block;
	margin-right: 2em;
	letter-spacing: 0.18em;
	color: #22678D;

}



/* MacBook Pro16 */
@media only screen and (max-width: 1728px) {



}


/* MacBook Pro14 */
@media only screen and (max-width: 1512px) {



}


/* 中サイズ */
@media only screen and (max-width: 1366px) {



}


/* MacBook Air */
@media only screen and (max-width: 1280px) {



}


/* iPadPro */
@media only screen and (max-width: 1024px) {



}


/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}


/* iPad Air */
@media only screen and (max-width: 820px) {

	/* 採用情報 */
	#recruit {
		
		padding-top:    14.5rem;
		padding-bottom: 22rem;

	}

	#recruit h2 {

		margin-bottom: 20rem;

	}

	#recruit .bosyu {

		width: 88%;
		margin: 0 auto;
		padding-bottom: 10.5rem;

	}

	#recruit .bosyu h3 {
		
		margin-bottom: 19.5rem;
		padding-top:    0.35em;
		padding-bottom: 0.15em;
		font-size: 7.2rem;
		letter-spacing: 0.24em;
		background-image: url('../img/bosyuu.webp');
		background-size: 98%;
		background-position: center center

	}

	#recruit .bosyu .img {

		float: left;
		width: 50%;

	}

	#recruit .bosyu .img:last-child {

		float: right;
		width: 40%;

	}

	#recruit .reson_wrap {
		
		margin-bottom: 18rem;
		padding-top:    8rem;
		padding-bottom: 14rem;

	}

	#recruit .reson_wrap .catch {

		right:   1rem;
		bottom: -0.8rem;
		font-size: 7rem;
		letter-spacing: 0.14em;
		
	}

	#recruit .reson {
		
		width: 88%;
		margin: 0 auto;

	}

	#recruit .reson h3 {

		margin-bottom: 11rem;
		padding-left: 0.4em;
		padding-bottom: 0.1em;
		font-size: 4.2rem;
		line-height: 1.15;
		letter-spacing: 0.12em;

	}

	#recruit .reson h3 .big {

		font-size: 1.35em;

	}

	#recruit .reson ul {

		margin-left: 0.5rem;

	}

	#recruit .reson ul li {
		
		margin-bottom: 1.1rem;
		font-size: 3.6rem;
		line-height: 1.2;

	}

	#recruit .reson ul li .num {

		width: 1.4em;
		margin-right: 1.4rem;
		padding-bottom: 0.2em;
		
	}

	#recruit .reson ul li .line {

		padding-left: 0.25em;
		padding-bottom: 0.1em;
		letter-spacing: 0.2em;

	}

	#recruit .merit h3 {
		
		margin-bottom: 9rem;
		padding-top:    0.2em;
		padding-bottom: 0.4em;
		font-size: 5.6rem;
		letter-spacing: 0.1em;

	}

	#recruit .merit h3 span {

		font-size: 1.45em;

	}

	#recruit .merit .img {

		margin-bottom: 21rem;

	}

	#recruit .emplo .bg {
		
		padding-top: 6.5rem;
		padding-bottom: 2.5rem;

	}

	#recruit .emplo .bg h3 {
		
		margin-bottom: 4rem;
		font-size: 5.2rem;
		letter-spacing: 0.12em;

	}

	#recruit .emplo .bg .line1 {
		
		margin-bottom: 5.5rem;
		font-size: 3.4rem;
		letter-spacing: 0.18em;

	}

	#recruit .emplo .bg .line1 span {

		padding-bottom: 0.1em;
		border-bottom: 0.4rem solid #fff;

	}

	#recruit .emplo .bg .line2 {
		
		font-size: 5.2rem;
		letter-spacing: 0.12em;

	}

	#recruit .contact {
		
		padding-top:    12.5rem;
		padding-bottom: 10.5rem;

	}

	#recruit .contact .line3 {

		margin-bottom: 5rem;
		font-size: 3.4rem;
		letter-spacing: 0.1em;

	}

	#recruit .contact ul li {
		
		margin-bottom: 0.8rem;
		font-size: 4rem;
		letter-spacing: 0.24em;

	}

	#recruit .contact ul li span {

		margin-right: 2em;
		letter-spacing: 0.14em;

	}

}


/* iPad */
@media only screen and (max-width: 768px) {



}


/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {



}


/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}


/* iPhone5の横 */
@media only screen and (max-width: 568px) {



}


/* AndLoidL */
@media only screen and (max-width: 480px) {

	/* 採用情報 */
	#recruit {
		
		padding-top:    14.5rem;
		padding-bottom: 18rem;

	}

	#recruit h2 {

		margin-bottom: 15rem;

	}

	#recruit .bosyu {

		width: 88%;
		padding-bottom: 10.5rem;

	}

	#recruit .bosyu h3 {
		
		margin-bottom: 14rem;
		padding-top:    0.35em;
		padding-bottom: 0.15em;
		font-size: 6.4rem;
		letter-spacing: 0.14em;
		background-image: url('../img/bosyuu.webp');
		background-size: 98%;
		background-position: center center

	}

	#recruit .bosyu .img {

		float: left;
		width: 50%;

	}

	#recruit .bosyu .img:last-child {

		float: right;
		width: 40%;

	}

	#recruit .reson_wrap {
		
		margin-bottom: 18rem;
		padding-top:    8rem;
		padding-bottom: 14rem;

	}

	#recruit .reson_wrap .catch {

		right:   1rem;
		bottom: -0.8rem;
		font-size: 7rem;
		letter-spacing: 0.06em;
		
	}

	#recruit .reson {
		
		width: 88%;

	}

	#recruit .reson h3 {

		margin-bottom: 11rem;
		padding-left:  0.2em;
		padding-top:    0.15em;
		padding-bottom: 0.2em;
		font-size: 4.1rem;
		line-height: 1.15;
		letter-spacing: 0;

	}

	#recruit .reson h3 .big {

		font-size: 1.35em;
		letter-spacing: 0;

	}

	#recruit .reson ul {

		margin-left: 0;

	}

	#recruit .reson ul li {
		
		margin-bottom: 1.1rem;
		font-size: 3.6rem;
		line-height: 1.2;

	}

	#recruit .reson ul li .num {

		width: 1.4em;
		margin-right: 1.4rem;
		padding-bottom: 0.2em;
		
	}

	#recruit .reson ul li .line {

		padding-left: 0.25em;
		padding-bottom: 0.1em;
		letter-spacing: 0.2em;

	}

	#recruit .merit h3 {
		
		margin-bottom: 9rem;
		padding-top:    0.2em;
		padding-bottom: 0.4em;
		font-size: 5.3rem;
		letter-spacing: 0.04em;

	}

	#recruit .merit h3 span {

		font-size: 1.45em;

	}

	#recruit .merit .img {

		margin-bottom: 17rem;

	}

	#recruit .emplo .bg {
		
		padding-top: 6.5rem;
		padding-bottom: 2.5rem;

	}

	#recruit .emplo .bg h3 {
		
		margin-bottom: 4rem;
		font-size: 5.2rem;
		letter-spacing: 0.12em;

	}

	#recruit .emplo .bg .line1 {
		
		margin-bottom: 5.5rem;
		font-size: 3.4rem;
		letter-spacing: 0.18em;

	}

	#recruit .emplo .bg .line1 span {

		padding-bottom: 0.1em;
		border-bottom: 0.4rem solid #fff;

	}

	#recruit .emplo .bg .line2 {
		
		font-size: 5.2rem;
		letter-spacing: 0.12em;

	}

	#recruit .contact {
		
		padding-top:    12.5rem;
		padding-bottom: 10.5rem;

	}

	#recruit .contact .line3 {

		margin-bottom: 5rem;
		font-size: 3.4rem;
		letter-spacing: 0.02em;

	}

	#recruit .contact ul li {
		
		margin-bottom: 0.8rem;
		font-size: 4rem;
		letter-spacing: 0.2em;

	}

	#recruit .contact ul li span {

		margin-right: 2em;
		letter-spacing: 0.14em;

	}

}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {



}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {



}


/* iPhone8 */
@media only screen and (max-width: 375px) {

	#recruit .merit h3 {
		
		font-size: 5.3rem;
		letter-spacing: 0.02em;

	}

	#recruit .contact .line3 {

		font-size: 3.3rem;
		letter-spacing: 0.02em;

	}

}


/* Galaxy */
@media only screen and (max-width: 360px) {



}


/* iPhone5 */
@media only screen and (max-width: 320px) {



}