@charset "UTF-8";.top__wrap{width:100%;padding-top:80px}.top__mainbox{width:100%;height:calc(100svh - 80px);position:relative;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/tilegrinding/top-bgimg.webp) no-repeat;background-position:top;background-size:cover}.trapezoid{width:62.5%;height:100%;padding:0 4%;color:#fff;background:linear-gradient(90deg,rgba(36,104,183,0.8) 0%,rgba(40,181,216,0.8) 100%);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);clip-path:polygon(0 0,100% 0,55% 100%,0 100%);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;& h2{font-size:clamp(4rem, 0.74rem + 3.26vw, 7rem);font-weight:900;color:#fff;line-height:1.4em}& p{font-size:clamp(1.4rem, 0.748rem + 0.652vw, 2.0rem);color:#fff;margin-top:20px}}@media screen and (min-width:0px) and (max-width:834px){.top__wrap{width:100%;padding-top:60px}.top__mainbox{width:100%;height:calc(100svh - 60px);position:relative;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/tilegrinding/top-bgimg_sp.webp) no-repeat;background-position:top;background-size:cover}.trapezoid{width:100%;height:60%;padding:10%;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);clip-path:polygon(0 0,100% 25%,100% 100%,0 100%);position:absolute;bottom:0;left:0;& h2{font-size:clamp(2.7rem, 9.09vw - 0.21rem, 3.2rem);line-height:1.4em;padding-top:50px}& p{font-size:1.4rem;margin-top:20px}}}.topdown__wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:center}.topdown__imgbox{width:50%;position:relative;& img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}}.topdown__cntbox{width:50%;padding:120px 10%;& h2{font-size:3.6rem;font-weight:700;color:var(--color-bl)}& p{margin-top:15px}}@media screen and (min-width:0px) and (max-width:834px){.topdown__imgbox{width:100%;height:300px;order:2}.topdown__cntbox{width:100%;padding:50px 10%;order:1;& h2{font-size:2.4rem}& p{margin-top:15px;font-size:1.4rem}}}.cando__wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.cando__cntbox{width:40%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;& h2{font-size:3.6rem;font-weight:700;color:#fff}& ul{width:100%;margin-top:30px;display:flex;flex-direction:column;gap:10px}& ul li{width:16em;background-color:#fff;border-radius:100px;padding:10px 20px 12px 3em;font-size:2rem;line-height:1;color:var(--color-bl);position:relative;&:before{font-family:'Font Awesome 7 Pro';content:'\f058';font-size:3rem;line-height:1em;position:absolute;top:50%;left:10px;transform:translateY(-50%);font-weight:900}}}.cando__imgbox{width:55%;display:flex;justify-content:space-between;gap:30px;& img{width:calc((100% - 30px) / 2);aspect-ratio:63/40;object-fit:cover}}@media screen and (min-width:0px) and (max-width:834px){.cando__cntbox{width:100%;& h2{width:100%;font-size:2.4rem;text-align:center}& ul{width:100%;margin-top:30px;gap:10px}& ul li{width:100%;padding:10px 20px 12px 3em;font-size:1.8rem;&:before{font-size:2.5rem}}}.cando__imgbox{width:100%;flex-wrap:wrap;gap:10px;margin-top:30px;& img{width:100%}}}.point__bg{background-color:#fff;background-image:linear-gradient(#e9e9e9 1px,transparent 1px),linear-gradient(90deg,#e9e9e9 1px,transparent 1px);background-size:30px 30px}.point__ttlbox{width:100%;margin-bottom:80px;& h2{text-align:center;font-size:8rem;line-height:1.3;font-weight:900;color:var(--color-bl);display:flex;flex-direction:column;justify-content:center;align-items:center;& span{font-size:3.6rem;font-weight:700;color:#fff;background-color:var(--color-bl);padding:5px 30px 7px}}}.point__wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px;&:last-of-type{margin-bottom:0}}.point__imgbox{width:40%;aspect-ratio:3/2;& img{width:100%;height:100%;object-fit:cover}}.point__cntbox{width:55%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;& h3{font-size:3.6rem;line-height:1;font-weight:bold;color:var(--color-bl);& span{font-size:8rem;font-weight:700;font-family:"Poppins",sans-serif;margin-right:20px;line-height:1}}& p{margin-top:15px}}@media screen and (min-width:0px) and (max-width:834px){.point__ttlbox{margin-bottom:50px;& h2{font-size:4.3rem;line-height:1.3;& span{font-size:2.4rem;padding:5px 15px 7px}}}.point__wrap{margin-bottom:50px}.point__imgbox{width:100%}.point__cntbox{width:100%;margin-top:20px;& h3{font-size:2.4rem;& span{font-size:5rem;margin-right:0;display:block;margin-bottom:5px}}}}.other__wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.other__ttlbox{width:40%;& h2{font-size:4.5rem;font-weight:900;color:var(--color-bl);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.2;& span{font-size:3rem;font-weight:700;color:#fff;background-color:var(--color-bl);padding:5px 20px 7px;border-radius:100px;margin-bottom:10px}}}.other__cntbox{width:55%;& ul{width:100%;display:flex;flex-direction:column;gap:30px}& ul li{width:100%;padding:5px 0 5px 2.5em;font-size:2rem;line-height:1;font-weight:bold;color:var(--color-bl);position:relative;&:before{font-family:'Font Awesome 7 Pro';content:'\f058';font-size:3rem;line-height:1em;position:absolute;top:50%;left:0;transform:translateY(-50%);font-weight:900}}}@media screen and (min-width:0px) and (max-width:834px){.other__wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.other__ttlbox{width:100%;text-align:center;& h2{font-size:3rem;align-items:center;& span{font-size:2.4rem;padding:5px 20px 7px}}}.other__cntbox{width:100%;margin-top:30px;& ul{gap:15px}& ul li{width:100%;padding:5px 0 5px 2.5em;font-size:1.6rem;&:before{font-family:'Font Awesome 7 Pro';content:'\f058';font-size:2.5rem;line-height:1em;position:absolute;top:1px;left:0;transform:translateY(0)}}}}.title__skew_bl2{display:flex;align-items:flex-start;justify-content:flex-start;font-size:3.2rem;font-weight:700;color:var(--color-bl);border-bottom:1px solid #aaa;padding-left:10px;padding-bottom:10px}.title__skew_bl2:before{content:'';display:block;width:6px;height:32px;background-color:var(--color-bl);transform:skewX(-25deg);margin-right:15px;margin-left:0;margin-top:8px}@media screen and (min-width:0px) and (max-width:834px){.title__skew_bl2{font-size:2rem;line-height:1.2}.title__skew_bl2:before{width:4px;height:22px;margin-right:10px;margin-top:4px;flex-shrink:0}}.spec__wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px;& table{border-collapse:collapse;width:55%;&.tb01 th,&.tb01 td{padding:10px 20px;border:solid 1px #aaa;font-weight:400}&.tb01 td span{font-weight:700}&.tb01 th{background:#f4f4f4;width:30%}}& img{width:40%;object-fit:contain;object-position:top}}@media screen and (min-width:0px) and (max-width:834px){.spec__wrap{width:100%;margin-top:30px;& table{width:100%;&.tb1{width:100%}&.tb01 th,&.tb01 td{display:block;width:100%;border-bottom:none;padding:10px}&.tb01 tr:last-child{border-bottom:solid 1px #aaa}}& img{width:100%;margin-top:30px}}}.link__wrap{width:100%;aspect-ratio:5/1.2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;transition:0.5s;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/tilegrinding/contact-bg.webp) no-repeat;background-position:center;background-size:cover;& a{position:absolute;top:0;left:0;width:100%;height:100%}&:hover{filter:grayscale(100%)}}.link__cntbox{width:100%;& h2{font-size:8rem;font-weight:900;font-family:"Poppins",sans-serif;color:#fff;text-align:center}& p{font-size:1.6rem;text-align:center;color:#fff;& i{font-size:4rem;font-weight:900;margin-top:30px}}}@media screen and (min-width:0px) and (max-width:834px){.link__wrap{width:100%;aspect-ratio:15/16;padding:0 10%}.link__cntbox{width:100%;& h2{font-size:5.2rem;font-weight:900;font-family:"Poppins",sans-serif;color:#fff;text-align:center}& p{font-size:1.4rem;text-align:center;color:#fff;& i{font-size:3rem;font-weight:900;margin-top:30px}}}}@media screen and (min-width:0px) and (max-width:834px){footer{margin-top:0}}