@charset "UTF-8";
/* CSS Document */

/* ---------- COMMON ---------- */
article h2{
    color: #4f4f4f;
    font-weight: 900;
}

article section dl a{
    color: #323232 !important;
}

.to-contact div{
    text-align: center;
}

.to-contact a{
    border: solid 1px #0076be;
    color: #0076be;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}

.to-contact a:hover{
    background-color: #0076be;
    color: #ffffff;
}

/* ---------- Mobile / Tablet ---------- */
@media(max-width:1030px){
    section{
        margin-bottom: 50px;
    }

    article h2{
        font-size: 1.5em;
        margin-bottom: 30px;
    }

    article section p{
        margin-bottom: 25px;
    }

    .to-contact a{
        padding-top:18px;
        padding-bottom: 18px;
        width: 180px;
    }
}

/* ---------- Mobile ---------- */
@media(max-width:737px) {
    article section dl{
        margin-bottom: 10px;
    }

    .to-contact p{
        margin-bottom: 25px;
    }
}

/* ---------- Portlate ---------- */
@media(max-width:567px) {}

/* ---------- Tablet / PC ---------- */
@media (min-width: 738px) {
    section dl{
        display: table;
    }

    section dl dt,
    section dl dd{
        display: table-cell;
    }

    section dl dt{
        width: 10em;
    }

    .to-contact{
        text-align: center;
    }
}

/* ---------- Tablet ---------- */
@media(max-width:1030px) and (min-width: 737px){
    .to-contact p{
        margin-bottom: 35px;
    }

    section dl{
        margin-bottom: 10px;
    }
}

/* ---------- PC ---------- */
@media(min-width:1031px){
    section,
    .to-contact{
        margin-left: auto;
        margin-right: auto;
        max-width: 1170px;
    }

    section{
        margin-bottom: 100px;
    }

    article h2{
        font-size: 1.875em;
        margin-bottom: 40px;
    }

    article section p{
        margin-bottom: 35px;
    }

    section dl{
        margin-bottom: 20px;
    }

    .to-contact p{
        margin-bottom: 40px;
    }

    .to-contact a{
        padding-top: 20px;
        padding-bottom: 20px;
        width: 200px;
    }
}