@charset "UTF-8";
/*top.css*/

/*============================
#contsWrap
============================*/
.top .contsInner {
    background-image: none;
    z-index: 1;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(10%, rgba(255,255,255,0.9)),color-stop(20%, rgba(255,255,255,1)),color-stop(80%, rgba(255,255,255,1)),color-stop(90%, rgba(255,255,255,0.9)),to(rgba(255,255,255,0)));
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 10%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0.9) 90%,rgba(255,255,255,0) 100%);
}
.top_main {
    width: 1200px;
    height: 681px;
    margin: 0 auto;
    top: 87px;
    position: relative;
}
.top_main > img {
    position: absolute;
}
.bg {
    top: -15px;
    right: 0;
    z-index: 1;
}
.lead {
    top: 100px;
    left: 0px;
    /*left: -45px;*/
    z-index: 3;
}
.visual {
    bottom: 5px;
    left: 35px;
    z-index: 2;
}
.mov {
    position: absolute;
    bottom: 20px;
    /*bottom: 270px;*/
    /*bottom: 30px;*/
    /*left: 0px;*/
    left: 0px;
    /*left: 825px;*/
    z-index: 4;
}
.mov a {
    width: 400px;
    height: 188px;
    /*    width: 346px;
    height: 252px;*/
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 8px 50px;
    /*padding: 36px 13px;*/

}
.mov a::before {
    content: '';
    background: url('../img/mov_frame2.png?190409') no-repeat center center;
    display: inline-block;
    width: 400px;
    height: 188px;
    /*    width: 346px;
    height: 252px;*/
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.mov img {
    width: 100%;
    height: 100%;
}
.infoArea {
    background-image: url('../common/img/line_ptrn.png');
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #fff;
    padding: 20px;
}
.infoArea .inner {
    width: 1200px;
    margin: 0 auto;
}
.bnr_topArea {
    width: 1200px;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-align: center;
        -webkit-box-align: center;
            align-items: center;
}
.twArea {
    background: url('../img/frm_tw_pc.png') no-repeat center top;
    width: 446px;
    height: 375px;
    padding: 50px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.twArea .btn {
    position: absolute;
    top: 12px;
    right: 105px;
}
.twArea iframe {
    overflow-y: scroll;
    border-radius: 0 0 50px 50px;
}
.newsArea {
    background: url('../img/frm_news_pc.png') no-repeat center top;
    width: 690px;
    height: 375px;
    padding: 50px 30px 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.newsArea .btn {
    position: absolute;
    top: 12px;
    right: 120px;
}
#backnumber.listBox {
    height: 300px;
    padding: 0 25px;
}
.specList {
    background: url('../img/bdr_infoArea_btm_pc.png');
    background-color: #fff;
    color: #412f0c;
    text-align: center;
    line-height: 1.6;
    padding: 50px 20px 20px;
    background-repeat: no-repeat;
    background-position: center top;
}
.bannerArea {
    background-color: #fff;
    padding: 20px 0;
}
.bnr {
    width: 1100px;
    height: 100px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 20px solid #000;
}
.top #footer {
    background-image: none;
}

.bnr_app {
    margin-right: 10px;
    margin-bottom: 10px;
}


.bnr_appArea {
    background-color: #fff;
    text-align: center;
    padding: 10px 0 20px;
}
.bnr_appArea > img {
    padding-right: 50px;
}
.bnr_appArea > img:last-child {
    padding-right: 0;
}