.m-index-person{background:#00afd7;position:relative}.m-index-person .person-wrapper{margin:auto;max-width:1100px;padding-top:80px;position:relative}.m-index-person h2{left:0;margin:0;max-width:656px;position:absolute;top:0;width:51%}.m-index-person .person-list-container{margin-left:auto;margin-right:auto;max-width:1160px;width:100%}.m-index-person ul.person-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:21%;position:relative;width:80%}.m-index-person ul.person-list li{border-left:1px solid #fff;height:45vw;max-height:320px;overflow-x:hidden;position:relative;width:180px}.m-index-person ul.person-list li:last-child,.m-index-person ul.person-list li:nth-child(4n){border-right:1px solid #fff}.m-index-person ul.person-list li.-current .hover-image img{opacity:1}.m-index-person ul.person-list li.-current .side-image img{opacity:0}.m-index-person ul.person-list li.-current a{pointer-events:none}.m-index-person ul.person-list li.-current a .text-content:after{content:none}.m-index-person ul.person-list li a img{bottom:0;height:100%;position:absolute;-webkit-transition:opacity .3s;transition:opacity .3s}.m-index-person ul.person-list li a .hover-image img{max-width:unset;opacity:0;z-index:1}.m-index-person ul.person-list li a:hover .side-image img{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}.m-index-person ul.person-list li a:hover .hover-image img{opacity:1;-webkit-transition:opacity 1s;transition:opacity 1s}.m-index-person ul.person-list li .text-content{bottom:75px;color:#fff;font-weight:700;position:absolute;text-align:center;width:100%;z-index:1}.m-index-person ul.person-list li .text-content:after{border-right:4px solid #ff852c;border-top:4px solid #ff852c;bottom:-47px;content:"";height:13px;left:50%;position:absolute;-webkit-transform:rotate(45deg) translateX(-100%);transform:rotate(45deg) translateX(-100%);width:13px}.m-index-person ul.person-list li .text-content p{margin:0;text-shadow:0 0 7px #000}.m-index-person ul.person-list li .text-content .department{font-size:1.3rem}.m-index-person ul.person-list li .text-content .name{font-size:2rem}.m-index-person ul.person-list li .text-content .join{font-size:1.2rem}@media screen and (min-width:768px) and (max-width:1110px){.m-index-person ul.person-list{margin-top:1.7vw}}@media screen and (max-width:767px){.m-index-person .person-wrapper{padding-top:105px}.m-index-person h2{left:auto;right:0;width:60%}.m-index-person ul.person-list{-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;margin:0;max-height:unset;padding:0 7.33vw;width:100%}.m-index-person ul.person-list li{border:1px solid #fff;border-top:none;height:74.6vw;margin-top:0;width:50%}.m-index-person ul.person-list li:first-child,.m-index-person ul.person-list li:nth-child(2){border-top:none}.m-index-person ul.person-list li:nth-child(2n){border-left:none;border-right:1px solid #fff}.m-index-person ul.person-list li:nth-child(odd):last-child,.m-index-person ul.person-list li:nth-child(odd):nth-last-child(2){border-bottom:none}.m-index-person ul.person-list li:last-child{border-bottom:none;border-right:1px solid #fff}.m-index-person ul.person-list li a img{height:100%}.m-index-person ul.person-list li a:hover .hover-image img{opacity:0}.m-index-person ul.person-list li a:hover .side-image img{opacity:1}.m-index-person ul.person-list li .text-content{bottom:19%}.m-index-person ul.person-list li .text-content:after{border-right:3px solid #ff852c;border-top:3px solid #ff852c;bottom:-40px;height:10px;width:10px}.m-index-person ul.person-list li .text-content .department{font-size:1.3rem}.m-index-person ul.person-list li .text-content .name{font-size:1.8rem}.m-index-person ul.person-list li .text-content .join{font-size:1.1rem;margin-top:4px}}