@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/../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/../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}}}}.business{& h2{display:flex;flex-direction:column;justify-content:center;font-size:4.6rem;font-weight:bold;color:var(--color-bl);padding-bottom:3vw;& .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}}}.business__wrap{border-top:1px solid #e9e9e9;padding:5vw 0;display:flex;flex-wrap:wrap;justify-content:space-between;& h3{width:100%;font-size:3.6rem;font-weight:700}& p{width:100%;margin-top:15px}}.business__cntbox{width:50%}.business__imgbox{width:42%;aspect-ratio:5/3;& img{width:100%;height:100%;object-fit:cover}}.business__btnbox{width:250px;height:50px;margin-top:30px}.business__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){.business{& h2{font-size:2.4rem;padding-bottom:8vw;& .en{font-size:1.4rem}& .ja{font-size:2.4rem;margin-top:5px}}}.business__wrap{padding:12vw 0;& h3{font-size:2rem}& p{margin-top:10px}}.business__cntbox{width:100%;order:2;margin-top:30px}.business__imgbox{width:100%;order:1}.business__btnbox{width:100%;height:50px;margin-top:30px}}