@charset "utf-8";
#inc01{display:flex;flex-flow:column;gap:100px;padding:175px 100px}
#inc01 .item{display:flex}
#inc01 .item .cont{display:flex;flex-flow:column;width:50%;padding:90px 5% 60px}
#inc01 .item .cont .tit{display:flex;align-items:center;margin-bottom:35px;font-size:40px;font-weight:800;line-height:1;color:#111;letter-spacing:-1px;}
#inc01 .item .cont .tit span{margin-left:15px;font-size:30px;font-weight:600;white-space:nowrap}
#inc01 .item .cont div{word-break:keep-all;line-height:1.5;font-size:23px;color:#555;letter-spacing:-1px;}
#inc01 .item .cont a{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:60px;margin-top:auto;border:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111;line-height:58px;transition:all .4s}
#inc01 .item .cont a:before{display:block;content:"";position:absolute;left:0;z-index:-1;width:0;height:100%;border-color:var(--primary);color:#fff;background:var(--primary);transition:all .6s var(--easing)}
#inc01 .item .cont a:hover{border-color:transparent;color:#fff}
#inc01 .item .cont a:hover:before{width:100%}
#inc01 .item .cont a span{margin:0 0 2px 15px}
#inc01 .item .img_box{overflow:hidden;position:relative;width:50%;background:#fff}
#inc01 .item .img_box:before{display:block;content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#9ba6ae;transition:all 1.2s var(--easing)}
#inc01 .item .img_box .img{opacity:0;overflow:hidden;position:relative;width:0;transition:all 1.8s var(--easing) .3s}
#inc01 .item .img_box.on:before{width:100%}
#inc01 .item .img_box.on .img{opacity:1;width:100%}
#inc01 .item.reverse .img_box{order:-1}

span.block {display: block;}

@media (max-width:1320px){
#inc01 .item .cont{padding:55px 5%}
#inc01 .item .cont a{margin-top:30px}
#inc01 .item .cont div{font-size:20px;}
#inc01 .item .img_box.on .img{height:100%}
#inc01 .item .img_box.on .img img{width:100%;height:100%;object-fit:cover}
span.block {display: inline;}
}
@media (max-width:1024px){
#inc01{padding:125px 50px}
#inc01 .item .cont{padding:40px 30px 40px 0}
#inc01 article:nth-child(2) .item .cont{padding:40px 0 40px 30px}
#inc01 .item .cont .tit{font-size:30px;margin-bottom:25px}
#inc01 .item .cont .tit span{font-size:22px}


}
@media (max-width:768px){
#inc01{padding:70px 20px;gap:50px}
#inc01 .item{flex-direction:column}
#inc01 .item .cont,#inc01 .item .img_box{width:100%}
#inc01 .item .cont div{font-size:17px;}
#inc01 .item.reverse .img_box{order:initial}

span.block {display: block;}
}

@media (max-width:640px){
#inc01 article:nth-child(2) .item .cont{padding:40px 0}
#inc01 .item .cont{align-items:center;padding:30px 0}
#inc01 .item .cont div{text-align:center;}
}

@media (max-width:480px){
#inc01{padding:40px 20px 60px;gap:30px}
#inc01 .item .cont{align-items:center;padding:30px 0}
#inc01 .item .cont div{text-align:center;}
#inc01 .item .cont .tit{font-size:22px}
#inc01 .item .cont .tit span{font-size:15px}
#inc01 .item .cont a{font-size:14px;width:140px;height:50px;margin-top:25px}

span.block {display: inline;}

}