@charset "UTF-8";
* {margin:0px;padding:0px;}
body {background-color:#f9f9f9; color:#454545; }

.con01 {
    margin: 5em 0 2em 4em;
    font-size:20px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.con02 {
    margin: 0 0 2em 4em;
    font-size:20px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.con02 a {
    color:#0046b9;
}

.con02 a:hover {
    color:#0046b9;
}

a.flat-btn {
    display: inline-block;
    padding: 8px 12px;
    background-color: #ffffff;
    color: #000000;
    font-size: 16px;
    border: solid 2px;
    border-radius: 0;
    border-color:#808080;
    transition: background-color 0.3s;
    text-decoration: none;
}
.flat-btn:hover {
    background-color: #ffffff;
}


/* --------------------------------------------------------------------- */
/* sp */
/* --------------------------------------------------------------------- */

@media screen and (max-width: 768px){
    .con01 {
        margin: 100px 0 30px 20px;
        font-size:18px;
    }

    .con02 {
        margin: 0 0 30px 20px;
        font-size:18px;
    }
}