@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/



/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 961px){
	
	footer div.f_bottom div.illust::before{
		content: "";
		width: 153.6%;
		height: 57.5%;
		background: url("../images/recruit/f_text_pc.svg") no-repeat;
		background-size: contain;
		top: 31.2%;
		left: -171%;
		z-index: 3;
	}
	
	section .section_inner {
		width: 78.8%;
		max-width: 1120px;
		margin: 0 auto;
		padding-bottom: 10vw;
		position: relative;
	}
	
	section .section_inner span.illust_l{
		width: 12%;
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0.9%;
		z-index: 0;
	}
	
	section .section_inner span.illust_r{
		width: 28.3%;
		display: inline-block;
		position: absolute;
		top: 1vw;
		top: 1cqw;
		right: -6.5%;
		z-index: 0;
	}
	
	section .section_inner span.illust_b{
		width: 5%;
		display: inline-block;
		position: absolute;
		bottom: 0;
		left: 37.3%;
		z-index: 0;
	}
	
	section .section_inner div.block{
		width: 62.14%;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	
	section .section_inner div.block h3{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.12vw, 1.6rem);
		line-height: 1.4;
		font-weight: 500;
		margin-bottom: 1em;
	}
	
	section .section_inner div.block p{
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.98vw, 1.4rem);
		line-height: 1.85;
		font-weight: 400;
		letter-spacing: 0.16em;
		margin-bottom: 2em;
	}
	
	section .section_inner div.block div.contact_box {
		width: 33.12%;
		margin: 3vw auto 0;
	}
	
	section .section_inner div.block div.contact_box a{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.12vw, 1.6rem);
		line-height: 1;
		text-align: center;
		color: #000;
		letter-spacing: 0.08em;
		padding: 0.7em 0 0.6em;
		border-radius: 19px;
		overflow: hidden;
		position: relative;
		transition-duration: 0.5s;
		transition-property: color;
	}
	
	section .section_inner div.block div.contact_box a::after{
		content: "";
		width: 100%;
		height: 100%;
		background: #fff134;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -3;
	}
	
	section .section_inner div.block div.contact_box a::before{
		content: "";
		width: 0;
		height: 100%;
		background: #000;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		transition: width .5s ease;
	}
	
	section .section_inner div.block div.contact_box a:hover::before{
		content: "";
		width: 100%;
	}
	
	section .section_inner div.block div.contact_box a:hover{
		color: #FFF;
	}
}


@media screen and (min-width:961px) and (max-width: 1500px){
	
}
	

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 960px){
	
	footer div.f_bottom div.illust::before{
		content: "";
		width: 139.4%;
		height: 53.3%;
		background: url("../images/recruit/f_text_sp.svg") no-repeat;
		background-size: contain;
		top: 35%;
		left: -148.8%;
		z-index: 3;
	}
	
	section {
		width: 100%;
		position: relative;
	}
	
	section .section_inner {
		width: 88%;
		margin: 0 auto;
		font-size: calc(1.5rem * 0.72);
		font-size: clamp(calc((1.5rem * 0.72)), 3vw, calc(1.5rem * 1.92));
	}
	
	section .section_inner {
		width: 82.4%;
		margin: 0 auto;
		padding-bottom: 5vw;
	}
	
	section .section_inner div.block{
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	
	section .section_inner div.block h3{
		font-size: calc(1.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
		line-height: 1.4;
		font-weight: 500;
		text-align: center;
		margin-bottom: 1em;
	}
	
	section .section_inner div.block p{
		font-size: calc(1.4rem * 0.72);
		font-size: clamp(calc((1.4rem * 0.72)), 2.8vw, calc(1.4rem * 1.92));
		line-height: 1.85;
		font-weight: 400;
		letter-spacing: 0.08em;
		margin-bottom: 2em;
	}
	
	section .section_inner div.block div.contact_box {
		width: 52.2%;
		margin: 8.4vw auto 0;
	}
	
	section .section_inner div.block div.contact_box a{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		font-size: calc(1.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
		line-height: 1;
		text-align: center;
		color: #000;
		letter-spacing: 0.08em;
		padding: 0.7em 0 0.6em;
		border-radius: 3.8vw;
		overflow: hidden;
		position: relative;
		transition-duration: 0.5s;
		transition-property: color;
	}
	
	section .section_inner div.block div.contact_box a::after{
		content: "";
		width: 100%;
		height: 100%;
		background: #fff134;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -3;
	}
}