@charset "UTF-8";

.banner-content{border-bottom:1px solid #d6d6d6;}
.banner-content .inner{display:flex;align-items:center;margin:0 auto;max-width:1450px;}
.banner-content .col + .col{flex:1;}
.banner-content .col + .col:before{content:"";position:absolute;top:0;left:0;background: linear-gradient(to right, #ececec 0%, #ffffff 100%);width:10px;height:100%;}
.banner-content .col{position:relative;flex:1;display:flex;justify-content:center;flex-direction:column;background-color:#fff;height:333px;transition:all 0.4s 0s;}
.banner-content .col .img{position:absolute;top:50%;left:35px;transform:translateY(-50%);margin:-12px 0 0 -50px;transition:all 0.4s 0s;}
.banner-content .col .txt{margin:-60px 0 0;padding:86px 20px 0 272px;transition:all 0.4s 0s;}
.banner-content .col .txt .ti{display:block;color:#000;font-weight:bold;font-size:30px;letter-spacing:-1px;transition:all 0.4s 0s;}
.banner-content .col .txt .ti em{color:#b50376;}
.banner-content .col .txt .tx{display:block;color:#000;font-size:17px;line-height:160%;margin:8px 0 0 5px;}
.banner-content .col .txt .bt{display:inline-block;background-color:#df1f7e;border-radius:55px;text-align:center;margin:36px 0 0;width:230px;transition:all 0.4s 0s;}
.banner-content .col .txt .bt span{background-position:0 50%;background-repeat:no-repeat;color:#fff;font-size:20px;font-weight:bold;line-height:55px;height:55px;transition:all 0.4s 0s;}
.banner-content .col.i2 .img{margin:-32px 0 0;}
.banner-content .col.i2 .txt{padding-left:338px;}

@media (min-width: 1200px){
    .banner-content .col:hover{border-radius:30px;box-shadow:0 0 10px 10px rgba(0,0,0,0.1);margin:-23px 0;height:379px;}
    .banner-content .col:hover .img{margin-left:-15px;}
    .banner-content .col:hover .txt{padding-left:297px;}
    .banner-content .col:hover .txt .ti{font-size:40px;margin-top:-15px;}
    .banner-content .col:hover .txt .ti em{display:block;}
    .banner-content .col:hover .txt .bt{background-color:#16b58f;font-size:23px;margin-top:35px;width:300px;}
    .banner-content .col:hover .txt .bt > span{display:inline-block;background:url(../images/main/2026/ico_home1.png) 0 50% no-repeat;padding:0 0 0 32px;line-height:66px;height:66px;}
    .banner-content .col.i2:hover:before{display:none;}
    .banner-content .col.i2:hover .img{margin-left:10px;}
    .banner-content .col.i2:hover .txt{padding-left:348px;}
}

@media (max-width: 1300px){
    .banner-content .col .txt .tx br{display:none;}
}

@media (max-width: 1199px){
    .banner-content .inner{display:block;}
    .banner-content .col + .col{border-top:1px solid #d6d6d6;}
    .banner-content .col + .col:before{display:none;}
    .banner-content .col{padding:30px 20px;height:auto;}
    .banner-content .col .img{left:15px;margin:0;}
    .banner-content .col .img img{width:130px;}
    .banner-content .col.i2 .txt,
    .banner-content .col .txt{margin:0;padding:0 0 0 160px;}
    .banner-content .col .txt .ti{font-size:20px;letter-spacing:0;}
    .banner-content .col .txt .tx{font-size:15px;line-height:150%;margin:5px 0 0;}
    .banner-content .col .txt .bt{margin-top:10px;width:150px;line-height:40px;height:40px;}
    .banner-content .col .txt .bt span{font-size:15px;line-height:40px;height:40px;}
    .banner-content .col.i2 .img{margin-top:0;}
}

@media (max-width: 400px){
    .banner-content .col.i2 .img,
    .banner-content .col .img{position:static;transform:translateY(0);margin:0 0 15px;text-align:center;}
    .banner-content .col.i2 .txt,
    .banner-content .col .txt{padding:0;text-align:center;}
}