@charset "UTF-8";
/* =====================================
	detail
===================================== */

header{
    background: rgb(255, 255, 255, .5);
}

header nav ul li a{
    color: #000;
}

.visual{
    width: 100%;
    height: 43.867vw;
    padding-top: 14.4vw;
}

.sato .visual{
    background: url("../img/interview/sato/visual01.jpg") center no-repeat;
    background-size: cover;
}

.kinoshita .visual{
    background: url("../img/interview/kinoshita/visual01.jpg") center no-repeat;
    background-size: cover;
}

.tsukuda .visual{
    background: url("../img/interview/tsukuda/visual01.jpg") center no-repeat;
    background-size: cover;
}

.tt .visual{
    background: url("../img/interview/tt/visual01.jpg") center no-repeat;
    background-size: cover;
}

.te .visual{
    background: url("../img/interview/te/visual01.jpg") center no-repeat;
    background-size: cover;
}

.visual h1{
    font-size: 4.0rem;
    font-weight: 500;
    color: #00496f;
    line-height: 1.54825;
    margin: 0 0 78px 7.33%;
}

.visual p{
    color: #00496f;
    margin-left: 7.33%;
}

.visual p .job{
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
    display: block;
}

.tt .visual p .job,
.te .visual p .job{
    margin-right: 10px;
    display: inline;
}

.visual p .name{
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.16em;
}

.visual p .name span{
    font-weight: 300;
    line-height: 1;
    margin-left: 22px;
    letter-spacing: 0;
}

.profile{
    width: 100%;
    padding: 140px 40px 152px;
    margin: 0 auto;
    background: #92abc5;
}

.profile .wrap{
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}

.profile .wrap h2{
    font-size: 3.0rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    letter-spacing: 0.19em;
    margin-bottom: 30px;
}

.profile .wrap h2 span{
    font-weight: 300;
    letter-spacing: 0;
    margin-left: 40px;
}

.profile .wrap p{
    font-size: 1.8rem;
    line-height: 2.22;
    letter-spacing: 0.04em;
    color: #000;
}

.background{
    width: 100%;
    position: relative;
    padding: 128px 40px 816px;
}

.background::before{
    content: "";
    width: 100%;
    height: 700px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.sato .background::before{
    background: url("../img/interview/sato/pic02.jpg") no-repeat center;
    background-size: cover;
}

.kinoshita .background::before{
    background: url("../img/interview/kinoshita/pic02.jpg") no-repeat center;
    background-size: cover;
}

.tsukuda .background::before{
    background: url("../img/interview/tsukuda/pic02.jpg") no-repeat center;
    background-size: cover;
}

.tt .background::before{
    background: url("../img/interview/tt/pic02.jpg") no-repeat center;
    background-size: cover;
}

.te .background::before{
    background: url("../img/interview/te/pic02.jpg") no-repeat center;
    background-size: cover;
}

.background .wrap{
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.background .wrap .imgArea{
    width: 50%;
}

.background .wrap .txtArea{
    width: 40%;
    padding: 0 50px 0 0;
    border-top: 1px solid #cfd8e7;
}

.background .wrap .txtArea h2{
    font-size: 10.0rem;
    line-height: 1;
    color: #00496f;
    display: flex;
    align-items: center;
    margin: -6px 0 100px;
}

.background .wrap .txtArea h2 span{
    font-size: 3.0rem;
    margin-left: 36px;
    padding-top: 0.8em;
}

.background .wrap .txtArea h3{
    font-size: 2.7rem;
    font-weight: 500;
    line-height: 1.685;
    color: #00496f;
    letter-spacing: 0.1em;
    margin-bottom: 54px;
}

.background .wrap .txtArea p{
    font-size: 1.7rem;
    line-height: 1.9647;
    letter-spacing: 0.04em;
}

.workstyle{
    width: 100%;
    padding: 160px 40px 0;
}

.workstyle .wrap{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.workstyle .wrap .ttlArea{
    width: 42.1875%;
}

.workstyle .wrap .ttlArea h2{
    font-size: 10.0rem;
    line-height: 1;
    color: #00496f;
    display: flex;
    align-items: center;
    margin: -40px 0 96px;
}

.workstyle .wrap .ttlArea h2 span{
    font-size: 3.0rem;
    margin-left: 36px;
    padding-top: 0.8em;
}

.workstyle .wrap .txtArea{
    width: 50%;
}

.workstyle .wrap .txtArea h3{
    font-size: 2.7rem;
    font-weight: 500;
    line-height: 1.685;
    color: #00496f;
    letter-spacing: 0.1em;
    margin-bottom: 54px;
}

.workstyle .wrap .txtArea p{
    font-size: 1.7rem;
    line-height: 1.9647;
    letter-spacing: 0.04em;
}

.satisfying{
    width: 100%;
    padding: 187px 40px 145px;
    background: #f9fbfc;
    margin-top: -90px;
}

.satisfying .wrap{
    width: 100%;
    max-width: 1500px;
    padding-left: 110px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}

.satisfying .wrap .txtArea{
    width: 37%;
    margin-top: 260px;
    padding-top: 36px;
    border-top: 1px solid #cfd8e7;
}

.satisfying .wrap .txtArea h2{
    font-size: 10.0rem;
    line-height: 1;
    color: #00496f;
    display: flex;
    align-items: center;
    margin: -40px 0 67px;
}

.satisfying .wrap .txtArea h2 span{
    font-size: 3.0rem;
    margin-left: 36px;
    padding-top: 0.8em;
}

.satisfying .wrap .txtArea h3{
    font-size: 2.7rem;
    font-weight: 500;
    line-height: 1.685;
    color: #00496f;
    letter-spacing: 0.1em;
    margin-bottom: 54px;
}

.satisfying .wrap .txtArea p{
    font-size: 1.7rem;
    line-height: 1.9647;
    letter-spacing: 0.04em;
}

.satisfying .wrap .imgArea{
    width: 53.9568%;
}

.other{
    width: 100%;
    max-width: 1360px;
    padding: 80px 40px 202px;
    margin: 0 auto;
}

.other .ttlArea{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.other .ttlArea h2{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.11em;
    padding-left: 1em;
    margin-bottom: 73px;
}

.other .ttlArea h2 span{
    font-size: 9.0rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 16px;
    text-indent: -0.2em;
}

.other .ttlArea a{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    letter-spacing: 0.2em;
    padding: 23px 0 0 40px;
    width: 379px;
    height: 64px;
    border-radius: 32px;
    background: #172a80 url("../img/common/arrow01.svg") no-repeat center right 30px;
    background-size: 16px auto;
    display: table;
    position: relative;
}

.other ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.other ul li{
    width: calc((100% - 24px) / 2);
    position: relative;
}

.other ul li a{
    width: 100%;
    position: relative;
    background: #e8eaeb;
    padding-top: 46px;
    display: block;
}

.other ul li.current a{
    pointer-events: none;
    opacity: 0.6;
}

.other ul li a::before{
    content: "";
    width: 46px;
    height: 46px;
    position: absolute;
    bottom: 14px;
    right: 16px;
    background: #fff url("../img/common/arrow03.svg") no-repeat center;
    background-size: 21px auto;
    border-radius: 23px;
}

.other ul li a h3{
    font-size: 2.6rem;
    line-height: 1.7969;
    padding: 0 30px;
    margin-bottom: 96px;
    color: #000;
    display: block;
}

.other ul li a .job{
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1;
    padding: 0 30px;
    margin-bottom: 16px;
    color: #000;
    letter-spacing: 0.16em;
    display: block;
}

.other ul li a .name{
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
    padding: 0 0 0 30px;
    letter-spacing: 0.19em;
}

.other ul li a .name small{
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: 0.01em;
    margin-left: 23px;
}

.other ul li a img{
    margin-top: 30px;
}




@media screen and (max-width: 768px) {

.visual{
    height: 76.04167vw;
    padding-top: 13.28125vw;
    margin-top: 15.625vw;
}

.sato .visual{
    background: url("../img/interview/sato/sp/visual01.jpg") center no-repeat;
    background-size: cover;
}

.kinoshita .visual{
    background: url("../img/interview/kinoshita/sp/visual01.jpg") center no-repeat;
    background-size: cover;
}

.tsukuda .visual{
    background: url("../img/interview/tsukuda/sp/visual01.jpg") center no-repeat;
    background-size: cover;
}

.tt .visual{
    background: url("../img/interview/tt/sp/visual01.jpg") center no-repeat;
    background-size: cover;
}

.te .visual{
    background: url("../img/interview/te/sp/visual01.jpg") center no-repeat;
    background-size: cover;
}

.visual h1{
    font-size: 5.46875vw;
    line-height: 1.83;
    margin: 0 0 8.59375vw 5.2vw;
}

.visual p{
    margin-left: 5.2vw;
}

.visual p .job{
    font-size: 3.125vw;
    margin-bottom: 3.2vw;
}

.tt .visual p .job,
.te .visual p .job{
    margin-right: 0;
    display: block;
}

.visual p .name{
    font-size: 4.03645833vw;
    display: block;
}

.visual p .name span{
    font-size: 4.167vw;
    margin: 1.4vw 0 0;
    display: block;
}

.profile{
    padding: 13.28125vw 5.2vw 11.979167vw;
}

.profile .wrap h2{
    font-size: 4.6875vw;
    margin-bottom: 3.2552vw;
}

.profile .wrap h2 span{
    margin: 0 0 0 4.427vw;
}

.profile .wrap p{
    font-size: 2.8125vw;
}

.background{
    padding: 13.28125vw 5.2vw 55.9895833vw;
}

.background::before{
    height: 46.875vw;
}

.background .wrap{
    flex-direction: column-reverse;
}

.background .wrap .imgArea{
    width: 69vw;
    margin: 0 -5.2vw 0 auto;
}

.background .wrap .txtArea{
    width: 100%;
    padding: 9.895833vw 0 10.6770833vw;
}

.background .wrap .txtArea h2{
    font-size: 16.9270833vw;
    margin: -0.42em 0 4.55720833vw;
}

.background .wrap .txtArea h2 span{
    font-size: 5.859375vw;
    margin-left: 3.90625vw;
}

.background .wrap .txtArea h3{
    font-size: 5.20833vw;
    margin-bottom: 6.77vw;
}

.background .wrap .txtArea p{
    font-size: 3.3854167vw;
}

.workstyle{
    padding: 22.1354167vw 5.2vw 0;
}

.workstyle .wrap{
    display: block;
}

.workstyle .wrap .ttlArea{
    width: 100%;
}

.workstyle .wrap .ttlArea h2{
    font-size: 16.9270833vw;
    margin: -0.42em 0 4.55720833vw;
}

.workstyle .wrap .ttlArea h2 span{
    font-size: 5.859375vw;
    margin-left: 3.90625vw;
}

.workstyle .wrap .txtArea{
    width: 100%;
}

.workstyle .wrap .txtArea h3{
    font-size: 5.20833vw;
    margin-bottom: 6.77vw;
}

.workstyle .wrap .txtArea p{
    font-size: 3.3854167vw;
}

.workstyle .wrap .txtArea img{
    width: 75.2604167vw;
    margin: 12.5vw 0 0 -5.2vw;
}

.satisfying{
    padding: 48.1770833vw 5.2vw 18.88vw;
    margin-top: -29.6875vw;
}

.satisfying .wrap{
    padding-left: 0;
    flex-direction: column;
}

.satisfying .wrap .txtArea{
    width: 100%;
    margin-top: 0;
    padding-top: 9.895833vw;
}

.satisfying .wrap .txtArea h2{
    font-size: 11.71875vw;
    margin: -0.42em 0 7.552vw;
}

.satisfying .wrap .txtArea h2 span{
    font-size: 5.859375vw;
    margin-left: 3.90625vw;
}

.satisfying .wrap .txtArea h3{
    font-size: 5.2vw;
    margin-bottom: 6.77vw;
}

.satisfying .wrap .txtArea p{
    font-size: 3.3854167vw;
}

.satisfying .wrap .imgArea{
    width: 71.6145833vw;
    margin: 11.71875vw -5.2vw 0 auto;
}

.other{
    padding: 37.5vw 5.2vw 26.3020833vw;
    margin: 0 auto;
}

.other .ttlArea{
    display: block;
}

.other .ttlArea h2{
    font-size: 3.776vw;
    padding-left: 0;
    margin-bottom: 13.802vw;
}

.other .ttlArea h2 span{
    font-size: 13.8020833vw;
    margin-bottom: 5.2vw;
}

.other > a{
    font-size: 3.54167vw;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    letter-spacing: 0.2em;
    padding: 4.8vw 0 0 8.0729167vw;
    width: 73.95833vw;
    height: 12.5vw;
    border-radius: 6.25vw;
    background: #172a80 url("../img/common/arrow01.svg") no-repeat center right 5.9895833vw;
    background-size: 2.99479167vw auto;
    display: table;
    margin: 15.8854167vw auto 0;
}

.other .scrollWrap{
    width: 100%;
    overflow-x: scroll;
}

.other ul{
    width: 190.3645833vw;
}

.other ul li{
    width: 89.5833vw;
}

.other ul li.current{
    display: none;
}

.other ul li a{
    padding-top: 9.1145833vw;
}

.other ul li a::before{
    width: 8.854167vw;
    height: 8.854167vw;
    bottom: 2.734375vw;
    right: 4.03645833vw;
    background: #fff url("../img/common/arrow03.svg") no-repeat center;
    background-size: 3.90625vw auto;
    border-radius: 4.4270833vw;
}

.other ul li a h3{
    font-size: 4.81770833vw;
    padding: 0 5.9895833vw;
    margin-bottom: 9.6354167vw;
    min-height: 26vw;
}

.other ul li a .job{
    font-size: 3.515625vw;
    padding: 0 5.9895833vw;
    margin-bottom: 3.6vw;
}

.other ul li a .name{
    font-size: 4.6875vw;
    padding: 0 0 0 5.9895833vw;
}

.other ul li a .name small{
    font-size: 4.6875vw;
    margin-left: 5.2vw;
}

.other ul li a img{
    margin-top: 7.552vw;
}
}