@charset "UTF-8";

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

common

================================================================================= */
html {
    font-family: 'Zen Kaku Gothic New', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #222;
    font-size: 62.5%;
    font-weight: 400;
}

body,
p,
ul,
li {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a {
    font-size: 1.6rem;
    line-height: 2.0;
    letter-spacing: 0.1em;
}

a {
    display: block;
    color: #222;
    text-decoration: none;
}

figure{
    margin: 0 0 0;
}

.bold {
    font-weight: bold;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 80px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb90 {
    margin-bottom: 80px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.fontSSS {
    font-size: 70%;
}

.fontSS {
    font-size: 80%;
}

.fontS {
    font-size: 90%;
}

.fontM {
    font-size: 100%;
}

.fontL {
    font-size: 110%;
}

.fontLL {
    font-size: 120%;
}

.fontLLL {
    font-size: 130%;
}

.fontXL {
    font-size: 140%;
}

.fontXXL {
    font-size: 150%;
}

.fontXXXL {
    font-size: 180%;
}

.textCenter {
    text-align: center !important;
}

.textRight {
    text-align: right;
}

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

PC style

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

@media only screen and (min-width: 769px) {
    .sp {
        display: none!important;
    }
}


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

SP style

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

@media only screen and (max-width: 768px) {
    .pc {
        display: none!important;
    }
}