@charset "UTF-8";.top__wrap{width:100%;padding-top:80px;position:relative}.top__cntbox{width:100%;height:180px;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/archive/../../images/common/subpage-topbg.webp) no-repeat;background-position:top;background-size:cover;display:flex;align-items:center;justify-content:flex-start}.top__deco{aspect-ratio:7/6;height:180px;position:absolute;bottom:0;right:96px;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/archive/../../images/common/subpage-topdeco.svg) no-repeat;background-position:right;background-size:contain}.top__ttlwrap{width:100%}.top__ttlbox{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;& h1{font-size:4.6rem;font-weight:bold;color:#fff;display:flex;align-items:center;line-height:1.2;& span{font-size:1.8rem;font-weight:700;color:var(--color-bl);font-family:"Poppins",sans-serif;background-color:#fff;padding:4px 10px;margin-left:20px;line-height:1;display:inline-block;margin-top:8px}}}@media screen and (min-width:835px) and (max-width:1728px){.top__deco{position:absolute;bottom:0;right:2%}}@media screen and (min-width:0px) and (max-width:834px){.top__wrap{padding-top:60px;overflow:hidden}.top__cntbox{height:150px}.top__deco{height:150px;position:absolute;bottom:0;right:-20%}.top__ttlwrap{width:100%}.top__ttlbox{& h1{display:flex;flex-direction:column;align-items:flex-start;font-size:2.4rem;& span{margin-left:0;margin-top:8px;font-size:1.4rem;padding:3px 8px;display:inline-block;width:fit-content}}}}.long-content{height:2000px}.products{& h2{display:flex;flex-direction:column;justify-content:center;font-size:4.6rem;font-weight:bold;color:var(--color-bl);& .en{display:block;font-size:1.6rem;line-height:1;font-family:"Poppins",sans-serif}& .ja{display:block;font-size:4.6rem;line-height:1.2;margin-top:5px}}&>p{margin-top:15px}}.products__wrap{width:100%;display:flex;align-items:stretch;flex-wrap:wrap;gap:80px;margin-top:50px}@media screen and (min-width:0px) and (max-width:834px){.products{& h2{font-size:2.4rem;padding-bottom:8vw;& .en{font-size:1.4rem}& .ja{font-size:2.4rem;margin-top:5px}}}.products__wrap{gap:50px;margin-top:50px}}.product__cntwrap{width:calc(100% - 280px)}.products__mainbox{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:0 50px;& article{display:grid;grid-template-rows:subgrid;grid-row:span 7;gap:0;&:nth-child(n+3){margin-top:50px}& h3{font-size:2.4rem;font-weight:700;line-height:1.2;margin-top:10px;margin-bottom:15px}}}.products__catbox{width:100%;padding:3px 0 4px 0;& span{font-size:1.4rem;background-color:var(--color-bl);color:#fff;padding:4px 20px 6px;border-radius:100px}}.swiper{width:100%;aspect-ratio:5/3;background-color:#fff;margin-top:15px;border:1px solid #e9e9e9}.swiper-wrapper{width:100%}.swiper-slide{& img{width:100%;height:100%;object-fit:cover}}.swiper-button-next,.swiper-button-prev{color:var(--color-bl);background-color:#fff;border-radius:100px;width:30px;height:30px;transition:.5s;user-select:none;font-size:30px;top:50%;transform:translateY(-50%);margin-top:0}.swiper-button-next:hover,.swiper-button-prev:hover{color:#fff;background-color:var(--color-bl)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.products__target{font-size:1.4rem;margin-top:10px}.products__cntbox{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px dotted #333;border-top:1px dotted #333;padding:10px 0;&+.products__cntbox{border-top:0}}.products__left{width:7em}.products__right{width:calc(100% - 7em)}@media screen and (min-width:0px) and (max-width:834px){.product__cntwrap{width:100%}.products__mainbox{width:100%;display:grid;grid-template-columns:repeat(1,1fr);& article{&:nth-child(n+3){margin-top:30px}&:nth-child(2){margin-top:30px}& h3{font-size:1.8rem;margin-top:10px;margin-bottom:10px}}}.products__catbox{width:100%;padding:2px 0 2.5px 0;& span{font-size:1.2rem;padding:4px 20px 6px}}.swiper{width:100%;margin-top:10px}.swiper-button-next,.swiper-button-prev{width:20px;height:20px;font-size:20px}.products__target{font-size:1.2rem;margin-top:10px}.products__cntbox{font-size:1.4rem;padding:5px 0}.products__left{width:100%}.products__right{width:100%}}.sidebar{width:200px;user-select:none}.sidebar__sticky-wrap{position:sticky;top:80px}.sidebar__menubox{background-color:#f4f4f4;border-radius:10px;font-size:1.4rem;overflow:hidden;& h3{background-color:var(--color-bl);color:#fff;font-weight:700;padding:5px 0 6px;text-align:center}& ul{width:100%;padding:10px 20px}& ul li{width:100%}& ul li a{display:block;color:#aaa;padding:10px 0 10px 1.5em;border-bottom:1px dotted #aaa;&:hover{color:var(--color-bl);font-weight:700}}& ul li.current-cat a{color:var(--color-bl);font-weight:bold;pointer-events:none;cursor:default;position:relative;&:before{content:'●';position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:1rem}}& ul li:last-child a{border-bottom:none}}.sidebar__banners{margin-top:20px;list-style:none;padding:0;& li{margin-bottom:15px}& li a{display:block;transition:opacity 0.5s;&:hover{opacity:.5}}& img{width:100%;height:auto;vertical-align:bottom}}@media screen and (min-width:0px) and (max-width:834px){.sidebar{width:100%}.sidebar__sticky-wrap{position:static}}