@charset "utf-8";
body {
    font-family: "Hiragino Kaku Gothic Pro","Meiryo","sans-serif";
    font-size: 15px;
    background: rgba(255,255,255,1);
}
a{
    text-decoration: none;
    color: #1aadee;


}
h2{
    font-size: 30px;

}
@media screen and (max-width: 768px) {
    .intro-all {
        flex-direction: column;

    }
    .intro-img {
        width: 100%;
        height: auto;
    }

        .intro-img img {
            max-width: 100%;
            max-height: 100%;
        }

    .intro {
        width: 100%;
        text-align: center;
    }
}
    .intro-all {
        display: flex;
        gap: 10px;
        margin-top: 10px;
        align-items: flex-start;
    }

    .intro-img {
        flex-shrink: 0;
        width: 100%;
        max-width: 300px;
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .intro {
    }

    .achieve-margin {
        height: 20px;
    }

    .past {
        text-align: center;
        margin: 0 auto
    }

    .all li {
        margin-bottom: 20px;
        border: 2px solid #808080;
        border-radius: 16px;
        padding: 10px 10px 10px 10px;
    }

        .all li img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
        }

    .cite {
        font-size: 17px;
    }

    .ronbun {
        font-size: 17px;
        font-weight: bold;
        margin-left: 5px;
        margin-top: 15px;
    }

    .tit {
        font-size: 16px;
        font-weight: bolder
    }

    .mem {
        margin-left: 5px;
        margin-bottom: 2px;
    }

    .place {
        margin-top: 2px;
    }

    .year {
        border-left: 10px solid #1aadee;
        padding: 0px 10px;
    }


    .happyo li {
        border: none;
    }