/*! Writen  by SCSS */
.ttl_wrap {
  align-items: center;
  background: #00271F;
  color: #fff;
  display: flex;
  font-size: 185%;
  height: 110px;
  justify-content: center;
  letter-spacing: .07em; }
  @media screen and (max-width: 768px) {
    .ttl_wrap {
      font-size: 150%;
      height: 60px; } }

.lead {
  font-size: clamp(14px, 1.73vw, 18px);
  font-weight: 500; }

.sec_main {
  position: relative; }
  .sec_main .main_head {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 31.38%;
    left: 57.63%; }
    .sec_main .main_head img {
      width: 100%; }
  @media screen and (max-width: 480px) {
    .sec_main .main_image {
      aspect-ratio: 12 / 6; } }
  .sec_main .main_image img {
    width: 100%; }
    @media screen and (max-width: 480px) {
      .sec_main .main_image img {
        display: block;
        height: 100%;
        object-fit: cover;
        object-position: center; } }

.lead_wrap {
  padding-top: clamp(50px, 7.5%, 90px);
  padding-bottom: clamp(50px, 7.5%, 90px); }
  .lead_wrap .merit_head {
    font-size: clamp(18px, 2.25vw, 28px);
    margin-bottom: 1.42em;
    font-weight: 500; }

.sec {
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(50px, 6.67%, 80px);
  text-align: center; }
  .sec .sec_head {
    margin-bottom: 30px; }
    @media screen and (max-width: 480px) {
      .sec .sec_head {
        width: 60px;
        margin-left: auto;
        margin-right: auto; } }
  .sec .sec_lead {
    color: #eb4d1a;
    font-size: clamp(16px, 1.93vw, 24px);
    letter-spacing: 0.1em;
    margin-bottom: 30px;
    font-weight: 500; }
    @media screen and (max-width: 480px) {
      .sec .sec_lead {
        font-size: 20px;
        margin-bottom: 20px; } }
  .sec .read {
    font-size: clamp(14px, 1.45vw, 18px);
    line-height: 1.56;
    font-weight: 500; }
    @media screen and (max-width: 480px) {
      .sec .read {
        font-size: 15px; } }
  .sec .sec_image {
    margin-top: clamp(40px, 5%, 60px);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
  .sec .sec_lead_wrap {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px; }
    @media screen and (max-width: 480px) {
      .sec .sec_lead_wrap {
        margin-bottom: 20px; } }
    .sec .sec_lead_wrap .sec_lead {
      margin-bottom: 0; }
      .sec .sec_lead_wrap .sec_lead sup {
        font-size: 0.5em;
        color: #000; }

.sec01,
.sec03,
.sec05 {
  background: #fff8a8; }

.contact_banner {
  box-sizing: content-box;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 90px 0 0;
  max-width: 740px;
  width: calc(100vw - 40px);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 2; }
  .contact_banner li {
    width: calc(348% / 7.4); }
    .contact_banner li a {
      color: #594942;
      display: block;
      font-size: 142%;
      padding: 16px;
      transition: all 0.3s ease-in-out 0s;
      text-align: center;
      transition: opacity 0.3s ease-in-out; }
      @media (hover: hover) {
        .contact_banner li a:hover {
          opacity: 0.7; } }

/*# sourceMappingURL=merit5.css.map */