@keyframes arrowAnime {
	0% {
		right: 50px;
		opacity: 0;
	}
	100% {
		right: 10px;
		opacity: 1;
	}
}
@keyframes lineAnime {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.embed .inner_960 {
	width: 100%;
	max-width: 960px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	 .embed .inner_960 {
		width: 100%;
	}
}
.embed .inner_1240 {
	width: 100%;
	max-width: 1240px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	 .embed .inner_1240 {
		width: 100%;
	}
}
.message .global__header .header_nav li p {
	color: #000;
}
.message .nav__toggle span {
	background: #000;
}
.message .contents {
	background: linear-gradient(to right, #F2EEF6, #E6F5ED);
}
.message .header {
	width: 100%;
	height: 750px;
	position: relative;
	margin-top: 82px;
	margin-bottom: 450px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .header {
		height: 250px;
		margin-bottom: 250px;
		margin-top: 60px;
	}
}
.message .header:before {
	content: "";
	display: block;
	position: absolute;
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/message/mv.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	width: calc(100% - 110px);
	height: 100%;
	animation: animation forwards 2s ease 0.3s;
	opacity: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .header:before {
		width: 100%;
		height: 250px;
		position: static;
	}
}
@keyframes animation {
	0% {
		-webkit-clip-path: inset(0 100% 0 0);
		clip-path: inset(0 100% 0 0);
		opacity: 0;
	}
	100% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}
.message .header .top_name {
	position: absolute;
	width: 416px;
	height: 192px;
	right: 240px;
	bottom: 145px;
	padding-top: 55px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .header .top_name {
		right: 10px;
		width: 250px;
		height: 100px;
		padding-top: 20px;
		bottom: 30px;
	}
}
.message .header .top_name p {
	font-size: 20px;
	text-align: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .header .top_name p {
		font-size: 12px;
	}
}
.message .header .top_name .name {
	width: 263px;
	margin: 0 auto;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .header .top_name .name {
		width: 170px;
	}
}
.message .header .top_message {
	background-color: #fff;
	box-shadow: 7px 6px 20px rgba(189, 234, 210, 0.5);
	width: 1330px;
	position: absolute;
	right: 0;
	bottom: -230px;
	padding: 50px 0 80px 130px;
	height: 250px;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.message .header .top_message {
		width: 90%;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .header .top_message {
		width: 90%;
		padding: 30px 20px 25px;
		height: auto;
		bottom: -150px;
	}
}
.message .header .top_message:before {
	content: "";
	position: absolute;
	width: 875px;
	height: 4px;
	background-color: #FC0019;
	top: 0;
	left: 0;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.message .header .top_message:before {
		width: 700px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .header .top_message:before {
		width: 40%;
	}
}
.message .header .top_message p {
	color: #FC0019;
	font-size: 52px;
	font-weight: 500;
	letter-spacing: 0.1em;
	position: absolute;
	top: -43px;
	right: 25px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .header .top_message p {
		font-size: 24px;
		top: -18px;
		right: 15px;
	}
}
.message .header .top_message h2 {
	font-size: 42px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.2em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .header .top_message h2 {
		font-size: 20px;
	}
}
.message .message_section {
	padding-bottom: 180px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .message_section {
		padding-bottom: 90px;
	}
}
.message .message_section .messege_block {
	margin-bottom: 140px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .message_section .messege_block {
		margin-bottom: 70px;
	}
}
.message .message_section .messege_block:last-child {
	margin-bottom: 0;
}
.message .message_section .messege_block .messege_wrap {
	position: relative;
	padding-top: 480px;
	max-width: 1440px;
	margin: 0 auto;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .message_section .messege_block .messege_wrap {
		padding-top: 160px;
	}
}
.message .message_section .messege_block .messege_wrap:after {
	content: "";
	position: absolute;
	right: 100px;
	top: 300px;
	width: 626px;
	height: 580px;
	background-color: #D9EBE2;
	z-index: -1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .message_section .messege_block .messege_wrap:after {
		width: 50%;
		top: 100px;
		right: 0;
	}
}
.message .message_section .messege_block .messege_wrap .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 960px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .message_section .messege_block .messege_wrap .img {
		width: 90%;
	}
}
.message .message_section .messege_block .message_box {
	background-color: #fff;
	padding: 70px;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .message_section .messege_block .message_box {
		padding: 40px 20px;
	}
}
.message .message_section .messege_block .message_box h3 {
	color: #FC0019;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .message_section .messege_block .message_box h3 {
		font-size: 14px;
	}
}
.message .message_section .messege_block .message_box .h3_answer {
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	display: inline;
	letter-spacing: 0.2em;
	line-height: 2;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .message_section .messege_block .message_box .h3_answer {
		font-size: 18px;
		line-height: 1.8;
	}
}
.message .message_section .messege_block .message_box .box_txt {
	margin-top: 40px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .message_section .messege_block .message_box .box_txt {
		margin-top: 30px;
	}
}
.message .message_section .reverse .messege_wrap:after {
	left: 100px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .message_section .reverse .messege_wrap:after {
		left: 0;
	}
}
.message .message_section .reverse .messege_wrap .img {
	right: 0;
	left: inherit;
}
.message .philosophy_section {
	background-color: #fff;
	padding-top: 135px;
	position: relative;
	padding-bottom: 330px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section {
		padding-top: 80px;
		padding-bottom: 100px;
	}
}
.message .philosophy_section .philosophy_ttl {
	font-size: 48px;
	font-weight: bold;
	color: #FC0019;
	line-height: 1.6;
	margin-bottom: 100px;
	letter-spacing: 0.1em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_ttl {
		font-size: 20px;
		margin-bottom: 40px;
	}
}
.message .philosophy_section .philosophy_ttl span {
	color: #FC0019;
	font-size: 24px;
	display: block;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_ttl span {
		font-size: 16px;
	}
}
.message .philosophy_section .philosophy_block {
	display: flex;
	margin-bottom: 70px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_block {
		display: block;
		margin-bottom: 35px;
	}
}
.message .philosophy_section .philosophy_block:last-child {
	margin-bottom: 100px;
}
.message .philosophy_section .philosophy_block h4 {
	font-size: 28px;
	font-weight: bold;
	width: 255px;
	position: relative;
	line-height: 1.2;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_block h4 {
		font-size: 16px;
		padding-left: 30px;
		display: inline-block;
		margin-bottom: 15px;
	}
}
.message .philosophy_section .philosophy_block h4:after {
	content: "";
	position: absolute;
	width: 100px;
	height: 2px;
	background-color: #000;
	top: 19px;
	right: 15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_block h4:after {
		top: 50%;
		left: 0;
		width: 20px;
	}
}
.message .philosophy_section .philosophy_block .txt_box {
	flex: 1;
	font-size: 18px;
}
.message .philosophy_section .philosophy_block .txt_box .box_p {
	font-weight: bold;
	letter-spacing: 0.15em;
	line-height: 2;
	color: rgba(23, 23, 23, 0.8);
	font-size: 16px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_block .txt_box .box_p {
		font-size: 14px;
		line-height: 1.8;
	}
}
.message .philosophy_section .philosophy_block .txt_box .txt1 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 35px;
	color: rgba(23, 23, 23, 0.8);
	letter-spacing: 0.1em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_block .txt_box .txt1 {
		font-size: 20px;
		margin-bottom: 15px;
	}
}
.message .philosophy_section .philosophy_block .txt_box .txt1 span {
	font-size: 40px;
	font-weight: 600;
	color: #171717;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_block .txt_box .txt1 span {
		font-size: 22px;
		line-height: 1;
		letter-spacing: 0;
	}
}
.message .philosophy_section .philosophy_block .txt_box .philosophy_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_block .txt_box .philosophy_box {
		margin-top: 40px;
	}
}
.message .philosophy_section .philosophy_block .txt_box .philosophy_box .philosophy_item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_block .txt_box .philosophy_box .philosophy_item {
		margin-bottom: 30px;
	}
}
.message .philosophy_section .philosophy_block .txt_box .philosophy_box .philosophy_item:nth-child(2n) .philosophy {
	width: 320px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_block .txt_box .philosophy_box .philosophy_item:nth-child(2n) .philosophy {
		width: 280px;
	}
}
.message .philosophy_section .philosophy_block .txt_box .philosophy_box .philosophy_item:nth-child(2n-1) .philosophy {
	width: 280px;
}
.message .philosophy_section .philosophy_block .txt_box .philosophy_box .philosophy_item .number {
	font-size: 46px;
	font-weight: 400;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_block .txt_box .philosophy_box .philosophy_item .number {
		font-size: 24px;
	}
}
.message .philosophy_section .philosophy_block .txt_box .philosophy_box .philosophy_item .philosophy {
	line-height: 1.2;
	border-bottom: 1px solid #FC0019;
	padding-left: 35px;
	position: relative;
	padding-bottom: 7px;
	font-weight: bold;
	letter-spacing: 0.15em;
	font-size: 20px;
	line-height: 1.3;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .philosophy_block .txt_box .philosophy_box .philosophy_item .philosophy {
		font-size: 16px;
	}
}
.message .philosophy_section .philosophy_block .txt_box .philosophy_box .philosophy_item .philosophy:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 1px;
	background-color: #FC0019;
	transform: rotate(-55deg);
	bottom: 20px;
	left: -10px;
}
.message .philosophy_section .philosophy_block .txt_box .philosophy_box .philosophy_item .philosophy span {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: rgba(23, 23, 23, 0.8);
}
.message .philosophy_section .corporate_block {
	background-color: #fff;
	position: relative;
	z-index: 1;
	padding: 90px 55px 100px;
	box-shadow: 5px 10px 20px rgba(23, 23, 23, 0.09);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .corporate_block {
		margin-bottom: 50px;
		padding: 45px 15px;
	}
}
.message .philosophy_section .corporate_block h3 {
	color: #FC0019;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
	letter-spacing: 0.15em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .corporate_block h3 {
		font-size: 22px;
		line-height: 1.6;
	}
}
.message .philosophy_section .corporate_block h3 span {
	font-size: 20px;
	font-weight: bold;
	color: #171717;
	position: relative;
	display: inline-block;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .corporate_block h3 span {
		font-size: 14px;
		margin-bottom: 5px;
	}
}
.message .philosophy_section .corporate_block h3 span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -32px;
	width: 25px;
	height: 2px;
	background-color: rgba(23, 23, 23, 0.8);
}
.message .philosophy_section .corporate_block h3 span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -32px;
	width: 25px;
	height: 2px;
	background-color: rgba(23, 23, 23, 0.8);
}
.message .philosophy_section .corporate_block p {
	font-weight: bold;
	line-height: 2.5;
	font-weight: 16px;
	text-align: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.message .philosophy_section .corporate_block p {
		line-height: 2;
	}
}
.know .contents {
	background: linear-gradient(to right, #F2EEF6, #E6F5ED);
}
.know_section {
	padding: 180px 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section {
		padding: 100px 0;
	}
}
.know_section .know_h2 {
	font-size: 22px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	padding: 25px 0;
	position: relative;
	margin-bottom: 125px;
	z-index: 1;
	background-color: #fff;
	border: 1px solid #000;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .know_h2 {
		padding: 20px 15px;
		font-size: 18px;
		margin-bottom: 50px;
		line-height: 1.5;
	}
}
.know_section .know_h2 span {
	position: absolute;
	color: #fff;
	background-color: #000;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	left: -23px;
	transform: translate(0, -50%);
	font-size: 24px;
	line-height: 39px;
	display: block;
	text-align: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .know_h2 span {
		font-size: 16px;
		width: 36px;
		height: 36px;
		left: -16px;
		top: -20px;
		left: 50%;
		transform: translate(-50%, 0);
	}
}
.know_section .know_answer {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	letter-spacing: 0.2em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .know_answer {
		margin-bottom: 20px;
	}
}
.know_section .know_answer .answer_p {
	font-size: 34px;
	font-weight: bold;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .know_answer .answer_p {
		font-size: 20px;
		line-height: 1.6;
	}
}
.know_section .know_answer .a {
	display: block;
	position: absolute;
	line-height: 1;
	left: -85px;
	top: -100px;
	font-size: 187px;
	color: rgba(214, 214, 214, 0.5);
	z-index: -1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .know_answer .a {
		left: -10px;
		top: -50px;
		font-size: 87px;
	}
}
.know_section .know_txt {
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 2;
	margin-bottom: 75px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .know_txt {
		font-weight: 400;
		line-height: 1.7;
		margin-bottom: 50px;
	}
}
.know_section .date {
	text-align: right;
}
.know_section .q1_ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
.know_section .q1_ul:after {
	position: absolute;
	content: "";
	width: 1038px;
	height: 538px;
	border: 4px solid #fff;
	left: 50%;
	top: 100px;
	transform: translate(-50%, 0);
	z-index: -1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul:after {
		display: none;
	}
}
.know_section .q1_ul .q1_li {
	width: 305px;
	height: 226px;
	background: linear-gradient(to right, #D6BFED, #AEEBCA);
	position: relative;
	margin-bottom: 24px;
	display: flex;
	justify-content: center;
	padding-top: 60px;
	text-align: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li {
		width: 48%;
		padding-top: 40px;
		height: 162px;
		margin-bottom: 20px;
	}
}
.know_section .q1_ul .q1_li:nth-child(2):before {
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img02.svg");
}
.know_section .q1_ul .q1_li:nth-child(3):before {
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img03.svg");
}
.know_section .q1_ul .q1_li:nth-child(4):before {
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img04.svg");
}
.know_section .q1_ul .q1_li:nth-child(5):before {
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img05.svg");
}
.know_section .q1_ul .q1_li:nth-child(6):before {
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img06.svg");
}
.know_section .q1_ul .q1_li:nth-child(7):before {
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img07.svg");
}
.know_section .q1_ul .q1_li:nth-of-type(8) {
	padding-top: 35px;
}
.know_section .q1_ul .q1_li:nth-of-type(8):before {
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img08.svg");
}
.know_section .q1_ul .q1_li:nth-of-type(9) {
	padding-top: 35px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li:nth-of-type(9) {
		width: 100%;
		padding-top: 25px;
	}
}
.know_section .q1_ul .q1_li:nth-of-type(9):before {
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img09.svg");
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li:nth-of-type(9):after {
		width: 96.5%;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li:nth-of-type(9) .q1_inner {
		padding: 0 20px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li:nth-of-type(9) .q1_inner h4 {
		margin-bottom: 10px;
	}
}
.know_section .q1_ul .q1_li:before {
	content: "";
	position: absolute;
	display: block;
	width: 112px;
	height: 105px;
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img01.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	right: 13px;
	bottom: 13px;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li:before {
		width: 72px;
		height: 65px;
	}
}
.know_section .q1_ul .q1_li:after {
	content: "";
	position: absolute;
	display: block;
	width: 289px;
	height: 209px;
	top: 8px;
	left: 8px;
	background-color: #fff;
	z-index: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li:after {
		width: 93%;
		top: 6px;
		left: 6px;
		height: 150px;
	}
}
.know_section .q1_ul .q1_li .q1_inner {
	position: relative;
	z-index: 1;
}
.know_section .q1_ul .q1_li .q1_inner h4 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	display: inline-block;
	margin-bottom: 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li .q1_inner h4 {
		font-size: 13px;
	}
}
.know_section .q1_ul .q1_li .q1_inner .q1_p {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li .q1_inner .q1_p {
		font-size: 26px;
	}
}
.know_section .q1_ul .q1_li .q1_inner .q1_p span {
	font-size: 20px;
	font-weight: bold;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li .q1_inner .q1_p span {
		font-size: 14px;
	}
}
.know_section .q1_ul .q1_li .q1_inner .note {
	font-size: 12px;
	margin-top: 1rem;
	text-align: center;
}
.know_section .q1_ul .q1_li .q1_inner.place_cont .place_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 10px;
}
.know_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap {
	display: flex;
	align-items: center;
	margin-right: 10px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap {
		margin-right: 30px;
	}
}
.know_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap:nth-child(2n) {
	margin-right: 0;
}
.know_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap .place {
	background-color: #414342;
	color: #fff;
	border-radius: 15px;
	width: 60px;
	height: 25px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin-right: 8px;
	display: block;
}
.know_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap p {
	display: flex;
	align-items: baseline;
	font-weight: bold;
	font-size: 15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap p {
		font-size: 12px;
	}
}
.know_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap p .place {
	display: block;
}
.know_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap p .span2 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap p .span2 {
		font-size: 24px;
	}
}
.know_section .support_txt {
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 2;
	margin: 75px 0 25px;
}
.know_section .support_ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 85px;
	flex-wrap: wrap;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .support_ul {
		margin-bottom: 40px;
	}
}
.know_section .support_ul li {
	width: 225px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .support_ul li {
		width: 49%;
		padding: 15px;
		margin-bottom: 7px;
	}
}
.know_section .support_ul li:nth-child(3) h3 {
	padding-top: 0px;
}
.know_section .support_ul li .support_img {
	width: 100px;
	margin: 0 auto 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .support_ul li .support_img {
		width: 80px;
		margin: 0 auto;
	}
}
.know_section .support_ul li h3 {
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	font-size: 16px;
	min-height: 54px;
	padding-top: 15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .support_ul li h3 {
		font-size: 14px;
		min-height: 50px;
	}
}
.know_section .support_ul li h3 span {
	font-size: 12px;
	display: block;
	font-weight: bold;
	line-height: 1.3;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .support_ul li h3 span {
		font-size: 11px;
	}
}
.know_section .support_ul li p {
	font-size: 14px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .support_ul li p {
		font-size: 13px;
	}
}
.know_section .q2_block .bearing_group {
	margin-bottom: 90px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group {
		margin-bottom: 60px;
	}
}
.know_section .q2_block .bearing_group .bearing_box {
	display: flex;
	justify-content: center;
	margin-bottom: 112px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .bearing_box {
		margin-bottom: 70px;
	}
}
.know_section .q2_block .bearing_group .bearing_box .bearing_item {
	width: 250px;
	height: 216px;
	margin-right: 60px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .bearing_box .bearing_item {
		width: 157px;
		margin-right: 30px;
	}
}
.know_section .q2_block .bearing_group .bearing_box .bearing_item:before {
	content: "";
	display: block;
	position: absolute;
	width: 270px;
	height: 236px;
	border: 1px solid #000;
	top: -10px;
	left: 50%;
	transform: translate(-50%, 0);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .bearing_box .bearing_item:before {
		width: 110%;
		height: 240px;
	}
}
.know_section .q2_block .bearing_group .bearing_box .bearing_item:nth-child(2) {
	margin-right: 0;
}
.know_section .q2_block .bearing_group .bearing_box .bearing_item h4 {
	position: relative;
	z-index: 1;
	margin-top: -5px;
	text-align: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .bearing_box .bearing_item h4 {
		margin-top: -2px;
	}
}
.know_section .q2_block .bearing_group .bearing_box .bearing_item h4 span {
	display: inline-block;
	background-color: #000;
	color: #fff;
	padding: 0 4px;
	line-height: 1.8;
	margin-bottom: 3px;
	font-weight: bold;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .bearing_box .bearing_item h4 span {
		display: inline;
		padding: 2px 4px;
		line-height: 2;
	}
}
.know_section .q2_block .bearing_group .material_box {
	background-color: #F2F1F0;
	padding: 50px 40px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .material_box {
		padding: 50px 15px 40px;
	}
}
.know_section .q2_block .bearing_group .material_box:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 117px;
	background-color: #000;
	left: 50%;
	transform: translate(-50%, 0);
	top: -85px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .material_box:before {
		top: -55px;
		height: 80px;
	}
}
.know_section .q2_block .bearing_group .material_box .material_ttl {
	font-size: 20px;
	transform: rotate(-40deg);
	width: 142px;
	text-align: center;
	position: absolute;
	left: -45px;
	top: -5px;
	border-bottom: 1px solid #000;
	font-weight: 500;
	padding: 0 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .material_box .material_ttl {
		font-size: 16px;
		transform: rotate(0deg);
		position: static;
		margin: 0 auto 20px;
		width: 120px;
	}
}
.know_section .q2_block .bearing_group .material_box .material_p {
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .material_box .material_p {
		font-weight: 400;
	}
}
.know_section .q2_block .bearing_group .material_box .material_ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.know_section .q2_block .bearing_group .material_box .material_ul li {
	width: 202px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .material_box .material_ul li {
		width: 48%;
		margin-bottom: 25px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .material_box .material_ul li:nth-child(3) {
		margin-bottom: 0;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .material_box .material_ul li:last-child {
		margin-bottom: 0;
	}
}
.know_section .q2_block .bearing_group .material_box .material_ul li .material_number {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	z-index: 1;
}
.know_section .q2_block .bearing_group .material_box .material_ul li .material_img {
	margin-top: -15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .bearing_group .material_box .material_ul li .material_img {
		width: 100%;
		height: auto;
	}
}
.know_section .q2_block .bearing_group .material_box .material_ul li h5 {
	font-weight: bold;
	margin-top: 10px;
}
.know_section .q2_block .merit_group {
	padding-bottom: 154px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .merit_group {
		padding-bottom: 90px;
	}
}
.know_section .q2_block .merit_group h4 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 50px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .merit_group h4 {
		font-size: 16px;
		margin-bottom: 70px;
	}
}
.know_section .q2_block .merit_group h4:after {
	content: "";
	position: absolute;
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/arrow.svg");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 75px;
	height: 32px;
	left: 50%;
	bottom: -70px;
	transform: translate(-50%, 0);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .merit_group h4:after {
		bottom: -50px;
		width: 50px;
	}
}
.know_section .q2_block .merit_group .merit_ul {
	display: flex;
	justify-content: center;
	margin-bottom: 110px;
	position: relative;
	z-index: 2;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .merit_group .merit_ul {
		flex-wrap: wrap-reverse;
		margin-bottom: 70px;
	}
}
.know_section .q2_block .merit_group .merit_ul li {
	width: 231px;
	height: 231px;
	border-radius: 50%;
	background: linear-gradient(to right, #D6BFED, #AEEBCA);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	box-shadow: 2px 8px 6px rgba(214, 191, 237, 0.16);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .merit_group .merit_ul li {
		width: 160px;
		height: 160px;
		margin-right: 10px;
	}
}
.know_section .q2_block .merit_group .merit_ul li:nth-child(2) {
	margin-top: 55px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .merit_group .merit_ul li:nth-child(2) {
		margin-top: 0px;
		margin-right: 0px;
	}
}
.know_section .q2_block .merit_group .merit_ul li:last-child {
	margin-right: 0;
}
.know_section .q2_block .merit_group .merit_ul li:before {
	content: "";
	position: absolute;
	width: 213px;
	height: 213px;
	background-color: #fff;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .merit_group .merit_ul li:before {
		width: 150px;
		height: 150px;
	}
}
.know_section .q2_block .merit_group .merit_ul li p {
	position: relative;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	font-size: 19px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .merit_group .merit_ul li p {
		font-size: 12px;
	}
}
.know_section .q2_block .merit_group .merit_ul li p span {
	color: #FC0019;
	font-weight: bold;
}
.know_section .q2_block .merit_group .merit_p {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .merit_group .merit_p {
		font-size: 18px;
	}
}
.know_section .q2_block .merit_group .merit_p:before {
	content: "";
	position: absolute;
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/bg_earth.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 568px;
	height: 562px;
	z-index: -1;
	left: 50%;
	top: -160px;
	transform: translate(-50%, 0);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q2_block .merit_group .merit_p:before {
		width: 100%;
		height: 340px;
		top: -100px;
	}
}
.know_section .q2_block .merit_group .merit_p span {
	color: #FC0019;
	font-weight: bold;
}
.know_section .q3_block .q3_p {
	text-align: right;
	padding-right: 12px;
	position: relative;
	font-size: 12px;
	margin-top: 5px;
}
.know_section .q3_block .q3_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;
}
.know_section .q3_block .scroll_box {
	overflow-x: auto;
	padding-bottom: 10px;
	-webkit-overflow-scrolling: touch;
}
.know_section .q3_block .scroll_box .scroll img {
	max-width: 100%;
	min-width: 600px;
	vertical-align: top;
}
.know_section .q4_block {
	display: flex;
	justify-content: space-between;
	margin-bottom: 110px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q4_block {
		display: block;
		margin-bottom: 50px;
	}
}
.know_section .q4_block .technology_box {
	width: 553px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q4_block .technology_box {
		width: 100%;
	}
}
.know_section .q4_block .technology_box:after {
	content: "";
	position: absolute;
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/plus.svg");
	width: 35px;
	height: 35px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	top: 50%;
	right: -50px;
	transform: translate(0, 10px);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q4_block .technology_box:after {
		bottom: -65px;
		right: 0;
		top: inherit;
		left: 50%;
		transform: translate(-50%, 0);
	}
}
.know_section .q4_block .technology_box h4 {
	text-align: center;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q4_block .technology_box h4 {
		margin-bottom: 20px;
	}
}
.know_section .q4_block .technology_box h4 span {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: linear-gradient(to right, #CBB8E1, #A7DFC2);
	color: #fff;
	display: inline-block;
	padding: 5px 30px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q4_block .technology_box h4 span {
		font-size: 18px;
		padding: 3px 20px;
	}
}
.know_section .q4_block .technology_box .technology_ul {
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
.know_section .q4_block .technology_box .technology_ul:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(-35deg, #D6BFED 40%, #D6D6D6 60%, #D6D6D6 100%);
	opacity: 0.5;
	background-size: 100% 210%;
	z-index: -1;
}
.know_section .q4_block .technology_box .technology_ul li {
	border: 1px solid #fff;
	width: 250px;
	margin-bottom: 15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q4_block .technology_box .technology_ul li {
		width: 100%;
	}
}
.know_section .q4_block .technology_box .technology_ul li .q4_img {
	width: 100%;
	height: 180px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q4_block .technology_box .technology_ul li .q4_img {
		height: auto;
	}
}
.know_section .q4_block .technology_box .technology_ul li p {
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
	margin-top: -2px;
}
.know_section .q4_block .production_box {
	width: 342px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q4_block .production_box {
		width: 100%;
		margin-top: 95px;
	}
}
.know_section .q4_block .production_box:after {
	display: none;
}
.know_section .q4_block .production_box .technology_ul {
	height: 501px;
	justify-content: center;
	align-items: center;
}
.know_section .q4_block .production_box .technology_ul:after {
	background: linear-gradient(-35deg, #AEEBCA 0%, #D6D6D6 40%, #D6D6D6 100%);
	height: 100%;
}
.know_section .q4_block .production_box .technology_ul li {
	width: 302px;
	height: 140px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q4_block .production_box .technology_ul li {
		width: 100%;
		height: auto;
	}
}
.know_section .q5_block {
	position: relative;
	z-index: 1;
}
.know_section .q5_block .bg_txt {
	width: 100%;
	height: 204px;
	position: absolute;
	top: -85px;
	left: 0;
	overflow: hidden;
	z-index: -1;
}
.know_section .q5_block .bg_txt .bg_txt_inner {
	width: 3728px;
	height: 204px;
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/vision_txt.png");
	background-position: center center;
	background-repeat: repeat-x;
	background-size: 1864px 204px;
}
.know_section .q5_block .q5_img {
	width: 708px;
	margin: 0 auto 155px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q5_block .q5_img {
		width: 100%;
		margin: 0 auto 90px;
	}
}
.know_section .q5_block .future_box .h4_box {
	text-align: center;
}
.know_section .q5_block .future_box .h4_box h4 {
	color: #fff;
	background-color: #FC0019;
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	display: inline-block;
	padding: 5px 25px;
	margin-bottom: 110px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q5_block .future_box .h4_box h4 {
		font-size: 18px;
		margin-bottom: 50px;
	}
}
.know_section .q5_block .future_box .future_item {
	display: flex;
	flex-direction: row;
	margin-bottom: 100px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q5_block .future_box .future_item {
		display: block;
		margin-bottom: 30px;
	}
}
.know_section .q5_block .future_box .future_item:last-child {
	margin-bottom: 110px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q5_block .future_box .future_item:last-child {
		margin-bottom: 50px;
	}
}
.know_section .q5_block .future_box .future_item .future_img {
	width: 620px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q5_block .future_box .future_item .future_img {
		width: 100%;
	}
}
.know_section .q5_block .future_box .future_item .future_txtbox {
	margin-top: 60px;
	width: 620px;
	background-color: #fff;
	padding: 80px 40px 50px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q5_block .future_box .future_item .future_txtbox {
		width: 100%;
		margin-top: 0;
		padding: 60px 15px 40px;
	}
}
.know_section .q5_block .future_box .future_item .future_txtbox .sub_ttl {
	color: #fff;
	background: linear-gradient(to right, #CBB8E1, #A7DFC2);
	display: inline-block;
	font-weight: bold;
	padding: 5px 20px;
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 0;
	letter-spacing: 0.2em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q5_block .future_box .future_item .future_txtbox .sub_ttl {
		font-size: 14px;
	}
}
.know_section .q5_block .future_box .future_item .future_txtbox .sub_ttl:after {
	content: "";
	position: absolute;
	top: 0;
	right: -40px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 0 44px 40px;
	border-color: transparent transparent transparent #A7DFC2;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q5_block .future_box .future_item .future_txtbox .sub_ttl:after {
		right: -30px;
		border-width: 0px 0 34px 30px;
	}
}
.know_section .q5_block .future_box .future_item .future_txtbox h5 {
	color: #E60012;
	letter-spacing: 0.2em;
	line-height: 1.6;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q5_block .future_box .future_item .future_txtbox h5 {
		font-size: 18px;
		margin-bottom: 10px;
	}
}
.know_section .q5_block .future_box .future_item .future_txtbox .future_txt {
	font-size: 16px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know_section .q5_block .future_box .future_item .future_txtbox .future_txt {
		font-size: 14px;
	}
}
.know_section .q5_block .future_box .item_reverse {
	flex-direction: row-reverse;
}
.know_section .link_btn {
	text-align: center;
}
.know_section .link_btn a {
	width: 356px;
	display: block;
	position: relative;
	padding-bottom: 10px;
	font-weight: 500;
	margin: 0 auto;
}
.know_section .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%);
}
.know_section .link_btn a:after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
}
.know_section .link_btn a:hover:before {
	animation: arrowAnime 0.4s ease forwards;
}
.know_section .link_btn a:hover:after {
	animation: lineAnime 0.6s ease forwards;
}
.know_section .link_btn span {
	font-size: 12px;
}
.know .recommend_section {
	background-color: #fff;
	padding: 180px 0 280px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know .recommend_section {
		padding: 100px 0;
	}
}
.know .recommend_section h2 {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 55px;
	letter-spacing: 0.2em;
	line-height: 1.6;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know .recommend_section h2 {
		font-size: 16px;
		margin-bottom: 30px;
	}
}
.know .recommend_section .recommend_ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.know .recommend_section .recommend_ul .soon {
	pointer-events: none;
}
.know .recommend_section .recommend_ul .recommend_li {
	margin-bottom: 40px;
}
@media only screen and (max-width:1216px), print and (min-width: 2cm) {
	.know .recommend_section .recommend_ul .recommend_li {
		margin: auto;
		margin-bottom: 40px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know .recommend_section .recommend_ul .recommend_li {
		width: 100%;
		height: 180px;
		margin-bottom: 15px;
	}
}
.know .recommend_section .recommend_ul .recommend_li:nth-child(3) {
	margin-bottom: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know .recommend_section .recommend_ul .recommend_li:nth-child(3) {
		margin-bottom: 15px;
	}
}
.know .recommend_section .recommend_ul .recommend_li:last-child {
	margin-bottom: 0;
}
.know .recommend_section .recommend_ul .recommend_li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 600px;
	height: 356px;
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/link_img01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know .recommend_section .recommend_ul .recommend_li a {
		width: 100%;
		height: 100%;
	}
}
.know .recommend_section .recommend_ul .recommend_li a:hover:after {
	background-size: 100% 100%;
}
.know .recommend_section .recommend_ul .recommend_li a:hover .recommend_link:before {
	animation: arrowAnime 0.4s ease forwards;
}
.know .recommend_section .recommend_ul .recommend_li a:hover .recommend_link:after {
	animation: lineAnime 0.6s ease forwards;
}
.know .recommend_section .recommend_ul .recommend_li a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(-35deg, #FC0019 20%, #111111 55%, #111111 100%);
	opacity: 0.5;
	background-size: 100% 210%;
	transition: 0.6s;
}
.know .recommend_section .recommend_ul .recommend_li a .recommend_p {
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-align: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know .recommend_section .recommend_ul .recommend_li a .recommend_p {
		font-size: 18px;
	}
}
.know .recommend_section .recommend_ul .recommend_li a .recommend_p span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.know .recommend_section .recommend_ul .recommend_li a .recommend_link {
	width: 129px;
	display: block;
	position: absolute;
	padding-bottom: 10px;
	font-weight: 500;
	right: 20px;
	bottom: 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know .recommend_section .recommend_ul .recommend_li a .recommend_link {
		right: 10px;
		bottom: 10px;
		width: 90px;
		padding-bottom: 5px;
	}
}
.know .recommend_section .recommend_ul .recommend_li a .recommend_link:before {
	display: block;
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	width: 8px;
	height: 8px;
	transform: rotate(45deg) translateY(-50%);
	z-index: 1;
}
.know .recommend_section .recommend_ul .recommend_li a .recommend_link:after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.know .recommend_section .recommend_ul .recommend_li a .recommend_link p {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.know .recommend_section .recommend_ul .recommend_li a .recommend_link p {
		font-size: 12px;
	}
}
.know .recommend_section .recommend_ul .li_2 a {
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/link_img02.jpg");
}
.know .recommend_section .recommend_ul .li_3 a {
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/link_img03.jpg");
	background-position: center top;
}
.know .recommend_section .recommend_ul .li_4 a {
	background-image: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/link_img04.jpg");
}
@keyframes arrowAnime {
	0% {
		right: 50px;
		opacity: 0;
	}
	100% {
		right: 10px;
		opacity: 1;
	}
}
@keyframes lineAnime {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.embed .attraction-cont__header_ttl_jp {
	white-space: nowrap;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .attraction-cont__header_ttl_jp {
		font-size: 27px;
	}
}
.embed .attraction-cont__header_ttl_jp i {
	display: inline-block;
	border: solid 2px #fff;
	width: 3.5em;
	height: 1em;
	position: relative;
	left: -0.3em;
	top: 0.1em;
}
.embed .attraction-contents {
	background: linear-gradient(to bottom right, #F2EEF6, #E6F5ED);
	overflow: hidden;
}
.embed .attraction-copy {
	text-align: center;
	padding-top: 60px;
}
.embed .attraction-attraction_box {
	max-width: 1248px;
	width: calc(100% - 30px);
	aspect-ratio: 1248/1600;
	margin: 80px auto 100px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .attraction-attraction_box {
		width: calc(100% - 10px);
		margin: 30px auto 30px;
	}
}
.embed .attraction-attraction_box a {
	position: absolute;
	display: inline-block;
}
.embed .attraction-attraction_box a:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 76px 76px 0;
	border-color: transparent #000 transparent transparent;
	position: absolute;
	right: 0;
	top: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .attraction-attraction_box a:before {
		border-width: 0 34px 34px 0;
	}
}
.embed .attraction-attraction_box a:after {
	content: "";
	width: 15px;
	height: 15px;
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/icon_plus.png") no-repeat center/contain;
	position: absolute;
	right: 15px;
	top: 15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .attraction-attraction_box a:after {
		width: 10px;
		height: 10px;
		right: 5px;
		top: 5px;
	}
}
.attraction-attraction_box a.txt_01 {
	width: 54.49%;
	left: 0;
	top: 0;
}
.attraction-attraction_box a.txt_02 {
	width: 36.86%;
	left: 17.63%;
	top: 10.44%;
}
.attraction-attraction_box a.txt_03 {
	width: 18.75%;
	left: 55.69%;
	top: 0;
}
.attraction-attraction_box a.txt_04 {
	width: 24.76%;
	left: 17.63%;
	top: 26.13%;
}
.attraction-attraction_box a.txt_05 {
	width: 24.36%;
	left: 75.64%;
	top: 15.16%;
}
.attraction-attraction_box a.txt_06 {
	width: 42.39%;
	left: 0;
	top: 43.19%;
}
.attraction-attraction_box a.txt_07 {
	width: 56.57%;
	left: 43.59%;
	top: 43.19%;
}
.attraction-attraction_box a.txt_08 {
	width: 42.39%;
	left: 0;
	top: 76.38%;
}
.attraction-attraction_box a.txt_09 {
	width: 16.43%;
	left: 43.59%;
	top: 68.13%;
}
.attraction-attraction_box a.txt_10 {
	width: 38.94%;
	left: 61.06%;
	top: 87.88%;
}
.attraction-attraction_box figure {
	position: absolute;
	/*&.img_01 {
  	width: 304px;
  	left: 944px;
  	top: 0px;
  }
  &.img_02 {
  	width: 205px;
  	left: 0px;
  	top: 167px;
  }
  &.img_03 {
  	width: 387px;
  	left: 544px;
  	top: 418px;
  }
  &.img_04 {
  	width: 529px;
  	left: 0px;
  	top: 858px;
  }
  &.img_05 {
  	width: 486px;
  	left: 762px;
  	top: 1090px;
  }*/
}
.attraction-attraction_box figure.img_01 {
	width: 24.36%;
	left: 75.64%;
	top: 0;
}
.attraction-attraction_box figure.img_02 {
	width: 16.43%;
	left: 0;
	top: 10.44%;
}
.attraction-attraction_box figure.img_03 {
	width: 31.01%;
	left: 43.59%;
	top: 26.13%;
}
.attraction-attraction_box figure.img_04 {
	width: 42.39%;
	left: 0;
	top: 53.63%;
}
.attraction-attraction_box figure.img_05 {
	width: 38.94%;
	left: 61.14%;
	top: 68.13%;
}
.attraction-inline_popup_inner {
	width: 960px;
	margin: 40px auto 40px;
	padding: 60px 75px 80px;
	background: linear-gradient(to bottom right, #E7F2FA, #F9ECF3 50%, #E7F2FA);
	position: relative;
	opacity: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.attraction-inline_popup_inner {
		width: 100%;
		padding: 30px 15px 40px;
	}
}
.attraction-inline_popup_inner:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 30px;
	width: 177px;
	height: 100%;
	background-position: center center !important;
	background-size: contain !important;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.attraction-inline_popup_inner:before {
		width: 20%;
		bottom: auto;
		top: 0;
		left: 16px;
		height: 100px;
		background-position: center top 20px !important;
	}
}


.attraction-inline_popup_inner.p01:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/p01.png") no-repeat;
}

.attraction-inline_popup_inner.p01:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/p01.png") no-repeat;
}
.attraction-inline_popup_inner.p02:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/p02.png") no-repeat;
}
.attraction-inline_popup_inner.p03:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/p03.png") no-repeat;
}
.attraction-inline_popup_inner.p04:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/p04.png") no-repeat;
}
.attraction-inline_popup_inner.p05:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/p05.png") no-repeat;
}
.attraction-inline_popup_inner.p06:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/p06.png") no-repeat;
}
.attraction-inline_popup_inner.p07:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/p07.png") no-repeat;
}
.attraction-inline_popup_inner.p08:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/p08.png") no-repeat;
}
.attraction-inline_popup_inner.p09:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/p09.png") no-repeat;
}
.attraction-inline_popup_inner.p10:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/p10.png") no-repeat;
}
.attraction-inline_popup_ttl {
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	padding-left: 160px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.attraction-inline_popup_ttl {
		font-size: 5vw;
		padding-left: 28%;
		text-align: left;
		line-height: 1.3;
		min-height: 50px;
	}
}
.attraction-inline_popup_box {
	position: relative;
	padding-left: 160px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.attraction-inline_popup_box {
		padding-left: 0;
		z-index: 2;
	}
}
.attraction-inline_popup_box:before {
	content: "";
	display: block;
	position: absolute;
}
.attraction-inline_popup_box.nophoto:before {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/icon_people.png") no-repeat center/contain;
	width: 100px;
	height: 114px;
	left: 10px;
	top: 0px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.attraction-inline_popup_box.nophoto:before {
		width: 50px;
		height: 57px;
		left: 0;
	}
}
.inline_popup_box_txt {
	position: relative;
	font-size: 15px;
	background-color: #fff;
	width: 100%;
	padding: 25px 40px;
	margin-bottom: 5px;
	line-height: 1.6;
	flex: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.attraction-inline_popup_box_txt {
		padding: 15px 15px;
	}
}
.attraction-inline_popup_box_txt::before {
	content: "";
	display: block;
	position: absolute;
	width: 26px;
	height: 14px;
	left: -20px;
	top: 70%;
/*
	background: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/fuki.svg) no-repeat center;
*/
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.attraction-inline_popup_box_txt::before {
		transform: rotate(90deg);
		top: -12px;
		left: 1%;
	}
}
.attraction-inline_popup_box_prof {
	font-size: 14px;
	line-height: 1.6;
	text-align: right;
}
.sustainable .sustainable_section_wrap {
	max-width: 1248px;
	width: calc(100% - 30px);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section_wrap {
		width: 100%;
	}
}
.sustainable sub {
	font-size: 0.5em;
	vertical-align: baseline;
}
.sustainable .message {
	text-align: left;
	padding: 60px 0;
	line-height: 2;
}
.sustainable .sustainable_section {
	position: relative;
	margin-bottom: 5%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section {
		background-color: #fff;
	}
}
.sustainable .sustainable_section .sustainable_section_inner {
	padding: 5%;
}
.sustainable .sustainable_section .inner_layout {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .inner_layout {
		display: block;
	}
}
.sustainable .sustainable_section .inner_layout .text {
	width: 48%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .inner_layout .text {
		width: 100%;
	}
}
.sustainable .sustainable_section .inner_layout .text h2 {
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #FC0019;
	padding: 20px;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .inner_layout .text h2 {
		font-size: 24px;
	}
}
.sustainable .sustainable_section .inner_layout .text .copy {
	font-size: 32px;
	color: #FC0019;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: left;
	padding: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .inner_layout .text .copy {
		font-size: 20px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .inner_layout .text p {
		margin-bottom: 20px;
	}
}
.sustainable .sustainable_section .inner_layout .image {
	width: 48%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .inner_layout .image {
		width: 100%;
	}
}
.sustainable .sustainable_section.rev {
	padding-right: 0;
	padding-left: 5%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section.rev {
		padding: 0;
	}
}
.sustainable .sustainable_section.rev .inner_layout {
	flex-direction: row-reverse;
}
.sustainable .sustainable_section .sustainable_section_inner::after {
	content: "";
	display: block;
	position: absolute;
	width: 90%;
	height: 100%;
	background-color: #fff;
	top: 0;
	z-index: -1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .sustainable_section_inner::after {
		content: none;
	}
}
.sustainable .sustainable_section .sustainable_section_01 {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/sustainable/side_text01.svg") no-repeat right top;
	background-size: auto 95%;
}
.sustainable .sustainable_section .sustainable_section_01::after {
	right: 0;
	width: 95%;
}
.sustainable .sustainable_section .sustainable_section_02 {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/sustainable/side_text02.svg") no-repeat left top;
	background-size: 50px auto;
	padding-right: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .sustainable_section_02 {
		padding-right: 5%;
	}
}
.sustainable .sustainable_section .sustainable_section_02 .jirei_cont {
	padding-right: 10%;
}
.sustainable .sustainable_section .sustainable_section_02::after {
	left: 0;
	height: 70%;
	width: 95%;
}
.sustainable .sustainable_section .sustainable_section_03 {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/sustainable/side_text03.svg") no-repeat right top;
	background-size: 50px auto;
}
.sustainable .sustainable_section .sustainable_section_03 .image img {
	margin: 0 0 2px auto;
}
.sustainable .sustainable_section .sustainable_section_03::after {
	right: 0;
	width: 95%;
}
.sustainable .sustainable_section .sustainable_section_04 {
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/sustainable/side_text04.svg") no-repeat left top;
	background-size: 50px auto;
	padding-right: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .sustainable_section_04 {
		padding-right: 5%;
	}
}
.sustainable .sustainable_section .sustainable_section_04 .jirei_cont {
	padding-right: 10%;
}
.sustainable .sustainable_section .sustainable_section_04 .jirei_cont .text p.mb {
	margin-bottom: 60px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .sustainable_section_04 .jirei_cont .text p.mb {
		margin-bottom: 2rem;
	}
}
.sustainable .sustainable_section .sustainable_section_04 .jirei_cont .image {
	width: 40%;
}
.sustainable .sustainable_section .sustainable_section_04::after {
	left: 0;
	height: 70%;
	width: 95%;
}
.sustainable .sustainable_section .jirei_cont {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5%;
	margin-top: 5%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .jirei_cont {
		display: block;
	}
}
.sustainable .sustainable_section .jirei_cont::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #DEDEDE;
	left: 0;
	top: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .jirei_cont::after {
		width: 100%;
	}
}
.sustainable .sustainable_section .jirei_cont .text {
	position: relative;
	z-index: 1;
	width: 48%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .jirei_cont .text {
		width: 100%;
	}
}
.sustainable .sustainable_section .jirei_cont .text h3 {
	margin-bottom: 1rem;
}
.sustainable .sustainable_section .jirei_cont .text .copy {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 2rem;
	padding: 0;
	text-align: left;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .jirei_cont .text .copy {
		font-size: 18px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .jirei_cont .text p {
		margin-bottom: 1rem;
	}
}
.sustainable .sustainable_section .jirei_cont .text p.mb {
	margin-bottom: 2rem;
}
.sustainable .sustainable_section .jirei_cont .image {
	width: 48%;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.sustainable .sustainable_section .jirei_cont .image {
		width: 100%;
	}
}
.embed .cont__header.active .cont__header_ttl_jp span.sub {
	font-size: 36px;
	display: block;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .cont__header.active .cont__header_ttl_jp span.sub {
		font-size: 20px;
	}
}


/* add css */


.embed .cont__header.active .attraction-cont__header_ttl_jp span.sub {
	font-size: 36px;
	display: block;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .cont__header.active .attraction-cont__header_ttl_jp span.sub {
		font-size: 20px;
	}
}
.embed .cont__header.active .attraction-cont__header_ttl_jp {
	transform: translateY(0);
}
.embed .cont__header.active .attraction-cont__header_ttl_jp span {
	opacity: 1;
	transition: 1s 1s;
	font-weight: 500;
}
.embed .attraction-cont__header_ttl_jp {
	position: relative;
	font-size: 54px;
	color: #fff;
	display: inline-block;
	letter-spacing: 0.05em;
	line-height: 1.5;
	z-index: 1;
	margin-top: 20px;
	transform: translateY(10px);
	transition: 2s 0.6s;
}
.embed .cont__header.active .attraction-cont__header_ttl_jp:not(.noline):before {
	width: 100%;
}
.embed .attraction-cont__header_ttl_jp:not(.noline):before {
	width: 100%;
	content: "";
	display: block;
	width: 0;
	height: 12px;
	background-color: #FC0019;
	position: absolute;
	bottom: 0.2em;
	left: 0;
	z-index: -1;
	opacity: 0.85;
	transition: 1.6s 0.6s;
}



.message {
	text-align: left;
	padding: 60px 0 !important;
	line-height: 2;
}
.trivia_section {
	margin: auto !important;
	padding-bottom: 80px;
}
.trivia_section .trivia_box {
	display: flex;
	flex-wrap: wrap;
}
.trivia_section .trivia_box a {
	width: 33.333%;
	position: relative;
	aspect-ratio: 480/340;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.trivia_section .trivia_box a {
		width: 50%;
	}
}
.trivia_section .trivia_box a:nth-child(odd) {
	background: linear-gradient(to right, #F2EEF6, #E6F5ED);
}
.trivia_section .trivia_box a:nth-child(odd) .box_inner {
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/trivia/qw.png);
}
.trivia_section .trivia_box a .box_inner {
	padding: 30px 0px 30px 30px;
	background: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/trivia/q.png) no-repeat center center;
	background-size: 28% auto;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.trivia_section .trivia_box a .box_inner {
		padding: 20px;
	}
}
.trivia_section .trivia_box a .image {
	margin-bottom: 15px;
}
.trivia_section .trivia_box a .image img {
	max-height: 147px;
	width: auto;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.trivia_section .trivia_box a .image img {
		max-height: 100px;
	}
}
.trivia_section .trivia_box a .text {
	font-size: clamp(16px, 2vw, 28px);
	font-weight: bold;
	line-height: 1.5;
}
.trivia_section .trivia_box a .text span {
	font-size: clamp(18px, 2.6vw, 36px);
	font-weight: bold;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.trivia_section .trivia_box a .text {
		font-size: 14px;
	}
	.trivia_section .trivia_box a .text br {
		display: none;
	}
	.trivia_section .trivia_box a .text span {
		font-size: 20px;
	}
}
.trivia_section .trivia_box a.l3 .box_inner {
	padding-top: 10px;
}
.trivia_section .trivia_box a.l3 .image img {
	max-height: 133px;
}
.trivia_section .trivia_box a:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 76px 76px 0;
	border-color: transparent #000 transparent transparent;
	position: absolute;
	right: 0;
	top: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.trivia_section .trivia_box a:before {
		border-width: 0 34px 34px 0;
	}
}
.trivia_section .trivia_box a:after {
	content: "";
	width: 15px;
	height: 15px;
	background: url("/content/dam/nsk/jp/ja/company/career/graduate/img/about/attraction/icon_plus.png") no-repeat center/contain;
	position: absolute;
	right: 15px;
	top: 15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.trivia_section .trivia_box a:after {
		width: 10px;
		height: 10px;
		right: 5px;
		top: 5px;
	}
}
.inline_popup_inner {
	max-width: 1200px;
	margin: auto;
	background-color: #fff;
	padding: 20px 60px 60px;
	opacity: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.inline_popup_inner {
		padding: 20px;
	}
}
.inline_popup_inner .inline_popup_ttl {
	background: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/trivia/q.png) no-repeat center center;
	background-size: 100px auto;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	padding: 60px 0;
	border-bottom: 1px solid #D6D6D6;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.inline_popup_inner .inline_popup_ttl {
		padding: 30px 0;
		background-size: 60px auto;
		font-size: 20px;
	}
}

.inline_popup_inner .inline_popup_cont {
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.inline_popup_inner .inline_popup_cont {
		display: block;
	}
}
.inline_popup_inner .inline_popup_cont .text {
	width: 50%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.inline_popup_inner .inline_popup_cont .text {
		width: 100%;
	}
}
.inline_popup_inner .inline_popup_cont .text .answer {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.inline_popup_inner .inline_popup_cont .text .answer .gea {
	width: 120px;
	padding-right: 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.inline_popup_inner .inline_popup_cont .text .answer .gea {
		width: auto;
		width: 30%;
	}
}
.inline_popup_inner .inline_popup_cont .text .answer .title {
	flex: 1;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.inline_popup_inner .inline_popup_cont .text .answer .title {
		font-size: 18px;
	}
}
.inline_popup_inner .inline_popup_cont .text .answer .title span {
	font-weight: bold;
	font-size: 50px;
	color: #FC0019;
	line-height: 1.2;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.inline_popup_inner .inline_popup_cont .text .answer .title span {
		font-size: 26px;
	}
}
.inline_popup_inner .inline_popup_cont .text p {
	font-weight: 500;
	font-size: 16px;
	line-height: 2;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.inline_popup_inner .inline_popup_cont .text p {
		font-size: 14px;
		margin-bottom: 20px;
	}
}
.inline_popup_inner .inline_popup_cont .image {
	width: 42%;
}
.inline_popup_inner .inline_popup_cont .image img {
	max-width: 100%;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.inline_popup_inner .inline_popup_cont .image {
		width: 100%;
	}
}
.link_cont {
	padding: 0px 0 150px;
}
.link_cont a {
	display: block;
	text-align: center;
	background-color: #656565;
	line-height: 1;
	padding: 50px;
	font-size: 20px;
	color: #fff;
	transition: 0.2s ease-in-out;
}
.link_cont a:hover {
	opacity: 0.8;
}

.embed .about.know .about_section {
	padding: 180px 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section {
		padding: 100px 0;
	}
}
.embed .about.know .about_section .know_h2 {
	font-size: 22px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	padding: 25px 0;
	position: relative;
	margin-bottom: 125px;
	z-index: 1;
	background-color: #fff;
	border: 1px solid #000;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .know_h2 {
		padding: 20px 15px;
		font-size: 18px;
		margin-bottom: 50px;
		line-height: 1.5;
	}
}
.embed .about.know .about_section .know_h2 span {
	position: absolute;
	color: #fff;
	background-color: #000;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	left: -23px;
	transform: translate(0, -50%);
	font-size: 24px;
	line-height: 39px;
	display: block;
	text-align: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .know_h2 span {
		font-size: 16px;
		width: 36px;
		height: 36px;
		left: -16px;
		top: -20px;
		left: 50%;
		transform: translate(-50%, 0);
	}
}
.embed .about.know .about_section .know_answer {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	letter-spacing: 0.2em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .know_answer {
		margin-bottom: 20px;
	}
}
.embed .about.know .about_section .know_answer .answer_p {
	font-size: 34px;
	font-weight: bold;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .know_answer .answer_p {
		font-size: 20px;
		line-height: 1.6;
	}
}
.embed .about.know .about_section .know_answer .a {
	display: block;
	position: absolute;
	line-height: 1;
	left: -85px;
	top: -100px;
	font-size: 187px;
	color: rgba(214, 214, 214, 0.5);
	z-index: -1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .know_answer .a {
		left: -10px;
		top: -50px;
		font-size: 87px;
	}
}
.embed .about.know .about_section .know_txt {
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 2;
	margin-bottom: 75px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .know_txt {
		font-weight: 400;
		line-height: 1.7;
		margin-bottom: 50px;
	}
}
.embed .about.know .about_section .date {
	text-align: right;
}
.embed .about.know .about_section .q1_ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
.embed .about.know .about_section .q1_ul:after {
	position: absolute;
	content: "";
	width: 1038px;
	height: 538px;
	border: 4px solid #fff;
	left: 50%;
	top: 100px;
	transform: translate(-50%, 0);
	z-index: -1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q1_ul:after {
		display: none;
	}
}
.embed .about.know .about_section .q1_ul .q1_li {
	width: 305px;
	height: 226px;
	background: linear-gradient(to right, #D6BFED, #AEEBCA);
	position: relative;
	margin-bottom: 24px;
	display: flex;
	justify-content: center;
	padding-top: 60px;
	text-align: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q1_ul .q1_li {
		width: 48%;
		padding-top: 40px;
		height: 162px;
		margin-bottom: 20px;
	}
}
.about.know .about_section .q1_ul .q1_li:nth-child(2):before {
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img02.svg);
}
.about.know .about_section .q1_ul .q1_li:nth-child(3):before {
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img03.svg);
}
.about.know .about_section .q1_ul .q1_li:nth-child(4):before {
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img04.svg);
}
.about.know .about_section .q1_ul .q1_li:nth-child(5):before {
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img05.svg);
}
.about.know .about_section .q1_ul .q1_li:nth-child(6):before {
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img06.svg);
}
.about.know .about_section .q1_ul .q1_li:nth-child(7):before {
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img07.svg);
}
.about.know .about_section .q1_ul .q1_li:nth-of-type(8) {
	padding-top: 35px;
}
.about.know .about_section .q1_ul .q1_li:nth-of-type(8):before {
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img08.svg);
}
.about.know .about_section .q1_ul .q1_li:nth-of-type(9) {
	padding-top: 35px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.about.know .about_section .q1_ul .q1_li:nth-of-type(9) {
		width: 100%;
		padding-top: 25px;
	}
}
.about.know .about_section .q1_ul .q1_li:nth-of-type(9):before {
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img09.svg);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.about.know .about_section .q1_ul .q1_li:nth-of-type(9):after {
		width: 96.5%;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.about.know .about_section .q1_ul .q1_li:nth-of-type(9) .q1_inner {
		padding: 0 20px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.about.know .about_section .q1_ul .q1_li:nth-of-type(9) .q1_inner h4 {
		margin-bottom: 10px;
	}
}
.embed .about.know .about_section .q1_ul .q1_li:before {
	content: "";
	position: absolute;
	display: block;
	width: 112px;
	height: 105px;
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/q1_img01.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	right: 13px;
	bottom: 13px;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q1_ul .q1_li:before {
		width: 72px;
		height: 65px;
	}
}
.embed .about.know .about_section .q1_ul .q1_li:after {
	content: "";
	position: absolute;
	display: block;
	width: 289px;
	height: 209px;
	top: 8px;
	left: 8px;
	background-color: #fff;
	z-index: 0;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q1_ul .q1_li:after {
		width: 93%;
		top: 6px;
		left: 6px;
		height: 150px;
	}
}
.embed .about.know .about_section .q1_ul .q1_li .q1_inner {
	position: relative;
	z-index: 1;
}
.embed .about.know .about_section .q1_ul .q1_li .q1_inner h4 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	display: inline-block;
	margin-bottom: 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q1_ul .q1_li .q1_inner h4 {
		font-size: 13px;
	}
}
.embed .about.know .about_section .q1_ul .q1_li .q1_inner .q1_p {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q1_ul .q1_li .q1_inner .q1_p {
		font-size: 26px;
	}
}
.embed .about.know .about_section .q1_ul .q1_li .q1_inner .q1_p span {
	font-size: 20px;
	font-weight: bold;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q1_ul .q1_li .q1_inner .q1_p span {
		font-size: 14px;
	}
}
.embed .about.know .about_section .q1_ul .q1_li .q1_inner .note {
	font-size: 12px;
	margin-top: 1rem;
	text-align: center;
}
.embed .about.know .about_section .q1_ul .q1_li .q1_inner.place_cont .place_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 10px;
}
.embed .about.know .about_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap {
	display: flex;
	align-items: center;
	margin-right: 10px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap {
		margin-right: 30px;
	}
}
.about.know .about_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap:nth-child(2n) {
	margin-right: 0;
}
.embed .about.know .about_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap .place {
	background-color: #414342;
	color: #fff;
	border-radius: 15px;
	width: 60px;
	height: 25px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin-right: 8px;
	display: block;
}
.embed .about.know .about_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap p {
	display: flex;
	align-items: baseline;
	font-weight: bold;
	font-size: 15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap p {
		font-size: 12px;
	}
}
.embed .about.know .about_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap p .place {
	display: block;
}
.embed .about.know .about_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap p .span2 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q1_ul .q1_li .q1_inner.place_cont .place_box .place_wrap p .span2 {
		font-size: 24px;
	}
}
.embed .about.know .about_section .support_txt {
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 2;
	margin: 75px 0 25px;
}
.embed .about.know .about_section .support_ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 85px;
	flex-wrap: wrap;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .support_ul {
		margin-bottom: 40px;
	}
}
.embed .about.know .about_section .support_ul li {
	width: 225px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .support_ul li {
		width: 49%;
		padding: 15px;
		margin-bottom: 7px;
	}
}
.about.know .about_section .support_ul li:nth-child(3) h3 {
	padding-top: 0px;
}
.embed .about.know .about_section .support_ul li .support_img {
	width: 100px;
	margin: 0 auto 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .support_ul li .support_img {
		width: 80px;
		margin: 0 auto;
	}
}
.embed .about.know .about_section .support_ul li h3 {
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	font-size: 16px;
	min-height: 54px;
	padding-top: 15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .support_ul li h3 {
		font-size: 14px;
		min-height: 50px;
	}
}
.embed .about.know .about_section .support_ul li h3 span {
	font-size: 12px;
	display: block;
	font-weight: bold;
	line-height: 1.3;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .support_ul li h3 span {
		font-size: 11px;
	}
}
.embed .about.know .about_section .support_ul li p {
	font-size: 14px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .support_ul li p {
		font-size: 13px;
	}
}
.embed .about.know .about_section .q2_block .bearing_group {
	margin-bottom: 90px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group {
		margin-bottom: 60px;
	}
}
.embed .about.know .about_section .q2_block .bearing_group .bearing_box {
	display: flex;
	justify-content: center;
	margin-bottom: 112px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .bearing_box {
		margin-bottom: 70px;
	}
}
.embed .about.know .about_section .q2_block .bearing_group .bearing_box .bearing_item {
	width: 250px;
	height: 216px;
	margin-right: 60px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .bearing_box .bearing_item {
		width: 157px;
		margin-right: 30px;
	}
}
.embed .about.know .about_section .q2_block .bearing_group .bearing_box .bearing_item:before {
	content: "";
	display: block;
	position: absolute;
	width: 270px;
	height: 236px;
	border: 1px solid #000;
	top: -10px;
	left: 50%;
	transform: translate(-50%, 0);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .bearing_box .bearing_item:before {
		width: 110%;
		height: 240px;
	}
}
.about.know .about_section .q2_block .bearing_group .bearing_box .bearing_item:nth-child(2) {
	margin-right: 0;
}
.embed .about.know .about_section .q2_block .bearing_group .bearing_box .bearing_item h4 {
	position: relative;
	z-index: 1;
	margin-top: -5px;
	text-align: center;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .bearing_box .bearing_item h4 {
		margin-top: -2px;
	}
}
.embed .about.know .about_section .q2_block .bearing_group .bearing_box .bearing_item h4 span {
	display: inline-block;
	background-color: #000;
	color: #fff;
	padding: 0 4px;
	line-height: 1.8;
	margin-bottom: 3px;
	font-weight: bold;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .bearing_box .bearing_item h4 span {
		display: inline;
		padding: 2px 4px;
		line-height: 2;
	}
}
.embed .about.know .about_section .q2_block .bearing_group .material_box {
	background-color: #F2F1F0;
	padding: 50px 40px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .material_box {
		padding: 50px 15px 40px;
	}
}
.embed .about.know .about_section .q2_block .bearing_group .material_box:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 117px;
	background-color: #000;
	left: 50%;
	transform: translate(-50%, 0);
	top: -85px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .material_box:before {
		top: -55px;
		height: 80px;
	}
}
.embed .about.know .about_section .q2_block .bearing_group .material_box .material_ttl {
	font-size: 20px;
	transform: rotate(-40deg);
	width: 142px;
	text-align: center;
	position: absolute;
	left: -45px;
	top: -5px;
	border-bottom: 1px solid #000;
	font-weight: 500;
	padding: 0 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .material_box .material_ttl {
		font-size: 16px;
		transform: rotate(0deg);
		position: static;
		margin: 0 auto 20px;
		width: 120px;
	}
}
.embed .about.know .about_section .q2_block .bearing_group .material_box .material_p {
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .material_box .material_p {
		font-weight: 400;
	}
}
.embed .about.know .about_section .q2_block .bearing_group .material_box .material_ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.embed .about.know .about_section .q2_block .bearing_group .material_box .material_ul li {
	width: 202px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .material_box .material_ul li {
		width: 48%;
		margin-bottom: 25px;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.about.know .about_section .q2_block .bearing_group .material_box .material_ul li:nth-child(3) {
		margin-bottom: 0;
	}
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .material_box .material_ul li:last-child {
		margin-bottom: 0;
	}
}
.embed .about.know .about_section .q2_block .bearing_group .material_box .material_ul li .material_number {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	z-index: 1;
}
.embed .about.know .about_section .q2_block .bearing_group .material_box .material_ul li .material_img {
	margin-top: -15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .bearing_group .material_box .material_ul li .material_img {
		width: 100%;
		height: auto;
	}
}
.embed .about.know .about_section .q2_block .bearing_group .material_box .material_ul li h5 {
	font-weight: bold;
	margin-top: 10px;
}
.embed .about.know .about_section .q2_block .merit_group {
	padding-bottom: 154px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .merit_group {
		padding-bottom: 90px;
	}
}
.embed .about.know .about_section .q2_block .merit_group h4 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 50px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .merit_group h4 {
		font-size: 16px;
		margin-bottom: 70px;
	}
}
.embed .about.know .about_section .q2_block .merit_group h4:after {
	content: "";
	position: absolute;
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/arrow.svg);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 75px;
	height: 32px;
	left: 50%;
	bottom: -70px;
	transform: translate(-50%, 0);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .merit_group h4:after {
		bottom: -50px;
		width: 50px;
	}
}
.embed .about.know .about_section .q2_block .merit_group .merit_ul {
	display: flex;
	justify-content: center;
	margin-bottom: 110px;
	position: relative;
	z-index: 2;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .merit_group .merit_ul {
		flex-wrap: wrap-reverse;
		margin-bottom: 70px;
	}
}
.embed .about.know .about_section .q2_block .merit_group .merit_ul li {
	width: 231px;
	height: 231px;
	border-radius: 50%;
	background: linear-gradient(to right, #D6BFED, #AEEBCA);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	box-shadow: 2px 8px 6px rgba(214, 191, 237, 0.16);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .merit_group .merit_ul li {
		width: 160px;
		height: 160px;
		margin-right: 10px;
	}
}
.about.know .about_section .q2_block .merit_group .merit_ul li:nth-child(2) {
	margin-top: 55px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.about.know .about_section .q2_block .merit_group .merit_ul li:nth-child(2) {
		margin-top: 0px;
		margin-right: 0px;
	}
}
.embed .about.know .about_section .q2_block .merit_group .merit_ul li:last-child {
	margin-right: 0;
}
.embed .about.know .about_section .q2_block .merit_group .merit_ul li:before {
	content: "";
	position: absolute;
	width: 213px;
	height: 213px;
	background-color: #fff;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .merit_group .merit_ul li:before {
		width: 150px;
		height: 150px;
	}
}
.embed .about.know .about_section .q2_block .merit_group .merit_ul li p {
	position: relative;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	font-size: 19px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .merit_group .merit_ul li p {
		font-size: 12px;
	}
}
.embed .about.know .about_section .q2_block .merit_group .merit_ul li p span {
	color: #FC0019;
	font-weight: bold;
}
.embed .about.know .about_section .q2_block .merit_group .merit_p {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .merit_group .merit_p {
		font-size: 18px;
	}
}
.embed .about.know .about_section .q2_block .merit_group .merit_p:before {
	content: "";
	position: absolute;
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/bg_earth.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 568px;
	height: 562px;
	z-index: -1;
	left: 50%;
	top: -160px;
	transform: translate(-50%, 0);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q2_block .merit_group .merit_p:before {
		width: 100%;
		height: 340px;
		top: -100px;
	}
}
.embed .about.know .about_section .q2_block .merit_group .merit_p span {
	color: #FC0019;
	font-weight: bold;
}
.embed .about.know .about_section .q3_block .q3_p {
	text-align: right;
	padding-right: 12px;
	position: relative;
	font-size: 12px;
	margin-top: 5px;
}
.embed .about.know .about_section .q3_block .q3_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;
}
.embed .about.know .about_section .q3_block .scroll_box {
	overflow-x: auto;
	padding-bottom: 10px;
	-webkit-overflow-scrolling: touch;
}
.embed .about.know .about_section .q3_block .scroll_box .scroll img {
	max-width: 100%;
	min-width: 600px;
	vertical-align: top;
}
.embed .about.know .about_section .q4_block {
	display: flex;
	justify-content: space-between;
	margin-bottom: 110px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q4_block {
		display: block;
		margin-bottom: 50px;
	}
}
.embed .about.know .about_section .q4_block .technology_box {
	width: 553px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q4_block .technology_box {
		width: 100%;
	}
}
.embed .about.know .about_section .q4_block .technology_box:after {
	content: "";
	position: absolute;
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/plus.svg);
	width: 35px;
	height: 35px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	top: 50%;
	right: -50px;
	transform: translate(0, 10px);
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q4_block .technology_box:after {
		bottom: -65px;
		right: 0;
		top: inherit;
		left: 50%;
		transform: translate(-50%, 0);
	}
}
.embed .about.know .about_section .q4_block .technology_box h4 {
	text-align: center;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q4_block .technology_box h4 {
		margin-bottom: 20px;
	}
}
.embed .about.know .about_section .q4_block .technology_box h4 span {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: linear-gradient(to right, #CBB8E1, #A7DFC2);
	color: #fff;
	display: inline-block;
	padding: 5px 30px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q4_block .technology_box h4 span {
		font-size: 18px;
		padding: 3px 20px;
	}
}
.embed .about.know .about_section .q4_block .technology_box .technology_ul {
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
.embed .about.know .about_section .q4_block .technology_box .technology_ul:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(-35deg, #D6BFED 40%, #D6D6D6 60%, #D6D6D6 100%);
	opacity: 0.5;
	background-size: 100% 210%;
	z-index: -1;
}
.embed .about.know .about_section .q4_block .technology_box .technology_ul li {
	border: 1px solid #fff;
	width: 250px;
	margin-bottom: 15px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q4_block .technology_box .technology_ul li {
		width: 100%;
	}
}
.embed .about.know .about_section .q4_block .technology_box .technology_ul li .q4_img {
	width: 100%;
	height: 180px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q4_block .technology_box .technology_ul li .q4_img {
		height: auto;
	}
}
.embed .about.know .about_section .q4_block .technology_box .technology_ul li p {
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
	margin-top: -2px;
}
.embed .about.know .about_section .q4_block .production_box {
	width: 342px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q4_block .production_box {
		width: 100%;
		margin-top: 95px;
	}
}
.embed .about.know .about_section .q4_block .production_box:after {
	display: none;
}
.embed .about.know .about_section .q4_block .production_box .technology_ul {
	height: 501px;
	justify-content: center;
	align-items: center;
}
.embed .about.know .about_section .q4_block .production_box .technology_ul:after {
	background: linear-gradient(-35deg, #AEEBCA 0%, #D6D6D6 40%, #D6D6D6 100%);
	height: 100%;
}
.embed .about.know .about_section .q4_block .production_box .technology_ul li {
	width: 302px;
	height: 140px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q4_block .production_box .technology_ul li {
		width: 100%;
		height: auto;
	}
}
.embed .about.know .about_section .q5_block {
	position: relative;
	z-index: 1;
}
.embed .about.know .about_section .q5_block .bg_txt {
	width: 100%;
	height: 204px;
	position: absolute;
	top: -85px;
	left: 0;
	overflow: hidden;
	z-index: -1;
}
.embed .about.know .about_section .q5_block .bg_txt .bg_txt_inner {
	width: 3728px;
	height: 204px;
	background-image: url(/content/dam/nsk/jp/ja/company/career/graduate/img/about/know/vision_txt.png);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: 1864px 204px;
}
.embed .about.know .about_section .q5_block .q5_img {
	width: 708px;
	margin: 0 auto 155px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q5_block .q5_img {
		width: 100%;
		margin: 0 auto 90px;
	}
}
.embed .about.know .about_section .q5_block .future_box .h4_box {
	text-align: center;
}
.embed .about.know .about_section .q5_block .future_box .h4_box h4 {
	color: #fff;
	background-color: #FC0019;
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	display: inline-block;
	padding: 5px 25px;
	margin-bottom: 110px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q5_block .future_box .h4_box h4 {
		font-size: 18px;
		margin-bottom: 50px;
	}
}
.embed .about.know .about_section .q5_block .future_box .future_item {
	display: flex;
	flex-direction: row;
	margin-bottom: 100px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q5_block .future_box .future_item {
		display: block;
		margin-bottom: 30px;
	}
}
.embed .about.know .about_section .q5_block .future_box .future_item:last-child {
	margin-bottom: 110px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q5_block .future_box .future_item:last-child {
		margin-bottom: 50px;
	}
}
.embed .about.know .about_section .q5_block .future_box .future_item .future_img {
	width: 620px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q5_block .future_box .future_item .future_img {
		width: 100%;
	}
}
.embed .about.know .about_section .q5_block .future_box .future_item .future_txtbox {
	margin-top: 60px;
	width: 620px;
	background-color: #fff;
	padding: 80px 40px 50px;
	position: relative;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q5_block .future_box .future_item .future_txtbox {
		width: 100%;
		margin-top: 0;
		padding: 60px 15px 40px;
	}
}
.embed .about.know .about_section .q5_block .future_box .future_item .future_txtbox .sub_ttl {
	color: #fff;
	background: linear-gradient(to right, #CBB8E1, #A7DFC2);
	display: inline-block;
	font-weight: bold;
	padding: 5px 20px;
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 0;
	letter-spacing: 0.2em;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q5_block .future_box .future_item .future_txtbox .sub_ttl {
		font-size: 14px;
	}
}
.embed .about.know .about_section .q5_block .future_box .future_item .future_txtbox .sub_ttl:after {
	content: "";
	position: absolute;
	top: 0;
	right: -40px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 0 44px 40px;
	border-color: transparent transparent transparent #A7DFC2;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q5_block .future_box .future_item .future_txtbox .sub_ttl:after {
		right: -30px;
		border-width: 0px 0 34px 30px;
	}
}
.embed .about.know .about_section .q5_block .future_box .future_item .future_txtbox h5 {
	color: #E60012;
	letter-spacing: 0.2em;
	line-height: 1.6;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q5_block .future_box .future_item .future_txtbox h5 {
		font-size: 18px;
		margin-bottom: 10px;
	}
}
.embed .about.know .about_section .q5_block .future_box .future_item .future_txtbox .future_txt {
	font-size: 16px;
}
@media only screen and (max-width:768px), print and (min-width: 2cm) {
	.embed .about.know .about_section .q5_block .future_box .future_item .future_txtbox .future_txt {
		font-size: 14px;
	}
}
.embed .about.know .about_section .q5_block .future_box .item_reverse {
	flex-direction: row-reverse;
}
.embed .about.know .about_section .link_btn {
	text-align: center;
}
.embed .about.know .about_section .link_btn a {
	width: 356px;
	display: block;
	position: relative;
	padding-bottom: 10px;
	font-weight: 500;
	margin: 0 auto;
}
.embed .about.know .about_section .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 .about.know .about_section .link_btn a:after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
}
.embed .about.know .about_section .link_btn a:hover:before {
	animation: arrowAnime 0.4s ease forwards;
}
.embed .about.know .about_section .link_btn a:hover:after {
	animation: lineAnime 0.6s ease forwards;
}
.embed .about.know .about_section .link_btn span {
	font-size: 12px;
}
.