@charset "UTF-8";

/*トップページのキャッチウインドウ*/
#catchTopInfo {
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.50);
    text-align:center;
    z-index: 1000000;
}
#catchTopInfo #innerBox {
    display: inline-block;
    background-color: #FFFFFF;
    padding: 50px 20px 20px;
    position: relative;
    margin: 5% auto;
    box-sizing: border-box;
    border-radius: 10px;
}
#catchTopInfo #innerBox img {
    max-height: 80vh;
    vertical-align: bottom;
}
#catchTopInfo #innerBox #closeButton {
    position: absolute;
    top: 10px;
    left: 20px;
}
#catchTopInfo #innerBox #closeButton p {
    font-weight: 600;
    font-size: 2rem;
    cursor: pointer;
    line-height: .7;
    font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
}
#catchTopInfo #innerBox #closeButton p:hover {
    opacity: .5;
}
#catchTopInfo #innerBox #closeButton p span {
    color: #000000;
    font-size: 230%;
    font-weight: 900;
    vertical-align: -7px;
}
@media screen and (max-width: 768px) {
    #catchTopInfo #innerBox {
        padding: 20px 20px 50px;
        margin-top: 80px;
    }
    #catchTopInfo #innerBox #closeButton {
        top: auto;
        left: 15px;
        bottom: 8px;
    }
}