@charset "UTF-8";



.main {width: 100%;height: 300px;background-image: url("images/main.jpg");background-position: center;background-size: cover;position: relative;text-align: center;}
.main h1 {width: 100%;
font-size:44px;
line-height: 54px;
color: #ffffff;
font-family: 'Noto Serif JP',serif;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);}
.main h1 span {font-size:32px;
line-height:42px;display: block;}


@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
.main {width: 100%;height: 120px;background-image: url("images/main.jpg");background-position: center;background-size: cover;position: relative;text-align: center;}
.main h1 {width: 100%;
font-size:18px;
line-height: 28px;
color: #ffffff;
font-family: 'Noto Serif JP',serif;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);}
.main h1 span {font-size:14px;
line-height:20px;display: block;}
}





.staff {width: 1080px;margin: auto;padding: 100px 0; text-align: left;position: relative;}
.staff h2.sub_title {margin: 0 0 30px;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {

.staff {width: 90%;margin: auto;padding: 10% 0 0; text-align: left;position: relative;}
.staff h2.sub_title {margin: 0 0 10%;}

}


ul.list {display: inline-block; margin: 0 0 20px;}
ul.list li {background: #fafafa;margin: 0 0 40px;padding: 40px;display:flex;flex-wrap:wrap;}
ul.list li .staff_pic {width: 160px;margin: 0 20px 0 0;}
ul.list li .staff_pic img {width: 100%;height: auto;}
ul.list li .staff_text {width: 820px;}
ul.list li .staff_text h3.name {font-size: 18px;line-height: 1.6;margin: 0 0 20px;}
ul.list li .staff_text h3.name span {font-size: 12px;display: block;}
ul.list li .staff_text ul.qualification {display:flex;flex-wrap:wrap;margin: 0 0 10px;}
ul.list li .staff_text ul.qualification li {background: #ca0915;margin: 0 10px 10px 0;padding: 4px 10px 2px;}
ul.list li .staff_text ul.qualification li p {font-size: 12px;line-height: 2; color: #fff;}
ul.list li .staff_text p.comment {font-size: 14px;line-height: 1.6;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
ul.list {margin: 0 0 5%;}
ul.list li {margin: 0 0 10%;padding: 5%;}
ul.list li .staff_pic {width: 100%;margin: 0 0 5%;text-align: center;}
ul.list li .staff_pic img {width: 60%;margin: auto;}
ul.list li .staff_text {width: 100%;}
ul.list li .staff_text h3.name {font-size: 4vw;margin: 0 0 5vw;}
ul.list li .staff_text h3.name span {font-size: 2.8vw;}
ul.list li .staff_text ul.qualification {margin: 0 0 2vw;}
ul.list li .staff_text ul.qualification li {background: #ca0915;margin: 0 2.5vw 2.5vw 0;padding: 2px 5px 1px;}
ul.list li .staff_text ul.qualification li p {font-size: 3vw;line-height: 2; color: #fff;}
ul.list li .staff_text p.comment {font-size: 3vw;line-height: 1.6;}
}