.detail {
    padding: 40px 0;
    h1 {
        font-size: 26px;
        font-weight: bold;
        color: hsl(0, 0%, 20%);
        margin-bottom: 20px;
        text-align: center;
    }
    h2 {
        font-size: 22px;
        font-weight: bold;
    }
    h3 {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }
    @media screen and (max-width: 767px) {
        h1 {
            font-size: max(20px, 16px + 8 * (100vw - 390px) / 1049);
        }
        h2 {
            font-size: max(18px, 16px + 8 * (100vw - 390px) / 1049);
        }
        h3 {
            font-size: max(14px, 16px + 8 * (100vw - 390px) / 1049);
        }
    }
    ul.service_list {
        max-width: 740px;
        list-style: none;
        padding: 40px 0;
        margin: 1em auto;
        border-color: #7fac6d;
        border-style: solid;
        border-width: 2px;
        border-radius: 8px;
        background-color: #ffffff;
    }
    ul.service_list li {
        margin-bottom: 0.5em;
    }
    ul.merit_list {
        max-width: 740px;
        list-style: none;
        margin: 1em auto;
    }
    ul.merit_list li {
        padding: 1em;
        margin: 1em auto;
        border-color: #7fac6d;
        border-style: solid;
        border-width: 2px;
        border-radius: 8px;
        background-color: #ffffff;
    }
}