@charset "utf-8";

/* =========================== PAGE */
.pagecommon{position:relative;padding-bottom:100px;font-size:15px;line-height:1.5;color:#777;font-family:var(--k-font)}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon .inner{max-width:var(--mainsize);margin:0 auto}

#service1018 .tit{text-align:center;background:#fff}
#service1018 .txt{position:relative;z-index:2;max-width:1040px;margin: -100px auto 50px;padding:60px;background:#fff;border-radius: 6px;box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.2);}
#service1018 .tit span{font-size:13px;font-weight:700;color:var(--primary);letter-spacing:0;font-family:var(--e-font)}
#service1018 .tit p{margin:10px 0 20px;font-size:30px;font-weight:700;color:#111}
#service1018 .s_tit{position:relative;padding-left:20px;font-size:22px;font-weight:700;color:#111}
#service1018 .s_tit:before{position:absolute;content:'';top:50%;left:0;width:5px;height:5px;transform:translateY(-50%);background:var(--primary)}

#service1018 .cont{margin-top:70px}
#service1018 .flex{display:flex;align-items:flex-start;justify-content:space-between}
#service1018 .box{padding:0 8%}
#service1018 .flex+.flex{margin-top:100px;padding-top:100px;border-top:1px solid #e1e1e1}
#service1018 .box .l_cont{display:flex;align-items:center;justify-content:space-between}
#service1018 .box .r_cont{width:50%}
#service1018 .box .pl{padding:15px 0 0 20px;font-size:13px;color:#999}

#service1018 .arrow{display:flex}
#service1018 .arrow span{position:relative;display:flex;align-items:center;justify-content:center;width:35px;height:35px;cursor:pointer}
#service1018 .arrow span+span:before{position:absolute;content:'';top:10px;left:0;width:1px;height:15px;background:#e1e1e1}
#service1018 .arrow svg{width:20px}
#service1018 .bnr{margin-top:30px;padding-bottom:100px}
#service1018 .bnr .l_cont div span{cursor:pointer}
#service1018 .bnr li div{display:flex;align-items:center;background:#f2f2f2}
#service1018 .bnr li div span{display:flex;align-items:center;justify-content:center;width:90px;height:90px;font-size:17px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#service1018 .bnr li div p{margin:0 20px 0 40px;font-size:17px;font-weight:700;color:#111}

#service1018 .flex li{display:flex;align-items:center;gap:20px}
#service1018 .flex li+li{margin-top:20px}
#service1018 .flex li span{display:flex;width:45px;height:45px;align-items:center;justify-content:center;border-radius:5px}
#service1018 .mrt li span{font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#service1018 .mrt dt{font-size:16px;font-weight:700;color:#111}
#service1018 .chk li span{color:var(--primary);background:#e1ebf2}
#service1018 .chk li{font-size:16px;font-weight:700;color:#111}
#service1018 .chk li span svg{width:20px;stroke-width:3px}

#service1018 .bg{padding:35px 30px;border-radius:5px;background:#f2f2f2}
#service1018 .bg dl+dl{margin-top:30px}
#service1018 .bg dl dt{position:relative;padding-left:13px;font-size:16px;font-weight:700;color:#111}
#service1018 .bg dl dt:before{position:absolute;content:'';top:9px;left:0;width:3px;height:3px;background:#111}

@media(max-width:1024px){
#service1018 .tit img{width:100%}
#service1018 .txt{width:90%}
#service1018 .bnr img{width:100%}
#service1018 .box .r_cont{width:60%}
}
@media(max-width:768px){
#service1018 .tit p{font-size:26px}
#service1018 .s_tit{font-size:20px}
#service1018 .flex{display:block}
#service1018 .flex+.flex{margin-top:70px;padding-top:70px}
#service1018 .bnr{margin-top:10px;padding-bottom:30px}
#service1018 .bnr li div{display:block;padding:30px}
#service1018 .bnr li div p{margin:0;padding:10px 0 5px}
#service1018 .bnr li div span{width:30px;height:30px;border-radius:5px;font-size:12px;background:#111}
#service1018 .box .r_cont{width:100%}
#service1018 .box .pl{padding:0;white-space:normal}
#service1018 .box .r_cont{margin-top:20px}

}
@media(max-width:480px){
#service1018 .txt{padding:30px}
#service1018 .tit p{font-size:22px}
#service1018 .bnr{margin-bottom:50px;padding-bottom:0}
#service1018 .bnr li div p{font-size:16px}
#service1018 .box{padding:0 15px}
#service1018 .flex+.flex{margin-top:40px;padding-top:40px}
/*#service1018 .mrt{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}*/
#service1018 .mrt li{display:block;padding:30px;border-radius:5px;background:#f2f2f2}
#service1018 .mrt li+li{margin-top:0}
#service1018 .mrt li span{width:30px;height:30px;font-size:12px}
#service1018 .mrt li dl{margin-top:10px}
}
@media(max-width:380px){
#service1018 .mrt{display:block}
#service1018 .mrt li+li{margin-top:10px}
#service1018 .mrt li:nth-child(even){border:1px solid #e1e1e1;background:#fff}
}