@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%;
    background: url("../img/common/bg01.png");
    padding: 92px 40px 190px;
}

.numbers h2{
    color: #3990cf;
    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;
}

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

.career h2{
    color: #3990cf;
    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;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto 42px;
    padding: 0 50px;
}

.career img{
    margin: 0 auto;
}

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

.system h2{
    color: #3990cf;
    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 76px;
    padding: 0 50px;
}

.system .wrap img{
    margin: 0 auto;
}

.system ul{
    margin: 156px auto 0;
    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 h3{
    width: 100%;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1;
    color: #3990cf;
    padding-bottom: 22px;
    margin-bottom: 62px;
    position: relative;
}

.system ul li h3::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #509cd5 0%, #a2cb3c 100%);
}

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

.system ul li p{
    width: 50.2683363%;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.88;
    margin-top: -0.5em;
}

.system ul li dl{
    width: 50.2683363%;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.88;
    margin-top: -0.5em;
}

.system ul li dl dt{
    font-size: 110%;
    font-weight: bold;
}

.system ul li dl dd + dt{
    margin-top: 1em;
}

.system ul li dl dd{
    margin-top: 0.4em;
}

.system ul li dl dd small{
    font-size: 90%;
}




@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: 16.927vw;
    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: 0 auto 8.854167vw;
    padding: 0 5.2vw;
}

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

.career img{
    width: 154.8177vw;
    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;
}

.system ul li h3{
    font-size: 5.04167vw;
    padding-bottom: 2.99479167vw;
    margin-bottom: 4.8177vw;
}

.system ul li h3::before{
    height: 0.26vw;
}

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

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

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

}