/*iPhone 6*/
@media (min-width: 375px) {}

/*iPhone 6+*/
@media (min-width: 414px) {}

/*iPad portrait*/
@media (min-width: 768px) {
    header {
        height: 69px;
    }

    header div figure {
        width: 160px;
    }

    .wrapper {
        padding-top: 69px;
    }

    .culture h2 {
        margin: 1em auto;
        text-align: center;
    }

    .culture section {
        flex-flow: row nowrap;
    }

    .culture section div {
        flex-basis: 30%;
    }

    .culture section div figure {
        height: 300px;
        margin: 0 auto 0.8em;
    }

    .culture section div figcaption {
        width: inherit;
        margin: inherit;
        height: 700px;
    }

    .join section div figure {
        height: 250px;
        flex-basis: 200px;
    }

    .join section div:nth-child(3) figure {
        background-size: cover;
    }

    .join section div figcaption {
        flex-basis: 72%;
    }

    .join section div figcaption h4 {
        margin: 0 0 0.5em 0;
    }
    .meet {
        width: 788px;
    }

    .meet h2 {
        text-align: center;
    }


    .meet section div {
        flex-basis: 48%;
    }

    .meet section div a figure {
        height: 250px;
    }

    .meet section div a figure figcaption {
        width: auto;
        right: 1em;
    }

    .meet section div a figure figcaption h5 {
        font-size: inherit;
    }
    .benefit h2 {
        text-align: center;
    }
    .benefit section div {
        flex-basis: 30%;
    }

    /* job */
    .box-job1 div h3,
    .box-job1 div h1 {
        width: 100%;
    }

    /* form */
    .apply-banner div h1 {
        width: 100%;
        font-size: 2.7em;
    }
    .apply_form form fieldset {
        flex-flow: row wrap;
    }

    .apply_form form fieldset div {
        width: auto;
        margin: 0.4em 0;
        padding: 0 0.5em;
    }

    .apply_form form fieldset div:nth-child(7) {
        flex-basis: 100%;
        margin: auto;
    }

    footer section {
        flex-flow: row wrap;
    }

    footer section div:nth-child(2) {
        flex-basis: 100%;
    }

    footer ul {
        flex-flow: row nowrap;
        justify-content: space-between
    }
}

/*iPad landscape*/
@media (min-width: 992px) {
    .culture section div figcaption {
        height: 430px;
    }

    .join section div figure {
        height: 240px;
        flex-basis: 320px;
        border-radius: 20px;
    }

    .join section div figcaption {
        flex-basis: 70%;
    }
    .meet {
        width: 96%;
    }

    .meet section div {
        flex-basis: 24%;
    }

    .meet section div a figure {
        height: 200px;
    }

    .benefit section div {
        flex-basis: 18%;
    }
    .benefit section div figure {
        width: 120px;
    }
    .box5 div {
        height: 1065px;
        padding: 5em 0;
    }
    .box5 div h4,
    .box5 div h5 {
        text-align: center;
        margin: auto;
    }
    .box5 div h4 {
        font-size: 2.4em;
    }
    .box5 div h4:last-child {
        width: 620px;
    }
}

/*HD*/
@media (min-width: 1280px) {
    body {
        font-size: 29px;
    }

    .banner-img01 {
        height: 900px;
        background-position: inherit;
    }

    .banner-img02 {
        height: 800px;
    }

    .box-txt div {
        align-items: center;
    }

    .box-txt div * {
        text-align: center;
        margin: 0;
    }

    .box1 div {
        height: 750px;
        padding: 5em 0;
    }

    .box2 div {
        height: 650px;
        padding: 5em 0;
    }

    .box3 div {
        height: 900px;
    }

    .box3 div h1 {
        width: 65%;
        max-width: inherit;
        margin: inherit;
        font-size: 2.7em;
    }

    .box4 div {
        height: 1000px;
        padding: 5em 0;
    }

    .box4 div h1 {
        font-size: 3.5em;
    }

    .box4 div h2 {
        font-size: 4em;
    }

    .culture section div figure {
        height: 250px;
    }

    .culture section div figcaption {
        height: 570px;
    }
    .box5 div h4:last-child {
        width: 800px;
    }

    /* job */
    .box-job1 {
        height: 650px;
    }

    .box-job2 div {
        height: 330px;
        padding: 2em 0;
    }

    .jobList div a {
        padding: 1em 1.2em;
    }

    /* apply page */
    .apply-banner {
        height: 650px;
    }
}

/* Full HD */
@media (min-width: 1920px) {
        .slider {
        height: 850px;
    }
    .slider div:nth-child(2) figure{
        background-position: 0 0;
    }
    .slider div:nth-child(4) figure{
        background-position: 0 0;
    }
    .slider div figure h1 {
        font-size: 2.7em;
        width: 100%;
    }
    .slider div:nth-child(4) figure h1 {
        margin-bottom: 2.5em;
    }
    .culture section div figure {
        height: 320px;
    }
    .culture section div figcaption {
        height: 510px;
    }

    .join section div figure {
        height: 450px;
        flex-basis: 600px;
    }

    .join section div figcaption {
        flex-basis: 900px;
    }
    .meet {
        width: 1880px;
    }
    .meet section div a figure {
        height: 312px;
    }
}