@charset "utf-8";

img {
    vertical-align: bottom;
}

.txt-cen {
    text-align: center;
}
.txt-indent {
    text-indent: -1em;
    padding-left: -1em;
}
.txt-w {
    color: #FFF;
}
.txt-y {
    color: #FFFF00;
}


body.preload .wow.fadeIn,
body.preload .wow.fadeInUp,
body.preload .wow.bounceInLeft,
body.preload .wow.rubberBand {
    opacity: 0 !important;
}

.notice-btn {
    position: relative;
    display: block;
    width: 100%;
    max-width: 274px;
    margin: auto;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    background-image: url(../images/common/btn_blue.jpg);
    background-size: cover;
    background-position: center;
    transition: .3s;
}
.notice-btn:hover {
    opacity: .7;
}

/*

フッター

*/
.footer {
    padding: 15px;
}
.footer-copy {
    font-size: 12px;
    text-align: center;
    color: #FFF;
}
@media screen and (max-width:768px) {
    .footer-copy {
        font-size: 2vw;
    }
}



.mt-4 {
    margin-top: 4%;
}
.mt-5 {
    margin-top: 5%;
}
.mt-6 {
    margin-top: 6%;
}
.mt-7 {
    margin-top: 7%;
}
.mt-8 {
    margin-top: 8%;
}
.mt-9 {
    margin-top: 9%;
}
.mt-10 {
    margin-top: 10%;
}

.common-head-logo {
    max-width: 350px;
    margin: auto;
    padding: 6% 2%;
}
.common-head-close {
    position: absolute;
    top: 1%;
    right: 1.5%;
    width: 3%;
}

@media screen and (max-width:768px) {
    .common-head {
        position: relative;
        height: 0;
        padding-top: 56.93%;
        background-image: url(../images/about/intro_head_bg.jpg);
        background-size: cover;
    }

    .common-head-logo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 70%;
    }
    .common-head-close {
        top: 3%;
        right: 2%;
        width: 7%;
    }
}

.page-sub:before {
    content: "";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background: url(../images/common/mainvisual_bg_pc.jpg) center no-repeat;
    background-size:cover;
}

.common-contents {
    background-image: url(../images/about/about_txt_bg_pc.jpg);
    background-size: cover;
}