@charset "UTF-8";
/* CSS Document */
/* Page /at-first/ /focus/ /value/ */

/* ---------- contents ----------*/
.eventPage .mainContents .innerTitleWrap {
    padding-bottom: 47px;
}
.eventPage .mainContents .innerTitleWrap h1 img {
    max-width: 49px;
    position: relative;
    left: 2%;
}
.mainContents .innerTitleWrap .lead {
    max-width: 920px;
    font-size: 1.6rem;
    padding: 30px 0 0 0;
}
.careerTableArea {
    max-width: 1040px;
    width: 72vw;
    margin: 0 auto;
}

@media only screen and (max-width:749px) {
    .eventPage .mainContents .innerTitleWrap h1 img {
        max-width: none;
        width: 11%;
        left: 0;
    }
    .mainContents .innerTitleWrap {
        padding: 9% 7% 10%;
    }
    .mainContents .innerTitleWrap .lead {
        font-size: 3.46vw;
        letter-spacing: 1px;
        line-height: 1.7;
    }
}

.aboutEvent {
    padding: 20px 3% 180px;
}
.aboutEvent .details {
    max-width: 920px;
    margin: 0 auto;
    padding: 72px 3% 66px;
    border: 2px solid #4b7ebf;
    text-align: center;
    font-size: 1.6rem;
    background-color: #f8f8f8;
}
.aboutEvent .details h2 {
    color: #4b7ebf;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: 2px;
}
.aboutEvent .details .notes {
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.7px;
    padding: 40px 0 50px;
}
.aboutEvent .details .eventBanner {
    max-width: 836px;
    width: 72vw;
    margin: 0 auto;
}
.aboutEvent .details .eventBanner img {
    display: block;
    width: 100%
}
.aboutEvent .details .charge {
    font-weight: bold;
    padding: 32px 0 26px;
}
.aboutEvent .details .btnBlock {
    display: flex;
    justify-content: center;
}
.aboutEvent .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;
    }
    .aboutEvent {
        padding: 0 7% 20%;
    }
    .aboutEvent .details {
        max-width: none;
        padding: 14% 0 29%;
        font-size: 3.46vw;
    }
    .aboutEvent .details h2 {
        font-size: 4.2vw;
    }
    .aboutEvent .details .notes {
        font-size: 3.46vw;
        padding-bottom: 40px;
    }
    .aboutEvent .details .eventBanner {
        width: 94%;
    }
    .aboutEvent .details .careerTableArea {
        margin-top: 3.5vh;
    }
    .aboutEvent .details .btnBock {
        display: block;
        width: 87%;
        margin: 0 auto;
    }
    .aboutEvent .details .btnBlock li {
        max-width: none;
        margin: 0 0 4.5%;
    }
}

.careerTableArea {
    max-width: 836px;
    margin: 0 auto;
    font-size: 1.6rem;
    letter-spacing: 1.3px;
    margin-top: 50px;
}
.careerTable {
    text-align: center;
    width: 100%;
    margin-bottom: 7vh;
}
.tableTh {
    width: 100%;
    line-height: 2.3;
    font-size: 1.6rem;
    color: #ffffff;
    background-color: #555555;
    margin-bottom: 5px;
}
.tableTd {
    display: flex;
    justify-content: space-between;
    letter-spacing: 0;
    font-size: 1.5rem;
}
.tableTd p {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tableTd p:first-child {
    width: 24.3%;
}
.tableTd p:last-child {
    width: 75.2%;
}
.tdOdd p {
    background-color: #ffffff;
    /* line-height: 4.6; */
}
.tdEven p {
    line-height: 2;
}

@media only screen and (max-width:749px) {
    .careerTableArea {
        width: 94%;
    }
    .careerTable {
        margin-bottom: 5vh;
    }
    .careerTableArea .tableTh {
        font-size: 3.46vw;
        line-height: 3.5;
    }
    .careerTableArea .tableTd {
        font-size: 3.2vw;
    }
    .tableTd p:first-child {
        width: 24%;
    }
    .careerTableArea .tableTd p:last-child {
        display: flex;
        justify-content: flex-start;
        padding-left: 10px;
        text-align: start;
    }
}

.applyWrapper {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 8vh;
}
.applyWrapper .btnBlock {
    width: 41%;
}
.applyWrapper .qrContents {
    width: 37%;
    display: flex;
}
.applyWrapper .qrContents p {
    font-size: 1.6rem;
    letter-spacing: 1.1px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 20px;
}
.applyWrapper .qrContents img {
    max-width: 100px;
}
.careerApplication {
    max-width: 700px;
    font-size: 1.6rem;
    letter-spacing: 1.1px;
    margin: 0 auto;
    padding: 55px 6%;
    background-color: #ffffff;
}
.careerApplication p {
    padding-bottom: 2vh;
}

@media only screen and (max-width: 973px) {
    .applyWrapper .qrContents {
        width: 43%;
    }
}

@media only screen and (max-width: 890px) {
    .applyWrapper .qrContents p {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width:749px) {
    .applyWrapper {
        justify-content: center;
        padding-bottom: 6vh;
    }
    .applyWrapper .btnBlock {
        width: 85%;
    }
    .applyWrapper .qrContents {
        display: none;
    }
    .careerApplication {
        width: 94%;
        font-size: 3.2vw;
        letter-spacing: 0.4px;
    }
    .careerApplication p {
        padding-bottom: 3.5vh;
    }
}

.aboutEvent .newGradImg img {
    max-width: 420px;
}
.entryBtn {
    display: flex;
    justify-content: center;
    margin: 18px;
    padding-bottom: 7vh;
}
.aboutEvent .entryBtn h2 {
    font-size: 2.2rem;
    letter-spacing: 2px;
}
.entryBtn .box {
    max-width: 350px;
    width: 100%;
    margin: 0 2.8%;
}
.entryBtn .box img {
    display: block;
    margin-bottom: 20px;
}
.entryBtn .box a {
    display: block;
}
.aboutEvent .details h2.btnTitle {
    font-size: 2rem;
    letter-spacing: 1.8px;
    font-weight: bold;
    color: #555555;
    margin-top: 7.5vh;
}

@media only screen and (max-width:749px) {
    .newGradNotes {
        font-size: 3.46vw;
        padding-top: 25px !important;
    }
    .newGradImg img {
        width: 94%;
    }
    .aboutEvent .details h2.btnTitle {
        font-size: 4.2vw;
        margin-top: 4vh;
    }
    .entryBtn {
        display: block;
        margin-top: 7%;
        padding-bottom: 1vh;
    }
    .entryBtn .box {
        max-width: none;
        width: 100%;
        margin: 0 0 12.8%;
    }
    .entryBtn .box img {
        margin-bottom: 5%;
    }
    .aboutEvent .newGradDetails {
        padding-bottom: 29%;
    }
}