@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 480px) {
    /* header */
    .header_nav {
        width: 100%;
    }
    
    .logo img {
        width: 88%;
    }
    
    .nav {
        display: none;
    }
    
    .hamburger-menu {
        display: block;
    }
    
    .top-img {
        aspect-ratio: 16 / 5;
    }
    
    /* wrapper */
    #wrapper {
        width: 90%;
    }
    
    .heading h1 {
        font-size: 30px;
    }
    
    /*text*/
    p {
        font-size: 0.9em;
    }
    
    p.p_none {
        display: block;
    }
    
    p.center img {
        width: 88%;
    }
    
    .heading h1 {
        font-size: 1.4em;
    }
    .heading h1:before, 
    .heading h1:after {
        display: none;
    }
    
    h1 {
        font-size: 1.2em;
    }
    
    a.bosyu_link {
    font-size: 90%;
}
    
    /*flexbox*/
    .flexbox {
        display: block;
    }
    
    .text,
    .img {
        width: 100%;
    }
    
    .img img {
        filter: drop-shadow(5px 5px 0px #6cc7c8);
        width: 100%;
    }
    
    /*ul li*/
    .beside {
        display: block;
    }
    
    .beside li {
        margin-bottom: 20px;
    }
    
    .kensyoukai li {
        width: 50%;
        text-align: center;
        
    }
    
    .noguchi li{
        width: 100%;
    }
    
    dl.achievement {
        width: 100%;
    }
    
    /*footer*/
    
    .footer_top {
        display: block;
    }
    
    .link_list {
        display: block;
        margin-top: 20px;
    }
        
    .bold {
        margin-top: 30px;
    }
    
    .none {
        display: none;
    }
    
    .footer-bottom p {
        font-size: 0.7em;
    }
    
    /*table*/
    .staff {
        width: 100%;
    }
    
    .staff td {
        font-size: 0.6em;
    }
    
    .staff tr>*:last-child {
        text-align: center;
    }
    
    .bosyu {
        width: 100%;
    }
    
    .table-wrap {
        overflow-x: scroll;
    }
    
    .prizewinner {
        width: 100%;
        border-collapse: collapse;
        white-space: nowrap;
    }
    
    /*main*/
    .main {
        width: 100%;
    }
    
    ol li,
    ol li ol.alphabet li {
        font-size: 0.9em;
    }
    
    /*accordion*/
    .kensyoukai {
        justify-content: space-between;
    }
    
    .details-summary {
        font-size: 0.8em;
        
    }
    
    .btn {
        top: 37%;
        left: 5%;
    }
    
    /*booklet*/
    .booklet {
        width: 100%;
        justify-content: center;
    }
    
    /*figure*/
    figure {
        text-align: center;
        margin-bottom: 30px;
    }
    
    figure img {
        width: 70%;
    }
    
    figcaption {
        width: auto;
        text-align: center;
    }

}