@charset "UTF-8";
/* ------------------------------
   lecturer-profiles.css
------------------------------ */
.page-ttl.-detail .ttl_inner{
    padding-right: 20px;
}
@media screen and (max-width: 767px) {
    .page-ttl .page-img{
        position: relative;
        overflow: hidden;
    }
    .page-ttl .page-img.potision1{
        width: calc(100% + 190px);
    }
    .page-ttl .page-img.potision2{
        width: calc(100% + 80px);
    }
    .page-ttl.-detail .ttl_inner{
        padding-right: 17px;
    }
}


/*sec-team*/
.sec-team{
    position: relative;
    padding: 125px 0 160px 0;
    box-sizing: border-box;
}
.sec-team .inner{
    position: relative;
    padding: 0 20px;
    box-sizing: border-box;
    z-index: 2;
}
.sec-team .lead{
    text-align: center;
    font-size: 3.0rem;
    line-height: calc(36 / 30);
    letter-spacing: .05em;
    margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
    .sec-team{
        padding: 18% 0 14% 0;
    }
    .sec-team .inner{
        padding: 0;
    }
    .sec-team .lead{
        font-size: 1.6rem;
        line-height: 1.5;
    }
}

/* ------------------------------
   lecturer-profiles_detail.css
------------------------------ */
/*team_box_detail*/
.team_box_detail{
    padding: 95px 0 185px 0;
    box-sizing: border-box;
}
.team_box_detail .inner{
    max-width: 1042px;
}
.team_box_detail .post-cnts+.post-cnts{ margin-top: 80px;}

.team_box_detail .post-cnts .post-cnts__ttl{
    position: relative;
    font-size: 2.4rem;
    letter-spacing: .05em;
    font-weight: 700;
    line-height: calc(40 / 24);
    color: #bc121a;
    padding-left: 48px;
    margin-bottom: 15px;
    box-sizing: border-box;
}
.team_box_detail .post-cnts .post-cnts__ttl:before{
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    content: '';
    background: url("../img/common/mark_logo.svg") no-repeat center center;
    background-size: 100% auto;
    width: 30px;
    height: 29px;
}

.team_box_detail .post-flex{
    display: flex;
}
.team_box_detail .post-cnts:nth-of-type(even) .post-flex{ flex-direction: row-reverse;}
.team_box_detail .post-flex+.post-flex{ margin-top: 24px;}
.team_box_detail .post-flex .post-txt{
    width: 55.6%;
    padding: 0 60px 0 7px;
    box-sizing: border-box;
}
.team_box_detail .post-cnts:nth-of-type(even) .post-flex .post-txt{
        padding: 0 7px 0 60px;
}
.team_box_detail .no-img.post-flex .post-txt{
    padding: 0 7px !important;
    width: 100%;
}

.team_box_detail .post-flex .post-txt .post-ttl{
    position: relative;
    font-size: 1.8rem;
    line-height: calc(30 / 18);
    font-weight: 700;
    letter-spacing: .01em;
    padding-left: 30px;
    margin-bottom: 30px;
    margin-right: -27px;
    box-sizing: border-box;
}
.team_box_detail .post-flex .post-txt .post-ttl:before{
    position: absolute;
    left: 0;
    top: -4px;
    content: 'A:';
    font-size: 2.2rem;
    color: #bc121a;
    letter-spacing: .05em;
}

.team_box_detail .post-cnts p{
    font-size: 1.6rem;
    line-height: calc(36 / 16);
    letter-spacing: -.05em;
}
.team_box_detail .post-cnts p+p{ margin-top: 24px;}

.team_box_detail .post-flex .post-img{
    width: 44.4%;
    max-width: 462px;
}

.team_box_detail .bg-gray{
    margin-top: 105px;
    padding: 55px 0 45px 0;
    box-sizing: border-box;
}
.team_box_detail .white-box{
    background: #FFF;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}
.team_box_detail .post-career{
    padding: 35px 40px;
    display: flex;
    box-sizing: border-box;
}
.team_box_detail .post-career .box-ttl{
    width: 152px;
    font-size: 2.4rem;
    letter-spacing: .1em;
    font-weight: 700;
    color: #bc121a;
}
.team_box_detail .post-career .box-txt{
    width: calc(100% - 152px);
}
.team_box_detail .post-career .box-txt p{
    font-size: 1.4rem;
    line-height: calc(24 / 14);
}
.team_box_detail .post-career .box-txt p+p{ margin-top: 20px;}
.team_box_detail .post-career a{
    text-decoration: underline;
}
.team_box_detail .post-career a:hover{
    text-decoration: none;
}

.team_box_detail .btn_wrap{ margin-top: 70px;}
.team_box_detail .btn_wrap .btn{ max-width: 316px;}

@media screen and (max-width: 1024px) {
    .team_box_detail .post-flex .post-txt{
        padding: 0 28px 0 7px;
    }
    .team_box_detail .post-cnts:nth-of-type(even) .post-flex .post-txt{
            padding: 0 7px 0 28px;
    }

}
@media screen and (max-width: 767px) {
    .team_box_detail{
        padding: 18% 0 14% 0;
    }
    .team_box_detail .inner{
        max-width: inherit;
    }
    
    .team_box_detail .post-cnts {
        display: flex;
        flex-direction: column;
    }
    .team_box_detail .post-cnts+.post-cnts{ margin-top: 12%;}

    .team_box_detail .post-cnts .post-cnts__ttl{
        order: 0;
        font-size: 1.8rem;
        margin-bottom: 20px;

        padding: 7px 5px 7px 36px;
        background: #fafafa;
        border-left: 5px solid #bc121a;
    }
    .team_box_detail .post-cnts .post-cnts__ttl:before{
        left: 7px;
        top: 10px;
        width: 22px;
        height: 25px;
    }

    .team_box_detail .post-flex{
        display: contents;
    }
    .team_box_detail .post-flex+.post-flex .post-txt{ margin-top: 4%;}

    .team_box_detail .post-flex .post-txt{
        width: 100%;
        padding: 0 !important;
        box-sizing: border-box;
    }
    .team_box_detail .post-cnts:nth-of-type(even) .post-flex .post-txt{
            padding: 0 !important;
    }

    .team_box_detail .post-flex .post-txt .post-ttl{
        order: 2;
        font-size: 1.6rem;
        line-height: calc(30 / 18);
        padding-left: 25px;
        margin-bottom: 4%;
        margin-right: 0;

        padding-bottom: 10px;
        border-bottom: 2px solid #bc121a;
        box-sizing: border-box;
    }
    .team_box_detail .post-flex .post-txt .post-ttl:before{
        top: -1px;
        font-size: 1.6rem;
    }

    .team_box_detail .post-cnts p{
        font-size: 1.4rem;
    }
    .team_box_detail .post-cnts p+p{ margin-top: 4%;}
    .team_box_detail .post-flex .post-img{
        order: 4;
        width: 100%;
        max-width: inherit;
        margin-top: 6%;
    }

    .team_box_detail .bg-gray{
        margin-top: 14%;
        padding: 12% 0;
    }
    .team_box_detail .post-career{
        padding: 5% 4%;
        display: block;
    }
    .team_box_detail .post-career .box-ttl{
        width: 100%;
        font-size: 1.8rem;
        margin-bottom: 4%;
    }
    .team_box_detail .post-career .box-txt{
        width: 100%;
    }
    .team_box_detail .post-career .box-txt p{
        font-size: 1.3rem;
    }
    .team_box_detail .post-career .box-txt p+p{ margin-top: 4%;}

    .team_box_detail .btn_wrap{ margin-top: 10%;}
    .team_box_detail .btn_wrap .btn{
        width: 64.4%;
        max-width: inherit;
    }


}