@charset "utf-8";

/* =========================== MAIN */
#MainVisual{position:relative;width:100%}
#MainVisual .tit{position:absolute;z-index:10;bottom:170px;left:50%;text-align:center;color:#fff;transform:translateX(-50%)}
#MainVisual .tit h1{margin-bottom:10px;font-size:100px;font-weight:normal;font-family:var(--e-font)}
#MainVisual .tit h2{font-size:22px;font-weight:400}
#MainVisual .tit h1 span{font-weight:400}
#MainVisual .main_slide{position:relative;width:100%;height:940px}
#MainVisual .main_slide li{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
#MainVisual .main_slide li.bg01{background-image:url(../img/main/main_banner01.jpg)}
#MainVisual .main_slide li.bg02{background-image:url(../img/main/main_banner02.jpg)}
#MainVisual .main_slide li.bg03{background-image:url(../img/main/main_banner03.jpg)}
#MainVisual .main_slide li.bg04{background-image:url(../img/main/main_banner04.jpg)}
#MainVisual .main_slide li.bg05{background-image:url(../img/main/main_banner05.jpg)}
#MainVisual .tabs{position:absolute;display:flex;max-width:var(--mainsize);left:50%;bottom:60px;transform:translateX(-50%);font-size:18px;color:#fff;font-family:var(--e-font);}
#MainVisual .tabs .on{opacity:1}
#MainVisual .tabs span{opacity:.5;width:100%;height:auto;border-radius:0;text-align:center;background:none;transition:all .3s}

#MainVisual .tabs span:hover{opacity:1}

@media(max-width:1980px){
#MainVisual .main_slide{height:740px;}
}

/* =========================== atc01 */
#atc01{position:relative;width:100%}
#atc01 h2{font-size:25px;font-weight:400;font-family:var(--e-font)}
#atc01 h3{font-size:20px;font-weight:700}
#atc01 .company{display:flex;flex-direction:column;width:100%}
#atc01 .company h2, #atc01 .company h3{color:var(--primary);transition:all .3s}
#atc01 .company p{margin-top:25px;font-size:16px;font-weight:400;color:#777;transition:all .3s}
#atc01 .company .top{margin:80px auto 100px;width:80%;}
#atc01 .company .bot{display:flex;align-items:flex-start;border-top:1px solid #e1e1e1;width:100%}
#atc01 .company .bot > a{overflow:hidden;position:relative;width:calc(50%);transition:all .3s}
#atc01 .company .bot > a:first-child{padding:100px 8% 100px 10%}
#atc01 .company .bot > a:last-child{padding:100px 10% 100px 8%;border-left:1px solid #e1e1e1}
#atc01 .special{display:flex;align-items:flex-start;position:relative;width:100%}
#atc01 .special h2, #atc01 .special h3{color:#fff}
#atc01 .special h3{margin-top:15px}
#atc01 .special h4{margin-top:30px;font-size:16px;font-weight:700;color:#fff}
#atc01 .special p{margin-top:20px;font-size:14px;font-weight:400;color:rgb(255, 255, 255, 0.6)}
#atc01 .special > div{width:50%}
#atc01 .special .premium{position:sticky;top:0px;left:0px;padding:150px 10%;background-color:var(--primary)}
#atc01 .special .points{display:flex;margin:70px 0 50px;padding-bottom:70px;border-bottom:1px solid rgb(255, 255, 255, 0.2);width:100%}
#atc01 .special .points > div{width:50%}
#atc01 .special .unique h3{margin-top:0px;line-height:1}
#atc01 .special .unique h3 span{margin-right:6px;font-size:100px;font-weight:400;font-family:var(--e-font02)}
#atc01 .special .unique a{position:relative;display:block;margin-top:40px;padding-bottom:8px;width:max-content;font-size:14px;font-weight:700;color:#fff;transition:all .3s}
#atc01 .special .unique a:after{content:"";position: absolute;bottom:0px;left:0px;width:100%;height:2px;background:linear-gradient(to right, #fff, #fff) no-repeat;background-size:0%;transition:all .3s}
#atc01 .special .img_cont{display:grid;grid-template-columns:repeat(2, 1fr)}
#atc01 .special .img_cont > div:nth-child(-n+2){height:780px}
#atc01 .special .img_cont > div:nth-child(2) img{filter:brightness(0.5)}
#atc01 .special .img_cont > div:last-child{grid-column:span 2;height:560px}
#atc01 .special .img_cont img{width:100%;height:100%;object-fit:cover}
#atc01 .special .img_cont a{position:relative;display:block;width:100%;height:100%}
#atc01 .special .img_cont a:after{opacity:0;content:"";position:absolute;bottom:0px;left:0px;width:100%;height:100%;background:linear-gradient(to bottom, transparent 20%, #111111);transition:all .5s}
#atc01 .special .img_cont a .more{opacity:0;position:absolute;z-index:2;top:55%;left:50%;transform:translate(-50%, -50%);transition:all .5s;font-size:48px;font-weight:600;font-family:var(--e-font);letter-spacing:2px;color:#fff}

#atc01 .company .bot > a:hover{background-color:var(--hover-color)}
#atc01 .company .bot > a:hover h2{color:#fff}
#atc01 .company .bot > a:hover p{color:rgb(255, 255, 255, 0.6)}
#atc01 .special .unique a:hover:after{background-size:100%;}
#atc01 .special .img_cont a:hover:after{opacity:1}
#atc01 .special .img_cont a:hover .more{opacity:1;top:50%}

@media(max-width:1980px){
#atc01 .company .top{margin:60px auto 80px;}  
#atc01 .company .bot > a:first-child{padding:80px 8% 80px 10%}
#atc01 .company .bot > a:last-child{padding:80px 10% 80px 8%}
#atc01 .special .premium{padding:130px 10%;}
#atc01 .special .img_cont > div:nth-child(-n+2){height:700px}
#atc01 .special .img_cont > div:last-child{height:500px}
}

/* =========================== atc02 */
#atc02{position:relative;margin:150px auto 0;width:80%}
#atc02 .tit{display:flex;justify-content:space-between;align-items:flex-start;width:100%}
#atc02 .tit h2{font-size:35px;font-weight:700;color:var(--primary)}
#atc02 .tit .nav_container{display:flex;gap:25px}
#atc02 .tit .nav_container div svg{width:21px;height:21px;color:var(--primary);cursor:pointer;transition:all .3s}
#atc02 .inc02_slide{overflow:hidden;position:relative;margin-top:60px;width:100%}
#atc02 .inc02_slide .img_cont{overflow:hidden;position:relative;width:100%;height:570px}
#atc02 .inc02_slide .img_cont img{width:100%;height:100%;object-fit:cover;transition:all .5s}
#atc02 .inc02_slide .img_cont div{opacity:0;position:absolute;z-index:2;top:55%;left:50%;transform:translate(-50%, -50%);transition:all .5s;font-size:48px;font-weight:700;letter-spacing:2px;font-family:var(--e-font);color:#fff}
#atc02 .latest{margin-top:50px}
#atc02 .latest .tit_cont{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;margin-bottom:40px;border-bottom:2px solid #111;color:var(--primary)}
#atc02 .latest .tit_cont svg{stroke-width:1.5px;color:var(--primary);transition:all .3s}
#atc02 .latest .en{font-size:15px;font-weight:400;font-family:var(--e-font)}
#atc02 .latest h3, #atc02 .latest div.clone{margin-top:5px;font-size:25px;font-weight:700}
#atc02 .latest ul li+li{margin-top:15px}
#atc02 .latest ul li a{display:flex;align-items:center;gap:40px}
#atc02 .latest ul li .img_cont{overflow:hidden;width:calc(30% - 20px);height:190px;transition:all .3s}
#atc02 .latest ul li .img_cont img{width:100%;height:100%;object-fit:cover;transition:all .3s}
#atc02 .latest ul li .txt{width:calc(70% - 20px);color:var(--primary)}
#atc02 .latest ul li .txt div{font-size:13px;font-weight:400;font-family:var(--e-font)}
#atc02 .latest ul li .txt h4, #atc02 .latest ul li .txt div.clone{margin-top:3px;font-size:16px;font-weight:700}
#atc02 .latest ul li .txt p{margin-top:15px;font-size:15px;font-weight:400;color:#777}
#atc02 .latest .empty{text-align:center;font-size:20px;}

#atc02 .inc02_slide .img_cont a:hover div{opacity:1;top:50%}
#atc02 .inc02_slide .img_cont a:hover img{filter:brightness(0.5);transform:scale(1.1)}
#atc02 .tit .nav_container div:hover svg{color:var(--hover-color)}
#atc02 .latest a:hover svg{transform:translate(5px, -5px)}
#atc02 .latest ul li a:hover img{filter:brightness(0.5);transform:scale(1.1)}

@media(max-width:1980px){
#atc02 .inc02_slide .img_cont{height:480px}
#atc02 .latest ul li .img_cont{height:160px}
}

/* =========================== atc03 */
#atc03{position:relative;margin-top:150px;width:100%}
#atc03::after{content:"";position:absolute;top:0px;left:0px;width:100%;height:700px;background:url(../img/main/inc03/bg.jpg) no-repeat center / cover}
#atc03 .tit{position:relative;z-index:2;padding-top:150px;text-align:center;color:var(--primary)}
#atc03 .tit h2{font-size:50px;font-weight:400;font-family:var(--e-font)}
#atc03 .tit p{font-size:15px;font-weight:400}
#atc03 .inc03_slide{position:relative;z-index:3;margin:90px auto 130px;width:80%;height:820px}
#atc03 .inc03_slide .img_cont{position:relative;width:100%;height:100%}
#atc03 .inc03_slide .img_cont:after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:50%;background:linear-gradient(to bottom, transparent 20%, #111111)}
#atc03 .inc03_slide .img_cont img{width:100%;height:100%;object-fit:cover;transition:all .6s}
#atc03 .inc03_slide h3, #atc03 .inc03_slide div.clone{position:absolute;z-index:2;bottom:9%;left:5%;width:max-content;font-size:25px;font-weight:500;color:rgb(255, 255, 255, 0.6);transition:all .6s}
#atc03 .inc03_slide .pager{position:absolute;z-index:2;bottom:9%;right:5%;left:unset;width:auto;font-size:25px;font-weight:500;letter-spacing:-1px;color:rgb(255, 255, 255, 0.6)}
#atc03 .inc03_slide .empty{display:flex;justify-content:center;align-items:center;font-size:22px}

#atc03 .inc03_slide a:hover img{filter:brightness(0.7)}
#atc03 .inc03_slide a:hover h3{color:#fff}
#atc03 .inc03_slide a:hover div.clone{color:#fff}

@media(max-width:1980px){
#atc03 .inc03_slide{height:750px}
}

/* =========================== atc04 */
#atc04{position:relative;width:100%}
#atc04 .empty{text-align:center;font-size:15px}
#atc04 .info_tit a{display:block;padding:80px 0;text-align:center;border-top:1px solid var(--primary);border-bottom:1px solid var(--primary);color:var(--primary);transition:all .3s}
#atc04 .info_tit a h2{font-size:50px;font-weight:400;font-family:var(--e-font)}
#atc04 .info_tit a p{margin-top:10px;font-size:16px;font-weight:700}
#atc04 .service{display:flex;position:relative;margin:auto;width:80%}
#atc04 .service > div{padding:70px 0 140px;width:50%}
#atc04 .service > div:first-child{padding-right:5%;border-right:1px solid var(--primary)}
#atc04 .service > div:last-child{padding-left:5%}
#atc04 .service h3{font-size:35px;font-weight:400;font-family:var(--e-font);color:var(--primary)}
#atc04 .inc04_slide{overflow:hidden;position:relative;margin-top:30px}
#atc04 .inc04_slide .img_cont{overflow:hidden;width:100%;height:270px}
#atc04 .inc04_slide img{width:100%;height:100%;object-fit:cover;transition:all .3s}
#atc04 .inc04_slide h4, #atc04 .inc04_slide div.clone{margin:15px auto 0;width:80%;text-align:center;font-size:16px;font-weight:700;color:var(--primary)}
#atc04 .inc04_slide .pager{position:relative;top:unset;left:unset;margin-top:50px}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--primary)}
#atc04 .promotion .tit{display:flex;justify-content:space-between;align-items:center}
#atc04 .promotion .tit a{font-size:14px;font-weight:700;color:var(--primary);transition:all .3s}
#atc04 .promotion ul{margin-top:40px}
#atc04 .promotion ul li+li{margin-top:30px}
#atc04 .promotion ul li a{position:relative;display:flex;justify-content:space-between;padding-left:20px;width:100%}
#atc04 .promotion ul li a:after{content:"";position:absolute;top:50%;left:0px;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background-color:var(--primary);transition:all .3s}
#atc04 .promotion ul li a h4{font-size:16px;font-weight:700;color:var(--primary);transition:all .3s} 
#atc04 .promotion ul li a span{font-size:15px;font-weight:400;color:rgb(105,75,64, 0.5);transition:all .3s}

#atc04 .info_tit a:hover{color:#fff;background-color:var(--primary)}
#atc04 .inc04_slide li a:hover img{filter:brightness(0.5);transform:scale(1.1)}
#atc04 .promotion .tit a:hover{color:var(--hover-color)}
#atc04 .promotion ul li a:hover:after{background-color:var(--hover-color)}
#atc04 .promotion ul li a:hover h4{color:var(--hover-color)}
#atc04 .promotion ul li a:hover span{color:rgb(51,51,51, 0.5)}

@media(max-width:1980px){
#atc04 .inc04_slide .img_cont{height:220px}
}