@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Zen+Kaku+Gothic+New:wght@500;700;900&display=swap');

body #career2026{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 700;
	color: var(--ink);
}
.en {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
:root {
	--blueback: rgba(240, 243, 249, 1);
	--blugray: #bcc8ce;
}
.mb05{
	margin-bottom: 0.5em !important;
}
.mb1{
	margin-bottom: 1em !important;
}
.mb2{
	margin-bottom: 2em !important;
}
.mb5{
	margin-bottom: 5em !important;
}
.mb10{
	margin-bottom: 10em !important;
}
.pd5{
	padding-top: 5em !important;
	padding-bottom: 5em !important;
}
@media screen and (max-width: 980px) {
	.mb2{
		margin-bottom: 1em !important;
	}
	.mb5{
		margin-bottom: 3em !important;
	}
	.mb10{
		margin-bottom: 5em !important;
	}
	.pd5{
		padding-top: 3em !important;
		padding-bottom: 3em !important;
	}
}
.title-back{
	position: relative;
	display: inline-block;
	width: fit-content;
}
.title-back span{
	font-style: italic;
	display: inline-block;
	color: #fff;
	padding: 0.1em 1em 0.2em;
	line-height: 1.1;
	position: relative;
	z-index: 1;
	font-size: clamp(14px, 2vw, 34px);
}
.title-back span br{
	display: none;
}
.title-back:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: var(--ink);
	position: absolute;
	left: 0;
	z-index: 0;
	top: 0;
	clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
}
.title-back small{
	display: block;
	font-style: italic;
	color: #fff;
	text-align: right;
	position: relative;
	z-index: 1;
	padding-right: 8%;
	font-size: clamp(16px, 2vw, 34px);
	line-height: 1.2;
	margin-bottom: 0.5em;
}
@media screen and (max-width: 480px) {
	.title-back span{
		padding: 0.3em 1em 0.4em;
	}
	.title-back span br{
		display: block;
	}
}

.career-link{
	text-align: center;
}
.career-link_a{
	display: inline-block;
	border: 1px solid var(--blue);
	background: #fff;
	line-height: 1;
	padding: 0.4em 0 0.5em;
	color: var(--blue);
	transform: skewX(-8deg);
}
.career-link_a b{
	display: inline-block;
	transform: skewX(8deg);
	font-weight: 700;
	padding: 0 1em 0 2em;
	font-size: clamp(13px, 1.4vw, 18px);
}
.career-link_a span{
	position: relative;
	display: inline-block;
	padding: 0 1em;
}
.career-link_a span::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 20px;
	background: var(--blue);
	transform: translateY(-50%) skewX(-8deg);
}
.career-link_a:hover{
	background: var(--blue);
}
.career-link_a:hover b,
.career-link_a:hover span{
	color: #fff;
}
.career-link_a:hover span::before{
	background: #fff;
}
.career-link_b{
	display: inline-block;
	border: 1px solid var(--blue);
	background: var(--blue);
	line-height: 1;
	padding: 0.7em 1em;
	color: #fff;
	transform: skewX(-8deg);
	width: fit-content;
}
.career-link_b b,
.career-link_b b:after,
.career-link_b b:before{
	font-size: clamp(13px, 1.4vw, 21px);
}
.career-link_b b{
	display: inline-block;
	transform: skewX(8deg);
	font-weight: 700;
	padding: 0 1em;
}
.career-link_b b:after{
	content: "";
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	background: #fff;
	border-radius: 50%;
	vertical-align: -0.5em;
	line-height: 0;
	margin-left: 0.5em;
}
.career-link_b b:before{
	content: "";
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	border-top: 2px solid var(--blue);
	border-right: 2px solid var(--blue);
	position: absolute;
	top: 50%;
	right: 1.6em;
	transform: translateY(-50%) rotate(45deg);
}
.career-link_b:hover{
	background: #fff;
	color: var(--blue);
}
@media screen and (max-width: 680px) {
	.career-link_a{
		padding: 0.4em 0 0.6em;
	}
	.career-link_a b{
		padding: 0 0 0 0.5em;
		letter-spacing: -0.05em;
	}
	.career-link_a span{
		padding: 0 0.2em 0 0;
	}
	.career-link_a span::before{
		display: none;
	}
}

/*FV*/
.career-fv{
	position: relative;
	padding: 5em;
}
.career-fv_h1{
	display: inline-block;
	font-size: clamp(24px, 3vw, 38px);
	color: #fff;
	background: var(--blue);
	line-height: 1;
	padding: 0.1em 1em 0.2em;
}
.career-fv_copy span{
	display: block;
	font-size: 10vw;
	font-style: italic;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 900;
	line-height: 1;
	opacity: 0;
}
.career-fv_copy span:nth-of-type(2){
	padding-left: 0.8em;
}
.career-fv_p{
	padding-left: 9vw;
	margin-top: 0.7em !important;
	line-height: 1.4;
	opacity: 0;
	animation: fvFadeUp 0.7s ease 0.65s forwards;
}
.career-fv_p b,
.career-fv_p{
	font-size: clamp(24px, 3vw, 44px);
}
.career-fv_p br{
	display: none;
}
.career-fv_p b{
	color: var(--blue);
	display: inline-block;
	margin-left: 0.3em;
}
.career-fv_back{
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	opacity: 0.2;
	animation: fvBack 1.5s ease forwards;
}
.career-fv_back span,
.career-fv_back small{
	color: var(--yellow);
	display: block;
	line-height: 0.9;
}
.career-fv_back span{
	font-size: 34vw;
	font-weight: 500;
	line-height: 0.7;
}
.career-fv_back small{
	font-size: 7.6vw;
	font-weight: 400;
	line-height: 2;
}
.career-fv_copy span:nth-of-type(1){
	animation: fvSlideLeft 0.9s cubic-bezier(.22,.61,.36,1) 0.2s forwards;
}
.career-fv_copy span:nth-of-type(2){
	padding-left: 0.8em;
	animation: fvSlideRight 0.9s cubic-bezier(.22,.61,.36,1) 0.4s forwards;
}
@keyframes fvBack{
	from{
		opacity: 0;
	}
	to{
		opacity: 0.2;
	}
}
@keyframes fvSlideLeft{
	from{
		opacity: 0;
		transform: translateX(-60px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes fvSlideRight{
	from{
		opacity: 0;
		transform: translateX(60px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes fvFade{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@keyframes fvFadeUp{
	from{
		opacity: 0;
		transform: translateY(15px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
@media screen and (max-width: 1280px) {
	.career-fv{
		padding: 3em;
	}
	.career-fv_copy span {
		font-size: 12vw;
	}
	.career-fv_back span {
		font-size: 40vw;
	}
	.career-fv_back small {
		font-size: 9vw;
	}
}
@media screen and (max-width: 780px) {
    .career-fv {
        padding: 2em 1em 6em;
		margin-bottom: 0 !important;
    }
	.career-fv_p br{
		display: block;
	}
	.career-fv_copy{
		margin-top: 1em;
	}
    .career-fv_copy span {
        font-size: 12.4vw;
    }
	.career-fv_back {
		top: inherit;
		bottom: 0;
	}
    .career-fv_back span {
        font-size: 50vw;
    }
    .career-fv_back small {
        font-size: 11.4vw;
    }
}
/*DATA*/
.career-h2{
	display: inline-block;
	border-bottom: 4px solid var(--blue);
	padding-left: max(1em, calc((100vw - 1680px) / 2));
	font-size: clamp(21px, 2vw, 28px);
}
.career-h3 span{
	font-size: clamp(34px, 7vw, 98px);
	padding-left: 2.7em;
	text-indent: -2em;
}
.career-h3 span br{
	display: none;
}
.career-data_wrap{
	width: 90%;
	margin: 0 auto 2em;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	align-items: stretch;
	gap: 2em;
}
.career-data_item{
	background: var(--blueback);
	padding: 2em 0;
	display: flex;
	flex-direction: column;
}
.career-data_img{
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	overflow: hidden;
}
.career-data_img img{
	display: block;
	object-fit: cover;
	width: 100% !important;
	height: 100% !important;
}
.career-data_item01{
	grid-column: 2 / 3;
	grid-row: 1;
}
.career-data_item02{
	grid-column: 2 / 3;
	grid-row: 2;
}
.career-data_item{
	background: var(--blueback);
	padding: 2em 0;
}
.career-data_h4{
	font-size: clamp(16px, 1.4vw, 28px);
}
.career-data_num{
	position: relative;
	width: fit-content;
	margin: 1em auto 0;
}
.career-data_num strong{
	display: block;
	font-weight: 900;
	line-height: 1;
	color: var(--blue);
}
.career-data_num small{
	position: absolute;
	font-weight: 700;

	line-height: 1;
	color: var(--blue);
}
.career-data_num-left{
	right: 100%;
	top: 55%;
	transform: translateY(-50%);
	margin-right: 2px;
	writing-mode: vertical-rl;
	white-space: nowrap;
}
.career-data_num-right{
	left: 100%;
	bottom: 0;
	margin-left: 2px;
}
.career-data_info{
	width: 90%;
	margin: 1em auto 0;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.career-data_p{
	font-size: clamp(14px, 1.4vw, 18px);
	text-align: center;
	line-height: 1.4;
	font-weight: 400;
	margin-bottom: 1em !important;
}
.career-data_wrap.career-data_wrap-bottom{
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

.career-data_item01 strong,
.career-data_item02 strong{
	font-size: clamp(48px, 13vw, 240px);
}
.career-data_item01 small,
.career-data_item02 small{
	font-size: clamp(16px, 6vw, 100px);
}
.career-data_event strong{
	font-size: clamp(42px, 7vw, 150px);
}
.career-data_event small{
	font-size: clamp(14px, 2vw, 38px);
}
.career-data_all strong,
.career-data_course strong{
	font-size: clamp(38px, 5.5vw, 120px);
	font-weight: 700;
}
.career-data_all small,
.career-data_course small{
	font-size: clamp(18px, 2.2vw, 38px);
	width: 1em;
}
.career-data_item,
.career-data_img{
	opacity: 0;
	transform: translateY(30px);
	transition:
		opacity 0.7s ease,
		transform 0.7s cubic-bezier(.22,.61,.36,1);
}
.career-data_item.is-show,
.career-data_img.is-show{
	opacity: 1;
	transform: translateY(0);
}
.career-data_item:nth-child(2){
	transition-delay: 0.05s;
}
.career-data_item:nth-child(3){
	transition-delay: 0.12s;
}
.career-data_all strong,
.career-data_course strong{
	opacity: 0;
	transform: translateY(15px);
	transition: .6s ease;
}

.career-data_item.is-show strong{
	opacity: 1;
	transform: translateY(0);
}
@media screen and (max-width: 1680px) {
	.career-data_wrap{
		grid-template-columns: 45% 1fr;
		gap: 1em;
		margin-bottom: 1em;
	}

}
@media screen and (max-width: 980px) {
	.career-data_wrap{
		gap: 1em;
	}
	.career-data_p{
		text-align: left;
	}
	.career-data_wrap.career-data_wrap-bottom{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
	}
	.career-data_event strong{
		font-size: clamp(40px, 9vw, 150px);
	}
	.career-data_event small{
		font-size: clamp(14px, 3vw, 38px);
	}
}
@media screen and (max-width: 580px) {
	.career-data_wrap{
		grid-template-columns: 1fr 1fr;
		grid-template-rows: max-content 1fr;
		gap: 0.5em;
		margin-bottom: 0.5em;
	}
	.career-data_img{
		grid-column: 1 / 3;
		grid-row: 2 / 3;
	}
	.career-data_img img{
		aspect-ratio: 1.3 / 1;
		object-position: top;
	}
	.career-data_item01{
		grid-column: 1 / 2;
		grid-row: 1 /2;
	}
	.career-data_item02{
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.career-data_all strong,
	.career-data_course strong{
		font-size: clamp(32px, 5.5vw, 120px);
		letter-spacing: -0.05em;
	}
	.career-data_all small,
	.career-data_course small{
		font-size: clamp(16px, 2.2vw, 38px);
	}
}
@media screen and (max-width: 480px) {
	.career-h3 span br{
		display: block;
	}
	.career-data_all .career-data_h4 span{
		padding: 1em;
	}
	.career-data_h4 {
		font-size: clamp(15px, 2vw, 28px);
	}
	.career-data_num {
		margin: 1em auto;
	}
	.career-data_info{
		margin: 0 auto;
	}
	.career-data_all strong{
		letter-spacing: -0.1em;
	}
}

/*SUPPORT*/
.career-support{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: max-content 1fr;
	align-items: stretch;
	flex-wrap: wrap;
}
.career-support_wrap{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	padding: 5em 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.career-support_wrap:after{
	content: "";
	display: block;
	width: 120%;
	height: 100%;
	background: var(--blueback);
	margin-right: -20%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}
.career-support_text{
	width: fit-content;
	margin-inline: auto;
}
.career-support_h3{
    font-size: clamp(28px, 4.8vw, 100px);
    font-weight: 700;
	font-style: italic;
	line-height: 1.1;
	padding-left: 1.5em;
	text-indent: -0.4em;
}
.career-support_h3:before,
.career-support_h3:after{
	content: "“";
    display: inline-block;
    font-family: "Oswald", sans-serif;
    font-size: clamp(100px, 13vw, 240px);
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    transform: skewX(-8deg);
    line-height: 0;
    vertical-align: middle;
	color: var(--blugray);
	margin-right: -0.15em;
}
.career-support_h3:after{
    transform: rotate(180deg) skewX(-8deg);
    margin-right: inherit;
    margin-left: -0.07em;
    vertical-align: -0.25em;
}
.career-support_p{
	padding: 0 0 0 2em;
	margin: 2em auto 0 !important;
	font-size: clamp(14px, 1.4vw, 21px);
	line-height: 1.5;
	width: fit-content;
}
.career-support_link {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 3em !important;
}
.career-support_img{
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	margin-top: 5%;
	clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.career-support_img img{
	display: block;
	object-fit: cover;
	width: 100% !important;
	height: 100% !important;
}
.career-support_wrap,
.career-support_img,
.career-support_link{
	opacity: 0;
	transform: translateY(24px);
	transition:
		opacity 0.8s ease,
		transform 0.8s cubic-bezier(.22,.61,.36,1);
}
.career-support_img{
	transition-delay: 0.12s;
}
.career-support_link{
	transition-delay: 0.22s;
}
.career-support.is-show .career-support_wrap,
.career-support.is-show .career-support_img,
.career-support.is-show .career-support_link{
	opacity: 1;
	transform: translateY(0);
}
@media screen and (max-width: 980px) {
	.career-support_p br{
		display: none;
	}
	.career-support_img{
		grid-row: 1 / 2;
	}
	.career-support_wrap:after {
		background: linear-gradient(180deg, var(--blueback) 0%, var(--blueback) 95%, #fff 95%, #fff 100%);
	}
	.career-support_link {
		margin-top: 1em !important;
	}
}
@media screen and (max-width: 680px) {
	.career-support{
		margin-bottom: 0 !important;
	}
	.career-support_wrap{
		grid-column: 1 / 3;
		width: 80%;
		padding: 3em 0;
	}
	.career-support_img{
		grid-column: 1 / 3;
		grid-row: 2 / 3;
        width: 95%;
        margin: -10% 0 0 auto;
	}
	.career-support_link {
		grid-column: 1 / 3;
		grid-row: 3 / 4;
	}
	.career-support_h3 {
		font-size: clamp(28px, 7.8vw, 100px);
	}
	.career-support_h3:before,
	.career-support_h3:after {
		font-size: clamp(80px, 24vw, 240px);
	}
	.career-support_h3:before{
		margin-right: -0.1em;
	}
	.career-support_h3:after{
		margin-left: -0.02em;
	}
	.career-support_p{
		margin-top: 1em !important;
		margin-bottom: 2em !important;
	}
}

/*REASON*/
.career-reason_title{
	background: var(--blueback);
	padding-top: 5em;
}
.career-reason_content{
	padding-top: 5em;
}
.career-reason_header,
.career-reason_img,
.career-reason_h4,
.career-reason_h4 b,
.career-reason_h4 span{
	font-size: clamp(38px, 8vw, 120px);
}
.career-reason_header{
	position: relative;
	height: 4.5em;
}
.career-reason_img{
	width: 75%;
	height: 100%;
	overflow: hidden;
	clip-path: polygon(0% 0%, 100% 0%, 93% 100%, 0% 100%);
}
.career-reason_img img{
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.career-reason_h4{
	position: absolute;
	right: 0;
	bottom: 0;
	width: fit-content;
	margin: 0;
	z-index: 2;
	text-align: right;
	line-height: 1.20;
}
.career-reason_h4 span{
	display: inline-block;
	font-style: italic;
	font-weight: 700;
	letter-spacing: -0.05em;
	position: relative;
	padding: 0 0.5em 0 0.3em;
}
.career-reason_h4 span:after{
	content: "";
	display: block;
	width: 100%;
	height: 101%;
	position: absolute;
	inset: 0;
	background: var(--blueback);
	clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
	z-index: -1;
}
.career-reason_h4 b{
	position: relative;
}
.career-reason_h4 b:before {
    content: "“";
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: clamp(100px, 13vw, 280px);
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    transform: skewX(-8deg);
    line-height: 0.7;
    vertical-align: middle;
    color: var(--yellow);
	position: absolute;
	top: 0;
	left: -0.1em;
}
.career-reason_lists{
	width: 75%;
	margin: 0 5% 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto auto;
	gap: 5em;
	counter-reset: reason;
	line-height: 1.1;
}
.career-reason_list{
	border-left: 1px solid var(--black);
	counter-increment: reason;
	position: relative;
	max-width: 680px;
}
.career-reason_list:before{
	content: counter(reason, decimal-leading-zero);
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: clamp(120px, 14vw, 200px);
	line-height: 0.5;
	position: absolute;
	right: -0.1em;
	z-index: -1;
	pointer-events: none;
}
.career-reason_list:nth-child(1):before{
	transform: translateX(0.05em);
	letter-spacing: 0.1em;
}
.career-reason_wrap{
	padding: 1em 2em;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	height: calc(100% - 2em);
}
.career-reason_p{
	margin: 1em 0 0.5em !important;
    font-size: clamp(14px, 1.4vw, 18px);
    line-height: 1.5;
}
.career-reason_link{
	text-align: right;
	margin-top: auto !important;
}
.career-reason_link:has(+ p){
	margin-bottom: 1em !important;
}
.career-reason_item{
	padding-top: 5em;
	margin-bottom: 10em;
	position: relative;
}
.career-reason_year{
	position: absolute;
	top: 0;
	left: 5%;
	width: fit-content;
	height: calc(100% + 10em);
	z-index: 10;
	text-align: center;
	line-height: 1;
}
.career-reason_year:before{
	content: "";
	display: block;
	width: 100%;
	height: calc(100% + 3em);
	position: absolute;
	top: -3em;
	left: 0;
	clip-path: polygon(0% 0%, 50% calc(0% + 3em), 100% 0%, 100% calc(100% - 3em), 50% 100%, 0% calc(100% - 3em));
	z-index: 1;
}
.career-reason_item01 .career-reason_year:before{
	top: 0;
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 3em), 50% 100%, 0% calc(100% - 3em));
}
.career-reason_year b{
	display: block;
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-size: clamp(54px, 12vw, 200px);
	transform: translateX(-0.1em);
	position: relative;
	z-index: 1;
	padding-top: 0.5em;
}
.career-reason_year span{
	display: block;
	font-size: clamp(21px, 5vw, 78px);
	position: relative;
	z-index: 1;
}
.career-reason_item:nth-child(even) .career-reason_year:before{
	background: var(--yellow);
}
.career-reason_item:nth-child(even) .career-reason_year:after{
	background: var(--blue);
}
.career-reason_item:nth-child(odd) .career-reason_year:before{
	background: var(--blue);
}
.career-reason_item:nth-child(odd) .career-reason_year:after{
	background: var(--yellow);
}
.career-reason_item:last-child .career-reason_year:after{
	display: none;
}
.career-reason_item:nth-child(odd) .career-reason_year b,
.career-reason_item:nth-child(odd) .career-reason_year span{
	color: #fff;
}
.career-reason_item:before,
.career-reason_item:after{
	content: "";
	display: block;
	width: 100%;
	height: 10em;
	position: absolute;
	bottom: -10em;
	left: 0;
}
.career-reason_item:nth-child(even):before{
	background: #fff;
}
.career-reason_item:nth-child(even):after{
	background: var(--blueback);
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.career-reason_item:nth-child(odd):before{
	background: var(--blueback);
}
.career-reason_item:nth-child(odd):after{
	background: #fff;
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.career-reason_item:last-child:before{
	display: none;
}
.career-reason_item:nth-child(odd) .career-reason_h4 span:after,
.career-reason_item:nth-child(odd){
	background: #fff;
}

.career-reason_item:nth-child(odd) .career-reason_list:before{
	color: var(--blueback);
}
.career-reason_item:nth-child(even) .career-reason_h4 span:after,
.career-reason_item:nth-child(even){
	background: var(--blueback);
}
.career-reason_item:nth-child(even) .career-reason_list:before{
	color: #fff;
}
.career-voice{
    width: 75%;
    margin: 5em 5% 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2em;
}
.career-voice_item{
	position: relative;
	overflow: hidden;
}
.career-voice_item img{
	object-fit: cover;
	aspect-ratio: 1 / 1.3;
	transition: 0.3s all ease;
}
.career-voice_item:hover img{
	transform: scale(1.05, 1.05);
}
.career-voice_text{
	position: absolute;
	width: 95%;
	left: 2.5%;
	bottom: 2.5%;
	background: #fff;
	padding: 1em;
}
.career-voice_text p{
	color: var(--blue);
	line-height: 1.3;
	font-size: clamp(14px, 1vw, 18px);
}
.career-voice_text dl{
	color: var(--gray);
	font-size: clamp(12px, 0.8vw, 14px);
	line-height: 1.3;
	margin-top: 0.7em;
}
.career-voice_text dl dt,
.career-voice_text dl dd{
	display: inline-block;
}
.career-voice_link{
	grid-column: 1 / 5;
	text-align: center;
}
/*ANIMATION*/
.career-reason_year:before{
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 1.1s cubic-bezier(.22,.61,.36,1);
}
.career-reason_item.is-show .career-reason_year:before{
	transform: scaleY(1);
}
.career-reason_year b,
.career-reason_year span{
	opacity: 0;
	transform: translateY(15px);
	transition:
		opacity 0.5s ease 0.3s,
		transform 0.5s ease 0.3s;
}
.career-reason_item.is-show .career-reason_year b,
.career-reason_item.is-show .career-reason_year span{
	opacity: 1;
	transform: translateY(0);
}
.career-reason_header{
	opacity: 0;
	transform: translateY(25px);
	transition:
		opacity 0.8s ease 0.25s,
		transform 0.8s cubic-bezier(.22,.61,.36,1) 0.25s;
}
.career-reason_item.is-show .career-reason_header{
	opacity: 1;
	transform: translateY(0);
}
.career-graduate .career-reason_list,
.career-reason_item .career-reason_list{
	opacity: 0;
	transform: translateY(20px);
	transition:
		opacity 0.7s ease,
		transform 0.7s cubic-bezier(.22,.61,.36,1);
}
.career-reason_item.is-show .career-reason_list{
	opacity: 1;
	transform: translateY(0);
}
.career-reason_item.is-show .career-reason_list:nth-child(1){
	transition-delay: 0.35s;
}
.career-reason_item.is-show .career-reason_list:nth-child(2){
	transition-delay: 0.43s;
}
.career-reason_item.is-show .career-reason_list:nth-child(3){
	transition-delay: 0.51s;
}
.career-reason_item.is-show .career-reason_list:nth-child(4){
	transition-delay: 0.59s;
}
.career-reason_item .career-voice_item{
	opacity: 0;
	transform: translateY(20px);
	transition:
		opacity 0.7s ease,
		transform 0.7s ease;
}
.career-reason_item.is-show .career-voice_item{
	opacity: 1;
	transform: translateY(0);
}
.career-reason_item.is-show .career-voice_item:nth-child(1){ transition-delay: .65s; }
.career-reason_item.is-show .career-voice_item:nth-child(2){ transition-delay: .72s; }
.career-reason_item.is-show .career-voice_item:nth-child(3){ transition-delay: .79s; }
.career-reason_item.is-show .career-voice_item:nth-child(4){ transition-delay: .86s; }
@media screen and (max-width: 1480px) {
	.career-voice{
		gap: 1em;
	}
	.career-voice_item img{
		aspect-ratio: 1 / 1.618;
	}
}
@media screen and (max-width: 1280px) {
	.career-reason_wrap {
		padding: 0 0 0 2em;
	}
	.career-reason_lists{
		gap: 3em 2em;
	}
	.career-reason_list:before{
		right: 0;
	}
	.career-reason_item {
		padding-top: 2em;
		padding-bottom: 3em;
	}
	.career-voice_item img{
		aspect-ratio: 1 / 2;
	}
}
@media screen and (max-width: 980px) {
	.career-reason_lists{
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
    .career-reason_wrap {
        padding: 1em 0 0 1em;
    }
	.career-reason_header {
		height: 5em;
	}
	.career-reason_img {
		width: 85%;
	}
	.career-reason_img img{
		object-position: 50% 100%;
	}
	.career-voice{
		grid-template-columns: repeat(2, 1fr);
	}
	.career-voice_item img{
		aspect-ratio: 1 / 1;
	}
	.career-voice_link{
		grid-column: 1 / 3;
	}
}
@media screen and (max-width: 680px) {
	.career-reason_title .title-back span{
		padding-left: 1em;
		padding-bottom: 0.1em;
		text-indent: 0;
		line-height: 1.2;
	}
	.career-reason_title .title-back small{
		font-size: clamp(11.5px, 2vw, 28px);
		margin-bottom: 1em;
	}
	.career-reason_img {
		width: 95%;
	}
	.career-reason_year {
		left: 2%;
	}
	.career-reason_h4 b:before {
		left: -0.2em;
	}
	.career-reason_lists {
		width: 78%;
		gap: 2em;
	}
	.career-reason_p {
		margin: 0 0 0.5em !important;
		line-height: 1.5;
	}
	.career-reason_item {
		margin-bottom: 5em;
		padding-bottom: 1em;
	}
	.career-reason_item:before,
	.career-reason_item:after {
		height: 5em;
		bottom: -5em;
	}
	.career-reason_year {
		height: calc(100% + 5em);
	}
	.career-voice{
		width: 78%;
	}
	.career-voice_item img{
		aspect-ratio: 1 / 1.618;
	}
}
@media screen and (max-width: 480px) {
	.career-voice_item img{
		aspect-ratio: 1 / 1;
	}
	.career-voice_text{
		width: 100%;
		padding: 1em 0;
		position: relative;
		margin: 0 auto;
		left: inherit;
		bottom: inherit;
	}
}

.career-graduate_title{
	margin-bottom: 3em;
}
.career-graduate_wrapper{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: max-content 1fr;
	align-items: stretch;
	flex-wrap: wrap;
	position: relative;
}
.career-graduate_wrapper:before{
	content: "";
	display: block;
	width: 100%;
	height: 50%;
	background: var(--blueback);
	position: absolute;
	left: 0;
	bottom: 0;
}
.career-graduate_wrap{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	padding: 5em 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.career-graduate_wrap:after{
	content: "";
	display: block;
	width: 120%;
	height: 120%;
	background: var(--blueback);
	margin-right: -20%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}
.career-graduate_text{
	width: fit-content;
	margin-inline: auto;
}
.career-graduate_h3{
    font-size: clamp(28px, 4.8vw, 100px);
    font-weight: 700;
	font-style: italic;
	line-height: 1.1;
	padding-left: 1.5em;
	text-indent: -0.4em;
}
.career-graduate_h3:before,
.career-graduate_h3:after{
	content: "“";
    display: inline-block;
    font-family: "Oswald", sans-serif;
    font-size: clamp(100px, 13vw, 240px);
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    transform: skewX(-8deg);
    line-height: 0;
    vertical-align: middle;
	color: var(--blugray);
	margin-right: -0.15em;
}
.career-graduate_h3:after{
    transform: rotate(180deg) skewX(-8deg);
    margin-right: inherit;
    margin-left: -0.07em;
    vertical-align: -0.25em;
}
.career-graduate_p{
	padding: 0 0 0 3em;
	margin: 2em auto 0 !important;
	font-size: clamp(14px, 1.4vw, 21px);
	line-height: 1.5;
	width: fit-content;
}
.career-graduate_img{
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	margin-top: 5%;
	clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.career-graduate_img img{
	display: block;
	object-fit: cover;
	width: 100% !important;
	height: 100% !important;
}
.career-reason_graduate{
	background: var(--blueback);
	padding-bottom: 5em;
}
.career-reason_graduate .career-reason_lists{
	margin: 0 auto;
	grid-template-rows: 1fr 1fr 1fr 1fr;
}
.career-reason_graduate .career-reason_list:before{
	color: #fff;
}
.career-reason_graduate .career-reason_list:before {
    font-size: clamp(80px, 10vw, 200px);
}
.career-graduate_link{
	margin: 3em auto 0 !important;
	text-align: center;
}
.career-graduate .career-voice {
    margin: 5em auto 0;
}
.career-graduate .career-voice{
	grid-template-columns: repeat(3, 1fr);
}
.career-graduate .career-voice_link{
	grid-column: 1 / 4;
}
/*ANIMATION*/
.career-graduate .career-reason_list{
	opacity: 0;
	transform: translateY(20px);
	transition:
		opacity 0.7s ease,
		transform 0.7s cubic-bezier(.22,.61,.36,1);
}
.career-graduate.is-show .career-reason_list{
	opacity: 1;
	transform: translateY(0);
}
.career-graduate.is-show .career-reason_list:nth-child(1){
	transition-delay: 0.10s;
}
.career-graduate.is-show .career-reason_list:nth-child(2){
	transition-delay: 0.16s;
}
.career-graduate.is-show .career-reason_list:nth-child(3){
	transition-delay: 0.22s;
}
.career-graduate.is-show .career-reason_list:nth-child(4){
	transition-delay: 0.28s;
}
.career-graduate.is-show .career-reason_list:nth-child(5){
	transition-delay: 0.34s;
}
.career-graduate.is-show .career-reason_list:nth-child(6){
	transition-delay: 0.40s;
}
.career-graduate.is-show .career-reason_list:nth-child(7){
	transition-delay: 0.46s;
}
.career-graduate.is-show .career-reason_list:nth-child(8){
	transition-delay: 0.52s;
}
.career-graduate_wrap,
.career-graduate_img{
	opacity: 0;
	transform: translateY(25px);
	transition:
		opacity 0.8s ease,
		transform 0.8s cubic-bezier(.22,.61,.36,1);
}
.career-graduate_img{
	transition-delay: 0.12s;
}
.career-graduate.is-show .career-graduate_wrap,
.career-graduate.is-show .career-graduate_img{
	opacity: 1;
	transform: translateY(0);
}
.career-graduate .career-voice_item{
	opacity: 0;
	transform: translateY(20px);
	transition:
		opacity 0.7s ease,
		transform 0.7s ease;
}
.career-graduate.is-show .career-voice_item{
	opacity: 1;
	transform: translateY(0);
}
.career-graduate.is-show .career-voice_item:nth-child(1){ transition-delay: .60s; }
.career-graduate.is-show .career-voice_item:nth-child(2){ transition-delay: .68s; }
.career-graduate.is-show .career-voice_item:nth-child(3){ transition-delay: .76s; }
@media screen and (max-width: 1280px) {
	.career-graduate .career-voice,
	.career-reason_graduate .career-reason_lists {
		width: 90%;
	}
    .career-graduate .career-voice_item img {
        aspect-ratio: 1 / 1.3;
    }
}
@media screen and (max-width: 980px) {
	.career-graduate_p br{
		display: none;
	}
	.career-graduate_img{
		grid-row: 1 / 2;
	}
	.career-graduate_wrap:after {
		background: linear-gradient(180deg, var(--blueback) 0%, var(--blueback) 95%, #fff 95%, #fff 100%);
	}
    .career-reason_graduate .career-reason_lists {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }
    .career-graduate .career-voice_item img {
        aspect-ratio: 1 / 1.618;
    }
}
@media screen and (max-width: 680px) {
	.career-graduate_wrapper{
		margin-bottom: 0 !important;
		position: relative;
	}
	.career-graduate_wrap{
		grid-column: 1 / 3;
		width: 80%;
		padding: 3em 0;
	}
	.career-graduate_img{
		grid-column: 1 / 3;
		grid-row: 2 / 3;
        width: 95%;
        margin: -5% 0 0 auto;
	}
	.career-graduate_h3 {
		font-size: clamp(28px, 7.8vw, 100px);
	}
	.career-graduate_h3:before,
	.career-graduate_h3:after {
		font-size: clamp(80px, 24vw, 240px);
	}
	.career-graduate_h3:before{
		margin-right: -0.1em;
	}
	.career-graduate_h3:after{
		margin-left: -0.02em;
	}
	.career-graduate_p{
		margin-top: 1em !important;
		margin-bottom: 0 !important;
	}
	.career-graduate .career-voice{
		grid-template-columns: repeat(2, 1fr);
	}
	.career-graduate .career-voice_link{
		grid-column: 1 / 3;
	}
	
}
@media screen and (max-width: 480px) {
    .career-reason_graduate .career-reason_lists {
        grid-template-columns: 1fr;
    }
	.career-reason_content {
		padding-top: 2em;
	}
	.career-graduate_title {
		margin-bottom: 1em;
	}
    .career-graduate .career-voice_item img {
        aspect-ratio: 1 / 1;
    }
	.career-graduate .career-voice_text{
		background: transparent;
	}
}

.career-links_title span{
	font-size: clamp(24px, 2.1vw, 38px);
}
.career-link_items{
	width: 90%;
	max-width: 1280px;
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3em;
	margin-top: 3em;
}
.career-links_h3.title-back{
	padding-left: max(1em, calc(100vw - 1280px) / 2);
	width: auto;
}
.career-links_h3.title-back span{
	    padding: 0.1em 1em 0.2em 0;
}
.career-link_h5.title-back{
	display: block;
	width: auto;
}
.career-link_h5.title-back span{
	color: var(--black);
	font-size: clamp(16px, 1.4vw, 21px);
}
.career-link_h5.title-back:after {
    background: var(--yellow);
}
.career-link_ul{
	padding-left: 1.5em !important;
}
.career-link_ul li{
	list-style: disc outside;
	line-height: 1.3;
	padding: 0.4em 0;
}
.career-links_a:hover{
	color: var(--gray);
	text-decoration: underline;
}
@media screen and (max-width: 980px) {
	.career-link_items{
		grid-template-columns: repeat(2, 1fr);
		gap: 2em;
	}
}
@media screen and (max-width: 480px) {
	.career-link_items{
		grid-template-columns: 1fr;
		gap: 2em;
		margin-top: 2em;
	}
}