@charset "UTF-8";

@font-face {
    font-family: "NotoSansCJKjp";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans CJK JP"), local("NotoSansCJKjp-Regular"), local("NotoSansJP-Regular"), url("/font/NotoSansCJKjp-Regular.eot") format("eot"), url("/font/NotoSansCJKjp-Regular.ttf") format("ttf"), url("/font/NotoSansCJKjp-Regular.woff2") format("woff2"), url("/font/NotoSansCJKjp-Regular.woff") format("woff");
    }
@font-face {
    font-family: "NotoSansCJKjp";
    font-style: bold;
    font-weight: 700;
    src: local("NotoSansCJKjp-Bold"), local("NotoSansJP-Bold"), url("/font/NotoSansCJKjp-Bold.eot") format("eot"), url("/font/NotoSansCJKjp-Bold.ttf") format("ttf"), url("/font/NotoSansCJKjp-Bold.woff2") format("woff2"), url("/font/NotoSansCJKjp-Bold.woff") format("woff");
}

.main {
    font-family: "NotoSansCJKjp", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-bottom: 120px;
}
@media only screen and (min-width: 768px) {
    .main {min-width: 1100px;}
    .only-sp {display: none;}
}

.my-bg {
    background: #F8FAFD;
}

.content-wrapper {
    max-width: 600px;
    margin: auto;
    background: #E0E0E0;
    background: #e4eaf4;
    padding-bottom: 80px;
}

.content-wrapper img {
    display: block;
    width: 100%;
}

.my-btn {
    display: block;
    width: 83.6%;
    margin: auto;
}