@charset "UTF-8";
/* CSS Document */
/* Page /new-guraduates/ /career/ /diversity/ /faq/ */

/* ---------- New Graduates ----------*/
.newGraduatesPage .mainContents .innerTitleWrap h1 img {
    max-width: 143px;
}
.newGraduatesContents {
    padding: 20px 3% 152px;
}
.newGraduatesContents h2 {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 50px;
}
.newGraduatesContents h2 img {
    display: block;
    margin: 0 auto 17px;
}
.newGraduatesContents .block01 h2 img {
    max-width: 198px;
}
.newGraduatesContents .block02 h2 img {
    max-width: 141px;
}
.newGraduatesContents .block03 h2 img {
    max-width: 132px;
}
.newGraduatesContents .block04 h2 img {
    max-width: 43px;
}
.newGraduatesContents .company {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    margin: 68px auto 90px;
}
.newGraduatesContents .company .box {
    display: flex;
    flex-direction: column;
    width: 32%;
}
.newGraduatesContents .company .box.fadeAnime {
    opacity: 1;
    transform: translateY(0);
    animation-duration: 0;
}
.newGraduatesContents .company .box.fadeIn {
    animation-name: none;
    animation-duration: 0;
}
.newGraduatesContents .company .box figure {
    max-width: 146px;
    width: 100%;
    margin: 0 auto;
}
.newGraduatesContents .company .box h3 {
    font-size: 1.3rem;
    padding: 28px 0 33px;
    line-height: 1.1;
    text-align: center;
}
.newGraduatesContents .company .box .btn {
    margin-bottom: 18px;
}
.newGraduatesContents .company .box .btn a {
    display: block;
    border: 1px solid #4b7ebf;
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: 1.2px;
    color: #4b7ebf;
    padding: 14px 0;
}
.newGraduatesContents .company .box .btn span::after {
    content: "\e901";
    font-family: "arrow";
    display: inline-block;
    margin-left: 4px;
    font-size: 1rem;
}
.newGraduatesContents .company .box .btn a:hover {
    color: #fff;
    background: #4b7ebf;
    opacity: 1;
}
.newGraduatesContents .company .box h4 {
    font-size: 1.5rem;
    color: #fff;
    background: #4b7ebf;
    line-height: 1;
    padding: 7px 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
}
.newGraduatesContents .company .box .notes {
    font-size: 1.4rem;
    padding: 12px 12px 20px 12px;
    background: #f5f5f5;
}
.newGraduatesContents .company .box .notes span {
    font-weight: bold;
}
.newGraduatesContents .description {
    max-width: 920px;
    margin: 0 auto 120px;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #f5f5f5;
    line-height: 1.8;
}
.newGraduatesContents .description dt {
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 1px solid #f5f5f5;
    width: 144px;
    padding: 38px 0 36px 28px;
    letter-spacing: 1px;
}
.newGraduatesContents .description dd {
    font-size: 1.6rem;
    width: calc(100% - 144px);
    font-weight: 500;
    padding: 38px 0 36px;
    border-bottom: 1px solid #f5f5f5;
    letter-spacing: 0.5px;
    font-weight: normal;
}
.newGraduatesContents .description dd .bold {
    font-weight: bold;
}
.newGraduatesContents .description dd .line {
    text-decoration: underline;
}
.newGraduatesContents .selectionFlow {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    margin: 64px auto 130px;
}
.newGraduatesContents .selectionFlow li {
    display: flex;
    position: relative;
    width: 13.3%;
    min-height: 304px;
}
.newGraduatesContents .selectionFlow li::after {
    content: "";
    margin: auto 13.7%;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16.5px 0 16.5px 17px;
    border-color: transparent transparent transparent #666;
}
.newGraduatesContents .selectionFlow p {
    writing-mode: vertical-rl;
    font-size: 1.7rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #4b7ebf;
    flex-grow: 1;
    padding: 14px 0;
    letter-spacing: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.newGraduatesContents .selectionFlow li:last-child {
    width: 8%;
}
.newGraduatesContents .selectionFlow li:last-child::after {
    display: none;
}
.newGraduatesContents .selectionFlow li:last-child p {
    width: 100%;
}
.newGraduatesContents .entryBtn {
    display: flex;
    justify-content: center;
    margin-top: 64px;
}
.newGraduatesContents .entryBtn .box {
    max-width: 350px;
    width: 100%;
    margin: 0 2.8%;
}
.newGraduatesContents .entryBtn .box img {
    display: block;
    margin-bottom: 20px;
}
.newGraduatesContents .entryBtn .box a {
    display: block;
}
@media only screen and (max-width:900px) {
    .newGraduatesContents .selectionFlow li::after {
        margin: auto 10%;
        border-width: 12.5px 0 12.5px 13px;
    }
    .newGraduatesContents .selectionFlow p {
        font-size: 1.6rem;
    }
}
@media only screen and (max-width:749px) {
    .newGraduatesPage .mainContents .innerTitleWrap h1 img {
        max-width: none;
        width: 34%;
    }
    .newGraduatesContents {
        padding: 8% 7% 30%;
    }
    .newGraduatesContents h2 {
        font-size: 5.33vw;
        margin-bottom: 8%;
    }
    .newGraduatesContents h2 img {
        margin: 0 auto 8%;
    }
    .newGraduatesContents .block01 h2 img {
        max-width: none;
        width: 46%;
    }
    .newGraduatesContents .block02 h2 img {
        max-width: none;
        width: 34.5%;
    }
    .newGraduatesContents .block03 h2 img {
        max-width: none;
        width: 33%;
    }
    .newGraduatesContents .block04 h2 img {
        max-width: none;
        width: 10.5%;
    }
    .newGraduatesContents .company {
        display: block;
        max-width: none;
        margin: 13% auto 20.5%;
    }
    .newGraduatesContents .company .box {
        display: block;
        width: 100%;
        margin-bottom: 23%;
    }
    .newGraduatesContents .company .box.fadeAnime {
        opacity: 0;
        transform: translateY(50px);
        animation-duration: 1s;
    }
    .newGraduatesContents .company .box.fadeIn {
        animation-name: fadeInDown;
        animation-duration: 1s;
    }
    .newGraduatesContents .company .box:last-of-type {
        margin-bottom: 0;
    }
    .newGraduatesContents .company .box figure {
        max-width: none;
        width: 46%;
    }
    .newGraduatesContents .company .box h3 {
        font-size: 3.46vw;
        padding: 10% 0 9%;
    }
    .newGraduatesContents .company .box.box03 h3,
    .newGraduatesContents .company .box.box04 h3 {
        padding: 6% 0 8%;
    }
    .newGraduatesContents .company .box .btn {
        margin-bottom: 5.5%;
    }
    .newGraduatesContents .company .box .btn a {
        font-size: 3.46vw;
        letter-spacing: 1px;
        padding: 4% 0;
    }
    .newGraduatesContents .company .box .btn span::after {
        margin-left: 2%;
        font-size: 2.66vw;
    }
    .newGraduatesContents .company .box h4 {
        font-size: 3.46vw;
        padding: 2% 8.5%;
    }
    .newGraduatesContents .company .box .notes {
        font-size: 3.46vw;
        padding: 4% 8.5% 6%;
        height: auto !important;
    }
    .newGraduatesContents .description {
        max-width: none;
        margin: 0 auto 16.4%;
        line-height: 1.6;
    }
    .newGraduatesContents .description dt {
        font-size: 3.46vw;
        width: 22vw;
        padding: 10.1% 0;
    }
    .newGraduatesContents .description dd {
        font-size: 3.2vw;
        width: calc(100% - 22vw);
        padding: 10.1% 0;
    }
    .newGraduatesContents .selectionFlow {
        display: block;
        max-width: none;
        margin: 16% auto 20.5%;
    }
    .newGraduatesContents .selectionFlow li {
        display: block;
        width: 100%;
        min-height: 0;
    }
    .newGraduatesContents .selectionFlow li::after {
        margin: 3.6% auto;
        border-width: 2.66vw 2.66vw 0 2.66vw;
        border-color: #666 transparent transparent transparent;
    }
    .newGraduatesContents .selectionFlow p {
        writing-mode: horizontal-tb;
        font-size: 3.46vw;
        padding: 4.5% 0;
        display: block;
    }
    .newGraduatesContents .selectionFlow li:last-child {
        width: 100%;
    }
    .newGraduatesContents .entryBtn {
        display: block;
        margin-top: 12%;
    }
    .newGraduatesContents .entryBtn .box {
        max-width: none;
        width: 100%;
        margin: 0 0 12.8%;
    }
    .newGraduatesContents .entryBtn .box img {
        margin-bottom: 5%;
    }
}
/* ---------- New Graduates ----------*/
.careerPage {
    /*background: url(../siteimg/career_pc.jpg) no-repeat;
    background-size: 100%;*/
}
.careerPage .mainContents .innerTitleWrap h1 img {
    max-width: 62px;
}
.careerBannerArea {
    max-width: 1040px;
    margin: 10px auto 50px;
    background: url(../img/career/bannerbg.webp) no-repeat;
    background-size: cover;
    padding: 30px 3%;
}
.careerBannerArea .details {
    max-width: 920px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.careerBannerArea figure {
    max-width: 492px;
}
.careerBannerArea .gradBtn {
    max-width: 311px;
    width: 100%;
    margin-left: 5%;
}
.careerBannerArea .gradBtn a {
    margin: 0 0 0 auto;
}
.careerContents {
    padding: 60px 3% 40px;
    background: #c7d3e3;
}
.careerContents h2 {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 42px;
}
.careerContents h2 img {
    display: block;
    max-width: 153px;
    margin: 0 auto 18px;
}
.careerDetails {
    max-width: 1040px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.careerDetails .searchNavi {
    width: 170px;
}
.careerDetails .searchNavi .searchSide {
    position: sticky;
    top: 70px;
}
.searchTitle {
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: 1px;
    margin-bottom: 16px;
}
.searchTitle span {
    font-weight: bold;
}
.searchTitle img {
    max-width: 17px;
    vertical-align: middle;
    margin-left: 10px;
}
.careerDetails .searchNavi .searchBox {
    margin-bottom: 24px;
}
.careerDetails .searchNavi .searchBox dt {
    background: #000;
    color: #fff;
    font-size: 1.3rem;
    padding: 6px 10px 2px;
    margin-bottom: 6px;
}
.careerDetails .searchNavi .searchBox dt img {
    max-width: 14px;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    top: -2px;
}
.careerDetails .searchNavi .searchBox:nth-of-type(2) dt img {
    max-width: 11px;
}
.careerDetails .searchNavi .searchBox dd li {
    margin-bottom: 3px;
}
.careerDetails .searchNavi .searchBox label {
    position: relative;
    cursor: pointer;
    padding: 4px 10px 2px 30px;
    display: block;
    width: 100%;
}
.careerDetails .searchNavi .searchBox label::before,
.careerDetails .searchNavi .searchBox label::after {
    content: "";
    display: block; 
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}
.careerDetails .searchNavi .searchBox label::before {
    border: 1px solid #000;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    left: 10px;
}
.careerDetails .searchNavi .searchBox label::after {
    background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M256%2C512c141.4%2C0%2C256-114.6%2C256-256S397.4%2C0%2C256%2C0S0%2C114.6%2C0%2C256S114.6%2C512%2C256%2C512z%20M369%2C209L241%2C337%20c-9.4%2C9.4-24.6%2C9.4-33.9%2C0l-64-64c-9.4-9.4-9.4-24.6%2C0-33.9s24.6-9.4%2C33.9%2C0l47%2C47L335%2C175c9.4-9.4%2C24.6-9.4%2C33.9%2C0s9.4%2C24.6%2C0%2C33.9%20L369%2C209z%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    opacity: 0;
    width: 13px;
    height: 13px;
    left: 10px;
    border: none;
}
.careerDetails .searchNavi .searchBox input:checked + label::after {
    opacity: 1;
}
.careerDetails .searchNavi .searchBox input:checked + label,
.careerDetails .searchNavi .searchBox label:hover {
    background: #fff;
}
.careerDetails .searchNavi .searchBox input {
    position: absolute;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
}
.careerDetails .searchNavi .close {
    display: none;
}
.careerDetails .searchResult {
    width: calc(96% - 200px);
}
.careerDetails .careerBlock {
    background: #fff;
    padding-bottom: 55px;
    margin-bottom: 32px;
    position: relative;
    transition: .5s;
}
.careerDetails .careerBlock.isHide {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    transition: .5s;
}
.careerDetails .careerBlock .miniNavi {
    display: flex;
    flex-wrap: wrap;
}
.careerDetails .careerBlock .miniNavi li {
    line-height: 1;
    width: 79.8px;
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    padding: 12px 8px 10px;
}
.careerDetails .careerBlock .miniNavi li img {
    max-width: 15px;
    position: relative;
    top: -2px;
}
.careerDetails .careerBlock .miniNavi li.se {
    background: #74c0bc;
}
.careerDetails .careerBlock .miniNavi li.hokkaido {
    background: #000;
}
.careerDetails .careerBlock .miniNavi li.miyagi {
    background: #97a9c1;
}
.careerDetails .careerBlock .miniNavi li.tokyo {
    background: #0f2a4d;
}
.careerDetails .careerBlock .miniNavi li.kanagawa {
    background: #30609c;
}
.careerDetails .careerBlock .miniNavi li.osaka {
    background: #1f416e;
}
.careerDetails .careerBlock .miniNavi li.hiroshima {
    background: #415670;
}
.careerDetails .careerBlock .miniNavi li.hukuoka {
    background: #a4bddd;
}
.careerDetails .careerBlock .miniNavi li.aichi {
    background: #4b7ebf;
}
.careerDetails .careerBlock .miniNavi li.okayama {
    background: #788494;
}
.careerDetails .careerBlock .miniNavi li.kagawa {
    background: #85a9d8;
}
.careerContents .careerBlock h3 {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin: 30px 4.7% 15px;
}
.careerContents .careerBlock .notes {
    padding: 0 4.7%;
}
.careerContents .careerBlock.active .notes {
    display: none;
}
.careerContents .careerBlock .detailsBtn {
    font-size: 1.1rem;
    padding: 0 2.5%;
    color: #4b7ebf;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 12px;
    right: 0;
}
.careerContents .careerBlock .detailsBtn:hover {
    cursor: pointer;
}
.careerContents .careerBlock .detailsBtn::after {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B7EBF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M256%2C0C114.6%2C0%2C0%2C114.6%2C0%2C256s114.6%2C256%2C256%2C256s256-114.6%2C256-256S397.4%2C0%2C256%2C0z%20M135%2C241%20c-9.4-9.4-9.4-24.6%2C0-33.9s24.6-9.4%2C33.9%2C0l87%2C87l87-87c9.4-9.4%2C24.6-9.4%2C33.9%2C0s9.4%2C24.6%2C0%2C33.9L273%2C345c-9.4%2C9.4-24.6%2C9.4-33.9%2C0%20L135%2C241z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: contain;
    margin-left: 10px;
}
.careerContents .careerBlock.active .detailsBtn::after {
    transform: scale(1, -1);
}
.careerContents .careerBlock .detailsBlock {
    padding: 0 5%;
    display: none;
}
.careerContents .careerBlock dl {
    padding: 10px 0 0;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.7;
}
.careerContents .careerBlock dt {
    font-size: 1.4rem;
    font-weight: bold;
    color: #4b7ebf;
    width: 122px;
    padding: 0 0 28px;
    letter-spacing: 1px;
}
.careerContents .careerBlock dd {
    width: calc(100% - 122px);
    padding: 0 0 28px;
    letter-spacing: 0.5px;
    font-size: 1.4rem;
    font-weight: normal;
}
.careerContents .careerBlock .gradBtn {
    margin-top: 16px;
}
.careerContents .careerBlock .gradBtn a {
    margin: 0 auto;
}
.careerContents .noData {
    display: none;
}
.careerContents .noData.active {
    display: block;
}
@media only screen and (max-width:749px) {
    .careerPage .mainContents .innerTitleWrap h1 img {
        max-width: none;
        width: 14%;
    }
    .careerBannerArea {
        max-width: none;
        margin: 6% auto 10%;
        background: url(../img/career/bannerbg_sp.webp) no-repeat;
        background-size: cover;
        padding: 2% 7% 4%;
    }
    .careerBannerArea .details {
        max-width: none;
        display: block;
    }
    .careerBannerArea figure {
        max-width: 100%;
    }
    .careerBannerArea .gradBtn {
        max-width: none;
        margin: 0;
    }
    .careerBannerArea .gradBtn a {
        padding: 6% 0;
    }
    .careerContents {
        padding: 10% 0 28%;
    }
    .careerContents h2 {
        font-size: 5.33vw;
        margin-bottom: 6%;
    }
    .careerContents h2 img {
        max-width: none;
        width: 36%;
        margin: 0 auto 6%;
    }
    .careerDetails {
        max-width: none;
        display: block;
    }
    .careerDetails .searchNavi {
        position: fixed;
        width: 100%;
        z-index: 2;
        top: 82px;
        display: none;
    }
    .careerDetails .searchNavi .searchSide {
        position: relative;
        top: 0;
    }
    .searchTitle {
        font-size: 1.5rem;
        line-height: 1;
        margin-bottom: 0;
        position: relative;
        text-align: center;
        color: #fff;
        background: #4b7ebf;
        padding: 19px 0;
        position: sticky;
        top: 82px;
        z-index: 2;
        transition: .5s;
    }
    .searchTitle.active {
        opacity: 0;
        transition: .5s;
    }
    .careerDetails .searchNavi .searchTitle {
        display: none;
    }
    .searchTitle::after {
        content: "";
        background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M233.4%2C105.4c12.5-12.5%2C32.8-12.5%2C45.3%2C0l192%2C192c12.5%2C12.5%2C12.5%2C32.8%2C0%2C45.3s-32.8%2C12.5-45.3%2C0L256%2C173.3%20L86.6%2C342.6c-12.5%2C12.5-32.8%2C12.5-45.3%2C0s-12.5-32.8%2C0-45.3L233.4%2C105.4L233.4%2C105.4z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
        background-size: contain;
        display: block;
        width: 14px;
        height: 14px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 5%;
        margin: auto;
        transform: scale(1, -1);
    }
    .searchTitle img {
        max-width: 15px;
    }
    .careerDetails .searchNavi .searchBlock form {
        padding: 30px 7% 4px;
        background: #dedede;
    }
    .careerDetails .searchNavi .searchBox {
        margin-bottom: 2%;
    }
    .careerDetails .searchNavi .searchBox dd ul {
        display: flex;
        flex-wrap: wrap;
    }
    .careerDetails .searchNavi .searchBox dd li {
        margin-bottom: 3px;
        width: 32%;
        margin: 0 2% 1.5% 0;
        font-size: 1.3rem;
    }
    .careerDetails .searchNavi .searchBox dd li:nth-child(3n) {
        margin-right: 0;
    }
    .careerDetails .searchNavi .searchBox label {
        padding: 5px 10px 2px 30px;
    }
    .careerDetails .searchNavi .searchBox label::before {
        width: 9px;
        height: 9px;
    }
    .careerDetails .searchNavi .searchBox label::after {
        width: 12px;
        height: 12px;
    }
    .careerDetails .searchNavi .close {
        display: block;
        text-align: center;
        font-size: 1.5rem;
        color: #fff;
        letter-spacing: 1px;
        line-height: 1;
        padding: 19px 0;
        position: relative;
        background: #4b7ebf;
    }
    .careerDetails .searchNavi .close::after {
        content: "";
        background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M233.4%2C105.4c12.5-12.5%2C32.8-12.5%2C45.3%2C0l192%2C192c12.5%2C12.5%2C12.5%2C32.8%2C0%2C45.3s-32.8%2C12.5-45.3%2C0L256%2C173.3%20L86.6%2C342.6c-12.5%2C12.5-32.8%2C12.5-45.3%2C0s-12.5-32.8%2C0-45.3L233.4%2C105.4L233.4%2C105.4z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
        background-size: contain;
        display: block;
        width: 14px;
        height: 14px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 5%;
        margin: auto;
    }
    .careerDetails .searchResult {
        width: 100%;
        padding: 34px 7% 0;
    }
    .careerDetails .careerBlock {
        padding-bottom: 15.5%;
        margin-bottom: 7%;
    }
    .careerDetails .careerBlock .miniNavi li {
        width: 25%;
    }
    .careerContents .careerBlock h3 {
        font-size: 4vw;
        margin: 8% 4.7% 5.5%;
        text-align: center;
    }
    .careerContents .careerBlock .notes {
        font-size: 3.2vw;
    }
    .careerContents .careerBlock .detailsBtn {
        font-size: 2.93vw;
        bottom: 4vw;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
    .careerContents .careerBlock .detailsBtn::after {
        width: 5.8vw;
        height: 5.6vw;
        margin-left: 3vw;
    }
    .careerContents .careerBlock .detailsBlock {
        padding: 0 4%;
        display: none;
    }
    .careerContents .careerBlock dl {
        padding: 1% 0 0;
        display: block;
        line-height: 1.6;
    }
    .careerContents .careerBlock dt {
        font-size: 3.73vw;
        width: 100%;
        padding: 0 0 1%;
    }
    .careerContents .careerBlock dt br {
        display: none;
    }
    .careerContents .careerBlock dd {
        width: 100%;
        padding: 0 0 5.8%;
        font-size: 3.46vw;
    }
    .careerContents .careerBlock .gradBtn {
        margin-top: 3%;
    }
    .careerContents .careerBlock .gradBtn a {
        margin: 0 auto;
    }
    .careerContents .noData {
        text-align: center;
        font-size: 3.2vw;
        line-height: 1.7;
        padding-top: 10%;
    }
}
/* ---------- diversity ----------*/
.diversityPage .mainContents .innerTitleWrap h1 img {
    max-width: 78px;
}
.aboutDiversity {
    padding: 20px 3% 200px;
}
.aboutDiversity .details {
    max-width: 920px;
    margin: 0 auto;
    padding: 72px 3% 66px;
    border: 2px solid #4b7ebf;
    text-align: center;
    font-size: 1.6rem;
}
.aboutDiversity .details .notes {
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.7px;
}
.aboutDiversity .details .notes p {
    padding-bottom: 24px;
}
.aboutDiversity .details .charge {
    font-weight: bold;
    padding: 32px 0 26px;
}
.aboutDiversity .details .btnBlock {
    display: flex;
    justify-content: center;
}
.aboutDiversity .details .btnBlock li {
    max-width: 350px;
    width: 100%;
    margin: 0 3%;
}
@media only screen and (max-width:749px) {
    .diversityPage .mainContents .innerTitleWrap h1 img {
        max-width: 100%;
        width: 15.73vw;
    }
    .aboutDiversity {
        padding: 0 7% 46%;
    }
    .aboutDiversity .details {
        max-width: none;
        padding: 14% 0 13%;
        font-size: 3.46vw;
    }
    .aboutDiversity .details .notes p {
        padding-bottom: 7%;
    }
    .aboutDiversity .details .charge {
        font-size: 4vw;
        padding: 3% 0 8%;
    }
    .aboutDiversity .details .btnBlock {
        display: block;
        width: 87%;
        margin: 0 auto;
    }
    .aboutDiversity .details .btnBlock li {
        max-width: none;
        margin: 0 0 4.5%;
    }
}
/* ---------- FAQ ----------*/
.faqPage .mainContents .innerTitleWrap h1 img {
    max-width: 30px;
}
.faqNav {
    padding: 20px 3%;
    position: relative;
    z-index: 2;
}
.faqNav ul {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    margin: 0 auto;
}
.faqNav li {
    width: 31.3%;
    text-align: center;
}
.faqNav li a {
    display: block;
    line-height: 1;
    font-size: 1.6rem;
    color: #fff;
    padding: 23px 0;
    letter-spacing: 1px;
}
.faqNav li:first-child a {
    background: #1f416e;
}
.faqNav li:nth-child(2) a {
    background: #30609c;
}
.faqNav li:last-child a {
    background: #4b7ebf;
}
.faqNav li span {
    font-weight: 500;
}
.faqNav li span::after {
    content: "\e902";
    font-family: "arrow";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 8px;
    font-size: 1rem;
}
.faqContents {
    padding: 72px 3% 60px;
}
.faqContents .box {
    max-width: 920px;
    margin: -50px auto 108px;
    padding-top: 50px;
    position: relative;
}
.faqContents .box h2 {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 50px;
}
.faqContents .box h2 img {
    display: block;
    margin: 0 auto 26px;
}
.faqContents .box#content01 h2 img {
    max-width: 216px;
}
.faqContents .box#content02 h2 img {
    max-width: 196px;
}
.faqContents .box#content03 h2 img {
    max-width: 163px;
}
.faqContents .box dl {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 38px;
    margin-bottom: 38px;
}
.faqContents .box dt {
    font-weight: bold;
    font-size: 2.0rem;
    margin-bottom: 22px;
    letter-spacing: 1.4px;
    display: flex;
}
.faqContents .box dt p {
    padding-left: 6px;
}
.faqContents .box dt span,
.faqContents .box dd span {
    color: #4b7ebf;
}
.faqContents .box dd {
    font-size: 1.6rem;
    padding-left: 3.5%;
    line-height: 1.7;
    letter-spacing: 1.3px;
}
.faqContents .box dd a {
    color: #4b7ebf;
    text-decoration: underline;
}
@media only screen and (max-width:749px) {
    .faqPage .mainContents .innerTitleWrap h1 img {
        max-width: 100%;
        width: 6.13vw;
    }
    .faqNav {
        padding: 2% 4%;
    }
    .faqNav ul {
        max-width: none;
    }
    .faqNav li a {
        line-height: 1.6;
        font-size: 3.46vw;
        padding: 28% 0 1%;
    }
    .faqNav li span::after {
        display: block;
        top: 0;
        margin: 11% auto 0;
        font-size: 2.66vw;
        transform-origin: 50% 0;
    }
    .faqContents {
        padding: 13.8% 7% 25%;
    }
    .faqContents .box {
        max-width: none;
        margin: -82px auto 18%;
        padding-top: 82px;
    }
    .faqContents .box h2 {
        font-size: 5.33vw;
        letter-spacing: 1.7px;
        margin-bottom: 11%;
    }
    .faqContents .box h2 img {
        display: block;
        margin: 0 auto 8%;
    }
    .faqContents .box#content01 h2 img {
        max-width: none;
        width: 50%;
    }
    .faqContents .box#content02 h2 img {
        max-width: none;
        width: 46%;
    }
    .faqContents .box#content03 h2 img {
        max-width: none;
        width: 38%;
    }
    .faqContents .box dl {
        padding-bottom: 11%;
        margin-bottom: 11%;
    }
    .faqContents .box dt {
        font-size: 4vw;
        margin-bottom: 6%;
        letter-spacing: 1px;
        line-height: 1.6;
    }
    .faqContents .box dd {
        font-size: 3.46vw;
        padding-left: 0;
        line-height: 1.6;
        letter-spacing: 1px;
    }
}