#p_service{position:relative;z-index:1}#p_service .top-bg{height:200px;border-bottom:10px solid var(--db)}#p_service .top-bg img{width:100%;height:100%;object-fit:cover;object-position:bottom}#p_service #sl{position:relative}#p_service #sl:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:red;background:url(/g/illust2.webp);background-size:cover;opacity:.2;filter:grayscale(1);z-index:-10}#p_service #sl .slh{position:relative;z-index:5;padding:100px 0}@media screen and (max-width:550px){#p_service #sl .slh{padding:50px 0}}#p_service #sl .slh .sh{font-size:3rem;padding-left:10%;color:#686d6e}@media screen and (max-width:1600px){#p_service #sl .slh .sh{font-size:2.2rem}}@media screen and (max-width:1024px){#p_service #sl .slh .sh{padding-left:5%}}@media screen and (max-width:550px){#p_service #sl .slh .sh{font-size:1.2rem}}#p_service #sl .slh .mh{background:linear-gradient(to right,var(--black),var(--bblack));display:flex;gap:1em;position:relative;color:#fff;z-index:1;max-width:80%;padding:1em 1em 1em 10%;-webkit-clip-path:polygon(100% 0,100% calc(100% - 30px),calc(100% - 40px) 100%,0 100%,0 0);clip-path:polygon(100% 0,100% calc(100% - 30px),calc(100% - 40px) 100%,0 100%,0 0)}@media screen and (max-width:1024px){#p_service #sl .slh .mh{max-width:95%;padding-left:5%}}#p_service #sl .slh .mh h2{font-size:6rem;position:relative;z-index:10}@media screen and (max-width:1600px){#p_service #sl .slh .mh h2{font-size:3.5rem}}@media screen and (max-width:550px){#p_service #sl .slh .mh h2{font-size:2rem}}#p_service #sl .slh .mh .star{position:absolute;top:0;height:100%;right:0;z-index:1;-webkit-mask-image:linear-gradient(270deg,black 0,transparent);mask-image:linear-gradient(270deg,black 0,transparent);scale:.7}#p_service #sl .sll{display:grid;grid-template-columns:1fr 1fr;max-width:min(1400px,90%);margin:0 auto;grid-gap:3em;gap:3em;padding-bottom:100px}@media screen and (max-width:768px){#p_service #sl .sll{gap:1em}}#p_service #sl .sll .service{display:grid;grid-template-columns:100px 1fr;background:url(/b/texture_2.png),var(--ddb);color:#fff;padding:2em;grid-gap:2em;gap:2em;align-items:center;position:relative;-webkit-clip-path:polygon(100% 0,100% calc(100% - 30px),calc(100% - 40px) 100%,0 100%,0 0);clip-path:polygon(100% 0,100% calc(100% - 30px),calc(100% - 40px) 100%,0 100%,0 0)}@media screen and (max-width:768px){#p_service #sl .sll .service{grid-template-columns:50px 1fr;padding:1em;display:flex;flex-direction:column}}#p_service #sl .sll .service:before{content:"";position:absolute;top:0;right:-20%;width:50%;height:100%;background:#fff;opacity:.03;z-index:10;transform:skew(-50deg)}#p_service #sl .sll .service .icon{background:#fff;padding:1.5em;box-shadow:0 0 4px #000}@media screen and (max-width:768px){#p_service #sl .sll .service .icon{padding:.525em}}#p_service #sl .sll .service .icon img,#p_service #sl .sll .service .icon svg{width:100%;height:100%;color:var(--black)}@media screen and (max-width:550px){#p_service #sl .sll .service .icon .icon-img{width:30px;height:30px}}#p_service #sl .sll .service .data h2{font-size:1.5rem;margin-bottom:.5em}@media screen and (max-width:1024px){#p_service #sl .sll .service .data h2{font-size:1.2rem}}#p_service #sl .sll .service .data p{font-weight:300}@media screen and (max-width:1024px){#p_service #sl .sll .service .data p{font-size:.9rem}#p_service #sl .sll{grid-template-columns:1fr}}#p_service #sl .slf{background:url(/b/texture_2.png),#192d32;color:#fff;display:flex;justify-content:space-between;padding:1em;margin:1em 0}@media screen and (max-width:1024px){#p_service #sl .slf{display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width:360px){#p_service #sl .slf{display:flex;flex-direction:column}}#p_service #sl .slf p a{text-decoration:underline;font-size:1.2rem}#p_service #sl .slf .l{display:flex;gap:1em;font-size:1.2rem}@media screen and (max-width:1024px){#p_service #sl .slf .l{display:flex;flex-direction:column;justify-content:stretch;align-items:flex-end}#p_service #sl .slf .l .btn-ol{width:100%;display:block}}#p_service #sv-point{margin-top:-30px;position:relative}#p_service #sv-point .bg{position:absolute;z-index:-1;height:100%;object-fit:cover;opacity:1;width:100%}#p_service #sv-point .confine{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;padding:100px 0;grid-gap:3em;gap:3em}@media screen and (max-width:1024px){#p_service #sv-point .confine{grid-template-columns:1fr 1fr;padding-bottom:500px}}@media screen and (max-width:768px){#p_service #sv-point .confine{grid-template-columns:2fr 1fr;gap:2em}}@media screen and (max-width:550px){#p_service #sv-point .confine{grid-template-columns:2fr 50px;gap:1em;padding-bottom:400px}}#p_service #sv-point .confine .point.img{border:none;padding:0;position:relative}#p_service #sv-point .confine .point.img:before{content:"";position:absolute;top:0;left:0;width:150%;height:100%;background:url(/b/texture_1.png);mix-blend-mode:overlay;opacity:.1}#p_service #sv-point .confine .point.img img{width:100%;height:100%;object-fit:cover}#p_service #sv-point .confine .point{border-radius:.25em;box-shadow:0 0 15px rgba(0,0,0,.356);border-bottom:8px solid var(--bb);padding:2em 2em 50px;overflow:hidden;background:#fff;z-index:1;position:relative}#p_service #sv-point .confine .point img{width:100%;aspect-ratio:4/2}#p_service #sv-point .confine .point h2{margin:.5em 0;font-size:1.8rem;color:var(--ddb)}#p_service #sv-point .confine .point p{font-size:.8rem}#p_service #sv-point .confine .point .btn-access{width:65%;background:var(--bb);color:#fff;position:absolute;bottom:0;display:flex;justify-content:flex-end;gap:.5em;font-weight:700;font-size:1.4rem;padding:.2em;right:0;-webkit-clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}#p_service #sv-point .confine .point .btn-access:hover{scale:1}@media screen and (max-width:1024px){#p_service #sv-point .confine .point .btn-access{width:80%}}@media screen and (max-width:550px){#p_service #sv-point .confine .point .btn-access{font-size:1.2rem}}@media screen and (max-width:420px){#p_service #sv-point .confine .point .btn-access{font-size:.9rem}}#p_service #sv-point .serv{height:600px;position:absolute;z-index:10}@media screen and (max-width:1440px){#p_service #sv-point .serv{height:500px}}@media screen and (max-width:768px){#p_service #sv-point .serv{height:400px}}#p_service #sv-point .serv.l{left:0;object-fit:contain;object-position:left bottom;bottom:-5%}@media screen and (max-width:550px){#p_service #sv-point .serv.l{display:none}}#p_service #sv-point .serv.r{right:0;object-fit:contain;object-position:right bottom;bottom:0}