@charset "utf-8";
/* ---------------------------------------------------------

	MAIN VISUAL │ メインビジュアル
	
--------------------------------------------------------- */
#mv {z-index: 2;background: url(../img/front/mv/bg_top.webp) no-repeat top left / 100%;}
#mv .inner {position: relative;max-width: 1618px;}
#mv h1 {position: absolute;bottom: 35%;left: 0;z-index: 2;width: 40%;}
#mv .swiper {width: 87%;margin: 0 0 0 auto;padding-right: 3%;}
#mv .swiper .swiper-slide {position: relative;overflow: hidden;aspect-ratio: 1400 / 800;}
#mv .swiper .swiper-slide::before {
	content: '';
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform: scale(1);
	transition: transform 6.5s linear;
}
#mv .swiper .swiper-slide.slide01::before {background-image: url(../img/front/mv/slide01.webp);}
/* 2枚目以降はページ読み込み完了後（custom.jsで.is-bg-readyを付与）に読み込み、1枚目の表示を優先する */
#mv .swiper.is-bg-ready .swiper-slide.slide02::before {background-image: url(../img/front/mv/slide02.webp);}
#mv .swiper.is-bg-ready .swiper-slide.slide03::before {background-image: url(../img/front/mv/slide03.webp);}
#mv .swiper.is-bg-ready .swiper-slide.slide04::before {background-image: url(../img/front/mv/slide04.webp);}
#mv .swiper .swiper-wrapper {overflow: hidden;border-radius: 0 0 1em 10em;}
#mv .swiper .swiper-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 20%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 95%), transparent);
}
#mv .swiper .swiper-slide-active::before {transform: scale(1.12);}
#mv .swiper .swiper-pagination {display: flex;flex-direction: column;align-items: center;justify-content: center;left: auto;right: 0;bottom: 24px;top: 24px;width: auto;z-index: 6;}
#mv .swiper .swiper-pagination-bullet {opacity: 1;width: 8px;height: 8px;margin: 0 0 15px;background: #D5D9D8;}
#mv .swiper .swiper-pagination-bullet:last-child {margin-bottom: 0;}
#mv .swiper .swiper-pagination-bullet-active {background: var(--orange);}
@media only screen and ( max-width : 500px ) {
	#mv .inner {width: 100%;}
	#mv h1 {position: relative;z-index: 1;width: 90%;margin: 6% auto 0 6%;}
	#mv .swiper {width: 95%;padding-right: 0;}
	#mv .swiper .swiper-wrapper {overflow: hidden;border-radius: 0 0 0 14vw;}
	#mv .swiper .swiper-slide {aspect-ratio: 379 / 380;}
	#mv .swiper .swiper-slide.slide01::before {background-position: 78% 22%;}
	#mv .swiper .swiper-slide.slide03::before {background-position: 78% 22%;}
	#mv .swiper .swiper-slide.slide04::before {background-position: 70% 28%;}
	#mv .swiper .swiper-pagination {display: flex;flex-direction: row;justify-content: center;left: 0;right: 0;top: auto;bottom: 16px;width: 100%;}
	#mv .swiper .swiper-pagination-bullet {margin: 0 4px;}
}
/* ---------------------------------------------------------

	MESSAGE │ メッセージ

--------------------------------------------------------- */
#message {margin-top: -20%;padding-top: 30%;background: url('../img/front/message/bg.webp') no-repeat right top / cover;}
#message .title_common h2 {margin-bottom: var(--size70);color: #9ACEC1;font-size: var(--font40);text-align: left;}
#message .title_common p.text {margin-top: 0;font-size: var(--font40);letter-spacing: .12em;text-align: left;}
#message .title_common p.text span {color: var(--orange);}
#message .wrap p {font-size: var(--font24);line-height: 2;letter-spacing: .04em;}
@media only screen and ( max-width : 767px ) {
	#message {padding-top: 60%;background-image: url(../img/front/message/bg-sp.webp);}
	#message .title_common h2 {margin-bottom: 30px;}
}
/* ---------------------------------------------------------

	ABOUT US │ 三喜について

--------------------------------------------------------- */
#about_us {background: url(../img/front/about_us/bg.webp) no-repeat top center / cover;}
#about_us ul {margin-bottom: var(--size20-100);}
#about_us ul li:not(:last-child) {margin-bottom: var(--size20-80);}
#about_us ul li:nth-child(odd) {flex-direction: row-reverse;}
#about_us ul li figure {width: 47%;}
#about_us ul li .wrap {width: 50%;}
#about_us ul li .wrap h3 {margin-bottom: 20px;color: var(--orange);font-size: var(--font24);}
#about_us ul li .wrap h3 span {display: inline-block;margin-bottom: 8px;padding: 10px;background: #fff;letter-spacing: .16em;}
#about_us ul li .wrap h3 span:last-child {margin-bottom: 0;}
#about_us ul li .wrap .content p {margin-bottom: 20px;font-weight: 500;letter-spacing: .03em;}
#about_us ul li .wrap .content p:last-child {margin-bottom: 0;}
#about_us .btn_company {text-align: center;}
#about_us .btn_company a {padding: var(--size30) var(--size50);border-radius: 50px;background: var(--orange);color: #fff;font-weight: 700;font-size: var(--font20);letter-spacing: .2em;text-align: center;}
#about_us .btn_company a:hover {background: #fff;color: var(--orange);}
@media only screen and ( max-width : 767px ) {
	#about_us ul li figure {width: 100%;margin-bottom: var(--size30);}
	#about_us ul li .wrap {width: 100%;}
}
/* ---------------------------------------------------------

	WORK POINT │ 三喜の働き方

--------------------------------------------------------- */
#work_point {
	padding-bottom: clamp(50px, calc(50px + 250 * ((100vw - 375px) / 1545)), 300px);
	background: url(../img/front/work_point/img_car.webp) no-repeat right bottom / 100%;
}
#work_point ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
#work_point ul li {overflow: hidden;border-radius: var(--size20);background: #FFF3E7;}
#work_point ul li .wrap {padding: var(--size20-40);}
#work_point ul li .wrap h3 {margin-bottom: var(--size20);color: #006577;font-size: var(--font20);letter-spacing: .2em;text-align: center;}
@media only screen and ( max-width : 767px ) {
	#work_point ul {grid-template-columns: 1fr;gap: 30px;}
}
/* ---------------------------------------------------------

	INTERVIEW │ 先輩インタビュー

--------------------------------------------------------- */
#interview {background: #EAF5F2;}
#interview .inner {max-width: 1440px;}
#interview .block {position: relative;padding: var(--size70) 0;border-radius: 20px;background: #fff;}
#interview .block .interview__swiper .swiper-slide {height: auto;padding: var(--size30) var(--size30) var(--size70);background: #D0EDE9;}
#interview .block .interview__swiper .swiper-slide figure {margin-bottom: var(--size30);}
#interview .block .interview__swiper .swiper-slide dl {margin-bottom: var(--size70);}
#interview .block .interview__swiper .swiper-slide dl dt {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: var(--size20);
	color: #333;
	font-weight: 700;
	font-size: var(--font15);
}
#interview .block .interview__swiper .swiper-slide dl dt span {font-size: 3em;letter-spacing: .1em;}
#interview .block .interview__swiper .swiper-slide dl dd {color: #333;font-size: var(--font15);}
#interview .block .interview__swiper .swiper-slide p {
	position: absolute;
	right: var(--size30);
	bottom: var(--size30);
	left: var(--size30);
	padding: var(--size20);
	border-radius: 30px;
	background: var(--orange);
	color: #fff;
	font-weight: 700;
	letter-spacing: .2em;
	text-align: center;
}
#interview .block .interview__name span {display: block;font-size: 11px;font-weight: 400;color: #666;margin-top: 2px;}
#interview .block .interview__btn {display: inline-block;border: none;cursor: pointer;font-family: inherit;background: var(--orange);color: #fff;font-size: 12px;font-weight: 700;padding: 9px 18px;border-radius: 20px;}
#interview .block .interview__carousel-wrap {position: relative;margin-bottom: var(--size50);}
#interview .block .interview__carousel-wrap .interview__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	z-index: 10;
	transform: translateY(-50%);
	width: 7em;
	height: 14em;
	border: none;
	background: #128977;
	cursor: pointer;
	transition: .3s;
}
#interview .block .interview__carousel-wrap .interview__arrow:hover {width: 7.5em;height: 14.5em;}
#interview .block .interview__carousel-wrap .interview__arrow--prev {left: 0;border-radius: 0 100% 100% 0% / 50%;}
#interview .block .interview__carousel-wrap .interview__arrow--next {right: 0;border-radius: 100% 0 0 100% / 50%;}
#interview .block .interview__carousel-wrap .interview__arrow img {width: 30%;}
#interview .block .chief_card {
	flex-direction: row-reverse;
	align-items: center;
	position: relative;
	width: 90%;
	max-width: 1120px;
	margin: 0 auto;
	padding: var(--size30) var(--size30) var(--size30) var(--size50);
	border-radius: 20px;
	overflow: hidden;
	background: #3D8389;
}
#interview .block .chief_card figure {width: 48%;}
#interview .block .chief_card .wrap {width: 48%;}
#interview .block .chief_card .wrap h3 {
	margin-bottom: var(--size40);
	padding-left: 15px;
	border-left: 8px solid #8BBDB0;
	color: #fff;
	font-weight: 700;
	font-size: var(--font20);
	letter-spacing: .1em;
}
#interview .block .chief_card .wrap .content {width: 80%;margin: 0 auto;}
#interview .block .chief_card .wrap .content dl {margin-bottom: var(--size30);}
#interview .block .chief_card .wrap .content dl dt {margin-bottom: 10px;color: #fff;font-size: var(--font20);}
#interview .block .chief_card .wrap .content dl dd {display: flex;gap: var(--size20-40);align-items: flex-end;color: #fff;font-weight: 700;}
#interview .block .chief_card .wrap .content dl dd span {font-size: 4.5em;letter-spacing: .1em;}
#interview .block .chief_card .wrap .content p {padding: var(--size30) 0;border-radius: 50px;background: var(--orange);color: #fff;font-size: var(--font18);letter-spacing: .2em;text-align: center;}
@media only screen and ( max-width : 1024px ) {
	#interview .block .chief_card {padding: var(--size40);}
	#interview .block .chief_card figure {width: 100%;margin-bottom: 30px;}
	#interview .block .chief_card .wrap {width: 100%;}
}
@media only screen and ( max-width : 767px ) {
	#interview .block .interview__carousel-wrap .interview__arrow {width: 5em;height: 10em;}
	#interview .block .interview__carousel-wrap .interview__arrow:hover {width: 5.5em;height: 10.5em;}
	#interview .block .chief_card .wrap .content {width: 100%;}
}
/* ---------------------------------------------------------

	INFOGRAPHICS │ 数字で見る

--------------------------------------------------------- */
#infographics {background: #539AA0;}
#infographics .title_common {margin-bottom: var(--size80);}
#infographics .title_common h2 {color: #66B4B7;}
#infographics .title_common p {color: #fff;}
#infographics ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--size20-40);}
#infographics ul li {position: relative;background: #fff;border-radius: 10px;}
#infographics ul li::before {content: '';display: block;padding-top: 100%;}
#infographics ul li .wrap {display: flex;justify-content: space-between;flex-direction: column;position: absolute;top: 8%;left: 50%;transform: translateX(-50%);width: 80%;height: 84%;}
#infographics ul li .wrap h3 {margin-bottom: 5%;color: #006577;font-size: var(--font24);letter-spacing: .1em;text-align: center;}
#infographics ul li .wrap h3 span {display: block;margin-top: 3%;color: #AAA;font-family: var(--font-jp);font-weight: 700;font-size: var(--font-base);letter-spacing: .16em;text-align: center;}
#infographics ul li .wrap figure {width: 40%;margin: 0 auto 5%;}
#infographics ul li:nth-child(1) .wrap figure {width: 45%;}
#infographics ul li:nth-child(2) .wrap figure {width: 47%;}
#infographics ul li:nth-child(3) .wrap figure {width: 38%;}
#infographics ul li:nth-child(4) .wrap figure {width: 35%;}
#infographics ul li:nth-child(5) .wrap figure {width: 75%;}
#infographics ul li:nth-child(6) .wrap figure {width: 55%;}
#infographics ul li:nth-child(7) .wrap figure {width: 30%;}
#infographics ul li:nth-child(10) .wrap figure {width: 30%;}
#infographics ul li:nth-child(11) .wrap figure {width: 50%;}
#infographics ul li:nth-child(12) .wrap figure {width: 95%;}
#infographics ul li .wrap .content {width: 92%;margin: 0 auto;}
#infographics ul li .wrap .content p {display: flex;justify-content: center;align-items: flex-end;color: #ED8218;font-weight: 700;font-size: var(--font30);}
#infographics ul li .wrap .content p span {font-weight: 500;font-size: 2em;}
#infographics ul li .wrap .content small {display: block;margin-top: 5px;color: #ED8218;font-weight: 700;text-align: center;}
#infographics ul li:nth-child(10) .wrap .content small {font-size: var(--font20);}
#infographics ul li .wrap .content small span {font-size: 1.4em;}
@media only screen and ( max-width : 1400px ) {
	#infographics ul li .wrap h3 {font-size: 1.8vw;}
	#infographics ul li .wrap h3 span {font-size: 1vw;}
	#infographics ul li .wrap .content p {font-size: 2.5vw;}
	#infographics ul li .wrap .content small {font-size: 1.5vw;}
	#infographics ul li:nth-child(10) .wrap .content small {font-size: 1.6vw;}
}
@media only screen and ( max-width : 767px ) {
	#infographics ul {grid-template-columns: repeat(2, 1fr);}
	#infographics ul li .wrap {top: 11%;width: 85%;height: 80%;}
	#infographics ul li .wrap h3 {font-size: 2.8vw;}
	#infographics ul li .wrap h3 span {font-size: 2vw;}
	#infographics ul li .wrap .content p {font-size: 4vw;}
	#infographics ul li .wrap .content small {font-size: 2.5vw;}
	#infographics ul li:nth-child(10) .wrap .content small {font-size: 2.6vw;}
}
@media only screen and ( max-width : 500px ) {
	#infographics ul {gap: 10px;}
}
/* ---------------------------------------------------------

	CHARACTER │ 求める人物像

--------------------------------------------------------- */
#character {padding-bottom: 0;}
#character p.pr {margin-bottom: 10%;font-weight: 700;font-size: var(--font20);letter-spacing: .2em;text-align: center;}
#character ul {display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}
#character ul li {position: relative;padding: 34% 0 14%;border-radius: 10px;}
#character ul li:nth-child(1) {background: #F59C44;}
#character ul li:nth-child(2) {background: #B7D16F;}
#character ul li:nth-child(3) {background: #7ABEAC;}
#character ul li:nth-child(4) {background: #7EBDD0;}
#character ul li figure {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: 50%;}
#character ul li p {font-weight: 700;font-size: var(--font20);text-align: center;}
@media only screen and ( max-width : 1024px ) {
	#character p.pr {margin-bottom: 12vw;}
	#character ul {grid-template-columns: repeat(2, 1fr);gap: 9vw 15px;width: 70%;margin: 0 auto;}
	#character ul li p {font-size: 2vw;}
}
@media only screen and ( max-width : 767px ) {
	#character p.pr {margin-bottom: 17vw;}
	#character ul {gap: 14vw 15px;width: 100%;}
	#character ul li p {font-size: 3vw;}
}
/* ---------------------------------------------------------

	DEVELOP │ 研修・キャリアパス

--------------------------------------------------------- */
#develop .inner {max-width: 1440px;}
#develop .block:not(:last-child) {margin-bottom: var(--size70);}
#develop .block h3.tab-label {margin-bottom: var(--size20-50);text-align: center;}
#develop .block h3.tab-label span {display: inline-block;padding: 8px var(--size20-50);background: #768280;color: #fff;font-size: var(--font24);letter-spacing: .2em;text-align: center;}
#develop .block h4 {margin-bottom: var(--size20-50);font-size: var(--font24);letter-spacing: .2em;}
#develop .block h5 {margin-bottom: 15px;color: #006577;font-weight: 700;letter-spacing: .1em;}
#develop .block h5 span {display: block;font-size: var(--font20);line-height: 1.4;}
#develop .block ul.dot li {position: relative;margin-bottom: 10px;padding-left: 20px;}
#develop .block ul.dot li:last-child {margin-bottom: 0;}
#develop .block ul.dot li::before {content: '';position: absolute;top: .25em;left: 0;width: 14px;height: 14px;border-radius: 50%;background: #B6D075;}
/* 研修制度 */
#develop .block1 .intro:nth-of-type(1) {margin-bottom: 20px;padding: var(--size50) 20px;background: #EAF5F2;}
#develop .block1 .intro:nth-of-type(1) h4 {text-align: center;}
#develop .block1 .intro .container {max-width: 1120px;margin: 0 auto;}
#develop .block1 .intro .container:nth-of-type(1) {align-items: flex-end;margin-bottom: 20px;}
#develop .block1 .intro .container:nth-of-type(2) {padding: 30px 15px 15px;background: #fff;}
#develop .block1 .intro .container:nth-of-type(1) figure {width: 35%;}
#develop .block1 .intro .container:nth-of-type(1) .wrap {width: 60%;}
#develop .block1 .intro .container .wrap p {margin-bottom: var(--size20);}
#develop .block1 .intro .container:nth-of-type(2) h5 span {letter-spacing: .2em;text-align: center;}
#develop .block1 .intro .container ul.training_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
#develop .block1 .intro .container ul.training_list li.item {background: #F5F5F5;}
#develop .block1 .intro .container ul.training_list li.item h6 {padding: var(--size20);background: #9FB764;color: #fff;font-size: var(--font20);letter-spacing: .1em;text-align: center;}
#develop .block1 .intro .container ul.training_list li.item:nth-child(2) h6 {background: #5B9B96;}
#develop .block1 .intro .container ul.training_list li.item:nth-child(3) h6 {background: #F59C44;}
#develop .block1 .intro .container ul.training_list li.item .wrap {padding: 15px var(--size30);}
#develop .block1 .intro .container ul.training_list li.item:nth-child(2) ul.dot li::before {background: #5B9B96;}
#develop .block1 .intro .container ul.training_list li.item:nth-child(3) ul.dot li::before {background: #F59C44;}
#develop .block1 .intro:last-child {display: flex;gap: 20px;}
#develop .block1 .intro:last-child .card {padding: var(--size50) 50px;background: #EAF5F2;min-width: 0;}
#develop .block1 .intro:last-child .card:nth-of-type(1) {width: 68%;}
#develop .block1 .intro:last-child .card:nth-of-type(2) {width: 32%;}
#develop .block1 .intro:last-child .card h4 {margin-bottom: var(--size30);}
#develop .block1 .intro:last-child .card p.pr {margin-bottom: var(--size40);font-size: var(--font18);}
#develop .block1 .intro:last-child .card ul.periodic_list {display: flex;gap: 10px;}
#develop .block1 .intro:last-child .card ul.periodic_list li.item {width: 40%;padding: var(--size30) var(--size20);background: #fff;}
#develop .block1 .intro:last-child .card ul.periodic_list li.item:last-child {width: 25%;}
#develop .block1 .intro:last-child .card ul.periodic_list li.item h5 {text-align: center;}
#develop .block1 .intro:last-child .card ul.periodic_list li.item h5 span {text-align: center;}
#develop .block1 .intro:last-child .card .wrap:not(:last-child) {margin-bottom: var(--size40);}
/* キャリアパス */
#develop .block2 .intro:not(:last-child) {margin-bottom: var(--size70);}
#develop .block2 .intro h3 {margin-bottom: var(--size30);font-size: var(--font30);letter-spacing: .2em;text-align: center;}
#develop .block2 .intro ul.career_list {display: grid;grid-template-columns: repeat(5,1fr);grid-template-rows: repeat(4, auto);gap: 14px;margin-bottom: var(--size50);}
#develop .block2 .intro ul.career_list:last-child {margin-bottom: 0;}
#develop .block2 .intro ul.career_list li.item {position: relative;display: grid;grid-template-rows: subgrid;grid-row: span 4;background: #F5F5F5;}
#develop .block2 .intro ul.career_list li.item:not(:last-child)::before {
	content: '';
	position: absolute;
	top: 5%;
	left: 100%;
	z-index: 1;
	width: 21px;
	height: calc(tan(60deg) * 30px / 2);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #3E3E3E;
}
#develop .block2 .intro ul.career_list li.item .title_wrap {display: flex;flex-direction: column;justify-content: center;height: 10em;}
#develop .block2 .intro ul.career_list li.item:nth-child(1) .title_wrap {background: #E0EBC4;}
#develop .block2 .intro ul.career_list li.item:nth-child(2) .title_wrap {background: #C9DE94;}
#develop .block2 .intro ul.career_list li.item:nth-child(3) .title_wrap {background: #9FB764;}
#develop .block2 .intro ul.career_list li.item:nth-child(4) .title_wrap {background: #7D9652;color: #fff;}
#develop .block2 .intro ul.career_list li.item:nth-child(5) .title_wrap {background: #547429;color: #fff;}
#develop .block2 .intro:nth-of-type(2) ul.career_list li.item .title_wrap {height: 7em;}
#develop .block2 .intro:nth-of-type(2) ul.career_list li.item:nth-child(1) .title_wrap {background: #C9EADE;}
#develop .block2 .intro:nth-of-type(2) ul.career_list li.item:nth-child(2) .title_wrap {background: #B2DBD4;}
#develop .block2 .intro:nth-of-type(2) ul.career_list li.item:nth-child(3) .title_wrap {background: #82B9B0;}
#develop .block2 .intro:nth-of-type(2) ul.career_list li.item:nth-child(4) .title_wrap {background: #5B9B96;color: #fff;}
#develop .block2 .intro:nth-of-type(2) ul.career_list li.item:nth-child(5) .title_wrap {background: #318481;color: #fff;}
#develop .block2 .intro:nth-of-type(3) ul.career_list li.item:nth-child(1) .title_wrap {background: #FCE0B5;}
#develop .block2 .intro:nth-of-type(3) ul.career_list li.item:nth-child(2) .title_wrap {background: #FFC576;}
#develop .block2 .intro:nth-of-type(3) ul.career_list li.item:nth-child(3) .title_wrap {background: #FFB265;}
#develop .block2 .intro:nth-of-type(3) ul.career_list li.item:nth-child(4) .title_wrap {background: #F89A3E;color: #fff;}
#develop .block2 .intro:nth-of-type(3) ul.career_list li.item:nth-child(5) .title_wrap {background: #EB8621;color: #fff;}
#develop .block2 .intro ul.career_list li.item .title_wrap h4 {margin-bottom: 0;font-weight: 700;font-size: var(--font26);text-align: center;}
#develop .block2 .intro ul.career_list li.item .title_wrap h4 span {font-size: 2em;}
#develop .block2 .intro ul.career_list li.item .title_wrap p {margin-top: var(--size20);font-size: var(--font20);line-height: 1.2;letter-spacing: .1em;text-align: center;}
#develop .block2 .intro ul.career_list li.item .card {padding: 0 15px 15px;display: grid;grid-template-rows: subgrid;grid-row: 2 / span 3;}
#develop .block2 .intro ul.career_list li.item .card h5 {margin-bottom: var(--size20);color: #70913A;font-size: var(--font20);letter-spacing: .1em;text-align: center;}
#develop .block2 .intro:nth-of-type(2) ul.career_list li.item .card h5 {color: #006577;}
#develop .block2 .intro:nth-of-type(2) ul.career_list li.item .card ul.dot li::before {background: #006577;}
#develop .block2 .intro:nth-of-type(3) ul.career_list li.item .card h5 {color: #C2650C;}
#develop .block2 .intro:nth-of-type(3) ul.career_list li.item .card ul.dot li::before {background: var(--orange);}
#develop .block2 .intro ul.career_list .skills_wrap {margin: 10px 0;}
#develop .block2 .intro ul.career_list .skills_wrap:last-child {margin-bottom: 0;}
#develop .block2 .intro ul.career_list .skills_wrap h6 {margin-bottom: 10px;color: #62803A;font-weight: 700;}
#develop .block2 .intro:nth-of-type(2) ul.career_list .skills_wrap h6 {color: #006577;}
#develop .block2 .intro:nth-of-type(3) ul.career_list .skills_wrap h6 {color: #C2650C;}
#develop .block2 .intro ul.career_list .skills_wrap ul.skills_list li {padding: 2px;background: #E5EAD6;text-align: center;}
#develop .block2 .intro ul.career_list .skills_wrap ul.skills_list li:not(:last-child) {margin-bottom: 8px;}
#develop .block2 .intro:nth-of-type(2) ul.career_list .skills_wrap ul.skills_list li {background: #D1DDDA;}
#develop .block2 .intro:nth-of-type(3) ul.career_list .skills_wrap ul.skills_list li {background: #FDE7CC;}
#develop .block2 .intro ul.career_list .skills_wrap ul.skills_list li span {display: block;font-size: var(--font15);line-height: 1.4;text-align: center;}
#develop .block2 .intro ul.career_list .qualification_wrap {padding: 8px var(--size20);background: #fff;}
#develop .block2 .intro ul.career_list .qualification_wrap h6 {margin-bottom: 5px;color: #006577;font-weight: 700;}
#develop .block2 .intro:nth-of-type(3) ul.career_list .qualification_wrap h6 {color: #C2650C;}
#develop .block2 .intro ul.career_list .qualification_wrap p:not(:last-child) {margin-bottom: 10px;}
#develop .block2 .intro ul.career_list .qualification_wrap p span {display: block;position: relative;padding-left: 20px;font-size: var(--font14);line-height: 1.2;}
#develop .block2 .intro ul.career_list .qualification_wrap p span::before {content: '→';position: absolute;top: 0;left: 0;}
#develop .block2 .intro .career_container {padding: var(--size50) 20px;background: #EAF5F2;}
#develop .block2 .intro .career_container ul.change_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 35px;max-width: 1120px;margin: 0 auto;}
#develop .block2 .intro .career_container ul.change_list li.item {position: relative;padding: var(--size30);background: #fff;}
#develop .block2 .intro .career_container ul.change_list li.item:not(:last-child)::before {
	content: '';
	position: absolute;
	top: 10%;
	left: 100%;
	z-index: 2;
	width: 28px;
	height: calc(tan(60deg) * 31px / 2);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #47A89A;
}
#develop .block2 .intro .career_container ul.change_list li.item .title_wrap {margin-bottom: var(--size40);}
#develop .block2 .intro .career_container ul.change_list li.item .title_wrap h4 {
	margin-bottom: var(--size20);
	padding-bottom: 10px;
	border-bottom: 1px solid #9FBFB7;
	color: #00596C;
	font-weight: 700;
	font-size: var(--font26);
	text-align: center;
}
#develop .block2 .intro .career_container ul.change_list li.item .title_wrap h4 span {font-size: 2em;letter-spacing: .05em;}
#develop .block2 .intro .career_container ul.change_list li.item .title_wrap p {color: #00596C;font-size: var(--font20);line-height: 1.2;letter-spacing: .1em;text-align: center;}
#develop .block2 .intro .career_container ul.change_list li.item ul.dot li::before {background: #539AA0;}
@media only screen and ( max-width : 1300px ) {
	#develop .block1 .intro:last-child {display: block;}
	#develop .block1 .intro:last-child .card:nth-of-type(1) {width: 100%;margin-bottom: 20px;}
	#develop .block1 .intro:last-child .card:nth-of-type(2) {width: 100%;}
	#develop .block2 .intro ul.career_list {grid-template-columns: repeat(3, 1fr);}
}
@media only screen and ( max-width : 1024px ) {
	#develop .block1 .intro .container ul.training_list {grid-template-columns: 1fr;}
	#develop .block1 .intro:last-child{flex-direction: column;}
	#develop .block1 .intro:last-child .card:nth-of-type(1),
	#develop .block1 .intro:last-child .card:nth-of-type(2) {width: 100%;padding: var(--size20-50);}
	#develop .block2 .intro ul.career_list {grid-template-columns: repeat(2, 1fr);}
	#develop .block2 .intro .career_container ul.change_list {grid-template-columns: 1fr;gap: 20px;}
	#develop .block2 .intro .career_container ul.change_list li.item:not(:last-child)::before {top: 100%;left: 50%;transform: translateX(-50%);clip-path: polygon(0 0, 100% 0, 50% 100%);}
	#develop .block2 .intro .card table tr {grid-template-columns: 1fr;gap: 2px;}
	#develop .block2 .intro:not(:last-child) {margin-bottom: 12px;}
	#develop .block2 .intro > h3.acc_head {position: relative;margin-bottom: 0;padding: 18px 56px 18px 20px;background: #9FB764;font-size: var(--font26);letter-spacing: .15em;text-align: left;cursor: pointer;}
	#develop .block2 .intro:nth-of-type(2) > h3.acc_head {background: #82B9B0;}
	#develop .block2 .intro:nth-of-type(3) > h3.acc_head {background: #FFB265;}
	#develop .block2 .intro > h3.acc_head::before,
	#develop .block2 .intro > h3.acc_head::after {content: '';position: absolute;top: 50%;right: 20px;width: 16px;height: 2px;margin-top: -1px;background: #3E3E3E;transition: transform .3s ease;}
	#develop .block2 .intro > h3.acc_head::after {transform: rotate(90deg);}
	#develop .block2 .intro > h3.acc_head.is-open::after {transform: rotate(0);}
	#develop .block2 .intro .career_acc {padding-top: 20px;}
}
@media only screen and ( max-width : 767px ) {
	#develop .block1 .intro .container:nth-of-type(1) figure {width: 100%;margin-bottom: 20px;}
	#develop .block1 .intro .container:nth-of-type(1) .wrap {width: 100%;}
	#develop .block1 .intro:last-child .card ul.periodic_list {display: block;}
	#develop .block1 .intro:last-child .card ul.periodic_list li.item {width: 100%;margin-bottom: 10px;}
	#develop .block1 .intro:last-child .card ul.periodic_list li.item:last-child {width: 100%;margin-bottom: 0;}
	#develop .block2 .intro ul.career_list {grid-template-columns: 1fr;}
	#develop .block2 .intro ul.career_list li.item:not(:last-child)::before{top: 100%;left: 50%;transform: translateX(-50%);width: 30px;clip-path: polygon(0 0, 100% 0, 50% 100%);}
}
/* ---------------------------------------------------------

	REQUIREMENT │ 募集要項

--------------------------------------------------------- */
#requirement {background: url('../img/front/requirement/bg.webp') no-repeat center top / cover;}
#requirement .title_common h2 {font-size: clamp(30px, calc(30px + 70 * ((100vw - 375px) / 1545)), 100px);}
#requirement::before {content: '';position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: url(../img/front/requirement/img_car.webp) no-repeat bottom left / 100%;}
#requirement .block {position: relative;padding: var(--size150) var(--size20-80) var(--size100);border-radius: 20px;background: #fff;}
#requirement .tabs {display: grid;grid-template-columns: repeat(3, 1fr);margin-bottom: var(--size20-80);}
#requirement .tabs .ChangeElem_Btn {padding: 10px;border: none;border-bottom: 1px solid #BBB;background: #fff;color: #D0D0D0;font-size: var(--font20);letter-spacing: .16em;}
#requirement .tabs .ChangeElem_Btn.is-active {border: 1px solid #BBB;border-bottom: none;color: var(--orange);}
#requirement .tabs .ChangeElem_Btn:first-child.is-active {border-left: none;}
#requirement .tabs .ChangeElem_Btn:last-child.is-active {border-right: none;}
#requirement table tr {display: block;padding: 20px 0;border-bottom: 1px solid #BBB;}
#requirement table tr:first-child {padding-top: 0;}
#requirement table tr th {width: 170px;color: #006577;font-weight: 700;letter-spacing: .1em;vertical-align: top;}
#requirement table tr td {letter-spacing: .04em;vertical-align: top;}
#requirement table tr td .wrap:not(:last-child) {margin-bottom: var(--size30);}
#requirement table tr td h3 {line-height: 1.7;}
#requirement table tr td ul li {position: relative;padding-left: 20px;}
#requirement table tr td ul li::before {position: absolute;top: 0;left: 0;}
#requirement table tr td ul.dia li::before {content: '◆';}
#requirement table tr td ul.dia2 li::before {content: '◇';}
#requirement table tr td ul.dot li::before {content: '・';}
#requirement table tr td ul.double li::before {content: '◎';}
#requirement table tr td ul.asterisk li::before {content: '※';}
#requirement table tr td ul.square li::before {content: '■';}
#requirement table tr td dl dt {float: left;}
@media only screen and ( max-width : 767px ) {
	#requirement table tr {padding: 12px 0;}
	#requirement table tr th {display: block;width: 100%;margin-bottom: 10px;}
	#requirement table tr td {display: block;}
}
@media only screen and ( max-width : 500px ) {
	#requirement .tabs .ChangeElem_Btn {font-size: 1.2rem;padding: 12px 0;}
}