@charset "UTF-8";
.sp_logo{
    display: none;
}
@media screen and (max-width: 750px) { 
    /*ヘッダー*/
    .pc_logo{
        display: none;
    }
    .sp_logo{
        display: block;
    }
    header .header-titlearea, .header .header-titlearea{
        height: auto;
    }
    header .header-titlearea .logo, .header .header-titlearea .logo{
        margin: 0.5rem 2%;
    }
    .logo img{
        max-width: 100%;
        height: auto;
    }

    /*コンテンツ*/
    .alert-container{
        height: 100%;
        background-color: #d8e5f6;
        
    }
    .alert-container .bgimg{
        /* 地面 */
        background-position: left bottom 50px;
        background-image: url(../images/bgimg.jpg) ,linear-gradient(0deg, rgba(216, 229, 246, 1)20%, rgba(244, 249, 255, 1));

    }
    .alert-main{
        box-shadow: none;
        width: 100%; 
    }
    .alert-main-bgimg{
        /*虹*/
        /* width: 100%;
        background-size:contain;
        padding-top: calc(350 / 724 *100%);
        height: auto;
        left: 0;
        top: 60px;
        bottom: auto; */
        width: 100%;
        background-size: 200%;
        height: 40vw;
        left: 0;
        top: 0;
        bottom: auto;
        background-position-x: center;
        
    }
    .alert-main-message-text{
        font-size: 24px;
    }
}