@charset "UTF-8";
/* CSS Document */

@media screen and (min-width:751px) {
    section#sec00::after {
        background-image: url("../images/job/image_01_2024.jpg");
    }
    section#sec00 .pageTitle i {
        margin-left: -0.04em
    }
    section#sec01 {
        display: block;
        text-align: center;
        padding: 120px 0 0;
    }
    section#sec01 h3 {
        font-size: 3.6rem;
        line-height: 1;
			font-weight: bold;
    }
    section#sec01 p {
        margin: 55px 0 0;
        font-size: 1.6rem;
        line-height: 2.4;
    }
    section#sec01 img.flow {
        margin: 65px 0 0;
        display: inline-block;
        width: 989px;
    }
    section#sec02,section#sec03,section#sec04 {
        padding-bottom: 65px;
    }
    section ul.job {
        display: block;
        width: 1024px;
        margin: 5px auto 0;
        position: relative;
        z-index: 2;
    }
    section ul.job::after {
        content: '';
        clear: both;
        display: block;
    }
    section ul.job li {
        float: left;
        width: 484px;
        height: auto;
        margin: 0 0 56px;
        position: relative;
    }
    section ul.job li:nth-child(even) {
        float: right;
    }
    section ul.job li img {
        width: 100%;
    }
    section ul.job li h4 {
        font-size: 2.0rem;
        font-weight: bold;
        line-height: 1;
        margin: 30px 0 0;
    }
    section ul.job li p {
        line-height: 1.8;
        margin: 20px 0 25px;
    }
    
}/*PC*/


@media screen and (max-width:750px) {
    section#sec00::after {
        background-image: url("../images/job/image_01_2024.jpg");
    }
    section#sec00 .pageTitle i {
        margin-left: -0.04em
    }
    section#sec01 {
        display: block;
        text-align: center;
        padding: 14vw 0 0;
    }
    section#sec01 h3 {
        font-size: 3.6rem;
        line-height: 1.5;
        font-weight: bold;
    }
    section#sec01 p {
        margin: 3.5vw 8vw 0;
        font-size: 2.8rem;
        line-height: 1.8;
        text-align: center;
    }
    section#sec01 img.flow {
        margin: 8vw 0 2vw;
        display: inline-block;
        width: 89.3333vw;
    }
    section#sec02,section#sec03,section#sec04 {
        padding-bottom: 8vw;
    }
    section ul.job {
        display: block;
        margin: 6vw auto -3vw;
        position: relative;
        z-index: 2;
        padding: 0 8vw;
    }
    section ul.job li {
        display: block;
        height: auto;
        margin: 1vw 0 9vw;
        position: relative;
    }
    section ul.job li img {
        width: 100%;
    }
    section ul.job li h4 {
        font-size: 3.0rem;
        font-weight: bold;
        line-height: 1;
        margin: 5.5vw 0 0;
    }
    section ul.job li p {
        font-size: 2.8rem;
        line-height: 1.8;
        margin: 3.5vw 0 4.5vw;
    }
    
}/*SP