.m-main-hero{position:relative}.m-main-hero h1.title{position:absolute;width:auto;right:50%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);font-size:6.4rem;text-align:center;color:#fff;z-index:1;line-height:1.2;white-space:nowrap;font-weight:normal}.m-main-hero h1.title span{font-size:3.0rem}.m-main-hero ul.pc-interview-list{padding:0;list-style:none;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}.m-main-hero ul.pc-interview-list li{width:25%}.m-main-hero ul.pc-interview-list li a{display:block}.m-main-hero ul.pc-interview-list li a:hover .image-content{opacity:.7}.m-main-hero ul.pc-interview-list li a:hover .text-content{background:#00afd7}.m-main-hero ul.pc-interview-list li a:hover .text-content:after{border-top:3px solid #fff;border-right:3px solid #fff}.m-main-hero ul.pc-interview-list li .image-content{position:relative;width:100%;-webkit-transition:opacity .3s;transition:opacity .3s}.m-main-hero ul.pc-interview-list li .image-content img{width:100%}.m-main-hero ul.pc-interview-list li .interview{position:relative;margin:-58px auto 0;text-align:center;color:#f18e2c;font-weight:bold;font-family:"Roboto Condensed"}.m-main-hero ul.pc-interview-list li .text-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100px;width:90%;max-width:220px;margin:0 auto;background:#425563;padding:5px 5px 20px;color:#fff;text-align:center;font-weight:bold;-webkit-transition:all .3s;transition:all .3s}.m-main-hero ul.pc-interview-list li .text-content p{margin-top:-3px}.m-main-hero ul.pc-interview-list li .text-content:before{position:absolute;content:"";top:1px;right:50%;width:50px;height:1px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);background:#f18e2c}.m-main-hero ul.pc-interview-list li .text-content:after{position:absolute;content:"";width:7px;height:7px;bottom:10px;right:50%;border-top:3px solid #f18e2c;border-right:3px solid #f18e2c;-webkit-transform:translate(50%,-50%) rotate(45deg);transform:translate(50%,-50%) rotate(45deg);background:transparent;-webkit-transition:all .3s;transition:all .3s}.m-main-hero ul.pc-interview-list li .text-content a{color:#fff}.m-main-hero ul.pc-interview-list li .text-content p span{display:block}.m-main-hero ul.pc-interview-list li .text-content .department{font-size:1.1rem}.m-main-hero ul.pc-interview-list li .text-content .name{font-size:1.5rem}.m-main-hero ul.pc-interview-list li .text-content .name{width:100%}.m-main-hero .news-content{width:97%;max-width:1100px;margin:60px auto 0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-main-hero .news-content .news-title{position:relative;font-family:"Roboto Condensed";font-size:2.4rem;color:#00afd7}.m-main-hero .news-content .news-title:after{position:absolute;content:"";top:-30px;right:-13px;width:1px;height:117px;-webkit-transform:rotate(30deg);transform:rotate(30deg);background:#00afd7}.m-main-hero .news-content .news-list{margin:0 0 0 50px}.m-main-hero .news-content .news-list li{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;font-size:1.4rem;color:#2b465a;line-height:1.7}.m-main-hero .news-content .news-list li:last-child{margin-bottom:0}.m-main-hero .news-content .news-list li .date{font-weight:bold;margin-right:20px}@media screen and (max-width:767px){.m-main-hero .sp-main-visual{position:relative;width:100%}.m-main-hero .sp-main-visual h1.title{position:absolute;width:100%;top:44%;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);font-size:9.33vw;text-shadow:2px 2px 3px #838282,-2px 2px 3px #838282,2px -2px 3px #838282,-2px -2px 3px #838282}.m-main-hero .sp-main-visual h1.title span{font-size:4.8vw}.m-main-hero .sp-main-visual img{width:100%}.m-main-hero ul.pc-interview-list{display:none}.m-main-hero .news-content{margin-top:20px;padding:0 5.3vw}.m-main-hero .news-content .news-title{font-size:1.6rem}.m-main-hero .news-content .news-title:after{-webkit-transform:none;transform:none;top:-20px;right:-11px;height:calc(100% + 30px)}.m-main-hero .news-content .news-list{margin:0 0 0 24px}.m-main-hero .news-content .news-list li{margin-bottom:5px}.m-main-hero .news-content .news-list .date{font-size:1.1rem}.m-main-hero .news-content .news-list .content{font-size:1.1rem}.m-main-hero ul.sp-interview-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:36px;padding:0 5.3vw}.m-main-hero ul.sp-interview-list li{width:49.3%;margin-right:1.4%}.m-main-hero ul.sp-interview-list li:nth-child(2n){margin-right:0}.m-main-hero ul.sp-interview-list li:nth-child(n+3){margin-top:5px}.m-main-hero ul.sp-interview-list li a{display:block}.m-main-hero ul.sp-interview-list li a .text-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:80px;width:100%;background:#425563;padding:0 5px 20px;color:#fff;text-align:center;font-weight:bold;-webkit-transition:all .3s;transition:all .3s}.m-main-hero ul.sp-interview-list li a .text-content:after{position:absolute;content:"";width:7px;height:7px;bottom:7px;right:50%;border-top:3px solid #ff852c;border-right:3px solid #ff852c;-webkit-transform:translate(50%,-50%) rotate(45deg);transform:translate(50%,-50%) rotate(45deg);background:transparent;-webkit-transition:all .3s;transition:all .3s}.m-main-hero ul.sp-interview-list li a .text-content a{color:#fff}.m-main-hero ul.sp-interview-list li a .text-content p{margin-top:-4px}.m-main-hero ul.sp-interview-list li a .text-content p span{display:block}.m-main-hero ul.sp-interview-list li a .text-content .department{font-size:1.0rem;-webkit-transform:scale(0.9);transform:scale(0.9);line-height:1.3}.m-main-hero ul.sp-interview-list li a .text-content .name{font-size:1.4rem}.m-main-hero ul.sp-interview-list li a .text-content .name{width:100%}}