@charset "utf-8";
/* CSS Document */

.instructorWrap .instructorTop{
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}
.instructorWrap .instructorTop img{
    width: 100%;
    height: auto;
}

/*----------------------------------------*/

.instructorWrap .instructorList{
    margin: 20px auto 0;
}

.instructorList .personWrap{
}

.instructorList .personWrap .inn{
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 0 0;
}

.instructorList .personWrap .inn .center{
    width: 100%;
}

.instructorList .personWrap .inn .leftandright{
    display: flex;
    flex-direction: row;
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
}

/*写真*/
.instructors {
	    text-align: center;
	margin: 40px auto;
}


.instructorList .personWrap .inn .photo{
    /*width: 371px;*/
    width: 260px;
    display: flex;
    align-items: flex-end;
}
.instructorList .personWrap .inn .photo img{
    width: 100%;
    height: auto;
}

/*氏名*/
.instructorList .personWrap .inn .name{
    margin: 0 auto 25px;
}
.instructorList .personWrap .inn .name .post{
    margin: 0 auto 10px;
}
.instructorList .personWrap .inn .name dl{
    height: 2.7rem;
    display: flex;
    gap: 0 25px;
    align-items: center;
}
.instructorList .personWrap .inn .name dl dt{
    font-size: 2.7rem;
    font-weight: bold;
    color: #1C3A8A;
}
.instructorList .personWrap .inn .name dl dd{
    font-size: 1.6rem;
    color: #95A6C9;
}

/*キャッチ*/
.instructorList .personWrap .inn .catch{
    margin: 0 auto 10px;
    font-size: 2.2rem;
    font-weight: bold;
    color: #1C3A8A;
    line-height: 155%;
    letter-spacing: 0.01em;
}

/*コメント*/
.instructorList .personWrap .inn .comments{
    margin: 0 auto 15px;
    line-height: 180%;
    letter-spacing: -0.025em;
}

/*プロフィール*/
.instructorList .personWrap .inn .profile{
    width: calc( 100% - 260px );
    padding: 0 0 60px;
}
.instructorList .personWrap .inn .profile .intro{
    margin: 0 auto 20px;
}
.instructorList .personWrap .inn .profile .intro .midashi{
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 2.1rem;
    color: #1C3A8A;
    margin: 0 auto 15px;
}
.instructorList .personWrap .inn .profile .intro dl{
    display: flex;
}
.instructorList .personWrap .inn .profile .intro dl dt{
    color: #1C3A8A;
}
.instructorList .personWrap .inn .profile .intro dl dd{
    color: #666666;
}

/*経歴*/
.instructorList .personWrap .inn .profile .career{
    color: #1C3A8A;
}
/*flexにする時*/
.instructorList .personWrap .inn .profile .career.flex dl{
    display: flex;
    gap: 5px 1em;
}
/*tableにする時*/
.instructorList .personWrap .inn .profile .career.table{
    display: table;
    width: 100%;
}
.instructorList .personWrap .inn .profile .career.table dl dt{
    display: table-cell;
    width: 4em;
}
.instructorList .personWrap .inn .profile .career.table dl dd{
    display: table-cell;
}

/*偶数は青い背景*/
.instructorList .personWrap:nth-child(even){
    background-color: #E6EEFF;
}

/*偶数は写真とプロフィールの位置を入れ替え*/
.instructorList .personWrap:nth-child(even) .inn .photo{
    order: 1;
}
.instructorList .personWrap:nth-child(even) .inn .profile{
    order: 2;
}









/*----------------------------------------*/