@charset 'utf-8';

/*--------------------------------------------------------------------------------
    n7
--------------------------------------------------------------------------------*/
.section-interview{
    padding: 0 0 80px;
}
    .hero{
        margin: 0 auto 100px;
        background: #000;
        border-bottom: 1px solid #000;
    }
        .hero-inner{
            position: relative;
            max-width: 980px;
            height: 732px;
            margin: 0 auto;
            background: url(../img/hero.png) no-repeat center;
        }
            .hero-inner:before{
                content: '';
                display: block;
                position: absolute;
                z-index: 1;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: url(../img/bg_enginner.png) no-repeat center bottom;
            }
            .hero-body{
                max-width: 980px;
                margin: 0 auto;
                padding: 110px 0 0;
            }
                .hero-headerGroup{
                    position: relative;
                    z-index: 0;
                    max-width: 590px;
                    margin: 0 auto 40px 0;
                    background: #000;
                }
                    .hero-header{
                        padding: 30px 34px 32px;
                    }
                        .hero-header:before{
                            content: url(../img/bg_header.png);
                            display: block;
                            width: 507px;
                            height: 210px;
                        }
                    .hero-lead{
                        padding: 0 144px 94px 34px;
                        font-size: 13px;
                        line-height: 24px;
                        color: #fff;
                    }
                .hero-readmore{
                    position: relative;
                    z-index: 1;
                    text-align: center;
                }
                    .hero-readmore a{
                        position: relative;
                        left: 92px;
                        display: inline-block;
                        width: 88px;
                        height: 42px;
                        background: url(../img/bg_readmore.png);
                        opacity: 1;
                        -ms-filter: "alpha(opacity=100)"; 
                        -webkit-transition: opacity 250ms;
                        transition: opacity 250ms;
                    }
                    .hero-readmore a:hover{
                        opacity: 0.7;
                        -ms-filter: "alpha(opacity=70)"; 
                        -webkit-transition: opacity 250ms;
                        transition: opacity 250ms;
                    }

    .interview{
        max-width: 980px;
        margin: 0 auto;
        padding-top: 100px;
        margin-top: -100px;
    }
        .interview-lead{
            margin: 0 auto 80px;
            padding: 38px;
            background: #000;
            overflow: hidden;
        }
            .interview-lead-body{
                float: left;
                width: 525px;
            }
                .interview-lead-header{
                    margin: 0 auto 32px;
                    padding-top: 12.9%;
                    background: url(../img/bg_lead_header.png) no-repeat left center;
                    background-size: 100% auto;
                }
                .interview-lead-assigned{
                    margin: 0 auto 32px;
                    padding-top: 19%;
                    background: url(../img/bg_lead_assigned.png) no-repeat left center;
                    background-size: contain;
                }
                .interview-lead p{
                    font-size: 14px;
                    line-height: 24px;
                    color: #fff;
                }
            .interview-lead-image{
                float: right;
                width: 340px;
            }
                .interview-lead-image img{
                    max-width: 100%;
                    height: auto;
                    vertical-align: bottom;
                }

        .interview-section{
            margin: 0 auto 50px;
        }
            .interview-section:after{
                content: '';
                display: table;
                clear: both;
            }
            .interview-detail{
                width: 460px;
                float: left;
            }
                .interview-primaryHeading{
                    margin: 0 auto 27px;
                    padding-top: 12.7%;
                }
                .interview-detail p{
                    font-size: 14px;
                    line-height: 24px;
                }
            .interview-figure{
                width: 480px;
                float: right;
            }
                .interview-figure img{
                    max-width: 100%;
                    height: auto;
                    vertical-align: bottom;
                }
                .interview-figure > div{
                    margin: 0 -15px;
                }
                    .interview-figure-items{
                        display: table;
                        width: 100%;
                        table-layout: fixed;
                        border-spacing: 15px 0;
                    }
                        .interview-figure-item{
                            display: table-cell;
                            vertical-align: top;
                        }
                            .interview-figure-item figure{
                                margin: 0 auto 15px;
                            }
                            .interview-figure-item figcaption{
                            }

        .interview-section-01{
        }
            .interview-section-01 .interview-primaryHeading{
                padding-top: 5.2%;
                background: url(../img/bg_primaryHeader01.png) no-repeat left center;
                background-size: 100% auto;
            }

        .interview-section-02{
            margin-bottom: 70px;
        }
            .interview-section-02 .interview-primaryHeading{
                background: url(../img/bg_primaryHeader02.png) no-repeat left center;
                background-size: 100% auto;
            }

        .interview-section-03{
        }
            .interview-section-03 .interview-figure{
                width: 490px;
                margin-top: -430px;
            }
                .interview-section-03 .interview-figure figcaption{
                    margin: 10px auto 0;
                    padding: 0 12px;
                    font-size: 12px;
                    line-height: 1.6;
                }
            .interview-section-03 .interview-primaryHeading{
                background: url(../img/bg_primaryHeader03.png) no-repeat left center;
                background-size: 100% auto;
            }

        .interview-section-04{
            margin-bottom: 90px;
        }
            .interview-section-04 .interview-primaryHeading{
                padding-top: 5.2%;
                background: url(../img/bg_primaryHeader04.png) no-repeat left center;
                background-size: 100% auto;
            }
            .interview-section-04 .interview-figure{
                margin-top: -230px;
            }

        .profile{
            max-width: 980px;
            margin: 0 auto;
        }
            .profile-inner{
                padding: 15px 20px 40px 20px;
                border: 1px solid #000;
                overflow: hidden;
            }
                .profile-header{
                    margin: 0 auto 50px;
                }
                    .profile-header:before{
                        content: url(../img/bg_profile_header.png);
                        display: block;
                        width: 54px;
                        height: 17px;
                    }
                .profile-items{
                    margin: 0 -50px;
                }
                    .profile-items > div{
                        display: table;
                        width: 100%;
                        table-layout: fixed;
                        border-spacing: 50px 0;
                    }
                        .profile-item{
                            display: table-cell;
                            vertical-align: top;
                            padding: 0 0 0 20px;
                        }
                            .profile-detail{
                            }
                                .profile-detail > dt{
                                    margin: 0 auto 24px;
                                    font-size: 14px;
                                    line-height: 1;
                                }
                                    .profile-detail > dt span{
                                        display: inline-block;
                                        vertical-align: bottom;
                                    }
                                .profile-detail > dd{
                                    font-size: 12px;
                                    line-height: 22px;
                                }
                        .profile-item-01 .profile-detail > dt:before{
                            content: url(../img/bg_profile_name01.png);
                            display: inline-block;
                            vertical-align: bottom;
                            width: 220px;
                            height: 22px;
                            margin: 0 20px 0 0;
                        }


@media(max-width: 1000px){
    .hero-inner:before{
        z-index: 0;
    }
    .hero-headerGroup{
       z-index: 1;
       background: rgba(0, 0, 0, 0.7);
    }
}
@media(max-width: 980px){
    .hero-inner{
        padding: 0 20px;
    }
    .interview-lead-body{
        width: 53.5%;
    }
    .interview-lead-image{
        width: 34.6%;
    }
    .interview-section{
        padding: 0 20px;
    }
        .interview-detail{
            width: 46%!important;
        }
        .interview-figure{
            width: 48.9%!important;
        }

    .interview-section-03{
        margin-top: 0;
    }
        .interview-section-03 .interview-figure{
            margin-top: 0;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
    .interview-section-04{
        margin-top: 0;
    }
        .interview-section-04 .interview-figure{
            margin-top: 0;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
    
    .profile{
        margin: 0 20px;
    }
        .profile-detail > dt span{
            display: block;
            margin: 1em auto 0;
        }
}

@media(max-width: 640px){
    .hero{
        margin: 0 auto;
    }
        .hero-inner{
            height: auto;
            padding: 0;
            background: none;
        }
            .hero-inner:before{
                display: none;
            }
            .hero-body {
                position: static;
                left: auto;
                max-width: none;
                margin: 0 auto;
                padding: 0;
            }
                .hero-headerGroup{
                    position: static;
                    z-index: auto;
                    max-width: none;
                    margin: 0 auto;
                    background: none;
                }
                    .hero-header{
                        padding: 15px 0;
                    }
                        .hero-header:before{
                            content: '';
                            display: block;
                            width: auto;
                            height: 0;
                            padding-top: 14px;
                            background: url(../img/bg_header_sp.png) no-repeat center;
                            background-size: contain;
                        }

                    .hero-lead{
                        padding: 0;
                    }
                        .hero-lead:before{
                            content: '';
                            display: block;
                            padding-top: 66.6%;
                            background: url(../img/hero_sp.png) no-repeat center;
                            background-size: 100% auto;
                        }
                        .hero-lead p{
                            padding: 32px 35px 30px;
                            font-size: 14px;
                            line-height: 26px;
                        }
                .hero-readmore{
                    display: none;
                }
    .interview{
        padding-top: 0;
        margin-top: 0;
    }
    .interview-lead{
        display: table;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
        .interview-lead-body{
            float: none;
            display: table-footer-group;
            width: auto;
        }
            .interview-lead-body > div{
                padding: 0 25px 48px;
            }
                .interview-lead-header{
                    margin: 0 auto 20px;
                    padding-top: 47px;
                    background: url(../img/bg_lead_header_sp.png) no-repeat center;
                    background-size: contain;
                }
                .interview-lead-assigned{
                    margin: 0 auto 25px;
                    padding-top: 70px;
                    background-size: contain;
                }
                .interview-lead p{
                    font-size: 12px;
                    line-height: 21px;
                }

        .interview-lead-image{
            float: none;
            display: table-header-group;
            width: auto;
        }
            .interview-lead-image > div{
                padding: 0 25px 37px;
            }
                .interview-lead-image img{
                    width: 100%;
                }

    .interview-section{
        display: table;
        width: 100%;
        padding: 0;
        overflow: hidden;
    }
        .interview-detail{
            float: none;
            display: table-footer-group;
            width: auto;
        }
            .interview-detail > div{
                padding: 25px 25px 0;
            }
                .interview-primaryHeading{
                    margin: 0 auto 23px;
                    padding-top: 45px;
                    background-size: contain!important;
                }
                .interview-detail p{
                    font-size: 12px;
                    line-height: 21px;
                }

        .interview-figure{
            float: none;
            display: table-header-group;
            width: auto;
        }
            .interview-figure img{
                width: 100%;
            }
            .interview-figure > div{
                margin: 0 -6px;
            }
                .interview-figure-items{
                    border-spacing: 6px 0;
                }
                    .interview-figure-item figure{
                        margin: 0 auto 6px;
                    }
                        .interview-figure-item figcaption{
                            display: none;
                        }

        .interview-section-02{
            margin-bottom: 15px;
        } 
        .interview-section-03{
            margin-top: 0;
        }
            .interview-section-03 .interview-figure{
                margin-top: 0;
                position: static;
                top: auto;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                transform: none;
            }
                .interview-section-03 .interview-figure figure{
                     padding: 0 25px 0 15px;
                }
                    .interview-section-03 .interview-figure figcaption{
                        display: none;
                    }
        .interview-section-04{
        } 
            .interview-section-04 .interview-figure{
                margin-top: 0;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                transform: none;
            }

    .profile{
    }
        .profile-inner{
            padding: 20px;
        }
            .profile-header{
                margin: 0 auto 30px;
            }
                .profile-header:before{
                    content: '';
                    width: auto;
                    height: 0;
                    padding-top: 17px;
                    background: url(../img/bg_profile_header.png) no-repeat left center;
                    background-size: contain;
                }
            .profile-items{
                margin: 0 auto;
                padding: 0 10px;
            }
                .profile-items > div{
                    display: block;
                    width: auto;
                }
                    .profile-item{
                        display: block;
                        width: auto;
                         margin: 0 auto 15px;
                        padding: 0;
                    }
                    .profile-item:last-of-type{
                        margin-botttom: 0;
                    }
                        .profile-detail > dt{
                            margin: 0 auto 15px;
                        }
                            .profile-detail > dt:before{
                            }
                            .profile-detail > dt span{
                                margin: 10px auto 0;
                                font-size: 12px;
                            }
                    .profile-item-01 .profile-detail > dt:before{
                        content: '';
                        display: block;
                        width: auto;
                        height: 0;
                        padding-top: 17px;
                        background: url(../img/bg_profile_name01.png) no-repeat left center;
                        background-size: contain;
                    }
}

@media print{
    .hero{
        border: none;
    }
    .hero-header:before{
        display: none;
    }
        .hero-header span{
            font-size: 2em;
        }
    .hero-lead{
        color: #000;
    }
    .hero-lead:before{
        display: none;
    }
    .interview-lead-image img{
        display: block;
        margin: 0 auto;
        width: 50%;
    }
    .interview-lead-header{
        padding: 0;
    }
        .interview-lead-header span{
            color: #000;
            font-size: 2em;
        }
    .interview-lead-assigned p{
        color: #000;
    }
    .interview-lead p{
        color: #000;
    }
    .interview-primaryHeading{
        padding: 0!important;
    }
        .interview-primaryHeading span{
            font-size: 2em;
        }
}