@charset "utf-8";

#inc01{display:flex;flex-flow:column;gap:100px;padding:0}
#inc01 .item{display:flex}
#inc01 .item .img_box .img img{width:100%;height:100%;object-fit:cover}
#inc01 .item .cont{display:flex;flex-flow:column;width:50%;padding:200px 9%;font-size: 20px;line-height: 1.5;background: url(./img/bg.png) no-repeat center;background-size:cover;}
#inc01 .item .cont .tit{display:flex;align-items:center;margin-bottom:50px;font-size:32px;font-weight:900;line-height:1;color:#111;font-family: 'PuradakGentleGothic';}
#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.8}
#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;border-radius: 50px;font-size:16px;font-weight:600;color:#111;line-height:58px;transition:all .4s;z-index: 2;}
#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);border-radius:50px}
#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%}
#inc01 .item .img_box:before{display:block;content:"";position:absolute;left:0;top:0;width:0;height:100%;background: #111;transition:all 1.2s var(--easing)}
#inc01 .item .img_box.on:before{width:100%}

@media (max-width:1700px){
#inc01 .item .cont{padding:120px 9%}
}
@media (max-width:1320px){
#inc01 .item .cont{padding:55px 5%}
#inc01 .item .cont a{margin-top:auto}
#inc01 .item .img_box.on .img{height:100%}
#inc01 .item .img_box.on .img img{width:100%;height:100%;object-fit:cover}
#inc01 .item .cont .tit{font-size:30px}
#inc01 .item .cont{font-size:17px}
}
@media (max-width:1024px){
#inc01{padding:0}
#inc01 .item .cont{padding:40px 30px 40px}
#inc01 article:nth-child(2) .item .cont{padding:40px 0 40px 30px}
#inc01 .item .cont .tit{font-size: 25px;margin-bottom:25px}
#inc01 .item .cont .tit span{font-size:22px}
#inc02 .cont p{font-size:120px}
}
@media (max-width:768px){
#inc01{padding: 0;gap:50px}
#inc01 .item{flex-direction:column}
#inc01 .item .cont{min-height:100vh}
#inc01 .item .cont,#inc01 .item .img_box{width:100%;background-size:130%;}
#inc01 article:nth-child(2) .item .cont{align-items:flex-end;text-align:right}
#inc01 article:nth-child(2) .item .cont .tit{flex-direction:row-reverse}
#inc01 article:nth-child(2) .item .cont .tit span{margin-right:15px}
#inc01 .item.reverse .img_box{order:initial}
#inc01 .item .cont a{font-size:15px}
}
@media (max-width:480px){
#inc01{padding: 40px 0;gap:30px}
#inc01 .item .cont{align-items:center;padding:0;min-height:610px;font-size:15px}
#inc01 .item .cont p{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}
#inc01 article:nth-child(2) .item .cont{padding:30px 0;align-items:center}
#inc01 article:nth-child(2) .item .cont .tit{flex-direction:initial}
}