@charset "utf-8";
ol{padding-left: 0;}
.m_item{padding: 15px 20px 30px; box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.10);}
.m_item .sub{color: #203e58; font-size: 20px; margin-bottom: 15px; font-weight: 700; line-height: 1.2;}
.m_item .sub.lh48{line-height: 48px;}
.m_item .item_img{margin-bottom: 15px;}
.m_item .item_img img{width: 100%; height: 190px; object-fit: cover;}
.m_item h3{font-size: 20px; font-weight: bold; margin-bottom: 15px;}
.about_us{margin-bottom: 5rem; position: relative;}
.about_us::before{content: ''; height: 60%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background-color: #f6f6f6; z-index: -1;}
.us_box{display: flex; align-items: center;}
.us_box .text_box{width: 47%; padding: 0 40px;}
.us_box .item_img{width: 53%;}
.us_box .text_box .sub{padding: 0 30px 15px; margin-bottom: 15px; border-bottom: solid 1px #7f6441; font-size: 1.8rem; color: #7f6441; font-weight: 700; font-family: "Noto Serif", serif;}
.us_box .text_box .sub .small{ font-size: 1.2rem; font-weight: 400;}
.us_box .text_box h2{font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; padding: 0 30px;}
.us_box .text_box p{padding: 0 30px;}
.credo li{padding-left: 40px; position: relative; padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #e3e1e1; counter-increment: cnt;}
.credo li::before{content: ""counter(cnt)""; position: absolute; top: 4px; left: 0; color: #7f6441; font-weight: 700; background-color: #f6f6f6; width: 24px; height: 22px; text-align: center; line-height: 19px;}
.credo li:last-of-type{border-bottom: 0px; margin-bottom: 0;}
.btn_box.flex{margin-top: 0;}

/*------PC4------*/
@media only screen and (max-width: 1580px) {

}

/*------PC3------*/
@media only screen and (max-width: 1400px) {
  .us_box .text_box{padding: 0 30px;}
}
  
/*------PC2------*/
@media only screen and (max-width: 1440px) {

}

/*---PC3---*/
@media only screen and (max-width: 1200px) {
  .us_box .text_box .sub{font-size: 1.5rem; padding-bottom: 5px; margin-bottom: 10px;}
  .us_box .text_box .sub .small{font-size: 1rem;}
  .us_box .text_box h2{font-size: 1.3rem;}
}

/*---PAD pro---*/
@media only screen and (max-width: 1050px) {
  .grid-4{grid-template-columns: 1fr 1fr 1fr;}
  .us_box .text_box{width: 50%;}
  .us_box .item_img{width: 50%;}
  .us_box .text_box{padding: 0 20px;}
  .us_box .text_box .sub{font-size: 1.4rem;}
  .us_box .text_box h2{font-size: 1.2rem;}
}
  
/*---PAD---*/
@media only screen and (max-width: 880px) {
  .grid-4{grid-template-columns: 1fr 1fr;}
  .m_item .item_img img{height: 220px;}

}
  
/*---Sm---*/
@media only screen and (max-width: 767px) {
  .grid-4{grid-template-columns: 1fr;}
  .m_item .sub.lh48{line-height: 1.7;}
  .us_box{flex-wrap: wrap;}
  .us_box .text_box{width: 100%; padding: 0; margin-bottom: 10px;}
  .us_box .item_img{width: 100%;}
  .about_us{padding: 20px 0 30px; margin-bottom: 2rem;}
  .about_us::before{height: 100%;}
  .credo li{padding-left: 35px;}

}
  
/*---Sm small---*/
@media only screen and (max-width: 350px) {


}