/* 参加メンバー */
.page-telework-column .page-intro .members {
    border: 1px solid #cc0033;
    margin-bottom: 30px;
    padding: 20px 15px;
}

.page-telework-column .page-intro .members .memberTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}

.page-telework-column .page-intro .members ul {
    margin-top: 13px;
}

.page-telework-column .page-intro .members li {
    background-size: 50px;
    padding-left: 62px;
    height: 50px;
    margin-bottom: 13px;
}

.page-telework-column .page-intro .members li:last-of-type {
    margin-bottom: 0;
}

.page-telework-column .page-intro .members li:nth-of-type(1) {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Asan.svg) no-repeat left;
}

.page-telework-column .page-intro .members li:nth-of-type(2) {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Bsan.svg) no-repeat left;
}

.page-telework-column .page-intro .members li:nth-of-type(3) {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Csan.svg) no-repeat left;
}

.page-telework-column .page-intro .members li:nth-of-type(4) {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Dsan.svg) no-repeat left;
}

.page-telework-column .page-intro .members li:nth-of-type(5) {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Esan.svg) no-repeat left;
}

.page-telework-column .page-intro .members li:nth-of-type(6) {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Fsan.svg) no-repeat left;
}

.page-telework-column .page-intro .members li:nth-of-type(7) {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Gsan.svg) no-repeat left;
}
.page-telework-column .page-intro .members li:nth-of-type(8) {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Hsan.svg) no-repeat left;
}

.page-telework-column .page-intro .members li p {
    font-size: 15px;
    padding-top: 12px;
}

.page-telework-column .page-intro .members li p .woman {
    color: #f13373;
    font-weight: 600;
    margin-right: 10px;
    display: inline;
}

.page-telework-column .page-intro .members li p .woman.sp_only,
.page-telework-column .page-intro .members li p .man.sp_only {
    display: none;
}

.page-telework-column .page-intro .members li p .man {
    color: #253cce;
    font-weight: 600;
    margin-right: 10px;
    display: inline;
}

/* Q&A */
h5 {
     font-size: 18px;
     font-weight: bold;
     line-height: 1.5;
     color: #313f95;
}

h6 {
    font-size: 15px;
    font-weight: bold;
    margin: 40px 0 12px 0;
}

h5.notFirst {
    margin-top: 30px;
}

p.onTheWay-text {
    width: 100%;
    margin: 20px 0 -20px 0;
}

.qAndA {
    display: flex;
    flex-wrap: wrap;
}

.flex-member {
    width: 260px;
}

.flex-member ul {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.flex-member ul li {
    box-sizing: border-box;
    margin-top: 20px;
}

.flex-member ul li:nth-of-type(odd) {
    margin-right: 10px;
}

.flex-member ul li p {
    font-size: 10px;
    text-align: center;
    width: 125px;
    background-size: 50px;
    padding-top: 65px;
    line-height: 1.4;
}

.flex-member ul li p span.woman {
    color: #f13373;
    font-weight: bold;
}

.flex-member ul li p span.man {
    color: #253cce;
    font-weight: bold;
}

.flex-text {
    width: calc(100% - 260px);
    width: -webkit-calc(100% - 260px);
}

.flex-text_sp {
    display: none;
}

.flex-text li {
    position: relative;
    display: inline-block;
    padding: 20px;
    color: #262626;
    font-size: 16px;
    background: #FFF;
    border: solid 1px #bfbfbf;
    border-radius: 5px;
    box-sizing: border-box;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, .16));
    z-index: 3;
    width: calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
}

.flex-text li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -26px;
    margin-top: -12px;
    border: 11px solid transparent;
    border-right: 19px solid #FFF;
    z-index: 2;
}

.flex-text li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    margin-top: -10px;
    border: 9px solid transparent;
    border-right: 15px solid #bfbfbf;
    z-index: 1;
}

.block-member {
    width: 260px;
}

.block-member.only {
    width: 125px;
}

.block-member ul {
    margin: 0 auto;
}

.block-member ul li p {
    font-size: 10px;
    text-align: center;
    width: 125px;
    margin: 25px auto 0 auto;
    background-size: 50px;
    padding-top: 65px;
    line-height: 1.4;
}

.block-member ul li p span.woman {
    color: #f13373;
    font-weight: bold;
}

.block-member ul li p span.man {
    color: #253cce;
    font-weight: bold;
}

.block-text {
    width: calc(100% - 260px);
    width: -webkit-calc(100% - 260px);
}

.block-text.only {
    width: calc(100% - 125px);
    width: -webkit-calc(100% - 125px);
}

.block-text li {
    position: relative;
    display: inline-block;
    padding: 20px;
    color: #262626;
    line-height: 1.6;
    font-size: 15px;
    background: #FFF;
    border: solid 1px #bfbfbf;
    border-radius: 5px;
    box-sizing: border-box;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, .16));
    z-index: 3;
    width: calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    margin: 0 25px 35px 25px;
}

.block-text li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -26px;
    margin-top: -12px;
    border: 11px solid transparent;
    border-right: 19px solid #FFF;
    z-index: 2;
}

.block-text li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    margin-top: -10px;
    border: 9px solid transparent;
    border-right: 15px solid #bfbfbf;
    z-index: 1;
}

.flex-member ul li p.Asan,
.block-member ul li p.Asan {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Asan.svg) no-repeat 50% 20%;;
}

.flex-member ul li p.Bsan,
.block-member ul li p.Bsan {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Bsan.svg) no-repeat 50% 20%;;
}

.flex-member ul li p.Csan,
.block-member ul li p.Csan {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Csan.svg) no-repeat 50% 20%;;
}

.flex-member ul li p.Dsan,
.block-member ul li p.Dsan {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Dsan.svg) no-repeat 50% 20%;;
}

.flex-member ul li p.Esan,
.block-member ul li p.Esan {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Esan.svg) no-repeat 50% 20%;;
}

.flex-member ul li p.Fsan,
.block-member ul li p.Fsan {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Fsan.svg) no-repeat 50% 20%;;
}

.flex-member ul li p.Gsan,
.block-member ul li p.Gsan {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Gsan.svg) no-repeat 50% 20%;;
}

.flex-member ul li p.Hsan,
.block-member ul li p.Hsan {
    background: url(/static_contents/20250722-101144/contents/telework-column/at-interview/imgs/icon_telwork1518_Hsan.svg) no-repeat 50% 20%;;
}

p.end-text {
    margin: 20px 0;
}

.room {
    display: flex;
}

.room p {
    margin-left: 26px;
}

.room img {
    width: auto;
    height: 210px;
}

.block-member.roomPresen ul li {
    height: 220px;
}

.block-member.roomPresen ul li p {
    margin-top: 70px;
}

.textBelow.center {
    width: 100%;
    text-align: center;
    margin: 30px 0 0;
    font-size: 14px;
}

.textBelow.center .imgText {
    font-size: 14px;
    width: 450px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: left;
}

@media screen and (max-width: 767px) {
    /* 参加メンバー */
    .page-telework-column .page-intro .members {
        padding: 20px 15px 40px;
    }

    .page-telework-column .page-intro .members li {
        margin-bottom: 30px;
    }

    .page-telework-column .page-intro .members li p {
        padding-top: 10px;
    }

    .page-telework-column .page-intro .members .woman.sp_only,
    .page-telework-column .page-intro .members .man.sp_only {
        display: inline;
        position: relative;
        top: 70px;
        left: 6px;
        font-size: 15px;
        font-weight: bold;
    }

    .page-telework-column .page-intro .members li p .woman.pc_only,
    .page-telework-column .page-intro .members li p .man.pc_only {
        display: none;
    }

    .page-telework-column .page-intro .members .man.sp_only {
        color: #253cce;
    }

    .page-telework-column .page-intro .members .woman.sp_only {
        color: #f13373;
    }

    /* Q&A */
    h5 {
        font-size: 17px;
        line-height: 1.5;
    }
    h6 {
        margin-bottom: 12px;
    }

    .flex-member {
        width: 100%;
    }

    .flex-member ul {
        justify-content: center;
    }

    .flex-member ul li p {
        font-size: 12px;
        width: 145px;
    }

    .flex-text_sp {
        display: inline-block;
        width: 100%;
        position: relative;
        margin-top: 20px;
        padding: 10px;
        color: #262626;
        font-size: 16px;
        line-height: 1.5;
        background: #FFF;
        border: solid 1px #bfbfbf;
        border-radius: 5px;
        box-sizing: border-box;
        filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, .16));
        z-index: 3;
    }

    .flex-text_sp::before {
        content: "";
        position: absolute;
        bottom: -29px;
        left: 50%;
        margin-left: -12px;
        border: 12px solid transparent;
        border-top: 23px solid #fff;
        z-index: 2;
    }

    .flex-text_sp::after {
        content: "";
        position: absolute;
        bottom: -29px;
        left: 50%;
        margin-left: -10px;
        border: 10px solid transparent;
        border-top: 19px solid #bfbfbf;
        z-index: 1;
    }

    .flex-text_sp img {
        width: 85%;
        display: block;
        margin: 5px auto 10px;
    }

    .block-member {
        width: 100%;
    }

    .block-member.only {
        width: 100%;
    }

    .block-member.roomPresen ul li {
        height: auto;
    }

    .block-member.roomPresen ul li p {
        margin-top: 20px;
    }

    .block-member ul li p {
        font-size: 12px;
        width: 145px;
    }

    .textBelow.center {
        width: 85%;
        margin: 30px auto !important;
    }

    .textBelow.center .imgText {
        width: auto;
        margin: 0 auto;
    }

    .onTheWay-text {
        margin: 20px 0 0 0;
    }
}