:root {
  --orange-light: #FFEEE8;
  --orange: #FF4500;
}


.l-section {
  &.--no-margin {
    margin-block: 0;
  }

  &.--orange {
    background-color: var(--orange-light);

    .c-heading._01 {
      color: var(--orange);
    }

  }
}


.btn-df {
  &.--orange {
    background-color: var(--orange);
    border-color: var(--orange);
    &:hover {
      background-color: #fff;
      color: var(--orange);
    }
  }
}

.box-dl {
  &.--orange {
    dt {
      color: var(--orange);
    }
  }
}

.box-col__photo {
  img {
    aspect-ratio: 340 / 240;
    object-fit: cover;
  }
}



body {
  &:not(.header--open) {
    @media (width <= 768px) {
      .header {
        overflow: visible;
      }
      .header__nav, .header__bottom {
        display: none;
      }
    }
  }
}


body.home {

  .page-head {
    &:has(.banner) {
      @media (width <= 768px) {
        margin-block-end: calc(610/750*100vw);
      }
    }

    .banner {
      @media (width > 768px) {
        position: absolute;
        left: 8.6rem;
        bottom: 6.5rem;
        width: 37.4rem;
      }
      @media (width <= 768px) {
        margin: calc(12/750*100vw) calc(12/750*100vw) 0;
      }

      a {
        transition-property: all;

        &:hover {
          opacity: 1;
          filter: brightness(.8);
        }
      }
    }
  }
}