@charset "utf-8";

/* ==================================================================

    admission.css

=================================================================== */

/* --------------------------------
■共通
-------------------------------- */

/* ◇ accent
-------------------------------- */
.contents .accent{
    background-image: url("../../images/training/senior/accent.jpg");
    background-position: 50% 50%;
}

/* ◇ intro
-------------------------------- */
main #intro p {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.7;
}
@media only screen and
(max-width : 767px) {

    main #intro p {
        font-size: 2.4rem;
        font-weight: bold;
        line-height: 1.7;
    }
}


/* ◇ about
-------------------------------- */
main #about .txt {
    line-height: 1.8;
    margin-bottom: 20px;
}
@media only screen and
(max-width : 767px) {

    main #about th,
    main #about td {
        display: block;
        padding: 16px 20px;
    }
}

/* ◇ contactArea
-------------------------------- */
main #contactArea .txt {
    line-height: 1.8;
    margin-bottom: 20px;
}
main #contactArea dl {
    display: flex;
    padding: 40px 60px;
    background: #F3F1EE;
    align-items: center;
    justify-content: space-between;
}
    main #contactArea dl dt {
        font-size: 1.7rem;
        font-weight: bold;
    }
    main #contactArea dl dd .tel {
        font-family: "Figtree", sans-serif;
        font-weight: 500;
        letter-spacing: 0.1em;
        margin-bottom: 4px;
    }
    main #contactArea dl dd .tel a {
        font-size: 2.4rem;
    }
    main #contactArea dl dd .tel a::before {
        content: "";
        display: inline-block;
        width: 22px;
        height: 22px;
        margin-right: 5px;
        margin-bottom: -3px;
        background: url(../../images/common/icon/tel_b.svg) no-repeat left center;
        background-size: contain;
    }
    main #contactArea dl dd .hours {
        font-size: 1.5rem;
        text-align: center;
        margin-bottom: 0;
    }

@media only screen and
(max-width : 767px) {

    main #contactArea dl {
        display: block;
        padding: 32px 32px;
    }
        main #contactArea dl dt {
            text-align: center;
            margin-bottom: 16px;
        }
        main #contactArea dl dd .tel {
            text-align: center;
        }
}

/* --------------------------------
■ tb
-------------------------------- */ 
@media (max-width: 1000px) and (min-width: 768px) {

}


/* --------------------------------
■ sp
-------------------------------- */ 
@media only screen and
(max-width : 767px) {

}