/*! Writen  by SCSS */
.sec01 {
  position: relative;
  background: #052e5d;
  padding-bottom: 120px;
  z-index: 1; }
  @media screen and (max-width: 480px) {
    .sec01 {
      padding-bottom: 80px; } }
  .sec01 .item_ttl .en_ttl::after, .sec01 .item_ttl .en_ttl:before {
    background: #9a8071; }
  .sec01::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 90.44%;
    aspect-ratio: 1447/833;
    background: url("../images/design/filter.png") center center/cover no-repeat;
    z-index: -1; }
  .sec01 .sec_ttl {
    color: #fff; }
  .sec01 .item_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 8.34%;
    row-gap: clamp(20px, 5.834vw, 70px); }
    .sec01 .item_wrap a {
      position: relative;
      display: block;
      width: 40.59%; }
      @media screen and (max-width: 480px) {
        .sec01 .item_wrap a {
          width: 80%; } }
      .sec01 .item_wrap a::before {
        content: '';
        position: absolute;
        inset: 0;
        box-shadow: 20px 20px 15px -10px rgba(0, 0, 0, 0.4);
        transition: opacity 0.2s ease-in-out 0s; }
      @media (hover: hover) {
        .sec01 .item_wrap a:hover::before {
          opacity: 0; } }

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