@import url("menu.css");
.entry-header{
	display: none;
}
#staff{
	margin: 200px auto;
	max-width: 1000px;
	text-align: center;
}
.staff-ill1{
	width: 300px;
	height: auto;
}

#staff h2{
	width: 320px; /* 確定サイズへ */
    height: 80px; /* 確定サイズへ */
    margin: 50px auto;
    background: url('../image/staff/sensei_title.webp') no-repeat center/contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.staff-contents{
	max-width: 1000px;
	margin: 0 auto;
	
	padding: 0 10px;
}
.staff{
	display: flex;
	justify-content: space-between;
margin: 0 0 30px 0;
}
.staff-pic{
position: relative;
	width: 486px;
	height: 577px;
	/*background-image: url(../image/staff/frame.svg);*/

}
.staff-profile{
	width: 480px;
	background-image: url(../image/staff/text_frame.svg);
	text-align: left;
	padding: 100px 30px 0;
}
.staff-pic-img{
	    width: 430px;
    height: 401px;
    margin: 23px auto;
}
.staff-pic-img img{
	width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
}
.staff-pic p{
	font-size: 36px;
    font-weight: bold;
    margin: 50px 0 0 0;
    color: #167FFC;
z-index: 3;
    position: relative;

}
.staff-profile dl{
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
}
.staff-profile dt{
width: 40%;
color: #F5A623;
}
.staff-profile dd{
width: 60%;
margin: 0 0 20px 0;
}
.staff-faq{
	border: solid #ccc 1px;
	border-radius: 20px;
	text-align: left;
	padding: 50px;
	margin: 30px 0 ;
}
.staff-faq h3{
background-image: url(../image/staff/q.svg);
background-repeat: no-repeat;
padding: 20px 80px;
    background-position: left center;
    color: #F5A623;
    font-weight: bold;
}
.staff-faq p{
background-image: url(../image/staff/a.svg);
background-repeat: no-repeat;
padding: 20px 80px;
background-position: left 16px;
font-weight: bold;
}
.staff-flame {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}
@media (max-width: 820px) {
	.staff-pic {
    width: 380px;
    height: 455px;
    background-size: cover;
}
.staff-profile{
	width: 400px;
    height: 488px;
    padding: 66px 20px 0;
    background-size: cover;
}
.staff-pic-img {
    width: 343px;
    height: 316px;
}
.staff-pic p{
	margin: 28px 0 0 0;
}
.staff-profile dd{
	margin: 0 0 10px 0px;
}
.staff-faq{
	padding: 30px;
}
.staff-faq h3,.staff-faq p{
	padding: 20px 10px 20px 80px;
}
}
@media (max-width: 768px) {
	#staff {
    margin: 150px auto;
}
	.staff-ill1{
		width: 200px;
	}
#staff h2 {
    width: 200px;
    height: 70px;
}
.staff {
    display: block;
}
.staff-pic {
            width: 100%;
        height: auto;
        background-size: cover;
        aspect-ratio: 486 / 577;
}
.staff-pic-img{
	width: 95%;
        height: calc(100% - 110px);
	aspect-ratio: inherit;
}
.staff-pic p{
	margin: 0;
	font-size: 30px;
}
.staff-profile {
        width: 100%;
        height: auto;
        padding: 66px 40px 50px 20px;
        background-size: 100% 100%;
        box-sizing: border-box;
        margin: 10px 0 0 0;
    }
.staff-profile dl {
    display: block;
}
.staff-profile dd,.staff-profile dt {
    width: 100%;
}
}