@charset "utf-8";

/**********************************************/
/**/
/**********************************************/

/*見出しのデザイン変更*/
.section-headline {
    background-color: transparent;
    border-bottom: 1px #ddd solid;
    padding-bottom: 15px;
    padding-left: 5px;
    margin-bottom: 20px;
}

/*最終更新日*/
.update {
    font-size: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem);    
}
div.update {
    text-align: right;
}
span.update {
    margin-left: 10px;
}


/*プロフィール欄*/
.profile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #f7f7f7;
    padding: 20px;
    margin: 50px 0 40px;
}
/*左右の枠*/
.profile .profile-txt {
    flex: 1;
    margin: 0;
    padding-left: 40px;
    order: 2;
}

.profile .profile-photo {
    width: 240px;
    margin: 0;
    padding: 0;
    order: 1;
}

/*氏名*/
.profile .profile-txt h1 {
    /*18-32*/
      font-size: clamp(1.125rem, 0.95rem + 0.88vw, 2rem);
      margin: 0;
}
.profile .profile-txt h1 span {
    border-width: 0;
    padding: 0;
    margin: 0;
    font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
    margin-left: 20px;
}

/*所属*/
.organization {
    font-size: clamp(1rem, 0.975rem + 0.13vw, 1.125rem);
}

/*卒業*/
.graduation {}





/****************************/
/*レスポンシブ*/
/****************************/
@media screen and (max-width: 1480px) {
}

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

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

@media screen and (max-width: 780px) {
    .profile .profile-photo {
        width: 160px;
    }
}

@media screen and (max-width: 580px) {
    .profile {
        padding: 10px;
        margin: 40px 0 30px;
    }
    .profile .profile-photo {
        width: 120px;
        margin-right: 20px;
    }
    .profile .profile-txt h1 span {
        display: block;
        margin-left: 0;
    }
}

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

    .profile .profile-photo {
        width: 100px;
    }
}