@charset "utf-8";

.people_list_wrap{position: relative;}
.people_list{display: flex;flex-wrap: wrap;margin: -30px -20px;}
.people_list li{position: relative;width: calc((100% / 4) - 40px);margin: 30px 20px;position: relative;}
.people_list li > a{position: absolute;display: block;inset: 0;z-index: 10;text-indent: -999em;}
.people_list li .tmb{position: relative;padding-bottom: 122%;border-radius: 10px;overflow: hidden;margin-bottom: 20px;}
.people_list li .tmb img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.people_list li .tmb .mark{position: absolute;top: 10px;left: 10px;border-radius: 3px;background: #00498d;padding: 0 10px;font-size: 12px;color: #fff;font-family: 'out';z-index: 2;display: inline-block;height: 25px;align-content: center;}
.people_list li .name{display: block;padding-bottom: 15px;border-bottom: 1px solid #ddd;font-size: 17px;color: #111111;}
.people_list li .name strong{font-size: 24px;margin-right: 5px;display: inline-block;}
.people_list li .info{margin-top: 20px;}
.people_list li .info span{position: relative;align-content: center;font-size: 15px;color: #111111;display: block;margin: 8px 0;}
.people_list li:hover .tmb img{transform: scale(1.05);}

.people_detail{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.people_detail dt{width: 230px;font-family: empty;font-size: 0;}
.people_detail dt .tmb{font-family: empty;font-size: 0;border-radius: 10px;overflow: hidden;padding-bottom: 122%;position: relative;}
.people_detail dt .tmb img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.people_detail dd{width: calc(100% - 310px);}
.people_detail dd .def_info{border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;}
.people_detail dd .def_info .mark{display: block;font-size: 16px;color: #00498d;font-family: 'out';margin-bottom: 25px;}
.people_detail dd .def_info .name{display: block;font-size: 30px;color: #111111;}
.people_detail dd .def_info .name strong{font-size: 42px;font-weight: 600;}
.people_detail dd .def_info .summary{display: block;margin-top: 15px;font-size: 17px;line-height: 29px;color: #555555;}
.people_detail dd .contact_info li{display: inline-block;vertical-align: middle;margin-right: 50px;}
.people_detail dd .contact_info li > *{display: inline-block;vertical-align: middle;}
.people_detail dd .contact_info li strong{display: inline-block;align-content: center;position: relative;margin-right: 20px;font-size: 16px;font-weight: 600;color: #111111;font-family: 'out';}
.people_detail dd .contact_info li a{font-size: 16px;color: #555555;font-family: 'out';}

.people_spec_detail{margin-top: 65px;display: flex;justify-content: space-between;flex-wrap: wrap;background: #f1f6fb;border-radius: 10px;padding: 10px 40px;}
.people_spec_detail .box{width: calc((100% / 2));padding: 35px 0 35px 150px;border-top: 1px dashed #cccccc;box-sizing: border-box;position: relative;}
.people_spec_detail .box:nth-child(1),
.people_spec_detail .box:nth-child(2){border-top: none;}
.people_spec_detail .box .title{position: absolute;top: 37px;left: 0;font-size: 18px;color: #111111;font-weight: 600;}
.people_spec_detail .box .title::before{content: '\f2d5';display: inline-block;margin-right: 5px;color: #00498d;font-family: 'axicon';}
.people_spec_detail .box ul li{position: relative;padding-left: 13px;font-size: 16px;color: #111111;margin-bottom: 10px;line-height: 150%;}
.people_spec_detail .box ul li::before{content: '';display: block;position: absolute;top: 9px;left: 0;width: 4px;height: 4px;border-radius: 4px;background: #aaaaaa;}
.people_spec_detail .box ul li:last-child{margin-bottom: 0;}

/* for mobile */
@media screen and (max-width: 1000px){

    .people_list{margin: -20px -5px;}
    .people_list li{width: calc((100% / 2) - 10px);margin: 20px 5px;}
    .people_list li .tmb{margin-bottom: 15px;}
    .people_list li .tmb .mark{top: 8px;left: 8px;height: 22px;font-size: 11px;}
    .people_list li .name{padding-bottom: 12px;font-size: 14px;}
    .people_list li .name strong{font-size: 18px;margin-right: 3px;}
    .people_list li .info{margin-top: 15px;}
    .people_list li .info span{font-size: 13px;margin: 5px 0;}

    .people_detail{display: block;}
    .people_detail dt{width: auto;width: 200px;margin: 0 auto;margin-bottom: 25px;}
    .people_detail dd{width: auto;}
    .people_detail dd .def_info{padding-bottom: 15px;margin-bottom: 15px;}
    .people_detail dd .def_info .mark{font-size: 13px;margin-bottom: 15px;}
    .people_detail dd .def_info .name{font-size: 16px;margin-bottom: 10px;}
    .people_detail dd .def_info .summary{margin-top: 10px;font-size: 14px;line-height: 140%;}
    .people_detail dd .def_info .name strong{font-size: 22px;}
    .people_detail dd .contact_info{padding-left: 5px;}
    .people_detail dd .contact_info li{margin: 5px 0;display: block;}
    .people_detail dd .contact_info li strong{margin-right: 10px;font-size: 14px;}
    .people_detail dd .contact_info li a{font-size: 14px;}

    .people_spec_detail{margin-top: 25px;display: block;padding: 20px;}
    .people_spec_detail .box{width: auto;padding: 15px 0;}
    .people_spec_detail .box:nth-child(2){border-top: 1px dashed #cccccc;}
    .people_spec_detail .box .title{position: static;font-size: 15px;margin-bottom: 10px;display: block;}
    .people_spec_detail .box ul li{padding-left: 10px;font-size: 14px;margin-bottom: 5px;}

}