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

.visual{
    padding-top: 80px;
    position: relative;
}

.visual h1{
    position: absolute;
    bottom: 4.267vw;
    left: 9.33vw;
    font-size: 1.33vw;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

.visual h1 span{
    font-size: 8.67vw;
    margin-bottom: -0.5vw;
    display: block;
}

.visual img{
    width: 100%;
}

.numbers{
    width: 100%;
    padding: 92px 40px 190px;
}

.numbers h2{
    color: #f76e6e;
    font-size: 2.0rem;
    line-height: 1;
    font-weight: bold;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto 60px;
}

.numbers h2 span{
    display: block;
    font-size: 9.0rem;
    margin-bottom: 10px;
}

.numbers img{
    margin: 0 auto;
    width: 100%;
    max-width: 1220px;
}

.career{
    width: 100%;
    padding: 160px 40px 200px;
    background: #30333d;
}

.career h2{
    color: #e6ae64;
    font-size: 2.0rem;
    line-height: 1;
    font-weight: bold;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto 54px;
}

.career h2 span{
    display: block;
    font-size: 9.0rem;
    margin-bottom: 10px;
}

.career p{
    font-size: 1.6rem;
    line-height: 2.0875;
    color: #fff;
    width: 100%;
    max-width: 1220px;
    margin: 73px auto 0;
    padding: 0 50px;
}

.career img{
    margin: 0 auto;
}

.system{
    width: 100%;
    padding: 140px 40px 0;
}

.system h2{
    color: #5cb2af;
    font-size: 2.0rem;
    line-height: 1;
    font-weight: bold;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto 54px;
}

.system h2 span{
    display: block;
    font-size: 9.0rem;
    margin-bottom: 10px;
}

.system > p{
    font-size: 1.6rem;
    line-height: 2.0875;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto 88px;
}

.system ul{
    margin: 0 auto;
    width: 100%;
    max-width: 1118px;
}

.system ul li{
    margin-bottom: 92px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.system ul li:last-child{
    margin-bottom: 0;
}

.system ul li .imgArea{
    width: 45.4383%;
}

.system ul li .txtArea{
    width: 50.2683363%;
    padding-top: 18px;
}

.system ul li h3{
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1;
    color: #5cb2af;
    margin-bottom: 28px;
}

.system ul li p{
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.88;
}




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

.visual{
    padding-top: 15.625vw;
}

.visual h1{
    bottom: 7.552vw;
    left: 5.20833vw;
    font-size: 3.3854167vw;
}

.visual h1 span{
    font-size: 16vw;
    margin-bottom: -1vw;
}

.numbers{
    background: url("../img/common/bg01.png");
    background-size: 26.04167vw;
    padding: 10.9375vw 5.2vw 12.37vw;
}

.numbers h2{
    font-size: 3.2552vw;
    margin: 0 auto 7.8125vw;
}

.numbers h2 span{
    font-size: 11.71875vw;
    margin-bottom: 2vw;
}

.career{
    padding: 17.1875vw 0 18.229167vw;
}

.career h2{
    font-size: 3.2552vw;
    margin: 0 5.2vw 12.5vw;
}

.career h2 span{
    font-size: 11.71875vw;
    margin-bottom: 2vw;
}

.career p{
    font-size: 3.3854167vw;
    margin: 11.45833vw auto 0;
    padding: 0 5.2vw;
}

.career .wrap{
    width: 100%;
    overflow-x: scroll;
}

.career img{
    width: 145.833vw;
    max-width: inherit;
    padding: 0 5.2vw;
}

.system{
    padding: 16.67vw 0 0;
}

.system h2{
    font-size: 3.2552vw;
    margin: 0 5.2vw 11.45833vw;
}

.system h2 span{
    font-size: 11.71875vw;
    margin-bottom: 2vw;
}

.system > p{
    font-size: 3.3854167vw;
    margin: 0 auto 9.375vw;
    padding: 0 5.2vw;
}

.system .wrap{
    width: 100%;
    overflow-x: scroll;
}

.system .wrap img{
    width: 160.4167vw;
    max-width: inherit;
    padding: 0 5.2vw;
}

.system ul{
    margin: 17.1875vw auto 0;
    padding: 0 5.2vw;
}

.system ul li{
    margin-bottom: 16.145833vw;
    flex-direction: column-reverse;
}

.system ul li h3{
    font-size: 5.859375vw;
    margin-bottom: 4.167vw;
}

.system ul li .imgArea{
    width: 100%;
}

.system ul li .txtArea{
    width: 100%;
    padding-top: 0;
    margin-bottom: 6.25vw;
}

.system ul li p{
    width: 100%;
    font-size: 3.3854167vw;
    margin-top: 2.34375vw;
}

}