@charset "UTF-8";

#greeting main{height: 450px;background-position: center center;background-size: cover;background: url("../img/main_pc.jpg?20210417") center center / cover no-repeat;}

#greeting #director .director_item{margin-top: 20px;}
#greeting #director .director_item p{width: 100%;margin: 0 auto;}
#greeting #director .director_item figure{width: 100%;margin-top: 20px;}
#greeting #director .director_item2{display: flex;justify-content: space-between;margin-top: 20px;}
#greeting #director .director_item2 p{width: 72%;}
#greeting #director .director_item2 figure{width: 25%;}

#greeting #movie{margin:50px auto;max-width:800px}
#greeting #movie .director_movie{position: relative;width: 80%;padding-top: 56.25%;text-align: center;margin: 30px auto 0;}
#greeting #movie .director_movie iframe{position: absolute;top: 0;right: 0;width: 100%;height: 100%;}

#greeting #profile{background: url("../../common/img/orange_bk.jpg");background-position: center center;background-size: cover;padding: 50px 0;}
#greeting #profile .profile_item{display: flex;justify-content: space-between;align-items: flex-end; margin: 30px auto 0;width: 85%;}
#greeting #profile .profile_item dl{width: 60%;flex-wrap: wrap;margin-bottom: 4em;}
#greeting #profile .profile_item dt{width: 5em;}
#greeting #profile .profile_item dd{width: calc(100% - 5em);}
#greeting #profile .profile_item figure{width: 37.1%;}
#greeting #profile .profile_item figcaption{margin-top: 7px;text-align: right;}
#greeting #profile .profile_item figcaption big{font-size: 18px;}


@media only screen and (max-width: 768px) {
#greeting main{height: auto;background: none;}
#greeting #director .director_item p{width: 100%;margin: 0 auto;}

#greeting #director .director_item2{flex-wrap: wrap;}
#greeting #director .director_item2 p{width: 100%;}
#greeting #director .director_item2 figure{width: 100%;text-align: center;margin-top: 10px;}

#greeting #movie{margin:50px auto;width:90%}
#greeting #movie .director_movie{position: relative;width: 100%;padding-top: 56.25%;text-align: center;margin-top:30px;}
#greeting #movie .director_movie iframe{position: absolute;top: 0;right: 0;width: 100%;height: 100%;}

#greeting #profile{padding: 30px 0;}
#greeting #profile .profile_item{flex-wrap: wrap;margin: 20px auto 0;width: 100%;}
#greeting #profile .profile_item dl{width: 100%;flex-wrap: wrap;margin-bottom: 0;}
#greeting #profile .profile_item dt{width: 5em;}
#greeting #profile .profile_item dd{width: calc(100% - 5em);}
#greeting #profile .profile_item figure{width: 100%;text-align: center;margin-top: 10px;}
#greeting #profile .profile_item figcaption{margin-top: 5px;text-align: right;}
#greeting #profile .profile_item figcaption big{font-size: 15px;}
}