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

article{
	font-size: 1.5rem;
	line-height: 1.5;
}

/*ヘッダー全体のwrap*/
.page-header{
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
/*ドット画像のみのレイヤー*/
.header-filter{
	background-image: url("../image/page/header-filter-2-2.png");
	background-position: center;
	height: 100%;
}
/*タイトルのwrap*/
.header-inner{
	max-width: 1140px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
/*タイトル英日*/
.title-box{
	color: #FFF;
	position: absolute;
	bottom: 80px;
	left: 20px;
}
/*ページタイトル*/
.title-box h1{
	font-size: 2.0rem;
	line-height: 1.8;
	letter-spacing: 0.1em;
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;/*100-900*/
	font-style: normal;
}
/*英語タイトル / Roboto600 */
.title-box .eng{
	font-size: 4rem;
	letter-spacing: 0.05em;
	line-height: 1;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-variation-settings:
		"wdth" 100;
}


@media (min-width:768px){
	/*ヘッダー全体のwrap*/
	.page-header{
		height: 450px;
	}
	/*英語タイトル*/
	.title-box .eng{
		font-size: 5rem;
	}
	/*ページタイトル*/
	.title-box h1{
		font-size: 2.4rem;
	}
}


.recruite-page-header{
	height:100vh;
	background-position: center;
	background-size: cover;
	background-image: url("../image/page-recruit/top-visual-sp.jpg");
}
@media (min-width:768px){
	.recruite-page-header{
		background-image: url("../image/page-recruit/top-visual-pc.jpg");
	}
}

/*白帯のキャッチ*/
.recruit-catch{
	line-height: 1;
	font-size: min(10vw, 5rem);
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 700;/* 500 or 700*/
	font-style: normal;
	
	position: absolute;
	bottom: 200px;
	transform: translateY(-0%);
	left: 10%;
}
.recruit-catch span{
	display: block;
	background-color: #FFF;
	width: fit-content;
	margin: 0em 0;
	padding: 0.25em;
	white-space: nowrap;
}
.recruit-catch span + span{
	margin-top: 0.25em;
}
.recruit-catch::after{
	content: url("../image/page/header_recruit-catch.svg");
	display: block;
	width: 80vw;
	position: absolute;
	left: 5vw;
	bottom: -40%;
}
@media (min-width:768px){
	.recruit-catch{
		font-size: 5rem;
		top: 50%;
		transform: translateY(-50%);
		left: 50%;
	}
	.recruit-catch::after{
		width: 620px;
		position: absolute;
		left: -85px;
		bottom: -160px;
	}
}



/*--------------------------------------

ベーシックな色分けブロック（白・グレー）

--------------------------------------*/

/*ブロック基本*/
.lib_st-block{
	padding: 120px 20px;
}
/*ブロック基本／グレーは左右通しに*/
.lib_st-block.gray{
	background-color: #F3F3F3;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: calc(50vw - 50% + 20px );
	padding-left: calc(50vw - 50% + 20px );
}
/*ボックスタイトル*/
.lib_st-block h2{
	text-align: center;
	font-size: 2.4rem;/*3.2*/
	letter-spacing: 0em;/*0.35*/
	
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;/*100-900*/
	font-style: normal;
	
	margin-bottom: 25px;
}
/*ボックスタイトルの英語*/
.lib_st-block .h2-eng{
	margin-bottom: 50px;
	font-size: 1.0rem;/*1.2*/
	text-align: center;
	letter-spacing: 0.25em;
	
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-variation-settings:
		"wdth" 100;
}
/*本文見出し３の英語*/
.lib_st-block h3{
	font-size: 1.7rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;/*100-900*/
	font-style: normal;
	
	margin-bottom: 40px;
}
/*本文*/
.lib_st-block p{
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	line-height: 2;
}
.lib_st-block p + p{
	margin-top: 1em;
}
@media (min-width:768px){
	/*ボックスタイトル*/
	.lib_st-block h2{
		font-size: 3.2rem;
		letter-spacing: 0.35em;
	}
	/*ボックスタイトルの英語*/
	.lib_st-block .h2-eng{
		font-size: 1.2rem;
	}
	.lib_st-block h3{
		font-size: 1.9rem;
	}
}

.st-block_column{
	display: flex;
	flex-direction: column;
	gap: 30px 90px;
	margin-top: 90px;
}
@media (min-width:768px){
	.st-block_column{
		flex-direction: row-reverse;
	}
	.st-block_column.no-reverse{
		flex-direction: row;
	}
	.st-block_column > div,
	.st-block_column > figure{
		flex-basis: 50%;
	}
}

.flex-waterside{
		display: flex;
		gap: 0 10px;
	}
.flex-waterside img{
	width: 120px;
	height: 120px;
}
@media (min-width:768px){
	.flex-waterside{
		gap: 0 25px;
	}
	.flex-waterside img{
		width: 220px;
		height: 220px;
		margin-right: -50px;
	}
}

.lib_st-block.message{
	padding-bottom: 200px;
}

.lib_st-block.message figure{
	
}

.message-wrap{
	position: relative;
	z-index: 0;
	margin: -40px 20px;
	padding: 30px;
	background-color: #FFF;
}
h3.message-title{
	font-weight: 200;
	font-size: 2.7rem;
	line-height: 1.9;
}
.lib_st-block .message-txt p{
	line-height: 2.0;
}
.lib_st-block .message-txt p + p{
	margin-top: 2em;
}
.message-signature{
	font-weight: 500;
}

@media (min-width:768px){
	.message-wrap{
		display: flex;
		justify-content: space-between;
		margin: -110px 80px;
		padding: 70px 50px;
	}
	.message-txt{
		max-width: 400px;
	}
	.message-signature span{
	font-size: 1.9rem;
	letter-spacing: 0.5em;
}
}
/* Section Separator---------------------------------------------------------

　会社概要

----------------------------------------------------------------------------*/

.lib_st-block.overview figure{
	max-width: 384px;
}

.overview-table tr{
	border-bottom: 1px solid #BEBEBE;
}
.overview-table th,
.overview-table td{
	padding: 20px 0;
}

.overview-table th{
	font-weight: 400;
	white-space: nowrap;
	padding-right: 2em;
	letter-spacing: 0.25em;
}
@media (min-width:768px){
	/*会社概要の社屋写真の最大幅を指定*/
	.lib_st-block.overview figure{
		max-width: 384px;
	}
}
/* Section Separator---------------------------------------------------------

　アクセス

----------------------------------------------------------------------------*/
/*見出し「本社」*/
.lib_st-block.access h3{
	font-size: 2.7rem;
	font-weight: 300;
}

.access-table th,
.access-table td{
	padding: 0.5em 0;
	line-height: 2;
}
.access-table th{
	padding-right: 2em;
	letter-spacing: 0.2em;
}
@media (min-width:768px){
	div.access-table{
		flex-basis: 35%;
	}
	div.access-map{
		flex-basis: 65%;
	}
}

/* Section Separator---------------------------------------------------------

　沿革

----------------------------------------------------------------------------*/
.lib_st-block.history{
	color: #FFF;
}

.lib_st-block.history{
	background-image: url("../image/page/histrory_bg.webp");
	background-size: cover;
	background-position: center center;
}

.history-table{
	max-width: 800px;
	font-size: 1.5rem;
	font-weight: 200;
	margin: 0 auto;
}
.history-table th,
.history-table td{
	padding: 15px 0;
}


.history-table th{
	position: relative;
	padding-right: 4em;
	font-weight: 200;
	overflow: hidden;
}
/*疑似要素で縦の通しライン*/
.history-table tr th:before{
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	height: 100px;
	background: rgba(255,255,255,1.00);
	top: 0;
	right: 27px;
}
.history-table tr:first-child th:before{
	top: 25px;
	/*background: red;*/
}
.history-table tr:last-child th:before{
	height: 25px;
	top: 0px;
	/*background: red;*/
}
/*疑似要素で区切り丸*/
.history-table tr th:after{
	content: '●';
	color: #0097a3;
	font-size:1rem;
	position: absolute;
	top: calc( 15px + 4px );
	right: 2.3em;
}

/*.history-table th{
	background-image: url("../image/page/histrory_line.png");
	background-repeat: no-repeat;
	background-position: 63px center;
}*/

@media (min-width:768px){
	.history-table{
		font-size: 1.9rem;
	}
	/*疑似要素で縦の通しライン*/
	.history-table tr th:before{
		content: '';
		position: absolute;
		display: block;
		width: 1px;
		height: 100px;
		background: rgba(255,255,255,1.00);
		top: 0;
		right: 36px;
	}
	/*疑似要素で区切り丸*/
	.history-table tr th:after{
		font-size: 1.3rem;
	}
}

/* Page Separator------------------------------------------------------------

事業案内

----------------------------------------------------------------------------*/
.biz{
	padding: 100px 20px;
}
.biz-flex{
	display: flex;
	flex-direction: column;
	gap: 50px 5%;
}
@media (min-width:768px){
	.biz-flex{
		flex-direction: row;
	}
	.biz-flex article{
		flex-basis: 30%;
	}
}
.biz h1{
	font-size: 3.1rem;
	font-weight: 500;
	letter-spacing: 0.25em;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.biz h1 small{
	font-size: 65%;
	letter-spacing: 0.1em;
	padding-bottom: 2px;
}
.biz h2{
	font-size: 2rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.25em;
	margin: 50px 0;
}
.biz p{
	line-height: 1.8;
	letter-spacing: 0.15em;
	font-feature-settings: "palt" 1;
}
.biz figure{
	margin: 60px 0;
}
.btn-biz a{
	display: block;
	border: 1px solid #000;
	padding: 10px 20px;
	width: fit-content;
	transition-duration: .3s
}
.btn-biz a::after{
	content: '\e5e1';
	font-family: 'Material Icons';
	font-size: 1.2rem;
	margin-left: 0.75em;
}
.btn-biz a:hover{
	background: #000;
	color: #FFF;
}

/* Section Separator---------------------------------------------------------

　事業案内の実績

----------------------------------------------------------------------------*/
.biz-works{
	background: #006D79;
	color: #FFF;
	padding-top: 100px;
	padding-bottom: 100px;
	display: flex;
	flex-direction: column;
	gap: 50px 50px;
}
@media (min-width:768px){
	.biz-works{
		flex-direction: row;
	}
}

.biz-works h2{
	font-size: 6.7rem;
}
.biz-works h3{
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 2.2;
	letter-spacing: 0.25em;
	margin: 25px 0;
}
.btn-works a{
	border-color: #FFF;
}
.btn-works a:hover{
	background: #FFF;
	color: rgba(0,111,123,1.00);
}
.btn-works a::after{
	font-size: 1rem;
	padding-bottom: 0;
}
.biz-works_gallery{
	display: flex;
	flex-direction: column;
	gap: 50px 5%;
}
.biz-works_gallery figure{
	background: #000;
}
.biz-works_gallery a{
	transition-duration: 0.3s;
}
.biz-works_gallery a:hover{
	opacity: 0.6;
}
.galley-caption{
	line-height: 1.75;
	margin: 0.75em 0;
}

@media (min-width:768px){
	.biz-works_head{
		width: 40%;
	}
	.biz-works_gallery{
		flex-direction: row;
		flex-wrap: wrap;
		width: 60%;
	}
	.bwg-li{
		flex-basis: 47.5%;
		
	}
}
/* Page Separator------------------------------------------------------------

実績

----------------------------------------------------------------------------*/
/*業種切り替えナビ*/
.works-nav{
	border: 1px solid #000;
	margin: 100px 0;
}
.works-nav ul{
	display: flex;
	gap: 0 5vw;
	font-size: 1.2rem;
	padding: 25px;
}
.works-nav li{
	position: relative;
}

.works-nav li.current::after{
	content: '';
	display: block;
	position: absolute;
	height: calc( 5px + 0.5vw );
	width: 120%;
	left: -10%;
	border-bottom: 2px solid #3872bd;
}
/*.works-nav li a{
	display: block;
	padding: 0 0.5vw;
}*/

.works-nav li a:hover::after{
	content: '';
	display: block;
	position: absolute;
	height: calc( 5px + 0.5vw );
	width: 120%;
	left: -10%;
	border-bottom: 2px solid #B2CEE7;
}
@media (min-width:768px){
	.works-nav ul{
		gap: 0 50px;
		font-size: 1.7rem;
		padding: 37px;
	}
}


.works-gallery{
	margin: 100px 0;	
}
.works-gallery ul{
	display: flex;
	flex-wrap: wrap;
	gap: 35px 5%;
}
.works-gallery ul li{
	flex-basis: 47.5%;
}
.works-galley-caption{
	line-height: 1.4;
	margin: 0.75em 0;
	font-size: 1.2rem;
}
.work-card figure{
	cursor: pointer;
}
.work-card figure:hover{
	opacity: 0.7;
}
@media (min-width:768px){
	.works-gallery ul{
		gap: 50px 5%;
	}
	.works-galley-caption{
		font-size: 1.5rem;
		line-height: 1.75;
	}
}


.works-list{
	border-top: 1px solid #000;
	padding: 100px 0 0;
	margin: 100px 0;
}
.works-list h2{
	font-size: 2.4rem;
	text-align: center;
	font-weight: 300;
	margin: 0 0 50px 0;
}
.year-block{
	width: fit-content;
	margin: 0 auto;
	position: relative;
}
.year-block h3{
	font-size: 1.9rem;
	font-feature-settings: "palt" 1;
	margin-bottom: 25px;
}
.year-block ul{
	margin-bottom: 50px;
}
.year-block li{
	margin: 0 0 1em 2em;
	position: relative;
}
.year-block li::before{
	content: '';
	display: block;
	background-color: #00a793;
	width: 12px;
	height: 12px;
	position: absolute;
	left: -2em;
	top: 50%;
	transform: translateY( -50% );
	border-radius: 12px;
}

@media (min-width:768px){
	.year-block{
		transform: translateX( 40px );
	}
	.year-block h3{
		position:relative;
		left: -80px;
		top: 50px;
	}

}



/* Page Separator------------------------------------------------------------

リクルートのトップ

----------------------------------------------------------------------------*/
.recruit-bg{
	background: #ebebeb;
}

/*セクション（共通）*/
.sec_recruit-top{
	padding: 70px 20px;
}
/*英語タイトル（SVG 元は高さ70）*/
.sec_recruit-top .en-title{
	margin-bottom: 10px;
}
.sec_recruit-top .en-title img{
	height: 50px;
}
@media (min-width:768px){
	/*セクション（共通）パディング調整*/
	.sec_recruit-top{
		padding: 100px 0;
	}
	/*英語タイトルのサイズを戻す*/
	.sec_recruit-top .en-title img{
		height: 70px;
	}
}

/*見出しと飾り罫*/
.sec_recruit-top h2{
	font-size: 1.9rem;
	line-height: 1;
	width: fit-content;
	position: relative;
}
.sec_recruit-top h2::after{
	content: '';
	display: block;
	width: 110px;
	height: 2px;
	background: #333;
	position: absolute;
	right: -130px;
	top: 9px;
}
/*段落*/
.sec_recruit-top p{
	margin: 50px 0;
	line-height: 2;
}
/*もっと見る ボタン*/
.sec_recruit-top .btn-viewmore a{
	display: block;
	position: relative;
	width: 202px;
	height: 62px;
	background-image: url("../image/page-recruit/top_btn-bg-202-62.svg")
}
.sec_recruit-top .btn-viewmore a img{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translate( 0 , -50% );
	transition-duration: .2s;
}
.sec_recruit-top .btn-viewmore a:hover img{
	transform: translate( 10px , -50% );
}

/*共通セクションのFLEX設定*/
.sec_recruit-top{
	display: flex;
	flex-direction: column;
	gap: 35px 0;
	flex-wrap: wrap;
}
/*最後のセクションの後には区切り線を入れない*/
.pw .sec_recruit-top:not(:last-of-type){
	border-bottom: 2px solid #000;
}

@media (min-width:768px){
	/*基本はリバース（写真が先だから）*/
	.sec_recruit-top{
		flex-direction: row-reverse;
		gap: 0 5%;
	}
	/*偶数はノンリバース*/
	.sec_recruit-top:nth-child(even){
		flex-direction: row;
	}
	
	.sec_recruit-top figure,
	.sec_recruit-top .inner{
		flex-basis: 47.5%;
	}
}

/*=== リクルートCntact セクション===============================================*/
.sec_contact{
	color: #FFF;
	background: #333;
	background-image: url("../image/page-recruit/contact-bg.jpg");
	background-position: center;
	background-size: cover;
	padding-top: 100px;
	padding-bottom: 100px;
}
.sec_contact h2{
	fotn-size: 1.9rem;
	margin: 5px 0 30px;
}

.btn_recruit-contact a{
	display: block;
	text-align: center;
	border: 1px solid #FFF;
	border-radius: 50px;
	padding: 10px;
	margin: 25px 0 0;
	font-size: 1.4rem;
	width: 80%;
	transition-duration: .3s;
}
.btn_recruit-contact a::after{
	content:'\e5cc';
	font-family: 'Material Icons';
	font-size: 1.6rem;
	vertical-align: -3px;
	line-height: 1;
}
.btn_recruit-contact a:hover{
	background: #FFFFFF;
	color:#001D23;
}
/* Section Separator---------------------------------------------------------

　リクルート子ページ

----------------------------------------------------------------------------*/
.recruit-child-header{
	background: #FFF;
	padding: 100px 0 30px;
	text-align: center;
}
.recruit-child-pagetitle img{
	height: 50px;
}
.recruit-child-header h1{
	font-weight: 800;
}

@media (min-width:768px){
	.recruit-child-header{
		padding: 170px 0 50px;
	}
	.recruit-child-pagetitle img{
		height: 60px;
	}
}

.sec-interview{
	margin-bottom: 100px;
}
@media (min-width:768px){
	.sec-interview{
		margin-bottom: 200px;
	}
}

.intv-head-ph{
	aspect-ratio: 1.5 / 1;
	background-position: center center;
	background-size: cover;
	
}
@media (min-width:768px){
	.intv-head-ph{
		aspect-ratio: 2.2/ 1;
	}
}
.intv-prof-box{
	background-color: #00a6ae;
	color: #FFF;
	padding: 20px 30px;
	font-weight: 300;
	letter-spacing: 0.2em;
	z-index: 1;
	margin: -30px 0 40px ;
}


.intv-prof-box .dept{
	font-size: 1.4rem;
}
.intv-prof-box .name{
	font-size: 3rem;
}
.intv-prof-box .rubi{
	font-size: 1.2rem;
}
.intv-prof-box .prof-txt{
	font-size: 1.2rem;
	margin: 1em 0;
}
.intv-prof-box .note{
	font-size: 1.0rem;
}

@media (min-width:768px){
	.intv-prof-box{
		padding: 40px 110px 30px 40px;
		width: fit-content;
		margin: -220px 0 80px ;
	}
	.intv-prof-box.rev{
		margin: -220px 0 80px auto ;
	}
	.intv-prof-box .dept{
		font-size: 1.7rem;
	}
	.intv-prof-box .name{
		font-size: 4rem;
	}
	.intv-prof-box .rubi{
		font-size: 1.4rem;
	}
	.intv-prof-box .prof-txt{
		font-size: 1.5rem;
		margin: 2em 0 1em;
	}
	.intv-prof-box .note{
		font-size: 1.2rem;
	}
}

.para-block--intv{
	letter-spacing: 0.1em;
	display: flex;
	flex-direction: column;
	gap: 50px 0px;
}
.para-block--intv + .para-block--intv{
	margin-top: 50px;
}

.para-block--intv h2{
	letter-spacing: 0.2em;
	font-size: 2rem;/*2.7*/
	font-weight: 400;
	margin-bottom: 1em;
}
.para-block--intv p{
	font-size: 1.5rem;
	line-height: 2;
	margin: 0 0 0.75em 0;
}

@media (min-width:768px){
	.para-block--intv{
		flex-direction: row;
		gap: 100px 50px;
	}
	.para-block--intv.rev{
		flex-direction: row-reverse;
	}
	.para-block--intv > div{
		width: 40%;
	}
	.para-block--intv > figure{
		width: 60%;
	}
	.para-block--intv h2{
		font-size: 2.7rem;
	}
	.para-block--intv + .para-block--intv{
		margin-top: 100px;
	}
}
/* Section Separator---------------------------------------------------------

　リクルート子ページ／働く環境

----------------------------------------------------------------------------*/
.workplace-hero{
	aspect-ratio: 1.3 / 1;
	background-image: url("../image/page-recruit/workplace-hero2025.jpg");
	background-size: cover;
	background-position: center;
}
@media (min-width:768px){
	.workplace-hero{
		aspect-ratio: 2.2 / 1;
	}
}

.sec-wp{
	padding-top: 75px;
	padding-bottom: 75px;
}
.sec-wp.bg-w,
.sec-jd.bg-w,
.sec-details.bg-w{
	background-color: #FFF;
}
.sec-wp h2{
	text-align: center;
	font-size: 2.2rem;
	font-weight: 600;
	letter-spacing: 0.2em;
}
.sec-wp p{
	font-size: 1.5rem;
	margin: 30px 0;
	line-height: 2;
	letter-spacing: 0.2em;
}

.workplace-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 20px ;
}
.workplace-list > div{
	text-align: center;
	color:#00A9B0;
	font-size: 1.3rem;
	font-weight: 500;
}
.workplace-list figure{
	margin-bottom: 1em;
}
@media (min-width:768px){
	.sec-wp{
		padding: 78px 0 110px;
		text-align: center;
	}
	.sec-wp h2{
		font-size: 3.6rem;
	}
	.sec-wp p{
		margin: 32px 0 58px;
		line-height: 1.8;
	}
	.sec-wp p br{
		display:inline;
	}
	.workplace-list{
		max-width: 900px;
		margin: 0 auto;
		justify-content: center;
		gap: 0px 50px ;
	}
	.workplace-list > div{
		font-size: 1.7rem;
	}
	.workplace-list figure{
		margin-bottom: 1.5em;
	}
}

/* Section Separator---------------------------------------------------------

　リクルート子ページ／職種紹介

----------------------------------------------------------------------------*/

.jobduties-hero{
	aspect-ratio: 1.3 / 1;
	background-image: url("../image/page-recruit/jobduties-hero.webp");
	background-size: cover;
	background-position: center;
}
@media (min-width:768px){
	.jobduties-hero{
		aspect-ratio: 2.2 / 1;
	}
}

.sec-jd{
	padding-top: 75px;
	padding-bottom: 75px;
}

/*ページイントロ-----------------------------------*/

/*ページイントロ大見出し「多様な職種が〜」*/
.sec-jd_intro h2{
	text-align: center;
	font-size: 2.2rem;
	font-weight: 600;
	letter-spacing: 0.1em;
}
/*ページイントロボディーコピー*/
.sec-jd_intro p{
	font-size: 1.5rem;
	margin: 30px 0;
	line-height: 2;
	letter-spacing: 0.2em;
}
@media (min-width:768px){
	.sec-jd{
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.sec-jd_intro h2{
		font-size: 3.6rem;
	}
	.sec-jd_intro p{
		margin: 32px 0 0px;
		line-height: 1.8;
		text-align: center;
	}
}

/*施工管理・設計-----------------------------------*/

.sec-jd_content{
	padding-bottom: 150px;
}

/*大見出し 施工管理・設計*/
.sec-jd_content h2{
	font-size: 4.1rem;/*4.3*/
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.2em;
	border-bottom: 4px solid #00a6ae;
	width: fit-content;
	padding: 0 0 0.25em 0.2em;
	margin: 0 auto 100px;
}
/*パラグラフブロック レイアウト------------*/
.para-block--jd{
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.para-block--jd + .para-block--jd{
	margin-top: 125px;
}
@media (min-width:768px){
	.para-block--jd{
		flex-direction: row-reverse;
		gap: 0 5%;
	}
	.para-block--jd > div{
		flex-basis: 48%;
	}
	.para-block--jd > figure{
		flex-basis: 47%;
	}
}

/*パラグラフブロック 書式------------*/
.para-block--jd h3{
	font-size: 2.4rem;/*3.2*/
	font-weight: 500;
	line-height: 1;
	margin: 0 0 1em;
}
.para-block--jd p{
	line-height: 1.75;
	letter-spacing: 0.1em;
}
@media (min-width:768px){
	.para-block--jd h3{
		font-size: 3.2rem;/*3.2*/
		font-weight: 500;
		line-height: 1;
		margin: 0 0 1.0em;
	}
}

/* Page Separator------------------------------------------------------------

リクルート子ページ／人材募集の詳細

----------------------------------------------------------------------------*/

.details-hero{
	aspect-ratio: 1.3 / 1;
	background-image: url("../image/page-recruit/details-hero2025.jpg");
	background-size: cover;
	background-position: center;
}
@media (min-width:768px){
	.details-hero{
		aspect-ratio: 2.2 / 1;
	}
}

/*採用情報の レイアウト------------*/
.sec-details{
	padding-top: 100px;
	padding-bottom: 100px;
}
@media (min-width:768px){
	.sec-details{
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

/*採用情報の 書式------------*/
.sec-details h2{
	font-size: 2.4rem;
	letter-spacing: 0.15em;
	line-height: 1.2;
	margin: 0 0 1em;
}
.sec-details p{
	line-height: 2;
	letter-spacing: 0.1em;
	margin: 1em 0;
}
@media (min-width:768px){
	.sec-details h2{
		font-size: 3.2rem;
	}
}

.recruit-youko-list li{
	list-style: disc;
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 1em 0 1em 1.5em;
}
.recruit-youko-list li a{
	color: #0033cc;
}
.recruit-youko-list li a:hover{
	text-decoration: underline;
}