@charset "utf-8";

.secCmnIndexTop {
    height: auto;
}
.mainCover{
    position: relative;
}
.mainCover::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 2880px;
    left: 0;
    top: 0;
    z-index: -1;
}
.mainCover.lazyloaded::before{
    background: url(../img/message/bgMain.jpg) center top / cover;
}
#pnkz{
    padding-top: 115px;
}

/* secCmnIndexTop */
.secCmnIndexTop .wrapper {
    padding-top: 115px;
}
.secCmnIndexTop .titJpn {
    margin-top: 20px;
}
@media only screen and (max-width:767px){
    .mainCover::before{
        width: 100%;
        height: 1887px;
    }
    .mainCover.lazyloaded::before{
        background: url(../img/message/bgMain_sp.jpg) center bottom / cover;
    }
    #pnkz{
        padding-top: 67px;
    }
    
    /* secCmnIndexTop */
    .secCmnIndexTop {
        min-height: auto;
    }
    .secCmnIndexTop .titEng {
        width: 227px;
    }
    .secCmnIndexTop .wrapper {
        padding-top: 30px;
    }
    .secCmnIndexTop .titJpn {
        margin-top: 15px;
    }

}

/* secTop */
.secTop{
    position: relative;
    margin-top: 80px;
}
.secTop .box{
    margin-top: 70px;
}
.secTop .boxImg img{
    border-radius: 100px 15px 15px 15px;
}
.secTop .txt{
    font-size: 18px;
    line-height: 2.23;
    letter-spacing: 2px;
}
.secTop .txt + .txt{
    margin-top: 40px;
}

.secCmnBnr {
    margin: 135px auto 87px;
}

@media only screen and (max-width:767px){
    .secTop{
        margin-top: 28px;
    }
    .secTop .box{
        margin-top: 22px;
    }
    .secTop .boxImg img{
        border-radius: 47px 0px 0px 0px;
    }
    .secTop .txt{
        font-size: 13px;
        line-height: 2;
        letter-spacing: 0px;
    }
    .secTop .txt + .txt{
        margin-top: 26px;
    }
    
    .secCmnBnr {
        margin: 75px auto 100px;
    }
}