@charset "utf-8";
/* CSS Document */
.lower-top {
    height: 300px;
    background: center center / cover no-repeat url(../img/about-toppic.jpg);
}
.contents {
    background: top center url(../img/about-bg.jpg);
}
#about1 p {
    text-align: center;
}
#about1 .flex {
    align-items: center;
    padding: 100px 0 150px;
}
.teacher-ttl {
    margin-top: 200px;
    height: 157px;
    position: relative;
    background: center center / cover no-repeat url(../img/about2-bg.jpg) ;
}
.teacher-ttl h2 {
    color: #fff;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#about2 {
    padding-bottom: 150px;
}
#about2 .flex {
    padding: 200px 0 150px;
}
#about2 .pic {
    width: 40%;
    margin-right: 5%;
}
#about2 .txt {
    width: 55%;
}
#about2 .txt h2,
#about2 .txt p {
    padding-left: 50px;
}
#about2 .txt h2 span {
    font-size: 24px;
}
#about2 .txt p {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
#about2 .center {
    padding: 150px 0;
}
@media screen and (max-width: 1366px) {
    
    .lower-top {
        height: 250px;
    }
    
}

@media screen and (max-width: 767px) {
    .flex img {
        width: 100%;
    }
    .lower-top {
        height: 40vw;
        background: center center / cover no-repeat url(../img/about-toppic-sp.jpg);
    }

    #about1 p {
        text-align: left;
    }
    #about1 .flex {
        padding: 0 10px;
    }
    #about1 .wrap > p {
        padding-bottom: 20px;
    }
    #about1 .flex li {
        padding-top: 20px;
    }
    #about1 .center {
        padding: 40px 0;
    }
    #about2 {
        padding-bottom: 40px;
    }
    #about2 .flex {
        padding: 20px 0;
    }
    #about2 .pic,
    #about2 .txt {
        width: 100%;
        padding: 0;
    }
    #about2 .pic {
        padding: 0 10%;
    }
    #about2 .txt h2, #about2 .txt p {
        padding: 0;
    }
    #about2 .txt h2 {
        font-size: 20px;
        padding-top: 1em;
    }
    #about2 .txt p {
        padding-bottom: 1em;
    }
    #about2 .txt h2 span {
        font-size: 14px;
    }
    #about2 .center {
        padding: 40px 0;
    }
    
    .teacher-ttl {
        height: 20.9vw;
        margin: 0;
        background: center center / cover no-repeat url(../img/about2-bg-sp.jpg) ;

    }
}