.intro {position: fixed; z-index: 999999; width: 100%; height: 100%; background-color: #fff; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.intro .introBx {width: calc(580 / 1920 * 100vw); position: relative; display: flex; align-items: center; justify-content: center;}
.intro .gradiant {position: absolute; width: 210%; height: 150%;}
.intro .gradiant.first {background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%); right: 0;}
.intro .gradiant.second {background: linear-gradient(90deg,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); right: 100%;}
.intro img {width: 100%;}

@media (max-width:1400px) {
    .intro .introBx {width: calc(620 / 1920 * 100vw);}
}
@media (max-width:1300px) {
    .intro .introBx {width: calc(680 / 1920 * 100vw);}
}
@media (max-width:1200px) {
    .intro .introBx {width: calc(800 / 1920 * 100vw);}
}
@media (max-width:1023px) {
    .intro .introBx {width: calc(880 / 1920 * 100vw);}
}
@media (max-width:767px) {
    .intro .introBx {width: calc(1100 / 1920 * 100vw);}
}
@media (max-width:600px) {
    .intro .introBx {width: calc(1300 / 1920 * 100vw);}
}
@media (max-width:479px) {
    .intro .introBx {width: calc(1400 / 1920 * 100vw);}
}


main {width:100%; overflow-x: clip;}

.visual {width:100%; height:90rem; position:relative; display:flex; justify-content: center; align-items: center; overflow: hidden;}
.visual img.bg_img {width:100%; min-width:192rem; height: auto}
.visual .vis_title {width:100%; text-align: center; position: absolute; top:26rem; left:0; z-index:9; transform: translateY(5rem); opacity:0;}
.visual .vis_title h1 {font-size:6.4rem; color:#080404; font-weight:800; letter-spacing:-0.05em; line-height:8rem;}
.visual .vis_title h1 br:last-child {display:none;}
.visual .vis_title em {font-size:2.8rem; color:#080404; font-weight:600; letter-spacing:-0.05em; line-height:3.6rem; display: block; margin-top:4rem;}

.visual .ani_bg_box {width:100%; height:78.4rem; background:linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 100%); position: absolute; top:0; left:0; z-index:2;}


@media (max-width:1600px) {
	.visual .vis_title {top:25rem;}
}
@media (max-width:1400px) {
	.visual .vis_title {top:24rem;}
}
@media (max-width:1300px) {
    .visual {height:86rem;}
    .visual .vis_title h1 {font-size:6rem; line-height:7.6rem;}
    .visual .vis_title em {font-size:2.5rem; line-height:3.5rem;}
}
@media (max-width:1200px) {
    .visual {height:82rem;}
    .visual img.bg_img {width:auto; min-width: auto; height:130%;}
    .visual .vis_title h1 {font-size:5.6rem; line-height:7.2rem;}
    .visual .vis_title em {font-size:2.4rem; line-height:3.4rem;}
}
@media (max-width:1023px) {
	.visual {height:78rem;}
    .visual img.bg_img {height:140%;}
    .visual .vis_title h1 {font-size:5.2rem; line-height:6.8rem;}
    .visual .vis_title em {font-size:2.3rem; line-height:3.3rem;}
    .visual .ani_bg_box {height:88%;}
}
@media (max-width:900px) {
    .visual .vis_title h1 {font-size:4.8rem; line-height:6.4rem;}
    .visual .vis_title em {font-size:2.2rem; line-height:3.2rem; margin-top:3.6rem;}
}
@media (max-width:767px) {
	.visual {height:72rem;}
    .visual img.bg_img {height:120%;}
    .visual .vis_title {top:16rem;}
    .visual .vis_title h1 {font-size:4.2rem; line-height:5.8rem;}
    .visual .vis_title em {font-size:2.1rem; line-height:3.1rem; margin-top:3rem;}
}
@media (max-width:600px) {
	.visual {height:68rem;}
    .visual img.bg_img {height:110%;}
    .visual .vis_title {top:12rem;}
    .visual .vis_title h1 {font-size:4rem; line-height:5.4rem;}
	.visual .vis_title h1 br:last-child {display:block;}
    .visual .vis_title em {font-size:2rem; line-height:3rem; margin-top:2.4rem;}
}
@media (max-width:479px) {
	.visual {height:66rem;}
    .visual img.bg_img {height:108%;}
    .visual .vis_title {top:10rem;}
    .visual .vis_title h1 {font-size:3.6rem; line-height:4.8rem;}
    .visual .vis_title em {font-size:1.8rem; line-height:2.8rem; margin-top:2rem;}
}
@media (max-width:420px) {
	.visual {height:64rem;}
    .visual .vis_title {top:9rem;}
    .visual .vis_title h1 {font-size:3.4rem; line-height:4.6rem;}
    .visual .vis_title em {margin-top:1.6rem;}
}



.sectionWrap {width:100%; position: relative;}
.sectionWrap .section {width:100%; padding:16rem 0;}

.sectionWrap .s_title {width:100%; text-align: center; transform: translateY(5rem); opacity:0;}
.sectionWrap .s_title h2 {font-size:4.8rem; color:#080404; font-weight:700; letter-spacing:-0.04em; line-height:6rem;}
.sectionWrap .s_title span {font-size:2.4rem; color:#454C53; font-weight:500; letter-spacing:-0.02em; line-height:3.2rem; display:block; margin-top:2.4rem; word-break: keep-all;}
.sectionWrap .s_title span br {display:none;}

.sectionWrap .s_title .btn {width:100%; display:flex; margin-top:4rem;}
.sectionWrap .s_title .btn a {padding:0 1.6rem; height:5.6rem; display:flex; align-items: center; background-color:#F7F8F9; border-radius:10rem;}
.sectionWrap .s_title .btn a em {display: block; font-size:1.8rem; color:#26282B; font-weight:500; letter-spacing:-0.03em; line-height:2.6rem; padding-right:3.2rem; position: relative;}
.sectionWrap .s_title .btn a em::before {content:""; width:1.8rem; height:100%; -webkit-mask:url("../svg/common/btn_arrow.svg")no-repeat center; -moz-mask:url("../svg/common/btn_arrow.svg")no-repeat center; -o-mask:url("../svg/common/btn_arrow.svg")no-repeat center; -ms-mask:url("../svg/common/btn_arrow.svg")no-repeat center; mask:url("../svg/common/btn_arrow.svg")no-repeat center; -webkit-mask-size:100%; -moz-mask-size:100%; -o-mask-size:100%; -ms-mask-size:100%; mask-size:100%; background-color:#26282B; position: absolute; top:0; right:0;}

.sectionWrap .s_content {width:100%; margin-top:8rem;}

.showAni {animation: showAni 0.5s ease forwards;}
@keyframes showAni {
	0% {transform: translateY(5rem); opacity:0;}
	100% {transform: translateY(0); opacity:1;}
}


@media (hover: hover) {
	.sectionWrap .s_title .btn a,
	.sectionWrap .s_title .btn a em,
	.sectionWrap .s_title .btn a em::before {transition:all 0.2s;}

	.sectionWrap .s_title .btn a:hover {background-color:#5AAAF4;}
	.sectionWrap .s_title .btn a:hover em {color:#fff;}
	.sectionWrap .s_title .btn a:hover em::before {background-color:#fff;}
}
@media (max-width:1200px) {
    .sectionWrap .section {padding:15rem 0;}
    
	.sectionWrap .s_title h2 {font-size:4.4rem; line-height:5.6rem;}
	.sectionWrap .s_title .btn {margin-top:3.4rem;}
	.sectionWrap .s_title .btn a {height:5.4rem;}
}
@media (max-width:1023px) {
    .sectionWrap .section {padding:14rem 0;}

	.sectionWrap .s_title h2 {font-size:4rem; line-height:5.2rem;}
	.sectionWrap .s_title span {font-size:2.3rem; line-height:3.1rem; margin-top:2.2rem;}
}
@media (max-width:900px) {
    .sectionWrap .section {padding:12rem 0;}

	.sectionWrap .s_title h2 {font-size:3.7rem; line-height:5rem;}
	.sectionWrap .s_title span {font-size:2.2rem; line-height:3rem; margin-top:2rem;}
}
@media (max-width:767px) {
	.sectionWrap .s_title h2 {font-size:3.4rem; line-height:4.4rem;}
	.sectionWrap .s_title span {font-size:2rem; line-height:2.8rem;}

    .sectionWrap .s_content {margin-top:7rem;}
}
@media (max-width:600px) {
    .sectionWrap .section {padding:10rem 0;}

	.sectionWrap .s_title h2 {font-size:3rem; line-height:4.2rem;}
	.sectionWrap .s_title span {font-size:1.8rem; margin-top:1.8rem;}
    
    .sectionWrap .s_content {margin-top:5.6rem;}
}
@media (max-width:479px) {
	.sectionWrap .section {padding:8rem 0;}

	.sectionWrap .s_title h2 {font-size:2.7rem; line-height:4rem;}
	.sectionWrap .s_title span {font-size:1.7rem; line-height:2.5rem; margin-top:1.2rem;}
    .sectionWrap .s_title span br {display:block;}
    
    .sectionWrap .s_content {margin-top:4.8rem;}
}
@media (max-width:420px) {
	.sectionWrap .section {padding:6rem 0;}
	.sectionWrap .s_title h2 {font-size:2.6rem; line-height:3.6rem;}
	.sectionWrap .s_title span {font-size:1.6rem; line-height:2.4rem;}

    .sectionWrap .s_content {margin-top:4rem;}
}



#section1 {background-color:#F5F9FD;}
#section1 .s_content {margin:0; transform: translateY(5rem); opacity:0;}
#section1 .s_content em {display: block; font-size:3.2rem; color:#080404; font-weight:500; letter-spacing:-0.03em; line-height:4.8rem; text-align: center;} 
#section1 .s_content em b {font-size:inherit; color:inherit; font-weight:700;}
#section1 .s_content em .m_br {display:none;}

@media (max-width:1200px) {
    #section1 .s_content em {font-size:3rem; line-height:4.6rem;}
}
@media (max-width:1023px) {
    #section1 .s_content em {font-size:2.8rem; line-height:4.4rem;}
}
@media (max-width:900px) {
    #section1 .s_content em {font-size:2.6rem; line-height:4rem;}
}
@media (max-width:767px) {
    #section1 {padding:12rem 0;}
    #section1 .s_content em {font-size:2.8rem; line-height:4.4rem;}
    #section1 .s_content em .m_br {display:block;}
}
@media (max-width:600px) {
    #section1 {padding:9rem 0;}
    #section1 .s_content em {font-size:2.5rem; line-height:3.7rem;}
}
@media (max-width:479px) {
    #section1 {padding:7rem 0;}
    #section1 .s_content em {font-size:2.2rem; line-height:3.2rem;}
}
@media (max-width:420px) {
    #section1 {padding:5.6rem 0;}
    #section1 .s_content em {font-size:2rem; line-height:3rem;}
}



#section2 .s_content ul {width:100%; display:flex; gap:4rem; flex-wrap:wrap;}
#section2 .s_content ul li {width:calc(50% - 2rem); aspect-ratio:1/0.862; border-radius:1.6rem; overflow: hidden; -webkit-radial-gradient(white, black); isolation: isolate; position: relative; transform: translateY(5rem); opacity:0; cursor: pointer;}
#section2 .s_content ul li img {object-fit: cover; width:100%; height:100%; display: block; transition: filter .3s linear, opacity .3s linear;}
#section2 .s_content ul li .text {width:100%; height:100%; position: absolute; top:0; left:0; padding:4rem;}
#section2 .s_content ul li .text b {width:100%; position: relative; display: block;}
#section2 .s_content ul li .text b span {display: block; font-size:1.5rem; color:#454C53; font-weight:500; line-height:2.3rem; word-break: keep-all; position: absolute; top:0; left:0;}
#section2 .s_content ul li .text p {font-size:var(--origFont); color:#26282B; font-weight:800; line-height:var(--origLine); margin-top:var(--origMargin); word-break: keep-all; padding-top:var(--origTop); --origFont:2.8rem; --viewFont:2.1rem; --origLine:3.8rem; --viewLine:3.1rem; --origTop:2.3rem; --origMargin:1.6rem;}
#section2 .s_content ul li .text .details {width:100%; display:none; overflow: hidden; margin-top:2.4rem;}
#section2 .s_content ul li .text .details em {display: block; font-size:1.7rem; color:#26282B; font-weight:500; letter-spacing:-0.01em; line-height:2.7rem; word-break: keep-all;}
#section2 .s_content ul li .text .details em + em {margin-top:1.2rem;}
#section2 .s_content ul li .text .details strong {display: block; font-size:1.7rem; color:#72787F; font-weight:500; letter-spacing:-0.01em; line-height:2.7rem; word-break: keep-all; margin-top:1.2rem;}
#section2 .s_content ul li .text .details .link {width:100%; margin-top:2.4rem; display:flex;}
#section2 .s_content ul li .text .details .link a {font-size:1.7rem; color:#184D98; font-weight:500; letter-spacing:-0.01em; line-height:2.7rem; text-decoration: underline; text-underline-offset:0.2rem;}

#section2 .s_content ul li .text .fold {width:2rem; aspect-ratio:1/1; margin-top:1.6rem;}
#section2 .s_content ul li .text .fold div {display: block; width:100%; height:100%; border:0.2rem solid #454C53; box-sizing: border-box; border-radius:100%; position: relative;}
#section2 .s_content ul li .text .fold div::before,
#section2 .s_content ul li .text .fold div::after {content:""; background-color: #454C53; border-radius:10rem; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transform-origin: center;}
#section2 .s_content ul li .text .fold div::before {width:calc(100% - 0.4rem); height:0.2rem;}
#section2 .s_content ul li .text .fold div::after {width:0.2rem; height:calc(100% - 0.4rem); transition: transform .3s linear;}

#section2 .s_content ul li.view img {-webkit-filter: blur(2.4rem); filter: blur(2.4rem); opacity:0.3;}
#section2 .s_content ul li.view .text .fold div::after {transform: translate(-50%,-50%) rotate(90deg);}

@media (hover: hover) {
    #section2 .s_content ul li .text p {transition:color 0.2s;}
    #section2 .s_content ul li:hover .text p {color:#184D98;} 
}
@media (max-width:1300px) {
	#section2 .s_content ul {gap:3rem;}
    #section2 .s_content ul li {width:calc(50% - 1.5rem);}
    #section2 .s_content ul li .text {padding:3rem;}
}
@media (max-width:1200px) {
	#section2 .s_content ul {gap:2.4rem;}
    #section2 .s_content ul li {width:calc(50% - 1.2rem); height:47rem; aspect-ratio:initial; }
    #section2 .s_content ul li .text {padding:2.4rem;}
    #section2 .s_content ul li .text p {--origFont:2.6rem; --origLine:3.6rem; --origMargin:1.2rem;}
}
@media (max-width:1023px) {
    #section2 .s_content ul {gap:3rem;}
    #section2 .s_content ul li {width:100%; height:42rem;}
    #section2 .s_content ul li img {width:110%;}
    #section2 .s_content ul li .text {padding:3.6rem;}
    #section2 .s_content ul li .text p {--origFont:2.8rem; --origLine:3.8rem; --origMargin:1.6rem;}
}
@media (max-width:900px) {
    #section2 .s_content ul li {height:40rem;}
    #section2 .s_content ul li img { position: absolute; top:50%; right:-6%; transform: translateY(-50%);}
    #section2 .s_content ul li .text {padding:3rem;}
    #section2 .s_content ul li .text p {--origFont:2.7rem; --origLine:3.7rem; --origMargin:1.4rem;}

    #section2 .s_content ul li .text .details em,
    #section2 .s_content ul li .text .details strong,
    #section2 .s_content ul li .text .details .link a {font-size:1.6rem; line-height:2.6rem;}
    #section2 .s_content ul li .text .details .link {margin-top:2rem;}
}
@media (max-width:767px) {
    #section2 .s_content ul li {height:42rem;}
    #section2 .s_content ul li img { height:110%; top:0; right:-10%; transform:none;}
    #section2 .s_content ul li .text p {--origFont:2.5rem; --origLine:3.5rem; --viewFont:2rem; --viewLine:3rem;}
}
@media (max-width:600px) {
    #section2 .s_content ul {gap:2.4rem;}
    #section2 .s_content ul li {height:40rem; border-radius:1.2rem;}
    #section2 .s_content ul li .text {padding:2.4rem;}
    #section2 .s_content ul li .text p {--origFont:2.3rem; --origLine:3.3rem; --origMargin:1.2rem; --viewFont:1.8rem; --viewLine:2.8rem;}

    #section2 .s_content ul li .text .details {margin-top:1.6rem;}
    #section2 .s_content ul li .text .details em,
    #section2 .s_content ul li .text .details strong,
    #section2 .s_content ul li .text .details .link a {font-size:1.5rem; line-height:2.4rem;}
    #section2 .s_content ul li .text .details .link {margin-top:1.6rem;}

    #section2 .s_content ul li .text .fold {width:1.8rem;}
}
@media (max-width:479px) {
    #section2 .s_content ul {gap:2rem;}
    #section2 .s_content ul li .text {padding:2rem;}
    #section2 .s_content ul li .text b span {font-size:1.4rem; line-height:2.2rem;}
    #section2 .s_content ul li .text p {--origFont:2.2rem; --origLine:3.2rem; --origMargin:1rem; --viewFont:1.8rem; --viewLine:2.6rem; --origTop:2.2rem; letter-spacing:-0.04em;}

    #section2 .s_content ul li .text .details {margin-top:1.6rem;}
    #section2 .s_content ul li .text .details em {font-size:1.5rem; line-height:2.3rem;}
    #section2 .s_content ul li .text .details em + em {margin-top:1rem;}
    #section2 .s_content ul li .text .details strong {font-size:1.5rem; line-height:2.3rem; margin-top:1rem;}
    #section2 .s_content ul li .text .details .link a {font-size:1.5rem; line-height:2.3rem;}
}
@media (max-width:420px) {
    #section2 .s_content ul {gap:1.6rem;}
    #section2 .s_content ul li {height:38rem; border-radius:0.8rem;}
    #section2 .s_content ul li .text b span {font-size:1.3rem; line-height:2rem;}
    #section2 .s_content ul li .text p {--origFont:2rem; --origLine:3rem; --origMargin:1rem; --viewFont:1.7rem; --viewLine:2.5rem; --origTop:2rem;}

    #section2 .s_content ul li .text .details {margin-top:1.6rem;}
    #section2 .s_content ul li .text .details em {font-size:1.4rem; line-height:2.2rem;}
    #section2 .s_content ul li .text .details em + em {margin-top:0.8rem;}
    #section2 .s_content ul li .text .details strong {font-size:1.4rem; line-height:2.2rem; margin-top:0.8rem;}
    #section2 .s_content ul li .text .details .link a {font-size:1.4rem; line-height:2.2rem;}
    #section2 .s_content ul li .text .details .link {margin-top:1.2rem;}

    #section2 .s_content ul li .text .fold {width:1.6rem;}
}
@media (max-width:330px) {
    #section2 .s_content ul li {height:40rem;}
}



#section3 .s_content {transform: translateY(5rem); opacity:0;}
#section3 .s_content ul {width:100%;}
#section3 .s_content ul li {width:100%; display:flex; align-items: flex-start; padding:3.2rem; background-color:#F9FAFB; border-radius:1.6rem; transition:background-color 0.3s ease; cursor: pointer;}
#section3 .s_content ul li + li {margin-top:4rem;}
#section3 .s_content ul li p {width:20rem; font-size:2.8rem; color:#080404; font-weight:700; letter-spacing:-0.02em; line-height:3.8rem;}
#section3 .s_content ul li .info {width:calc(100% - 26rem); position: relative; padding-right:15rem;}
#section3 .s_content ul li .info em {display: block; font-size:1.8rem; color:#454C53; font-weight:500; letter-spacing:-0.01em; line-height:2.8rem; word-break: keep-all;}
#section3 .s_content ul li .info em + em {max-height:0; opacity: 0; transition: max-height 0.3s ease, opacity 0.3s ease, margin 0.3s ease;}
#section3 .s_content ul li .info img.icon {position: absolute; top:50%; right:0; transform:translateY(-50%); opacity:0; transition:opacity 0.3s ease;}

#section3 .s_content ul li .fold {width:4rem; aspect-ratio:1/1; border-radius:100%; background-color:#fff; position: relative; margin-left: auto; transition:background-color 0.3s ease;}
#section3 .s_content ul li .fold::before,
#section3 .s_content ul li .fold::after {content:""; background-color:#184D98; border-radius:10rem; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#section3 .s_content ul li .fold::before {width:calc(100% - 2.4rem); height:0.2rem; transition:background-color 0.3s;}
#section3 .s_content ul li .fold::after {width:0.2rem; height:calc(100% - 2.4rem); transition:background-color 0.3s ease, transform 0.3s ease;}

#section3 .s_content ul li.show {background-color:#EDF5FF;}
#section3 .s_content ul li.show .info img.icon {opacity:1;}
#section3 .s_content ul li.show .info em + em {max-height:10rem; opacity: 1; margin-top: 1.6rem;}
#section3 .s_content ul li.show .fold {cursor: default;}
#section3 .s_content ul li.show .fold::before {background-color:#C9CDD2;}
#section3 .s_content ul li.show .fold::after {background-color:#C9CDD2; transform: translate(-50%,-50%) rotate(90deg);}

@media (hover: hover) {
    #section3 .s_content ul li {transition:background-color 0.2s;}
    #section3 .s_content ul li:not(.show):hover {background-color:#F7F8F9;}
    #section3 .s_content ul li:not(.show):hover .fold {background-color: #184D98;}
    #section3 .s_content ul li:not(.show):hover .fold::before,
    #section3 .s_content ul li:not(.show):hover .fold::after {background-color:#fff;}
}
@media (max-width:1300px) {
    #section3 .s_content ul li p {width:18rem;}
    #section3 .s_content ul li .info {width:calc(100% - 24rem); padding-right:13rem;}
}
@media (max-width:1200px) {
    #section3 .s_content ul li {padding:3rem;}
    #section3 .s_content ul li + li {margin-top:3.6rem;}
    #section3 .s_content ul li p {width:17rem; font-size:2.6rem; line-height:3.6rem;}
    #section3 .s_content ul li .info {width:calc(100% - 23rem); padding-right:14rem;}
    #section3 .s_content ul li .info em {font-size:1.7rem; line-height:2.7rem;}
    #section3 .s_content ul li:nth-child(1) .info em + em br:last-child {display:none;}
    
    #section3 .s_content ul li .info img.icon {width:12rem;}

    #section3 .s_content ul li .fold {width:3.6rem;}
    #section3 .s_content ul li .fold::before {width:calc(100% - 2rem);}
    #section3 .s_content ul li .fold::after {height:calc(100% - 2rem);}
}
@media (max-width:1023px) {
    #section3 .s_content ul li {display: block; position: relative;}
    #section3 .s_content ul li + li {margin-top:3.2rem;}

    #section3 .s_content ul li p {width:100%;}
    #section3 .s_content ul li .info {width:100%; margin-top:1.6rem; padding-right:14.4rem;}
    #section3 .s_content ul li .fold {position: absolute; top:3rem; right:3rem;}
}
@media (max-width:767px) {
    #section3 .s_content ul li {padding:2.4rem;}
    #section3 .s_content ul li + li {margin-top:2.8rem;}

    #section3 .s_content ul li p {font-size:2.4rem; line-height:3.4rem;}
    #section3 .s_content ul li .info {padding:0;}
    #section3 .s_content ul li .info em {font-size:1.6rem; line-height:2.4rem;}
    #section3 .s_content ul li:nth-child(1) .info em + em br:last-child {display:block;}
    #section3 .s_content ul li .info img.icon {display:none;}

    #section3 .s_content ul li .fold {width:3.2rem; top:2.4rem; right:2.4rem;}
}
@media (max-width:600px) {
    #section3 .s_content ul li {border-radius:1.2rem;}
    #section3 .s_content ul li + li {margin-top:2.4rem;}
    #section3 .s_content ul li p {font-size:2.2rem; line-height:3.2rem;}
    #section3 .s_content ul li:nth-child(1) .info em + em br {display:none!important;}
    #section3 .s_content ul li:nth-child(2) .info em + em br:last-child {display:none;}
}
@media (max-width:479px) {
    #section3 .s_content ul li {padding:2rem;}
    #section3 .s_content ul li + li {margin-top:2rem;}
    #section3 .s_content ul li p {font-size:2rem; line-height:3rem;}
    #section3 .s_content ul li .info {margin-top:1.2rem;}
    #section3 .s_content ul li .info em {font-size:1.5rem; line-height:2.3rem;}

    #section3 .s_content ul li .fold {width:2.8rem; top:2rem; right:2rem;}
    #section3 .s_content ul li .fold::before {width:calc(100% - 1.6rem);}
    #section3 .s_content ul li .fold::after {height:calc(100% - 1.6rem);}

    #section3 .s_content ul li .info em + em br {display:none!important;}
    #section3 .s_content ul li:nth-child(2) .info em:nth-child(1) br {display:none;} 
    #section3 .s_content ul li.show .info em + em {max-height:15rem; margin-top: 1.2rem;}
}
@media (max-width:420px) {
    #section3 .s_content ul li {padding:1.6rem; border-radius:1rem;}
    #section3 .s_content ul li + li {margin-top:1.6rem;}
    #section3 .s_content ul li p {font-size:1.8rem; line-height:2.8rem;}
    #section3 .s_content ul li .info em {font-size:1.4rem; line-height:2.2rem;}

    #section3 .s_content ul li .fold {width:2.4rem; top:1.6rem; right:1.6rem;}
    #section3 .s_content ul li .fold::before {width:calc(100% - 1.2rem);}
    #section3 .s_content ul li .fold::after {height:calc(100% - 1.2rem);}

    #section3 .s_content ul li .info em + em br {display:none!important;}
    #section3 .s_content ul li:nth-child(2) .info em:nth-child(1) br {display:none;} 
    #section3 .s_content ul li.show .info em + em {max-height:13rem; margin-top: 0.8rem;}
}


#section4 {width:100%;}
#section4 .s_content {transform: translateY(5rem); opacity:0;}
#section4 .s_content .partnerList {width:100%; position: relative;}
#section4 .s_content .partnerList::before {content:""; width:10rem; height:100%; position: absolute; top:0; left:0; background:linear-gradient(to right, #fff 20%, transparent 100%); z-index:2;}
#section4 .s_content .partnerList::after {content:""; width:10rem; height:100%; position: absolute; top:0; right:0; background:linear-gradient(to left, #fff 20%, transparent 100%); z-index:2;}
#section4 .s_content .partnerList .p_list {display:flex;}
#section4 .s_content .partnerList .p_list .list {display:flex; justify-content: center; position: relative; gap:8rem; animation:none; transform: translateX(0);}
#section4 .s_content .partnerList .p_list .list div img {display: block;}
@keyframes marquee {
    to {transform: translateX(-349.4rem);}
}

#section4 .s_content.showAni .p_list .list {animation:marquee 24s linear infinite; animation-delay:0.1s;}

@media (max-width:1200px) {
    #section4 .s_content .partnerList .p_list .list {gap:7.2rem;}
	#section4 .s_content .partnerList .p_list .list div img {height:9.6rem;}

    @keyframes marquee {
		to {transform: translateX(-307.105rem);}
	}
}
@media (max-width:1023px) {
	#section4 .s_content .partnerList::before,
	#section4 .s_content .partnerList::after {width:8rem;}
	#section4 .s_content .partnerList .p_list .list {gap:6rem;}
	#section4 .s_content .partnerList .p_list .list div img {height:9rem;}

	@keyframes marquee {
		to {transform: translateX(-280.411rem);}
	}
}
@media (max-width:767px) {
	#section4 .s_content .partnerList::before,
	#section4 .s_content .partnerList::after {width:3rem;}
	#section4 .s_content .partnerList .p_list .list {gap:4.8rem;}
	#section4 .s_content .partnerList .p_list .list div img {height:8rem;}

	@keyframes marquee {
		to {transform: translateX(-243.927rem);}
	}
}
@media (max-width:479px) {
	#section4 .s_content .partnerList::before,
	#section4 .s_content .partnerList::after {width:2.2rem;}
	#section4 .s_content .partnerList .p_list .list {gap:4rem;}
	#section4 .s_content .partnerList .p_list .list div img {height:6.6rem;}

	@keyframes marquee {
		to {transform: translateX(-201.634rem);}
	}
}
@media (max-width:420px) {
	#section4 .s_content .partnerList::before,
	#section4 .s_content .partnerList::after {width:2rem;}
    #section4 .s_content .partnerList .p_list .list {gap:3.6rem;}
	#section4 .s_content .partnerList .p_list .list div img {height:6.2rem;}

	@keyframes marquee {
		to {transform: translateX(-187.836rem);}
	}
}


#section5 .s_content {transform: translateY(5rem); opacity:0;}
#section5 .s_content .newsroom_list {width:100%;}
#section5 .s_content .newsroom_list .nr_item {width:100%; display:flex; align-items: center;}
#section5 .s_content .newsroom_list .nr_item + .nr_item {margin-top:4.6rem;} 
#section5 .s_content .newsroom_list .nr_item .thumb {width:25.6rem; aspect-ratio:1.6/1; border-radius:0.8rem; overflow: hidden; position: relative; -webkit-radial-gradient(white, black); isolation: isolate; display:flex; align-items: center; justify-content: center;}
#section5 .s_content .newsroom_list .nr_item .thumb::before {content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.2); position: absolute; top:0; left:0; opacity:0; z-index:2;}
#section5 .s_content .newsroom_list .nr_item .thumb img {display: block; width:100%; height:100%; object-fit: cover;}
#section5 .s_content .newsroom_list .nr_item .info {width:calc(100% - 25.6rem); padding-left:4.8rem;}
#section5 .s_content .newsroom_list .nr_item .info p {font-size:2.8rem; color:#080404; font-weight:600; letter-spacing:-0.02em; line-height:3.8rem; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
#section5 .s_content .newsroom_list .nr_item .info em {font-size:1.8rem; color:#454C53; font-weight:500; letter-spacing:-0.01em; line-height:2.8rem; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; margin-top:1.2rem; display: block;}
#section5 .s_content .newsroom_list .nr_item .info div {width:100%; display:flex; align-items: center; margin-top:1.2rem; gap:3rem;}
#section5 .s_content .newsroom_list .nr_item .info div span {font-size:1.5rem; color:#72787F; font-weight:500; line-height:2.4rem; position: relative;}
#section5 .s_content .newsroom_list .nr_item .info div span b {font-size:inherit; color:#454C53; font-weight:inherit;}
#section5 .s_content .newsroom_list .nr_item .info div span + span::before {content:""; width:1px; height:1.4rem; background-color:#9EA4AA; position: absolute; top:50%; left:-1.5rem; transform: translateY(-50%);}

#section5 .s_content .btn {width:100%; margin-top:8rem; display:flex; justify-content: center;}
#section5 .s_content .btn a {padding:0 2.4rem; height:4.8rem; display:flex; align-items: center; justify-content: center; background-color:#EFF3F8; border-radius:0.8rem;}
#section5 .s_content .btn a em {font-size:1.6rem; color:#454C53; font-weight:700; letter-spacing:-0.01em; line-height:2.4rem;}


@media (hover: hover) {
    #section5 .s_content .newsroom_list a.nr_item .thumb::before {transition:opacity 0.5s ease;}
    #section5 .s_content .newsroom_list a.nr_item .thumb img {transition:transform 0.5s ease;}
    #section5 .s_content .newsroom_list a.nr_item:hover .thumb::before {opacity:1;}
	#section5 .s_content .newsroom_list a.nr_item:hover .thumb img {transform: scale(1.05);}
	#section5 .s_content .newsroom_list a.nr_item:hover .info p {text-decoration: underline; text-underline-offset:0.2rem;}

	#section5 .s_content .btn a {transition:background-color 0.2s;}
	#section5 .s_content .btn a em {transition:color 0.2s;}
	#section5 .s_content .btn a:hover {background-color:#184D98;}
	#section5 .s_content .btn a:hover em {color:#fff;}
}
@media (max-width:1200px) {
    #section5 .s_content .newsroom_list .nr_item .thumb {width:23rem;}
    #section5 .s_content .newsroom_list .nr_item .info {width:calc(100% - 23rem); padding-left:4rem;}
    #section5 .s_content .newsroom_list .nr_item .info p {font-size:2.6rem; line-height:3.6rem;}
}
@media (max-width:1023px) {
	#section5 .s_content .newsroom_list .nr_item .thumb {width:21.8rem;}
	#section5 .s_content .newsroom_list .nr_item .info {width:calc(100% - 21.8rem); padding-left:3.2rem;}
	#section5 .s_content .newsroom_list .nr_item .info p {font-size:2.4rem; line-height:3.4rem;}
	#section5 .s_content .newsroom_list .nr_item .info em {font-size:1.7rem; line-height:2.7rem;}
	#section5 .s_content .newsroom_list .nr_item .info div {gap:2.6rem;}
    #section5 .s_content .newsroom_list .nr_item .info div span {font-size:1.4rem; line-height:2rem;}
	#section5 .s_content .newsroom_list .nr_item .info div span + span::before {height:1.3rem; left:-1.2rem;}

    #section5 .s_content .btn {margin-top:7rem;}
}
@media (max-width:900px) {
	#section5 .s_content .newsroom_list .nr_item .thumb {width:20rem;}
	#section5 .s_content .newsroom_list .nr_item .info {width:calc(100% - 20rem); padding-left:3rem;}
	#section5 .s_content .newsroom_list .nr_item .info p {font-size:2.3rem; line-height:3.3rem;}
	#section5 .s_content .newsroom_list .nr_item .info em {font-size:1.6rem; line-height:2.6rem; margin-top:1rem;}
	#section5 .s_content .newsroom_list .nr_item .info div {gap:2.4rem; margin-top:1rem;}
}
@media (max-width:767px) {
    #section5 .s_content {margin-top:4.6rem;}
	#section5 .s_content .newsroom_list .nr_item {display: block; padding:2.4rem 0; border-bottom:1px solid #E3E5E8;}
	#section5 .s_content .newsroom_list .nr_item + .nr_item {margin:0;} 
	
    #section5 .s_content .newsroom_list .nr_item .thumb {display:none;}
	#section5 .s_content .newsroom_list .nr_item .info {width:100%; padding:0;}
	#section5 .s_content .newsroom_list .nr_item .info p {font-size:2.1rem; line-height:3.1rem;}
	#section5 .s_content .newsroom_list .nr_item .info em {margin-top:0.8rem;}
	#section5 .s_content .newsroom_list .nr_item .info div {margin-top:0.8rem;}

    #section5 .s_content .btn {margin-top:6.4rem;}
    #section5 .s_content .btn a {padding:0 2.2rem; height:4.7rem;}
    #section5 .s_content .btn a em {font-size:1.5rem; line-height:2.3rem;}
}
@media (max-width:600px) {
    #section5 .s_content {margin-top:3.6rem;}
    #section5 .s_content .newsroom_list .nr_item {padding:2rem 0;}
	#section5 .s_content .newsroom_list .nr_item .info p {font-size:1.9rem; line-height:2.9rem;}
	#section5 .s_content .newsroom_list .nr_item .info em {font-size:1.5rem; line-height:2.5rem; margin-top:0.6rem;}
    #section5 .s_content .newsroom_list .nr_item .info div {margin-top:0.6rem;}
    #section5 .s_content .newsroom_list .nr_item .info div span {font-size:1.3rem; line-height:2rem;}
	#section5 .s_content .newsroom_list .nr_item .info div span b {font-size:1.3rem;}
	#section5 .s_content .newsroom_list .nr_item .info div span + span::before {height:1.1rem; transform: translateY(-50%) translateY(-0.05rem);}

    #section5 .s_content .btn {margin-top:5.6rem;}
}
@media (max-width:479px) {
	#section5 .s_content .newsroom_list .nr_item .info p {font-size:1.8rem; line-height:2.8rem;}
	#section5 .s_content .newsroom_list .nr_item .info em {font-size:1.4rem; line-height:2.4rem; margin-top:0.4rem;}
	#section5 .s_content .newsroom_list .nr_item .info div {margin-top:0.4rem;}

    #section5 .s_content .btn {margin-top:4rem;}
    #section5 .s_content .btn a {width:100%; height:4.8rem;}
    #section5 .s_content .btn a em {font-size:1.4rem; line-height:2.2rem;}
}



#section6 {padding-top:0; padding-bottom:16rem; overflow: hidden;}
#section6 .s_content {position: relative; margin-top:0; transform: translateY(5rem); opacity:0;}
#section6 .s_content .cont {width:100%; height:28rem; display:flex; align-items: center; background:url("/img/main/renew/s6_img.jpg")no-repeat center; border-radius:1.6rem;}
#section6 .s_content .cont .text {width:100%; display:flex; justify-content: center; flex-wrap:wrap;}
#section6 .s_content .cont .text h2 {font-size:2.8rem; color:#080404; font-weight:700; letter-spacing:-0.02em; line-height:3.8rem; text-align: center; width:100%;}
#section6 .s_content .cont .text h2 br.m_br {display:none;}
#section6 .s_content .cont .text .btn {margin-top:4rem;}
#section6 .s_content .cont .text .btn a {padding:0 2.4rem; height:4.8rem; display:flex; align-items: center; justify-content: center; background-color:#184D98; border-radius:0.8rem; font-size:1.6rem; color:#fff; font-weight:700; letter-spacing:-0.01em; line-height:2.4rem;}

@media (hover: hover) {
	#section6 .s_content .cont .text .btn a {transition:background-color 0.2s;}
	#section6 .s_content .cont .text .btn a:hover {background-color:#112c52;}
}
@media (max-width:1200px) {
    #section6 .s_content .cont .text h2 {font-size:2.6rem; line-height:3.6rem;}
    #section6 .s_content .cont .text .btn {margin-top:3.6rem;}
}
@media (max-width:1023px) {
	#section6 .s_content .cont {height:26rem;}
    #section6 .s_content .cont .text h2 {font-size:2.5rem; line-height:3.5rem;}
    #section6 .s_content .cont .text .btn {margin-top:3.2rem;}
}
@media (max-width:900px) {
	#section6 .s_content .cont .text h2 {font-size:2.4rem; line-height:3.4rem;}
}
@media (max-width:767px) {
	#section6 .s_content .cont {height:24rem; border-radius:1.2rem;}
	#section6 .s_content .cont .text h2 {font-size:2.3rem; line-height:3.3rem;}
    #section6 .s_content .cont .text .btn {margin-top:2.8rem;}
    #section6 .s_content .cont .text .btn a {padding:0 2.2rem; height:4.5rem; font-size:1.5rem; line-height:2.3rem;}
}
@media (max-width:600px) {
    #section6 {padding-bottom:14rem;}
	#section6 .s_content .cont {height:22rem; border-radius:1rem;}
	#section6 .s_content .cont .text h2 {font-size:2.1rem; line-height:3.1rem;}
    #section6 .s_content .cont .text .btn {margin-top:2.4rem;}
}
@media (max-width:479px) {
    #section6 {padding-bottom:12rem; padding-top:2rem;}
	#section6 .s_content .cont .text h2 {font-size:2rem; line-height:3rem;}
    #section6 .s_content .cont .text h2 br {display:none;}
    #section6 .s_content .cont .text h2 br.m_br {display:block;}
    #section6 .s_content .cont .text .btn {margin-top:2rem;}
    #section6 .s_content .cont .text .btn a {height:4.2rem; font-size:1.4rem; line-height:2.2rem;}
}