@charset "UTF-8";
.philosorhy_bg{
    background: url("../img/profile/bg_philosophy.png") center top;
    background-size: cover;
    background-repeat: repeat;
    padding: 12rem 0 20rem;
}
.greeting_bg{
    background: url("../img/profile/bg_greeting.png") center top;
    background-size: cover;
    background-repeat: repeat;
    padding: 12rem 0 20rem;
    margin-top: -8rem;
}
.staff_bg{
    background: url("../img/profile/bg_staff.png") center top;
    background-size: cover;
    background-repeat: repeat;
    padding: 18rem 0 20rem;
    margin-top: -10rem;
}
.profile_bg{
    background: url("../img/profile/bg_prof.png") center top;
    background-size: cover;
    background-repeat: repeat;
    padding: 12rem 0 20rem;
    margin-top: -10rem;
}
.access_bg{
    background: url("../img/top/bg_access.png") no-repeat center top;
    background-size: cover;
    padding: 12rem 0 20rem;
    margin-top: -10rem;
    z-index: 1;
}

@media screen and (max-width: 680px) {
.philosorhy_bg{
    padding: 7rem 0 10rem;
    margin-top: -2rem;
}
.greeting_bg{
    padding: 7rem 0 10rem;
    margin-top: -2rem;
}
.staff_bg{
    padding: 18rem 0 15rem;
}
.profile_bg{
    padding: 10rem 0 13rem;
    margin-top: -8rem;
}
}
.philosorhy_cont{
    margin-top: 3rem;
}
.philosorhy{
    font-size: 2rem;
    line-height: 2.2;
}
.greeting_ttl{
    font-size: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #707070;
    display: inline-block;
}
.greeting_name{
    margin-top: 2rem;
    font-size: 2rem;
}
.staff_list li{
    width: 19.5%;
}
.prof_list dt{
    width: 20%;
}
.prof_list dd{
    width: 80%;
}
.prof_list dt,
.prof_list dd{
    padding: 2rem 0;
}
@media screen and (max-width: 680px) {
.philosorhy,
.greeting_name{
    font-size: 1.8rem;
}

.staff_list li{
    width: 48%;
}
.prof_list dt{
    width: 30%;
}
.prof_list dd{
    width: 70%;
}
.prof_list dt,
.prof_list dd{
    padding: 1rem 0.5rem;
}


}