.first{}
.first>div{display:inline-block; background:url(/images/intro/one.png) no-repeat 50%; text-align:center;}
.first>div p{position:relative; display:inline-block; color:#210b00; font-weight:bold; text-align:left}
.first>div span{display:block; color:#ff661c; font-weight:500}
.first>div strong{font-weight:900}
.first>div em{position:absolute; left:0; bottom:0; color:#ff661c}
 
 



.brand_info li{background-size: 100% auto !important;position: relative;padding: 9vw 6vw; overflow:hidden}
.brand_info li h5{position:relative; color:#fff;font-weight:300;line-height: 1.2em;word-break: keep-all; z-index:1}
.brand_info li h5 em{font-weight: bold;}
.brand_info li p{position:relative; font-weight:300;line-height: 1.4em;color: #fff;position: absolute; z-index:1}



.system{}
.system h5{color:#ec6305; font-weight:900}
.system p{color:#210b00; font-weight:300; line-height:1.3em}

.bi{border:2px solid #e5e5e5; background:url(/images/intro/bi_bg.png) repeat 0; text-align:center}
.bi_down{display:block; background-color:#ff661c; width:50%; margin:5% auto 0; color:#fff; text-align:center;}
.color{}
.color li{float:left;}
.color li div{}
.color li p{color:#210b00; font-weight:300}

.color1 div{background-color: #ff6720;}
.color1 h6{color: #ff6720;}

.color2 div{background-color: #3e3a39;}
.color2 h6{color: #3e3a39;}



.sub_wrap.history{padding-bottom:0;}
.history-sec-1 {position:relative; overflow:hidden; z-index:1;}
.history_list{position:relative;}
.line {position:absolute;  top:0; width:1px; height:100%; background-color:#7a635e}
.line span{display:block; width:100%; background-color:#ff661c}



.history-sec-1 .bg{position:absolute; top:0; left:0; width:100%; height:100vh; background-size:cover !important; z-index:-1;}
.history_list li{position:relative;}
.history_list .circle_anim{position:absolute;left:50%;}
.history_list .circle_anim ,.history_list .circle_anim span, .history_list .circle_anim:after, .history_list .circle_anim:before{background-color:#ff661c;}
.history_list h5,.history_list h6{font-weight:bold;}

.history_list h5{color:#ff661c}
.history_list h6{color:#fff}
.history_list p{color:#c5c3bc;line-height: 1.3em;}

.footer{position:relative; z-index:1; background-color:#fff;}
 
 

.history_list li .circle_anim,.history_list li .circle_anim::before,.history_list li .circle_anim::after,.history_list li .circle_anim span{display:none;}
.history_list li.on .circle_anim,.history_list li.on .circle_anim::before,.history_list li.on .circle_anim::after,.history_list li.on .circle_anim span{display:block;}
.history_list li.comp .circle_anim{display:block;}



.award_list li{position:relative;border-bottom: 1px solid #bdb6b3;}
.award_list li div{
    position: relative;
}
.award_list li div span{position:absolute;top:0;left:0;display:block;color: #bdb6b3;font-weight:900;line-height: 1.6em;}
.award_list h6{font-weight: 900;color: #ff661c;}
.award_list p{color: #210b00;line-height: 1.6em;}
.award_list li img{position:absolute;}


@media (min-width:1300px) and (max-width: 1500px){

 .first>div{background-size: 100% auto !important;	}

.first>div p{font-size: 59px;padding-left: 56px;}
.first>div span{font-size: 30px;margin-bottom: 6px;}
.first>div em{font-size: 129px;bottom: -17px;}
 
}
@media (min-width:1500px) {
.first>div{background-size: 90% auto !important;}	

.first>div p{font-size:70px;padding-left:65px;}
.first>div span{font-size:35px;margin-bottom: 6px;}
.first>div em{font-size:150px;bottom: -17px;}	
}
 
@media (min-width:1300px) {
.first>div{width: 33%;background-size: 90% auto !important;padding-bottom: 10px;}

.brand_info{margin-top:100px}
.brand_info li{position:relative;width:31.3%;margin:0 1%;padding: 3.5% 2.8%;height: 30vw;float: left;border-radius:50px}
.brand_info li::after{position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ff661c; opacity:0; content:''}
.brand1{background: url(/images/intro/pc/intro1.png) no-repeat 50% 0;}
.brand2{background: url(/images/intro/pc/intro2.png) no-repeat 50% 0;}
.brand3{background: url(/images/intro/pc/intro3.png) no-repeat 50% 0;}
.brand_info li h5{font-size: 2.2vw;margin-bottom: 13%;}
.brand_info li p{font-size: 1.2vw;top: 30%;left: 9%;width: 83%; opacity:0;}
.brand_info li:hover p{opacity:1;}
.brand_info li:hover::after{opacity:0.7;}


.brand-sec-2{margin-top:200px;}

.basic{padding-right:3.5%}
.color{padding-left:3.5%}


.system>div{float:left; width:50%;}
.system h5{font-size:40px;}
.system div>p{margin:20px 0 40px; font-size:22px;}
.bi {padding:35px 0}
.bi img{width:auto}
.bi_down{height:50px;line-height:50px;font-size: 17px;}
.bi_down i{margin-right:5px}

.color ul{margin:0 -1%;}
.color li {width:48%; margin:0 1%;}
.color li div{height: 175px;}
.color li h6{margin:15px 0; font-size:20px;}
.color li p{font-size:18px;}




 
 
.history_list{padding:170px 0 }
.history-sec-1 .bg{background:url(/images/intro/pc/history_bg.png) no-repeat 50%;}
.history_list li{margin-bottom:130px;}
.history_list .circle_anim{top: 30px;width: 15px;height: 15px;margin-left: -6px;}
.h_right{padding-left:54%;}
.h_left{padding-right:55%; text-align:right}
.history_list h5{font-size:80px; margin-bottom:20px}
.history_list h6{font-size:22px; margin-bottom:10px}
.history_list .month{margin-bottom:30px}
.history_list p{font-size:22px;}
.line {left:50%;}


.award_list ul{display:table;width: 100%;}
.award_list li{display:table-cell;vertical-align:top;width:50%;padding: 100px 0 300px;}
.award_list li div{padding-left:40px;margin-bottom: 20px;}
.award_list li img{width:auto; left:45px; bottom:90px;}
 
.award_list h6{font-size: 40px;margin-bottom: 20px;}
.award_list li div span{font-size:22px}
.award_list p{font-size:22px;}
}
 
@media (min-width:640px){

}
@media (min-width: 640px) and (max-width: 1299px){
.first{margin:0 -1.8vw}
.first>div{width:28vw;background-size:100% auto !important;padding-bottom: 2vw;margin: 0 1.8vw;}
.first>div p{font-size:5vw;padding-left:5vw;}
.first>div span{font-size:2.4vw;margin-bottom:1vw;}
.first>div em{font-size:10vw;bottom: -1vw;}	


.brand_info{margin-top: 8vw;}
.brand_info li{height: 38vw;}
.brand1{background: url(/images/intro/tab/intro1.png) no-repeat 50% 0;padding: 8vw 0 0 8.5vw;}
.brand1 p{width: 83%;}
.brand2{background: url(/images/intro/tab/intro2.png) no-repeat 50% 0;padding: 4.5vw 0 0 6vw !important;}
.brand2 p{width: 63%;}
.brand3{background: url(/images/intro/tab/intro3.png) no-repeat 50% 0;padding: 8vw 0 0 8.5vw;}
.brand3 p{width: 73%;}
.brand_info li h5{font-size: 4.1vw;margin-bottom: 3vw;}
.brand_info li p{font-size: 1.6vw;position: relative;}



.brand-sec-2{margin-top: 16vw;}

.basic{padding-right:3.5%}
.color{
    margin-top: 16vw;
}


.system>div{}
.system h5{font-size: 3.3vw;text-align: center;}
.system div>p{margin: 2vw auto 4vw;font-size: 1.8vw;text-align: center;width: 55vw;}
.bi {padding: 3vw 0;width: 54vw;margin: 0 auto;}
.bi_down{height: 4vw;line-height: 4vw;font-size: 1.5vw;}
.bi_down i{margin-right:0.3vw}
.bi img{width: 43.9vw;}


.color ul{margin: 0 auto;width: 54vw;}
.color li {width: 46%;margin: 0 2%;}
.color li div{height: 13vw;}
.color li h6{margin: 1.5vw 0 1vw;font-size: 1.6vw;}
.color li p{font-size: 1.5vw;}

  

 
 
.history_list{padding:17vw 0 }
.history-sec-1 .bg{background:url(/images/intro/pc/history_bg.png) no-repeat 50%;}
.history_list li{margin-bottom: 9vw;}
.history_list .circle_anim{top: 30px;width: 15px;height: 15px;margin-left: -6px;}
.h_right{padding-left:54%;}
.h_left{padding-right:55%; text-align:right}
.history_list h5{font-size: 6.6vw;margin-bottom: 2vw;}
.history_list h6{font-size: 1.8vw;margin-bottom: 1vw;}
.history_list .month{margin-bottom: 2.5vw;}
.history_list p{font-size: 1.8vw;}
.line {left:50%;}



.award_list ul{display:table;width: 100%;}
.award_list li{display:table-cell;vertical-align:top;width:50%;padding: 10vw 0 30vw;}
.award_list li div{padding-left:4vw;margin-bottom: 2vw;}
.award_list li img{ left:4vw; bottom:9vw;}
 
.aw_2025 img{width: 24.9vw;}
.aw_2024 img{width: 38.5vw;}
.aw_2023 img{width: 34.2vw;}
.aw_2022 img{width:13vw;}
.aw_2021 img{width:31vw;}
.aw_2020 img{width:12.9vw;}
.aw_2019 img{width:11.7vw;}
.aw_2018 img{width:13vw;}
.aw_2017 img{width:13.7vw;}
.aw_2016 img{width:39.9vw;}


.award_list h6{font-size: 6.6vw;margin-bottom: 2vw;}
.award_list li div span{font-size:1.8vw}
.award_list p{font-size:1.8vw;}
}
@media (max-width:1299px){
 
}
@media (max-width: 640px){

.first{}
.first>div{display: block;width: 50vw;background-size:100% auto !important;padding-bottom: 2vw;margin: 0 auto 10vw;}
.first>div p{font-size: 9.1vw;padding-left: 8vw;}
.first>div span{font-size: 4.5vw;margin-bottom: 1vw;}
.first>div em{font-size: 19.5vw;bottom: -2vw;}	


.brand_info{margin-top: 20vw;}
.brand_info li{height: 90vw;}
.brand1{background: url(/images/intro/mb/intro1.png) no-repeat 50% 0;padding: 8vw 0 0 8.5vw;}
.brand1 p{width: 83%;}
.brand2{background: url(/images/intro/mb/intro2.png) no-repeat 50% 0;margin: 10vw 0;}
.brand2 p{width: 94%;}
.brand3{background: url(/images/intro/mb/intro3.png) no-repeat 50% 0;padding: 8vw 0 0 8.5vw;}
.brand3 p{width: 83%;}
.brand_info li h5{font-size: 6vw;margin-bottom: 5vw;}
.brand_info li p{font-size: 3.5vw;position: relative;}



.brand-sec-2{margin-top: 16vw;}

.basic{padding-right:3.5%}
.color{
    margin-top: 16vw;
}


.system>div{}
.system h5{font-size: 7vw;text-align: center;}
.system div>p{margin: 3vw auto 8vw;font-size: 3.5vw;text-align: center;width: 65vw;}
.bi {padding: 3vw 0;width: 65vw;margin: 0 auto;}
 .bi_down{height: 6vw;line-height: 6vw;font-size: 3vw;}
.bi_down i{margin-right:0.5vw}
.bi img{width: 52.7vw;}


.color ul{margin: 0 auto;width: 65vw;}
.color li {width: 46%;margin: 0 2%;}
.color li div{height: 13vw;}
.color li h6{margin: 2vw 0px 2vw;font-size: 3.5vw;}
.color li p{font-size: 3vw;}

 
 
.history_list{padding:17vw 0 }
.history-sec-1 .bg{background:url(/images/intro/pc/history_bg.png) no-repeat 50%;}
.history_list li{margin-bottom: 9vw;padding-left: 10vw;}
.history_list .circle_anim{top: 3vw;width: 3vw;height: 3vw;left: 1.8vw;}
.h_right{}
.h_left{}
.history_list h5{font-size: 10vw;margin-bottom: 8vw;}
.history_list h6{font-size: 3.5vw;margin-bottom: 2vw;}
.history_list .month{margin-bottom: 2.5vw;}
.history_list p{font-size: 3.5vw;}
.line {left: 3vw;}



 
.award_list li{padding: 10vw 0;}
.award_list li div{padding-left:7vw;margin-bottom:3vw;}
.award_list li img{position: relative;left: 7vw;margin-top: 7vw;}
 
.aw_2025 img{width: 29.9vw;}
.aw_2024 img{width: 46.2vw;}
.aw_2023 img{width: 41vw;}
.aw_2022 img{width:15.6vw;}
.aw_2021 img{width:37.3vw;}
.aw_2020 img{width:15.5vw;}
.aw_2019 img{width:14.1vw;}
.aw_2018 img{width:15.7vw;}
.aw_2017 img{width:16.5vw;}
.aw_2016 img{width:47.9vw;}


.award_list h6{font-size: 6vw;margin-bottom: 2vw;}
.award_list li div span{font-size:4vw}
.award_list p{font-size:4vw;}
}