@charset "utf-8";

#inc05{overflow:hidden;padding-top:150px}
#inc05 .cm_tit{margin-bottom:100px}
#inc05 ul{display:flex;flex-flow:column;gap:100px}
#inc05 ul li{display:flex;align-items:center;justify-content:space-between}
#inc05 ul li .cont h3{margin-bottom:20px;font-size:38px;font-weight:700;line-height:1.25;color:var(--dark)}
#inc05 ul li .cont .ps{margin-top:10px;font-size:16px;color:var(--primary)}
#inc05 ul li > img{width:600px;border-radius:20px;border:1px solid #e1e1e1}
#inc05 ul li .img{display:flex;width:600px;height:350px;border-radius:20px;background:#7bb8ed}
#inc05 ul li .img img{margin:auto;width:70%}
#inc05 ul li .img .img2{width:60%}
#inc05 ul li .img.bg02{background:#ddd}
#inc05 ul li .img.bg03{background:#ddd}
#inc05 ul li .img.bg04{background:#ddd}
#inc05 ul li .device{position:relative}
#inc05 ul li .device .pc{overflow:hidden;width:600px;border-radius:12px;border:4px solid #333}
#inc05 ul li .device .pc img{width:120%;border-radius:7px}
#inc05 ul li .device .mo{overflow:hidden;position:absolute;right:-30px;bottom:-30px;width:160px;border-radius:12px;border:4px solid #333}
#inc05 ul li .device .mo img{width:101%;border-radius:7px}

@media (max-width:1024px){
#inc05 .cm_tit{margin-bottom:70px}
#inc05 ul li .cont h3{font-size:30px}
#inc05 ul li .device .pc{width:500px}
#inc05 ul li .device .pc img{width:101%}
#inc05 ul li .device .mo{right:25px}
#inc05 ul li > img{width:500px}
#inc05 ul li .img{width:500px;height:300px}
#inc05 ul li .img img{width:80%}
#inc05 ul li .cont .ps{margin-top:5px;font-size:14px}
}
@media (max-width:768px){
#inc05{padding-top:100px}
#inc05 ul{gap:50px}
#inc05 ul li .cont{width:40%}
#inc05 ul li .cont h3{font-size:22px}
#inc05 ul li .img{width:50%;height:200px}
#inc05 ul li .device{width:50%}
#inc05 ul li .device .pc{width:auto}
#inc05 ul li .device .mo{width:100px}
#inc05 ul li .device .mo img{width:100%}
#inc05 ul li > img{width:50%}
#inc05 ul li .cont .ps{font-size:12px}
}
@media (max-width:620px){
#inc05 ul li .cont h3{font-size:22px}
#inc05 ul li .img{height:160px}
#inc05 ul li .img img{width:70%}
}
@media (max-width:480px){
#inc05 .cm_tit{margin-bottom:60px}
#inc05 ul{gap:60px}
#inc05 ul li{display:block;text-align:center}
#inc05 ul li .cont{width:100%;margin-bottom:15px}
#inc05 ul li .cont h3{margin-bottom:5px;font-size:20px}
#inc05 ul li .img{width:100%;height:220px}
#inc05 ul li .device{width:100%}
#inc05 ul li .device .pc{border-width:3px}
#inc05 ul li .device .pc img{width:101%}
#inc05 ul li .device .mo{bottom:-25px;right:10px;border-width:3px}
#inc05 ul li > img{width:100%}
}
@media (max-width:390px){
#inc05{padding-top:60px}
#inc05 ul li .cont h3{font-size:18px}
#inc05 ul li .img{height:180px}
#inc05 ul li .img img{width:70%}
}