@charset "UTF-8";

/* --------------------------------------------
　基本設定
-------------------------------------------- */
body{
background:#edebea;
}

/*-- ボタン --*/
a#link-btn-style{
display:flex;
justify-content:space-between;
align-items:center;
width:360px;
height:75px;
background:#bebcbb;
border-radius:6px;
padding-left:25px;
padding-right:15px;
font-size:1.8rem;
font-weight:bold;
letter-spacing:.07em;
color:#fff;
}
a#link-btn-style > .material-symbols-outlined{
width:30px;
height:30px;
background:#fff;
border-radius:100%;
color:#bebcbb;
font-size:15px;
display:flex;
justify-content:center;
align-items:center;
font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;
}
a#link-btn-style.red{
background:#b2542b;
}
a#link-btn-style.red > .material-symbols-outlined{
color:#b2542b;
}
@media screen and (max-width:768px){
	/*-- ボタン --*/
	a#link-btn-style{
	width:100%;
	height:60px;
	font-size:1.5rem;
	}
}

/* --------------------------------------------
　ヘッダ設定
-------------------------------------------- */
header#recruitment-header{
width:100%;
min-width:1120px;
height:100px;
padding:0 40px;
position:sticky;
top:0;
left:0;
display:flex;
align-items:center;
justify-content:space-between;
background:#edebea;
z-index:1;
}
header#recruitment-header > div > a{
display:flex;
align-items:center;
gap:0 10px;
}
header#recruitment-header > div > a > span#logo{
background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 560 50.7" fill="%23040000" xml:space="preserve"><g><path class="st0" d="M15.7,27.8L30,47.5h-8.5l-13.2-19H7v19H0V1.2h8.2c6.1,0,10.5,1.2,13.3,3.4c3,2.6,4.5,5.9,4.5,10.1 c0,3.3-0.9,6.1-2.8,8.5C21.2,25.6,18.8,27.1,15.7,27.8z M7,22.5h2.2c6.6,0,9.9-2.5,9.9-7.6c0-4.7-3.2-7.1-9.7-7.1H7V22.5z"/><path class="st0" d="M51.4,1.2v46.3h-7V1.2H51.4z"/><path class="st0" d="M72.2,1.2L85,33.3L98,1.2h7.6L84.9,51L64.5,1.2H72.2z"/><path class="st0" d="M141.9,7.8h-18.6v11.1h18v6.6h-18V41h18.6v6.6h-25.6V1.2h25.6V7.8z"/><path class="st0" d="M174.1,27.8l14.3,19.7h-8.5l-13.2-19h-1.3v19h-7V1.2h8.2c6.1,0,10.5,1.2,13.3,3.4c3,2.6,4.5,5.9,4.5,10.1 c0,3.3-0.9,6.1-2.8,8.5C179.7,25.6,177.2,27.1,174.1,27.8z M165.4,22.5h2.2c6.6,0,9.9-2.5,9.9-7.6c0-4.7-3.2-7.1-9.7-7.1h-2.5 V22.5z"/><path class="st0" d="M241.2,7.8H225v11.1h15.6v6.6H225v22h-7V1.2h23.1V7.8z"/><path class="st0" d="M263.6,1.2v46.3h-7V1.2H263.6z"/><path class="st0" d="M306.5,7.8h-18.6v11.1h18v6.6h-18V41h18.6v6.6h-25.6V1.2h25.6V7.8z"/><path class="st0" d="M330,1.2V41h13.6v6.6H323V1.2H330z"/><path class="st0" d="M357.6,47.5V1.2h9.7c4.7,0,8.3,0.5,11,1.4c2.9,0.9,5.5,2.4,7.9,4.6c4.8,4.4,7.2,10.1,7.2,17.2 c0,7.1-2.5,12.9-7.5,17.3c-2.5,2.2-5.1,3.7-7.9,4.6c-2.6,0.9-6.2,1.3-10.9,1.3H357.6z M364.6,41h3.1c3.1,0,5.7-0.3,7.8-1 c2.1-0.7,4-1.8,5.6-3.3c3.4-3.1,5.2-7.2,5.2-12.3c0-5.1-1.7-9.2-5.1-12.4c-3.1-2.8-7.6-4.2-13.5-4.2h-3.1V41z"/><path class="st0" d="M427.8,21.8l8.3,10.1l0.3-0.3c0.9-1,1.7-1.9,2.5-2.9c0.8-0.9,1.6-1.9,2.3-2.8l4.6,4.7 c-0.6,0.8-1.3,1.7-2.2,2.8c-0.9,1.1-2,2.3-3.3,3.7l8.6,10.6h-8.7l-4.6-5.7c-4.2,4.4-8.7,6.6-13.2,6.6c-4.1,0-7.6-1.3-10.4-3.9 c-2.8-2.6-4.2-5.9-4.2-9.8c0-4.6,2.2-8.5,6.7-11.5l3-2.1c0,0,0.1-0.1,0.2-0.1c0.1-0.1,0.2-0.2,0.4-0.3c-3.1-3.3-4.6-6.5-4.6-9.6 c0-3.1,1-5.7,3.1-7.6c2.1-2,4.8-2.9,8-2.9c3.2,0,5.8,1,7.9,2.8c2.1,1.9,3.1,4.3,3.1,7.2c0,2-0.6,3.8-1.7,5.4 C432.8,17.6,430.8,19.5,427.8,21.8z M422.3,25.7l-0.4,0.3c-2.9,2-4.8,3.6-5.8,4.8c-1,1.2-1.5,2.5-1.5,3.8c0,1.9,0.8,3.7,2.3,5.3 c1.6,1.5,3.4,2.3,5.3,2.3c2.7,0,5.8-1.8,9.3-5.3L422.3,25.7z M423.8,16.8l0.6-0.4c1-0.7,1.8-1.4,2.4-1.9c0.6-0.5,1.1-1,1.4-1.4 c0.6-0.7,0.9-1.6,0.9-2.7c0-1.2-0.4-2.2-1.2-3c-0.8-0.8-1.9-1.1-3.3-1.1c-1.3,0-2.3,0.4-3.2,1.2c-0.9,0.7-1.3,1.7-1.3,2.8 c0,1.4,0.5,2.7,1.6,4l1.7,2.1C423.5,16.5,423.6,16.6,423.8,16.8z"/><path class="st0" d="M496.1,3.7V12c-4-3.4-8.2-5.1-12.5-5.1c-4.8,0-8.8,1.7-12,5.1c-3.3,3.4-4.9,7.6-4.9,12.5 c0,4.9,1.6,9,4.9,12.3c3.3,3.3,7.3,5,12.1,5c2.5,0,4.5-0.4,6.3-1.2c1-0.4,2-0.9,3-1.6c1-0.7,2.1-1.5,3.3-2.5V45 c-4,2.3-8.2,3.4-12.6,3.4c-6.6,0-12.3-2.3-16.9-6.9c-4.7-4.7-7-10.3-7-16.9c0-5.9,1.9-11.2,5.8-15.8c4.8-5.7,11-8.5,18.6-8.5 C488.2,0.3,492.3,1.5,496.1,3.7z"/><path class="st0" d="M506.1,30.7c0-4.8,1.7-8.9,5.2-12.3c3.4-3.4,7.6-5.1,12.6-5.1c5,0,9.2,1.7,12.7,5.1c3.4,3.4,5.1,7.6,5.1,12.5 c0,5-1.7,9.2-5.2,12.6c-3.5,3.4-7.7,5-12.8,5c-5,0-9.2-1.7-12.5-5.1C507.8,40,506.1,35.8,506.1,30.7z M513.1,30.8 c0,3.9,1,7,2.9,9.2c2,2.3,4.6,3.4,7.8,3.4c3.3,0,5.9-1.1,7.8-3.4c2-2.3,2.9-5.3,2.9-9.1c0-3.8-1-6.8-2.9-9.1 c-2-2.3-4.6-3.4-7.8-3.4c-3.2,0-5.8,1.1-7.8,3.4C514.1,24.2,513.1,27.2,513.1,30.8z"/><path class="st0" d="M549.3,44.2c0-1.1,0.4-2.1,1.2-2.9c0.8-0.8,1.8-1.2,2.9-1.2c1.1,0,2.1,0.4,2.9,1.2c0.8,0.8,1.2,1.8,1.2,2.9 c0,1.2-0.4,2.2-1.2,3c-0.8,0.8-1.8,1.2-2.9,1.2c-1.2,0-2.2-0.4-3-1.2C549.7,46.4,549.3,45.4,549.3,44.2z"/></g></svg>') no-repeat 50% 50%;
aspect-ratio:197.56 / 17.89;
height:20px;
text-indent:-9999px;
}
header#recruitment-header > div > a > span:not(#logo){
font-size:1.8rem;
}
header#recruitment-header > nav > ul{
display:flex;
align-items:center;
gap:0 30px;
}
header#recruitment-header > nav > ul > li{
font-size:1.6rem;
}
header#recruitment-header > nav > ul > li > a{
padding-bottom:5px;
position:relative;
}
header#recruitment-header > nav > ul > li > a::before{
background:#000;
content:"";
width:100%;
height:1px;
position:absolute;
left:0;
bottom:0;
margin:auto;
transform-origin:right top;
transform:scale(0, 1);
transition:transform .3s;
}
header#recruitment-header > nav > ul > li > a:hover::before{
transform-origin:left top;
transform:scale(1, 1);
}
header#recruitment-header > nav > ul > li > a::before{
transform-origin:center top;
}
@media screen and (max-width:768px){
	header#recruitment-header{
	min-width:unset;
	height:70px;
	padding:0 2rem;
	}
	header#recruitment-header > div > a > span#logo{
	height:1.5rem;
	}
	header#recruitment-header > div > a > span:not(#logo){
	font-size:1.3rem;
	}
	header#recruitment-header .header-btn{
	background:#2d2d2d;
	border-radius:100%;
	width:4rem;
	height:4rem;
	font-size:2rem;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	}
	header#recruitment-header > nav{
	position:fixed;
	top:-200%;
	left:0;
	z-index:889;
	align-items:center;
	justify-content:center;
	background:#edebea;
	width:100%;
	height:100%;
	transition:all .5s;
	opacity:0;
	display:none;
	}
	header#recruitment-header > nav.open{
	opacity:1;
	top:0;
	display:flex;
	}
	header#recruitment-header > nav > .header-btn.close{
	position:fixed;
	top:1.5rem;
	right:2rem;
	}
	header#recruitment-header > nav > ul{
	display:block;
	}
	header#recruitment-header > nav > ul > li{
	font-size:2rem;
	margin:3rem auto;
	font-weight:600;
	text-align:center;
	}
}

/* --------------------------------------------
　フッタ設定
-------------------------------------------- */
footer{
background:#6e6e6e;
padding:40px;
display:grid;
grid-template-columns:760px 400px;
align-items:center;
justify-content:center;
}
footer > ul{
align-items:center;
display:flex;
gap:0 30px;
font-size:1.3rem;
}
footer > ul > li > a{
color:#fff;
}
footer > p{
color:#a8a8a8;
text-align:right;
font-size:1.3rem;
}
@media screen and (max-width:768px){
	footer{
	display:block;
	padding:2rem 1.5rem;
	margin:0;
	background:unset;
	}
	footer > ul{
	display:none;
	}
	footer > p{
	text-align:center;
	}
}



/* --------------------------------------------
　パンくずリスト設定
-------------------------------------------- */
nav.pankuzu-list{
padding:0 100px;
width:100%;
min-width:1000px;
}
nav.pankuzu-list > ul{
display:flex;
align-items:center;
gap:0 10px;
}
nav.pankuzu-list > ul > li{
display:flex;
align-items:center;
gap:0 10px;
font-size:1.5rem;
color:#b2542b;
}
nav.pankuzu-list > ul > li:not(:last-child):after{
font-family:"Material Symbols Outlined";
content:"\e5cc";
font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;
color:#000;
}
nav.pankuzu-list > ul > li > a{
text-decoration:underline;
color:#000;
}
@media screen and (max-width:768px){
	nav.pankuzu-list{
	min-width:unset;
	padding:0 2.5rem;
	}
	nav.pankuzu-list > ul,
	nav.pankuzu-list > ul > li{
	gap:0 5px;
	}
	nav.pankuzu-list > ul > li{
	font-size:1.2rem;
	}
}


/* --------------------------------------------
　トップページ設定
-------------------------------------------- */
#recruit-top-container{

}

/*-- キービジュアル設定 --*/
#recruit-top-container > #key-visual-main{
width:100%;
min-width:1160px;
height:calc(100vh - 160px);
padding:0 20px;
position:relative;
}
#recruit-top-container > #key-visual-main > #img-container{
height:100%;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:0;
border-radius:30px;
overflow:hidden;
}
#recruit-top-container > #key-visual-main > #img-container > figure{
position:relative;
overflow:hidden;
}
#recruit-top-container > #key-visual-main > #img-container > figure > img{
position:absolute;
height:100%;
width:auto;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#recruit-top-container > #key-visual-main > h1{
position:absolute;
bottom:80px;
left:80px;
font-size:9rem;
line-height:1.2;
color:#fff;
}
#recruit-top-container > #key-visual-main > h1 > span{
display:block;
font-size:2.25rem;
letter-spacing:.02em;
font-weight:600;
}

/*-- メッセージ設定 --*/
#messege-contents{
padding:100px 40px;
width:1000px;
margin:0 auto;
display:grid;
grid-template-columns:auto 1fr;
align-items:flex-start;
gap:0 60px;
}
#messege-contents > h2{
grid-row:span 2;
font-size:4rem;
line-height:1.6;
margin:0 0 40px 0;
font-weight:600;
}
#messege-contents > h2 > span{
display:block;
font-size:1.8rem;
letter-spacing:.09em;
}
#messege-contents > .text > a{
margin-top:40px;
background:#000;
}
#messege-contents > .text > a#link-btn-style > .material-symbols-outlined{
color:#000;
}

/*-- 求人リスト設定 --*/
#recruit-list-content{
padding:80px 0 200px 0;
}
#recruit-list-content > nav{
width:1000px;
margin:0 auto;
padding:0 40px;
}
#recruit-list-content > nav > h3{
font-size:2.5rem;
color:#000;
border-bottom:1px solid #000;
width:max-content;
margin:0 auto 30px auto;
font-weight:600;
}
#recruit-list-content > nav > ul{
display:grid;
grid-template-columns:repeat(3,1fr);
align-items:center;
gap:5px;
}
#recruit-list-content > nav > ul > li > a{
height:75px;
background:#fff;
border-radius:6px;
display:flex;
justify-content:space-between;
align-items:center;
border-radius:6px;
padding-left:25px;
padding-right:15px;
font-size:1.8rem;
font-weight:bold;
letter-spacing:.07em;
color:#000;
}
#recruit-list-content > nav > ul > li > a > .material-symbols-outlined{
width:30px;
height:30px;
background:#000;
border-radius:100%;
color:#fff;
font-size:15px;
display:flex;
justify-content:center;
align-items:center;
font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;
}

@media screen and (max-width:768px){
	/*-- キービジュアル設定 --*/
	#recruit-top-container > #key-visual-main{
	min-width:unset;
	width:calc(100% - 2rem);
	margin:0 auto;
	height:unset;
	aspect-ratio:1 / 1.1;
	padding:0;
	}
	#recruit-top-container > #key-visual-main > #img-container{
	grid-template-columns:repeat(2,1fr);
	}
	#recruit-top-container > #key-visual-main > #img-container > figure:nth-child(n + 3){
	display:none;
	}
	#recruit-top-container > #key-visual-main > h1{
	font-size:12vw;
	bottom:6rem;
	left:2rem;
	}

	/*-- メッセージ設定 --*/
	#messege-contents{
	width:75vw;
	display:block;
	padding:6rem 0;
	}
	#messege-contents > h2{
	font-size:2.2rem;
	text-align:center;
	}
	#messege-contents > h2 > span{
	font-size:.5em;
	}

	/*-- 求人リスト設定 --*/
	#recruit-list-content{
	padding:3rem 0 6rem 0;
	width:75vw;
	margin:0 auto;
	}
	#recruit-list-content > nav{
	width:100%;
	padding:0;
	}
	#recruit-list-content > nav > h3{
	font-size:2.2rem;
	}
	#recruit-list-content > nav > ul{
	grid-template-columns:1fr;
	gap:10px;
	}
	#recruit-list-content > nav > ul > li > a{
	font-size:1.5rem;
	height:60px;
	}
}


/* --------------------------------------------
　各求人ページ設定
-------------------------------------------- */
#recruit-main-container{
padding:100px;
width:100%;
min-width:1000px;
}

/*-- タイトルエリア（キービジュアル含め） --*/
#recruit-main-container > h1{
font-size:3.5rem;
font-weight:600;
text-align:center;
line-height:1;
margin:0 auto;
}
#recruit-main-container > p{
font-size:1.8rem;
text-align:center;
line-height:1.8;
padding:30px 0;
}
#recruit-main-container > #key-visual{
width:100%;
max-width:1000px;
margin:0 auto;
overflow:hidden;
aspect-ratio:2 / .89;
position:relative;
}
#recruit-main-container > #key-visual.one > img{
width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#recruit-main-container > #key-visual.two{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:0;
}
#recruit-main-container > #key-visual.two > figure{
position:relative;
height:100%;
overflow:hidden;
}
#recruit-main-container > #key-visual.two > figure > img{
width:calc(100% + 200px);
position:absolute;
top:-20px;
left:50%;
transform:translateX(-50%);
}


/*-- 募集要項エリア --*/
#recruit-main-container > h2{
font-size:2.5rem;
font-weight:500;
line-height:1;
width:max-content;
margin:60px auto 0 auto;
padding:0 0 10px 0;
font-weight:600;
border-bottom:1px solid #000;
}
#recruit-main-container > dl{
width:100%;
max-width:800px;
display:grid;
grid-template-columns:220px 1fr;
gap:0;
justify-content:flex-start;
margin:0 auto;
font-size:1.8rem;
line-height:1.6;
}
#recruit-main-container > dl > dt,
#recruit-main-container > dl > dd{
border-bottom:1px solid #d0d0d0;
padding:40px 0;
}
#recruit-main-container > dl > dt{
font-weight:600;
}
#recruit-main-container > dl > dd > h3{
color:#b2542b;
font-weight:600;
}
#recruit-main-container > dl > dd > p:not(:last-child){
margin-bottom:30px;
}
#recruit-main-container > dl > dd > p > .sub,
#recruit-main-container > dl > dd > p.sub{
font-size:.85em;
}
#recruit-main-container > dl > dd > p.sub:not(:last-child){
margin-bottom:30px;
}
#recruit-main-container > dl > dd > ul > li{
display:grid;
align-items:flex-start;
grid-template-columns:5px 1fr;
gap:0 8px;
margin-bottom:5px;
}
#recruit-main-container > dl > dd > ul > li:before{
content:"";
width:5px;
height:5px;
margin-top:1rem;
background:#b2542b;
border-radius:100%;
}
a#brand-link{
background:#bebcbb;
padding:5px 15px;
border-radius:6px;
margin:0 8px 8px 0;
color:#fff;
}
#recruit-main-container > a#link-btn-style.flow{
margin:60px auto 0 auto;
}
@media screen and (max-width:768px){
	#recruit-main-container{
	padding:8rem 2.5rem;
	min-width:unset;
	}

	/*-- タイトルエリア（キービジュアル含め） --*/
	#recruit-main-container > h1{
	font-size:5vw;
	}
	#recruit-main-container > p{
	font-size:1.3rem;
	margin:auto;
	}
	#recruit-main-container > #key-visual{
	aspect-ratio:2 / 1.2;
	}
	#recruit-main-container > #key-visual.two > figure > img{
	width:calc(100% + 110px);
	}

	/*-- 募集要項エリア --*/
	#recruit-main-container > h2{
	font-size:1.6rem;
	}
	#recruit-main-container > dl{
	display:block;
	font-size:1.4rem;
	}
	#recruit-main-container > dl > dt{
	padding:30px 0 0 0;
	border-bottom:0;
	}
	#recruit-main-container > dl > dd{
	padding:20px 0 30px 0;
	}
	#recruit-main-container > dl > dd > p:not(:last-child){
	margin-bottom:20px;
	}
	#recruit-main-container > dl > dd > ul > li:before{
	margin-top:.78rem;
	}
}