@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;&:after{content:"RECRUIT";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;&:after{margin-left:0;margin-top:8px;font-size:1.4rem;padding:3px 8px;display:inline-block;width:fit-content}}}}.topdown__wrap{width:100%;& img{width:100%;aspect-ratio:24/7;object-fit:cover}& p{margin-top:30px;text-align:center}}@media screen and (min-width:0px) and (max-width:834px){.topdown__wrap{width:100%;& img{aspect-ratio:5/3}& p{margin-top:20px;text-align:justify}}}.message__wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.message__cntbox{width:45%;& 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:30px;line-height:1.8}}.message__imgbox{width:45%;& img{width:100%;aspect-ratio:55/38;object-fit:cover}}@media screen and (min-width:0px) and (max-width:834px){.message__cntbox{width:100%;& h2{font-size:2.4rem;& .en{font-size:1.4rem}& .ja{font-size:2.4rem;margin-top:5px}}& p{margin-top:15px;line-height:1.5}}.message__imgbox{width:100%;margin-top:30px}}.ig__wrap{& h2{display:flex;flex-direction:column;justify-content:center;font-size:4.6rem;font-weight:bold;color:#fff;& .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}}& ul{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;margin-top:50px}& ul li{width:calc((100% - 40px) / 3);& img{width:100%;height:100%;object-fit:contain}}& p{color:#fff;margin-top:15px;text-align:right}}@media screen and (min-width:0px) and (max-width:834px){.ig__wrap{& h2{font-size:2.4rem;& .en{font-size:1.4rem}& .ja{font-size:2.4rem;margin-top:5px}}& ul{width:100%;gap:10px;margin-top:30px}& ul li{width:100%}& p{color:#fff;margin-top:10px;text-align:right}}}.person__wrap{& h2{display:flex;flex-direction:column;justify-content:center;align-items: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:30px;text-align:center}}@media screen and (min-width:0px) and (max-width:834px){.person__wrap{& h2{font-size:2.4rem;align-items:flex-start;& .en{font-size:1.4rem}& .ja{font-size:2.4rem;margin-top:5px}}& p{margin-top:15px;text-align:justify}}}.recruit__bg{width:100%;background:url(//kato-kikai.com/wp/wp-content/themes/kato-kikai/css/../images/recruit/recruitlist-bg.webp) no-repeat;background-position:center;background-size:cover}.recruit__mainwrap{& h2{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:4.6rem;font-weight:bold;color:#fff;& .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}}}.recruit__wrap{width:100%;margin-top:50px;& h3{display:flex;align-items:flex-start;justify-content:flex-start;font-size:3.2rem;font-weight:700;color:#fff;border-bottom:1px solid #fff;padding-left:10px;padding-bottom:10px}& h3:before{content:'';display:block;width:6px;height:32px;background-color:#fff;transform:skewX(-25deg);margin-right:15px;margin-left:0;margin-top:8px}& ul{width:100%;max-width:1000px;margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px 30px;margin-top:30px}& ul li{width:calc((100% - 30px) / 2);& a{display:block;background-color:#fff;text-align:center;color:var(--color-bl);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%)}}}}@media screen and (min-width:0px) and (max-width:834px){.recruit__mainwrap{& h2{font-size:2.4rem;align-items:flex-start;& .en{font-size:1.4rem}& .ja{font-size:2.4rem;margin-top:5px}}& p{margin-top:15px;text-align:justify}}.recruit__wrap{width:100%;margin-top:30px;& h3{font-size:2rem;line-height:1.2}& h3:before{width:4px;height:22px;margin-right:10px;margin-top:4px;flex-shrink:0}& ul{width:100%;gap:10px;margin-top:20px}& ul li{width:100%;& a{padding:10px 0 12px}}}}.faq__wrap{width:100%;& h2{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}& h2: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}& ul{width:100%;max-width:1000px;margin-inline:auto}& ul li{width:100%;border-bottom:1px dotted #aaa;padding:30px 0}}.q__box{width:100%;position:relative;padding:6px 0 6px 50px;&:before{content:'Q';font-size:1.8rem;font-weight:900;line-height:1;font-family:"Poppins",sans-serif;width:35px;height:35px;border-radius:100px;background-color:#f4f4f4;color:var(--color-bl);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}}.a__box{width:100%;margin-top:10px;padding:6px 0 6px 50px;position:relative;&:before{content:'A';font-size:1.8rem;font-weight:900;line-height:1;font-family:"Poppins",sans-serif;width:35px;height:35px;border-radius:100px;background-color:var(--color-bl);color:#fff;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}}@media screen and (min-width:0px) and (max-width:834px){.faq__wrap{width:100%;& h2{font-size:2rem;line-height:1.2}& h2:before{width:4px;height:22px;margin-right:10px;margin-top:4px;flex-shrink:0}& ul li{padding:20px 0}}.q__box,.a__box{width:100%;font-size:1.4rem;padding:6px 0 6px 40px;&:before{font-size:1.3rem;width:30px;height:30px}}}