@charset "UTF-8";
/*--- 2026/06/01 Add style---*/
/* ==========================================================
* banner-group
========================================================== */
.banner-group {
  padding-block: clamp(35px, calc(7px + 4.375vw), 70px) clamp(40px, calc(8px + 5vw), 80px);
  background-color: #fffaee;
  & a {
    display: block;
    max-width: 800px;
    width: 90vw;
    margin-inline: auto;
  }
}
/* ==========================================================
* banner
========================================================== */
#banner .other-page-links {
  margin-bottom: 51px;
  @media screen and (max-width: 640px) {
    margin-bottom: 6.25vw;
  }
  & ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
    @media screen and (max-width: 640px) {
      display: block;
    }
  }
  & ul li.home_care {
    margin-inline: auto 0;
    border: 1px solid #ff8578;
    border-radius: 8px;
  }
  & ul li.self_check {
    margin-inline: 0 auto;
    border: 1px solid #02388e;
    border-radius: 8px;
  }
  & img {
    border-radius: 8px;
  }
}