@charset "utf-8";

main {
    margin-left: 5%;
}

.top-wrap > p {
    margin-top: 40px;
    margin-left: 15px;
}

.top-wrap > p , .info {
    font-family: "Meiryo","serif","sans-serif";
}

.info {
    margin-top: 50px;
}

.about-face {
    float: left;
    margin-left: 30px;
    margin-right: 30px;
}

.about-face > img {
    height: 150px;
    width: 150px;
}

.item-list {
    font-size: 14px;
    height: 150px;
}

.item-list > p {
    padding-top: 30px;
}

.info-personal {
    margin-top: 20px;
    margin-left: 15px;
    clear: both;
}

.info-personal > p {
    font-size: 12px;
}

.concept {
    margin-top: 50px;
    margin-right: 3%;
    height: 30vw;
    background-image: url(../image/esora-back.png);
    background-size: contain;
    background-repeat: no-repeat;
    font-family: "Yu Mincho","Meiryo","serif","sans-serif";
    font-weight: 500;
}

.contents {
    font-size: 16px;
    margin-left: 20px;
}

.contents > h2 {
    padding-top: 10px;
    margin-bottom: 0;
}

.contents > p {
    margin-top: 10px;
}

@media screen and (max-width: 1080px) {
    .top-wrap > p {
        margin-left: 10px;
        font-size: 15px;
    }

    .contents {
        font-size: 14px;
        margin-left: 15px;
    }
}

@media screen and (max-width: 700px) {
    .top-wrap > p {
        margin-left: 5px;
        font-size: 12px;
    }

    .about-face {
        float: none;
        margin-left: 10%;
        margin-right: 0;
    }

    .item-list {
        height: 120px;
    }

    .item-list > p {
        margin-left: 5px;
        margin-bottom: 0;
        padding-top: 10px;
        font-size: 12px;
    }

    .info-personal {
        margin-top: 0;
        margin-left: 5px;
        padding-top: 0;
    }

    .contents {
        font-size: 10px;
        margin-left: 10px;
    }

    .contents > h2 {
        padding-top: 5px;
    }
    
    .contents > p {
        margin-top: 5px;
    }
}

@media screen and (max-width: 390px) {
    .top-wrap > p {
        font-size: 12px;
    }

    .item-list > p {
        font-size: 12px
    }

    .contents {
        font-size: 6px;
    }
}