@charset "utf-8";

.top-border-dark{
    font-size: 1.5rem;
}

.top-fs-sm-1{
    font-size: 1rem;
}

.sns_box .col-md-4 {
    width: 31.5%;
}

.add_module01 .col-md-5 {
    width: 60%;
}

.add_module01 .col-md-7{
    width: 40%;
}

.add_module01 .col-md-7 img{
    width: 80%;
}

.area_title{
    font-size: 0.8rem;
    background-color: #454B51;
    display: inline-block;
    color: #fff;
    padding: 6px 7px;
    margin-top: 20px;
}

.add_module02{
    display: grid; gap: 80px;
    padding: 80px 0px;
}

/* ===== カード ===== */
    .feature{
      display: grid;
      grid-template-columns: 1.1fr 1fr;
      gap: var(--gap);
      align-items: center;
    }

    /* 画像 */
    .feature__media{
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--shadow);
      background: #f4f4f4;
    }
    .feature__media img{
      width: 100%;
      height: 100%;
      display: block;
      aspect-ratio: 4 / 3;      /* 画像比を簡易固定 */
      object-fit: cover;
      border-radius: 20px;
    }

    .feature__body{
    padding-left: 50px;
    }

    .feature__eyebrow{
        font-size: 20px;
        color: var(--muted);
        margin: 0 0 6px;
        line-height: 1em!important;
    }
    .feature__title{
      font-size: clamp(28px, 4vw, 32px);
      line-height: 1;
      margin: 0 0 16px;
      font-weight: 600;
    }
    .feature__desc{
      margin: 0 0 24px;
      color: #444;
    }


@media screen and (max-width: 780px) {
    .new_box01{
        margin-bottom: 30px;
    }

    .feature{
        grid-template-columns: 1fr;
    }

    .feature__body{
        padding-left: 0px;
    }

    .add_module01 .col-md-5{
        width: 100%;
    }

    .add_module01 .col-md-7{
        width: 100%;
    }

    .sns_box .col-md-4 {
    width: 48.5%;
}

.feature{
    margin-top: 50px;
}

.add_module02{
    padding: 0px 0px;
}

.feature{
    margin-bottom: 40px;
}

.Construction_area{
    margin-bottom: 3rem;
}

p.border-bottom{
    font-size: 1.3rem;
}

}