@charset "UTF-8";

/* ==================================================
   職種紹介ページ共通
   対象：/work/ 配下
================================================== */

.work,
.work * {
    box-sizing: border-box;
}

.work {
    margin-top: 0;
    color: #333;
    letter-spacing: 0.06em;
}

.work img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

.work ul,
.work li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.work-wrapper {
    width: min(1080px, calc(100% - 40px));
    margin: 0 auto;
    padding: 80px 0;
}

.work-bg-smoke {
    background-color: #e6f2f2;
}

.work-section-title {
    margin: 0 0 8px;
    font-size: 29px;
    font-weight: 700;
    line-height: 1.45;
}

.work-title-en,
.work-section-title .work-title-en {
    display: block;
    margin-bottom: 2px;
    color: #20adac;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}

.work-text {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
}

/* ==================================================
   職種一覧
================================================== */

.work-jobs-list-section {
    margin-bottom: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #eee;
}

.work-jobs-list-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.work-jobs-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 32px;
}

.work-jobs-list-item {
    overflow: hidden;
    position: relative;
    border: 1px solid #d3d3d3;
    border-radius: 12px;
    background: #fff;
    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.work-jobs-list-item:not(.is-coming-soon):hover {
    border-color: #20adac;
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(32, 173, 172, 0.12);
}

.work-jobs-list-link {
    display: block;
    height: 100%;
    color: #333;
    text-decoration: none;
}

.work-jobs-list-item:not(.is-coming-soon) .work-jobs-list-link:hover {
    color: #20adac !important;
}

.work-jobs-list-img {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 2 / 1;
    background: #f4f4f4;
}

.work-jobs-list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.work-jobs-list-item:not(.is-coming-soon):hover .work-jobs-list-img img {
    transform: scale(1.03);
}

.work-jobs-list-title {
    margin: 0;
    padding: 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.work-jobs-list-item.is-coming-soon {
    cursor: default;
}

.work-jobs-list-item.is-coming-soon .work-jobs-list-link {
    color: #777;
}

/* ==================================================
   新着求人
================================================== */

.work-job-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 32px;
}

.work-job-item {
    position: relative;
    min-width: 0;
    border: 1px solid #d3d3d3;
    border-radius: 12px;
    background: #fff;
    transition: border-color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.work-job-item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 11px;
    height: 11px;
    border-top: 3px solid #a0c5c5;
    border-right: 3px solid #a0c5c5;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
    transition: transform 0.3s ease;
}

.work-job-item:hover {
    border-color: #20adac;
    background-color: #f6f8f7;
    transform: translateY(-2px);
}

.work-job-item:hover::after {
    transform: translateY(-50%) translateX(4px) rotate(45deg);
}

.work-job-link {
    display: block;
    height: 100%;
    padding: 22px 42px 20px 22px;
    color: #333;
    text-decoration: none;
}

.work-job-link:hover {
    color: #333 !important;
}

.work-job-desc {
    margin: 0 0 14px;
    color: #20adac;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
}

.work-job-position,
.work-job-facility,
.work-job-facility-name {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.5;
}

.work-job-label {
    display: inline-block;
    min-width: 62px;
    margin-right: 8px;
    padding: 3px 5px;
    border-radius: 4px;
    background: #c7dada;
    font-size: 11px;
    line-height: 1.4;
    text-align: center;
    vertical-align: 1px;
}

.work-more-link-wrap {
    margin-top: 32px;
    text-align: right;
}

.work-more-link {
    display: inline-block;
    position: relative;
    min-width: 240px;
    padding: 15px 50px 15px 28px;
    border-radius: 999px;
    background: #20adac;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.work-more-link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
}

.work-more-link:hover {
    color: #fff !important;
    opacity: 0.85;
    transform: translateY(-2px);
}

.work-more-link:hover::after {
    transform: translateY(-50%) translateX(3px) rotate(45deg);
}

.work-no-jobs {
    margin: 32px 0 0;
    padding: 24px;
    border-radius: 8px;
    background: #fff;
    text-align: center;
}

/* ==================================================
   Tablet / Smartphone
================================================== */

@media screen and (max-width: 768px) {
    .work-wrapper {
        width: min(100% - 32px, 680px);
        padding: 56px 0;
    }

    .work-section-title {
        font-size: 25px;
    }

    .work-title-en,
    .work-section-title .work-title-en {
        font-size: 14px;
    }

    .work-text {
        font-size: 15px;
    }

    .work-jobs-list-section {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    .work-jobs-list,
    .work-job-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 480px) {
    .work-wrapper {
        width: calc(100% - 30px);
        padding: 44px 0;
    }

    .work-section-title {
        font-size: 22px;
    }

    .work-text {
        font-size: 14px;
    }

    .work-jobs-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 24px;
    }

    .work-jobs-list-title {
        padding: 12px 10px;
        font-size: 14px;
    }

    .work-job-list {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 24px;
    }

    .work-job-link {
        padding: 18px 38px 17px 16px;
    }

    .work-job-item::after {
        right: 16px;
    }

    .work-job-desc {
        font-size: 15px;
    }

    .work-job-position,
    .work-job-facility,
    .work-job-facility-name {
        font-size: 12px;
    }

    .work-job-label {
        min-width: 55px;
        font-size: 10px;
    }

    .work-more-link-wrap {
        margin-top: 24px;
        text-align: center;
    }

    .work-more-link {
        width: 100%;
        min-width: 0;
    }
}

/* ==================================================
   職種詳細ページ（看護師・介護士ほか）
   支給CSSを基準に統合
================================================== */

/* Nurse work page styles - Class names only */

.work{margin-top: 0;}

.work-wrapper {
    width: 1080px;
    margin: 0 auto;
    padding:5rem 0;
}
.work-bg-gray{background: #f8f8f8;}
.work-bg-smoke{background-color: #e6f2f2;}
.work-bg-grd{background-image: linear-gradient(90deg, rgba(0, 175, 187, 1) 10%, rgba(0, 190, 128, 1) 90%);color:#FFF;}
.work-bg-grd .work-title-en{color:#FFF;}

.ls--3{letter-spacing: -0.05em;}

/* Common */
.work-section-title {font-size:1.8rem;font-weight:700;margin-bottom: 0.5rem;}
.work-title-en {color:#20adac;display:block;font-weight:700;font-size:1.5rem;line-height:1.5em;}
.work-text-content {}
.work-text {}
.work-text-content p{padding:1em 0; margin:0; font-size:1em; line-height:1.8em;}
.work-note {}
.work-list {}

.work-column-2{display:flex; justify-content:space-between; gap:3em;}
.work-block {}
.work-block_01 {flex:1;}
.work-block_02 {flex:2;}



/* Image box */
.work-image-box {border-radius:2rem; overflow:hidden;}
.work-image-box img{margin-bottom: 0;}
.work-image-placeholder {}

/* Quote box */
.work-quote-box {}
.work-quote-box ul > li{padding:0.3em 0; margin:0; }
.work-quote {}

/* About section */
.work-about {}
/* .work-about .work-wrapper{margin-top:-5rem;} */

.work-about .work-image-box{
    aspect-ratio: 4 / 3;
}

.work-about .work-image-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.work-image-gallery{
    display: flex;
    flex-wrap: wrap;
    gap:2rem;
    margin: 2rem 0;
}

.work-image-gallery-item{
    width: calc((100% - 4rem) / 3);
    border-radius: 1rem;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}

/* Job content section */
.work-content {}

.work-content-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin:2rem 0 4rem;
}

.work-content-list li {
    width: calc((100% - 60px) / 2);
    border-radius: 16px;
    padding: 30px 30px 20px;
    list-style: none;
    box-sizing: border-box;
    background-color: #FFF;
}

.work-content-list li  .work-subsection-title {
    font-size: 1.3rem;
    font-weight: bold;
    color: #20adac;
    display: flex;
    align-items: center;
}

.work-content-list li .work-subsection-title::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 0.5em;
    flex-shrink: 0;
    background-image: url('../img/work/check.svg');
    background-size: contain;
    background-repeat: no-repeat;
}


.work-section-title span{
    font-size: 1rem;
    color: #20adac;
    display: block;
}

.work-section-title{
    font-size: 1.8rem;
    font-weight: bold;
}


.work-content-list li p {
    font-size: 0.9rem;
    line-height: 1.65;
    color: #333;
}








/* Schedule section */
.work-schedule {}
.work-schedule-list {margin:2rem 0;position:relative;padding-left: 8rem;}
.work-schedule-item {display:flex; align-items:center; padding:2rem 0;position:relative;
background: #fff; border-radius: 1rem; margin-bottom: 1rem; padding:2rem;}
.work-schedule-time {font-size:2rem; font-weight:700; color:#20adac;flex:1;}
.work-schedule-content {flex:6;}
.work-schedule-title {font-size:1.5rem; font-weight:700; margin-bottom:0.5rem;}
.work-schedule-text {}


.work-schedule-list:before{
    content: "";
    width: 2px;
    height: 100%;
    background: #d6e0dc;
    position: absolute;
    top: 0;
    left: 4rem;
}

.work-schedule-item :before{
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 500px;
    background: #20adac;
    position: absolute;
    top: 50%;
    left: -4.7rem;
    margin-top: -0.75rem;
}
.work-schedule-item ::after{

content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    border-width: 12px 14px 12px 0px;
    position: absolute;
    top: 50%;
    left: -12px;
    margin-top: -12px;
}

/* Appeal section */
.work-appeal {

}
.work-appeal-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:2rem;
    margin: 3rem 0;
}

.work-appeal-item {
    width: 48%;
    border-radius: 1rem;
    padding:2rem;
    box-sizing: border-box;
    position: relative;
    border:#eee 1px solid;
}

.work-appeal-number {
    color:#20adac;
    font-weight:700;
}
.work-appeal-title {
    font-weight:700;
    font-size:1.3rem;
    margin-bottom:0.5rem;
}

/* Target sections */
.work-target-inexperienced {}
.work-target-experienced {}
.work-target-blank {}

.work-message-title {
  position: relative;
  padding: 0 65px;
  text-align: center;
  font-size: 2rem;
  color:#20adac;
  font-weight: 700;
}

.work-message-title:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #20adac;
}

.work-message-title span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.work-message-wrap{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: 3rem 0;
}

.work-target{
    flex:1;
    padding: 2rem 2rem 1rem;
    border-radius: 1rem;
    background: #f8f8f8;
}

.work-target .work-subsection-title{
    text-align: center;
    color: #20adac;
    font-size: 1.3rem;
    font-weight: 700;
}

.work-target .work-subsection-title-en{
    display: block;
    font-size: 1rem;
    color: #333;
}

/* Interview section */
.work-interview {}
.work-interview-lead {}
.work-video-placeholder {}
.work-placeholder-text {}

/* Welcome section */
.work-welcome {
    
}

.work-welcome-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 2rem 0;
}
.work-welcome-item {
    border-radius: 1rem;
    border: 1px solid #eee;
    padding:2rem;
    width: 49%;
    box-sizing: border-box;
}
.work-welcome-title {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.work-welcome-title::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 0.5em;
    flex-shrink: 0;
    background-image: url('../img/work/check.svg');
    background-size: contain;
    background-repeat: no-repeat;
}



/* FAQ section */
.work-faq {}

.work-faq-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin: 2rem 0;
    margin-left: auto;
    margin-right: auto;
}

.work-faq-item {
    background-color: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
}

.work-faq-question {
    display: block;
    list-style: none;
    background-color: #FFF;
    padding: 15px 55px 15px 60px;
    font-weight: 600;
    color: #333;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.work-faq-question:hover {
    background-color: #eef7f7;
}

.work-faq-question::marker {
    content: "";
}

.work-faq-question::-webkit-details-marker {
    display: none;
}

.work-faq-question span {
    display: none;
}

.work-faq-question::before {
    content: "Q";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: #01abb2;
    color: #FFF;
    border: 3px solid #01abb2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 14px;
}

.work-faq-question::after {
    content: '+';
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #01abb2;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    transition: all 0.3s ease;
}

.work-faq-question:hover::after {
    color: #01abb2;
}

.work-faq-item[open] > .work-faq-question {
    background-color: #eef7f7;
}

.work-faq-item[open] > .work-faq-question::after {
    content: '−';
    color: #01abb2;
}

.work-faq-answer {
    padding: 20px 20px 20px 60px;
    line-height: 1.6;
    color: #555;
    position: relative;
    background-color: #fff;
}

.work-faq-answer::before {
    content: "A";
    position: absolute;
    left: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    background-color: white;
    color: #01abb2;
    border: 3px solid #01abb2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 14px;
}

.work-faq-answer a {
    color: #01abb2;
    text-decoration: underline;
}

.work-faq-answer a:hover {
    color: #018b91;
    text-decoration: none;
}

.work-faq-answer ul {
    margin: 10px 0;
    padding-left: 5px;
    list-style: none;
}

.work-faq-answer li {
    margin-bottom: 5px;
    line-height: 1.6;
    position: relative;
    padding-left: 20px;
}

.work-faq-answer li::before {
    content: "●";
    color: #66c4c8;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 2px;
}

.work-faq-answer p {
    margin: 0.5em 0;
}

/* CTA section */
.work-cta {}

.work-cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.work-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.6rem 2rem 1.6rem 6rem;
    font-size: 1.2rem;;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
    
}

.work-cta-button::after {
    content: '→';
    margin-left: 1em;
    transition: transform 0.3s ease;
}

.work-cta-button:hover {
    transform: translateY(-4px);
    box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}

.work-cta-button:hover::after {
    transform: translateX(4px);
}

.work-cta-button-primary {
    background-color: #fff;
    color: #20adac;
}

.work-cta-button-secondary {
    background-color: #ff9800;
    color: #fff;
}

.work-cta-button-icon {
    width: 6rem;
    height: 6rem;
    margin-right: 0.5em;
    position: absolute;
}

.work-cta-button-primary .work-cta-button-icon {
    left: 1.4rem;
    top: -0.8rem;
}

.work-cta-button-secondary .work-cta-button-icon {
    left: -0.5rem;
}

.work-cta-button-primary:hover {
    color: #20adac;
}

.work-cta-button-secondary:hover {
    color: #fff;
}


.work-cta .work-section-title{
    text-align: center;
}

.work-cta .work-column-2{
    justify-content: center;
    align-items: center;
}

.work-footer{
    margin-bottom:-5rem;

}

/* Video styles */
.work-video-placeholder {
    display: flex;
    gap: 2rem;
    justify-content: center;
    align-items: flex-start;
}

.video-wrapper {
    flex: 1;
    max-width: 500px;
}

.video-wrapper video {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Video styles */
.work-video-placeholder_S {
    display: flex;
    gap: 2rem;
    justify-content: center;
    align-items: flex-start;
    margin-top: 2rem;
}

.video-wrapper_S {
    flex: 1;
}

.video-wrapper_S video {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


.work-job-list{
    display: flex;
    flex-wrap: wrap;
    gap:1rem;
    margin: 2rem 0;
}

.work-job-item{
    position: relative;
    width: calc((100% - 3rem) / 3);
    border-radius: 12px;
    padding: 1.4rem 2rem 1.2rem 1.4rem;
    box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #d3d3d3;
    transition: all 0.3s ease;
}

.work-job-item::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 1.4rem;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 3px solid #a0c5c5;
    border-right: 3px solid #a0c5c5;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
}

.work-job-item:hover{
    border: 1px solid #20adac;
    background-color: #f6f8f7;
}

.work-job-item:hover::after{
    transform: translateY(-50%) translateX(4px) rotate(45deg);
}

.work-job-link:hover{
    color: #333;
}

.work-job-desc{
    font-size: 1.1rem;
    line-height: 1.65;
    color: #20adac;
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.8rem;
}

.work-job-position ,.work-job-facility{
    display: block;
    line-height: 1.3;
}

.work-job-position:hover ,.work-job-facility:hover{
    color: #333;
}


.work-job-label{
    display: inline-block;
    padding: 0.2rem 0.3rem;
    font-size: 0.7rem;
    background-color: #c7dada;
    border-radius: 4px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.work-more-link-wrap{
    text-align: right;
}

.work-more-link{
    display: inline-block;
    padding: 0.8rem 3rem 0.8rem 2rem;
    font-size: 1rem;
    font-weight: 700;
    color: #FFF;
    background-image: linear-gradient(90deg, rgba(0, 175, 187, 1) 10%, rgba(0, 190, 128, 1) 90%);
    border-radius: 200px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.work-more-link:hover{
    color:#FFF;
    transform: translateY(-4px);
}

.work-more-link::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 1.4rem;
    width: 0.5rem;
    height: 0.5rem;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
}

.work-more-link:hover::after{
    transform: translateY(-50%) translateX(4px) rotate(45deg);
}

.work-footer-links-title{
    position: relative;
    font-size: 1.6rem;
    font-weight: 700;
    display:flex;
    align-items: center;
    margin-top:2rem;
}

.work-footer-links-title::before{
    content: "-";
    margin-right: 0.5rem;
    color: #20adac;
}


.work-interviews-link-list{
    display: flex;
    flex-wrap: wrap;
    gap:1rem;
    margin: 2rem 0;
}


.work-interviews-link-item{
    position: relative;
    width: calc((100% - 3rem) / 3);
    border-radius: 12px;
    box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #d3d3d3;
    transition: all 0.3s ease;
    overflow: hidden;
}

.work-interviews-link-item a:hover{
    color: #20adac!important;
}

.work-interviews-link-item:hover{
    color: #20adac!important;
    border: 1px solid #20adac;
    transform: translateY(-4px);
}

.work-interviews-link-img{
    width: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    overflow: hidden;
}

.work-interviews-link-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.work-interviews-link-title{
    font-size: 1rem;
     font-weight: 700;
    line-height: 1.35;
    padding:1rem;
}


/* ======================================= */
/* SP版 Nurse work page styles            */
/* ======================================= */

/* メディアクエリ: 768px以下 */
@media screen and (max-width: 768px) {

    /* 基本レイアウト */

    .work {
        margin: 0;
    }

    .work-pillar{
        margin-top: -7vw;
    }

    .work-wrapper {
        width: 100%;
        margin: 0 auto;
        padding: 12vw 7vw;
        box-sizing: border-box;
    }

    /* タイトル関連 */
    .work-section-title {
        font-size: 6vw;
        font-weight: 700;
        margin-bottom: 2vw;
    }

    .work-title-en {
        color: #20adac;
        display: block;
        font-weight: 700;
        font-size: 4vw;
        line-height: 1.5em;
    }

    /* テキスト関連 */
    .work-text-content p {
        padding: 2vw 0;
        margin: 0;
        font-size: 3.8vw;
        line-height: 1.8em;
    }

    .work-text {
        font-size: 3.8vw;
        line-height: 1.8em;
    }

    /* カラムレイアウト */
    .work-column-2 {
        display: flex;
        flex-direction: column;
        gap: 2vw;
    }

    .work-column-reverse-sp{
        flex-direction: column-reverse;
    }

    .work-block_01 {
        flex: 1;
    }

    .work-block_02 {
        flex: 1;
    }

    /* 画像ボックス */
    .work-image-box {
        border-radius: 2vw;
        overflow: hidden;
    }

    /* about */
    .work-about .work-wrapper {
        margin-top: -15vw;
    }

    .work-about .work-image-box {
        width: calc(100% + 14vw);
        margin: 0 -7vw 5vw;
        aspect-ratio: 2 / 1;
        border-radius: 0;
    }

    /* iamge-gallery */
    .work-image-gallery{
        display: flex;
        flex-wrap: wrap;
        gap: 5vw;
        margin: 5vw 0 0;
    }

    .work-image-gallery-item{
        width: calc((100% - 91vw / 2));
        border-radius: 3vw;
        overflow: hidden;
        aspect-ratio: 4 / 3;
    }

    .work-image-gallery-item:last-child{
        display: none;
    }


    /* リスト関連 */
    .work-content-list {
        display: flex;
        flex-direction: column;
        gap: 3vw;
        margin: 2vw 0 3vw;
    }

    .work-content-list li {
        width: 100%;
        border-radius: 4vw;
        padding: 6vw;
    }

    .work-content-list li .work-subsection-title {
        font-size: 4.8vw;
        font-weight: bold;
        color: #20adac;
        text-align: center;
        padding-bottom: 5vw;
        border-bottom: 1px dotted #eee;
        margin-bottom: 2vw;
    }

    .work-content-list li p {
        font-size: 3.8vw;
        line-height: 1.65;
        color: #333;
    }

    /* スケジュール */
    .work-schedule-list {
        margin: 4vw 0;
        padding-left: 8vw;
    }

    .work-schedule-list:before {
        left: 1vw;
        width: 0.5vw;
    }

    .work-schedule-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2vw;
        padding: 5vw;
        background: #fff;
        border-radius: 3vw;
        margin-bottom: 4vw;
    }

    .work-schedule-item:last-child {
        margin-bottom: 0;
    }

    .work-schedule-item :before {
        width: 5vw;
        height: 5vw;
        left: -8.5vw;
        margin-top: -1vw;
    }

    .work-schedule-item ::after {
        border-width: 1.5vw 1.75vw 1.5vw 0;
        left: -1.5vw;
        margin-top: -1.5vw;
    }

    .work-schedule-time {
        font-size: 5vw;
        font-weight: 700;
        color: #20adac;
        flex: none;
    }

    .work-schedule-content {
        flex: none;
        width: 100%;
    }

    .work-schedule-title {
        font-size: 4.2vw;
        font-weight: 700;
        margin-bottom: 1.5vw;
    }

    .work-schedule-text {
        font-size: 3.5vw;
        line-height: 1.7;
    }

    /* アピールセクション */
    .work-appeal-list {
        display: flex;
        flex-direction: column;
        gap: 7vw;
        margin: 7vw 0;
    }

    .work-appeal-item {
        width: 100%;
        border-radius: 3vw;
        padding: 6vw;
        border: 1px solid #eee;
    }

    .work-appeal-number {
        color: #20adac;
        font-weight: 700;
        font-size: 4vw;
        margin-bottom: 2vw;
    }

    .work-appeal-title {
        font-weight: 700;
        font-size: 5vw;
        margin-bottom: 2vw;
        line-height: 1.35;
    }

    /* メッセージセクション */
    .work-message-title {
        font-size: 4.5vw;
        color: #20adac;
        font-weight: 700;
        text-align: center;
        padding: 0 2vw;
    }

    .work-message-wrap {
        display: flex;
        flex-direction: column;
        gap: 7vw;
        margin: 7vw 0 0;
    }

    .work-target {
        flex: 1;
        padding: 8vw 6vw 5vw;
        border-radius: 1.5vw;
        background: #f8f8f8;
    }

    .work-target .work-subsection-title {
        text-align: center;
        color: #20adac;
        font-size: 6vw;
        font-weight: 700;
        margin-bottom: 2vw;
    }

    .work-target .work-subsection-title-en {
        display: block;
        font-size: 3vw;
        color: #5f5f5f;
    }

    /* ウェルカムセクション */
    .work-welcome-list {
        display: flex;
        flex-direction: column;
        gap: 1.5vw;
        margin: 0;
    }

    .work-welcome-item {
        border-radius: 1.5vw;
        border: 0;
        border-bottom: 1px solid #eee;
        padding: 5vw 0;
        width: 100%;
    }
    .work-welcome-item:last-child {
        border-bottom: 0;
    }

    .work-welcome-title {
        display: flex;
        align-items: center;
        font-size: 4.2vw;
        position: relative;
        padding-left: 7vw;
    }

    .work-welcome-title::before {
        width: 5vw;
        height: 5vw;
        margin-right: 0;
        position: absolute;
        top: 0.8vw;
        left: 0vw;
    }

    /* FAQ セクション */
    .work-faq-list {
        gap: 5vw;
        margin: 4vw 0;
    }

    .work-faq-item {
        border-radius: 2vw;
    }

    .work-faq-question {
        padding: 3.2vw 13vw 3.2vw 14.7vw;
        font-size: 4vw;
    }

    .work-faq-question::before {
        left: 3.2vw;
        width: 7.5vw;
        height: 7.5vw;
        font-size: 3.5vw;
    }

    .work-faq-question::after {
        right: 4vw;
        width: 6.5vw;
        height: 6.5vw;
        font-size: 4vw;
    }

    .work-faq-answer {
        padding: 4vw 4vw 4vw 14.7vw;
    }

    .work-faq-answer::before {
        left: 3.2vw;
        top: 5.3vw;
        width: 7.5vw;
        height: 7.5vw;
        font-size: 3.5vw;
    }

/* video */

.work-video-placeholder_S {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: flex-start;
    margin-top: 1rem;
    flex-direction: column;
}

    /* CTA ボタン */
    .work-cta-buttons {
        margin-top: 2vw;
        gap: 6vw;
        margin-top: 2vw;
        width: 100%;
    }

    .work-cta-button {
        padding: 5vw 4vw 5vw 15vw;
        font-size: 4.5vw;
        border-radius: 1.5vw;
        width: 100%;
        box-sizing: border-box;
    }

    .work-cta-button::after {
        margin-left: 0.5em;
        font-size: 3.5vw;
    }

    .work-cta-button:hover {
        transform: translateY(-2px);
    }

    .work-cta-button-icon {
        width: 20vw;
        height: 20vw;
    }

    .work-cta-button-primary .work-cta-button-icon {
        left: 2.8vw;
        top: -1.8vw;
    }

    .work-cta-button-secondary .work-cta-button-icon {
        left: -3.5vw;
    }

    .work-cta-button-primary {
        background-color: #fff;
        color: #20adac;
    }

    .work-cta-button-secondary {
        background-color: #ff9800;
        color: #fff;
    }

    /* 新着求人 */
    .work-job-list {
        gap: 4vw;
        margin: 4vw 0;
    }

    .work-job-item {
        width: 100%;
        border-radius: 3vw;
        padding: 4vw 5vw 3.5vw 4vw;
    }

    .work-job-item::after {
        right: 5vw;
        width: 2.2vw;
        height: 2.2vw;
        border-top: 0.6vw solid #a0c5c5;
        border-right: 0.6vw solid #a0c5c5;
    }

    .work-job-desc {
        font-size: 4vw;
        margin-bottom: 2vw;
    }

    .work-job-position,
    .work-job-facility {
        font-size: 3.5vw;
    }

    .work-job-label {
        padding: 1vw 1.5vw;
        font-size: 3vw;
        border-radius: 1vw;
        margin-right: 2vw;
        margin-bottom: 1.5vw;
    }

    /* もっと見るリンク */
    .work-more-link-wrap {
        text-align: center;
        margin-top: 2vw;
    }

    .work-more-link {
        display: block;
        padding: 3.5vw 9vw 3.5vw 6vw;
        font-size: 3.8vw;
        box-sizing: border-box;
    }

    .work-more-link::after {
        right: 5vw;
        width: 1.8vw;
        height: 1.8vw;
        border-top: 0.6vw solid #ffffff;
        border-right: 0.6vw solid #ffffff;
    }

    /* 関連情報 見出し */
    .work-footer-links-title {
        font-size: 5.5vw;
        margin-top: 6vw;
    }

    .work-footer-links-title::before {
        margin-right: 1.5vw;
    }

    /* 関連職種・インタビュー一覧 */
    .work-jobs-list,
    .work-interviews-link-list {
        flex-direction: column;
        gap: 4vw;
        margin: 4vw 0;
    }

    .work-jobs-list-item,
    .work-interviews-link-item {
        width: 100%;
        border-radius: 3vw;
    }

    .work-jobs-list-title,
    .work-interviews-link-title {
        font-size: 4vw;
        padding: 4vw;
    }
}

/* ==================================================
   WordPress組み込み用の補正
================================================== */

/* 職種TOPで確認済みの本文下余白 */
.work .work-text {
    margin: 0 0 2rem !important;
}

/* page-nurse.php側の施設名フィールドにも共通表示を適用 */
.work-job-facility-name {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.5;
}

/* 支給CSSの画像指定を確実に適用 */
.work-image-gallery-item img,
.work-interviews-link-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}

/* FAQ本文内では全体用の2rem余白を解除 */
.work .work-faq-answer .work-text {
    margin-bottom: 0 !important;
}

/* ==================================================
   最終上書き：職種TOP本文下余白
================================================== */
.work .work-text {
    margin: 0 0 2rem !important;
}
/* 職種TOPのカード一覧だけ上余白を解除 */
.work .work-jobs-list-section .work-jobs-list {
    margin-top: 0 !important;
}

/* 関連情報の見出しと一覧の余白 */
.work .work-footer-links-title {
    margin: 2rem 0 0;
}

.work .work-footer-links-title + .work-jobs-list,
.work .work-footer-links-title + .work-interviews-link-list {
    margin-top: 2rem !important;
}
/* =========================================
   見学・面談CTA 最終調整
========================================= */

.work-cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.work-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.6rem 2rem 1.6rem 6rem;
    font-size: 1.2rem;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1);
}

.work-cta-button::after {
    content: "→";
    margin-left: 1em;
    transition: transform 0.3s ease;
}

.work-cta-button-primary {
    background-color: #fff;
    color: #20adac;
}

.work-cta-button-secondary {
    background-color: #ff9800;
    color: #fff;
}

.work .work-cta-button-icon {
    width: 6rem;
    height: 6rem;
    max-width: none;
    margin-right: 0.5em;
    position: absolute;
    object-fit: contain;
}

.work-cta-button-primary .work-cta-button-icon {
    left: 1.4rem;
    top: -0.8rem;
}

.work-cta-button-secondary .work-cta-button-icon {
    left: -0.5rem;
}

.work-cta .work-section-title {
    text-align: center;
}

.work-cta .work-column-2 {
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .work-cta-buttons {
        margin-top: 2vw;
        gap: 6vw;
        width: 100%;
    }

    .work-cta-button {
        padding: 5vw 4vw 5vw 15vw;
        font-size: 4.5vw;
        border-radius: 1.5vw;
        width: 100%;
        box-sizing: border-box;
    }

    .work-cta-button::after {
        margin-left: 0.5em;
        font-size: 3.5vw;
    }

.work .work-cta-button-icon {
    width: 20vw;
    height: 20vw;
}
    .work-cta-button-primary .work-cta-button-icon {
        left: 2.8vw;
        top: -1.8vw;
    }

    .work-cta-button-secondary .work-cta-button-icon {
        left: -3.5vw;
    }
}
@media screen and (max-width: 768px) {
    .work .work-footer-links-title + .work-jobs-list,
    .work .work-footer-links-title + .work-interviews-link-list {
        margin-top: 4vw !important;
    }
}


/* ==================================================
   /workculture/ 配下・資格取得支援制度
   支給CSS
================================================== */

/*------------------------------------
SP/PC切り替え
------------------------------------*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.PC-CSS { display: inline-block !important; }
.SP-CSS { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width:599px) {
.PC-CSS { display: none !important; }
.SP-CSS { display: inline-block !important;}
.SP-none{ display: none !important; }
}

.text-center{text-align:center;}

#workculture-page{
    width: 1080px;
    margin: 0 auto;
}

#workculture-page h3 {
    font-size: 1.8em;
    border-bottom: solid 3px #EEE;
    position: relative;
    padding: 15px 0;
    margin-bottom: 30px;
    font-weight: bold;
}

#workculture-page h3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #27a5a4;
    bottom: -3px;
    width: 30%;
}

#workculture-page h4 {
    font-size: 1.4em;
    font-weight: bold;
    margin:0 0 1em 0;
    border-left: solid 5px #27a5a4;
    padding-left:1rem;
}

#workculture-page h5 {
    font-size: 1.2em;
    font-weight: bold;
    margin:0 0 1em 0;
}

#workculture-page p{padding: 0 0 1em 0; margin:0; font-size:1em; line-height:1.8em;}

#workculture-page section{margin-bottom:4rem}

#workculture-page .column-2{display:flex; justify-content:space-between; gap:3em;}
#workculture-page .column-3{display:flex; justify-content:space-between; gap:3em;}
#workculture-page .column-4{display:flex; justify-content:space-between; gap:3em;}
#workculture-page .block_01 {flex:1;}
#workculture-page .block_02 {flex:2;}
#workculture-page .block_03 {flex:3;}
#workculture-page .block_04 {flex:4;}

#workculture-page .image-box {border-radius:1rem; overflow:hidden;height: min-content;}
#workculture-page .image-box img{margin-bottom: 0;}

#workculture-page .faq-question {cursor: pointer;}

#workculture-page .mt-1rem{margin-top:1rem;}
#workculture-page .mt-2rem{margin-top:2rem;}

#workculture-page .page-link-wrap{
    display: inline-flex;
    gap:1rem;
}

#workculture-page .page-link{
    display: inline-block;
    padding: 0.8rem 2.5rem 0.8rem 1rem;
    border: solid 1px #d6e0dc;
    text-decoration: none;
    border-radius: 0.3rem;
    transition: all 0.3s ease;
    position: relative;
    font-weight: bold;
}

#workculture-page .page-link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.4rem;
    width: 0.5rem;
    height: 0.5rem;
    border-top: 3px solid #27a5a4;
    border-right: 3px solid #27a5a4;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
}

#workculture-page .page-link:hover{
    border: solid 1px #27a5a4;
    color: #27a5a4;
}

/*-----------------------------------------
リストスタイル
-----------------------------------------*/

#workculture-page ul{padding: 0 0 1em 0;}

#workculture-page .list-bullet li{
  position: relative;
  padding-left: 1.5em;
  padding-top: 4px;
  padding-bottom: 4px;
}

#workculture-page .list-bullet li::after {
  content: "";
  position: absolute;
  left: 0.2em; 
  top: 1em;
  transform: translateY(-50%);
  width: 8px; 
  height: 8px; 
  background-color: #27a5a4; 
  border-radius: 50%;
}

#workculture-page .list-dash li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.3em 0;
  padding-left: 2em;
}

#workculture-page .list-dash  li::before {
  content: "";
  transform: translateY(-50%);
  width: 1.5em; 
  height: 0.5px;
  background-color: #b1b1b1;
content: "";
  position: absolute;
  left: 0.2em; 
  top: 1.1em;
}

#workculture-page .flow-list{
    position: relative;
    padding-left: 5em;
}

#workculture-page .flow-list:before {
    content: "";
    width: 2px;
    height: 100%;
    background: #d6e0dc;
    position: absolute;
    top: 0;
    left: 2em;
}

#workculture-page .flow-list li{
    position: relative;
    margin-bottom: 2em;
}

#workculture-page .flow-list li:before {
    content: "";
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 500px;
    background: #20adac;
    position: absolute;
    left: -3.8rem;
}

#workculture-page .flow-list li h5{
    font-size: 1.3em;
    margin-bottom: 0.5em;
}

#workculture-page .flow-list li span{
    color: #20adac;
    font-weight: bold;
}






.workculture-page-info{
    background-color: #e6f2f2;
    padding: 2rem 0;
}

.workculture-page-info-title {font-size:1.8rem;font-weight:700;margin-bottom: 0.5rem;}
.workculture-page-info-title-en {color:#20adac;display:block;font-weight:700;font-size:1rem;line-height:1.5em;}

.workculture-page-info ul{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem 0;
}

.workculture-page-info li{
    width: calc((100% - 2rem) / 3);
}

.workculture-page-info a{
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 0.8rem;
    padding:1rem 1.5rem;
    text-decoration: none;
    font-weight: bold;
    border: solid 1px #d6e0dc;
    font-size: 1.1rem;
    position: relative;
    transition: all 0.3s ease;
}

.workculture-page-info a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.4rem;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 3px solid #a0c5c5;
    border-right: 3px solid #a0c5c5;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
}

.workculture-page-info img{
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1.5rem;
}

.workculture-page-info a:hover{
    background-color: #fff;
    border: solid 1px #20adac;
    color: #20adac; 
}

.workculture-page-info a:hover::after{
    transform: translateY(-50%) translateX(4px) rotate(45deg);
}


/*-----------------------------------------
values-list
-----------------------------------------*/





.values-list h5{
    font-size: 1.6em!important;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    padding-left: 3rem;
    position: relative;
}

.values-list h5 span{
    color:#20adac;
    font-size: 1.2em!important;
    margin-right: 0.5rem;
    
}

.values-list h5 span::before {
    content: "";
    transform: translateY(-50%);
    width: 1.3em;
    height: 0.5px;
    background-color: #20adac;
    content: "";
    position: absolute;
    left: 0;
    top: 55%;
}

.values-list > li{
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: solid 1px #d6e0dc;
}

.values-list > li:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

#workculture-page .random-list-left {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}

#workculture-page .random-list-right {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    flex-direction: row-reverse;
}




/*-----------------------------------------
スマートフォン版（768px以下）
-----------------------------------------*/
@media (max-width: 768px) {
    #workculture-page{
        width: 100%;
        margin: 0 auto;
    }

    #workculture-page h3 {
        font-size: 6vw;
        padding: 2.5vw 0;
        line-height: 1.2;
        margin-bottom: 4vw;
    }

    #workculture-page h3:after {
        width: 50%;
    }

    #workculture-page h4 {
        font-size: 5vw;
        margin: 0 0 0.8em 0;
        padding-left: 0.8rem;
    }

    #workculture-page h5 {
        font-size: 4.2vw;
    }

    #workculture-page p {
        padding: 0 0 4vw 0;
        margin: 0;
        font-size: 3.8vw;
        line-height: 1.8em;
    }

    #workculture-page section {
        margin-bottom: 10vw;
    }

    /* 複数列レイアウトを1列に */
    #workculture-page .column-2,
    #workculture-page .column-3,
    #workculture-page .column-4 {
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }

      #workculture-page .column-reverse{
        flex-direction: column-reverse;
      }

    #workculture-page .block_01,
    #workculture-page .block_02,
    #workculture-page .block_03,
    #workculture-page .block_04 {
        flex: initial;
    }

    #workculture-page .image-box {
        height: auto;
    }

    /* リストスタイル調整 */
    #workculture-page li {
        font-size: 3.8vw;
    }

    #workculture-page .list-bullet li {
        padding-left: 5vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

    #workculture-page .list-dash li {
        padding: 0.5vw 0;
        padding-left: 6vw;
    }

    #workculture-page .list-dash li::before {
        content: "";
        transform: translateY(-50%);
        width: 5vw;
        height: 0.5px;
        background-color: #b1b1b1;
        content: "";
        position: absolute;
        left: 0;
        top: 3vw;
    }

    #workculture-page .flow-list {
        padding-left: 8vw;
        margin: 8vw 0;
    }

    #workculture-page .flow-list:before {
        left: 2.5vw;
    }

    #workculture-page .flow-list li {
        margin-bottom: 8vw;
    }

    #workculture-page .flow-list li:before {
        width: 5vw;
        height: 5vw;
        left: -7.5vw;
    }

    #workculture-page .flow-list li h5 {
        font-size: 5.3vw;
        margin-bottom: 3vw;
    }

    #workculture-page .mt-1rem {
        margin-top: 2vw;
    }

    #workculture-page .mt-2rem {
        margin-top: 4vw;
    }

    /* workculture-page-info スマートフォン版 */
    .workculture-page-info {
        padding: 4vw 0;
    }

    .workculture-page-info-title {
        font-size: 7vw;
        font-weight: 700;
        margin-bottom: 2vw;
        text-align: center;
    }

    .workculture-page-info-title-en {
        color: #20adac;
        display: block;
        font-weight: 700;
        font-size: 4vw;
        line-height: 1.5em;
    }

    .workculture-page-info ul {
        display: flex;
        flex-wrap: wrap;
        gap: 3vw;
        padding: 3vw 0;
    }

    .workculture-page-info li {
        width: 100%;
    }

    .workculture-page-info a {
        background-color: #fff;
        display: flex;
        align-items: center;
        border-radius: 2vw;
        padding: 5vw;
        text-decoration: none;
        font-weight: bold;
        border: solid 1px #d6e0dc;
        font-size: 4.2vw;
        position: relative;
        transition: all 0.3s ease;
    }

    .workculture-page-info a::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 4vw;
        width: 2vw;
        height: 2vw;
        border-top: 3px solid #a0c5c5;
        border-right: 3px solid #a0c5c5;
        transform: translateY(-50%) rotate(45deg);
        transition: transform 0.3s ease;
    }

    .workculture-page-info img {
        width: 8vw;
        height: 8vw;
        margin-right: 4vw;
    }

    .workculture-page-info a:hover {
        background-color: #fff;
        border: solid 1px #20adac;
        color: #20adac;
    }

    .workculture-page-info a:hover::after {
        transform: translateY(-50%) translateX(1vw) rotate(45deg);
    }

    /* values-list スマートフォン版 */
    .values-list h5 {
        font-size: 6vw !important;
        margin-bottom: 3vw;
        display: flex;
        align-items: flex-start;
        padding-left: 0;
        position: relative;
        /* justify-content: center; */
        /* flex-direction: column; */
        /* text-align: center; */
        position: absolute;
        z-index: 1;
        top:73vw;
        background-color: #fff;
        padding:3vw 3.5vw 0 1vw;
        border-radius: 0 3vw 0 0;
        line-height: 1.2;
        left: -1vw;

    }

    .values-list h5 span {
        color: #20adac;
        font-size: 7vw !important;
        margin-right: 4vw;
  

    }

    .values-list h5 span::before {
        transform: translateY(-50%);
        width: 10vw;
        height: 0.5px;
        background-color: #20adac;
        content: "";
        position: absolute;
        top: 70%;
        left: 0;

    }

    .values-list > li {
        margin-bottom: 5vw;
        padding-bottom: 0vw;
        border-bottom: none;
        position: relative;
    }

    .values-list > li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    #workculture-page .random-list-left,
    #workculture-page .random-list-right {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 3vw;
       
    }

    #workculture-page .random-list-right {
        flex-direction: column;
    }

    #workculture-page .random-list-left .image-box, #workculture-page .random-list-right .image-box{
        aspect-ratio: 1/1;
        /* width: 60vw;
        margin: 0 auto;
        border-radius: 500px; */

    }

    /* page-link スマートフォン版 */
    #workculture-page .page-link-wrap{
        display: flex;
        gap: 3vw;
        flex-direction: column;
    }

    #workculture-page .page-link{
        display: block;
        padding: 3vw 9vw 3vw 3vw;
        border: solid 1px #d6e0dc;
        text-decoration: none;
        border-radius: 1vw;
        transition: all 0.3s ease;
        position: relative;
        font-weight: bold;
        font-size: 4vw;
    }

    #workculture-page .page-link::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 3vw;
        width: 1vw;
        height: 1vw;
        border-top: 2px solid #27a5a4;
        border-right: 2px solid #27a5a4;
        transform: translateY(-50%) rotate(45deg);
        transition: transform 0.3s ease;
    }

    #workculture-page .page-link:hover{
        border: solid 1px #27a5a4;
        color: #27a5a4;
    }

}