@charset "UTF-8"; /*main*/
@keyframes countingBar {0% {width: 0;}100% {width:100%;}}

section[class^="main_box"] {position: relative;;width: 100%; overflow: hidden;}
section[class^="main_box"] > .inner_box {position: relative;;width: 1250px;margin: 0 auto;}
section[class^="main_box"] h3 {font-size: 2rem;font-weight: 600;margin-bottom: 20px;}
section .box_data h3{margin-bottom: 12px;}
section .box_data h3::after{content: "";display: inline-block;width: 30px;height: 20px;margin-left: 10px;background-image: url(../../images/multi_lng/main/icon_h3.png);background-repeat: no-repeat;}

.btn_more {display: inline-block;position: relative;position: absolute;top: 15px;right: 20px;padding: 0px 20px 0px 10px;border: 1px solid #333;border-radius: 30px;font-size: 1.3rem;background-color: #fff;font-weight: 500;}
.btn_more:after {content: "\ea13";position: absolute;top: -1px;right: 3px;display: block;font-family: "remixicon";font-size: 14px;color: #000;}


.main_box01{position: relative;}
.main_box01 .main_slider1 .img_box{display: block;height: 500px;}
.main_box01 .main_slider1 .img_box img{width: 100%; height: 100%;object-fit: cover;text-align: left;}
.main_box01 .main_slider1 .txt_box{position: absolute;top: 50%;right: 107px;transform: translateY(-50%);color:#fff;width: 35%;text-align: center;padding: 20px 0;}
.main_box01 .main_slider1 .txt_box p:first-child{font-size: 4rem; font-weight: 600;line-height: 1;word-break: keep-all;}
.main_box01 .btn_box{position: absolute; bottom: 50px; left:50%; transform: translateX(-50%); display:flex;height: 40px; padding: 0 20px;background: rgba(0, 0, 0, 0.7);z-index: 1;border-radius: 30px;}
.main_box01 .btn_box .js-swiper-pause,
.main_box01 .btn_box .js-swiper-play{position: relative;top: auto; left: auto;width: 30px;height: 40px;display: inline-block; background-image: url(../../images/multi_lng/main/icon_btn.png);  background-repeat: no-repeat;}
.main_box01 .btn_box .js-swiper-pause{background-position: 0 12px ;}
.main_box01 .btn_box .js-swiper-play{background-position: -30px 13px ;}
.main_box01 .btn_box .slide_tit {display: inline-flex;}
.main_box01 .btn_box .slide_tit > li {position: relative;display: flex;flex:1 1 0;justify-content: center;align-items: center;position: relative;width: auto;height: 40px;border-radius:0;font-size: 16px;color: rgb(255, 255, 255);opacity: 1;padding: 0 10px;}
.main_box01 .btn_box .slide_tit > li.swiper-pagination-bullet{background: 0;}
.main_box01 .btn_box .slide_tit > li.swiper-pagination-bullet-active {color: #fff;}
.main_box01 .btn_box .slide_tit > li .bar {width:0;height: 2px;background: #000000;}
.main_box01 .btn_box .slide_tit > li.swiper-pagination-bullet-active .bar{margin-left: 10px;width: 80px;background-color: #666;}
.main_box01 .btn_box .slide_tit > li.swiper-pagination-bullet-active .bar::after {content: "";width: 0; height: 2px; background: #fff;display: block;animation-name: countingBar;animation-duration: 5s;animation-timing-function: linear;animation-fill-mode:forwards;z-index: 1;}
.main_box02{margin: 20px 0;}
.main_box02 .inner_box{display: flex; gap: 20px;}
.main_box02 .inner_box > div[class$="bx"]{position: relative;padding: 15px;border: 1px solid #e0e0e0;border-radius: 15px;min-width: 0;}
.main_box02 .greet_bx{flex-basis: 360px;border-radius: 15px;}
.main_box02 .greet_bx div{height: 306px;padding: 10px 15px 10px 180px;background: url(../../images/multi_lng/main/img_greet.jpg) no-repeat 50% top;border-radius: 10px;background-size: cover;}
.main_box02 .greet_bx div p{font-size: 1.4rem;}
.main_box02 .news_bx{flex-basis: 570px;min-width: 570px;}
.main_box02 .news_bx h3{width: 219px;height: 21px;background:url(../../images/multi_lng/main/img_News.png) no-repeat center;background-size: contain;}
.main_box02 .news_bx ul li~li{margin-top: 10px;}
.main_box02 .news_bx ul li a{display: flex;}
.main_box02 .news_bx ul li a .img_box{flex-basis: 155px;min-width: 155px;width: 155px;height: 95px;border-radius: 10px;overflow: hidden;}
.main_box02 .news_bx ul li a .img_box img{width: 100%;height: 100%; object-fit: cover;}
.main_box02 .news_bx ul li a dl{margin-left: 20px;overflow: hidden;}
.main_box02 .news_bx ul li a dt{font-size: 1.8rem; color: #000; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.main_box02 .news_bx ul li a dd{font-size: 1.3rem; color: #555;display: -webkit-box; width: 100%; overflow: hidden; text-overflow: ellipsis ;-webkit-line-clamp: 3;-webkit-box-orient:vertical}
.main_box02 .pr_bx{flex-basis: 280px;}
.main_box02 .pr_bx div{text-align: center;}
.main_box02 .pr_bx div.img_box{height: 250px;margin: 0 15px;border: 1px solid #d8d8d8;box-shadow: 0 0 1px 6px #f6f6f6;overflow:hidden;border-radius: 10px;}
.main_box02 .pr_bx div.img_box img{width: 100%; height: 100%;overflow: hidden;}
.main_box02 .pr_bx div p{margin-top: 10px;color: #000;font-weight: 600;}
.main_box02 .pr_bx div p span{display: block;line-height: 1;}
.main_box02 .pr_bx div p span:nth-of-type(2){white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main_box03{background-color: #f8f8f8;padding: 20px 0;}
.main_box03 .bot_banner{display: flex;gap: 25px; }
.main_box03 .bot_banner li{display: flex; justify-content: center; align-items: center;;width: 380px; height: 90px;padding: 10px;overflow: hidden;background-color: #fff;border-radius: 10px; border: 1px solid #d8d8d8}
.main_box03 .bot_banner li a,
.main_box03 .bot_banner li img{display: block;width: 100%; height: 100%;}
.main_box03 .bot_banner li img{object-fit: contain;}


@media screen and (max-width:1600px){
    section[class^="main_box"] > .inner_box {width:100%;padding: 0 10px;}
    .main_box02 .inner_box > div[class$="bx"]{flex-grow: 1;}
}
@media screen and (max-width:1280px){
.main_box01 .main_slider1 .txt_box{right: 0;width: 460px;}
    .main_box02{margin: 20px 0;}
    .main_box02 .inner_box{flex-wrap: wrap;}
.main_box02 .greet_bx div p{font-size: 1.6rem;}
    .main_box02 .news_bx{flex-basis: 100%;min-width: 100%;}
    .main_box02 .greet_bx,
    .main_box02 .pr_bx{flex-basis: 40%;}
    .main_box02 .greet_bx{order: 1;}
    .main_box02 .pr_bx{order: 2;}
    .main_box02 .news_bx{order: 3;}
    .main_box02 .greet_bx div,
    .main_box02 .pr_bx div{margin: 0 auto;}
    .main_box02 .greet_bx div{width: 371px;height: 350px;}
    .main_box02 .pr_bx div{width: 300px;}
    .main_box02 .pr_bx div.img_box{margin: 0 auto; width: 200px;}
}
@media screen and (max-width:1024px){
    .main_box01 .main_slider1 .img_box,
    .main_box01 .main_slider1 .img_box img{height: 300px;}
    .main_box03 .bot_banner{flex-wrap: wrap;justify-content: center;gap: 5px;}
    .main_box03 .bot_banner li{width: 49%;height: 60px;}}
@media screen and (max-width:946px){
    .main_box02 .greet_bx div{width: auto;}
}
@media screen and (max-width:764px){
.main_box01 .btn_box{bottom: 20px;}
    .main_box01 .btn_box .slide_tit > li.swiper-pagination-bullet{display: none;}
.main_box01 .main_slider1 .txt_box p:first-child{font-size: 2rem;}
    .main_box01 .main_slider1 .txt_box{right: 0;width: 100%;}
    .main_box02 .greet_bx,
    .main_box02 .pr_bx{flex-basis: 100%;}
    .main_box02 .greet_bx div{width: 300px;;}
}
@media screen and (max-width:515px){
        .main_box02 .greet_bx div,
    .main_box02 .pr_bx div{width: 100%;}
    .main_box02 .greet_bx div{overflow: hidden; padding: 0}
    .main_box02 .greet_bx div p{width: 100%;height: 100%;padding: 10px 15px 10px 50%;background-color: #00000022;color: #000;font-size: 2rem;}
    .main_box02 .news_bx ul li a{flex-wrap: wrap;justify-content: center;}
    .main_box02 .news_bx ul li a .img_box{flex-basis: 100%;min-width: 100%;width: 100%;height: 200px;}
    .main_box02 .news_bx ul li a dl{margin: 0;}
}
@media screen and (max-width:450px){
    .main_box02 .greet_bx div p{font-size: 1.6rem;}
    .main_box02 .pr_bx div{height: auto;}
}