@charset "UTF-8";
@keyframes arrowAnime {
	0% {
		right: 50px;
		opacity: 0;
	}
	100% {
		right: 10px;
		opacity: 1;
	}
}
@keyframes lineAnime {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.embed .domain .inner_960 {
	width: 100%;
	max-width: 960px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain .inner_960 {
		width: 100%;
	}
}
.embed .domain .inner_1240 {
	max-width: 1240px;
	width: 100%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain .inner_1240 {
		width: 100%;
	}
}
.embed .domain.technology .contents {
	background: linear-gradient(to bottom right, #E7F2FA, #F9ECF3 50%, #E7F2FA);
}
.embed .domain.technology .cont__header_ttl_en {
	color: #fff;
}
.embed .domain.technology .technology_section .cont_txt {
	margin: 60px 0;
}
.embed .domain.technology .technology_section .ttl_box {
	font-size: 38px;
	font-weight: bold;
	letter-spacing: 0.05em;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0 40px;
	border-top: 1px solid #000;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .ttl_box {
		font-size: 22px;
	}
}
.embed .domain.technology .technology_section .ttl_box i {
	display: inline-block;
	margin-right: 0.4em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .ttl_box i {
		margin-right: 0.6em;
	}
}
.embed .domain.technology .technology_section .box_4core .txt {
	padding-bottom: 50px;
}
.embed .domain.technology .technology_section .box_4core h3 {
	font-size: 23px;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	padding: 12px 0;
}
.embed .domain.technology .technology_section .box_4core h4 {
	font-weight: bold;
	margin-bottom: 5px;
}
.embed .domain.technology .technology_section .box_plus {
	background-color: #fff;
	padding: 30px;
	margin-bottom: 100px;
	/*h3 {
  	font-size: 24px;
  	font-weight: bold;
  	letter-spacing: 0.05em;
  	display: flex;
  	align-items: center;
  	margin-bottom: 25px;
 	span {
  		font-size: 18px;
  		font-weight: bold;
  		width: 120px;
  		height: 40px;
  		display: flex;
  		justify-content: center;
  		align-items: center;
  		margin-right: 20px;
  		background-color: #A1C6EB;
  		color: #fff;
  		line-height: 1;
  		padding-bottom: 2px;
  	}
  }*/
}
.embed .domain.technology .technology_section .box_plus h3 {
	font-size: 23px;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 0 0 12px;
}
.embed .domain.technology .technology_section .box_plus h4 {
	font-weight: bold;
	margin-bottom: 5px;
}
.embed .domain.technology .technology_section_2 {
	overflow: hidden;
}
.embed .domain.technology .technology_section_2 h3 {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
	width: 600px;
	height: 180px;
	margin: 80px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section_2 h3 {
		width: 100%;
		font-size: 20px;
		height: 130px;
		margin: 80px 0 50px;
	}
}
.embed .domain.technology .technology_section_2 h3:before {
	content: "";
	display: block;
	background: linear-gradient(to right, #F2EEF6, #E6F5ED);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
}
.embed .domain.technology .technology_section_2 h3:after {
	content: "";
	display: block;
	background-color: #fff;
	width: 570px;
	height: 150px;
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: -1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section_2 h3:after {
		width: 96%;
		left: 7px;
		top: 7px;
		height: 116px;
	}
}
.embed .domain.technology .technology_section .in_in {
	background: linear-gradient(to bottom right, #F2EEF6, #E6F5ED);
	margin-bottom: 40px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .in_in {
		margin-bottom: 40px;
	}
}
.embed .domain.technology .technology_section .history_area {
	position: relative;
	padding: 200px 5% 80px;
}
.embed .domain.technology .technology_section .history_area::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -32px;
	height: 100%;
	width: 64px;
	background: linear-gradient(to bottom, #FFFAFC, #E68EB6);
	mix-blend-mode: multiply;
	z-index: 1;
}
.embed .domain.technology .technology_section .history_area .arrow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.embed .domain.technology .technology_section .history_area .notext {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}
.embed .domain.technology .technology_section .history_area .notext.nt1 {
	top: 0;
	height: 200px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .notext.nt1 {
		hight: 80px;
	}
}
.embed .domain.technology .technology_section .history_area .notext.nt5 {
	height: 80px;
	bottom: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .notext.nt5 {
		hight: 60px;
	}
}
.embed .domain.technology .technology_section .history_area .arrow::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -32px;
	height: 100%;
	width: 64px;
	z-index: 2;
}
.embed .domain.technology .technology_section .history_area .arrow1::before {
	background: url(/content/dam/nsk/jp/ja/company/career/graduate/img/domain/technology/center-arrow1.png) repeat-y center bottom 80px;
}
.embed .domain.technology .technology_section .history_area .arrow5::before {
	background: url(/content/dam/nsk/jp/ja/company/career/graduate/img/domain/technology/center-arrow5.png) repeat-y center bottom 80px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area {
		padding: 80px 5% 60px;
	}
}
.embed .domain.technology .technology_section .history_area .inner_960 {
	margin: auto;
}
.embed .domain.technology .technology_section .history_area .history_box {
	position: relative;
	z-index: 5;
	background: transparent linear-gradient(105deg, #5CBA9F 0%, #9584B0 100%) 0% 0% no-repeat padding-box;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	padding: 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_box {
		display: block;
		padding: 20px;
	}
}
.embed .domain.technology .technology_section .history_area .history_box .first {
	position: absolute;
	right: 10%;
	top: -65px;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_box .first {
		width: 60px;
		top: -40px;
	}
}
.embed .domain.technology .technology_section .history_area .history_box .img {
	position: relative;
	width: 45%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_box .img {
		width: 100%;
		margin-bottom: 20px;
	}
}
.embed .domain.technology .technology_section .history_area .history_box .img span {
	position: absolute;
	bottom: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_box .img span {
		position: static;
	}
}
.embed .domain.technology .technology_section .history_area .history_box .txt {
	color: #fff;
	width: 45%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_box .txt {
		width: 100%;
	}
}
.embed .domain.technology .technology_section .history_area .history_box .txt .history_dl dt {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 2rem;
}
.embed .domain.technology .technology_section .history_area .history_box .txt .history_dl dt span {
	font-size: 5rem;
	font-weight: bold;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_box .txt .history_dl dt span {
		font-size: 4rem;
	}
}
.embed .domain.technology .technology_section .history_area .history_box .txt .history_dl dd {
	font-size: 2.2rem;
	text-decoration: underline;
	font-weight: bold;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_box .txt .history_dl dd {
		font-size: 1.7rem;
	}
}
.embed .domain.technology .technology_section .history_area .history_box .txt p {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 2rem;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_box .txt p {
		font-size: 1.4rem;
	}
}
.embed .domain.technology .technology_section .history_area .reverse {
	flex-direction: row-reverse;
	background: transparent linear-gradient(101deg, #9584B0 0%, #5CBA9F 100%) 0% 0% no-repeat padding-box;
	padding-left: 50px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .reverse {
		padding-left: 20px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .reverse .img {
		margin-left: 0;
	}
}
.embed .domain.technology .technology_section .history_area .reverse .history_dl {
	left: 0;
}
.embed .domain.technology .technology_section .history_area .history_2 .first {
	right: auto;
	left: 30%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_2 .first {
		left: 10%;
	}
}
.embed .domain.technology .technology_section .history_area .history_3 .img {
	width: 50%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_3 .img {
		width: 100%;
	}
}
.embed .domain.technology .technology_section .history_area .history_4 .img {
	width: 60%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_4 .img {
		width: 100%;
	}
}
.embed .domain.technology .technology_section .history_area .history_4 .txt {
	width: 40%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_4 .txt {
		width: 100%;
	}
}
.embed .domain.technology .technology_section .history_area .history_4 .layout {
	position: absolute;
	display: flex;
	bottom: 55%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_4 .layout {
		position: static;
		width: 100%;
		display: block;
	}
}
.embed .domain.technology .technology_section .history_area .history_4 .layout .col {
	width: 50%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_4 .layout .col {
		width: 100%;
		margin-bottom: 2rem;
	}
}
.embed .domain.technology .technology_section .history_area .history_4 .layout .col span {
	display: block;
	position: static;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.5;
	margin-top: 10px;
}
.embed .domain.technology .technology_section .history_area .history_4 .bot {
	position: absolute;
	top: 55%;
	width: 100%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_4 .bot {
		position: static;
	}
}
.embed .domain.technology .technology_section .history_area .history_4 .bot img {
	width: 309px;
	margin: auto;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_4 .bot img {
		width: 80%;
	}
}
.embed .domain.technology .technology_section .history_area .history_5 .img span {
	bottom: auto;
	top: -60px;
	left: -100px;
}
.embed .domain.technology .technology_section .history_area .history_6 .txt {
	width: 50%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_6 .txt {
		width: 100%;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_6 dd {
		font-size: 1.4rem !important;
	}
}
.embed .domain.technology .technology_section .history_area .history_6 .img span {
	width: 100%;
}
.embed .domain.technology .technology_section .history_area .history_6 .img img {
	max-width: 203px;
	margin: auto;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_6 .img img {
		width: 60%;
	}
}
.embed .domain.technology .technology_section .history_area .history_6 .first {
	right: auto;
	left: 30%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .history_6 .first {
		left: 10%;
	}
}
.embed .domain.technology .technology_section .history_area .point {
	position: relative;
	z-index: 5;
	padding: 100px 0;
	text-align: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .point {
		padding: 60px 0;
	}
}
.embed .domain.technology .technology_section .history_area .point span {
	display: inline-block;
	background-color: #fff;
	padding: 10px 20px;
	font-size: 1.8rem;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .point span {
		font-size: 1.6rem;
	}
}
.embed .domain.technology .technology_section .history_area .point.big span {
	position: relative;
	padding: 15px 30px;
	border: 1px solid #707070;
	border-radius: 16px;
	font-size: 2.2rem;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .point.big span {
		font-size: 1.8rem;
	}
}
.embed .domain.technology .technology_section .history_area .point.point_1 {
	padding: 150px 0 150px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .point.point_1 {
		padding: 100px 0 100px;
	}
}
.embed .domain.technology .technology_section .history_area .point.point_2 {
	padding: 150px 0 150px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .point.point_2 {
		padding: 100px 0 100px;
	}
}
.embed .domain.technology .technology_section .history_area .point.point_3 {
	padding-bottom: 160px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .point.point_3 {
		padding-bottom: 60px;
	}
}
.embed .domain.technology .technology_section .history_area .point.point_4 {
	padding-top: 160px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .point.point_4 {
		padding-top: 60px;
	}
}
.embed .domain.technology .technology_section .history_area .point.point_5 {
	padding: 130px 0 100px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section .history_area .point.point_5 {
		padding: 60px 0;
	}
}
.embed .domain.technology .technology_section.technology_section_3 {
	margin-bottom: 80px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section.technology_section_3 {
		padding: 0 5%;
	}
}
.embed .domain.technology .technology_section.technology_section_3 .inner {
	margin: auto;
	background: linear-gradient(to bottom right, #F2EEF6, #E6F5ED);
	padding: 80px 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section.technology_section_3 .inner {
		padding: 20px 5%;
	}
}
.embed .domain.technology .technology_section.technology_section_3 h2 {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 20px;
	line-height: 170%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.technology .technology_section.technology_section_3 h2 {
		font-size: 18px;
	}
}
.embed .domain.technology .technology_section.technology_section_3 .link_btn {
	text-align: center;
}
.embed .domain.technology .technology_section.technology_section_3 .link_btn .anno {
	font-size: 12px;
}
.embed .domain.technology .technology_section.technology_section_3 a {
	width: 300px;
	margin: auto;
	line-height: 1.4;
	padding: 15px 30px 15px 0;
	display: block;
	position: relative;
}
.embed .domain.technology .technology_section.technology_section_3 a::before {
	display: block;
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	width: 8px;
	height: 8px;
	transform: rotate(45deg) translateY(-50%);
}
.embed .domain.technology .technology_section.technology_section_3 a:hover::before {
	animation: arrowAnime 0.4s ease forwards;
}
.embed .domain.technology .technology_section.technology_section_3 a::after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
}
.embed .domain.technology .technology_section.technology_section_3 a:hover::after {
	animation: lineAnime 0.6s ease forwards;
}
@keyframes arrowAnime {
	0% {
		right: 50px;
		opacity: 0;
	}
	100% {
		right: 10px;
		opacity: 1;
	}
}
@keyframes lineAnime {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.embed .domain.value .contents {
	background: linear-gradient(to bottom right, #FFFFE6, #E9DFEE);
}
.embed .domain.value .cont_txt {
	margin: 0 0 60px;
}
.embed .domain.value .ttl_box {
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.value .ttl_box {
		font-size: 18px;
	}
}
.embed .domain.value .ttl_box i {
	display: block;
	width: 75px;
	margin: 0 auto;
	font-weight: 600;
}
.embed .domain.value .ttl_box span {
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #719147;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.value .ttl_box span {
		font-size: 24px;
	}
}
.embed .domain.value .box_kouken {
	border: solid 1px rgba(0, 0, 0, 0.4);
	margin-bottom: 20px;
}
.embed .domain.value .box_kouken h3 {
	background-color: #fff;
	width: 100%;
	height: 86px;
	display: flex;
	align-items: center;
}
.embed .domain.value .box_kouken h3 i {
	width: 68px;
	display: block;
	margin: 0 7px;
}
.embed .domain.value .box_kouken h3 span {
	font-size: 18px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: 0.02em;
}
.embed .domain.value .box_kouken_inner {
	display: flex;
	padding: 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.value .box_kouken_inner {
		display: block;
	}
}
.embed .domain.value .box_kouken_inner p {
	flex: 1;
	padding-right: 30px;
	line-height: 1.7;
	letter-spacing: 0.02em;
}
.embed .domain.value .box_kouken_inner figure {
	width: 180px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.value .box_kouken_inner figure {
		width: 100%;
		margin: 15px auto 0;
	}
}
.embed .domain.value .value_section {
	padding: 120px 0 40px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.value .value_section {
		padding: 45px 0 40px;
	}
}
.embed .domain.value .value_section_2 h2 {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
}
.embed .domain.value .value_section_2 a {
	width: 800px;
	height: 356px;
	margin: 50px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.value .value_section_2 a {
		width: 100%;
		height: 180px;
		margin: 30px auto 0;
	}
}
.embed .domain.value .value_section_2 a:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	background: url(/content/dam/nsk/jp/ja/company/career/graduate/img/domain/value/img_11.jpg) no-repeat center/cover;
	transition: 0.6s;
}
.embed .domain.value .value_section_2 a:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background: linear-gradient(to bottom right, #111111, #111111 50%, #FC0019);
	transform: scale(1.4);
	opacity: 0.5;
	transition: 0.6s;
}
.embed .domain.value .value_section_2 a p {
	font-size: 34px;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #fff;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.value .value_section_2 a p {
		font-size: 20px;
	}
}
.embed .domain.value .value_section_2 a p span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.value .value_section_2 a p span {
		font-size: 14px;
	}
}
.embed .domain.value .value_section_2 a .more {
	width: 130px;
	padding: 10px 30px 10px 0;
	position: relative;
	font-size: 14px;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.embed .domain.value .value_section_2 a .more:before {
	display: block;
	content: "";
	position: absolute;
	right: 10px;
	top: 40%;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	width: 6px;
	height: 6px;
	transform: rotate(45deg) translateY(-50%);
}
.embed .domain.value .value_section_2 a .more:after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.embed .domain.value .value_section_2 a:hover:before {
	transform: scale(1.05);
}
.embed .domain.value .value_section_2 a:hover:after {
	transform: scale(1.4) translateX(-14%);
	opacity: 0.6;
}
.embed .domain.value .value_section_2 a:hover .more:before {
	animation: arrowAnime 0.4s ease forwards;
}
.embed .domain.value .value_section_2 a:hover .more:after {
	animation: lineAnime 0.6s ease forwards;
}
.embed .domain.job .scroll_box {
	overflow-x: auto;
	padding-bottom: 10px;
	-webkit-overflow-scrolling: touch;
}
.embed .domain.job .scroll_box div img {
	max-width: 100%;
	min-width: 600px;
	vertical-align: top;
}
.embed .domain.job .scroll_p {
	display: none;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .scroll_p {
		display: block;
		text-align: right;
		padding-right: 12px;
		position: relative;
		font-size: 12px;
		margin-top: 5px;
	}
	.embed .domain.job .scroll_p:after {
		display: block;
		content: "";
		position: absolute;
		width: 7px;
		height: 7px;
		right: 0;
		top: 50%;
		transform: translate(0, -50%) rotate(45deg);
		border-top: solid 2px #000;
		border-right: solid 2px #000;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_1 {
		padding-bottom: 70px;
	}
}
.embed .domain.job .job_section_1 .cont_ttl {
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	margin: 70px 0 17px;
}
.embed .domain.job .job_section_1 .cont_txt {
	text-align: center;
	margin-bottom: 55px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_1 .cont_txt {
		margin-bottom: 35px;
	}
}
.embed .domain.job .job_section_1 .img_01 {
	margin-bottom: 105px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_1 .img_01 {
		margin-bottom: 10px;
	}
}
.embed .domain.job .job_section_1 figure {
	margin: 55px 0 90px;
}
.embed .domain.job .job_section_2 {
	background: linear-gradient(to bottom right, #EAF7FD, #FCFCEB 50%, #F3FFEF);
	padding: 90px 0;
}
.embed .domain.job .job_section_2 .tab_job_j div, .embed .domain.job .job_section_2 .tab_job_g div {
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: 500;
	height: 84px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	cursor: pointer;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .tab_job_j div, .embed .domain.job .job_section_2 .tab_job_g div {
		font-size: 20px;
		height: 70px;
		margin-bottom: 20px;
	}
}
.embed .domain.job .job_section_2 .tab_job_j div:before, .embed .domain.job .job_section_2 .tab_job_g div:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 28px 16px 0 16px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%, 20px);
	display: none;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .tab_job_j div:before, .embed .domain.job .job_section_2 .tab_job_g div:before {
		border-width: 20px 11px 0 11px;
		transform: translate(-50%, 15px);
	}
}
.embed .domain.job .job_section_2 .tab_job_j div i, .embed .domain.job .job_section_2 .tab_job_g div i {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #f3f3f3;
	position: relative;
	margin-right: 10px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .tab_job_j div i, .embed .domain.job .job_section_2 .tab_job_g div i {
		width: 22px;
		height: 22px;
	}
}
.embed .domain.job .job_section_2 .tab_job_j div i:before, .embed .domain.job .job_section_2 .tab_job_g div i:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #d5d5d5;
	border-right: solid 2px #d5d5d5;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .tab_job_j div i:before, .embed .domain.job .job_section_2 .tab_job_g div i:before {
		width: 7px;
		height: 7px;
	}
}
.embed .domain.job .job_section_2 .tab_job_j div {
	color: #EF938A;
}
.embed .domain.job .job_section_2 .tab_job_j.active div {
	background-color: #EF938A;
	color: #fff;
	cursor: auto;
}
.embed .domain.job .job_section_2 .tab_job_j.active div:before {
	display: block;
	border-color: #EF938A transparent transparent transparent;
}
.embed .domain.job .job_section_2 .tab_job_j.active div i {
	background-color: #fff;
}
.embed .domain.job .job_section_2 .tab_job_j.active div i:before {
	border-color: #EF938A;
	transform: translate(-50%, -50%) rotate(135deg);
}
.embed .domain.job .job_section_2 .tab_job_g div {
	color: #90C0D6;
}
.embed .domain.job .job_section_2 .tab_job_g.active div {
	background-color: #90C0D6;
	color: #fff;
	cursor: auto;
}
.embed .domain.job .job_section_2 .tab_job_g.active div:before {
	display: block;
	border-color: #90C0D6 transparent transparent transparent;
}
.embed .domain.job .job_section_2 .tab_job_g.active div i {
	background-color: #fff;
}
.embed .domain.job .job_section_2 .tab_job_g.active div i:before {
	border-color: #90C0D6;
	transform: translate(-50%, -50%) rotate(135deg);
}
.embed .domain.job .job_section_2 .box_cont {
	background-color: #fff;
	padding: 10px 20px 25px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .box_cont {
		padding: 10px 15px 25px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .box_cont_j .item {
		height: auto !important;
	}
}
.embed .domain.job .job_section_2 .box_cont_j .item h3 i {
	background-color: #EF938A;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .box_cont_g .item:first-child {
		height: 210px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.domain.job .job_section_2 .box_cont_g .item:nth-child(2) {
		height: 190px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.domain.job .job_section_2 .box_cont_g .item:nth-child(4) {
		height: 190px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.domain.job .job_section_2 .box_cont_g .item:nth-child(5) {
		height: 210px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.domain.job .job_section_2 .box_cont_g .item:nth-child(8) {
		height: 210px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.domain.job .job_section_2 .box_cont_g .item:nth-child(9) {
		border-bottom: none;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .box_cont_g .item:last-child {
		display: none;
	}
}
.embed .domain.job .job_section_2 .box_cont_g .item h3 i {
	background-color: #90C0D6;
}
.embed .domain.job .job_section_2 .box_cont .item {
	border-bottom: solid 1px #eee;
	height: 230px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .box_cont .item:last-child {
		border-bottom: none;
	}
}
.domain.job .job_section_2 .box_cont .item:nth-child(odd) {
	padding: 20px 30px 30px 60px;
	border-right: solid 1px #eee;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.domain.job .job_section_2 .box_cont .item:nth-child(odd) {
		border-right: none;
		padding: 20px 0px 30px 60px;
	}
}
.domain.job .job_section_2 .box_cont .item:nth-child(even) {
	padding: 20px 10px 30px 80px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.domain.job .job_section_2 .box_cont .item:nth-child(even) {
		padding: 20px 0px 30px 60px;
	}
}
.embed .domain.job .job_section_2 .box_cont .item h3 {
	font-size: 20px;
	font-weight: 600;
	display: flex;
	align-items: center;
	margin-left: -60px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .box_cont .item h3 {
		font-size: 18px;
	}
}
.embed .domain.job .job_section_2 .box_cont .item h3 i {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .box_cont .item h3 i {
		width: 35px;
		height: 35px;
	}
}
.embed .domain.job .job_section_2 .box_cont .item a {
	width: 100%;
	display: block;
	text-align: right;
	background-color: #f3f3f3;
	font-size: 14px;
	padding: 2px 40px 2px 20px;
	margin-top: 30px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .box_cont .item a {
		font-size: 12px;
		margin-top: 20px;
	}
}
.embed .domain.job .job_section_2 .box_cont .item a:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: solid 2px #d5d5d5;
	border-right: solid 2px #d5d5d5;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0, -50%) rotate(45deg);
}
.embed .domain.job .job_section_2 .box_matrix {
	padding: 60px 30px 15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .box_matrix {
		padding: 0px 0px 15px;
	}
}
.embed .domain.job .job_section_2 .box_matrix h2 {
	background-color: #90C0D6;
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0.05em;
	padding: 5px 15px;
	line-height: 1.4;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.job .job_section_2 .box_matrix h2 {
		font-size: 16px;
	}
}





.inline_popup_inner {
	width: 960px;
	margin: 40px auto 40px;
	padding: 30px 75px;
	background: linear-gradient(to bottom right, #E7F2FA, #F9ECF3 50%, #E7F2FA);
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	 .inline_popup_inner {
		width: 100%;
		padding: 30px 15px;
	}
}
 .inline_popup_j .inline_popup_box h3 {
	color: #ed3c2a;
}
 .inline_popup_g .inline_popup_box h3 {
	color: #007FB1;
}
 .inline_popup_ttl {
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	margin: 10px 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	 .inline_popup_ttl {
		font-size: 18px;
	}
}
 .inline_popup_ttl:before {
	content: "【 ";
}
 .inline_popup_ttl:after {
	content: " 】";
}
 .inline_popup_box {
	padding: 25px 0;
	overflow-y: auto;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	 .inline_popup_box {
		padding: 15px 0;
	}
}
 .inline_popup_box h3 {
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	background-color: #fff;
	width: 100%;
	padding: 5px 15px;
	margin-bottom: 15px;
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	 .inline_popup_box h3 {
		font-size: 16px;
	}
}
 .inline_popup_box h3 span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	position: relative;
}
 .inline_popup_box p {
	line-height: 1.6;
}
 .inline_popup_box .box_schedule {
	position: relative;
	margin-top: 25px;
	padding: 0 15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	 .inline_popup_box .box_schedule {
		padding: 0;
	}
}
 .inline_popup_box .box_schedule:before {
	content: "";
	display: block;
	width: 10px;
	height: calc(100% + 4px);
	position: absolute;
	left: 95px;
	top: -2px;
	background: linear-gradient(to bottom, #CBB8E1, #A7DFC2);
	opacity: 0.7;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	 .inline_popup_box .box_schedule:before {
		left: 81px;
	}
}
 .inline_popup_box .box_schedule dl {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	margin-bottom: 8px;
	border: solid 1px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 2;
}
 .inline_popup_box .box_schedule dl dt {
	width: 80px;
	font-size: 18px;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	letter-spacing: 0;
}
 .inline_popup_box .box_schedule dl dd {
	font-size: 14px;
	flex: 1;
	display: flex;
	align-items: center;
	padding: 6px 15px;
	background-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	 .inline_popup_box .box_schedule dl dd {
		padding: 6px 10px;
		line-height: 1.6;
	}
}









.embed .domain.product .contents {
	background: linear-gradient(to bottom right, #F6F5EF, #EFF6F4);
}
.embed .domain.product .inner_1240 {
	margin: auto;
	padding-top: 80px;
}
.embed .domain.product .product_section.product_section_1 {
	background: url(/content/dam/nsk/jp/ja/company/career/graduate/img/domain/product/bg.png) no-repeat right -250px top 100px;
	mix-blend-mode: multiply;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section.product_section_1 {
		background: none;
	}
}
.embed .domain.product .product_section h2 {
	margin-bottom: 100px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section h2 {
		margin-bottom: 50px;
	}
}
.embed .domain.product .product_section h2 span {
	display: inline-block;
	font-size: 38px;
	font-weight: bold;
	line-height: 1.3;
	border-bottom: 13px solid #000;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section h2 span {
		font-size: 24px;
		padding-bottom: 5px;
		border-bottom: 8px solid #000;
	}
}
.embed .domain.product .product_section .product1_row {
	margin-bottom: 70px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section .product1_row {
		margin-bottom: 40px;
	}
}
.embed .domain.product .product_section .product1_row h3 {
	display: inline-block;
	position: relative;
	width: 100%;
	max-width: 360px;
	font-size: 26px;
	font-weight: bold;
	padding: 16px 22px;
	border-radius: 5px 5px 0 0;
	color: #fff;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section .product1_row h3 {
		font-size: 20px;
	}
}
.embed .domain.product .product_section .product1_row h3 span {
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: 20px;
}
.embed .domain.product .product_section .product1_row h3 span img {
	width: auto;
	max-width: none;
}
.embed .domain.product .product_section .product1_row.row1 {
	max-width: 750px;
}
.embed .domain.product .product_section .product1_row.row1 h3 {
	background-color: #7F61AF;
}
.embed .domain.product .product_section .product1_row.row1 h3 span img {
	height: 124px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section .product1_row.row1 h3 span img {
		height: 62px;
	}
}
.embed .domain.product .product_section .product1_row.row2 {
	max-width: 1050px;
}
.embed .domain.product .product_section .product1_row.row2 h3 {
	background-color: #D94C3F;
}
.embed .domain.product .product_section .product1_row.row2 h3 span img {
	height: 150px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section .product1_row.row2 h3 span img {
		height: 75px;
	}
}
.embed .domain.product .product_section .product1_row.row3 h3 {
	background-color: #2A95C6;
}
.embed .domain.product .product_section .product1_row.row3 h3 span img {
	height: 114px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section .product1_row.row3 h3 span img {
		height: 50px;
	}
}
.embed .domain.product .product_section .product1_row .layout {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 3%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 70px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section .product1_row .layout {
		gap: 2%;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section .product1_row .layout .col {
		width: 100%;
	}
	.embed .domain.product .product_section .product1_row .layout .col.col_sp {
		width: 48%;
	}
	.embed .domain.product .product_section .product1_row .layout .col.col_sp .box {
		width: 100%;
	}
}
.embed .domain.product .product_section .product1_row .layout .col h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}
.embed .domain.product .product_section .product1_row .layout2 {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section .product1_row .layout2 {
		gap: 3%;
	}
}
.embed .domain.product .product_section .product1_row .layout2 .box {
	max-width: 200px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section .product1_row .layout2 .box {
		width: 48%;
		margin-bottom: 20px;
	}
}
.embed .domain.product .product_section .product1_row .layout2 .box span {
	display: block;
	font-size: 13px;
	line-height: 1.5;
	margin-top: 10px;
}
.embed .domain.product .product_section.product_section_2 {
	padding-bottom: 80px;
}
.embed .domain.product .product_section.product_section_2 h3 {
	border-bottom: 1px solid #000;
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 50px;
	padding-bottom: 15px;
}
.embed .domain.product .product_section.product_section_2 .layout_outer {
	display: flex;
	flex-wrap: wrap;
	gap: 5%;
	margin-top: 80px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section.product_section_2 .layout_outer {
		margin-top: 50px;
	}
}
.embed .domain.product .product_section.product_section_2 .layout_outer .out1 {
	width: 65%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section.product_section_2 .layout_outer .out1 {
		width: 100%;
		margin-bottom: 50px;
	}
}
.embed .domain.product .product_section.product_section_2 .layout_outer .out2 {
	flex: 1;
}
.embed .domain.product .product_section.product_section_2 .layout_inner {
	display: flex;
	flex-wrap: wrap;
	gap: 5%;
}
.embed .domain.product .product_section.product_section_2 .layout_inner.col_3 .col {
	width: 30%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section.product_section_2 .layout_inner.col_3 .col {
		width: 100%;
		margin-bottom: 30px;
	}
}
.embed .domain.product .product_section.product_section_2 .layout_inner.col_2 .col {
	width: 47.5%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section.product_section_2 .layout_inner.col_2 .col {
		width: 100%;
		margin-bottom: 30px;
	}
}
.embed .domain.product .product_section.product_section_2 .layout_inner.col_1 .col {
	width: 100%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section.product_section_2 .layout_inner.col_1 .col {
		width: 100%;
		margin-bottom: 30px;
	}
}
.embed .domain.product .product_section.product_section_2 .layout_inner .image {
	margin-bottom: 10px;
}
.embed .domain.product .product_section.product_section_2 .layout_inner .image img {
	margin: auto;
}
.embed .domain.product .product_section.product_section_2 .layout_inner .copy {
	font-size: 22px;
	font-weight: bold;
	margin: 20px 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section.product_section_2 .layout_inner .copy {
		font-size: 16px;
	}
}
.embed .domain.product .product_section.product_section_2 .layout_inner p {
	line-height: 2;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .product_section.product_section_2 .layout_inner p {
		font-size: 14px;
	}
}
.embed .domain.product .bottomlink {
	padding-top: 100px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .bottomlink {
		padding-top: 40px;
	}
}
.embed .domain.product .bottomlink h2 {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.product .bottomlink h2 {
		font-size: 18px;
	}
}
.embed .domain.product .bottomlink .link_btn {
	text-align: center;
}
.embed .domain.product .bottomlink .link_btn .anno {
	font-size: 12px;
}
.embed .domain.product .bottomlink .link_btn a {
	width: 330px;
	margin: auto;
	line-height: 1.4;
	padding: 15px 30px 15px 0;
	display: block;
	position: relative;
}
.embed .domain.product .bottomlink .link_btn a::before {
	display: block;
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	width: 8px;
	height: 8px;
	transform: rotate(45deg) translateY(-50%);
}
.embed .domain.product .bottomlink .link_btn a:hover::before {
	animation: arrowAnime 0.4s ease forwards;
}
.embed .domain.product .bottomlink .link_btn a::after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
}
.embed .domain.product .bottomlink .link_btn a:hover::after {
	animation: lineAnime 0.6s ease forwards;
}
.embed .domain.project .contents {
	background: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/project/bg01.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}
.embed .domain.project .project_section .project_section_inner {
	margin: auto;
	padding: 60px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner {
		padding: 10% 5%;
	}
}
.embed .domain.project .project_section .project_section_inner .project_section_head {
	color: #fff;
}
.embed .domain.project .project_section .project_section_inner .project_section_head h2 {
	font-weight: bold;
	font-size: 24px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_section_head h2 {
		font-size: 18px;
	}
}
.embed .domain.project .project_section .project_section_inner .project_section_head .project_head_inner {
	padding: 100px 10% 80px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_section_head .project_head_inner {
		padding: 50px 5%;
	}
}
.embed .domain.project .project_section .project_section_inner .project_section_head p.copy {
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 40px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_section_head p.copy {
		font-size: 20px;
		margin-bottom: 20px;
	}
}
.embed .domain.project .project_section .project_section_inner .project_section_head ul {
	display: flex;
	gap: 1%;
	width: 100%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_section_head ul {
		display: block;
	}
}
.embed .domain.project .project_section .project_section_inner .project_section_head ul li {
	font-size: 14px;
	line-height: 1;
	padding: 8px 20px;
	border: 1px solid #fff;
	border-radius: 18px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_section_head ul li {
		display: inline-block;
		margin-bottom: 2px;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail_wrap {
	padding: 95px 0 15px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail_wrap {
		padding: 50px 0 15px;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail_wrap::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	top: 0;
	left: -10%;
	z-index: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail_wrap::after {
		left: -6%;
		width: 112%;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail {
	position: relative;
	z-index: 1;
	margin-bottom: 80px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail {
		margin-bottom: 30px;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail h3 {
	cursor: pointer;
	position: relative;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	padding: 25px 50px;
	transition: all 0.2s ease;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail h3 {
		font-size: 16px;
		padding: 20px 5%;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail h3 span {
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail h3 span {
		width: 20px;
		height: 20px;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail h3 span::before {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 100%;
	left: 50%;
	margin-left: -1px;
	background-color: #fff;
	transition: all 0.4s ease;
}
.embed .domain.project .project_section .project_section_inner .project_detail h3 span::after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	margin-top: -1px;
	background-color: #fff;
}
.embed .domain.project .project_section .project_section_inner .project_detail .detail_wrap {
	display: none;
}
.embed .domain.project .project_section .project_section_inner .project_detail .detail_text {
	padding: 50px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail .detail_text {
		padding: 20px 0;
		display: block;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail .detail_text .image {
	width: 46%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail .detail_text .image {
		width: 100%;
		margin-bottom: 20px;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail .detail_text p {
	width: 50%;
	line-height: 1.9;
	letter-spacing: 0.2em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail .detail_text p {
		width: 100%;
		font-weight: 400;
		line-height: 1.7;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice {
	background-color: rgba(222, 222, 222, 0.4);
	padding: 60px 50px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail .voice {
		padding: 0;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice h4 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice .voice_layout {
	display: flex;
	justify-content: center;
	gap: 3%;
	padding: 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail .voice .voice_layout {
		display: block;
		padding: 5%;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice .voice_layout .voice_profile {
	width: 38%;
	max-width: 320px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail .voice .voice_layout .voice_profile {
		width: 100%;
		margin-bottom: 15px;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice .voice_layout .voice_profile .image {
	text-align: center;
	line-height: 0;
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice .voice_layout .voice_profile .image img {
	max-width: 201px;
	margin: auto;
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice .voice_layout .voice_profile .name {
	font-size: 20px;
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice .voice_layout .voice_profile .name span {
	font-size: 25px;
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice .voice_layout .voice_profile .title {
	font-size: 14px;
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice .voice_layout p {
	width: 60%;
	padding-right: 15%;
	line-height: 1.9;
	letter-spacing: 0.2em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .domain.project .project_section .project_section_inner .project_detail .voice .voice_layout p {
		width: 100%;
		padding: 0;
		font-weight: 400;
		line-height: 1.7;
		font-size: 14px;
	}
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice .anno {
	display: block;
	font-size: 12px;
}
.embed .domain.project .project_section .project_section_inner .project_detail .voice .anno.one {
	margin-top: 1rem;
}
.embed .domain.project .project_section .project_section_inner .project_detail .more {
	text-align: center;
	line-height: 1;
	margin-top: 50px;
	transition: all 0.2s ease;
}
.embed .domain.project .project_section .project_section_inner .project_detail .more a {
	padding: 25px;
	display: block;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
}
.embed .domain.project .project_section .project_section_inner .project_detail .more a .anno {
	display: block;
	font-size: 12px;
	padding-top: 5px;
}
.embed .domain.project .project_section .project_section_inner .project_detail.open h3 span::before {
	transform: rotate(90deg);
}
.embed .domain.project .project_section_01 .project_detail h3, .embed .domain.project .project_section_01 .project_detail .more {
	background-color: #4994B7;
}
.embed .domain.project .project_section_01 .project_detail h3:hover, .embed .domain.project .project_section_01 .project_detail .more:hover {
	background-color: #56a2c6;
}
.embed .domain.project .project_section_02 {
	background: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/project/bg02.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}
.embed .domain.project .project_section_02 .project_detail h3, .embed .domain.project .project_section_02 .project_detail .more {
	background-color: #6D9F3C;
}
.embed .domain.project .project_section_02 .project_detail h3:hover, .embed .domain.project .project_section_02 .project_detail .more:hover {
	background-color: #82b94b;
}
.embed .domain.project .project_section_03 {
	background: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/project/bg03.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}
.embed .domain.project .project_section_03 .project_detail h3, .embed .domain.project .project_section_03 .project_detail .more {
	background-color: #D98C3F;
}
.embed .domain.project .project_section_03 .project_detail h3:hover, .embed .domain.project .project_section_03 .project_detail .more:hover {
	background-color: #ec9f51;
}
.embed .domain.project .project_section_04 {
	background: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/project/bg04.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}
.embed .domain.project .project_section_04 .project_detail h3, .embed .domain.project .project_section_04 .project_detail .more {
	background-color: #4994B7;
}
.embed .domain.project .project_section_04 .project_detail h3:hover, .embed .domain.project .project_section_04 .project_detail .more:hover {
	background-color: #56a2c6;
}