@charset "UTF-8";.title__skew_bl,.title__skew_wh{display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:700;color:var(--color-bl);font-family:"Poppins",sans-serif}.title__skew_bl:before,.title__skew_wh:before{content:'';display:block;width:6px;height:30px;background-color:var(--color-bl);transform:skewX(-25deg);margin-right:25px;margin-left:0}.title__skew_bl:after,.title__skew_wh:after{content:'';display:block;width:6px;height:30px;background-color:var(--color-bl);transform:skewX(-25deg);margin-left:25px;margin-right:0}.title__skew_wh{color:#fff}.title__skew_wh:before{background-color:#fff}.title__skew_wh:after{background-color:#fff}.title__skew_bl2{display:flex;align-items:center;justify-content:flex-start;font-size:3.2rem;font-weight:700;color:var(--color-bl);font-family:"Poppins",sans-serif;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}@media screen and (min-width:0px) and (max-width:834px){.title__skew_bl,.title__skew_wh{font-size:1.6rem}.title__skew_bl:before,.title__skew_wh:before{width:4px;height:20px;margin-right:15px}.title__skew_bl:after,.title__skew_wh:after{width:4px;height:20px;margin-left:15px}.title__skew_bl2{font-size:2rem}.title__skew_bl2:before{width:4px;height:22px;margin-right:10px}}.top__wrap{width:100%;aspect-ratio:1920/800;padding-top:80px}@media screen and (min-width:0px) and (max-width:834px){.top__wrap{width:100%;height:100svh;aspect-ratio:auto;padding-top:60px}}.swiper,.swiper-wrapper{width:100%;height:100%}.swiper-slide{width:100%;height:100%}.slide__cntwrap01{width:65%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-inline:auto}.slide__cntwrap02,.slide__cntwrap03{width:80%;height:100%;margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.slide01{width:100%;height:100%;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/slider01-bg.webp) no-repeat;background-position:top;background-size:cover}.slide02{width:100%;height:100%;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/slider02-bg.svg) no-repeat #fffcef;background-position:center;background-size:cover}.slide03{width:100%;height:100%;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/slider03-bg.webp) no-repeat;background-position:top;background-size:cover}.swiper-button-next,.swiper-button-prev{color:#fff;background-color:var(--color-bl);border-radius:100px;padding:20px;width:40px;height:40px;transition:.5s;user-select:none;font-size:40px}.swiper-button-next:hover,.swiper-button-prev:hover{color:var(--color-bl);background-color:#fff}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-pagination-bullet{background-color:#333;opacity:1;user-select:none}.swiper-pagination-bullet-active{background-color:#ccc}@media screen and (min-width:0px) and (max-width:834px){.slide01,.slide02{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.slide02{width:100%;height:100%;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/slider02-bg_sp.svg) no-repeat #fffcef;background-position:center;background-size:contain}.slide03{width:100%;height:100%;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/slider03-bg_sp.webp) no-repeat;background-position:top;background-size:cover}.slide__cntwrap01{width:100%;height:100%;padding:0 50px 20px}.slide__cntwrap02{width:100%;height:100%;padding:0 50px 20px}.slide__cntwrap03{width:100%;height:100%;padding:50px 50px 20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;position:relative}.swiper-button-next,.swiper-button-prev{padding:0;width:25px;height:25px;font-size:25px}}.slide01__wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px}.slide01__cntbox{width:calc(55% - 15px)}.slide01__imgbox{width:calc(45% - 15px)}.slide01__maincatch{width:100%;font-size:clamp(4rem, 0.74rem + 3.26vw, 7rem);font-weight:900;color:#fff;line-height:1.4em}.slide01__txt{font-size:clamp(1.4rem, 0.748rem + 0.652vw, 2.0rem);color:#fff;margin-top:20px}.slide01__btnbox{width:100%;margin-top:30px;& a{display:block;width:300px;background-color:#fff;text-align:center;color:var(--color-bl);font-weight:bold;border-radius:100px;padding:10px 0 12px 0;position:relative;&:hover{background-color:var(--color-bl);color:#fff}&:before{font-family:'Font Awesome 7 Pro';content:'\f105';font-size:2rem;line-height:1em;position:absolute;top:50%;right:20px;transform:translateY(-50%)}}}.slide02__wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px 100px}.slide02__logobox{width:calc(60% - 50px)}.slide02__cntbox{width:calc(40% - 50px)}.slide02__txt{width:calc(60% - 50px);text-align:center;font-size:clamp(1.4rem, 1.2vw, 2rem);font-weight:700}.slide02__btnbox{width:calc(40% - 50px);& a{display:block;width:300px;background-color:#ffb610;text-align:center;color:#333;font-weight:bold;border-radius:100px;padding:16px 0 18px 0;position:relative;&:hover{background-color:#333;color:#ffb610}&:before{font-family:'Font Awesome 7 Pro';content:'\f105';font-size:2rem;line-height:1em;position:absolute;top:50%;right:20px;transform:translateY(-50%)}}}.slide03__wrap{width:100%;text-align:right;padding-bottom:100px}.slide03__maincatch{font-size:clamp(6rem, -3.856rem + 11.552vw, 10rem);font-weight:900;color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,.5);line-height:1.1}.slide03__subcatch{font-size:clamp(3rem, -4.415rem + 8.664vw, 6rem);font-weight:900;color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,.5);margin-top:30px;line-height:1.1}.slide03__btnbox{width:100%;margin-top:30px;& a{display:block;width:300px;background-color:#fff;text-align:center;color:var(--color-bl);font-weight:bold;border-radius:100px;padding:10px 0 12px 0;position:relative;margin-left:auto;&:hover{background-color:var(--color-bl);color:#fff}&:before{font-family:'Font Awesome 7 Pro';content:'\f105';font-size:2rem;line-height:1em;position:absolute;top:50%;right:20px;transform:translateY(-50%)}}}@media screen and (min-width:835px) and (max-width:1366px){.slide01__cntbox{width:calc(60% - 15px)}.slide01__imgbox{width:calc(40% - 15px)}.slide01__maincatch{line-height:1.2em}.slide01__txt{margin-top:10px}.slide01__btnbox{width:100%;margin-top:10px;& a{width:250px;padding:5px 0 7px}}.slide02__wrap{width:100%;gap:10px 60px}.slide02__btnbox{& a{width:250px;padding:10px 0 12px 0;&:before{font-size:2rem}}}.slide03__wrap{padding-bottom:0}.slide03__maincatch{font-size:clamp(4rem, -1.464rem + 8.743vw, 6rem)}.slide03__subcatch{font-size:clamp(2.5rem, 1.137rem + 2.186vw, 3rem);margin-top:15px}.slide03__btnbox{width:100%;margin-top:20px;& a{width:250px;padding:5px 0 7px}}}@media screen and (min-width:0px) and (max-width:834px){.slide01__wrap{width:100%;gap:30px}.slide01__cntbox{width:100%;order:2}.slide01__imgbox{width:100%;order:1}.slide01__maincatch{width:100%;font-size:2.2rem;line-height:1.2em;text-align:center}.slide01__txt{font-size:1.4rem;text-align:center}.slide01__btnbox{width:100%;margin-top:30px;& a{width:100%;padding:10px 0 12px 0;position:relative;&:before{font-size:1.6rem;position:absolute;top:50%;right:15px;transform:translateY(-50%)}}}.slide02__wrap{width:100%;gap:20px 100px}.slide02__logobox{width:100%;order:1}.slide02__cntbox{width:100%;order:3}.slide02__txt{width:100%;order:2;text-align:center;font-size:1.4rem}.slide02__btnbox{width:100%;order:4;& a{width:100%;padding:10px 0 12px 0;position:relative;&:before{font-size:1.6rem;position:absolute;top:50%;right:15px;transform:translateY(-50%)}}}.slide03__wrap{width:100%;text-align:left;padding-bottom:0}.slide03__maincatch{font-size:3.5rem;line-height:1.2em}.slide03__subcatch{font-size:2.5rem;margin-top:20px}.slide03__btnbox{width:calc(100% - 100px);margin-top:0;position:absolute;bottom:80px;left:50%;transform:translateX(-50%);& a{width:100%;padding:10px 0 12px 0;position:relative;&:before{font-size:1.6rem;position:absolute;top:50%;right:15px;transform:translateY(-50%)}}}}.banner__bgbox{width:100%;aspect-ratio:1920/560;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/topdown-bg.svg) no-repeat;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center}.banner__wrap{width:100%;& ul{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:50px}& ul li{width:calc((100% - 50px) / 2);& a:hover{opacity:.5}}}@media screen and (min-width:0px) and (max-width:834px){.banner__bgbox{width:100%;aspect-ratio:auto;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/topdown-bg_sp.svg) no-repeat;background-position:center;background-size:cover}.banner__wrap{width:100%;padding:50px 0;& ul{width:100%;gap:30px}& ul li{width:100%}}}.product__bg{width:100%;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/product-bg.webp) no-repeat;background-position:center;background-size:cover}.product__wrap{width:100%;& h2{font-size:5.6rem;font-weight:900;text-align:center}& ul{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:50px}& ul li{width:calc((100% - 60px) / 3);height:70px;& a{width:100%;height:100%;display:block;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:2rem;line-height:1em;color:#333;position:relative;border:1px solid #aaa;background-color:#fff;overflow:hidden;&:hover{background-color:var(--color-bl)}&>img{height:70px;position:absolute;top:0;left:0}&:before{font-family:'Font Awesome 7 Pro';content:'\f105';font-size:2rem;line-height:1em;position:absolute;top:50%;right:10px;transform:translateY(-50%)}}}}.product__btnbox{width:300px;height:50px;margin-top:50px;margin-inline:auto}.product__btnbox a{width:100%;height:100%;background:linear-gradient(90deg,rgba(36,104,183,1) 0%,rgba(40,181,216,1) 100%);color:#fff;border-radius:100px;display:flex;align-items:center;justify-content:center;line-height:1em;position:relative;z-index:1;overflow:hidden;&:after{font-family:'Font Awesome 7 Pro';content:'\f105';font-size:2rem;line-height:1em;position:absolute;top:50%;right:20px;transform:translateY(-50%)}&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(40,181,216,1) 0%,rgba(36,104,183,1) 100%);opacity:0;transition:opacity .5s ease;z-index:-1}&:hover:before{opacity:1}}@media screen and (min-width:0px) and (max-width:834px){.product__wrap{width:100%;& h2{font-size:2.6rem}& ul{width:100%;gap:10px;margin-top:30px}& ul li{width:100%;height:50px;& a{font-size:1.6rem;line-height:1em;&>img{height:50px}&:before{font-size:1.6rem}}}}.product__btnbox{width:100%;height:50px;margin-top:30px}}.case__bg{width:100%;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/case-bg.webp) no-repeat;background-position:center;background-size:cover}.case__wrap{width:100%;height:100%;position:relative;& h2{font-size:5.6rem;font-weight:900;text-align:center;color:#fff}}.slick-dots{text-align:center;margin-top:10px}.case__slick{width:100%;margin:0 auto;margin-top:50px}.case__slick_item{height:auto !important;background-color:#fff;margin:0 20px;position:relative}.case__cntbox{width:100%;padding:30px}.case__topimgbox{position:relative;overflow:hidden;width:100%;aspect-ratio:4/3}.case__topimg{width:100%;height:100%}.case__topimg>img{width:100%;height:100%;object-fit:cover;z-index:50;filter:blur(8px)}.img__filter>img{vertical-align:top;width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;z-index:60}.case__ttlbox{font-size:2rem;line-height:1.3em;color:var(--color-bl);margin-top:15px;font-weight:700}.case__txtbox{font-size:1.6rem;color:#333;margin-top:10px;& span{font-weight:700}}@media screen and (min-width:0px) and (max-width:834px){.case__wrap{& h2{font-size:2.6rem}}.case__slick{margin-top:30px}.case__slick_item{margin:0 10px}.case__cntbox{width:100%;padding:30px}.case__ttlbox{font-size:1.6rem;margin-top:15px}.case__txtbox{font-size:1.4rem}}.news__wrap{width:100%;& ul{width:100%;display:flex;flex-wrap:wrap;gap:25px;margin-top:50px}& ul li{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:8px;border-bottom:1px dotted #aaa}}.news__date{width:5em;font-size:1.6rem;font-weight:700;color:var(--color-bl);font-family:"Poppins",sans-serif;line-height:1.2em;padding-top:3px}.news__cntbox{width:calc(100% - 7em);& a{color:#333;text-decoration:underline;line-height:1.2em}& a:hover{color:#aaa}}.news__btnbox{width:300px;height:50px;margin-top:50px;margin-inline:auto}.news__btnbox a{width:100%;height:100%;background:linear-gradient(90deg,rgba(36,104,183,1) 0%,rgba(40,181,216,1) 100%);color:#fff;border-radius:100px;display:flex;align-items:center;justify-content:center;line-height:1em;position:relative;z-index:1;overflow:hidden;&:after{font-family:'Font Awesome 7 Pro';content:'\f105';font-size:2rem;line-height:1em;position:absolute;top:50%;right:20px;transform:translateY(-50%)}&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(40,181,216,1) 0%,rgba(36,104,183,1) 100%);opacity:0;transition:opacity .5s ease;z-index:-1}&:hover:before{opacity:1}}@media screen and (min-width:0px) and (max-width:834px){.news__wrap{width:100%;& ul{width:100%;gap:20px;margin-top:30px}& ul li{width:100%;padding-bottom:20px}}.news__date{width:100%;font-size:1.6rem;font-weight:700;color:var(--color-bl);font-family:"Poppins",sans-serif;line-height:1.2em;padding-top:3px}.news__cntbox{width:100%}.news__btnbox{width:100%;height:50px;margin-top:30px}}.instagram__wrap{width:100%;margin-top:30px;& a{color:#333}&:first-of-type{margin-top:50px}}@media screen and (min-width:0px) and (max-width:834px){.instagram__wrap{margin-top:15px;&:first-of-type{margin-top:30px}}}.fb__snswrap{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:80px;margin-top:50px}.fb__snsbox{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;& ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px}& ul li{width:40px;height:40px}}.fb__snsname{color:#333;font-weight:bold;position:relative;margin-right:90px;font-size:2.4rem;&:before{content:'';width:50px;height:1px;background-color:#333;position:absolute;top:50%;right:-70px;transform:translateY(-50%)}}@media screen and (min-width:0px) and (max-width:834px){.fb__snswrap{gap:20px;margin-top:30px}.fb__snsbox{& ul{gap:5px}& ul li{width:30px;height:30px}}.fb__snsname{margin-right:70px;font-size:1.6rem;&:before{width:30px;position:absolute;top:50%;right:-50px;transform:translateY(-50%)}}}.contact__bg{width:100%;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/contact-bg.svg) no-repeat;background-position:center;background-size:cover}.contact__wrap{width:100%;max-width:800px;margin-inline:auto;background-color:#fff;border:1px solid #aaa;padding:50px 80px;display:flex;flex-wrap:wrap;justify-content:space-between}.contact__cntbox{width:50%;& h2{font-size:3.2rem;font-weight:700}& p{font-size:1.6rem;line-height:1.5em;margin-top:20px}}.contact__btnbox{width:300px;height:50px;margin-top:30px}.contact__btnbox a{width:100%;height:100%;background:linear-gradient(90deg,rgba(36,104,183,1) 0%,rgba(40,181,216,1) 100%);color:#fff;border-radius:100px;display:flex;align-items:center;justify-content:center;line-height:1em;position:relative;z-index:1;overflow:hidden;&:after{font-family:'Font Awesome 7 Pro';content:'\f105';font-size:2rem;line-height:1em;position:absolute;top:50%;right:20px;transform:translateY(-50%)}&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(40,181,216,1) 0%,rgba(36,104,183,1) 100%);opacity:0;transition:opacity .5s ease;z-index:-1}&:hover:before{opacity:1}}.contact__imgbox{width:35%;display:flex;align-items:center;justify-content:center;& img{width:100%;height:100%;object-fit:contain}}@media screen and (min-width:0px) and (max-width:834px){.contact__wrap{padding:30px 20px}.contact__cntbox{width:100%;order:2;margin-top:20px;& h2{font-size:2.4rem}& p{font-size:1.4rem;margin-top:10px}}.contact__btnbox{width:100%;height:50px;margin-top:20px}.contact__imgbox{width:60%;order:1;margin-inline:auto}}.link__wrap{width:100%;& ul{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}& ul li{width:calc(100% / 3);aspect-ratio:2/1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;transition:0.5s;& a{position:absolute;top:0;left:0;width:100%;height:100%}&:nth-child(1){background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/company-bg.webp) no-repeat;background-position:center;background-size:cover}&:nth-child(2){background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/business-bg.webp) no-repeat;background-position:center;background-size:cover}&:nth-child(3){background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/index/recruit-bg.webp) no-repeat;background-position:center;background-size:cover}&:nth-child(1):hover,&:nth-child(2):hover,&:nth-child(3):hover{filter:grayscale(100%)}}}.link__cntbox{width:100%;& h2{font-size:4.5rem;font-weight:900;text-align:center;color:#fff}& p{font-size:2.5rem;font-weight:900;text-align:center;color:#fff}}@media screen and (min-width:0px) and (max-width:834px){.link__wrap{& ul li{width:100%;aspect-ratio:2/1}}.link__cntbox{width:100%;& h2{font-size:2.6rem}& p{font-size:2rem}}}.access__wrap{width:100%}.access__addressbox{width:100%;text-align:center;margin-top:30px;& span{font-weight:700}& span:after{content:'／'}& i{color:var(--color-bl);font-size:2rem;margin-right:.3em}}.access__mapbox{width:100%;height:300px;margin-top:15px;& iframe{width:100%;height:100%}}.access__method{width:100%;text-align:center;margin-top:30px;& ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}& ul li{width:47%}}.method__iconbox{width:100%;text-align:center}.method__ttlbox{width:100%;text-align:center;font-weight:700;color:var(--color-bl);margin-top:3px;font-size:1.8rem;border-bottom:1px solid #aaa;padding-bottom:5px}.method__txtbox{width:100%;text-align:left;line-height:1.8em;margin-top:10px;& p{text-indent:-1em;padding-left:1em}}@media screen and (min-width:0px) and (max-width:834px){.access__addressbox{width:100%;margin-top:30px;font-size:1.4rem;& span{font-weight:700}& span:after{content:''}& i{font-size:1.6rem;margin-right:0}}.access__mapbox{height:200px}.access__method{width:100%;margin-top:30px;& ul{width:100%;gap:30px}& ul li{width:100%}}.method__ttlbox{margin-top:5px;font-size:1.6rem}.method__txtbox{font-size:1.4rem;line-height:1.5em;margin-top:10px}}