@charset "utf-8";

#inc03{padding:100px 0 145px;overflow:hidden}
/* swiper */
#inc03 .swiper-wrapper{transition-timing-function:linear !important}
#inc03 .swiper-slide{max-width:710px;width:100%}
#inc03 .swiper-slide a{position:relative;display:flex;align-items:center;gap:35px;padding:42px 55px;background-color:#f5f5f5;border-radius:20px;max-width:710px;width:100%;transition:background-color 0.2s}
#inc03 .swiper-slide a .thumb-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:136px;aspect-ratio:1;border-radius:100px;background-color:#fff;background-repeat:no-repeat;background-position:center}
#inc03 .swiper-slide.benefit a .thumb-box{background-image:url(./img/inc03_icon01.png)}
#inc03 .swiper-slide.suit a .thumb-box{background-image:url(./img/inc03_icon02.png);background-position:34px 20px}
#inc03 .swiper-slide.counseling a .thumb-box{background-image:url(./img/inc03_icon03.png)}

#inc03 .swiper-slide a .txt-box h2{padding-bottom:15px;font-family:var(--main-font);font-size:20px;font-weight:700;color:#111}
#inc03 .swiper-slide a .txt-box p.desc{font-family:var(--main-font);font-size:15px;line-height:1.6;color:#777;white-space:pre-line;word-break:keep-all}

#inc03 .swiper-slide a .arrow{position:absolute;bottom:0;right:0;display:flex;align-items:flex-end;justify-content:flex-end;width:63px;aspect-ratio:1;border-radius:var(--main-radius) 0 0 0;background-color:#fff}
#inc03 .swiper-slide a .arrow .ic-arrow{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;aspect-ratio:1;border-radius:100px;background-color:#f5f5f5;transition:background-color 0.2s}
#inc03 .swiper-slide a .arrow .ic-arrow svg{stroke:#111;transition:stroke 0.2s, transform 0.2s}
#inc03 .swiper-slide a .arrow .radius.left{position:absolute;bottom:0;left:-28px;height:28px;width:50px;background-color:#fff}
#inc03 .swiper-slide a .arrow .radius.left::before{position:absolute;content:'';bottom:0;left:0;width:28px;aspect-ratio:1;border-radius:0 0 100px 0;background-color:#f5f5f5;transition:background-color 0.2s}
#inc03 .swiper-slide a .arrow .radius.right{position:absolute;top:-28px;right:0;width:28px;height:50px;background-color:#fff}
#inc03 .swiper-slide a .arrow .radius.right::before{position:absolute;content:'';top:0;right:0;width:28px;aspect-ratio:1;border-radius:0 0 100px 0;background-color:#f5f5f5;transition:background-color 0.2s}

@media (hover:hover){
#inc03 .swiper-slide a:hover{background-color:var(--primary)}
#inc03 .swiper-slide a:hover .txt-box h2{color:#fff}
#inc03 .swiper-slide a:hover .txt-box p.desc{color:rgba(255,255,255,0.9)}
#inc03 .swiper-slide a:hover .ic-arrow{background-color:var(--primary)}
#inc03 .swiper-slide a:hover .ic-arrow svg{stroke:#fff;transform:rotate(-45deg)}
#inc03 .swiper-slide a:hover .arrow .radius.left::before, #inc03 .swiper-slide a:hover .arrow .radius.right::before{background-color:var(--primary)}
}