.wrap {
    max-width: 980px;
    margin: 60px auto 60px;
    overflow: hidden;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding:0;
}

div#main_panel {
    max-width: 960px;
    margin: 0 auto 0;
    position: relative;
}
div#main_panel p.pro-sub{
    position:absolute;
    top: 98px;
    left: 24px;
    font-size: 26px;
    color: #989898;
    letter-spacing: 0.5em;
}
div#main_panel p.pro-sub span{
    padding:0;
}
div#main_panel h2{
    background:none;
    width:30%;
    font-size:60px;
    letter-spacing: 0.1em;
    padding: 60px 0 40px 20px;
    color: #e42467;
    position: absolute;
    top: 133px;
    font-weight: bold;
    letter-spacing: 0.2em;
}


div#main_panel h2 span{
    background:none;
    /* width:30%; */
    font-size:16px;
    padding: 0;
    letter-spacing: 0;
    font-weight: normal;
    letter-spacing: 0.1em;
}
div#inter_desc {
    max-width: 960px;
    margin: 30px auto 45px;
}
div#inter_desc h3{
    font-size:30px;
    color:#e42467;
}
.info {
    position: absolute;
    top: 390px;
    width: 33%;
    background: rgba(228, 036, 103, 0.75);
    padding: 15px 0 15px 20px;
    color: #fff;
}
.info span.name {font-size:16px;letter-spacing: 0.2em; margin-bottom: 8px;}
.info .name__sub {
    font-size: 13px !important;
    display: inline-block !important;
}

.info span.unit {font-size:10px;letter-spacing: 0.2em;margin: 0 0 5px;}

.info span.recruit {font-size:11px;letter-spacing: 0.1em;}
.info span{
    padding: 0;
    color: #fff;
}


p.desc {
    margin: 0 0 80px 0;
    font-size: 13px;
    line-height: 1.69em;
    letter-spacing: 0.16em;
    color: #333;
    text-align: justify;
}
p.desc.one {
    margin: 0 0 0px 0;
    font-size: 13px;
    /* line-height: 1.5em; */
}
p.head {
    color: #e42467;
    font-size: 15px;
    border-left: 5px solid #e42467;
    padding: 0 0 0 10px;
    font-weight: bold;
    letter-spacing: 0.25em;
}

.interview_container.clearfix.grey {
    background: #eeeeee;
}
/*.interview_container.clearfix.red {
    background: #e42467;
}*/
.interview_container.clearfix.red ul li{
    list-style:none;
    overflow:hidden;
}
.interview_container.clearfix.red ul li span.img_cut{
    padding:0;
    overflow: hidden;
    height:195px;
    border: 1px solid #fff;
}
.interview_container.clearfix.red ul li img{
     -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.2s linear;
}
.interview_container.clearfix.red ul li:hover img{

            -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: 0.2s linear;

}
.interview_container.clearfix.red ul li p{
    margin:5px 0;
}
.interview_container.clearfix.red ul li p span{
    display:inline;
    font-size:13px;
    padding:0 10px;
}
.interview_container.clearfix.red ul li a{
    color:#fff;
    font-size:17px;
}
hr.grey {
    border-top: 9px solid #eee;
}
@media all and (max-width:767px) {
        div#interview_page {
            margin:90px 0 0 0;
        }
    div#interview_page img {
    width: 100%;
    margin: 0 0 30px;
}
div#main_panel p.pro-sub{
    position:static;
    top: 98px;
    left: 24px;
    font-size: 20px;
    color: #989898;
    letter-spacing: 0.5em;
    text-align: center;
}
div#main_panel p.pro-sub span{
    padding:0;
}
div#main_panel h2{
    background:none;
    width: 100%;
    font-size: 42px;
    letter-spacing: 0.1em;
    padding: 0;
    margin: 0 0 30px;
    text-align: center;
    color: #e42467;
    position: static;
    top: 133px;
    font-weight: bold;
    letter-spacing: 0.05em;
}


div#main_panel h2 span{
    background:none;
    width: 100%;
    font-size: 13px;
    display: block;
    padding: 0;
    letter-spacing: 0;
    font-weight: normal;
    letter-spacing: 0.1em;
}
.info {
    position: static;
    width: 90%;
    margin: 0 auto;
    padding: 15px 0 15px 20px;
    color: #fff;
}
.info span.name {font-size:16px;letter-spacing: 0.2em;}

.info span.unit {font-size:10px;letter-spacing: 0.2em;margin: 0 0 5px;display: block;}

.info span.recruit {font-size:11px;letter-spacing: 0.1em;}
.info span{
    padding: 0;
    color: #fff;
}
div#inter_desc h3{
    font-size:20px;
    color:#e42467;
    margin: 20px 5% 10px;
}
div#inter_desc p{
    font-size: 13px;
    margin: 0 5%;
}
p.head {
    font-size: 15px;
    margin:0 5% 10px;    
}
p.desc {
    margin: 0 5% 40px;
    font-size: 13px;
    line-height: 1.69em;
    letter-spacing: 0.16em;
    color: #333;
}
p.desc.one {
    margin: 0 5% 30px;
    font-size: 13px;
    /* line-height: 1.5em; */
}
.wrap {
    max-width: 980px;
    margin: 30px auto 30px;
    overflow: hidden;
}
}

@media all and (max-width:767px) {
    .wrap {
    max-width: 100%;
    margin: 30px auto 30px;
    }
    .interview {
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        text-align: center;
        padding: 0 15px;
    }
    .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding:0 15px;
    }
    .stuff {
        bottom: 40px;
    }
    .stuff .s_posts {
        font-size: 11px;
    }
}