@charset "utf-8";

#inc03 .banner{display:flex;align-items:center;justify-content:center;width:100%;height:680px;background:url(/theme/basic/img/info_bg.jpg);background-size: cover;}
#inc03 .banner .txt{text-align:center;color:#fff}
#inc03 .banner .txt span{font-size:22px;font-weight:500;letter-spacing:4px;text-transform:uppercase;font-family:var(--e-font)}
#inc03 .banner .txt a{display:block;width:212px;height:60px;margin:0 auto;border:1px solid #fff;box-sizing:border-box;font-size:16px;font-weight:600;line-height:58px;text-align:center;color:#fff;transition:0.2s}
#inc03 .banner .txt p{padding:40px 0 50px;font-size:42px;font-weight:200;line-height:1.3;text-align:center;white-space:pre-line}
#inc03 .banner .txt p b{font-weight:700}

/* �뜝�럩逾у뜝�럥占쎈���삕占쎈츩�뜝�럥諭� - �뜝�룞�삕�뜝�럩逾졾뜝�룞�삕 */
#inc03 .com_tit_area{font-size:19px;color:#999}
#inc03 .com_tit_area p{position:relative;margin-bottom:30px;font-size:36px;font-weight:600;letter-spacing:3px;color:var(--primary);text-transform:uppercase;white-space:pre-line;font-family:var(--e-font)}
#inc03 .com_tit_area p::after{content:"";display:block;margin-top:30px;width:45px;height:3px;background:var(--primary)}
#inc03 .com_tit_area div{font-size:18px;font-weight:500;line-height:1.8;white-space:pre-line;color:#111}

/* �뜝�럩逾у뜝�럥占쎈���삕占쎈츩�뜝�럥諭� */
#inc03 .latest{overflow:hidden;display:flex;align-items:center;margin:0 auto}
#inc03 .latest .com_tit_area{padding-left:85px}
#inc03 ul{display:flex;width:62%;margin-left:auto}
#inc03 ul li{width:50%;/*height:275px;*/border-left:1px solid #e1e1e1}
#inc03 ul li a{display:flex;flex-flow:column;padding:70px 80px 75px;transition:0.2s}
#inc03 ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:30px 0 15px;font-size:18px;font-weight:700;color:#111;word-break:keep-all}
#inc03 ul li div{color:#777;word-break:keep-all}
#inc03 ul li i{font-size:17px;font-weight:600;font-style:normal;color:var(--primary);letter-spacing:1px;font-family:var(--e-font)}

/* �뛾�룇瑗뤄옙踰볟뜝�럩援� [s] */
@media(hover:hover){
#inc03 .banner .txt a:hover{border-color:var(--primary);background:var(--primary)}
#inc03 ul li a:hover{background:var(--primary)}
#inc03 ul li a:hover p,#inc03 ul li a:hover div,#inc03 ul li a:hover i{color:#fff}
}
@media (max-width:1024px){
#inc03 .banner{height:550px;background-position:center;background-size:cover}
#inc03 .banner .txt span{font-size:20px}
#inc03 .banner .txt p{padding:15px 0px 35px 0px;font-size:32px}
#inc03 .banner .txt a{display:flex;justify-content:center;align-items:center;width:195px;height:55px}
#inc03 .latest{flex-direction:column;width:95%;margin:auto;padding:30px 0px 40px}
#inc03 .latest .com_tit_area{padding-left:0px;width:100%;text-align:center}
#inc03 .com_tit_area div{font-size:16px}
#inc03 .com_tit_area p{padding-bottom:5px;margin-bottom:10px;font-size:30px}
#inc03 .com_tit_area p::after{position:absolute;bottom:0%;left:50%;transform:translateX(-50%);margin:0px;width:300px}
#inc03 ul{margin:0px;margin-top:25px;width:100%}
#inc03 ul li{height:auto}
#inc03 ul li:first-child{border-left:none}
#inc03 ul li a{padding:30px 60px}
#inc03 ul li p{margin-top:23px}
}
@media (max-width:768px){
#inc03 .banner{height:450px}
#inc03 .banner .txt{line-height:1.2}
#inc03 .banner .txt span{font-size:18px}
#inc03 .banner .txt p{font-size:26px}
#inc03 .banner .txt a{width:180px;height:52px;font-size:15px}
#inc03 .com_tit_area p{font-size:24px}
#inc03 .com_tit_area p::after{width:235px}
#inc03 .com_tit_area div{font-size:15px}
#inc03 ul li a{padding:30px 35px}
#inc03 ul li i{font-size:16px}
#inc03 ul li p{margin:15px 0px 8px 0px;font-size:16px}
#inc03 ul li div{font-size:14px}
}
@media (max-width:480px){
#inc03 .banner{height:360px}
#inc03 .banner .txt span{font-size:16px}
#inc03 .banner .txt p{padding:8px 0px 22px 0px;font-size:21px}
#inc03 .com_tit_area p{font-size:22px}
#inc03 .com_tit_area p::after{width:200px}
#inc03 .com_tit_area div{font-size:14px}
#inc03 ul{margin-top:35px;flex-direction:column}
#inc03 ul li{width:100%;border-left:none}
#inc03 ul li:first-child{border-bottom:1px solid #e1e1e1}
#inc03 ul li a{padding:20px 15px}
#inc03 ul li i{font-size:15px}
#inc03 ul li p{margin-top:10px;font-size:15px}
#inc03 ul li div{font-size:13px}
}
@media (max-width:380px){
#inc03 .banner{height:290px}
#inc03 .banner .txt span{font-size:14px}
#inc03 .banner .txt p{font-size:20px}
#inc03 .banner .txt a{width:155px;height:48px;font-size:14px}
#inc03 .com_tit_area p{margin-bottom:8px;font-size:20px}
#inc03 .com_tit_area p::after{width:180px}
#inc03 .com_tit_area div{font-size:13px}
#inc03 ul{margin-top:25px}
#inc03 ul li a{padding:15px 10px}
#inc03 ul li i{font-size:13px}
#inc03 ul li p{font-size:14px}
}
/* �뛾�룇瑗뤄옙踰볟뜝�럩援� [e] */