/*====================================================
////id |  profile
====================================================*/
#profile {
    padding-top: 30px;
}
.profile-img {
    margin: 0 auto calc((min(30vw, 160px) / 2) * -1);
    width: min(30vw, 160px);
}
.profile-img .coverImg {
    background: #fff;
    border: solid 5px var(--s_green);
    border-radius: 100%;
    padding-top: 100%;
}
.profile-inner {
    padding: min(20vw, 100px) 0 min(8vw, 70px);
}
.profile-text-wrapper {
    background: #fff;
    border-radius: min(2.5vw, 10px);
    box-shadow: 0 0 min(1.5vw, 10px) rgba(0, 0, 0, .16);
    padding: min(5vw, 40px) min(5vw, 60px);
    margin-top: min(5vw, 40px);
}
.profile-name {
    display: grid;
        place-items: center;
}
.profile-name .circle_deco {
    font-size: .5em;
    margin-bottom: .5em;
}
.profile-name-affiliation {
    text-align: center;
}
.profile-related-wrapper {
    display: grid;
        grid-gap: .8em;
    font-size: .95em;
    margin-top: min(5vw, 30px);
}
.profile-related .title > span {
    background: var(--l_gray);
    border-radius: 3px 0;
    display: block;
    margin-top: -.2em;
    padding: .2em 1em;
    text-align: center;
}
.profile-related .link .btn_wrap {
    justify-content: flex-start;
}
.profile-related .link .linkBtn-small {
    font-size: 1em;
    font-weight: 500;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .profile-name {
        font-size: min(6vw, 3rem);
    }
    .profile-related {
        grid-column: 1;
    }
    .profile-related .title {
        display: inline-block;
        margin-bottom: .5em;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .profile-name {
        font-size: min(3vw, 3.4rem);
    }
    .profile-related-wrapper {
        grid-template-columns: auto 1fr;
    }
    .profile-related {
        display: grid;
            grid-template-columns: subgrid;
            grid-column: span 2;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  archive
====================================================*/
.load-more {
    background: #fff;
    border: solid 1px var(--mainColor);
    border-radius: 2em;
    display: flex;
        align-items: center;
        justify-content: center;
        gap: .5em;
    font-weight: 500;
    margin: 2em auto 0;
    transition: .2s ease-in-out;
    width: min(70vw, 300px);
    min-height: 3em;
}
.load-more .icon {
    background: var(--mainColor);
    border-radius: 100%;
    position: relative;
    transition: .2s ease-in-out;
    width: 1.2em;
    height: 1.2em;
}
.load-more .icon::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 13 20"><path fill="%234EC1B7" d="M13,10L2.97,20l-2.97-2.96,7.07-7.04L0,2.96,2.97,0l10.03,10Z" /></svg>') no-repeat center / contain;
    content: '';
    display: block;
    filter: brightness(100);
    margin: auto;
    position: absolute;
        top: .1em;
        left: 0;
        right: 0;
        bottom: 0;
    transform: rotate(90deg);
    width: 40%;
    height: 40%;
}
/* ////////// mobile ////////// */
@media screen and (min-width: 600px) and (max-width: 960px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {
    .load-more:hover {
        background: var(--mainColor);
        color: #fff;
    }
    .load-more:hover .icon {
        background: #fff;
    }
    .load-more:hover .icon::before {
        filter: none;
    }
}

/*====================================================
////id |  xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {}