.introList ul li{padding:15px 0;border-bottom:1px solid #5d9724}@media screen and (min-width: 769px){.introList ul li{display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;justify-content:space-between;-webkit-justify-content:space-between;align-items:stretch;-webkit-align-items:stretch;align-content:stretch;-webkit-align-content:stretch}}@media screen and (max-width: 480px){.introList ul li{padding:15px 0}}.introList ul li .photo{width:150px}@media screen and (min-width: 769px){.introList ul li .photo{margin-right:20px}}@media screen and (max-width: 768px){.introList ul li .photo{margin-left:auto;margin-right:auto}}.introList ul li .photo span{display:block;border:10px solid #f0e6df}.introList ul li .right{flex:1;padding:10px 0}.introList ul li .right .title{margin-bottom:10px}@media screen and (min-width: 481px){.introList ul li .right .title{display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;align-content:stretch;-webkit-align-content:stretch}}@media screen and (max-width: 480px){.introList ul li .right .title span{display:block}}.introList ul li .right .title .name{font-size:2.8rem;font-weight:400;color:#664733}@media screen and (max-width: 480px){.introList ul li .right .title .name{font-size:2.4rem}}.introList ul li .right .title .office{color:#666}@media screen and (max-width: 480px){.introList ul li .right .title .office{margin-top:10px}}