@charset "utf-8";

/* head-common.phpで挿入される */

/*  pc
---------------------------------------------- */

/* common */
.page_ttl {
    position: relative;
    display: block;
    margin-bottom: 60px;
    padding: 40px 0 40px 0;
    background-color: #f2f2f2;
    font-size: 1.8rem;
    text-align: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
}

.page_ttl::before {
    content: " " attr(data-en);
    display: block;
    width: 100%;
    font-size: 4.6rem;
    color: #932536;
    text-align: center;
    font-weight: 500;
    padding-bottom: 0;
}

.sec_ttl {
    position: relative;
    display: block;
    margin-bottom: 30px;
    font-size: 1.8rem;
    text-align: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
}

.sec_ttl::before {
    content: " " attr(data-en);
    display: block;
    width: 100%;
    font-size: 4rem;
    color: #932536;
    text-align: center;
    font-weight: 500;
}

/*  mobile & smart phone
---------------------------------------------- */
@media only screen and (max-width: 1024px) {
    /* common */
    .page_ttl {
        padding: clamp(14px, calc(15px + 0.6vw), 100px) 0;
        margin-bottom: 3rem;
    }

    .page_ttl::before {
        font-size: clamp(2.4rem, calc(24px + 1vw), 2.6rem);
    }
    .sec_ttl {
        margin-bottom: 30px;
        font-size: clamp(1.8rem, calc(1rem + 0.5vw), 1.8rem);
    }
    .sec_ttl::before {
        font-size: clamp(2.4rem, calc(1.5rem + 0.5vw), 2.6rem);
    }
}