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

.layout-whitebox {
    padding-top: 140px;
}

.layout-whitebox:not(:last-child) {
    margin-bottom: 110px;
}

.layout-whitebox::before {
    height: 94px;
    padding-top: 30px;
}

.lw01::before {
    content: "大きな影響力";
}

.lw02::before {
    content: "公正な視点";
}

.lw03::before {
    content: "社会貢献性";
}

.lw04::before {
    content: "成長できる環境";
}

.layout-whitebox::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: var(--base-weight2);
    color: #FFF;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: 0em;
    margin-top: -20px;
}

.lw01::after {
    content: "01";
}

.lw02::after {
    content: "02";
}

.lw03::after {
    content: "03";
}

.lw04::after {
    content: "04";
}

/* contents01 */

.contents01 {
    background-color: #FFF;
    padding: 70px;
    text-align: center;
}

.contents01 p,
.contents01 ul li {
    font-weight: var(--base-weight2);
    color: var(--color-sub2);
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0.05em;
}

.contents01 ul {
    display: inline-block;
    text-align: left;
    padding: 40px 0px 60px;
}

.contents01 ul li {
    position: relative;
    padding-left: 25px;
}

.contents01 ul li:not(:last-child) {
    margin-bottom: 15px;
}

.contents01 ul li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 5px;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--color-sub3);
}

/* contents02 */

.contents02 {
    padding-top: 50px;
}


/* layout01 */

.layout01 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px 12px;
    position: relative;
    padding-top: 40px;
}

.layout01::before {
    content: "仕事の特徴";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: var(--base-weight2);
    color: var(--color-sub);
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0.05em;
}

.layout01 .box {
    width: 175px;
}


/* layout02 */

.layout02 .box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px 75px;
}

.layout02 .box:not(:last-child) {
    margin-bottom: 60px;
}

.layout02 .box-img {
    width: 50%;
}

.layout02 .box-detail {
    width: 280px;
}

.layout02 h6 {
    font-weight: var(--base-weight2);
    color: var(--color-sub3);
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: 0em;
    margin-bottom: 10px;
}

.layout02 p {
    font-size: 14px;
}

.layout02 span.text-font {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
}



.sp-view {
    display: none;
}