/* Top  */

/* fv */
.fv-slider-area {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.fv-slider {
	width: 100%;
	height: 90vh;
	min-height: 700px;
}
.slide-img-sp {
	display: none;
}

.fv-slider-area .swiper-pagination {
	position: absolute;
	z-index: 10;
	bottom: 55px;
	right: 4.16%;
	display: flex;
	gap: 20px;
	align-items: center;
	overflow: hidden;
}
.fv-slider-area .swiper-pagination > span {
	display: block;
	width: 20px;
	height: auto;
	aspect-ratio: 1 / 1;
	flex-shrink: 0;
	border-radius: 999px;
	border: 1px solid #23527c;
	cursor: pointer;
	transition: all ease-in-out 0.4s;
}
.fv-slider-area .swiper-pagination > span.swiper-pagination-bullet-active {
	background: #23527c;
}
.fv-txt-area {
	width: 100%;
	position: relative;
	height: 100px;
	z-index: 10;
	background: #f3f6f9;
}
.fv-txt {
	position: absolute;
	bottom: 99px;
	width: 40%;
	background: #f3f6f9;
	max-width: 768px;
	border-radius: 0 50px 0 0;
	padding-top: 60px;
	padding-left: 6.77%;
	padding-right: 6.77%;
	height: 216px;
}

.fv-txt-area::after,
.fv-txt::before,
.fv-txt::after {
	content: "";
	width: 50px;
	height: 50px;
	position: absolute;
}
.fv-txt-area::after {
	background: url(../images/top/fv-radius-rb.svg) no-repeat;
	background-size: contain;
	top: -49px;
	right: 0;
}
.fv-txt::before {
	background: url(../images/top/fv-radius-lb.svg) no-repeat;
	background-size: contain;
	top: -49px;
	position: absolute;
	left: 0;
}
.fv-txt::after {
	background: url(../images/top/fv-radius-lb.svg) no-repeat;
	background-size: contain;
	bottom: 0px;
	right: -49.5px;
}
.fv-txt > img {
	width: 100%;
	max-width: 400px;
	aspect-ratio: 400 / 86;
}

.slide-media {
	position: relative;
	overflow: hidden;
}

.slide-media img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-fade .swiper-slide {
	transition-property: opacity, transform !important;
	pointer-events: none;
}

.swiper-fade .swiper-slide-active {
	pointer-events: auto;
}

.slide-media {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.slide-media img {
	transition: 7s 2s linear;
	transform: translateX(2%) scale(1.1);
}

.swiper-slide[class*="-active"] .slide-media img {
	transition-delay: 0s;
	transform: translateX(-2%) scale(1.08);
}

@media screen and (max-width: 999px) {
	.fv-slider-area .swiper-pagination {
		bottom: 70px;
		gap: 10px;
	}
	.fv-slider-area .swiper-pagination > span {
		width: 10px;
	}
	.fv-slider {
		height: auto;
		aspect-ratio: 390 / 394;
		max-height: 46.7vh;
		min-height: 0;
	}
	.slide-img-pc {
		display: none;
	}
	.slide-img-sp {
		display: block;
	}
	.fv-txt {
		width: 64.1%;
		max-width: 250px;
		border-radius: 0 30px 0 0;
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 0;
		height: 70px;
	}
	.fv-txt > img {
		max-width: 180px;
		aspect-ratio: 180 / 39;
	}
	.fv-txt-area::after,
	.fv-txt::before,
	.fv-txt::after {
		width: 30px;
		height: 30px;
	}
	.fv-txt-area::after {
		top: -29px;
	}
	.fv-txt::before {
		top: -29px;
	}
	.fv-txt::after {
		right: -29.5px;
	}
}

/* About Us */
.sec-top-about {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 100vh;
	min-height: 900px;
	padding: 0 4.167%;
}
.sec-top-about > .sec-inner {
	position: relative;
	z-index: 10;
	height: 100%;
}
.sec-top-about-flex {
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: calc(100% - 100px);
}
.top-about-cont {
	width: 50%;
	height: 100%;
	max-width: 800px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	gap: 60px;
	align-items: flex-start;
}
.top-about-img {
	width: 50%;
	height: 100%;
	max-width: 800px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.top-about-img > figure {
	width: 100%;
	max-width: 510px;
	margin: 0 auto;
	aspect-ratio: 1 /1;
	overflow: hidden;
}
.top-about-img > figure > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.top-about-cont > p {
	line-height: 2;
}

.bg-video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.45;
	overflow: hidden;
}
.bg-video > video {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}
.sec-top-about::before {
	content: "";
	width: 100%;
	height: 251px;
	display: block;
	background: linear-gradient(180deg, #f3f6f9, transparent);
	z-index: 10;
	position: absolute;
	top: -2px;
	left: 0;
}
.sec-top-about::after {
	content: "";
	width: 100%;
	height: 101px;
	display: block;
	background: #f3f6f9;
	z-index: 10;
	position: absolute;
	bottom: -2px;
	left: 0;
	border-radius: 100px 100px 0 0;
}

@media screen and (max-width: 999px) {
	.sec-top-about {
		height: auto;
		min-height: 0;
		padding: 0 7.7%;
	}

	.sec-top-about-flex {
		align-items: center;
		flex-flow: column;
		height: calc(100% - 50px);
		margin-bottom: 130px;
		gap: 40px;
	}
	.top-about-cont {
		width: 100%;
		height: auto;
		max-width: none;
		gap: 20px;
	}
	.top-about-img {
		width: 100%;
		height: auto;
		max-width: none;
	}
	.top-about-cont > p {
		font-size: 14px;
		line-height: 2.5;
	}

	.sec-top-about::before {
		height: 151px;
	}
	.sec-top-about::after {
		height: 51px;
		border-radius: 30px 30px 0 0;
	}
}

/* Research Field */
.sec-top-rsc-field {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: auto;
	padding: 0 4.167%;
	padding-top: 60px;
	margin-bottom: 150px;
}
.top-rsc-field-cont {
	width: 100%;
	position: relative;
	display: flex;
	flex-flow: column;
	gap: 60px;
}
.rsc-field-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
}
.rsc-field-card {
	display: flex;
	flex-flow: column;
	width: 100%;
	height: 250px;
	background: #fff;
	justify-content: space-between;
	padding: 50px 35px 40px;
	transition: all ease-in-out 0.4s;
}
.rsc-field-icon-box {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 5px;
}
.rsc-field-icon-box > figure {
	width: 100%;
	max-width: 60px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1 / 1;
}
.rsc-field-icon-box > figure > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all ease-in-out 0.3s;
}
.rsc-field-info-box {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 10px;
}
.rsc-field-ttl {
	width: 100%;
	display: flex;
	gap: 15px;
	align-items: baseline;
}
.rsc-field-ttl > h3 {
	font-size: 40px;
	font-weight: 300;
	color: #23527c;
	line-height: 1.35;
	letter-spacing: 0;
	transition: all ease 0.2s;
}
.rsc-field-ttl > span {
	font-size: 16px;
	font-weight: bold;
	color: #23527c;
	line-height: 1.46;
	letter-spacing: 0.05em;
	flex-shrink: 0;
	transition: all ease 0.2s;
}

.rsc-field-info-box > p {
	width: 100%;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 1.5;
	transition: all ease 0.2s;
}

.rsc-field-card:hover {
	background: #23527c;
}

.rsc-field-card:hover .rsc-field-icon-box > figure > img {
	filter: brightness(255);
}
.rsc-field-card:hover .rsc-field-ttl > h3 {
	color: #fefefe;
}
.rsc-field-card:hover .rsc-field-ttl > span {
	color: #fefefe;
}
.rsc-field-card:hover .rsc-field-info-box > p {
	color: #fefefe;
}

@media screen and (max-width: 1400px) {
	.rsc-field-ttl > h3 {
		font-size: 30px;
	}
}
@media screen and (max-width: 1200px) {
	.rsc-field-ttl > h3 {
		font-size: 26px;
	}
}
@media screen and (max-width: 999px) {
	.sec-top-rsc-field {
		padding: 0 7.7%;
		padding-top: 0px;
		margin-bottom: 50px;
	}
	.rsc-field-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.top-rsc-field-cont {
		gap: 20px;
	}
	.rsc-field-card {
		height: auto;
		padding: 20px;
	}
	.rsc-field-icon-box {
		margin-bottom: 0px;
	}
	.rsc-field-icon-box > figure {
		max-width: 40px;
	}
	.rsc-field-info-box {
		gap: 5px;
	}
	.rsc-field-ttl {
		gap: 10px;
	}
	.rsc-field-ttl > h3 {
		font-size: 30px;
	}
	.rsc-field-ttl > span {
		font-size: 14px;
	}

	.rsc-field-info-box > p {
		font-size: 12px;
	}
}
@media screen and (max-width: 768px) {
	.rsc-field-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* Research Organization */
.sec-top-rsc-organization {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: auto;
	padding: 0 4.167%;
	margin-bottom: 150px;
}
.top-rsc-organization-cont {
	width: 100%;
	position: relative;
	display: flex;
	flex-flow: column;
	gap: 60px;
}
.rsc-organization-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.rsc-organization-card {
	display: flex;
	flex-flow: column;
	width: 100%;
	height: auto;
	justify-content: flex-start;
	padding: 30px;
	gap: 20px;
	border: 1px solid #23527c;
}
.rsc-organization-ttl {
	width: 100%;
	display: flex;
	gap: 10px;
	flex-flow: column;
	align-items: flex-start;
}
.rsc-organization-ttl > h3 {
	font-size: 20px;
	font-weight: 500;
	color: #23527c;
	line-height: 1.5;
	letter-spacing: 0;
}
.rsc-organization-ttl br {
	display: none;
}
.rsc-organization-ttl > span {
	font-size: 16px;
	font-weight: 500;
	color: #23527c;
	line-height: 1.5;
	letter-spacing: 0.05em;
	flex-shrink: 0;
}
.rsc-organization-card > p {
	width: 100%;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.8;
}
.top-rsc-organization-cont > .btn-box {
	justify-content: flex-end;
}

@media screen and (max-width: 1550px) {
	.rsc-organization-ttl br {
		display: inline;
	}
}
@media screen and (max-width: 1200px) {
	.rsc-organization-ttl > h3 {
		font-size: 18px;
	}
	.rsc-organization-ttl br {
		display: none;
	}
	.rsc-organization-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (max-width: 999px) {
	.sec-top-rsc-organization {
		padding: 0 7.7%;
		margin-bottom: 50px;
	}
	.top-rsc-organization-cont {
		gap: 20px;
	}
	.rsc-organization-card {
		padding: 20px;
		gap: 10px;
	}
	.rsc-organization-ttl {
		gap: 5px;
	}
	.rsc-organization-ttl > h3 {
		font-size: 18px;
	}
	.rsc-organization-ttl > span {
		font-size: 14px;
	}
	.rsc-organization-card > p {
		font-size: 13px;
	}
}
@media screen and (max-width: 500px) {
	.rsc-organization-ttl br {
		display: inline;
	}
}
/* Researcher Story */
.sec-top-rsc-story {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: auto;
	padding: 0 4.167%;
	margin-bottom: 100px;
}
.top-rsc-story-cont {
	width: 100%;
	position: relative;
	display: flex;
	flex-flow: column;
	gap: 60px;
}

@media screen and (max-width: 999px) {
	.sec-top-rsc-story {
		padding: 0 7.7%;
		margin-bottom: 50px;
	}
	.top-rsc-story-cont {
		gap: 20px;
	}
}

/* Top News */
.sec-top-news {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: auto;
	padding: 0 4.167%;
	margin-bottom: 100px;
}
.top-news-cont {
	width: 100%;
	position: relative;
	display: flex;
	flex-flow: column;
	gap: 50px;
}
.top-news-cont > .btn-box {
	justify-content: flex-end;
}

.top-news-cont .news-card:nth-child(n+6) {
	display: none;
}

@media screen and (max-width: 999px) {
	.sec-top-news {
		padding: 0 7.7%;
		margin-bottom: 50px;
	}
	.top-news-cont {
		gap: 20px;
	}
}