.top{
    width: 100%;
    height: none;
    background-color: #fe2414;

    text-align: center;
}


.top > h3{
    color: #70ded5;;
    
    width: 100%;
    margin-top: -10%;

    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

}

.top > h3 > b{
    font-size: 20px;
}

.top > h3 > span{
    font-size: 90%;
}


.top > img{
    width: 100%;
    height: auto;
}

.sub{
    margin-top: 10%;    
    letter-spacing: 2px;
}

.des{
        display: block;
}

.mo{
    width: 90%;
    height: auto;

    display: none;
}

.home{
    width: 90%;
    height: auto;

    margin: auto;
    margin-top: 10%;

    display: flex;
}

.home-l{
    width: 50%;

    text-align: center;
}

 .home-l > h4{
    width: 500px;

    margin: auto;

    text-align: center;


    background-color: rgb(165, 27, 27);
    color: rgb(255, 255, 255);

}

 .home-r{
    width: 50%;
}

 .home-r > h4{
    width: 70%;

    margin: auto;

    text-align: center;

    background-color: rgb(165, 27, 27);
        color: rgb(255, 255, 255);
    }

#accordion > h3{
    background-color: #69a8c8;
    color: rgb(255, 255, 255);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px #808080 solid;
}


.home-r > ul{
    width: 100%;

    padding: 0;
    
    margin: auto;
    margin-top: 2%;

    text-align: center;

    list-style: none;
}

.home-r > ul > li{
    width: auto;

    margin-top: 5%;

    font-size: 20px;


}

 .home-r > ul > li > a{
    

    text-decoration:none;  
    
    color: rgb(0, 0, 0);
}

@media screen and (max-width:1080px){
    .des{
        display: none;
    }
   
    .home{
        display: none;
    }
    
    .mo{
    
        display: block;
    }   

    #accordion{
        
        margin: auto;
    }

    #accordion > h3{
        text-align: center;
    }


    .home-l{
        width: 100%;
    }
}