@charset "utf-8";
.flex{display: flex;}
.title_box{ text-align: center;}
.title_box h3{font-size: 20px; font-family: 'Noto-Sans-JP-Medium'; line-height: 160%;}
.title_box h3 span{font-size: 105px; font-family: "alternate-gothic-no-3-d", sans-serif; font-weight: 400; font-style: normal;}
.title_box p{text-align: center; font-size: 16px; line-height: 225%; }
main{padding: 100px 0 0;}
.inner_mini{width: 1100px; margin: 0 auto;}

.link_btn{width: 360px; height: auto;}
.link_btn a{display: block; background: #000; position: relative; color: #fff; text-align: center; font-size: 18px; font-family: 'Noto-Sans-JP-Medium'; line-height: 145%; padding: 21px 0;}
.link_btn a:before{content: ""; display: block; position: absolute; right: 21px; top: 50%; transform: translateY(-50%); width: 8px; height: 15px; background: url(../images/common/aro_icn.svg) no-repeat center center; background-size: 100%;}
/* ----------------------------- #fv ------------------------------- */
#fv{background: url(../images/recruit/fv_bg.jpg?var=123456) no-repeat center center; background-size: cover; padding: 426px 50px 32px; position: relative; width: 100%;}
#fv h2{font-family: 'Noto-Sans-JP-Medium'; color: #fff; letter-spacing: 0.03em; font-size: 22px; line-height: 153%;}
#fv h2 span{letter-spacing: 0; font-size: 94px; font-family: "alternate-gothic-no-3-d", sans-serif; font-weight: 400; font-style: normal; color: #fff; line-height: 116%; display: inline-block;}
#fv p{font-family: neue-haas-grotesk-display, sans-serif; font-weight: 500; font-style: normal; color: #fff; font-size: 12px;transform: rotateZ(-90deg) translateY(-50%); top: 50%; right: -50px; position: absolute;}

/* ----------------------------- #job ------------------------------- */
#job{padding: 120px 0 0;}
#job .recruit_box{padding: 88px 0 0;}
#job .recruit_box h4{ border-radius: 10px 10px 0 0; width: 100%; height: auto; font-size: 22px; line-height: 145.5%; font-family: 'Noto-Sans-JP-Medium'; text-align: center; padding: 16px 0 18px; background: #E3E3E3; color: #000;}
#job .recruit_box .recruit_content{border: 1px solid #E8E8E8;}
#job .recruit_box .recruit_content .box table{width: 100%; height: auto;}
#job .recruit_box .recruit_content .box table th{border-bottom: 1px solid #E8E8E8; line-height: 150%; text-align: center; padding: 40px 0; width: 322px; border-right: 1px solid #E8E8E8; font-family: 'Noto-Sans-JP-Medium';}
#job .recruit_box .recruit_content .box table td{border-bottom: 1px solid #E8E8E8; line-height: 150%; padding: 40px 0 40px 55px; width: calc(100% - 322px); }
#job .recruit_box .recruit_content .box table tr:last-child th{border-bottom: none;}
#job .recruit_box .recruit_content .box table tr:last-child td{border-bottom: none;}

/* ----------------------------- #entry ------------------------------- */
#entry{padding: 96px 0 101px;}
#entry .flex{background: #F7F7F7; padding: 63px 50px 61px 47px; align-items: flex-start;}
#entry .flex .title_box h3{font-size: 20px; text-align: left; }
#entry .flex .title_box h3 span{font-size: 87px;}
#entry .flex .text_box{width: 468px; margin: 0 0 0 auto;}
#entry .flex .text_box h4{font-size: 29px; line-height: 160%; font-family: 'Noto-Sans-JP-Bold'; }
#entry .flex .text_box p{font-size: 16px; line-height: 160%;padding: 10px 0 0;}
#entry .flex a.btn{width: 308px; height: auto; background: #000; color: #fff; text-align: center; position: relative; display: block; padding: 19px 0 23px; font-family: 'Noto-Sans-JP-Medium'; font-size: 18px; line-height: 144.4%; margin: 24px 0 0 20px;}
#entry .flex a.btn:before{content: ""; display: block; width: 13px; height: 13px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; right: 21px; top: 50%; transform: translateY(-50%) rotateZ(-45deg); position: absolute;}

@media only screen and (max-width: 768px) {
	.flex{display: block;}
	.title_box h3{font-size: 16px; line-height: 160%;}
	.title_box h3 span{font-size: 60px; }
	.title_box p { font-size: 13px; line-height: 200%;}
	main{padding: 58px 0 0;}
	.inner_mini{width: 90%; }
	
	.link_btn{width: 82.35%; height: auto;}
	.link_btn a{font-size: 16px; line-height: 150%; padding: 9px 0;}
	.link_btn a:before{right: 21px; width: 8px; height: 15px;}
	/* ----------------------------- #fv ------------------------------- */
	#fv{background: url(../images/recruit/fv_bg_sp.jpg?var=123456) no-repeat center center; background-size: cover; padding: 32.7% 5% 5%;}
	#fv h2{font-size: 16px; line-height: 100%;}
	#fv h2 span{font-size: 47px; line-height: 122%; padding: 0px;}
	#fv p{display: none;}
		
	
	/* ----------------------------- #job ------------------------------- */
	#job{padding: 60px 0 0;}
	#job .recruit_box{padding: 44px 0 0;}
	#job .recruit_box h4{ border-radius: 10px 10px 0 0; font-size: 16px; padding: 14px 0; }
	#job .recruit_box .recruit_content .box table th{padding: 15px 15px 10px; width: 100%; display: block; border: none; font-size: 14px; text-align: left;}
	#job .recruit_box .recruit_content .box table td{padding: 0px 15px 15px; width: 100%; display: block; font-size: 14px;}
	#job .recruit_box .recruit_content .box table tr:last-child td{border-bottom: none;}
	
	/* ----------------------------- #entry ------------------------------- */
	#entry{padding: 50px 0 50px;}
	#entry .flex{padding: 40px 5% 40px; align-items: flex-start;}
	#entry .flex .title_box h3{font-size: 16px; text-align: center; }
	#entry .flex .title_box h3 span{font-size: 60px;}
	#entry .flex .text_box{width: 100%; margin: 30px 0 0;}
	#entry .flex .text_box h4{font-size: 18px; text-align: center;}
	#entry .flex .text_box p{font-size: 14px; line-height: 200%; padding: 5px 0 0; text-align: left;}
	#entry .flex a.btn{width: 82.35%; font-size: 16px; line-height: 150%; padding: 9px 0; margin: 30px auto 0;}
	#entry .flex a.btn:before{width: 7px; height: 7px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; right: 21px; top: 50%;}



	
}