@charset "UTF-8";


@media screen and (min-width: 1033px){
	.page-title{
		height: auto;
	}
}
/* +++横スクロールの設定のためのスタイル+++ */
.wrapper{
    width: 400%;
    height: 100vh;
}

#footer .bg-scroll{
	display: none;
}

/* +++#sec01+++ */
#sec01{
	padding: 13rem 4rem 12.5rem 4.7rem;
}
.bg-slide{
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1;
}
.bg-slide .pic img{
	height: 100vh;
	width: 100%;
}
.page-title{
	line-height: 1;
	text-align: left;
	padding-top: 5rem;
}
.page-title .en{
	font-size: 8rem;
	line-height: 1;
	letter-spacing: 0;
	font-family: "Noto Sans JP", YuGothic, 游ゴシック, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.page-title,
p,
.process{
	position: relative;
	z-index: 9;
}
.process{
	position: absolute;
	right: 4rem;
	bottom: 12.5rem;
}
.message{
	margin-top: 2.5rem;
	font-size: 2.2rem;
	line-height: 1.5;
}

.process{
	width: 77.8rem;
}
.process h2{
	font-size: 2.5rem;
	text-align: center;
	border-bottom: 1px solid #fff;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.process .s-between{
	align-items: stretch;
}
.process01{
	width: calc(50% - .5rem);
	padding: 2.5rem;
	border-radius: 1.5rem;
	background: rgba(0,140,197,.3);
	border: 1px solid rgba(255,255,255,.3);
	backdrop-filter: blur(4px);
}
.process h3{
	font-size: 2rem;
	margin-bottom: 2rem;
}
.process ol{
	padding-bottom: 1.5rem;
}
.process li{
	margin-bottom: .5rem;
	line-height: 1.4;
	text-indent: -1em;
	padding-left: 1em;
}
.process li:before{
	content: attr(data-no);
	display: inline;
}
.process h4{
	font-size: 1.6rem;
	margin-bottom: 1rem;
	border-top: 1px solid #fff;
	padding-top: 1.5rem;
}
.recruit-button{
	color: #008CC5;
	font-weight: 500;
	width: 27.3rem;
	height: 6.3rem;
	border-radius: 3.2rem;
	padding: 0 3.2rem;
	align-items: center !important;
	margin-top: .5rem;
}
.recruit-button:after{
	content: "";
	display: block;
	width: 2.4rem;
	height: 1em;
	background: url(../images/recruit-arrow01.svg) no-repeat;
	background-position: center;
	background-size: 100% auto;
}


/* +++#sec02+++ */
#sec02{
	padding-block: 13rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
#sec02 .detail-area{
	width: 100%;
	max-width: 128rem;
	margin-inline: auto;
}
#sec02 h2{
	font-size: 3rem;
	margin-bottom: 3rem;
}
.desc-area{
	width: 100%;
	background: rgba(255,255,255,.3);
	border: 1px solid rgba(255,255,255,.6);
	backdrop-filter: blur(20px);
	box-shadow: 0 2.1rem 3rem #197CB1;
	border-radius: 2rem;
	padding: 2rem 4rem 4rem;
}
#sec02 table{
	width: calc(50% -  2rem);
}
#sec02 th{
	font-weight: 500;
	padding: 2rem 0;
	width: 30%;
	line-height: 1.875;
}
#sec02 td{
	width: 70%;
	line-height: 1.875;
	padding: 2rem 0;
}
#sec02 tr{
	border-bottom: 1px solid #fff;
}







@media screen and (max-width: 1032px){

/* +++#sec01+++ */
/*
	.bread-crumbs{
		margin-top: -100vh;
		padding-inline: 2rem;
		padding-top: 8rem;
	}
*/
	#sec01{
		padding: 0;
		height: auto;
	}
	.slick-slide.pic img{
		min-height: 100vh;
		height: 100%;
	}
	.bg-slide{
		min-height: 100vh;
		height: auto;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
	}
	.slide,
	.slick-list,
	.slick-track{
		height: 100%;
	}
	.page-title{
/*
		padding-top: 6.4rem;
*/
		padding-top: 13.4rem;
		padding-inline: 2rem;
		margin-top: 0;
	}
	.page-title .en{
		font-size: 4rem;
	}
	.page-title .ja{
		left: 2rem;
	}
	.process{
		position: relative;
		right: auto;
		bottom: auto;
/*
		padding: 0 2rem 8rem;
*/
		padding: 0 0 8rem;
	}
	.message{
		margin-top: 4.8rem;
		font-size: 1.8rem;
		line-height: 2;
		padding-inline: 2rem;
		padding-bottom: 2.4rem;
	}

	.process{
		width: 100%;
	}
	.process h2{
/*
		margin-top: 6.4rem;
*/
		font-size: 1.8rem;
	}
	.process div.s-between{
		display: block;
	}
	.process01{
		width: 100%;
		padding: 2rem;
		border-radius: 1.2rem;
	}
	.process01:not(:last-of-type){
		margin-bottom: 3.6rem;
	}
	.process h3{
		font-size: 1.6rem;
		margin-bottom: 1.2rem;
	}
	.process ol{
		padding-bottom: 1.5rem;
	}
	.process li{
		line-height: 1.75;
	}
	.process h4{
		font-size: 1.5rem;
		margin-bottom: 1rem;
		border-top: 1px solid #fff;
		padding-top: 1.2rem;
	}
	.recruit-button{
		width: 100%;
		height: 5rem;
		border-radius: 2.5rem;
		padding: 0;
		align-items: center !important;
		justify-content: center;
	}
	.recruit-button:after{
		width: 1.8rem;	
		margin-left: .5em;
	}


/* +++#sec02+++ */
	#sec02{
		padding-block: 8rem;
		display: block;
	}
	#sec02 .detail-area{
		width: 100%;
		max-width: 100%;
	}
	#sec02 h2{
		font-size: 1.8rem;
		margin-bottom: 1.8rem;
	}
	.desc-area{
		border-radius: 1.2rem;
		padding: 2rem;
	}
	#sec02 table,
	#sec02 tbody,
	#sec02 tr,
	#sec02 th,
	#sec02 td{
		width: 100%;
		display: block;
	}
	#sec02 th{
		padding: 1.2rem 0 .8rem;
		text-align: left;
	}
	#sec02 td{
		padding: 0 0 1.2rem;
	}

	.sec__inner{
		max-width: 56rem;
		margin-inline: auto;
	}
}





/*----- 寺井リサイズ調整 */
/* @media screen and (max-width: 1100px),
screen and (min-width: 1380px){ */
/* @media screen and (min-width: 1380px){ */
@media screen and (min-width: 1033px){

	#sec02{
		padding-block: 10rem;
	}
	.detail-area{
		height: 100%;
	}
	.desc-area{
		height: calc(100% - 6rem);
	}
	#sec02 table{
		height: 100%;
	}
	#sec02 tr{
		height: calc(100% / 5);
	}
	#sec02 th,
	#sec02 td{
		padding: 1rem 0;
	}

}