@font-face {
    font-family: 'DotGothic16-Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../css/DotGothic16-Regular.ttf') format('truetype');
    src: local('DotGothic16-Regular'),
            url('../css/DotGothic16-Regular.ttf') format('truetype');
}

body {
    width: 750px;
    -webkit-text-size-adjust: 100%;
    text-align: center;
    font-family: 'DotGothic16-Regular';
}

#container {
    width: 750px;
    height: auto;
    margin: 0 auto;
    text-align: left;
}

.main_kaitai {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    background: url(../img/bg3.png) no-repeat;
    background-size: 100% auto;
    /* z-index: 10; */
    pointer-events: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* bg_btn section */

.main_kaitai .btn_home {
    position: absolute;
    top: 117.066667vw;
    left: 6.4vw;
    width: 21.866666666vw;
    pointer-events: auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.main_kaitai .btn_home a {
    display: block;
    width: 100%;
    padding-top: 50%;
    background: url(../img/home.png)no-repeat center center;
    background-size: contain;
}

.main_kaitai .btn_home a:active{
    background: url(../img/home2.png)no-repeat center center;
    background-size: contain;
}

.main_kaitai .btn_cha {
    position: absolute;
    top: 130.6vw;
    left: 6.4vw;
    width: 21.866666666vw;
    pointer-events: auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.main_kaitai .btn_cha a {
    display: block;
    width: 100%;
    padding-top: 51.2195122%;
    background: url(../img/character.png)no-repeat center center;
    background-size: contain;
}

.main_kaitai .btn_cha a:active{
    background: url(../img/character2.png)no-repeat center center;
    background-size: contain;
}

.main_kaitai .btn_mail {
    position: absolute;
    top: 117.066667vw;
    left: 71.7333333vw;
    width: 21.866666666vw;
    pointer-events: auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.main_kaitai .btn_mail a {
    display: block;
    width: 100%;
    padding-top: 51.2195122%;
    background: url(../img/mail.png)no-repeat center center;
    background-size: contain;
}

.main_kaitai .btn_mail a:active{
    background: url(../img/mail2.png)no-repeat center center;
    background-size: contain;
}

.main_kaitai .btn_blog {
    position: absolute;
    top: 130.6vw;
    left: 71.7333333vw;
    width: 21.866666666vw;
    pointer-events: auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.main_kaitai .btn_blog a {
    display: block;
    width: 100%;
    padding-top: 51.2195122%;
    background: url(../img/blog.png)no-repeat center center;
    background-size: contain;
}
.main_kaitai .btn_blog a:active{
    background: url(../img/blog2.png)no-repeat center center;
    background-size: contain;
}

.main_kaitai .btn_arrow {
    position: absolute;
    top: 113vw;
    left: 33.7333333vw;
    width: 32.5333333vw;
    height: 32.5333333vw;
    background: url(../img/con_btn.png) no-repeat center center;
    background-size: 75% auto;
}

.main_kaitai .btn_arrow .base {
    position: relative;
    padding-top: 96%;
}

.main_kaitai .btn_arrow a.up {
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    width: 100%;
    height: 30%;
    pointer-events: auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* .main_kaitai .btn_arrow a.up:active{
    background: url(../img/con_btn_up.png)no-repeat top;
    background-size: 89% auto;
} */

.main_kaitai .btn_arrow a.down {
    display: block;
    position: absolute;
    top: 65%;
    left: 0;
    width: 100%;
    height: 30%;
    pointer-events: auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* .main_kaitai .btn_arrow a.down:active{
    background: url(../img/con_btn_down.png)no-repeat bottom;
    background-size: 89% auto;
} */

.main_kaitai ul.load {
    width: 0;
    height: 0;
    overflow: hidden;
}