.people_form { gap:30px; }
.people_schools { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; border: 5px double #EEEEEE; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 50px 0 0 0; font-size: 12px; }
.people_all { width: 100%}
.people_all:hover { text-decoration: underline;}
.people_school { width: 50%; margin: 10px 0 0 0;}
.people_school:hover { text-decoration: underline; }
.people_form { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; }
.people_person { width: 100%; margin-right: 0%; position: relative; margin-bottom:0; font-size: 14px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.people_leave { position: absolute; bottom: 0; left: 0; background-color:#AC39D8; color: #fff; padding: 2px 5px; z-index:1;}
/* .people_person:nth-of-type(4n+1) {  margin-right: 0%;} */
.people_img { width: 45%; position:relative; align-self:flex-start;}
.people_img img { width: 100%}
.people_area-name { width:100%; margin:50px 0 0 0; }
.people_area-name-text { width:100%; margin:0; padding:0 0 10px 0; display:flex; align-items:baseline; gap:10px; border-bottom:1px solid #e3e3e3; }
.people_area-name-en { margin:0; font-size:24px; line-height:1.2; font-weight:bold; }
.people_area-name-jp { font-size:16px; line-height:1.2; font-weight:bold; color:#808080; }
.people_univ-name { width:100%; margin:10px 0 0 0; scroll-margin-top:var(--header-height, 100px); }
.people_univ-name h2 { position:relative; display:inline-block; white-space:nowrap; padding-bottom:16px; margin-bottom:20px; }
.people_univ-name h2::after { content:''; position:absolute; left:0; bottom:0; width:40px; height:2px; background:#000; }
.people_info { width: 52%; margin: 0 0 0 3%; }
.people_input { position: absolute; left: 10px; top: 10px; z-index: 2; width: 26px; height: 26px; margin: 0; appearance: none; -webkit-appearance: none; background: #fff; border: 1px solid #808080; border-radius: 4px; cursor: pointer; }
.people_input:checked { background: #006CFF; }
.people_input:checked::after { content: ''; position: absolute; left: 8px; top: 3px; width: 7px; height: 13px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.people_other { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap:wrap; line-height:1.5; font-size:11px; }
.people_other dt { width: 35%}
.people_other dd { width: 65%;}
.people_name { width: 100%; margin:0px 0 10px 0;font-size: 20px}
.people_university,.people_job { width:100%; line-height:1.5; font-size:11px; }
.people_under { position: fixed; bottom: 0;left: 0;width: 100%; z-index:5; background-color:#eee; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction:column; align-items:center; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: 0.5s;transition: 0.5s;-webkit-transform: translate(0,100%);transform: translate(0,100%);}
.people_under_note { margin:16px 0 0; font-size:15px; color:#333; }
.people_under button { background:#000; width:calc(100% - 40px); box-sizing:border-box; height:65px; padding:0; margin:20px; color:#fff; font-size:16px; font-weight:bold; letter-spacing:0.1em; border-radius:5px; transition:0.3s; display:flex; align-items:center; justify-content:center; }
.people_under button:hover { opacity:0.6; transition:0.3s; }
.people_under button img { width:12px; margin:0 0 0 10px; }
.people_appear { -webkit-transform: translate(0,0); transform: translate(0,0);}

.pagetop { position:fixed; right:16px; bottom:16px; width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.75); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border-radius:50%; z-index:6; opacity:0; visibility:hidden; -webkit-transform:translateY(12px); transform:translateY(12px); transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, bottom 0.3s ease, background 0.3s ease; }
.pagetop.is-show { opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0); }
.pagetop.is-lifted { bottom:150px; }
.pagetop:hover { background:#000; -webkit-transform:translateY(-3px); transform:translateY(-3px); }
.pagetop.is-show.is-lifted:hover { -webkit-transform:translateY(-3px); transform:translateY(-3px); }
.pagetop_arrow { display:block; width:14px; height:auto; }


@media screen and (min-width:769px){
    .people_form { gap:30px 1.33%; }
    .people_schools { padding: 30px; border: 1px solid #EEEEEE; font-size: inherit; }
    .people_school { width: 25%; margin: 5px 0 0 0; }
    .people_person { width: 24%; display: inline-block; }
    .people_img { width: auto; margin-bottom:10px; }
    .people_leave { top: 0; right: 0; bottom: auto; left: auto; }
    .people_area-name-en { font-size:36px; }
    .people_area-name-jp { font-size:20px; }
    .people_univ-name { margin: 20px 0 0 0; }
    .people_info { width: auto; margin: 0; }
    .people_name { margin: 15px 0; }
    /*.people_university,.people_job { margin-bottom: 10px; }*/
    .people_under { background-color: rgba(77,77,77,.9); }
    .people_under_note { color:#fff; font-size:16px; letter-spacing:0.1em; }
    .people_under button { width:354px; }
    .people_other { font-size:13px; }
    .people_university,.people_job { font-size:14px; }
    .pagetop { right:32px; bottom:32px; width:56px; height:56px; }
    .pagetop.is-lifted { bottom:170px; }
    .pagetop_arrow { width:16px; }
}