@charset "UTF-8";

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

    header,footer,section#main {
        display:none;
    }

    a.app_link {
        padding: 0.2em 0.5em;
        margin: 2em auto;
        color: #fff;
        background: #3D62AD;
        box-shadow: 0px 0px 0px 10px #3D62AD;
        border: solid 2px #fff;
        border-radius: 4px;
        display:block;
        width:90%;
        position:relative;
        text-align:center;
        color:#fff;
    }
    a.app_link:after {
        content:"▶";
        position:absolute;
        right:5px;
        color:#fff;
    }
    h3.otoku_h3 {
        background: #3D62AD;
        text-align:center;
        color:#fff;
        border-radius: 4px;
        padding: 0.2em 0.5em;
        width: 96%;
        margin: 0 auto;
    }
    #union h4 {
        border:none;
    }
    #union h4 span {
        border:none;
    }
    #union h4 span.toku1,
    #union h4 span.toku2,
    #union h4 span.toku3,
    #union h4 span.toku4,
    #union h4 span.toku5 {
        background:none;
        border:none;
        padding:0;
        text-align: center;
        display: block;
        color:#3D62AD;
    }
    span.otoku{
        background:#0FD1FF;
        color:#fff;
        text-align:center;
        margin:10px auto;
        margin-top:30px;
        display:table;
        padding: 0.2em 0.5em;
        border-radius: 3px;
    }
    h5 {
        background:none;
        font-weight:normal;
        padding:0;
        margin: 5px 0;
    }
}