@charset "UTF-8";

/* ============================================
汎用
============================================ */

#main {
    background: #fff;
    overflow: unset;
}

#main .cSection02__head {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
}
#main .cSection02__title .en {
    font-family: "Inter Tight", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 150%;
}
#main .cSection02__title .ja {
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    margin-top: 8px;
}

/* ============================================
タイトル部分
============================================ */

.jPageMain {
    height: 506px;
    padding: clamp(27px, 17.493px + 2.535vw, 54px) 0 clamp(48px, 31.099px + 4.507vw, 96px);
}
.jPageMainWrap {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
}
#main .jPageMainTitle {
    height: 51px;
    padding: 16px 0 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 145%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    background: url(/recruit/common/images/rn02/title_bg.svg) left top / auto 100% no-repeat;
}
#main .jPageMainCopy {
    margin: clamp(24px, 21.183px + 0.751vw, 32px) 0 0;
}
#main.jobPage .jPageMainCopy {
    margin-top: 79px;
}
#main .jPageMainCopy h2 {
    width: 416px;
    aspect-ratio: 416 / 154;
    text-indent: -9999px;
    background: url(/recruit/job/images/rn02/job_title.svg) left center / contain no-repeat;
}
#main .jPageMainText {
    margin: clamp(32px, 26.366px + 1.502vw, 48px) 0 0;
}
#main .jPageMainText p {
    font-weight: 500;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    text-align: justify;
}

#main h1 span {
    font-size: 0.7em;
}

#main.jobPage .jPageMain {
    height: unset;
    aspect-ratio: 1440 / 662;
    width: 100%;
    max-height: 662px;
    padding: clamp(27px, 17.493px + 2.535vw, 54px) 0 clamp(48px, 31.099px + 4.507vw, 96px);
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* job11.html */
#main.job11 .jPageMain {
    height: unset;
    aspect-ratio: 1440 / 662;
    width: 100%;
    max-height: 748px;
    padding: clamp(27px, 17.493px + 2.535vw, 54px) 0 clamp(48px, 31.099px + 4.507vw, 96px);
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#main.jobPage .jPageMainImage {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    max-width: 700px;
    z-index: 1;
}
@media screen and (min-width: 1280px){
    #main.jobPage .jPageMainImage {
        right: unset;
        left: 50%;
    }
}
#main.jobPage .jPageMainImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#main.jobPage .jPageMainText {
    margin: clamp(48px, 31.099px + 4.507vw, 96px) 0 0;
    width: 39.84375%;
}

/* job01.html */
#main.job01 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job01/job_job01_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 422 / 139;
    width: clamp(305px, calc(422 / 1440 * 100vw), 424px);
}

/* job02.html */
#main.job02 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job02/job_job02_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 403 / 90;
    width: clamp(300px, calc(403 / 1440 * 100vw), 400px);
}

/* job03.html */
#main.job03 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job03/job_job03_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 430 / 90;
    width: clamp(310px, calc(430 / 1440 * 100vw), 430px);
}

/* job04.html */
#main.job04 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job04/job_job04_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 460 / 89;
    width: clamp(325px, calc(460 / 1440 * 100vw), 460px);
}

/* job05.html */
#main.job05 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job05/job_job05_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 454 / 91;
    width: clamp(320px, calc(454 / 1440 * 100vw), 450px);
}

/* job06.html */
#main.job06 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job06/job_job06_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 458 / 90;
    width: clamp(298px, calc(458 / 1440 * 100vw), 460px);
}

/* job07.html */
#main.job07 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job07/job_job07_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 510 / 100;
    width: clamp(327px, 262.563px + 17.183vw, 510px);
}

/* job08.html */
#main.job08 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job08/job_job08_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 495 / 140;
    width: clamp(335px, calc(495 / 1440 * 100vw), 500px);
}

/* job11.html */
#main.job11 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job11/job_job11_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 504 / 141;
    width: clamp(344px, calc(504 / 1440 * 100vw), 500px);
}

/* job12.html */
#main.job12 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job12/job_job12_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 494 / 91;
    width: clamp(334px, calc(494 / 1440 * 100vw), 490px);
}

/* job13.html */
#main.job13 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job13/job_job13_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 495 / 90;
    width: clamp(335px, calc(495 / 1440 * 100vw), 490px);
}

/* job14.html */
#main.job14 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job14/job_job14_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 491 / 140;
    width: clamp(331px, calc(491 / 1440 * 100vw), 480px);
}

/* job15.html */
#main.job15 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job15/job_job15_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 514 / 90;
    width: clamp(354px, calc(514 / 1440 * 100vw), 510px);
}

/* job17.html */
#main.job17 .jPageMainCopy h2 {
    background: url(/recruit/job/images/rn02/job17/job_job17_title.svg) left top / 100% auto no-repeat;
    aspect-ratio: 510 / 150;
    width: clamp(350px, calc(510 / 1440 * 100vw), 510px);
}

/* ============================================
検索
============================================ */

.jSearch {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    padding: clamp(20px, 12.958px + 1.878vw, 40px) 0;
}
.jSearchWrap {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
}
.jSearchWrap ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    align-items: center;
}
.jSearchTitle {
    width: 100px;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    text-align: justify;
}
.jSearchArea {
    margin: clamp(12px, 7.775px + 1.127vw, 24px) 0 0;
}
.jSearchAreaItem,
.jSearchCategoryItem {
    min-width: 74px;
    height: 34px;
    border-radius: 17px;
    padding: 7px 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    background: #f3f3f3;
    cursor: pointer;
    transition: all 0.3s ease-out;
}
.jSearchAreaItem.active,
.jSearchCategoryItem.active {
    cursor: default;
    background: #000;
    color: #fff;
}

/* ============================================
リスト
============================================ */

.jList {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    padding: 0 0 clamp(72px, 46.648px + 6.761vw, 144px);
}
.jListWrap {
    width: 90%;
    max-width: 1280px;
    margin: clamp(32px, 20.732px + 3.005vw, 64px) auto 0;
    display: flex;
    flex-wrap: wrap;
    gap: 64px 40px;
}
.jListItem {
    width: calc((100% - 80px) / 3);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    padding: 0 0 clamp(8px, 5.183px + 0.751vw, 16px);
}
.jListItemCategory {
    position: relative;
    padding: 0 0 0 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    text-align: justify;
}
.jListItemCategory:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fa0046;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.jListItem.tech .jListItemCategory:before {
    background: #3064b9;
}
.jListItemImage {
    display: block;
    width: 100%;
    aspect-ratio: 400 / 225;
    border-radius: 4px;
    overflow: hidden;
    margin: clamp(6px, 3.887px + 0.563vw, 12px) 0 0;
    background: #f5f5f5;
}
.jListItemImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jListItemName {
    margin: clamp(10px, 6.479px + 0.939vw, 20px) 0 0;
}
.jListItemName h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
}
.jListItemText {
    margin: 8px 0 0;
}
.jListItemText h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
}
#main .jListItemText p {
    font-weight: 500;
    font-size: 13px;
    line-height: 180%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    text-align: justify;
    margin: clamp(10px, 6.479px + 0.939vw, 20px) 0 0;
}

.jListHousing {
    margin: clamp(40px, 25.915px + 3.756vw, 80px) 0 0;
}
.jListBusiness {
    margin: clamp(64px, 41.465px + 6.009vw, 128px) 0 0;
}
.jList.business_solution .jListBusiness {
    margin: clamp(40px, 25.915px + 3.756vw, 80px) 0 0;
}

.jList.sales .jListItem.tech,
.jList.tech .jListItem.sales,
.jList.business_solution .jListHousing,
.jList.housing_solution .jListBusiness {
    display: none;
}

/* ============================================
下層ページ
============================================ */

.jPageWrap {
    padding: clamp(80px, 57.465px + 6.009vw, 144px) 0;
}
.jPageBlc {
    max-width: 1280px;
    margin: 0 auto;
    width: 90%;
    display: flex;
    gap: 40px;
    align-items: flex-start;
}
.jPageBlc + .jPageBlc {
    margin: clamp(80px, 57.465px + 6.009vw, 144px) auto 0;
}
.jPageBlcTitle {
    position: sticky;
    top: 50px;
    width: 31.25%;
    min-width: 275px;
}
#main .jPageBlcTitle h3 {
    font-weight: 700;
    font-size: clamp(22px, 21.296px + 0.188vw, 24px);
    line-height: 140%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    padding: 10px 0 10px 48px;
    background: url(/recruit/common/images/rn02/icon_arrow-right.svg) left center / 38px auto no-repeat;
}
.jPageBlcCont {
    width: 65.625%;
    margin-top: 10px;
}
#main .jPageBlcCont h4 {
    font-weight: 700;
    font-size: clamp(24px, 21.183px + 0.751vw, 32px);
    line-height: 135%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
}
#main .jPageBlcCont p {
    font-weight: 500;
    font-size: clamp(14px, 13.296px + 0.188vw, 16px);
    line-height: 180%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    text-align: justify;
}
#main .jPageBlcCont p.txt_note {
    font-weight: 400;
    font-size: clamp(13px, 12.648px + 0.094vw, 14px);
    line-height: 140%;
    letter-spacing: 0.03em;
    font-feature-settings: 'palt' on;
    text-align: justify;
    margin: clamp(16px, 0.490px + 1.633vw, 24px) 0 0 !important;
    text-align: right;
}
#main .jPageBlcCont h4 + p {
    margin: clamp(20px, 18.592px + 0.376vw, 24px) 0 0;
}
#main .jPageBlcCont .jPageBlcImage + p,
#main .jPageBlcCont .jPageBlcImage + h4,
.jPageBlcCont .jPageBlcImage + .jPageBlcImage,
.jPageBlcCont h4 + .jPageBlcvImage,
.jPageBlcCont p + .jPageBlcImage {
    margin: 48px 0 0;
}
.jPageBlcImage.col_2 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.jPageBlcImage.col_2 > * {
    width: calc((100% - 8px) / 2);
}

.jPageBlcImage.col_2 .full {
    width: 100%;
}

.jPageBlcImage.col_3 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.jPageBlcImage.col_3 > * {
    width: calc((100% - 16px) / 3);
}

#main.jobPage .jPageBlcCont dl {
}
#main.jobPage .jPageBlcCont dt {
    font-weight: 700;
    font-size: clamp(18px, 17.296px + 0.188vw, 20px);
    line-height: 140%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
}
#main.jobPage .jPageBlcCont dd {
    font-weight: 500;
    font-size: clamp(14px, 13.296px + 0.188vw, 16px);
    line-height: 180%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    text-align: justify;
    margin: clamp(12px, 10.592px + 0.376vw, 16px) 0 0;
}
#main.jobPage .jPageBlcCont dd + dt {
    margin: clamp(40px, 37.183px + 0.751vw, 48px) 0 0;
}
#main.jobPage .jPageBlcCont .swiper-wrapper {
    display: flex;
}
#main.jobPage .jPageBlcCont .swiper-slide {
    width: calc(50% - 10px);
    padding: 0 10px;
}
#main.jobPage .jPageBlcCont .swiper-slide a {
    display: block;
}
#main .voiceSlideTextBox{
    padding:clamp(16px, 6.857px + 1.19vw, 24px) 0px clamp(6px, -0.857px + 0.893vw, 12px) clamp(22px, 12.857px + 1.19vw, 30px);
}
#main .jPageBlcInterview h4 {
    text-indent: -9999px;
    background: url(/recruit/images/rn02/index_voicetitle.svg) left top / contain no-repeat;
    width: 82%;
    max-width: 328px;
    aspect-ratio: 2.67164;
    margin: 37px 0 0;
}
#main .cSection02__link {
    margin: clamp(24px, 15.549px + 2.254vw, 48px) 0 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
#main .cSection02__link-icon {
    display: inline-block;
    width: 32px;
    background-color: #f3f3f3;
    border-radius: 50%;
    height: 32px;
    background-image: url(/recruit/common/images/rn02/icon_arrow-red.svg);
    background-size: 10px 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0;
}
#main .cSection02__link-icon.cSection02__link-icon--white {
    background-color: #fff;
}
#main .cSection02__link-text {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    line-height: 140%;
    font-weight: 600;
    margin-left: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#main .cSection02__link-window path,
#main .cSection02__link-window rect {
    fill: #fa0046;
}
.jPageBlcList {
}
.jPageBlcList li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: clamp(24px, 18.366px + 1.502vw, 40px) 0 clamp(24px, 18.366px + 1.502vw, 40px);
}
.jPageBlcList .name {
    position: relative;
    padding: 0 0 0 14px;
    font-weight: 700;
    font-size: clamp(18px, 17.296px + 0.188vw, 20px);
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
}
.jPageBlcList .name:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fa0046;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.jPageBlcList .text {
    margin: 12px 0 0;
    padding: 0 0 0 14px;
    font-weight: 500;
    font-size: clamp(14px, 13.296px + 0.188vw, 16px);
    line-height: 180%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    text-align: justify;
}
.jPageBlcLink {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(20px, 12.958px + 1.878vw, 40px) 32px;
}
.jPageBlcLink li {
    width: calc((100% - 32px) / 2);
}
.jPageBlcLink li a {
    position: relative;
    display: block;
    width: 100%;
    padding: 3px 0 34px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 700;
    font-size: clamp(18px, 17.296px + 0.188vw, 20px);
    line-height: 140%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
}
#main .jPageLinkArrow{
    display: block;
    width: clamp(20px, 18.592px + 0.376vw, 24px);
    height: clamp(28px, 25.887px + 0.563vw, 34px);
    position: absolute;
    right: 0;
    top: 3px;
}
#main .jPageBlcLinkArrow svg{
    width: 100%;
    height: 100%;
}
/*
.jPageBlcLink li a:after {
    content: "";
    display: block;
    width: clamp(20px, 18.592px + 0.376vw, 24px);
    height: clamp(28px, 25.887px + 0.563vw, 34px);
    background: url(/recruit/common/images/rn02/icon_arrow-right.svg) center / contain no-repeat;
    position: absolute;
    right: 0;
    top: 3px;
    transition: right 0.3s ease-out;
}
.jPageBlcLink li a:hover:after {
    right: -10px;
}
*/
#main .sliderControl {
    display: flex;
    margin-top: 24px;
    padding-left: 32px;
    gap: 16px;
    display: none;
}
#main .swiper-initialized .sliderControl {
    display: flex;
}
#main .voiceSlideCategory li{
    font-size: 10px;
}
#main .sliderControl > *{
    cursor: pointer;
    transition: opacity .3s ease-out;
}
#main .sliderControl > *:hover{
    opacity: .6;
}
#main .jPageBlcCont:has(.js-voice-slider){
    overflow: hidden;
}
#main .js-voice-slider{
}
#main .swiper-slide {
}

#main .jPageBlcCont .jPageBlcCont-title {
    font-weight: 700;
    font-size: clamp(20px, 16.4px + 0.97vw, 28px);
    line-height: 130%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    flex: 0 1 36.5%;
    margin: 0 0 40px;
}

#main .jPageBlcImage .jPageBlcImage_img-caption {
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    font-weight: 500;
    line-height: 180%;
    margin-top: 9px;
}

#main .jPageWrap .jPageBlcCont_caption {
    font-weight: 500;
    font-size: 68.75%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    margin-top: 5px;
}

#main .cSection02__caption {
    font-weight: 400;
    font-size: 92%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    line-height: 180%;
    margin-top: 10px;
}

#main .jPag__link-caption {
    font-weight: 500;
    font-size: 100%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    line-height: 180%;
}

#main .jPageBlcImage__link {
    margin: clamp(20px, 15.549px + 2.254vw, 24px) 0 48px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
#main .jPageBlcImage__link-icon {
    display: inline-block;
    width: 32px;
    background-color: #f3f3f3;
    border-radius: 50%;
    height: 32px;
    background-image: url(/recruit/common/images/rn02/icon_arrow-red.svg);
    background-size: 10px 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0;
}
#main .jPageBlcImage__link-icon.jPageBlcImage__link-icon--white {
    background-color: #fff;
}
#main .jPageBlcCont .jPageBlcImage__link-text,
#main .jPageBlcImage__link-text {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    line-height: 140%;
    font-weight: 600;
    margin-left: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#main .jPageBlcImage__link-window path,
#main .jPageBlcImage__link-window rect {
    fill: #fa0046;
}

/* Tab */
#main.jobPage #jPageTab {
}
#main.jobPage .jPageTabList {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
}
#main.jobPage .jPageTabItem {
    max-width: 320px;
    width: 46.33%;
    padding: clamp(16px, 14.592px + 0.376vw, 20px) clamp(22px, 17.775px + 1.127vw, 34px) clamp(16px, 14.592px + 0.376vw, 20px) 0;
    border-bottom: 1px solid #000000;
    position: relative;
    cursor: pointer;
    color: #1c1c1c;
}
#main.jobPage .jPageTabItem .name {
    font-weight: 700;
    font-size: clamp(16px, 15.296px + 0.188vw, 18px);
    line-height: 145%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
}
#main.jobPage .jPageTabItem .text {
    font-weight: 500;
    font-size: clamp(10px, 9.296px + 0.188vw, 12px);
    line-height: 180%;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" on;
    margin: 8px 0 0;
}
#main.jobPage .jPageTabItem:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
#main.jobPage .jPageTabItem:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    transition: background 0.3s ease-out;
}
#main.jobPage #jPageTab.is-construction .jPageTabItem[data-tab="construction"],
#main.jobPage #jPageTab.is-design .jPageTabItem[data-tab="design"] {
    cursor: default;
}
#main.jobPage #jPageTab.is-construction .jPageTabItem[data-tab="construction"]:before,
#main.jobPage #jPageTab.is-design .jPageTabItem[data-tab="design"]:before {
    background: #fa0046;
}
#main.jobPage .jPageTabCont > * {
    display: none;
    margin: 40px 0 0;
}
#main.jobPage #jPageTab.is-construction .jPageTabCont .construction,
#main.jobPage #jPageTab.is-design .jPageTabCont .design {
    display: block;
}

/* 社員の夢 */
#main.jobPage .jPageDreamList{
    margin: 48px 0 0;
}
#main.jobPage .jPageDreamList li{
    border-radius: 16px 0 16px 0;
    padding: clamp(20px, 15.775px + 1.127vw, 32px);
    background: #F3F3F3;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    font-size: clamp(20px, 18.592px + 0.376vw, 24px);
    line-height: 140%;
    text-align: justify;
    font-feature-settings: 'palt' on;
    color: #000000;
}
#main.jobPage .jPageDreamList li + li{
    margin: 8px 0 0;
}
#main.jobPage .jPageDreamLink{
    width: 320px;
    margin: 48px 0 0 auto;
}
#main.jobPage .jPageDreamLink .cLinkBtn_text{
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.03em;
    font-feature-settings: 'palt' on;
}