/* m_tit */
.m_tit{}
.m_tit h3{font-size: var(--fz42); font-weight: bold; color: #222; line-height: 1em; margin-bottom: 25px; line-height: 1.2em;}
.m_tit h3 span{color: #6c2c8d;}
.m_tit p{font-size: var(--fz20); color: #686868; opacity: 0.6; /*line-height: 1.8em;*/ `word-break: keep-all;}
.m_tit.flex{display: flex; align-items: flex-end; gap:0 30px;}
.m_tit.flex h3{margin-bottom: 0;}

@media all and (max-width:1280px){
	.m_tit h3{font-size: var(--fz36);}
	.m_tit.flex{gap:0 20px;}
}
@media all and (max-width:976px){
	.m_tit.flex{flex-direction: column; align-items: center; text-align: center; }
	.m_tit h3{margin-bottom: 15px;}
	.m_tit.flex h3{margin-bottom: 15px;}
}

/* mVisual */
#mVisual{height: calc(100vh - 300px); width: 100%;}
#mVisual > div{height: 100%;}
#mVisual > div > div{height: 100%;}
#mVisual .mv{background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%;}
#mVisual .mv.mv1{background-image: url(/images/main/visual202501.png);}
#mVisual .mv.mv2{background-image: url(/images/main/visual202502.png);}
#mVisual .mv.mv3{background-image: url(/images/main/visual202503.png);}
#mVisual .mv.mv4{background-image: url(/images/main/visual202504.png);}
#mVisual .mv.mv5{background-image: url(/images/main/visual202505.png);}
#mVisual .inner{height: 100%;}
#mVisual .inner .txt{width: 50%; text-align: center; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#mVisual .inner .txt h4{font-size: var(--fz28); color: #fff; font-weight: 400; word-break: keep-all;}
#mVisual .inner .txt h4 span{color: #6c2c8d; word-break: keep-all;}
#mVisual .inner .txt h3{font-weight: 400; font-size: var(--fz64); color: #fff; margin: 40px 0 55px; line-height: 1.3em; word-break: keep-all;}
#mVisual .inner .txt h3 span{color: #1dffec; word-break: keep-all;}
#mVisual .inner .txt h3 em{font-style: italic;}
#mVisual .inner .txt p{font-size: var(--fz20); color: #fff; font-weight: 500; line-height: 1.8em; word-break: keep-all;}
#mVisual .slick-dots{transform: translateX(-50%); bottom: 55px;}
#mVisual .slick-dots li{width: 11px; height: 11px; border: 1px solid #6d2b8d; background-color: transparent;}
#mVisual .slick-dots li.slick-active{background-color: #6d2b8d;}

@media all and (max-width:1400px){
	#mVisual{height: calc(100vh - 470px);}
	#mVisual .inner .txt{width: 100%;}
	#mVisual .inner .txt h4{font-size: var(--fz24);}
	#mVisual .inner .txt h3{font-size: var(--fz56); margin: 25px 0 30px;}
}
@media all and (max-width:768px){
	#mVisual{height: calc(100vh - 455px);}
	#mVisual{height: 80vh; min-height: 560px;}
    #mVisual .inner .txt h3{font-size: var(--fz42); margin: 20px 0 25px;}
    #mVisual .inner .txt p{font-size: var(--fz19);}
	#mVisual .slick-dots{bottom: 35px;}
    #mVisual .mv{background-position: 70% center;}
	#mVisual .mv.mv1{background-image: url(/images/main/mvisual202501.png);}
	#mVisual .mv.mv2{background-image: url(/images/main/mvisual202502.png);}
	#mVisual .mv.mv3{background-image: url(/images/main/mvisual202503.png);}
	#mVisual .mv.mv4{background-image: url(/images/main/mvisual202504.png);}
	#mVisual .mv.mv5{background-image: url(/images/main/mvisual202505.png);}
    /*#mVisual .mv.mv3{background-image: url(/images/main/mv3_mo.jpg);background-position: center center;}*/
    #mVisual .mv3 .inner .txt{margin-top: 90px; justify-content: flex-start;}
}

/* sec2 */
.sec2{padding: 120px 0;}
.sec2 .list{display: flex; gap:20px; margin-top: 50px;}
.sec2 .list li{width: calc(100% / 4 - 60px / 4); height: 460px; background-repeat: no-repeat; background-size: cover; background-position: bottom center; border-radius: 10px;}
.sec2 .list li:nth-child(1){background-image: url(/images/main/sec2_bg1.jpg);}
.sec2 .list li:nth-child(2){background-image: url(/images/main/sec2_bg2.jpg);}
.sec2 .list li:nth-child(3){background-image: url(/images/main/sec2_bg3.jpg);}
.sec2 .list li:nth-child(4){background-image: url(/images/main/sec2_bg4.jpg);}
.sec2 .list li a{width: 100%; height: 100%; padding: 40px 50px; display: block;}
.sec2 .list li a .txt{ color: #fff;}
.sec2 .list li a .txt h3{font-size: var(--fz30);}
.sec2 .list li a .txt p{font-size: var(--fz16); opacity: 0.7; margin-top: 20px; line-height: 1.6em; word-break: keep-all;}

@media all and (max-width:1600px){
	.sec2 .list li{height: 400px;}
	.sec2 .list li a{padding: 30px 40px;}
	.sec2 .list li a .txt p br{display: none;}
}
@media all and (max-width:1280px){
	.sec2{padding: 90px 0;}
	.sec2 .list{margin-top: 35px;}
	.sec2 .list li a .txt h3{font-size: var(--fz24);}
	.sec2 .list li a .txt p{margin-top: 15px;}
}
@media all and (max-width:976px){
	.sec2{padding: 70px 0;}
	.sec2 .list{flex-wrap: wrap; gap:10px;}
	.sec2 .list li{width: calc(100% / 2 - 10px / 2); height: 60vw; max-height: 400px;}
	.sec2 .list li a{padding: 25px 30px;}
}
@media all and (max-width:768px){
    .sec2 .list li a .txt p{margin-top: 10px;}
}

/* sec6 */
.sec6{/*background: url(/images/main/sec4_bg.jpg) no-repeat center center / cover;*/ padding: 120px 0;}
.sec6 .inner{}
.sec6 .inner .top{display: flex; align-items: flex-end; justify-content: space-between;}
.sec6 .inner .top .arrow{display: flex; gap:0 5px; cursor: pointer;}
.sec6 .inner .bottom{margin-top: 50px;}
.sec6 .inner .bottom li{float:left;}

.sec6 .inner .bottom li{border-radius: 10px; overflow: hidden; margin-right: 20px; max-width: 385px;}
.sec6 .inner .bottom li a{}
.sec6 .inner .bottom li a .img{}
.sec6 .inner .bottom li a .img img{max-width: 100%;}
.sec6 .inner .bottom li a .txt{padding: 30px; background-color: #f6f9fe; border-radius:0 0 10px 10px; border:1px dashed #cbd9f4; border-top:none; }
.sec6 .inner .bottom li a .txt h4{font-size: var(--fz18); color: #222222; font-weight: bold;}
.sec6 .inner .bottom li a .txt p{font-size: var(--fz14); color: #686868; margin-top: 20px;}

@media all and (max-width:1280px){
	.sec6{padding: 75px 0;}
}
@media all and (max-width:976px){
	.sec6{padding: 55px 0;}
	.sec6 .inner .top{flex-direction: column; align-items: center;}
	.sec6 .inner .top .arrow{display: none;}
	.sec6 .inner .bottom{margin-top: 40px;}
	.sec6 .inner .bottom li{max-width: 340px;}
}
@media all and (max-width:768px){
	.sec6 .inner .bottom li{max-width: 300px;}
	.sec6 .inner .bottom li a .txt{padding: 20px;}
}
@media all and (max-width:500px){
    .sec6 .inner .bottom li{max-width: 260px;}
}

/* sec4 */
.sec4{padding: 120px 0; background: url(/images/main/sec4_bg.jpg) no-repeat center center / cover;}
.sec4 .inner{display: flex;}
.sec4 .inner .l_cont{width: 405px;}
.sec4 .inner .l_cont .m_tit{margin-top: 20px;}
.sec4 .inner .l_cont .arrow{margin-top: 80px; display: flex; gap:0 5px; cursor: pointer;}
.sec4 .inner .l_cont .arrow .prev{}
.sec4 .inner .l_cont .arrow .next{}
.sec4 .inner .r_cont{ width: calc(100% - 405px);}
.sec4 .inner .r_cont ol{}
.sec4 .inner .r_cont ol > div > div > li{max-width: 384px; margin-right: 20px;}
.sec4 .inner .r_cont ol li .img{border-radius: 10px; overflow: hidden;}
.sec4 .inner .r_cont ol li .img img{max-width: 100%;}
.sec4 .inner .r_cont ol li .txt{background-color: #fff; width: 90%; padding: 30px 40px; border-top-right-radius: 50px; border-bottom-right-radius: 10px; box-shadow: 5px 0 8px rgba(0,0,0,0.05); margin-top: -60px; position: relative; z-index: 2;}
.sec4 .inner .r_cont ol li .txt .top{padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #f1f1f1;}
.sec4 .inner .r_cont ol li .txt .top h3{font-size: var(--fz24); color: #222222; font-weight: 400;}
.sec4 .inner .r_cont ol li .txt .top h3 span{font-size: var(--fz32); color: #3d1c4e; font-weight: 700;}
.sec4 .inner .r_cont ol li .txt .bottom{ display: flex; flex-wrap: wrap; gap:0 10px;}
.sec4 .inner .r_cont ol li .txt .bottom li{color: #686868; position: relative; padding-left: 10px; font-size:var(--fz16); width: 100%/*calc(50% - 5px)*/; line-height: 1.5em;}
.sec4 .inner .r_cont ol li .txt .bottom li::before{content:'·'; position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #6c2c8d; font-size: var(--fz24);}

@media all and (max-width:1280px){
	.sec4{padding: 90px 0;}
	.sec4 .inner .l_cont{width: 340px;}
	.sec4 .inner .r_cont{width: calc(100% - 340px);}
	.sec4 .inner .r_cont ol > div > div > li{max-width: 300px;}
	.sec4 .inner .r_cont ol li .txt{width: 100%; padding: 20px 30px;}
	.sec4 .inner .r_cont ol li .txt .top{padding-bottom: 8px; margin-bottom: 8px;}
	.sec4 .inner .r_cont ol li .txt .top h3 span{font-size: var(--fz28);}
	.sec4 .inner .r_cont ol li .txt .top h3{font-size: var(--fz20);}
}
@media all and (max-width:976px){
	.sec4{padding: 70px 0;}
	.sec4 .inner .l_cont .m_tit{margin-top: 0; text-align: center !important;}
	.sec4 .m_tit h3 br{display: none;}
	.sec4 .m_tit p br{display: none;}
	.sec4 .inner{flex-direction: column;}
	.sec4 .inner .l_cont{width: 100%; margin-bottom: 50px;}
	.sec4 .inner .l_cont .arrow{margin-top: 30px; display: none;}
	.sec4 .inner .l_cont .arrow img{max-width: 48px;}
	.sec4 .inner .r_cont{width: 100%;}
}
@media all and (max-width:500px){
    .sec4 .inner .l_cont{margin-bottom: 35px;}
    .sec4 .inner .r_cont ol > div > div > li{max-width: 280px;}
}

/* sec2 */
.sec2{padding: 120px 0;}
.sec2 .list{display: flex; gap:20px; margin-top: 50px;}
.sec2 .list li{width: calc(100% / 4 - 60px / 4); height: 460px; background-repeat: no-repeat; background-size: cover; background-position: bottom center; border-radius: 10px;}
.sec2 .list li:nth-child(1){background-image: url(/images/main/sec2_bg1.jpg);}
.sec2 .list li:nth-child(2){background-image: url(/images/main/sec2_bg2.jpg);}
.sec2 .list li:nth-child(3){background-image: url(/images/main/sec2_bg3.jpg);}
.sec2 .list li:nth-child(4){background-image: url(/images/main/sec2_bg4.jpg);}
.sec2 .list li a{width: 100%; height: 100%; padding: 40px 50px; display: block;}
.sec2 .list li a .txt{ color: #fff;}
.sec2 .list li a .txt h3{font-size: var(--fz30);}
.sec2 .list li a .txt p{font-size: var(--fz16); opacity: 0.7; margin-top: 20px; line-height: 1.6em; word-break: keep-all;}

@media all and (max-width:1600px){
	.sec2 .list li{height: 400px;}
	.sec2 .list li a{padding: 30px 40px;}
	.sec2 .list li a .txt p br{display: none;}
}
@media all and (max-width:1280px){
	.sec2{padding: 90px 0;}
	.sec2 .list{margin-top: 35px;}
	.sec2 .list li a .txt h3{font-size: var(--fz24);}
	.sec2 .list li a .txt p{margin-top: 15px;}
}
@media all and (max-width:976px){
	.sec2{padding: 70px 0;}
	.sec2 .list{flex-wrap: wrap; gap:10px;}
	.sec2 .list li{width: calc(100% / 2 - 10px / 2); height: 60vw; max-height: 400px;}
	.sec2 .list li a{padding: 25px 30px;}
}
@media all and (max-width:768px){
    .sec2 .list li a .txt p{margin-top: 10px;}
}

/* sec5 */
.sec5{padding: 120px 0; background: url(/images/main/sec4_bg.jpg) no-repeat center center / cover;}
.sec5 .inner{display: flex;}
.sec5 .inner .l_cont{width: 405px;}
.sec5 .inner .l_cont .m_tit{margin-top: 20px;}
.sec5 .inner .l_cont .arrow{margin-top: 80px; display: flex; gap:0 5px; cursor: pointer;}
.sec5 .inner .l_cont .arrow .prev{}
.sec5 .inner .l_cont .arrow .next{}
.sec5 .inner .r_cont{ width: calc(100% - 405px);}
.sec5 .inner .r_cont ol{}
.sec5 .inner .r_cont ol > div > div > li{max-width: 384px; margin-right: 20px;}
.sec5 .inner .r_cont ol li .img{border-radius: 10px; overflow: hidden;}
.sec5 .inner .r_cont ol li .img img{max-width: 100%;}
.sec5 .inner .r_cont ol li .txt{background-color: #fff; width: 90%; padding: 30px 40px; border-top-right-radius: 50px; border-bottom-right-radius: 10px; box-shadow: 5px 0 8px rgba(0,0,0,0.05); margin-top: -60px; position: relative; z-index: 2;}
.sec5 .inner .r_cont ol li .txt .top{padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #f1f1f1;}
.sec5 .inner .r_cont ol li .txt .top h3{font-size: var(--fz24); color: #222222; font-weight: 400;}
.sec5 .inner .r_cont ol li .txt .top h3 span{font-size: var(--fz32); color: #3d1c4e; font-weight: 700;}
.sec5 .inner .r_cont ol li .txt .bottom{ display: flex; flex-wrap: wrap; gap:0 10px;}
.sec5 .inner .r_cont ol li .txt .bottom li{color: #686868; position: relative; padding-left: 10px; font-size:var(--fz16); width: 100%/*calc(50% - 5px)*/; line-height: 1.5em;}
.sec5 .inner .r_cont ol li .txt .bottom li::before{content:'·'; position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #6c2c8d; font-size: var(--fz24);}

@media all and (max-width:1280px){
	.sec5{padding: 90px 0;}
	.sec5 .inner .l_cont{width: 340px;}
	.sec5 .inner .r_cont{width: calc(100% - 340px);}
	.sec5 .inner .r_cont ol > div > div > li{max-width: 300px;}
	.sec5 .inner .r_cont ol li .txt{width: 100%; padding: 20px 30px;}
	.sec5 .inner .r_cont ol li .txt .top{padding-bottom: 8px; margin-bottom: 8px;}
	.sec5 .inner .r_cont ol li .txt .top h3 span{font-size: var(--fz28);}
	.sec5 .inner .r_cont ol li .txt .top h3{font-size: var(--fz20);}
}
@media all and (max-width:976px){
	.sec5{padding: 70px 0;}
	.sec5 .inner .l_cont .m_tit{margin-top: 0; text-align: center !important;}
	.sec5 .m_tit h3 br{display: none;}
	.sec5 .m_tit p br{display: none;}
	.sec5 .inner{flex-direction: column;}
	.sec5 .inner .l_cont{width: 100%; margin-bottom: 50px;}
	.sec5 .inner .l_cont .arrow{margin-top: 30px; display: none;}
	.sec5 .inner .l_cont .arrow img{max-width: 48px;}
	.sec5 .inner .r_cont{width: 100%;}
}
@media all and (max-width:500px){
    .sec5 .inner .l_cont{margin-bottom: 35px;}
    .sec5 .inner .r_cont ol > div > div > li{max-width: 280px;}
}


/* sec8 */
.sec8{background: url(/images/main/sec4_bg.jpg) no-repeat center center / cover; padding: 120px 0;}
.sec8 .inner{}
.sec8 .inner .top{display: flex; align-items: flex-end; justify-content: space-between;}
.sec8 .inner .top .arrow{display: flex; gap:0 5px; cursor: pointer;}
.sec8 .inner .bottom{margin-top: 50px;}
.sec8 .inner .bottom li{float:left;}

.sec8 .inner .bottom li{border-radius: 10px; overflow: hidden; margin-right: 20px; max-width: 385px;}
.sec8 .inner .bottom li a{}
.sec8 .inner .bottom li a .img{}
.sec8 .inner .bottom li a .img img{max-width: 100%;}
.sec8 .inner .bottom li a .txt{padding: 30px; background-color: #fff;}
.sec8 .inner .bottom li a .txt h4{font-size: var(--fz18); color: #222222; font-weight: 400;}
.sec8 .inner .bottom li a .txt p{font-size: var(--fz14); color: #686868; margin-top: 20px;}

@media all and (max-width:1280px){
	.sec8{padding: 75px 0;}
}
@media all and (max-width:976px){
	.sec8{padding: 55px 0;}
	.sec8 .inner .top{flex-direction: column; align-items: center;}
	.sec8 .inner .top .arrow{display: none;}
	.sec8 .inner .bottom{margin-top: 40px;}
	.sec8 .inner .bottom li{max-width: 340px;}
}
@media all and (max-width:768px){
	.sec8 .inner .bottom li{max-width: 300px;}
	.sec8 .inner .bottom li a .txt{padding: 20px;}
}
@media all and (max-width:500px){
    .sec8 .inner .bottom li{max-width: 260px;}
}


/* sec9 */
.sec9{padding: 120px 0; /*background: url(/images/main/sec4_bg.jpg) no-repeat center center / cover;*/}
.sec9 .inner{display: flex;}
.sec9 .inner .l_cont{width: 305px; padding-left:50px;}
.sec9 .inner .l_cont .m_tit{margin-top: 20px;}
.sec9 .inner .l_cont .arrow{margin-top: 80px; display: flex; gap:0 5px; cursor: pointer;flex-direction: row-reverse;position: absolute; bottom: 0; right: 0;}
.sec9 .inner .l_cont .arrow .prev{}
.sec9 .inner .l_cont .arrow .next{}
.sec9 .inner .r_cont{ width: calc(100% - 305px);}
.sec9 .inner .r_cont ol{}
.sec9 .inner .r_cont ol > div > div > li{max-width: 384px; margin-right: 20px;}
.sec9 .inner .r_cont ol li .img{border-radius: 10px; overflow: hidden;}
.sec9 .inner .r_cont ol li .img img{max-width: 100%;}
.sec9 .inner .r_cont ol li .txt{background-color: #fff; width: 90%; padding: 30px 40px; border-top-right-radius: 50px; border-bottom-right-radius: 10px; box-shadow: 5px 0 8px rgba(0,0,0,0.05); margin-top: -60px; position: relative; z-index: 2;}
.sec9 .inner .r_cont ol li .txt .top{padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #f1f1f1;}
.sec9 .inner .r_cont ol li .txt .top h3{font-size: var(--fz24); color: #222222; font-weight: 400;}
.sec9 .inner .r_cont ol li .txt .top h3 span{font-size: var(--fz32); color: #3d1c4e; font-weight: 700;}
.sec9 .inner .r_cont ol li .txt .bottom{ display: flex; flex-wrap: wrap; gap:0 10px;}
.sec9 .inner .r_cont ol li .txt .bottom li{color: #686868; position: relative; padding-left: 10px; font-size:var(--fz16); width: 100%/*calc(50% - 5px)*/; line-height: 1.5em;}
.sec9 .inner .r_cont ol li .txt .bottom li::before{content:'·'; position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #6c2c8d; font-size: var(--fz24);}

@media all and (max-width:1280px){
	.sec9{padding: 90px 0;}
	.sec9 .inner .l_cont{width: 340px;}
	.sec9 .inner .r_cont{width: calc(100% - 340px);}
	.sec9 .inner .r_cont ol > div > div > li{max-width: 300px;}
	.sec9 .inner .r_cont ol li .txt{width: 100%; padding: 20px 30px;}
	.sec9 .inner .r_cont ol li .txt .top{padding-bottom: 8px; margin-bottom: 8px;}
	.sec9 .inner .r_cont ol li .txt .top h3 span{font-size: var(--fz28);}
	.sec9 .inner .r_cont ol li .txt .top h3{font-size: var(--fz20);}
}
@media all and (max-width:976px){
	.sec9{padding: 70px 0;}
	.sec9 .inner .l_cont .m_tit{margin-top: 0; text-align: center !important;}
	.sec9 .m_tit h3 br{display: none;}
	.sec9 .m_tit p br{display: none;}
	.sec9 .inner{flex-direction: column;}
	.sec9 .inner .l_cont{width: 100%; margin-bottom: 50px;}
	.sec9 .inner .l_cont .arrow{margin-top: 30px; display: none;}
	.sec9 .inner .l_cont .arrow img{max-width: 48px;}
	.sec9 .inner .r_cont{width: 100%;}
}
@media all and (max-width:500px){
    .sec9 .inner .l_cont{margin-bottom: 35px;padding:0;}
    .sec9 .inner .r_cont ol > div > div > li{max-width: 280px;}
}