@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}}}}.news__wrap{width:100%;& h2{font-size:3.2rem;font-weight:700;line-height:1.2em;margin-top:10px}}.news__date{width:100%;font-size:2.6rem;font-weight:700;color:var(--color-bl);font-family:"Poppins",sans-serif;line-height:1.2em}.news__cntbox{width:100%;margin-top:50px;overflow-wrap:break-word;word-wrap:break-word;max-width:100%;& img,& video,& iframe,& embed,& object{max-width:100%;height:auto;vertical-align:bottom}& p{line-height:1.8;margin-bottom:1.5em;margin-top:0;&:last-child{margin-bottom:0}}& table{display:block;overflow-x:auto;width:100%;border-collapse:collapse}}.news__prevbox{width:100%;margin-top:80px;padding-top:10px;border-top:1px dotted #aaa;& a{color:#333;&:hover{color:#aaa}}}@media screen and (min-width:0px) and (max-width:834px){.news__wrap{width:100%}}