@charset "utf-8";
#ms { width: 1920px; position: relative; left: 50%; margin-left: -960px; }
#ms .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
#ms .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.section { width: 100%; position: relative; z-index: 3; }
.section .more { display: inline-block; font-size: 20px; font-weight: 700; color: #fff; line-height: 1; text-decoration: underline !important; text-underline-offset: 3px; }

.section1 { height: 962px; background: url('../img/main/sec1-bg.png') center/cover no-repeat; }
.section1 > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section1 > div .inner-wrap { height: 100%; position: relative; }
.section1 > div .inner-wrap > p:nth-of-type(1) { position: absolute; right: 0; top: -90px; }
.section1 > div .inner-wrap > p:nth-of-type(2) { position: absolute; left: 0; top: 806px; z-index: 2; }
.section1 > div .inner-wrap > p:nth-of-type(3) { position: absolute; left: 294px; top: 752px; animation: spin 10s linear infinite; }
.section1 > div .inner-wrap > p:nth-of-type(4) { position: absolute; left: calc(917px - 50px); top: calc(834px - 26px); }

.section2 { padding: 150px 0 0; }
.section2 > p { margin-top: 158px; }

.section3 { height: 824px; background: url('../img/main/sec3-bg.jpg') center/cover no-repeat; }
.section3 .inner-wrap { padding-top: 190px; }
.section3 .inner-wrap > p { color: #fff; font-size: 50px; font-weight: 700; line-height: 1; }
.section3 .inner-wrap > ul { width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 50px; }
.section3 .inner-wrap > ul > li {}
.section3 .inner-wrap > ul > li~li { margin-top: 10px; }
.section3 .inner-wrap > ul > li > a { font-size: 16px; color: #c9c9c9; font-size: 400; }
.section3 .more { margin-top: 70px; }

.section4 { padding: 0 0 0; }

.section5 { padding: 140px 0 190px; background: #202020; }
.section5 .inner-wrap { display: flex; flex-direction: column; align-items: center; }
.section5 .inner-wrap > p { color: #fff; font-size: 50px; font-weight: 700; line-height: 1; text-align: center; }
.section5 .inner-wrap > ul { width: 100%; margin-top: 115px; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); gap: 29px; }
.section5 .more { margin: 75px auto 0; font-size: 30px; text-align: center; }

@media (max-width: 1260px) {
	.section5 .inner-wrap > ul { grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(5, 1fr); }
	.section5 .inner-wrap > ul > li {}
	.section5 .inner-wrap > ul > li > a > img { width: 100%; }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}