@charset "UTF-8";

/* ====================================
	共通
==================================== */
main{ overflow:hidden; }

/* ====================================
	メインビジュアル
==================================== */
.main-visual{ padding:0!important; position:relative; }

.main-video{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.main-visual .main-visual-wrapper{
	height: 100vh;
	/* min-height: 750px; */
	position:relative;
}
.main-visual .main-visual-wrapper > div{
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}
.main-visual video {
	width:100%;
	height:100%;
	object-fit:cover;
	position: absolute;
	top: 0;
	left: 0;
}
/*オーバーレイ*/
.main-visual .overlay{
	width:100%;
	height: 100%;
	background:rgba(0,0,0,.3);
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.main-visual .message{
	position:relative;
	z-index:2;
}

/*コントロール部分*/
.main-visual .controls{
	display:flex;
	padding:14px 20px;
	background:rgba(255,255,255,.7);
	position:absolute;
	bottom:40px;
	left:40px;
	z-index:2;
	align-items:center;
}
@media (min-width:1240px) and (max-height: 720px){
	.main-visual{
		/* min-height: 750px; */
	}
}
@media (max-width:1240px) {
	.main-visual{height: calc(100svh - 87px);}
	.main-video{
		height:100%;
	}
	.main-visual .controls{
		padding:10px 15px;
		bottom:20px;
		left:50%;
		transform:translateX(-50%);
	}
	.toggleBtn img{ width:9px; }
}
@media (max-width:767px) {
	.main-visual .message .pc-only{
		display:none;
	}
}
@media (min-width:768px) {
	.main-visual .message .sp-only{
		display:none;
	}
}
/*再生停止ボタン*/
.main-visual #toggleBtn{
	width:32px;
	height:32px;
	border:2px solid #ee7800;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.main-visual .message{
	width:100%;
	margin-top:80px;
	text-align:center;
	position:absolute;
	z-index:2;
	top:50%;
	bottom:0;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	color:#fff;
}
.main-visual .message p{
	margin-top:2.5rem;
	font-size:2.4rem;
	line-height:3.8rem;
	font-weight:500;
}

/*ボタン*/
.main-visual .message .btn,
.main-visual .message .btn-list{
	margin-top:70px;
	display:flex;
	justify-content:center;
}
.main-visual .message .btn-list{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.main-visual .message .btn-list li{ width:calc((100% - 20px) / 2); height:80px;  }
.main-visual .message .btn-list li a{ width:100%; }
.main-visual .message .btn a{ max-width:320px; height:80px; }

.main-visual .message .btn a,
.main-visual .message .btn-list li a{
	display:flex;
	height: 80px;
	width:100%;
	text-align: left;
	align-items:center;
	text-decoration:none;
	border:2px solid #ff8a14;
	border-radius:4px;
	padding: .8rem 8rem .8rem 2.5rem;
	font-size:2.4rem;
	color:#fff;
	background:#ff8a14;
	position:relative;
}
.main-visual .message .btn a:after,
.main-visual .message .btn-list li a:after{
	content:"";
	width:35px;
	height: calc(100% - 1.6rem);
	margin-left:auto;
	border-left:2px solid #ffffff;
	background:url(../img/arrow-2white.svg) no-repeat right / 20px 18px;
	display:block;
	right: 2rem;
}
.main-visual .message .btn a:hover:after,
.main-visual .message .btn-list li a:hover:after{
	background:url(../img/arrow-2orange.svg) no-repeat right / 20px 18px;
	border-left:2px solid #ff8a14;
}
.main-visual .message .btn a:hover,
.main-visual .message .btn-list li a:hover{
	color:#ff8a14;
	background:#fff;
}
.main-visual .message h2{ font-size:5rem; line-height:8rem; font-weight:500; }

@media (min-width: 1239px) and (max-height: 800px){
	.main-visual .message{
		margin-top:0;
	}
}

@media (max-width:1240px) {
	.main-visual .message{
		margin-top:200px;
		padding:0 60px;
		top:0;
		left:0;
		transform:none;
	}
	.main-visual .message h2 {
		font-size:4rem;
		line-height:7rem;
	}
	.main-visual .message .btn,
	.main-visual .message .btn-list {
		margin-top:30px;
		width:100%;
	}
}
@media (max-width:767px) {
	.main-visual .message{
		width:100%;
		margin-top: 110px;
		padding: 0 20px;
		text-align:left;
		position:absolute;
		z-index:2;
		transform:none;
	}
	.main-visual .message .btn a,
	.main-visual .message .btn-list li a{
		height:50px;
		padding: .5rem 6rem .5rem 2rem;
		font-size:1.6rem;
	}
	.main-visual .message .btn a:after,
	.main-visual .message .btn-list li a:after{
		right:1rem;
	}
	.main-visual .message .btn-list{ flex-direction:column; gap:10px;}
	.main-visual .message .btn-list li{ height:50px; width:100%; }
	.main-visual .message .btn-list li + li { margin-left:0; }
	.main-visual .message h2 { font-size:2.4rem; line-height:3.8rem; }
	.main-visual .message p {
		margin-top:22.5px;
		font-size:1.8rem;
		line-height:2.6rem;
	}
	.main-visual #toggleBtn{
		width:25px;
		height:25px;
	}
}



/* ====================================
	流れる文字
==================================== */
.marquee{
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	position:relative;
	z-index:0;
}
.marquee__inner {
	display:inline-flex;
	gap:56px;
	letter-spacing:-0.02em;
	color:#fff;
	font-size:240px;
	font-weight:700;
	line-height:240px;
	text-shadow:
		-2px -2px 0 #f0e9e3,
		2px -2px 0 #f0e9e3,
		-2px 2px 0 #f0e9e3,
		2px 2px 0 #f0e9e3;
	animation:scroll-left 30s linear infinite;
}
.marquee__item {
	flex-shrink:0;
	white-space:nowrap;
}

/* アニメーション*/
@keyframes scroll-left {
	0% {
		transform:translateX(0);
	}
	100% {
		transform:translateX(-50%); /* -100%から-50%に変更 */
	}
}

@media (max-width:1240px) {
	.marquee{
		font-size:9rem;
		line-height:9rem;
	}
}

/* ====================================
	メッセージ
==================================== */
main .message-area {
	padding: 100px 0;
	position:relative;
}
main .message-area:before{
	content:"";
	width:883px;
	height:1856px;
	display:block;
	background:url(../img/shape01.png) no-repeat 100% / 100%;
	position:absolute;
	top:-360px;
	left:170px;
	z-index:-2;
}
main .message-area:after{
	content:"";
	width:1924px;
	height:598px;
	display:block;
	background:url(../img/shape02.png) no-repeat 100% / 100%;
	position:absolute;
	bottom:-350px;
	z-index:-2;
	right:-924px;
}

main .message-area .inview{
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
main .message-area{ color:#444444; font-size:3.2rem; line-height:6.4rem; font-weight:700; letter-spacing:.1em; }
main .message-area > div > p + p{ margin-top:2em; }
main .message-area .marquee{ position:absolute; top:43%; }

@media (min-width:768px) {
	main .message-area .title-text{ display:none; }
	main .message-area .marquee{ display:block; }
}
@media (max-width:750px) {
	main .message-area:before{
		content:"";
		width:353px;
		height:742px;
		display:block;
		background:url(../img/shape01.png) no-repeat 100% / 100%;
		position:absolute;
		top:-190px;
		left:-160px;
	}
	main .message-area:after{
		content:"";
		width:769px;
		height:238px;
		display:block;
		background:url(../img/shape02.png) no-repeat 100% / 100%;
		position:absolute;
		bottom:-126px;
		left:-90px;
		z-index:-2;
	}
}
@media (max-width:1240px) {
	main .message-area { padding: 50px 0 80px; font-size:2rem; line-height:4rem; }
	main .message-area .inview{
		width:100%;
		margin:0;
		padding:20px 80px;
	}
}
@media (max-width:767px) {
	main .message-area .inview{ padding:20px; }
}


/* ====================================
	数字で見てみる
==================================== */
main .data-area{ position:relative; padding-top:0; }
main .data-area .title-area{ padding:100px 70px 0; position:absolute; }
main .data-area .title-area .en{ color:#ff8a14; }
main .data-area .title-area h2{margin-bottom:30px;line-height:4rem;margin-left: 0;}
main .data-area .inner:before{
	content:"";
	width:1212px;
	height:1665px;
	display:block;
	background:url(../img/shape03.png) no-repeat 100% / 100%;
	position:absolute;
	bottom:-850px;
	right:-160px;
	z-index:0;
}
main .data-area .inner{
	padding:430px 0 480px;
	background:#f9f6f3;
	position:relative;
	clip-path:polygon(0 320px, 100% 0, 100% 100%, 0% 100%);
	z-index:0;
}
main .data-area ul{
	width:1200px;
	margin:0 auto;
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-template-rows:repeat(2, 1fr);
	grid-column-gap:40px;
	grid-row-gap:60px;
}
main .data-area ul > li{
	padding:20px;
	background:#ffffff;
	position:relative;
	align-items: center;
}
main .data-area ul > li > span{
	min-width: 100px;
	min-height:40px;
	padding:1rem 1rem;
	display:block;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:16px;
	letter-spacing:-0.02em;
	font-weight:700;
	background:#ff8a14;
	position:absolute;
	top:-40px;
	left:0;
}
main .data-area ul > li > span::after {
	content:"";
	position:absolute;
	top:0;
	right:-20px;
	width:0;
	height:0;
	border-top:40px solid transparent;
	border-left:20px solid #ff8a14; /* 三角形の色 */
}
main .data-area ul > li h3{
	margin-bottom:30px;
	color:#444444;
	font-size:3.2rem;
	line-height:5.2rem;
	font-weight:500;
	letter-spacing:0.1em;
	text-align:center;
}
.marker {
	display:inline;
	padding:0 20px;
	background-image:linear-gradient(
		to bottom,
		transparent 0%,
		transparent calc(50% - 8px),
		#f2ece6 calc(50% - 8px),
		#f2ece6 calc(50% + 8px),
		transparent calc(50% + 8px),
		transparent 100%
	);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:0 0;
	box-decoration-break:clone;
	-webkit-box-decoration-break:clone;
}
main .data-area ul > li:first-of-type{ grid-area:1 / 1 / 2 / 2; min-height:228px;}
main .data-area ul > li:nth-of-type(2){ grid-area:2 / 1 / 3 / 2; min-height:228px;}
main .data-area ul > li:nth-of-type(3){ grid-area:1 / 2 / 3 / 3; min-height:515px; padding:40px;}
main .data-area ul > li:nth-of-type(3) img{ width: 100%; object-fit:contain; }
main .data-area ul > li:nth-of-type(1),
main .data-area ul > li:nth-of-type(2){ display:flex; justify-content:space-between; }
main .data-area ul > li:nth-of-type(1) > div,
main .data-area ul > li:nth-of-type(2) > div{ width:240px; padding:20px 0 20px 20px; }
main .data-area ul > li:nth-of-type(1) > p:first-of-type,
main .data-area ul > li:nth-of-type(2) > p:first-of-type{ display:flex; align-items:center; }
main .data-area ul > li p + p{ margin-top:20px; }

main .data-area .btn{ margin-top:60px; }
main .data-area .btn a{
	border:2px solid #ff8a14;
	color:#ff8a14;
	background:#fff;
}
main .data-area .btn a:after{
	border-left:2px solid #ff8a14;
	background:url(../img/arrow-2orange.svg) no-repeat right / 20px 18px;
	display:block;
}
main .data-area .btn a:hover:after{
	background:url(../img/arrow-2white.svg) no-repeat right / 20px 18px;
	border-left:2px solid #ffffff;
}
main .data-area .btn a:hover{
	color:#fff;
	background:#ff8a14;
}
@media print,screen and (min-width:768px){
	main .data-area .sp-only{ display:none; }
	main .data-area .pc-only{ display:block; }
}
@media print,screen and (max-width:1400px){
	main .data-area ul {
		width:1100px;
	}
}
@media print,screen and (max-width:1240px){
	main .data-area ul {
		width: 100%;
		padding: 0 80px;
	}
	main .data-area .title-area{ padding:30px 80px; }
	main .data-area .inner {
		padding:256px 0 480px;
		clip-path:polygon(0 65px, 100% 0, 100% 100%, 0% 100%);
	}
	main .data-area ul > li{width:100%;height:auto!important;}

	main .data-area ul > li:nth-of-type(1) > div,
	main .data-area ul > li:nth-of-type(2) > div{ width:100%; padding:0; }
	main .data-area ul > li h3{
		font-size:2.6rem;
	}
	main .data-area ul > li img{ width:100%; height:auto; }
	.marker {
		padding:0 10px;
		background-image:linear-gradient(
			to bottom,
			transparent 0%,
			transparent calc(50% - 5px),
			#f2ece6 calc(50% - 5px),
			#f2ece6 calc(50% + 5px),
			transparent calc(50% + 5px),
			transparent 100%
		);
	}
	main .data-area ul > li:nth-of-type(1) > div,
	main .data-area ul > li:nth-of-type(2) > div{ 
		width:55%;
		padding:20px 0 20px 20px;
	}

	main .data-area ul > li:nth-of-type(1) > p,
	main .data-area ul > li:nth-of-type(2) > p{ width:45%; }

}
@media print,screen and (max-width:767px){
	main .data-area .pc-only{ display:none; }
	main .data-area ul > li:nth-of-type(1),
	main .data-area ul > li:nth-of-type(2){ display:block; }
	main .data-area ul {
		display:block;
		width: 100%;
		padding: 0 20px;
	}
	main .data-area ul > li:first-of-type{ padding:30px 15px; }
	main .data-area .inner:before{
		content:"";
		width:484px;
		height:665px;
		display:block;
		background:url(../img/shape03.png) no-repeat 100% / 100%;
		position:absolute;
		bottom:0px;
		right:75px;
		z-index:0;
	}
	main .data-area ul > li{ padding:30px 15px; }
	main .data-area ul > li + li{ margin-top:55px; }

	main .data-area ul > li h3{
		margin-bottom:20px;
		font-size:2rem;
		line-height: 4rem;
	}
	main .data-area ul > li:nth-of-type(1) > div,
	main .data-area ul > li:nth-of-type(2) > div,
	main .data-area ul > li:nth-of-type(1) > p,
	main .data-area ul > li:nth-of-type(2) > p{
		width:100%!important;
		padding: 0;
	}
	main .data-area ul > li > p{  display:block; font-size:1.4rem; line-height:2.2rem; }
	main .data-area ul > li > span{
		min-width: 70px;
		min-height:30px;
		padding:.8rem .4rem .8rem .8rem;
		font-size:1.3rem;
		line-height:1.3rem;
		top:-30px;
	}
	main .data-area ul > li > span::after {
		border-top:30px solid transparent;
		border-left:20px solid #ff8a14; /* 三角形の色 */
	}
	main .data-area .title-area{ padding:30px 20px; }
}



/* ====================================
	先輩社員の声を聞いてみる
==================================== */
main .voice-area{ margin-top:-440px; padding-top:0; }

main .voice-area .title-area{ position:absolute; padding:20px 70px 0; }
main .voice-area .title-area h2{ margin-bottom:105px; margin-left:20px; margin-left: 0;}
main .voice-area .inner{
	padding:600px 0 180px;
	background:#ff8a14;
	position:relative;
	clip-path:polygon(0 0, 100% 320px, 100% 100%, 0% 100%);
}

main .voice-area .title-area .en{ margin-top:80px; }
main .voice-area .inner .discussion{
	margin-right: 70px;
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	justify-content:end;
	position:relative;
}
main .voice-area .inner .discussion > div{
	width:640px;
	padding:30px 40px 40px;
	text-align:center;
	background:#fff;
	margin-right:-90px;
	z-index:2;
}
main .voice-area .inner .discussion > div .sub-title{
	color:#ff8a14;
	font-weight:500;
	font-size:3.2rem;
	line-height:5.2rem;
	letter-spacing:0.1em;
}
main .voice-area .inner .discussion > div h3{
	margin-bottom:30px;
	font-size:4rem;
	line-height:6.4rem;
	color:#444444;
	font-weight:500;
	letter-spacing:0.1em;
}
main .voice-area .inner .discussion > p{ text-align:right; position:relative; }
main .voice-area .inner .discussion > p:after{
	content:"CROSS TALK";
	display:block;
	color:#ff8a14;
	font-size:1.6rem;
	line-height: 1.6rem;
	font-weight:700;
	letter-spacing:-0.02em;
	font-family:"Inter";
	position:absolute;
	top:15px;
	left:20px;
}

main .voice-area .btn a{
	border:2px solid #ff8a14;
	color:#ff8a14;
	background:#fff;
}
main .voice-area .btn a:after{
	border-left:2px solid #ff8a14;
	background:url(../img/arrow-2orange.svg) no-repeat right / 20px 18px;
}
main .voice-area .btn a:hover:after{
	background:url(../img/arrow-2white.svg) no-repeat right / 20px 18px;
	border-left:2px solid #ffffff;
}
main .voice-area .btn a:hover{
	color:#fff;
	background:#ff8a14;
}
main .voice-area .marquee{ top:-270px; }
main .voice-area .marquee__inner{
	color:#ff9d3b;
	text-shadow:none;
}
@media print,screen and (max-width:1500px){
	main .voice-area .inner .discussion > div { padding:30px 20px 20px; margin-right:-20px; }
	main .voice-area .inner .discussion > div h3 {
		font-size:3.0rem;
		line-height:6.0rem;
	}
}
@media print,screen and (max-width:1400px){
	main .voice-area .inner .discussion > div .sub-title { font-size: 3.0rem; }
}
@media print,screen and (max-width:1240px){
	main .voice-area .title-area{ padding:30px 80px; }
	main .voice-area .title-area .en{margin-top:0;}
	main .voice-area .inner{
		padding:230px 0 50px;
		clip-path:polygon(0 0, 100% 70px, 100% 100%, 0% 100%);
	}
	main .voice-area .inner .discussion { margin-top:0; display:block; }
	main .voice-area .inner .discussion > div {
		width:calc(100% - 160px);
		padding: 30px 20px;
		margin: -60px 80px 0;
		z-index:2;
		position:relative;
	}
	main .voice-area .inner .discussion > div .sub-title{
		margin-bottom:10px;
		color:#ff8a14;
		font-weight:500;
		font-size:2rem;
		line-height:3.2rem;
	}
	main .voice-area .inner .discussion > div h3{
		font-size:2.2rem;
		line-height:3.8rem;
		margin-bottom:15px;
		/* white-space: nowrap; */
	}
	main .voice-area .inner .discussion > p{text-align:right;position:relative;}
	main .voice-area .inner .discussion > p img{ width:100%; height:100%; object-fit:cover; }
	main .voice-area .inner .discussion > p:after{font-size:1.3rem;line-height: 1.3rem;top:10px;left:10px;}

	main .voice-area .marquee{ top:0; z-index:-1; }
	main .voice-area .marquee__inner {
		color:#ff9d3b;
		font-size:9rem;
		line-height:9rem;
		text-shadow:none;
	}
}
@media print,screen and (max-width:767px){
	main .voice-area .title-area{ padding:30px 20px; }
	main .voice-area .inner .discussion > div {
		width:calc(100% - 40px);
		margin: -20px 20px 0;
	}
}

/* ====================================
	仕事の内容を調べてみる
==================================== */
main .job-area{padding:130px 0;position:relative;}
main .job-area:before{
	content:"";
	width:883px;
	height:1856px;
	display:block;
	background:url(../img/shape04.png) no-repeat 100% / 100%;
	position:absolute;
	top:-630px;
	left:-600px;
	z-index:-1;
}
main .job-area .title-area{ padding:0 60px 60px; position:static; }
main .job-area > ul{ width:1200px;margin:0 auto; display:flex; position:relative; height:300px; }
main .job-area > ul li{ position: absolute; }
main .job-area ul .left{
	width:430px;
	height:300px;
	left: 0;
}
main .job-area ul .middle{
	width:500px;
	height:300px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
main .job-area ul .right{
	width:430px;
	height:300px;
	right: 0px;
}
main .job-area ul .left img{
	width:430px;
	height:300px;
}
main .job-area ul .middle img{
	width:500px;
	height:300px;
	display: block;
}
main .job-area ul .right img{
	width:430px;
	height:300px;
}

main .job-area > ul li a{display:block;height: 100%;position: relative;}
main .job-area > ul li dl{
	position:absolute;
}
main .job-area > ul li dl dt{
	margin-bottom:5px;
	color:#ff8a14;
	font-size:1.6rem;
	font-weight:700;
	letter-spacing:-0.02em;
	font-family:"Inter";
}
main .job-area > ul li dl dd{
	font-size:2.4rem;
	color:#444444;
	font-weight:500;
}

main .job-area ul .left dl{
	top:20px;
	left:20px;
}
main .job-area ul .middle dl{
	bottom:20px;
	left:60px;
}
main .job-area ul .right dl{
	text-align: right;
	top:20px;
	right: 20px;
}
main .job-area .title-area .en{color:#ff8a14;}
main .job-area > ul li a *{ transition:all .3s ease; }
main .job-area > ul li a:hover *{ color:#ff8a14; transition:all .3s ease; }

@media print,screen and (min-width:1241px){
	main .job-area > ul li a:hover img{ opacity: .6; }
}
@media print,screen and (max-width:1400px){
	main .job-area > ul{width:1100px;}
	main .job-area ul .left {
		width: 394px;
		height: 275px;
	}
	main .job-area ul .middle {
		width: 458px;
		height: 275px;
	}
	main .job-area ul .right {
		width: 394px;
		height: 275px;
	}
	main .job-area ul .left img {
		width: 394px;
		height: 275px;
	}
	main .job-area ul .middle img {
		width: 458px;
		height: 275px;
	}
	main .job-area ul .right img {
		width: 394px;
		height: 275px;
	}
}
@media print,screen and (max-width:1300px){
	main .job-area .title-area .sp-only{ display:block; }
}
@media print,screen and (max-width:1240px){
	main .job-area{ padding:50px 0 80px; }
	main .job-area > ul{width: calc(100% - 125px);margin:0 auto;}
	main .job-area > ul li dl dt { font-size:1.3rem; margin-bottom:0; }
	main .job-area > ul li dl dd { font-size:2rem; line-height:3.2rem; }
	main .job-area .title-area { padding:30px 20px; margin-bottom:0; }
	main .job-area .title-area h2 {font-size:2rem;margin-left:20px;margin-top:0;}
	main .job-area .title-area .en{margin-bottom:10px;}
}
@media print,screen and (min-width:1101px){
	main .job-area ul .pc-only{ display:block!important; }
	main .job-area ul .sp-only{ display:none!important; }
}

@media print,screen and (max-width:1100px){
	main .job-area ul .pc-only{ display:none!important; }
	main .job-area ul .sp-only{ display:block!important; }
	main .job-area > ul{display:block;height:auto;width: 80%;}
	main .job-area > ul li{width:100%!important;height:100%!important;position: static;}
	main .job-area > ul li img{ width:100%!important; height:100%!important; }
	main .job-area ul .middle{
		transform: none;
	}
	main .job-area ul .left{
		margin-bottom: -12%;
	}
	main .job-area ul .right{
		margin-top: -12%;
	}

	main .job-area ul .left dl{
		left:20px;
		top: 40%;
		transform: translateY(-40%);
	}
	main .job-area ul .middle dl{
		left:20px;
		bottom: 40%;
		transform: translateY(40%);
	}
	main .job-area ul .right dl{
		text-align:left;
		left:20px;
		top: 60%;
		transform: translateY(-60%);
	}

}
@media print,screen and (max-width:767px){
	main .job-area:before{
		content:"";
		width:353px;
		height:742px;
		display:block;
		background:url(../img/shape04.png) no-repeat 100% / 100%;
		position:absolute;
		top:-360px;
		left:-75px;
		z-index:-1;
	}
		main .job-area > ul{ width: calc(100% - 40px); }
}
@media print,screen and (min-width:1301px){
	main .job-area .title-area .sp-only{ display:none; }
}



/* ====================================
	募集要項
==================================== */
main .requirements-list{position:relative;padding-top:0;}
main .requirements-list .inner{
	padding:190px 0;
	background:#f9f6f3;
	clip-path:polygon(0 150px, 100% 0, 100% calc(100% - 150px), 0 100%);
}
main .requirements-list:after{
	content:"";
	width:1856px;
	height:890px;
	display:block;
	background:url(../img/shape05.png) no-repeat 100% / 100%;
	position:absolute;
	top:-130px;
	left:-270px;
	z-index:-1;
}
main .requirements-list ul{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	gap: 15px;
}
main .requirements-list .btn-list li{width: calc((100% - 60px)/ 5);}
main .requirements-list .btn-list li a{
	width:100%;
	height:11.1rem;
	font-size: 2.1rem;
	letter-spacing: 0;
	font-weight:400;
	justify-content:center;
}
main .requirements-list .btn-list li p{ text-align:center; }
main .requirements-list .btn-list li span{ display:block; }
main .requirements-list .btn-list li span:not(.en){ font-size:1.6rem; }
main .requirements-list .btn-list li .en{ 
	margin-top:10px;
	font-size:1.2rem;
	line-height:1.4rem;
	font-family:"Inter" , sans-serif;
	letter-spacing:-0.02em;
}

@media print,screen and (max-width:1400px){
	main .requirements-list ul{ width:1100px; }
	main .requirements-list .btn-list li a{ font-size:1.8rem; }

}
@media print,screen and (max-width:1240px){
	main .requirements-list .inner{
		padding:70px 20px;
		clip-path:polygon(0 30px, 100% 0, 100% calc(100% - 30px), 0 100%);
	}
	main .requirements-list ul{
		width:80%;
		flex-direction:column;
		gap:10px;
	}
	main .requirements-list .btn-list li{ width:100%; margin:0 auto; }
	main .requirements-list .btn-list li a{ height:7.6rem; }
	main .requirements-list .btn-list li span:not(.en),
	main .requirements-list .btn-list li p{ font-size:2rem; display:inline-block; }
	main .requirements-list .btn-list li span:not(.en){ margin-right:.5em; }
	main .requirements-list .btn-list li .en{font-size:1.3rem;margin-top: 5px;}
}
@media print,screen and (max-width:767px){
	main .requirements-list:after {
		width:742px;
		height:353px;
		top:-55px;
		left:-220px;
	}
	main .requirements-list ul{ width:100%; }
}

/* ====================================
	お知らせ
==================================== */
main .top-news-area{
	padding:250px 0 130px;
	margin-top:-200px;
	background:#fff;
}
main .top-news-area .btn{ margin-top:40px; }
main .top-news-area .btn a{
	color:#ff8a14;
	background:#fff;
}
main .top-news-area .btn a:after{
	content:"";
	width:35px;
	height:100%;
	margin-left:auto;
	border-left:2px solid #ff8a14;
	background:url(../img/arrow-2orange.svg) no-repeat right / 20px 18px;
	display:block;
}
main .top-news-area .btn a:hover:after{
	background:url(../img/arrow-2white.svg) no-repeat right / 20px 18px;
	border-left:2px solid #ffffff;
}
main .top-news-area .btn a:hover{
	color:#fff;
	background:#ff8a14;
}
main .top-news-area ul { width:1200px; margin:0 auto; }
main .top-news-area ul li{
	padding:1rem 6rem 2.5rem 2.5rem;
	position:relative;
	cursor:pointer;
	transition:all .3s ease;
}
main .top-news-area ul li:first-of-type{ border-top:1px solid #e6e6e6; }
main .top-news-area ul li:last-of-type{ border-bottom:1px solid #e6e6e6; }
main .top-news-area ul li + li{ border-top:1px solid #e6e6e6; }
main .top-news-area ul li:after{
	content:"";
	width:20px;
	height:15px;
	background:url(../img/arrow-2orange.svg) no-repeat right / 100%;
	display:block;
	position:absolute;
	right:20px;
	top:50%;
}
main .top-news-area ul li:hover{
	border-top:1px solid #ee7800;
	background:#fff7eb;
}
.news-header{ margin-bottom:.5rem; }
.news-date{ color:#666666; font-size:12px; }
.news-category{
	display:inline-block;
	padding:.15rem .5rem;
	margin-left:12px;
	font-size:1.2rem;
	line-height:2rem;
	color:#444444;
	border-radius:4px;
	background:#fcab5a;
	letter-spacing:0;
}
main .top-news-area h2{ margin-bottom:20px; }
main .top-news-area h3{
	margin-bottom:5px;
	color:#222222;
	font-size:1.6rem;
	font-weight:400;
}
main .top-news-area h3 + p{
	color:#666666;
	font-size:1.2rem;
	line-height:2.4rem;
	letter-spacing:0.1em;
}
@media print,screen and (max-width:1400px){
	main .top-news-area ul { width:1100px; }
}
@media print,screen and (max-width:1240px){
	main .top-news-area{ padding:40px 80px 80px; margin-top:0; }
	main .top-news-area ul{ width:100%; }
	main .top-news-area ul li:after{ right:0; }
}
@media print,screen and (max-width:767px){
	main .top-news-area{ padding:40px 20px 80px; }
}