@charset "utf-8";

/* m_tit */
.m_tit{margin-bottom: 60px;}
.m_tit h4{font-size: 2rem; color: #09479e;}
.m_tit h3{font-size: 4rem; color: #000; margin:25px 0 30px; word-break:keep-all;}
.m_tit p{font-size: 1.9rem; font-weight: 400; color: #555555; letter-spacing: -0.05em; word-break:keep-all;}

@media all and (max-width:1280px){
	.m_tit{margin-bottom: 45px;}
	.m_tit h4{font-size: 1.9rem;}
	.m_tit h3{font-size: 3.6rem; margin: 15px 0 20px; line-height: 1.3em;}
	.m_tit p{font-size: 1.8rem; line-height: 1.6em;}
	.m_tit p br{display: none;}
}
@media all and (max-width:768px){
	.m_tit{margin-bottom: 35px;}
	.m_tit h4{font-size: 1.8rem;}
	.m_tit h3{font-size: 3.2rem;}
	.m_tit p{font-size: 1.7rem;}
}

/* mVisual */
#mVisual{position: relative;}
#mVisual .mv{height: calc(100vh - 80px); background-repeat: no-repeat; background-position: center center; background-size: cover;}
#mVisual video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto;}
#mVisual .mv.mv1{background-image: url(/images/main/mv1.jpg);}
#mVisual .mv.mv2{background-image: url(/images/main/mv2.jpg);}
#mVisual .mv.mv3{background-image: url(/images/main/mv3.jpg);}
#mVisual .mv .inner{height: 100%; display: flex; flex-direction: column; justify-content: center;}
#mVisual .mv .inner .txt{}
#mVisual .mv .inner .txt h4{font-family: 'Montserrat', sans-serif; font-size: 2rem; color: #212121; opacity: 0.7; font-weight: 600;}
#mVisual .mv .inner .txt h3{font-size: 5.6rem; color: #212121; font-weight: 500; line-height: 1.2em; margin-top: 15px; margin-bottom: 20px;}
#mVisual .mv .inner .txt h3 b{font-weight: 700; color: #087aba;}
#mVisual .mv .inner .txt p{font-size: 1.9rem; color: #444; opacity: 0.9; font-weight: 300; line-height: 1.5em; word-break: keep-all;}

.bar {position: absolute;left: 50%;bottom: 150px;max-width: 1400px;width: 94%;transform: translate(-50%, 0); display: flex; align-items: center;}
.bar .progress{display: inline-flex; margin-right: 15px;}
.progress div {width: 80px;padding: 0;cursor: pointer;margin-right: 5px; background-color: white;}
.progress div:last-child {margin-right: 0;}
.progress div span.progressBar {display: block;width: 100%;height: 4px;background-color: rgba(255, 255, 255, 1);}
.progress div span.progressBar .inProgress {display: block;width: 0%;height: 4px;background-color: rgba(9, 71, 158, 1);}
.bar .play, .bar .pause{display: inline-block; color: #fff; font-size: 12px; margin: 0 5px;}

@media all and (max-width:1280px){
	#mVisual .mv .inner .txt h4{font-size: 1.8rem;}
	#mVisual .mv .inner .txt h3{font-size: 5rem;}
	#mVisual .mv .inner .txt p{font-size: 1.7rem;}
	#mVisual .mv{height: calc(85vh - 70px);}
}
@media all and (max-width:976px){
	#mVisual .mv .inner{background: rgba(255,255,255,0.5); width: 100%;}
}
@media all and (max-width:768px){
	#mVisual .mv .inner .txt{text-align: center;}
	#mVisual .mv .inner .txt h4{font-size: 1.7rem;}
	#mVisual .mv .inner .txt h3{font-size: 4.2rem;}
	#mVisual .mv .inner .txt p{font-size: 1.6rem;}
	#mVisual .mv .inner .txt p br{display: none;}
	.bar{justify-content: center; bottom: 110px;}
	.progress div{width: 65px;}
}
@media all and (max-width:480px){
	#mVisual .mv .inner .txt h3{font-size: 3.8rem;}
}


/* b_bar */
.b_bar{ height: 80px; margin-top: -80px; width: 100%; max-width: 1660px; position: absolute; right: 0;}
.b_bar .inner{display: flex; margin: 0; max-width: 100%;}
.b_bar .inner::after{content: ''; position: absolute; width: 100%; height: 80px;background-color: rgba(9,71,158,0.7);left: 100%;}
.b_bar .inner .left_box{background-color: rgba(9,71,158,0.7); width: 50%; display: flex; height: 100%; height: 80px; align-items: center;}
.b_bar .inner .left_box h3{color:#fff; font-size: 2rem; width: 120px; margin-left: 50px;}
.b_bar .inner .left_box .list_box{ width: calc(100% - 160px);}
.b_bar .inner .left_box .list_box .list{width: 100% !important;}
.b_bar .inner .left_box .list_box .list a{color: #fff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 20px;}
.b_bar .inner .right_box{background-color: rgba(9,71,158,0.7); width: 50%; display: flex;}
.b_bar .inner .right_box a{background: url(/images/main/b_bar_arrow.png) no-repeat center right 50px; color:#fff; font-size: 2rem; font-weight: 600; display: block; width: 50%; line-height: 80px;border-left: 1px solid rgba(255,255,255,0.3); padding-left: 50px;}
.b_bar .inner .right_box a:last-child{ border-right: 1px solid rgba(255,255,255,0.3);}

@media all and (min-width:1921px){
	.b_bar{right: 50%; transform: translateX(50%);}
}
@media all and (max-width:1399px){
	.b_bar .inner{width: 100%;}
	.b_bar .inner::after{display: none;}
}
@media all and (max-width:1280px){
	.b_bar .inner .left_box h3{margin-left: 30px; width: 90px; font-size: 1.8rem;}
	.b_bar .inner .right_box a{font-size: 1.8rem; padding-left: 30px; background-position: center right 30px !important;}
}
@media all and (max-width:768px){
	.b_bar{height: auto; margin-top: -60px;}
	.b_bar .inner{flex-wrap: wrap;}
	.b_bar .inner .left_box{width: 100%; height: 60px;}
	.b_bar .inner .left_box h3{margin-left: 3%; width: 75px; font-size: 1.7rem;}
	.b_bar .inner .left_box .list_box{width: calc(100% - 75px);}
	.b_bar .inner .right_box{width: 100%; height: 60px;}
	.b_bar .inner .right_box a{font-size: 1.7rem; line-height: 60px; padding-left: 3%; background-position: center right 15px !important;}
}


/* sec1 */
.sec1{padding: 120px 0 100px; background: url(/images/main/sec1_bg.png) no-repeat top -90px right 18%;}
.sec1 .inner{}
.sec1 .swiper{position: relative; width: 100%; max-width: 1650px; margin-right: 0; margin-left: auto;}
.sec1 .swiper .swiper-wrapper{position: relative;}
.sec1 .swiper .swiper-wrapper .swiper-slide{display: inline-block; width: auto; cursor: pointer;}
.sec1 .swiper .swiper-wrapper .swiper-slide:first-child{}
.sec1 .swiper .swiper-wrapper .swiper-slide:last-child{margin-right: 260px;}
.sec1 .swiper .swiper-wrapper .swiper-slide .img{display: inline-block;}
.sec1 .swiper .swiper-wrapper .swiper-slide p{font-size: 2.2rem; font-weight: 600; margin-top: 20px; color: #121212;}

@media all and (min-width:1921px){
	.sec1 .swiper{margin-right: auto; max-width: 1400px;}
}
@media all and (max-width:1399px){
	.sec1 .swiper{width: 94%; margin-right: auto;}
	.sec1 .swiper .swiper-wrapper .swiper-slide:last-child{margin-right: 0;}
}
@media all and (max-width:1280px){
	.sec1{background: url(/images/main/sec1_bg.png) no-repeat top right / 100%; padding: 80px 0 80px;}
	.sec1 .swiper .swiper-wrapper .swiper-slide{max-width: 55%;}
	.sec1 .swiper .swiper-wrapper .swiper-slide .img img{width: 100%;}
	.sec1 .swiper .swiper-wrapper .swiper-slide p{font-size: 2rem; margin-top: 10px;}
}
@media all and (max-width:768px){
	.sec1{margin-top: 60px; padding: 65px 0;}
	.sec1 .swiper .swiper-wrapper .swiper-slide{max-width: 65%; margin-right: 25px !important;}
	.sec1 .swiper .swiper-wrapper .swiper-slide p{font-size: 1.8rem; font-weight: 500;}
}	

/* sec2 */
.sec2{background: url(/images/main/sec2_bg.jpg) no-repeat center center / cover; padding: 120px 0 140px;}
.sec2 .m_tit{}
.sec2 .m_tit h4{color: #25a7f9;}
.sec2 .m_tit h3{color: #fff;}
.sec2 .m_tit p{color: #e1e1e1;}
.sec2 .result_box{}
.sec2 .result_box .result{border: 1px solid #f6f6f7; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; height: 305px; margin: 0 15px;}
.sec2 .result_box .result .tit{}
.sec2 .result_box .result .tit h4{font-size: 1.8rem; color: #fff; font-weight: 500; margin-bottom: 10px;}
.sec2 .result_box .result .tit h3{font-size: 2.4rem; color: #fff; line-height: 1.4em; overflow: hidden;
white-space: normal;
text-align: left;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.sec2 .result_box .result .txt{}
.sec2 .result_box .result .txt h5{font-size: 1.8rem; font-weight: 400; color:#fff; margin-bottom: 7px;}
.sec2 .result_box .result .txt .date{font-size: 1.6rem; color:#fff;}
.sec2 .result_box .slick-prev{background:url(/images/main/sec2_prev.png) no-repeat center center; height: 56px; width: 56px; border-radius:0; box-shadow:0px 0px; text-indent:-9999px; left: -70px;}
.sec2 .result_box .slick-next{background:url(/images/main/sec2_next.png) no-repeat center center; height: 56px; width: 56px; border-radius:0; box-shadow:0px 0px; text-indent:-9999px; right: -70px;}

@media all and (max-width:1280px){
	.sec2{padding: 80px 0;}
	.sec2 .result_box .result{padding: 25px; height: 265px;}
	.sec2 .result_box .result .tit h4{font-size: 1.7rem;}
	.sec2 .result_box .result .tit h3{font-size: 2.1rem;}
	.sec2 .result_box .result .txt h5{font-size: 1.7rem;}
	.sec2 .result_box .result .txt .date{font-size: 1.7rem;}
}
@media all and (max-width:768px){
	.sec2{padding: 65px 0;}
	.sec2 .result_box .result{margin: 0 10px; height: 220px; padding: 20px;}
	.sec2 .result_box .result .tit h4{font-size: 1.6rem;}
	.sec2 .result_box .result .tit h3{font-size: 1.9rem; -webkit-line-clamp: 2;}
	.sec2 .result_box .result .txt h5{font-size: 1.6rem;}
	.sec2 .result_box .result .txt .date{font-size: 1.6rem;}
}
@media all and (max-width:480px){
	.sec2 .result_box .result{margin: 0 5px; height: 200px; padding: 25px;}
}


/* sec3 */
.sec3{}

.sec3 .inner ul{display: flex;margin-left: 1px;}
.sec3 .inner ul li{width: 33.333333%; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; padding: 55px; margin-left: -1px; display: flex; flex-direction: column; justify-content: space-between;}
.sec3 .inner ul li .tit{}
.sec3 .inner ul li .tit h3{font-size: 2.6rem; color: #28292d;}
.sec3 .inner ul li .tit p{font-size: 1.8rem; color: #666666; margin-top: 15px; line-height: 1.6em; word-break: keep-all;}
.sec3 .inner ul li .more{margin-top: 70px; background: url(/images/main/more.png) no-repeat center right; transition: .3s ease-in-out;}
.sec3 .inner ul li .more a{font-size: 1.8rem; color: #000000; font-weight: 600; width: 100%; display: block;}
.sec3 .inner ul li .more:hover{background-position: center right 10px !important;}

@media all and (max-width:1399px){
	.sec3 .inner{width: 100%;}
}
@media all and (max-width:1279px){
	.sec3 .inner ul li{padding: 35px;}
	.sec3 .inner ul li .tit h3{font-size: 2.3rem;}
	.sec3 .inner ul li .tit p{font-size: 1.7rem; margin-top: 10px; line-height: 1.5em;}
	.sec3 .inner ul li .tit p br{display: none;}
	.sec3 .inner ul li .more{margin-top: 50px;}
}
@media all and (max-width:768px){
	.sec3 .inner ul{flex-wrap: wrap;}
	.sec3 .inner ul li{width: 100%; border-right: 0; border-left: 0; border-bottom: 1px solid #eee; padding: 30px 3%;}
	.sec3 .inner ul li .tit h3{font-size: 2rem;}
	.sec3 .inner ul li .tit p{font-size: 1.6rem;}
	.sec3 .inner ul li .more{margin-top: 30px; background-size: 18px !important;}
	.sec3 .inner ul li .more a{font-size: 1.7rem;}
}