/* =================================
共通
================================= */
.breadcrumbs {
    font-size: 0;
}
.breadcrumbs > span {
    line-height: 1;
    font-size: 1.6rem;
    display: inline-block;
}
.breadcrumbs > span span {
    line-height: 1;
}
.breadcrumbs > span + span {
    padding-left: 1.6rem;
    margin-left: 1.6rem;
    border-left: 1px solid #333333;
}
.page-content.blue-bg {
    background-color: #7C9FD3;
}

.page-content.light-blue-bg {
    background-color: #54C3F1;
}

.page-content.dark-blue-bg {
    background-color: #5BC2D9;
}

.page-content.purple-bg {
    background-color: #8C89C1;
}

.page-content.bright-purple-bg {
    background-color: #CC7DB1;
}

.page-content.black-bg {
    background-color: #555555;
}

.page-content.green-bg {
    background-color: #59B49A;
}

.page-content.contact-green-bg {
    background-color: #8BC782;
}

.page-content.contact-thankyou-green-bg {
    background-color: #64C0AB;
}

.page-content.light-green-bg {
    background-color: #AACF52;
}

.page-content.pink-bg {
    background-color: #EE87B4;
}

.page-content.dark-pink {
    background-color: #CB7DB0;
}

.page-content.yellow-bg {
    background-color: #F9C158;
}

.page-content.light-yellow-bg {
    background-color: #FFF33F;
}
.page-content.news-detail {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
}
.page-content.red-bg {
    background-color: #EF857D;
}

.page-content.bright-red-bg {
    background-color: #EE869A;
}

.page-content.orange-bg {
    background-color: #F3994F;
}
.circle-top {
    position: relative;
    max-width: 127.2rem;
    width: 100%;
    margin: 0 auto;
}

.circle-top .txt-box {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    padding-top: 16rem;
}

.circle-top .page-ttl {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: center;
    font-weight: 400;
}

.news-detail .circle-top .page-ttl {
    color: #444444;
}

.message .circle-top h3.en {
    max-width: 23.6rem;
    width: 100%;
    font-size: 0;
    margin-bottom: 1.5rem;
}

.outline .circle-top h3.en {
    max-width: 21.3rem;
    width: 21.3rem;
    font-size: 0;
    margin-bottom: 1.5rem;
}

.sdgs .circle-top h3.en {
    max-width: 12.2rem;
    width: 12.2rem;
    font-size: 0;
    margin-bottom: 1.5rem;
}

.base .circle-top h3.en {
    max-width: 12.4rem;
    width: 12.4rem;
    font-size: 0;
    margin-bottom: 1.5rem;
}

.news .circle-top h3.en,
.news-detail .circle-top h3.en {
    max-width: 14.6rem;
    width: 14.6rem;
    font-size: 0;
    margin-bottom: 1.5rem;
}

.philosophy .circle-top h3.en {
    max-width: 32rem;
    width: 32rem;
    font-size: 0;
    margin-bottom: 1.5rem;
}

.comeback .circle-top h3.en {
    max-width: 29.4rem;
    width: 29.4rem;
    font-size: 0;
    margin-bottom: 1.5rem;
}

.headquarters .circle-top h3.en {
    max-width:39.8rem;
    width: 39.8rem;
    font-size: 0;
    margin-bottom: 1.5rem;
}

.base .circle-top h3.en {
    max-width:12.4rem;
    width: 12.4rem;
    font-size: 0;
    margin-bottom: 1.5rem;
}

.circle-top h3.en img {
    width: 100%;
}

.circle-top .en {
    text-align: center;
    color: #fff;
    margin: 0 auto;
    font-size: 4.8rem;
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1;
    font-style: normal;
    display: table;
}

.sub-menu-box {
    padding-left: 2.6rem;
    position: relative;
    z-index: 100;
}

.sub-menu-box ul {
    display: flex;
}

.sub-menu-box ul li {
    line-height: 1;
}

.sub-menu-box ul li+li {
    padding-left: 1.6rem;
    margin-left: 1.6rem;
    border-left: 1px solid #333333;
}

.mt--5 {
    margin-top: -5rem;
}

.flex-box {
    display: flex;
}

.more-about-box {
    margin-top: 12.4rem;
    padding-bottom: 14.6rem;
}

.more-about-box h3 {
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
  /*  font-size: 8.2rem; */
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #fff;
    margin-bottom: 7rem;
    max-width: 64.3rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.more-about-box {
    max-width: 127.2rem;
    width: 100%;
    margin: 10.7rem auto 0;
}

.btn-lists .flex-box {
    display: flex;
    justify-content: space-between;
}

/*
.more-about-list a {
    background-color: #fff;
    width: 30rem;
    display: block;
    text-align: center;
    padding: 3rem 0;
    font-size: 2rem;
    letter-spacing: 0.1em;
    background-repeat: no-repeat;
    background-position: right 19px center;
    background-size: 1.2rem 1.2rem;
    background-image: url('../images/page/message/more-about-arrow.svg');
}
*/
.more-about-list a {
    display: flex;
    align-items: center;
    max-width: 28.8rem;
    width: 100%;
    position: relative;
}

.more-about-list a span.txt {
    background-color: #444444;
    color: #ffffff;
    padding: 2.6rem 3rem;
    font-size: 2rem;
    display: block;
    font-weight: 500;
    line-height: 1;
    width: 22.7rem;
    letter-spacing: 0.05em;
}

.more-about-list span.arrow {
    width: 7.2rem;
    height: 7.2rem;
    background-color: #444444;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    margin-left: -0.8rem;
    justify-content: center;
}

.more-about-list span.arrow span {
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.more-about-list span.arrow span {
    width: 5.2rem;
    height: 5.2rem;
    background-color: #64C0AB;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-content.light-blue-bg .more-about-list span.arrow span {
    background-color: #54C3F1;
}

.page-content.dark-blue-bg .more-about-list span.arrow span {
    background-color: #5BC2D9;
}

.blue-bg .more-about-list span.arrow span {
    background-color: #7C9FD3;
}

.page-base-area .more-about-list span.arrow span {
    background-color: #AACF52;
}

.page-outline-area .more-about-list span.arrow span {
    background-color: #CC7DB1;
}

.more-about-list span img {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
}

.circle-top img.sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .breadcrumbs > span {
        line-height: 1;
        font-size: 13px;
        display: inline-block;
    }
    .breadcrumbs > span span {
        line-height: 1;
    }
    .breadcrumbs > span + span {
        padding-left: 13px;
        margin-left: 13px;
        border-left: 1px solid #333333;
    }
    .circle-top {
        width: 100%;
        padding: 0 11px;
        max-width: 100%;
    }

    .circle-top img.pc {
        display: none;
    }

    .circle-top img.sp {
        display: block;
    }

    .page-content {
        overflow: hidden;
    }

    .circle-top .txt-box {
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        padding-top: 22%;
    }

    .circle-top .en {
        text-align: center;
        color: #fff;
        margin: 0 auto;
        font-size: 24px;
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        letter-spacing: 0.05em;
        line-height: 1;
        font-style: normal;
        display: table;
    }

    .message .circle-top h3.en {
        max-width: 106px;
        width: 106px;
        margin-bottom: 6px;
    }

    .outline .circle-top h3.en {
        max-width:95px;
        width: 95px;
        font-size: 0;
        margin-bottom: 6px;
    }

    .sdgs .circle-top h3.en {
        max-width:55px;
        width: 55px;
        font-size: 0;
        margin-bottom: 6px;
    }

    .news .circle-top h3.en,
    .news-detail .circle-top h3.en  {
        max-width:66px;
        width: 66px;
        font-size: 0;
        margin-bottom: 6px;
    }

    .comeback .circle-top h3.en {
        max-width:132px;
        width: 132px;
        font-size: 0;
        margin-bottom: 6px;
    }
    .headquarters .circle-top h3.en {
        max-width:199px;
        width: 179px;
        font-size: 0;
        margin-bottom: 6px;
    }

    .base .circle-top h3.en {
        max-width:56px;
        width: 56px;
        font-size: 0;
        margin-bottom: 6px;
    }
    .philosophy .circle-top h3.en {
        max-width: 144px;
        width: 144px;
        font-size: 0;
        margin-bottom: 6px;
    }
    .circle-top .page-ttl {
        font-size: 10px;
        letter-spacing: 0.05em;
        color: #fff;
        text-align: center;
        font-weight: 400;
    }

    .mt--5 {
        margin-top: -2px;
    }

    .sub-menu-box {
        padding-left: 12px;
        margin-top: 0;
    }

    .sub-menu-box ul {
        font-size: 0;
    }

    .sub-menu-box ul li a {
        font-size: 13px;
    }

    .sub-menu-box ul li+li {
        padding-left: 13px;
        margin-left: 13px;
        border-left: 1px solid #333333;
    }

    .more-about-box {
        max-width: 127.2rem;
        width: 100%;
        margin: 30px auto 0;
    }

    .more-about-box h3 {
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-size: 33px;
        text-align: center;
        letter-spacing: 0.05em;
        line-height: 1;
        color: #fff;
        margin-bottom: 23px;
        max-width: 321px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .more-about-list a {
        display: flex;
        align-items: center;
        max-width: 168px;
        width: 100%;
        position: relative;
    }

    .more-about-list {
        display: table;
    }

    .more-about-list a span.txt {
        background-color: #444444;
        color: #ffffff;
        padding: 11px 13px;
        font-size: 14px;
        display: block;
        font-weight: 500;
        line-height: 1;
        width: 133px;
        letter-spacing: 0.05em;
    }

    .btn-lists .flex-box {
        flex-wrap: wrap;
        max-width: 346px;
        width: 100%;
        margin: 0 auto;
        justify-content: center;
    }

    .more-about-list:nth-child(even) {
        margin-left: 10px;
    }

    .more-about-list:nth-child(n+3) {
        margin-top: 15px;
    }

    .more-about-list span.arrow {
        width: 42px;
        height: 42px;
        background-color: #444444;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        margin-left: -6px;
        justify-content: center;
    }

    .more-about-list span.arrow span {
        width: 30px;
        height: 30px;
        background-color: #64C0AB;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .more-about-list span img {
        width: 8px;
        height: 8px;
        display: block;
    }

    .more-about-box {
        padding-bottom: 55px;
    }
}

/* =================================
理念
================================= */
.about-top-box {
    margin-top: 88px;
    padding-bottom: 4.5rem;
    border-bottom: 4px solid #F3994F;
}
.about-top-box .flex-box {
    align-items: flex-end;
    justify-content: space-between;
}
.about-top-box .inner {
    max-width: 105rem;
    width: 100%;
    margin: 0 auto;
}
.about-top-box .about-top-inner {
    margin: 0 auto 10.5rem;
}
.about-top-box .about-top-img {
    max-width: 52rem;
    width: 100%;
}
.about-top-box .txt-box {
    max-width: 40.8rem;
    width: 100%;
    letter-spacing: 0.05em;
}
.about-top-box .txt-box h3 {
    font-size: 2.8rem;
    letter-spacing: 0.025em;
    font-weight: 400;
    margin-bottom: 3.2rem;
}
.about-top-box .txt-box p {
    line-height: 2;
    letter-spacing: 0.05em;
    font-size: 1.6rem;
}
.about-bottom-box ul {
    display: flex;
    max-width: 105rem;
    width: 100%;
    justify-content: space-between;
    margin: 0 auto;
    font-size: 0;
}
.about-bottom-box ul li {
    height: 1.2rem;
    width: auto;
}
.about-bottom-box ul li img {
    width: auto;
    height: 100%;
}
.about-sec h3 {
    background-color: #F3994F;
    color: #fff;
    padding: 1.2rem 1.9rem 1.7rem;
    display: table;
    line-height: 1;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    font-style: normal;
    display: table;
    margin-right: 0;
    margin-right: auto;
    margin-left: 0;
}
.about-sub-ttl {
    height: 4.1rem;
    margin-right: 2.1rem;
    margin-left: auto;
    text-align: right;
    margin-top: 1rem;
    width: auto;
}
.about-sub-ttl img {
    height: 100%;
    width: auto;
}
.about-sec {
    position: relative;
}
.about-sec-sub-txt {
    font-size: 2rem;
    font-weight: 400;
    color:#EF845C;
    position: absolute;
    right: 3.3rem;
    top:2.5rem;
}
.about-sec .ikikiru-wrap {
    max-width: 44rem;
    margin-right: 9.6rem;
    width: 100%;
}
.about-sec .ikikiru-img {
    max-width: 9.4rem;
    margin: 0 auto;
}
.about-mission-box {
    border-bottom: 4px solid #F3994F;
    padding-bottom: 5.2rem;
}
.about-mission-box .txt-box {
    line-height: 2;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}
.colors-img {
    max-width: 46.8rem;
    width: 100%;
    position: sticky;
    top:16.6rem;
    left: 0;
}
.about-vision-content {
    margin-top: 3.9rem;
    margin-bottom: 13.9rem;
}
.about-vision-content .inner {
    max-width: 100%;
    margin: 0;
    padding-left: 8.2rem;
    width: 100%;
}
.about-vision-flex-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.vision-right-box {
    max-width: 51.6rem;
    width: 100%;
    padding-top: 23.4rem;
}
.vision-right-top-ttl {
    max-width: 40.8rem;
    width: 100%;
    margin-bottom: 8rem;
    padding-right: 10.8rem;
}
.vision-right-top-ttl {
    display: none;
}
.vision-right-top-txt {
    padding-right: 10.8rem;
    font-size: 1.6rem;
    line-height: 3rem;
    letter-spacing: 0.05em;
}
.vision-right-dl {
    padding-right: 10.8rem;
    margin-top: 24rem;
    border-top: 8px solid #F3994F;
    border-bottom: 8px solid #F3994F;
    padding-top: 10.4rem;
    padding-bottom: 10.4rem;
    margin-bottom: 9.6rem;
}
.vision-right-dl dt {
    color: #EB6D48;
    font-size: 3.2rem;
    border-bottom: 2px solid #EB6D48;
    margin-bottom: 2rem;
    background-image: url('../images/page/about/colors-50.svg');
    background-position: right bottom -1px;
    background-repeat: no-repeat;
}
.vision-right-dl dd {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.025em;
}
.vision-right-dl div:first-child {
    margin-top: 0;
}
.vision-right-dl div {
    margin-top: 6.4rem;
}
.vision-bottom-txt {
    padding-right: 10.8rem;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.025em;
}
.about-vision-box {
    padding-bottom: 4.5rem;
    border-bottom: 4px solid #F3994F;
}
.about-statement-box {
    padding-bottom: 5.5rem;
    border-bottom: 4px solid #F3994F;
}
.about-statement-content {
    margin-top: 9.2rem;
    padding-bottom: 13.3rem;
}
.about-statement-flex-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.about-statement-flex-box .large-txt {
    max-width: 12rem;
    width: 100%;
    margin-left: 8.1rem;
    margin-right: 12.1rem;
}
.statement-head-txt {
    font-size: 1.6rem;
    padding-right: 14rem;
    letter-spacing: 0.05em;
    padding-bottom: 8rem;
    margin-bottom: 11.2rem;
    border-bottom: 8px solid #F3994F;
}
.statement-bottom-txt {
    font-size: 1.8rem;
    line-height: 3rem;
    letter-spacing: 0.025em;
}
.about-value-box .inner {
    max-width: 100rem;
    margin: 8rem auto 9.8rem;
}
.value-logo-img {
    max-width: 62.4rem;
    width: 100%;
    margin: 0 auto 11rem;
}
.value-flex {
    justify-content: space-between;
}
.value-list-ttl {
    display: flex;
    cursor: pointer;
    position: relative;
}
.value-list-ttl.active {
    transition: 0.5s;
    margin-left: -3.6rem;
}
.value-list-ttl.active::after {
    display: block;
    content: '';
    width: 4rem;
    height: 4.2rem;
    background-image: url('../images/page/about/value-arrow.svg');
    position: absolute;
    right: -6.4rem;
    top:50%;
    transform: translateY(-50%);
    background-size: contain;
}
.value-txt {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none; /* 非アクティブ時にクリックできないようにする */
  }
  
  .value-txt.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    z-index: 1;
  }
  .value-txt-box {
    position: relative;
  }

.value-list-ttl + .value-list-ttl {
    margin-top: 2.8rem;
}
.value-list-ttl span.num {
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    width: 6.4rem;
    height: 6.4rem;
    background-color: #EF845C;
    border-radius: 50% 50%;
    display: flex;
    font-family: "Urbanist", serif;
    font-size: 2.1rem;
    font-weight: 500;
    color: #EF857D;
    align-items: center;
    justify-content: center;
    transition: 0.1s;
}
.value-list-ttl.active span.num {
    background-color: #434343;
    color:#444444;
}
.value-list-ttl span.num span {
    width: 4.6rem;
    height: 4.6rem;
    font-size: 2.8rem;
    background-color: #ffffff;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.value-list-ttl span.txt {
    background-color: #EF845C;
    color: #ffffff;
    padding: 1.4rem 2.3rem 1.4rem 2.2rem;
    font-size: 2.8rem;
    display: block;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1;
    margin-left: -0.6rem;
    letter-spacing: 0.05em;
    transition: 0.5s;
}
.value-list-ttl.active span.txt {
    background-color: #434343;
}
.about-value-box {
    border-bottom: 4px solid #F3994F;
    padding-bottom: 5.2rem;
}
.value-txt-box {
    max-width: 40.8rem;
    width: 100%;
}
.value-txt-box p {
    font-size: 1.6rem;
    line-height: 2;
    text-indent: -1em;
    padding-left: 1em;
    letter-spacing: 0.05em;
}
.num-list-box {
    max-width: 48.6rem;
    width: 100%;
}
.about-strategy-box .inner {
    max-width: 105.6rem;
    width: 100%;
    margin: 8.5rem auto 9.4rem;
}
.strategy-img {
    max-width: 47.7rem;
    width: 100%;
}
.about-strategy-box .txt-box {
    max-width: 52.8rem;
    width: 100%;
}
.about-strategy-box .txt-box {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
}
.strategy-flex {
    justify-content: space-between;
}
.about-strategy-box {
    border-bottom: 2px solid #F3994F;
    padding-bottom: 5.2rem;
}
.strategy-list > a {
    display: flex;
    position: relative;
    justify-content: center;
}
.strategy-list span.txt {
    background-color: #434343;
    color: #ffffff;
    padding: 0.4rem 1.3rem;
    font-size: 1.6rem;
    display: block;
    font-weight: 500;
    line-height: 1;
    width: 21.6rem;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
}
.strategy-list span.arrow {
    width: 4rem;
    height: 4rem;
    background-color: #434343;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    margin-left: -0.6rem;
    justify-content: center;
}
.strategy-list span.arrow span {
    width: 3rem;
    height: 3rem;
    background-color: #ffffff;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.strategy-list span.arrow img {
    width: 1.6rem;
}
.strategy-lists {
    display:flex;
    max-width: 86.4rem;
    width: 100%;
    justify-content: space-between;
    margin: 0 auto 10.7rem;
}
.about-group-box .group-img {
    max-width: 51.6rem;
    width: 100%;
}
.about-group-box .inner {
    max-width: 105rem;
    width: 100%;
    margin: 0 auto;
}
.group-flex {
    justify-content: space-between;
}
.about-group-box {
    border-bottom: 4px solid #F3994F;
    padding-bottom: 5.2rem;
}
.about-group-box video {
    width: 100%;
}
.about-group-box .inner {
    margin: 9.3rem auto 12rem;
}
.about-group-box .inner h4 {
    font-size: 2.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-bottom: 3.3rem;
}
.about-group-box .txt-box {
    max-width: 51.6rem;
    width: 100%;
}
.about-group-box .txt-box p {
    line-height: 3.6rem;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}
.value-txt-2 {
    padding-top: 9.2rem;
}
.value-txt-3 {
    padding-top: 18.4rem;
}
.value-txt-4 {
    padding-top: 22.8rem;
}
.value-txt-5 {
    padding-top: 33.2rem;
}
.value-flex.sp {
    display: none;
}
.about-logo-box {
    padding-bottom: 8.3rem;
}
.about-logo-box .inner {
    max-width: 105.6rem;
    width: 100%;
    margin: 0 auto;
}
.about-logo-box .logo-img {
    max-width: 39.6rem;
    width: 100%;
}

.about-logo-box .logo-flex-second .logo-img {
    max-width: 36.3rem;
    margin-left: 9.2rem;
    width: 100%;
}

.about-logo-box .logo-flex-second .video-box {
    max-width: 50.8rem;
    margin-left: 0;
    width: 100%;
}

.logo-flex-second {
    justify-content: space-between;
}

.about-logo-box .video-box video {
    width: 100%;
}

.about-logo-box .txt-box {
    max-width: 51.6rem;
    width: 100%;
}
.logo-flex-first {
    justify-content: space-between;
    align-items: flex-end;
}

.about-logo-box .logo-flex-first .logo-img {
    max-width: 35.7rem;
    margin-left: 5.1rem;
    width: 100%;
}

.logo-flex-second {
    margin-top: 10.6rem;
    justify-content: space-between;
    align-items: center;
}


.logo-flex-second {
    justify-content: flex-start;
}

.logo-flex-third {
    margin-top: 10.6rem;
    justify-content: space-between;
    margin-bottom: 9.2rem;
    align-items: flex-end;
}
.logo-flex-third .txt-box .pink {
    font-size: 2.8rem;
    letter-spacing: 0.05em;
    color: #E76E79;
    font-family: "Urbanist", serif;
    font-weight: 500;
    margin-bottom: 1.6rem;
}
.logo-flex-first .txt-box p,
.logo-flex-second .txt-box p,
.logo-flex-third .txt-box p {
    font-size: 1.6rem;
    letter-spacing: 0.025em;
    line-height: 3.6rem;
}
.about-logo-box .logo-flex-first .txt-box h4, 
.about-logo-box .logo-flex-second .txt-box h4, 
.about-logo-box .logo-flex-third .txt-box h4 {
    color: #ED848C;
    font-size: 2.8rem;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-bottom: 1.7rem;
}
.orange-bg .more-about-list span.arrow span {
    background-color: #F3994F;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-sub-box {
    border-bottom: 4px solid #F3994F;
    padding-bottom: 5.2rem;
    padding-top: 9.6rem;
}
.about-sub-box .inner {
    max-width: 105.6rem;
    width: 100%;
    margin: 0 auto;
}
.about-sub-top-box {
    max-width: 51.6rem;
    width: 100%;
    margin-bottom: 3.9rem;
}
.about-sub-top-box h4 {
    position: relative;
    font-size: 2.8rem;
    max-width: 50rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    color:#EF845C;
    border-bottom: 2px solid #EF845C;
    margin-bottom: 2.8rem;
}
.about-sub-top-box h4::after {
    display: block;
    content:'';
    background-image: url('../images/page/about/circle-orange-mark.svg');
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -1.1rem;
    position: absolute;
    right: 0;
}
.about-sub-top-box p {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
}
.support-img {
    margin-bottom: 13.8rem;
}
.about-sub-list-right {
    max-width: 51.6rem;
    width: 100%;
}
.about-sub-list {
    display: flex;
    align-items: center;
    margin-bottom: 9.8rem;
    justify-content: space-between;
}
.about-sub-list h4 {
    color:#EF845C;
    font-size: 2.8rem;
    max-width: 50rem;
    border-bottom:2px solid #EF845C;
    font-weight: 500;
    margin-bottom: 2.4rem;
    position: relative;
}
.about-sub-list h4::after {
    display: block;
    content:'';
    background-image: url('../images/page/about/circle-orange-mark.svg');
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -1.1rem;
    position: absolute;
    right: 0;
}
.about-sub-list p {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
}
.first .about-sub-list-left {
    max-width: 37.4rem;
    width: 100%;
}
.second .about-sub-list-left {
    max-width: 40.8rem;
    width: 100%;
}
.naming-more-btn {
    margin-top: 4.8rem;
}
.naming-more-btn a {
    display: flex;
    position: relative;
}
.naming-more-btn a span.txt {
    background-color: #444444;
    color: #ffffff;
    padding: 0.4rem 1.3rem;
    font-size: 1.6rem;
    display: block;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
}
.naming-more-btn a span.arrow {
    width: 4rem;
    height: 4rem;
    background-color: #444444;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    margin-left: -0.6rem;
    justify-content: center;
}
.naming-more-btn a span.arrow span {
    width: 3rem;
    height: 3rem;
    background-color: #ffffff;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.naming-more-btn a span.arrow img {
    width: 0.76rem;
}
.mission-flex {
    max-width: 108rem;
    width: 100%;
    display: block;
    margin: 48px auto 0;
    justify-content: space-between;
    padding: 0 25px;
}
.about-mission-box .mission-flex {
    display: flex;
}
.colors-img .sp {
    display: none;
}
.about-mission-box .inner {
    padding-bottom: 14.8rem;
}
.statement-bottom-txt.sp {
    display: none;
}
.value-txt {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
  }
  
  .value-txt.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
  }
@media screen and (max-width: 768px) {
    .page-about-area {
        padding: 0 11px;
    }
    .about-top-box {
        margin-top: 49px;
        padding-bottom: 55px;
        border-bottom: 2px solid #F3994F;
    }
    .about-top-box .about-top-inner {
        margin: 0 auto 59px;
        padding: 0 14px;
    }
    .about-sec .ikikiru-img {
        max-width: 53px;
    }
    .about-top-box .flex-box {
        flex-flow: column;
    }
    .about-top-box .about-top-img {
        max-width: 52rem;
        order: 2;
        margin-top: 51px;
        width: 100%;
    }
    .about-top-box .txt-box h3 {
        font-size: 20px;
        letter-spacing: 0.025em;
        font-weight: 400;
        margin-bottom: 16px;
    }
    .about-top-box .txt-box p {
        line-height: 2;
        letter-spacing: 0.05em;
        font-size: 14px;
    }
    .about-bottom-box {
        flex-wrap: wrap;
    }
    .about-bottom-box ul {
        display: flex;
        flex-wrap: wrap;
        max-width: 105rem;
        width: 100%;
        justify-content: space-between;
        margin: 0 auto;
        font-size: 0;
        max-width: 327px;
        width: 100%;
        padding: 0;
    }
    .about-bottom-box ul li {
        height: 16px;
        width: auto;
    }
    .about-bottom-box ul li:first-child {
        margin-right: 33px;
    }
    .about-bottom-box ul li:nth-child(2) {
        margin-right: 30px;
    }
    .about-bottom-box ul li:nth-child(4) {
        margin-right: 34px;
    }
    .about-bottom-box ul li:nth-child(5) {
        margin-right: 51px;
    }
    .about-bottom-box ul li:nth-child(n+4) {
        margin-top:29px;
    }
    .about-sec h3 {
        color: #fff;
        padding: 4px 10px 8px;
        display: table;
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0.1em;
        font-style: normal;
        display: table;
        margin-right: 0;
        margin-right: auto;
        margin-left: 0;
    }
    .about-statement-box {
        padding-bottom: 0;
    }
    .about-statement-box.about-sec h3 {
        letter-spacing: 0;
        margin-bottom: 17px;
    }
    .about-statement-box .about-sub-ttl {
        margin-top: 17px;
    }
    .about-statement-flex-box {
        display: block;
    }
    .about-statement-flex-box .large-txt {
        display: none;
    }
    .statement-head-txt {
        font-size: 14px;
        padding-right: 0;
        letter-spacing: 0;
        padding-bottom: 48px;
        margin-bottom: 48px;
        border-bottom: none;
        position: relative;
    }
    .statement-head-txt::after {
        height: 4px;
        background-color:#F3994F;
        position: absolute;
        right: 0;
        bottom:0;
        content:'';
        width: calc(100% - 45px);
    }
    .statement-bottom-txt.sp {
        display: block;
        padding-left: 12px;
        padding-right: 14px;
    }
    .statement-bottom-txt.pc {
        display: none;
    }
    .statement-bottom-txt div {
        display: flex;
    }
    .statement-bottom-txt div + div {
        margin-top: 30px;
    }
    .statement-bottom-txt div dt {
        font-size: 20px;
        width: 18px;
        margin-right: 14px;
        line-height: 24px;
        font-family: "Urbanist", serif;
    }
    .statement-bottom-txt div dd {
        font-size: 14px;
        line-height: 24px;
        width: calc(100% - 27px);
    }
    .statement-bottom-txt div p {
        font-size: 14px;
        line-height: 24px;
        width: calc(100% - 27px);
        margin-left: auto;
        margin-right: 0;
    }
    .statement-head-txt {
        padding-right: 14px;
        padding-left: 12px;
    }
    .about-statement-box .about-bottom-box {
        display: none;
    }
    .about-sec-sub-txt {
        font-size: 14px;
        font-weight: 400;
        color: #EF845C;
        position: absolute;
        right: 14px;
        top: 12px;
        text-align: right;
    }
    .about-sub-ttl {
        height: 18px;
        font-size: 0;
        margin-right: 14px;
        margin-left: auto;
        text-align: right;
        width: auto;
        margin-top: 37px;
    }
    .mission-flex {
        width: 100%;
        display: block;
        margin: 41px auto 0;
        justify-content: space-between;
        padding: 0;
    }
    .about-mission-box .mission-flex {
        display: block;
    }
    .about-mission-box .inner {
        padding-bottom: 0;
    }
    .about-sec .ikikiru-wrap {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        max-width: 53px;
        margin-bottom: 64px;
        width: 100%;
    }
    .about-mission-box .txt-box {
        line-height: 2;
        padding: 0 15px;
        font-size: 14px;
        letter-spacing: 0.025em;
    }
    .about-mission-box .about-bottom-box {
        display: none;
    } 
    .about-mission-box {
        border-bottom: 2px solid #F3994F;
        padding-bottom: 90px;
    }
    .about-vision-content {
        margin-top: 28px;
        margin-bottom: 0;
    }
    .about-vision-content .inner {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
        padding:0 14px;
    }
    .about-vision-flex-box {
        display: block;
        justify-content: space-between;
    }
    .colors-img .pc {
        display: none;
    }
    .colors-img .sp {
        display: block;
    }
    .vision-right-top-ttl {
        display: none;
    }
    .vision-right-top-txt {
        padding-right: 0;
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.02em;
    }
    .vision-right-box {
        max-width: 100%;
        width: 100%;
        padding-top: 45px;
    }
    .colors-img {
        max-width: 240px;
        margin: 0 auto;
        width: 100%;
    }
    .vision-right-dl {
        position: relative;
        padding-right: 0;
        margin-top:48px;
        padding-top: 48px;
        margin-bottom: 48px;
        padding-bottom: 48px;
        border-top: none;
        border-bottom: none;
    }
    .vision-right-dl::before {
        display: block;
        position: absolute;
        bottom:0;
        right: -14px;
        content:'';
        height: 4px;
        width: calc(100% + 14px);
        background-color: #F3994F;;
    }

    .vision-right-dl::after {
        display: block;
        position: absolute;
        top:0;
        right: -14px;
        content:'';
        height: 4px;
        width: calc(100% + 14px);
        background-color: #F3994F;;
    }
    .vision-right-dl dt {
        color: #EB6D48;
        font-size: 24px;
        border-bottom: 2px solid #EB6D48;
        margin-bottom: 20px;
        background-image: url(../images/page/about/colors-50.svg);
        background-position: right bottom -1px;
        background-repeat: no-repeat;
    }
    .vision-right-dl dd {
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.025em;
    }
    .vision-right-dl div {
        margin-top: 48px;
    }
    .vision-bottom-txt {
        padding-right: 0;
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.025em;
    }
    .about-vision-box {
        padding-bottom: 82px;
        border-bottom: 2px solid #F3994F;
    }
    .about-vision-box .about-bottom-box {
        display: none;
    }
    .about-value-box .about-sub-ttl {
        height: 14px;
        font-size: 0;
        margin-right: 14px;
        margin-left: auto;
        text-align: right;
        width: auto;
        margin-top: 17px;
    }
    .about-value-box .inner {
        max-width: 100rem;
        padding-left: 13px;
        padding-right: 13px;
        margin: 45px auto 0;
    }
    .value-flex {
        display: block;
        justify-content: space-between;
    }
    .value-logo-img {
        max-width: 273px;
        width: 100%;
        margin-bottom: 58px;
    }
    .about-value-box .about-bottom-box {
        display: none;
    }
    .about-value-box {
        border-bottom: 2px solid #F3994F;
        padding-bottom: 68px;
    }
    .value-list-ttl span.txt {
        background-color: #EF845C;
        color: #ffffff;
        padding: 6px 11px 6px 11px;
        font-size: 18px;
        display: block;
        display: flex;
        align-items: center;
        font-weight: 500;
        line-height: 1;
        margin-left: -4px;
        letter-spacing: 0.05em;
    }
    .value-list-ttl span.num {
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        width: 33px;
        height: 33px;
        background-color: #EF845C;
        border-radius: 50% 50%;
        display: flex;
        font-family: "Urbanist", serif;
        font-size: 2.1rem;
        font-weight: 500;
        color: #EF857D;
        align-items: center;
        justify-content: center;
    }
    .value-list-ttl span.num span {
        width: 26px;
        height: 26px;
        font-size:16px;
        background-color: #ffffff;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .value-list-ttl + .value-list-ttl {
        margin-top: 16px;
    }
    .about-strategy-box .inner {
        max-width: 105.6rem;
        width: 100%;
        padding: 0 14px;
        margin: 46px auto 55px;
    }
    .strategy-flex {
        display: block;
    }
    .strategy-img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 32px;
    }
    .strategy-lists {
        display: block;
        max-width: 251px;
        width: 100%;
        justify-content: space-between;
        margin: 0 auto ;
        padding: 0;
    }
    .about-strategy-box {
        border-bottom: 2px solid #F3994F;
        padding-bottom: 66px;
    }
    .about-strategy-box .txt-box {
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.05em;
    }
    .strategy-list + .strategy-list{
        margin-top: 23px;
    }
    .strategy-list span.txt {
        background-color: #444444;
        color: #ffffff;
        padding: 4px 13px;
        font-size: 16px;
        display: block;
        font-weight: 500;
        line-height: 1;
        width: auto;
        width: 216px;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
    }
    .strategy-list span.arrow {
        width: 40px;
        height: 40px;
        background-color: #444444;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        margin-left: -6px;
        justify-content: center;
    }
    .strategy-list span.arrow span {
        width: 30px;
        height: 30px;
        background-color: #ffffff;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .strategy-list span.arrow img {
        width: 16px;
    }
    .strategy-list {
        margin: 0;
        justify-content: flex-start;
    }
    .about-group-box .about-sub-ttl {
        margin-top: 17px;
    }
    .about-group-box .inner {
        margin: 76px auto 12rem;
    }
    .group-flex {
        display: block;;
    }
    .group-img {
        max-width: 233px;
        width: 100%;
        margin-bottom:80px;
        margin-right: auto;
        margin-left: auto;
    }
    .about-group-box .group-img {
        max-width: 100%;
        width: 100%;
    }
    .about-group-box .inner {
        margin: 76px auto 0;
        padding: 0 13px;
    }
    .about-group-box .inner h4 {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 0.05em;
        margin-bottom: 18px;
    }
    .about-group-box .txt-box p {
        line-height: 2;
        font-size: 14px;
        letter-spacing: 0.05em;
    }
    .naming-more-btn {
        margin-top: 53px;
    }
    .about-group-box .about-bottom-box {
        display: none;
    }
    .about-group-box {
        border-bottom: 2px solid #F3994F;
        padding-bottom: 82px;
    }
    .naming-more-btn a {
        display: flex;
        justify-content: center;
        position: relative;
    }
    .naming-more-btn a span.txt {
        background-color: #444444;
        color: #ffffff;
        padding: 4px 13px;
        font-size: 16px;
        display: block;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
    }
    .naming-more-btn a span.arrow {
        width: 43px;
        height: 43px;
        background-color: #444444;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        margin-left: -0.6rem;
        justify-content: center;
    }
    .naming-more-btn a span.arrow span {
        width: 30px;
        height: 30px;
        background-color: #ffffff;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .naming-more-btn a span.arrow img {
        width: 7.6px;
    }
    .about-logo-box .about-sub-ttl {
        margin-top: 17px;
    }
    .about-logo-box .inner {
        max-width: 100%;
        width: 100%;
        padding: 0 13px;
        margin: 66px auto 0;
    }
    .logo-flex-first {
        display: block;
        justify-content: space-between;
        align-items: flex-end;
    }
    .about-logo-box .logo-img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 13px;
    }
    .about-logo-box .logo-flex-first .logo-img {
        max-width: 223px;
        margin-left:auto;
        margin-right: auto;
        width: 100%;
    }
    .logo-flex-first .txt-box p, .logo-flex-second .txt-box p, .logo-flex-third .txt-box p {
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 2;
    }
    .logo-flex-second {
        margin-top: 60px;
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
    }
    .about-logo-box .logo-flex-second .logo-img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 13px;
        margin-left: auto;
        margin-right: auto;
        order: 1;
    }
    .about-logo-box .logo-flex-second .txt-box {
        max-width:100%;
        order: 2;
    }
    .logo-flex-third {
        margin-top: 60px;
        justify-content: space-between;
        margin-bottom: 0;
        align-items: flex-end;
        display: block;
    }
    .about-logo-box {
        padding-bottom: 40px;
    }
    .about-logo-box .about-bottom-box {
        display: none;
    }
    .about-sub-box {
        border-bottom: 2px solid #F3994F;
        padding-bottom: 98px;
        padding-top: 64px;
    }
    .about-sub-top-box h4 {
        font-size: 20px;
        max-width: 50rem;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #EF845C;
        border-bottom: 2px solid #EF845C;
        margin-bottom: 20px;
    }
    .about-sub-list h4::after {
        display: block;
        content:'';
        background-image: url('../images/page/about/circle-orange-mark.svg');
        width: 10px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: -11px;
        position: absolute;
        right: 0;
    }
    .about-sub-top-box h4::after {
        display: block;
        content:'';
        background-image: url('../images/page/about/circle-orange-mark.svg');
        width: 10px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: -11px;
        position: absolute;
        right: 0;
    }
    .about-sub-box .inner {
        max-width: 105.6rem;
        width: 100%;
        padding: 0 13px;
        margin: 0 auto;
    }
    .about-sub-top-box p {
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.05em;
    }
    .about-sub-top-box {
        max-width: 100%;
        width: 100%;
        margin-bottom: 24px;
    }
    .about-sub-list {
        display: flex;
        flex-flow: column;
        align-items: center;
        margin-bottom: 49px;
        justify-content: space-between;
    }
    .about-sub-list-left {
        max-width: 100%;
        width: 100%;
        order: 2;
        margin-top: 26px;
    }
    .about-sub-list h4 {
        color: #EF845C;
        font-size: 20px;
        max-width: 50rem;
        border-bottom: 2px solid #EF845C;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .about-sub-list p {
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.05em;
    }
    .about-sub-box .about-bottom-box {
        display: none;
    }
    .about-sub-list.second {
        margin-bottom: 0;
    }
    .support-img {
        margin-bottom: 56px;
    }
    .about-logo-box .logo-flex-first .txt-box h4, 
    .about-logo-box .logo-flex-second .txt-box h4, 
    .about-logo-box .logo-flex-third .txt-box h4 {
        display: none;
    }
    .about-statement-content {
        margin-top: 48px;
        padding-bottom: 84px;
    }
    .statement-bottom-txt.sp {
        display: block;
    }
    .statement-bottom-txt.pc {
        display: none;
    }
    .value-flex.sp {
        display: block;
    }
    .value-flex.pc {
        display: none;
    }
    .value-list + .value-list {
        margin-top: 16px;
    }
    .value-list-ttl.active {
        transition: 0.5s;
        margin-left: 0;
    }
    .value-list {
        position: relative;
    }
    .value-list::after {
        position: absolute;
        top: 0;
        right: -13px;
        background-repeat: no-repeat;
        content:'';
        display: block;
        background-position: center center;
        background-image: url('../images/page/about/value-arrow-sp-bottom.svg');
        background-color: #444444;
        width: 32px;
        height: 32px;
    }
    .value-list.active::after {
        position: absolute;
        top: 0;
        right: -13px;
        background-repeat: no-repeat;
        content:'';
        display: block;
        background-position: center center;
        background-image: url('../images/page/about/value-arrow-sp-top.svg');
        background-color: #EF845C;
        width: 32px;
        height: 32px;
    }
    .value-txt {
        font-size: 14px;
        margin-top: 21px;
        line-height: 2;
        text-indent: -1em;
        padding-left: calc(1em + 28px);
    }
    .value-txt {
        display: none;
      }
  /* .value-txt.active {
    display: block;
  } */
  .value-txt {
    /* ↓これが原因なら削除または上書き */
    /* position: absolute; */
  
    /* アコーディオンではこれがベスト */
    position: static;
    padding-top: 0 !important;
  }
    
}
@media (min-width: 769px) {
  
    .value-txt.active {
      display: block;
    }
  }

/* =================================
本部採用
================================= */
.page-headquarters-area {
    padding-bottom: 8rem;
}

.headquarters-top-box {
    margin-top: 14.8rem;
    padding-bottom: 4.5rem;
}

.headquarters-top-txt-box {
    max-width: 62.4rem;
    margin: 0 auto 15rem;
}

.headquarters-top-txt-box p {
    font-size: 1.6rem;
    line-height: 2;
}

.headquarters-bottom-box ul li {
    height: 1.2rem;
    width: auto;
    cursor: pointer;
}

.headquarters-bottom-box ul li img {
    width: auto;
    height: 100%;
}

.headquarters-bottom-box ul {
    display: flex;
    max-width: 105.4rem;
    width: 100%;
    justify-content: space-between;
    margin: 0 auto;
    font-size: 0;
}

.headquarters-top-box {
    border-bottom: 4px solid #EE847D;
}

.headquarters-sec h3 {
    background-color: #EF857D;
    color: #fff;
    padding: 0 1.9rem;
    display: table;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    font-style: normal;
    display: table;
    margin-right: 0;
    margin-right: auto;
    margin-left: 0;
}

.headquarters-sub-ttl {
    height: 3.8rem;
    margin-right: 2.1rem;
    margin-left: auto;
    text-align: right;
    width: auto;
}

.headquarters-sub-ttl img {
    height: 100%;
    width: auto;
}

.headquarters-policy-box {
    padding-bottom: 4.5rem;
    border-bottom: 4px solid #EE847D;
}

.policy-flex {
    max-width: 108rem;
    width: 100%;
    margin: 8.7rem auto 15.4rem;
    justify-content: space-between;
}

.headquarters-policy-box .h-policy-img {
    max-width: 45.6rem;
    width: 100%;
}

.headquarters-policy-box .h-policy-img .sp {
    display: none;
}

.headquarters-policy-box .txt-box {
    max-width: 51.6rem;
    width: 100%;
}

.headquarters-policy-box .top-txt {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 400;
    margin-bottom: 5rem;
}

.headquarters-policy-box .botttom-txt {
    font-size: 1.6rem;
    line-height: 2;
}

.headquarters-staff-box {
    padding-bottom: 4.5rem;
    border-bottom: 4px solid #EE847D;
}

.staff-list-wrap {
    width: 32rem;
    position: relative;
}

.staff-list-wrap::after {
    background-color: #E76E79;
    content: '';
    position: absolute;
    width: calc(32rem + 2px);
    height: calc(32rem + 2px);
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    border-radius: 50% 50%;
    display: block;
}

.staff-lists {
    margin-bottom: 12.1rem;
}

.staff-lists .flex-box {
    flex-wrap: wrap;
}

.headquarters-staff-list {
    margin-right: 5rem;
    padding-left: 1px;
}

.headquarters-staff-list:nth-of-type(3n) {
    margin-right: 0;
}

.headquarters-staff-list:nth-child(n+4) {
    margin-top:5.4rem;
}

.headquarters-staff-list .staff-list-txt-box {
    height: auto;
    margin-left: 0.9rem;
    margin: 0 auto 0;
}

.headquarters-staff-list .staff-txt-inner {
    background-color: #fff;
    position: relative;
    z-index: 3;
    margin: -5rem auto 0;
}

.headquarters-staff-list .staff-txt-inner.opacity {
    opacity: 0;
}

.headquarters-staff-list .staff-list-txt-box {
    position: absolute;
    height: 100%;
    max-width: 32rem;
    width: 100%;
    bottom: 0;
    border: 1px solid #E76E79;
    background-color: #fff;
    z-index: 1;
}

.staff-img-wrap {
    position: relative;
    z-index: 4;
}

.staff-list-txt-wrap {
    max-width: 32rem;
    width: 100%;
    bottom: 0;
    position: relative;
    z-index: 990;
    z-index: 5000;
    padding-top: 3rem;
}

.staff-list-img {
    background-color: #fff;
    border-radius: 50% 50%;
    width: 32rem;
    height: 32rem;
    display: flex;
    position: relative;
    z-index: 997;
    align-items: center;
    justify-content: center;
}

.staff-list-img img {
    max-width: 23.3rem;
    height: 23.3rem;
    object-fit: cover;
    object-position: top center;
    width: 100%;
    border-radius: 50% 50%;
    border: 1px solid #E76E79;
    position: relative;
}

.staff-lists {
    margin-top: 7.2rem;
}

.staff-lists .inner {
    max-width: 106.5rem;
    margin: 0 auto;
}

.staff-ttl {
    color: #E76E79;
    font-size: 1.4rem;
    font-weight: 400;
}

.staff-name {
    font-size: 2rem;
    color: #E76E79;
    margin-bottom: 0.8rem;
}

.address {
    text-align: right;
    color: #E76E79;
    font-size: 1.4rem;
}

.box-ttl {
    padding: 0 0.8rem;
    background-color: #E76E79;
    display: table;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.025em;
    margin-bottom: 0.8rem;
}

.headquarters-staff-list .box-1 {
    padding-bottom: 2rem;
    padding-top: 1.5rem;
    border-bottom: 1px solid #EE847D;
}

.headquarters-staff-list .box-2,
.headquarters-staff-list .box-3,
.headquarters-staff-list .box-4 {
    padding-bottom: 2.2rem;
    border-bottom: 1px solid #EE847D;
}

.headquarters-staff-list .box-1 .inner,
.headquarters-staff-list .box-2 .inner,
.headquarters-staff-list .box-3 .inner,
.headquarters-staff-list .box-4 .inner{
    padding: 0 1.6rem;
}

.biography {
    font-size: 1.4rem;
    color: #E76E79;
    letter-spacing: 0.015em;
    line-height: 2.2rem;
}

.headquarters-staff-list .box-3 .txt,
.headquarters-staff-list .box-4 .txt {
    font-size: 1.4rem;
    color: #E76E79;
    letter-spacing: 0.015em;
    line-height: 2.2rem;
}

.staff-list-txt-wrap-outside {
    position: absolute;
    bottom: 0;
    z-index: 1000;
}

.h-division-img {
    margin-right: 13.2rem;
    max-width: 30rem;
}

.headquarters-division-box .inner {
    max-width: 105.6rem;
    width: 100%;
    margin: 0 auto;
}

.division-dl-box {
    margin-top: 8.8rem;
}

.d-top {
    display: flex;
}

.d-top .num {
    font-size: 2.6rem;
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    margin-right: 6.4rem;
}

.d-top .division-name {
    font-size: 2.4rem;
}

.division-list .plus-minus {
    position: relative;
    width: 3.6rem;
    height: 3.6rem;
    border: 1px solid #333333;
    display: block;
    transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
    will-change: transform;
    margin-left: auto;
}

.division-lists {
    max-width: 62.4rem;
    width: 100%;
}

.division-list {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 1px solid #707070;
    padding-left: 3.5rem;
    padding-right: 0.7rem;
    cursor: pointer;
}

.division-list:last-child {
    border-bottom: 1px solid #707070;
}

.division-list .plus-minus:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.6rem;
    height: 2px;
    border-radius: 10px;
    background: #333333;
    display: block;
}

.division-list .plus-minus:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2px;
    height: 1.6rem;
    border-radius: 10px;
    background: #333333;
    display: block;
    transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
    will-change: transform;
}

.division-list.on .plus-minus::after {
    opacity: 0;
}

.d-bottom {
    margin-left: 7rem;
    max-width: 51.6rem;
    width: 100%;
    margin-top: 3.5rem;
}

.d-bottom p {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
}

.headquarters-division-box {
    padding-bottom: 4.5rem;
    border-bottom: 4px solid #EE847D;
}

.division-dl-box {
    margin-bottom: 14.5rem;
}

.d-bottom {
    display: none;
}

.headquarters-more-box {
    position: relative;
}

.headquarters-more-box .more-about-list {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.headquarters-more-box .more-about-list a {
    max-width: 41.6rem;
    width: 100%;
}
.headquarters-career-path-box {
    padding-bottom: 4.5rem;
}
.headquarters-culture-box {
    padding-bottom: 4.5rem;
}
.headquarters-culture-box .headquarters-sub-ttl {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
    margin-bottom:-1.2rem;
}

.culture-list-box {
    padding-left: 3.3rem;
    margin-top: 9.8rem;
}

.culture-list-box:last-child {
    margin-top: 6.2rem;
}
.colture-list-wrap {
    margin-bottom: 15.7rem;
}

.headquarters-culture-box {
    padding-bottom: 4.5rem;
    border-bottom: 4px solid #EE847D;
}

.culture-list-box h4 {
    display: flex;
    position: relative;
}

.culture-list-box h4 span.txt {
    background-color: #EF857D;
    color: #ffffff;
    padding: 1.4rem 14rem 1.4rem 2.5rem;
    font-size: 3.2rem;
    display: block;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1;
    margin-left: -0.6rem;
    letter-spacing: 0.05em;
}

.culture-list-box h4 span.txt .sml {
    font-size: 1.6rem;
}

.culture-list-box h4 .long span.txt {
    max-width: 34.2rem;
    width: 100%;
    justify-content: flex-start;
}

.culture-list-box h4 span.num {
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    width: 6.4rem;
    height: 6.4rem;
    background-color: #EF857D;
    border-radius: 50% 50%;
    display: flex;
    font-family: "Urbanist", serif;
    font-size: 2.1rem;
    font-weight: 500;
    color:#EF857D;
    align-items: center;
    justify-content: center;
}

.culture-list-box h4 span.num span {
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.culture-list-box h4 span.num span {
    width: 4.6rem;
    height: 4.6rem;
    font-size: 2.8rem;
    background-color: #ffffff;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-ttl-box {
    align-items: flex-end;
    display:flex;
}

.culture-list-img {
    max-width: 40.8rem;
    width: 100%;
}
.culture-list-flex {
    max-width: 105.6rem;
    width: 100%;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-top: 8.2rem;
}
.colture-list-line h5 {
    color:#E76E79;
    font-weight: 500;
    letter-spacing: 0.05em;
    font-size: 2rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: right 0.8rem bottom -1px;
    background-image: url('../images/page/headquarters/cluture-sml-txt.svg');
    border-bottom:1px solid #E96E69;
    margin-bottom: 0.8rem;
}
.colture-list-line h5::after {
    display: block;
    content: '';
    background-image: url(../images/page/headquarters/circle-pink-mark.svg);
    width: 0.5rem;
    height: 0.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -0.5rem;
    position: absolute;
    right: 0;
}
.colture-list-txt-box {
    max-width: 51.6rem;
    width: 100%;
}
.colture-list-line + .colture-list-line {
    margin-top: 3.2rem;
}
.colture-list-line p {
    font-size: 1.6rem;
    letter-spacing: 0.025em;
    line-height: 2.6rem;
}
.headquarters-benefits-box,
.headquarters-career-path-box {
    padding-bottom: 4.5rem;
    border-bottom: 4px solid #EE847D;
}
.benefits-lists {
    margin-top: 6.3rem;
    margin-bottom: 12.3rem;
}
.benefits-lists .inner{
    max-width: 105.4rem;
    width: 100%;
    margin: 0 auto;
}

.benefits-list-wrap {
    width: 32.3rem;
    position: relative;
    display: flex;
}
.benefits-lists .flex-box {
    flex-wrap: wrap;
}
.benefits-list-wrap::after {
    background-color: #E76E79;
    content: '';
    position: absolute;
    width: calc(11.3rem + 2px);
    height: calc(11.3rem + 2px);
    top: -1px;
    left: -1px;
    transform: translateX(0) ;
    z-index: 2;
    border-radius: 50% 50%;
    display: block;
}

.benefits-list-txt-box {
    height: auto;
    margin-left: 0.9rem;
    margin: 0 auto 0;
}

.benefits-list-txt-inner {
    position: relative;
    z-index: 3;
    min-height: 11.3rem;
    padding: 4rem 0 1rem 0;
}
.two-line .benefits-list-txt-inner {
    padding: 3.4rem 0 1rem 0;
}
.benefits-list-txt-box {
    position: absolute;
    height: 100%;
    max-width: 22.8rem;
    width: 100%;
    bottom: 0;
    border: 1px solid #E76E79;
    background-color: #fff;
    z-index: 1;
}
.benefits-txt-inner {
    background-color: #fff;
    position: relative;
    z-index: 3;
    max-width: 22.8rem;
    width: 100%;
    margin: 0 0 0 -2rem;
    display: flex;
    align-items: center;
}

.staff-img-wrap {
    position: relative;
    z-index: 4;
}

.benefits-list-txt-wrap {
    max-width: 22.8rem;
    width: 100%;
    bottom: 0;
    position: relative;
    z-index: 990;
    z-index: 5000;
}
.benefits-img-wrap {
    position: relative;
    z-index: 4;
}
.benefits-list-img {
    background-color: #fff;
    border-radius: 50% 50%;
    width: 11.3rem;
    height: 11.3rem;
    display: flex;
    position: relative;
    z-index: 997;
    align-items: center;
    justify-content: center;
}

.benefits-list-img img {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    border-radius: 50% 50%;
    position: relative;
}
.benefits-list-img img {
    width: 5.5rem;
    border-radius: 0;
    height: auto;
}
.headquarters-benefits-list:nth-child(2) .benefits-list-img img {
    width: 5.1rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(3) .benefits-list-img img {
    width: 6.7rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(5) .benefits-list-img img {
    width: 6.2rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(6) .benefits-list-img img {
    width: 5.3rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(7) .benefits-list-img img {
    width: 7rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(8) .benefits-list-img img {
    width: 4.1rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(11) .benefits-list-img img {
    width: 6.1rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(12) .benefits-list-img img {
    width: 5.8rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(14) .benefits-list-img img {
    width: 4.4rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(15) .benefits-list-img img {
    width: 3.7rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(16) .benefits-list-img img {
    width: 4.6rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(17) .benefits-list-img img {
    width: 7.1rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(18) .benefits-list-img img {
    width: 6.7rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(19) .benefits-list-img img {
    width: 6.6rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(20) .benefits-list-img img {
    width: 6.1rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(21) .benefits-list-img img {
    width: 6.6rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(22) .benefits-list-img img {
    width: 6.3rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(23) .benefits-list-img img {
    width: 5.7rem;
    height: auto;
}
.headquarters-benefits-list:nth-child(24) .benefits-list-img img {
    width: 5.8rem;
    height: auto;
}
.headquarters-benefits-list {
    cursor: pointer;
    display: block;
}
.benefits-ttl {
    line-height: 2.6rem;
    font-size: 2rem;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.025em;
}
.benefits-content {
    display: none;
    padding: 0 1.2rem 1.4rem 1.2rem;
    margin-top: 1.5rem;
}
.benefits-content p {
    font-size: 1.4rem;
    letter-spacing: 0.025em;
    line-height: 2.2rem;
}
.benefits-list-txt-inner .plus-minus {
    position: relative;
    right: 0.8rem;
    top:auto;
    background:none;
    margin-top: 1.7rem;
    width: 1.6rem;
    margin-left: auto;
    margin-right: 0;
    height: 1.6rem;
}
.two-line .benefits-list-txt-inner .plus-minus {
    margin-top: 0;
}
.benefits-list-txt-inner .plus-minus:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.6rem;
    height: 1px;
    border-radius: 10px;
    background: #E76E79;
    display: block;
}

.benefits-list-txt-inner .plus-minus:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1px;
    height: 1.6rem;
    border-radius: 10px;
    background: #E76E79;
    display: block;
    transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
    will-change: transform;
}
.headquarters-benefits-list.on  .plus-minus:after {
    opacity: 0;
}
.headquarters-benefits-list {
    margin-right: 4.2rem;
}
.headquarters-benefits-list:nth-of-type(3n) {
    margin-right: 0;
}
.headquarters-benefits-list:nth-child(n+4) {
    margin-top: 2rem;
}
.headquarters-career-path-box .inner {
    max-width: 105.6rem;
    width: 100%;
    margin: 0 auto;
}
.career-path-top-box {
    margin-top: 5.7rem;
}
.headquarters-career-path-box .head-box {
    display: flex;
    align-items: center;
    margin-bottom: 2.4rem;
}
.headquarters-career-path-box .head-box .num {
    color:#E76E79;
    font-size: 3.2rem;
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    margin-right: 3.5rem;
}
.headquarters-career-path-box .head-box h4 {
    max-width: 19.2rem;
    width: 100%;
    font-size: 2.8rem;
    font-weight: 400;
    margin-right: 6.8rem;
    letter-spacing: 0.05em;
}
.headquarters-career-path-box .head-box .txt {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.career-path-top-box .career-path-cotent.black {
    background:none;
    border: 1px solid #E76E79;
    padding-top: 6.4rem;
    position: relative;
}
.career-path-top-box .career-path-cotent.red {
    position: relative;
    border: 1px solid #E76E79;
    border-top: none;
}
.career-path-top-box .career-path-cotent.black .career-path-img {
    max-width: 93.6rem;
    width: 100%;
    margin: 0 auto;
}
.career-path-top-box .career-path-cotent.black .career-path-img {
    max-width: 88.5rem;
    width: 100%;
    margin: 0 0 0 7rem;
}
.career-path-top-box .career-path-cotent.black .career-path-img .sp {
    display: none;
}
.career-path-top-box .career-path-cotent.red .career-path-img {
    max-width: 42.6rem;
    width: 100%;
    margin-left: auto;
    margin-right: 4.5rem;
}
.career-path-top-box .career-path-cotent.red .dl-box {
    padding-top: 8.4rem;
    max-width: 40.8rem;
    width: 100%;
    margin-left: 10.8rem;
}
.career-path-top-box .career-path-cotent.red .dl-box dt {
    font-size: 2.4rem;
    letter-spacing: 0.05em;
    color:#E76E79;
    margin-bottom: 1.2rem;
}
.career-path-top-box .career-path-cotent.red .dl-box dd {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    color:#444444;
}
.career-path-top-box .career-path-cotent.red .dl-box div {
    margin-bottom: 4.3rem;
}
.career-path-top-box .career-path-cotent.red .dl-box div:last-child {
    margin-bottom: 0;
}
.career-path-top-box .career-path-cotent.red {
    position: relative;
    padding-bottom: 6.1rem;
}
.career-path-top-box .career-path-cotent.red .pict {
    max-width: 7.7rem;
    margin-left: 2.8rem;
    position: absolute;
    width: 100%;
    display: none;
    bottom: 0;
}
.career-path-top-box .career-path-cotent.black .en-large {
    font-size: 8.8rem;
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    margin-left: 1rem;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-top: 1rem;
    color:#606060;
    padding-bottom: 1rem;
}
.career-path-top-box .career-path-cotent.red .en-large {
    font-size: 8.8rem;
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    margin-left: auto;
    margin-right: 0;
    text-align: right;
    letter-spacing: 0.1em;
    line-height: 0.5;
    display: none;
    color:#fff;
    margin-top: 5rem;
    margin-bottom: 0;
    padding-bottom: 0;
}
.career-path-top-box .career-path-cotent.black .txt {
    max-width: 52.3rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    position: absolute;
    right: 10.1rem;
    color:#555555;
    bottom:4.6rem;
    letter-spacing: 0.05em;
    font-weight: 400;
}
.career-path-top-box {
    margin-bottom: 9rem;
}
.career-path-bottom-box {
    margin-bottom: 11rem;
}
.career-path-bottom-box .career-figure-cotent {
    border: 1px solid #E76E79;
    padding-top: 3.9rem;
    padding-left: 6.4rem;
    padding-right: 6.4rem;
    padding-bottom: 4.8rem;
}
.culture-list-img.sp {
    display: none;
}
.sp.headquarters-sub-ttl {
    display: none;
}
.headquarters-more-box .sp {
    display: none;
}
.career-path-top-box .career-path-cotent.red .career-path-img .sp {
    display: none;
}
.career-path-bottom-box .career-figure-cotent .career-path-img .sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .page-headquarters-area {
        padding: 0 12px 0 13px;
    }
    .headquarters-top-box {
        margin-top: 72px;
        padding-bottom: 38px;
        border-bottom: 2px solid #EE847D;
    }
    .headquarters-top-box .inner {
        padding: 0 13px;
    }
    .headquarters-top-txt-box p {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.05em;
    }
    .headquarters-top-box .headquarters-bottom-box {
        display:none;
    }
    .headquarters-top-txt-box {
        max-width: 100%;
        margin: 0 auto;
    }
    .headquarters-sec h3 {
        background-color: #EF857D;
        color: #fff;
        padding: 0 10px;
        display: table;
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0.1em;
        font-style: normal;
        display: table;
        margin-right: 0;
        margin-right: auto;
        margin-left: 0;
    }
    .headquarters-sub-ttl {
        height: 16.5px;
        margin-right: 12px;
        margin-left: auto;
        text-align: right;
        font-size: 0;
        width: auto;
    }
    .policy-flex {
        max-width: 108rem;
        width: 100%;
        display: block;
        margin: 48px auto 0;
        justify-content: space-between;
        padding: 0 27px;
    }
    .headquarters-policy-box .top-txt {
        margin-top: 26px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.025em;
        font-weight: 400;
        margin-bottom: 0;
    }
    .headquarters-policy-box .botttom-txt {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.025em;
    }
    .headquarters-bottom-box {
        display:none;
    }
    .headquarters-policy-box {
        padding-bottom: 59px;
        border-bottom: 2px solid #EE847D;
    }
    .headquarters-staff-box {
        border-bottom: 2px solid #EE847D;
        padding-bottom: 79px;
    }
    .staff-lists {
        margin-top: 39px;
        margin-bottom: 0;
    }
    .staff-lists .inner {
        max-width: 340px;
        margin: 0 auto;
    }
    .staff-list-wrap {
       /* width: 163px; */
        max-width: 163px;
        position: relative;
        width: 100%;
    }
    .headquarters-staff-list .staff-list-txt-box {
        max-width: 100%;
    }
    .staff-list-wrap::after {
        background-color: #E76E79;
        content: '';
        position: absolute;
        width: calc(163px + 2px);
        height: calc(163px + 2px);
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        border-radius: 50% 50%;
        display: block;
    }
    .staff-img-wrap {
        display: flex;
        justify-content: center;
    }
    .staff-list-img {
        background-color: #fff;
        border-radius: 50% 50%;
        width: 163px;
        height: 163px;
        display: flex;
        position: relative;
        z-index: 997;
        align-items: center;
        justify-content: center;
    }
    .staff-list-img img {
        max-width: 120px;
        height: 120px;
        object-fit: cover;
        object-position: top center;
        width: 100%;
        border-radius: 50% 50%;
        position: relative;
    }
    .headquarters-policy-box .h-policy-img .pc {
        display: none;
    }
    .headquarters-policy-box .h-policy-img .sp {
        display: block;
    }
    .headquarters-staff-list {
        margin-right: 0;
        max-width: 163px;
        width: 100%;
    }
    .headquarters-staff-list:nth-of-type(2n) {
        margin-right: 0;
        margin-left: 8px;
    }
    .headquarters-staff-list .staff-txt-inner {
        background-color: #fff;
        position: relative;
        z-index: 3;
        margin: -25px auto 0;
    }
    .staff-list-txt-wrap {
        max-width: 100%;
        width: 100%;
        bottom: 0;
        position: relative;
        z-index: 990;
        z-index: 5000;
        padding-top:0;
    }
    .staff-ttl {
        color: #E76E79;
        font-size: 10px;
        font-weight: 400;
    }
    .staff-name {
        font-size: 16px;
        color: #E76E79;
        margin-bottom: 8px;
    }
    .address {
        text-align: right;
        color: #E76E79;
        font-size: 10px;
    }
    .headquarters-staff-list .box-1 .inner, .headquarters-staff-list .box-2 .inner, .headquarters-staff-list .box-3 .inner, .headquarters-staff-list .box-4 .inner {
        padding: 0 8.5px;
    }
    .headquarters-staff-list .box-1 {
        padding-bottom: 9px;
        padding-top: 30px;
        border-bottom: 1px solid #EE847D;
    }
    .box-ttl {
        padding: 0 8px;
        background-color: #E76E79;
        display: table;
        color: #fff;
        font-size: 10px;
        letter-spacing: 0.015em;
        margin-bottom: 5px;
    }
    .biography {
        font-size: 13px;
        color: #E76E79;
        letter-spacing: 0.015em;
        line-height: 18px;
    }
    .headquarters-staff-list .box-2, .headquarters-staff-list .box-3, .headquarters-staff-list .box-4 {
        padding-bottom: 10px;
        border-bottom: 1px solid #EE847D;
    }
    .headquarters-staff-list .box-3 .txt, .headquarters-staff-list .box-4 .txt {
        font-size: 13px;
        color: #E76E79;
        letter-spacing: 0.015em;
        line-height: 18px;
    }
    .staff-lists .flex-box {
        flex-wrap: wrap;
        column-gap: 0;
       /* width: 320px; */
       max-width: 450px;
    }
    .headquarters-staff-list:nth-child(n+3) {
        margin-top: 0;
        margin-bottom: 17px;
        box-sizing: border-box;
        display: inline-block;
      }
      .headquarters-staff-list {
        margin-bottom: 17px;
        display: block;
      }
      .headquarters-staff-list:last-child {
        margin-bottom: 0
      }
      .culture-list-box {
        padding-left: 0;
        margin-top: 72px;
    }
    .pc.culture-list-img {
        display: none;
    }
    .colture-list-line h5 {
        padding-left: 10px;
        font-size: 16px;
    }
    .colture-list-line h5 {
        color: #E76E79;
        font-weight: 500;
        width: calc(100% - 13px);
        letter-spacing: 0.05em;
        background-repeat: no-repeat;
        background-position: right 8px bottom -1px;
        background-image: url(../images/page/headquarters/cluture-sml-txt.svg);
        border-bottom: 1px solid #E96E69;
        margin-bottom: 5px;
    }
    .colture-list-line h5::after {
        display: block;
        content: '';
        background-image: url(../images/page/headquarters/circle-pink-mark.svg);
        width: 4px;
        height: 4px;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: -4px;
        position: absolute;
        right: 0;
    }
    .colture-list-line p {
        padding: 0 10px;
        font-size: 14px;
        letter-spacing: 0.025rem;
        line-height: 24px;
    }
    .culture-list-box h4 {
        display: flex;
        position: relative;
        margin-left: auto;
        margin-right: 0;
        text-align: right;
        justify-content: flex-end;
    }
    .culture-list-box h4 span.num {
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        width: 42px;
        height: 42px;
        background-color: #EF857D;
        border-radius: 50% 50%;
        display: flex;
        font-family: "Urbanist", serif;
        font-size: 2.1rem;
        font-weight: 500;
        color: #EF857D;
        align-items: center;
        justify-content: center;
    }
    .culture-list-box h4 span.num span {
        width: 33px;
        height: 33px;
        font-size: 17px;
        background-color: #ffffff;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .culture-list-box h4 span.txt {
        background-color: #EF857D;
        color: #ffffff;
        padding: 10px 14px 10px 20px;
        font-size: 21px;
        display: block;
        display: flex;
        align-items: center;
        font-weight: 500;
        line-height: 1;
        display: block;
        margin-left: -6px;
        letter-spacing: 0.05em;
        width: auto;
        display: block;
    }
    .top-ttl-box {
        align-items: flex-end;
        display: block;
    }
    .headquarters-culture-box .headquarters-sub-ttl {
        margin-left: 0;
        margin-right: auto;
        text-align: left;
        margin-bottom: 0;
    }
    .top-ttl-box .headquarters-sub-ttl {
        display: none;
    }
    .culture-list-flex {
        max-width: 105.6rem;
        width: 100%;
        margin-left: auto;
        display: flex;
        justify-content: space-between;
        margin-right: auto;
        margin-top: 27px;
    }
    .headquarters-culture-box {
        padding-bottom: 74px;
        border-bottom: 2px solid #EE847D;
    }
    .culture-list-img.pc {
        display: none;
    }
    .culture-list-img.sp {
        display: block;
        padding: 0 16px;
        margin-bottom: 36px;
    }
    .culture-list-box:last-child {
        margin-top: 72px;
    }
    .colture-list-wrap {
        margin-bottom: 0;
    }
    .sp.headquarters-sub-ttl {
        display: block;
        margin-left: auto;
        margin-right: 12px;
        margin-bottom: 65px;
        text-align: right;
    }
    .colture-list-line + .colture-list-line {
        margin-top: 14px;
    }
    .benefits-lists {
        margin-top: 52px;
        margin-bottom: 12.3rem;
    }
    .benefits-lists .inner {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0 14px;
    }
    .benefits-list-wrap {
        width: 100%;
        position: relative;
        display: flex;
    }
    .headquarters-benefits-list {
        margin-right: 0;
    }
    .headquarters-benefits-list {
        cursor: pointer;
        display: block;
        width: 100%;
    }
    .headquarters-benefits-list:nth-child(n+2) {
        margin-top: 16px;
    }
    .benefits-list-img {
        background-color: #fff;
        border-radius: 50% 50%;
        width: 113px;
        height: 113px;
        display: flex;
        position: relative;
        z-index: 997;
        align-items: center;
        justify-content: center;
    }
    .benefits-list-wrap::after {
        background-color: #E76E79;
        content: '';
        position: absolute;
        width: calc(113px + 2px);
        height: calc(113px + 2px);
        top: -1px;
        left: -1px;
        transform: translateX(0);
        z-index: 2;
        border-radius: 50% 50%;
        display: block;
    }
    .benefits-list-txt-inner {
        position: relative;
        z-index: 3;
        min-height: 113px;
        padding: 43px 0 7px 0;
    }
    .two-line .benefits-list-txt-inner {
        padding: 31px 0 8px 0;
    }
    .benefits-ttl {
        line-height: 26px;
        font-size: 20px;
        text-align: center;
        font-weight: 400;
        letter-spacing: 0.025em;
    }
    .benefits-txt-inner {
        background-color: #fff;
        position: relative;
        z-index: 3;
        max-width: 22.8rem;
        width: 100%;
        margin: 0 0 0 -20px;
        display: flex;
        align-items: center;
    }
    .benefits-list-txt-inner .plus-minus {
        right: 0;
        top: auto;
        margin-right: 8px;
        background: none;
        width: 16px;
        height: 16px;
        margin-top: 20px;
    }
    .two-line .benefits-list-txt-inner .plus-minus {
        margin-top: 6px;
    }
    .benefits-list-txt-inner .plus-minus:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 16px;
        height: 1px;
        border-radius: 10px;
        background: #E76E79;
        display: block;
    }
    .benefits-list-txt-inner .plus-minus:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 1px;
        height: 16px;
        border-radius: 10px;
        background: #E76E79;
        display: block;
        transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
        will-change: transform;
    }
    .benefits-list-img img {
        width: 55px;
        border-radius: 0;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(2) .benefits-list-img img {
        width: 51px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(3) .benefits-list-img img {
        width: 67px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(5) .benefits-list-img img {
        width: 62px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(6) .benefits-list-img img {
        width: 53px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(7) .benefits-list-img img {
        width: 70px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(8) .benefits-list-img img {
        width: 41px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(11) .benefits-list-img img {
        width: 61px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(12) .benefits-list-img img {
        width: 58px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(14) .benefits-list-img img {
        width: 44px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(15) .benefits-list-img img {
        width: 37px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(16) .benefits-list-img img {
        width: 46px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(17) .benefits-list-img img {
        width: 71px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(18) .benefits-list-img img {
        width: 67px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(19) .benefits-list-img img {
        width: 66px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(20) .benefits-list-img img {
        width: 61px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(21) .benefits-list-img img {
        width: 66px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(22) .benefits-list-img img {
        width: 63px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(23) .benefits-list-img img {
        width: 57px;
        height: auto;
    }
    .headquarters-benefits-list:nth-child(24) .benefits-list-img img {
        width: 58px;
        height: auto;
    }
    .benefits-content p {
        font-size: 14px;
        line-height: 22px;
    }
    .benefits-lists {
        margin-top: 52px;
        margin-bottom: 0;
    }
    .benefits-content {
        display: none;
        padding: 0 10px 0 10px;
        margin-top: 17px;
    }
    .headquarters-benefits-box, .headquarters-career-path-box {
        padding-bottom: 83px;
        border-bottom: 2px solid #EE847D;
    }
    .division-flex {
        display: block;
    }
    .division-dl-box {
        margin-top: 54px;
        margin-bottom: 0;
    }
    .headquarters-division-box .inner {
        max-width: 105.6rem;
        width: 100%;
        margin: 0 auto;
        padding: 0 12px;
    }
    .h-division-img {
        margin-right: 0;
        padding: 0 13px;
        max-width: 100%;
        margin-bottom: 45px;
    }
    .division-list {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #707070;
        padding-left: 20px;
        padding-right: 8px;
    }
    .d-top .num {
        font-size: 20px;
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        margin-right: 30px;
    }
    .d-top .division-name {
        font-size: 20px;
    }
    .division-list .plus-minus {
        position: relative;
        width: 18px;
        height: 18px;
        border: 1px solid #333333;
        display: block;
        transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
        cursor: pointer;
        will-change: transform;
        margin-left: auto;
    }
    .division-list .plus-minus:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 8px;
        height: 1px;
        border-radius: 10px;
        background: #333333;
        display: block;
    }
    
    .division-list .plus-minus:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 1px;
        height: 8px;
        border-radius: 10px;
        background: #333333;
        display: block;
        transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
        will-change: transform;
    }
    .d-bottom {
        margin-left: 0;
        padding-left: 35px;
        max-width: 100%;
        width: 100%;
        margin-top: 12px;
    }
    .d-bottom p {
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0;
    }
    .headquarters-division-box {
        padding-bottom: 88px;
        border-bottom: none;
    }
    .headquarters-more-box .more-about-list a {
        max-width: 272px;
        width: 272px;
    }
    .headquarters-more-box .pc {
        display: none;
    }
    .headquarters-more-box .sp {
        display: block;
    }
    .career-path-top-box {
        margin-top: 40px;
    }
    .headquarters-career-path-box .head-box {
        align-items: center;
        padding: 0;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .headquarters-career-path-box .head-box h4 {
        max-width: calc(100% - 60px);
        width: 100%;
        font-size: 28px;
        font-weight: 400;
        margin-right: 0;
        letter-spacing: 0.05em;
        display: table;
    }
    .headquarters-career-path-box .head-box .num {
        color: #E76E79;
        font-size: 32px;
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        margin-right: 22px;
    }
    .career-path-top-box .career-path-cotent.black .en-large {
        font-size: 48px;
        text-align: center;
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        margin-left: 1rem;
        letter-spacing: 0.1em;
        line-height: 1;
        margin-top: 1rem;
        color: #606060;
        padding-bottom: 24px;
    }
    .career-path-top-box .career-path-cotent.black .txt {
        max-width: 100%;
        padding: 0 16px 0 21px;
        margin-top: 29px;
        width: 100%;
        line-height: 24px;
        font-size: 14px;
        position: static;
        right: 8.4rem;
        bottom: 11rem;
        letter-spacing: 0.025em;
    }
    .career-path-top-box .career-path-cotent.black {
        background:none;
        padding-top: 32px;
        position: relative;
        padding:31px 0 76px;
    }
    .career-path-top-box .career-path-cotent.black::after {
        position: absolute;
        bottom:22px;
        left: 50%;
        transform: translateX(-50%);
        width: 31px;
        height: 32px;
        content:'';
        background-image: url('../images/page/headquarters/career-path-bottom-arrow.svg');
    }
    .headquarters-career-path-box .inner {
        padding:0 11px;
    }
    .career-path-top-box .career-path-cotent.black .career-path-img .pc {
        display: none;
    }

    .career-path-top-box .career-path-cotent.black .career-path-img .sp {
        display: block;
    }
    .career-path-top-box .career-path-cotent.black .career-path-img {
        padding-left: 12px;
        width: 100%;
        margin: 0 auto;
    }
    .career-path-top-box .career-path-cotent.red .career-path-img {
        max-width: 100%;
        width: 100%;
        margin-left: auto;
        padding: 0 58px;
        margin-right: auto;
        order: 1;
    }
    .career-path-top-box .career-path-cotent.red .dl-box {
        order: 2;
        margin-left: 0;
        padding: 0 13px 0 18px;
        margin-top: 30px;
    }
    .career-path-cotent .flex-box {
        flex-flow: column;
    }
    .career-path-top-box .career-path-cotent.red .career-path-img .pc {
        display: none;
    }
    .career-path-top-box .career-path-cotent.red .career-path-img .sp {
        display: block;
    }
    .career-path-top-box .career-path-cotent.red .dl-box dt {
        font-size: 24px;
        letter-spacing: 0.05em;
        margin-bottom: 15px;
    }
    .career-path-top-box .career-path-cotent.red .dl-box dd {
        font-size: 16px;
        letter-spacing: 0.05em;
    }
    .career-path-top-box .career-path-cotent.red .dl-box div {
        margin-bottom: 28px;
    }
    .career-path-top-box .career-path-cotent.red .en-large {
        font-size: 48px;
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        letter-spacing: 0.1em;
        line-height: 44px;
        color: #fff;
        margin-top: 20px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .career-path-top-box .career-path-cotent.red .pict {
        max-width: 71px;
        margin-left: 2.8rem;
        position: static;
        margin-top: 45px;
        margin: 45px auto 0;
        width: 100%;
        bottom: 0;
    }
    .career-path-top-box .career-path-cotent.red {
        padding-bottom: 53px;
    }
    .career-path-top-box {
        margin-bottom: 46px;
    }
    .headquarters-career-path-box {
        padding-bottom: 46px;
        border-bottom: 2px solid #EE847D;
    }
    .career-path-bottom-box {
        margin-bottom: 0;
    }
    .career-path-bottom-box .career-figure-cotent {
        border:none;
        padding-top: 27px;
        padding-left: 13px;
        padding-right: 13px;
        padding-bottom: 0;
    }
    .career-path-bottom-box .career-figure-cotent .career-path-img .pc {
        display: none;
    }
    .career-path-bottom-box .career-figure-cotent .career-path-img .sp {
        display: block;
    }
}
/* =================================
事業所一覧
================================= */
.base-top-box {
    margin-top: 13rem;
    border-bottom: 4px solid #AACF52;
    padding-bottom: 13.9rem;
}

.base-top-box .inner {
    max-width: 110.4rem;
    width: 100%;
    margin: 0 auto;
}

.base-top-box .txt-box {
    max-width: 105.6rem;
    width: 100%;
    margin: 0 auto 6.6rem;
}

.base-top-box h3 {
    font-size: 2.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
}

.base-top-box .txt-box p {
    max-width: 62.4rem;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    width: 100%;
    line-height: 2;
}

.base-top-box .flex-box {
    justify-content: space-between;
}

.base-top-img {
    margin-top: 10.7rem;
    margin-bottom: 2.9rem;
}

.no-1 {
    max-width: 84rem;
    width: 100%;
    margin: 0 auto;
}

.base-sec-box {
    padding-bottom: 8.6rem;
    border-bottom: 4px solid #AACF52;
}

.base-sec-box h3 {
    background-color: #AACF52;
    color: #fff;
    line-height: 1;
    padding: 1.2rem 1.9rem 1.7rem;
    display: table;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    font-style: normal;
    display: table;
    margin-right: 0;
    margin-left: 0;
}

.base-sec-box h4 {
    font-weight: 400;
    font-size: 2rem;
    margin-left: auto;
    margin-right: 0;
    display: table;
    margin: -5.5rem 0 2.3rem auto;
}

.base-sec-box {
    position: relative;
}

.base-logos {
    max-width: 36rem;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
}

.base-logo + .base-logo {
    max-width: 16rem;
    width: 100%;
    margin-left: 2.4rem;
    margin-right: 0;
    display: table;
}

.base-logo {
    max-width: 16rem;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
    display: table;
}

.logo-inner {
    position: relative;
    max-width: 106rem;
    width: 100%;
    margin: 0 auto;
}

.base-lists-box {
    margin-top: 4.3rem;
}

.ginga-plus .base-lists-box {
    margin-top: 14rem;
}

.soudan .base-lists-box {
    margin-top: 14rem;
}

.base-lists-box .flex-box {
    flex-wrap: wrap;
}

.base-list {
    max-width: 30rem;
    margin-right: 6.6rem;
    cursor: pointer;
    width: 100%;
    display: block;
    position: relative;
}

.base-list a {
    display: block;
    cursor: pointer;
}

.base-list:nth-child(n+4) {
    margin-top: 4.2rem;
}

.base-list:nth-of-type(3n) {
    margin-right: 0;
}

.base-sec-box .inner {
    max-width: 106rem;
    width: 100%;
    margin: 0 auto;
}

.base-name {
    font-size: 2.4rem;
    font-weight: 500;
    cursor: pointer;
    letter-spacing: 0.05em;
}

.base-content {
    min-height: 0.6rem;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #FFF33F;
    z-index: 2;
    position: relative;
}

.piman .base-content {
    border: 1px solid #AACF52;
}

.toiro .base-content {
    border: 1px solid #89C681;
}

.rashiku .base-content {
    border: 1px solid #64C0AB;
}
.danbo .base-content {
    border: 1px solid #59B49A;
}
.ginga .base-content {
    border: 1px solid #5BC1D8;
}

.ginga-plus .base-content {
    border: 1px solid #5BC1D8;
}

.soudan .base-content {
    border: 1px solid #59B49A;
}

.aqua .base-content {
    border: 1px solid #54C3F1;
}

.aporo .base-content {
    border: 1px solid #7B9FD3;
}

.tatoru .base-content {
    border: 1px solid #8E8BC2;
}

.makaron .base-content {
    border: 1px solid #A688BD;
}

.on .base-content {
    height: auto;
}

.base-content-wrap {
    display: none;
    padding: 1.5rem 1.3rem;
}

.first .base-content-wrap {
    display: block;
}

.base-sec-box .address {
    color: #333333;
    text-align: left;
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
    letter-spacing: 0.05em;
}
.base-sec-box .tel-fax {
    color: #333333;
    text-align: left;
    letter-spacing: 0.05em;
    font-size: 1.6rem;
}
.plus-minus span {
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plus-minus {
    position: absolute;
    right: 0;
    top: 2px;
    width: 4rem;
    height: 4rem;
    border-radius: 50% 50%;
    align-items: center;
    z-index: 10000;
    margin-left: -0.6rem;
    background-color: #FFFFFF;
    justify-content: center;
    display: flex;
}

.plus-minus>span {
    position: relative;
    background-color: #fff;
    width: 3rem;
    height: 3rem;
    background-color: #ffffff;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFF33F;
}

.piman .plus-minus>span {
    border: 1px solid #AACF52;
}

.toiro .plus-minus>span {
    border: 1px solid #89C681;
}

.rashiku .plus-minus>span {
    border: 1px solid #64C0AB;
}
.danbo .plus-minus>span {
    border: 1px solid #59B49A;
}

.ginga .plus-minus>span {
    border: 1px solid #5BC1D8;
}

.ginga-plus .plus-minus>span {
    border: 1px solid #5BC1D8;
}

.soudan .plus-minus>span {
    border: 1px solid #59B49A;
}

.aqua .plus-minus>span {
    border: 1px solid #54C3F1;
}

.aporo .plus-minus>span {
    border: 1px solid #7B9FD3;
}

.tatoru .plus-minus>span {
    border: 1px solid #8E8BC2;
}

.makaron .plus-minus>span {
    border: 1px solid #A688BD;
}

.plus-minus>span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.6rem;
    height: 1px;
    border-radius: 10px;
    background: #444444;
    display: block;
}

.plus-minus>span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1px;
    height: 1.6rem;
    border-radius: 10px;
    background: #444444;
    display: block;
    transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
    will-change: transform;
}

.on .plus-minus>span:after {
    opacity: 0;
}

.plus-minus-bg {
    position: absolute;
    right: -1px;
    top: 1px;
    background-color: #FFF33F;
    width: calc(4rem + 2px);
    height: calc(4rem + 2px);
    border-radius: 50% 50%;
    display: block;
    z-index: 1;
}

.piman .plus-minus-bg {
    background-color: #AACF52;
}

.toiro .plus-minus-bg {
    border: 1px solid #89C681;
}

.rashiku .plus-minus-bg {
    border: 1px solid #64C0AB;
}
.danbo .plus-minus-bg {
    border: 1px solid #59B49A;
}
.ginga .plus-minus-bg {
    border: 1px solid #5BC1D8;
}

.ginga-plus .plus-minus-bg {
    border: 1px solid #5BC1D8;
}

.soudan .plus-minus-bg {
    border: 1px solid #59B49A;
}

.aqua .plus-minus-bg {
    border: 1px solid #54C3F1;
}

.aporo .plus-minus-bg {
    border: 1px solid #7B9FD3;
}

.tatoru .plus-minus-bg {
    border: 1px solid #8E8BC2;
}

.makaron .plus-minus-bg {
    border: 1px solid #A688BD;
}

.paseri .base-content {
    border: 1px solid #CC7DB1;
}

.paseri .plus-minus>span {
    border: 1px solid #CC7DB1;
}

.paseri .plus-minus-bg {
    border: 1px solid #CC7DB1;
}

.irisu .base-content {
    border: 1px solid #EE87B4;
}

.irisu .plus-minus>span {
    border: 1px solid #EE87B4;
}

.irisu .plus-minus-bg {
    border: 1px solid #EE87B4;
}

.kurara .base-content {
    border: 1px solid #EE869A;
}

.kurara .plus-minus>span {
    border: 1px solid #EE869A;
}

.kurara .plus-minus-bg {
    border: 1px solid #EE869A;
}

.aiwa .base-content {
    border: 1px solid #E96E69;
}

.aiwa .plus-minus>span {
    border: 1px solid #E96E69;
}

.aiwa .plus-minus-bg {
    border: 1px solid #E96E69;
}

.ikoi .base-content {
    border: 1px solid #EF845C;
}

.ikoi .plus-minus>span {
    border: 1px solid #EF845C;
}

.ikoi .plus-minus-bg {
    border: 1px solid #EF845C;
}

.takuhai .base-content {
    border: 1px solid #F3994F;
}

.takuhai .plus-minus>span {
    border: 1px solid #F3994F;
}

.takuhai .plus-minus-bg {
    border: 1px solid #F3994F;
}

.palet .base-content {
    border: 1px solid #F9C158;
}

.palet .plus-minus>span {
    border: 1px solid #F9C158;
}

.palet .plus-minus-bg {
    border: 1px solid #F9C158;
}

.base-sec-box .area-ttl {
    position: static;
    font-size: 2rem;
    font-weight: 500;
    margin: 0;
    padding-left: 2rem;
    background-image: url('../images/page/base/efila-black-icon.svg');
    background-size: 1.4rem 1.5rem;
    background-position: left center;
    background-repeat: no-repeat;
    margin-top: 8.8rem;
}

.base-top-img .sp {
    display: none;
}

.txt-202411 {
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    margin-bottom: 5.9rem;
    text-align: right;
    display: block;
}

@media screen and (max-width: 768px) {
    .page-base-area {
        padding: 0 11px;
    }

    .base-top-box {
        margin-top: 40px;
        border-bottom: 2px solid #AACF52;
        padding-bottom: 100px;
    }

    .base-top-box .flex-box {
        display: block;
    }

    .base-top-box .inner {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0 13px;
    }

    .base-top-box h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 16px;
        letter-spacing: 0.05em;
    }

    .base-top-box .txt-box {
        margin: 0 auto;
    }

    .base-top-box .txt-box p {
        max-width: 100%;
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.05em;
        width: 100%;
    }

    .base-top-img {
        margin-top: 40px;
        margin-bottom: 42px;
    }

    .base-top-img .pc {
        display: none;
    }

    .base-top-img .sp {
        display: block;
    }

    .txt-202411 {
        font-size: 9px;
        letter-spacing: 0.05em;
        margin-bottom: 9px;
        text-align: right;
        display: block;
    }

    .base-sec-box h3 {
        background-color: #AACF52;
        color: #fff;
        padding: 4px 10px 8px;
        display: table;
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0.05em;
        font-style: normal;
        display: table;
        margin-right: 0;
        margin-left: 0;
    }

    .base-sec-box h3.l-0 {
        letter-spacing: 0;
        font-size: 21.5px;
    }

    .logo-inner {
        position: relative;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding-right: 15px;
    }

    .base-sec-box h4 {
        font-weight: 400;
        font-size: 12px;
        margin-left: auto;
        margin-right: 0;
        display: table;
        margin: -35px 0 33px auto;
    }

    .base-logos {
        max-width: 255px;
        width: 100%;
        margin-left: auto;
        margin-right: 0;
        display: flex;
        justify-content: space-between;
    }

    .base-logo + .base-logo {
        max-width: 120px;
        width: 100%;
        margin-left: 12px;
    }

    .base-logo {
        max-width: 120px;
        width: 100%;
        margin-left: auto;
        margin-right: 0;
        display: table;
    }

    .base-sec-box .inner {
        padding: 0 12px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .base-lists-box {
        margin-top: 29px;
    }

    .base-name {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.05em;
    }

    .base-list {
        width: 100%;
        max-width: calc(50% - 6px);
        margin-right: 0;
        width: 100%;
        cursor: pointer;
        position: relative;
    }

    .base-list:nth-child(even) {
        margin-left: 12px;
    }

    .first .base-content-wrap {
        display: block;
        font-size: 13px;
        padding: 10px;
    }

    .plus-minus {
        position: absolute;
        right: 0;
        top: 7px;
        width: 20px;
        height: 20px;
        border-radius: 50% 50%;
        align-items: center;
        z-index: 9999;
        margin-left: -6px;
        background-color: #FFFFFF;
        justify-content: center;
        display: flex;
    }

    .plus-minus>span {
        position: relative;
        background-color: #fff;
        width: 15px;
        height: 15px;
        background-color: #ffffff;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #FFF33F;
    }

    .plus-minus-bg {
        position: absolute;
        right: -1px;
        top: 6px;
        background-color: #FFF33F;
        width: calc(20px + 2px);
        height: calc(20px + 2px);
        border-radius: 50% 50%;
        display: block;
        z-index: 1;
    }

    .base-content {
        min-height: 4px;
        background-color: #fff;
        border: 1px solid #FFF33F;
        z-index: 2;
        position: relative;
    }

    .plus-minus>span:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 8px;
        height: 1px;
        border-radius: 10px;
        background: #444444;
        display: block;
    }

    .plus-minus>span:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 1px;
        height: 8px;
        border-radius: 10px;
        background: #444444;
        display: block;
        transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
        will-change: transform;
    }

    .base-list:nth-child(n+3) {
        margin-top: 22px
    }

    .base-sec-box {
        padding-bottom: 48px;
        border-bottom: 2px solid #AACF52;
    }

    .ginga-plus .base-lists-box {
        margin-top: 66px;
    }

    .soudan .base-lists-box {
        margin-top: 66px;
    }

    .base-sec-box .area-ttl {
        position: static;
        font-size: 15px;
        letter-spacing: 0.05em;
        font-weight: 500;
        margin: 0;
        padding-left: 2rem;
        background-image: url(../images/page/base/efila-black-icon.svg);
        background-size: 14px 15px;
        background-position: left center;
        background-repeat: no-repeat;
        margin-top: 32px;
    }

    .base-sec-box .area-ttl.first {
        margin-top: 1px;
    }
    .base-sec-box .address {
        color: #333333;
        text-align: left;
        font-size: 13px;
        letter-spacing: 0.025em;
        margin-bottom: 1.2rem;
    }
    .base-sec-box .tel-fax {
        color: #333333;
        text-align: left;
        font-size: 13px;
        letter-spacing: 0.025em;
    }
}

/* =================================
カムバック採用
================================= */
.page-comeback-area {
    padding-bottom: 5.8rem;
}

.page-comeback-area .bottom-txt {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    margin-right: 7rem;
    text-align: right;
    margin-top: 2.8rem;
}

.comeback-top-ttl {
    margin: 0 auto 3.4rem;
    text-align: center;
    display: table;
}

.comeback-top-ttl .sp {
    display: none;
}

.comeback-top-ttl span {
    font-size: 3.2rem;
    display: table;
    font-weight: 400;
    letter-spacing: 0.05em;
    background-color: #FDFD60;
    padding: 0 0.8rem;
}

.comeback-top-box {
    margin-top: 15.3rem;
    padding-bottom: 12.7rem;
}

.comeback-top-box .inner {
    max-width: 62.4rem;
    width: 100%;
    margin: 0 auto;
}

.head-txt {
    line-height: 2;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}

.comeback-top-box {
    border-bottom: 4px solid #7B9FD3;
}

.comeback-about-box {
    padding-bottom: 0;
    border-bottom: 4px solid #7B9FD3;
}

.comeback-about-box .left-box {
    padding: 10.2rem 0;
    max-width: 32.4rem;
    justify-content: center;
    width: 100%;
    display: flex;
}

.comeback-about-box .left-box h3 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    writing-mode: vertical-rl;
    color: #7B9FD3;
    font-weight: 400;
}

.comeback-about-top {
    display: flex;
}

.comeback-about-box .right-box {
    padding: 8rem 0;
    padding-left: 10.5rem;
    background-color: #7B9FD3;
    max-width: calc(100% - 32.4rem);
    width: 100%;
}

.comeback-about-top {
    margin-bottom: 4.5rem;
}

.comeback-about-box .right-box h4 {
    color: #fff;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.05em;
}

.comeback-about-box .right-box h4+h4 {
    margin-left: 3.6rem;
}

.comeback-about-box .right-box h4:first-child {
    position: relative;
    padding-left: 5rem;
}

.comeback-about-box .right-box h4:nth-child(2) {
    position: relative;
    padding-left: 7rem;
}

.comeback-about-box .right-box h4:first-child::after {
    width: 4.7rem;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4.7rem;
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url('../images/page/comeback/comeback-about-icon_01.svg');
}

.comeback-about-box .right-box h4:nth-child(2)::after {
    width: 6rem;
    position: absolute;
    left: 0;
    bottom: -0.5rem;
    height: 6rem;
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url('../images/page/comeback/comeback-about-icon_02.svg');
}

.comeback-about-box .right-box .txt {
    color: #fff;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.025em;
    max-width: 73.2rem;
    width: 100%;
}

.comeback-overview-box h4 {
    color: #fff;
    background-color: #EE869A;
    font-size: 1.6rem;
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    padding: 0.5rem 1.9rem;
    letter-spacing: 0.05em;
    line-height: 1;
    font-style: normal;
    margin-right: auto;
    margin-left: 0;
    display: table;
    white-space: nowrap;
    display: table;
}

.comeback-overview-box h3 {
    background-color: #7B9FD3;
    ;
    color: #fff;
    padding: 0 1.9rem;
    display: table;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    font-style: normal;
    display: table;
    margin-right: 0;
    margin-right: auto;
    margin-left: 0;
}

.comeback-voice-box h4 {
    color: #fff;
    background-color: #7B9FD3;
    font-size: 1.6rem;
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    padding: 0.5rem 1.9rem;
    letter-spacing: 0.05em;
    line-height: 1;
    font-style: normal;
    margin-left: auto;
    margin-right: 0;
    display: table;
    white-space: nowrap;
    display: table;
}

.comeback-voice-box h3 {
    background-color: #7B9FD3;
    color: #fff;
    padding: 0 1.9rem;
    display: table;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    font-style: normal;
    display: table;
    margin-left: auto;
    margin-right: 0;
}

.comeback-overview-box {
    padding-bottom: 15.8rem;
}

.overview-lists {
    margin-left: auto;
    margin-right: 10.8rem;
    max-width: 84rem;
    margin-top: 9.6rem;
}

.overview-list {
    display: flex;
    align-items: center;
    border-top: 1px solid #707070;
}

.overview-list.last {
    border-bottom: 1px solid #707070;
    align-items: flex-start;
}

.overview-list .overview-left {
    max-width: 21rem;
    width: 100%;
}

.overview-list h5 {
    padding: 2.6rem 0;
    font-size: 2rem;
    letter-spacing: 0.05em;
    font-weight: 400;
}

.overview-list .txt {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.05em;
}

.overview-right-top .flex-box {
    justify-content: space-between;
    align-items: center;
}

.overview-list.last .overview-right {
    width: 100%;
}

.overview-right-top {
    padding: 2rem 0;
    border-bottom: 1px solid #707070;
}

.overview-right-top .more-btn {
    margin: 0;
}

.overview-right-bottom {
    padding: 1.5rem 0;
}

.overview-right-bottom .sml {
    font-size: 1.4rem;
}

.overview-right-bottom h6 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.overview-right-bottom p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}

.overview-right-bottom .left {
    max-width: 30rem;
    width: 100%;
    border-right: 1px solid #707070;
}

.overview-right-bottom .right {
    padding-left: 2.4rem;
}

.comeback-voice-box {
    padding-bottom: 6.5rem;
    border-bottom: 4px solid #7B9FD3;
}

.comeback-voice-lists {
    margin-top: 6.3rem;
    margin-bottom: 6rem;
}

.voice-list-wrap {
    width: 30.8rem;
}

.voice-list-wrap {
    position: relative;
}

.voice-img-wrap {
    background-color: #fff;
    border-radius: 50% 50%;
    width: 30.8rem;
    height: 30.8rem;
    display: flex;
    position: relative;
    z-index: 997;
    align-items: center;
    justify-content: center;
}

.voice-list-img img {
    max-width: 22.4rem;
    height: 22.4rem;
    object-fit: cover;
    width: 100%;
    border-radius: 50% 50%;
    position: relative;
}

.voice-list-wrap {
    width: 30.8rem;
    cursor: pointer;
    display: block;
    cursor: pointer;
}

.voice-txt-inner {
    position: relative;
}

.voice-list-wrap::after {
    background-color: #7B9FD3;
    content: '';
    position: absolute;
    width: calc(30.8rem + 2px);
    height: calc(30.8rem + 2px);
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    border-radius: 50% 50%;
    display: block;
}

.comback-voice-list .voice-list-txt-box {
    padding-left: 3.3rem;
    height: auto;
    height: 12rem;
    margin-left: 0.9rem;
    margin: -9rem auto 0;
}

.comback-voice-list .voice-list-txt-box {
    margin-top: -4.3rem;
    position: relative;
    max-width: 30.8rem;
    height: 16rem;
    z-index: 990;
    border: 1px solid #7B9FD3;
    background-color: #fff;
}

.voice-list-txt-wrap {
    margin: 0 auto;
    max-width: 30.8rem;
    width: 100%;
    position: absolute;
    height: 16rem;
    bottom: 0;
    z-index: 5000;
    padding-top: 2.8rem;
    padding-bottom: 2.7rem;
}

.voice-list-txt-inner {
    position: relative;
}

.voice-en {
    top: -1.5rem;
    right: 1rem;
    position: absolute;
    font-size: 1.4rem;
    line-height: 1.6rem;
    letter-spacing: 0.05em;
    display: inline-block;
    color: #7B9FD3;
    text-align: right;
    font-family: "Urbanist", serif;
}

.voice-list-txt-inner h5 {
    margin-top: -0.5rem;
}

.voice-list-txt-inner h5 span {
    font-size: 2.4rem;
    display: table;
    line-height: 1.5;
    color: #fff;
    padding: 0 0.7rem;
    letter-spacing: 0.05em;
    font-weight: 400;
    background-color: #A688BD;
}

.voice-name {
    margin-top: 0.5rem;
    padding-left: 1.4rem;
    font-size: 1.6rem;
    color: #A688BD;
}

.more-link {
    margin-right: 1.9rem;
    padding-right: 2rem;
    background-image: url('../images/common/external-icon-black.svg');
    background-repeat: no-repeat;
    background-position: right center;
    text-align: right;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}

.comeback-voice-box .more-btn {
    text-align: center;
    margin: 0 8.4rem 0 auto;
    display: table;
}

.comeback-voice-box .slick-list {
    padding: 1px 1px 0;
}

.comeback-voice-lists {
    margin-left: 10.5rem;
}

.comback-slider .slick-list .comback-voice-list {
    margin-right: 7rem;
}

.overview-list .txt.sp {
    display: none;
}

.overview-list.sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .page-comeback-area {
        padding: 0 11px 22px;
    }

    .comeback-top-box {
        margin-top: 40px;
        padding-bottom: 39px;
        border-bottom: 2px solid #7B9FD3;
    }

    .comeback-top-box .inner {
        padding: 0 13px;
    }

    .comeback-top-ttl span {
        font-size: 24px;
        display: table;
        font-weight: 400;
        letter-spacing: 0.05em;
        background-color: #FDFD60;
        padding: 10px 15px;
    }
    .comeback-top-ttl .pc {
        display: none;
    }
    .comeback-top-ttl .sp {
        display: block;
    }
    .comeback-top-ttl {
        margin: 0 auto 28px;
        text-align: center;
        display: table;
    }

    .comeback-top-box .head-txt {
        line-height: 2;
        font-size: 14px;
        letter-spacing: 0.05em;
    }

    .comeback-top-box .head-txt .sml {
        font-size: 12px;
    }

    .comeback-about-box .flex-box {
        display: block;
    }

    .comeback-about-box .left-box {
        max-width: 100%;
        padding: 28px 0;
        background-color: #fff;
    }

    .comeback-about-box .left-box h3 {
        font-size: 20px;
        line-height: 3.2rem;
        writing-mode: horizontal-tb;
        color: #7B9FD3;
        text-align: center;
        font-weight: 400;
        line-height: 1;
    }

    .comeback-about-box .right-box {
        padding: 47px 0 0;
        padding-left: 0;
        background-color: #7B9FD3;
        max-width: 100%;
        width: 100%;
    }

    .comeback-about-top {
        margin-bottom: 39px;
        max-width: 300px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .comeback-about-box .right-box h4 {
        color: #fff;
        font-size: 20px;
        display: table;
        font-weight: 400;
        letter-spacing: 0.05em;
    }

    .comeback-about-box .right-box h4:first-child {
        position: relative;
        padding-left: 68px;
    }

    .comeback-about-box .right-box h4:first-child::after {
        width: 39px;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 39px;
        content: '';
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left bottom;
        background-image: url(../images/page/comeback/comeback-about-icon_01.svg);
    }

    .comeback-about-box .right-box h4:nth-child(2)::after {
        width: 50px;
        position: absolute;
        left: 0;
        bottom: -0.5rem;
        height: 50px;
        content: '';
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left bottom;
        background-image: url(../images/page/comeback/comeback-about-icon_02.svg);
    }

    .comeback-about-box .right-box h4:nth-child(2) {
        position: relative;
        padding-left: 68px;
    }

    .comeback-about-box .right-box h4+h4 {
        margin-left: 0;
        margin-top: 16px;
    }

    .comeback-about-box .right-box h4+h4+h4 {
        text-align: right;
        margin-left: auto;
        margin-top: 0;
    }

    .comeback-about-box .right-box .txt {
        color: #fff;
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.025em;
        max-width: 73.2rem;
        width: 100%;
        padding: 0 13px;
    }

    .comeback-about-box {
        background-color: #7B9FD3;
        border-bottom: 2px solid #7B9FD3;
        padding-bottom: 61px;
    }

    .comeback-voice-box h3 {
        background-color: #7B9FD3;
        color: #fff;
        padding: 0 6px;
        display: table;
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0.05em;
        font-style: normal;
        display: table;
        margin-left: auto;
        margin-right: 0;
    }

    .comeback-overview-box h3 {
        background-color: #7B9FD3;
        color: #fff;
        padding: 0 6px;
        display: table;
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0.05em;
        font-style: normal;
        display: table;
        margin-right: 0;
        margin-right: auto;
        margin-left: 0;
    }

    .comeback-voice-box {
        padding-bottom: 61px;
        border-bottom: 2px solid #7B9FD3;
    }

    .overview-lists {
        margin-left: auto;
        margin-right: auto;
        padding-left: 13px;
        padding-right: 13px;
        max-width: 100%;
        margin-top: 59px;
    }

    .overview-list h5 {
        padding: 20px 0;
        font-size: 12px;
        letter-spacing: 0.05em;
        font-weight: 400;
        max-width: 76px;
        width: 100%;
    }

    .overview-list .txt {
        font-size: 14px;
        font-weight: 400;
        padding: 20px 0;
        text-align: left;
        letter-spacing: 0.05em;
    }

    .overview-list .txt.pc {
        display: none;
    }

    .overview-list .txt.sp {
        display: block;
    }

    .overview-list {
        display: flex;
        align-items: flex-start;
        border-top: 1px solid #707070;
    }

    .overview-list.last {
        border-bottom: none;
        align-items: flex-start;
    }

    .overview-list .overview-left {
        max-width: 76px;
        margin-right: 10px;
        width: 100%;
    }

    .overview-list.last .overview-right {
        width: 100%;
        max-width: calc(100% - 86px);
    }

    .overview-right-top {
        padding: 0;
        border-bottom: none;
        padding-bottom: 24px;
    }

    .overview-right-bottom.pc {
        display: none;
    }

    .overview-right-top .flex-box {
        display: block;
    }

    .overview-right-top .more-btn span.txt {
        background-color: #444444;
        color: #ffffff;
        padding: 5px 14px;
        font-size: 16px;
        display: block;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
    }

    .overview-right-top .more-btn a {
        display: flex;
        position: relative;
        justify-content: flex-start;
    }

    .comeback-overview-box {
        padding-bottom: 57px;
    }

    .page-comeback-area .bottom-txt {
        font-size: 14px;
        letter-spacing: 0.025em;
        margin-right: 0;
        text-align: left;
        margin-top: 24px;
    }

    .overview-list.sp {
        display: block;
    }

    .overview-list.sp h5 {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-align: center;
        padding: 20px 0 0;
        max-width: 100%;
    }

    .overview-list.sp-last {
        border-bottom: 1px solid #707070;
    }

    .overview-list.sp .overview-left {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
    }

    .overview-list.sp .txt {
        font-size: 16px;
        font-weight: 400;
        padding: 8px 0 20px;
        text-align: center;
        letter-spacing: 0.05em;
    }

    .comeback-voice-lists {
       /* margin-left: 59px; */
       margin-left: 0;
       padding-left: 59px;
        margin-bottom: 58px;
        overflow: hidden;
    }

    .voice-list-wrap {
        width: 223px;
    }

    .voice-img-wrap {
        background-color: #fff;
        border-radius: 50% 50%;
        width: 223px;
        height: 223px;
        display: flex;
        position: relative;
        z-index: 997;
        align-items: center;
        justify-content: center;
    }

    .voice-list-wrap::after {
        content: '';
        position: absolute;
        width: calc(223px + 2px);
        height: calc(223px + 2px);
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        border-radius: 50% 50%;
        display: block;
    }

    .voice-list-img img {
        max-width: 170px;
        height: 170px;
        object-fit: cover;
        width: 100%;
        border-radius: 50% 50%;
        position: relative;
    }

    .comback-slider .slick-list .comback-voice-list {
        margin-right: 24px;
    }

    .voice-name {
        margin-top: 3px;
        padding-left: 11px;
        font-size: 11px;
        color: #A688BD;
    }

    .voice-list-txt-inner h5 span {
        font-size: 17px;
        display: table;
        line-height: 1.5;
        color: #fff;
        padding: 0 0.7rem;
        letter-spacing: 0.05em;
        font-weight: 400;
        background-color: #A688BD;
    }

    .voice-en {
        top: 10px;
        right: 10px;
        position: absolute;
        font-size: 9px;
        line-height: 11px;
        letter-spacing: 0.05em;
        display: inline-block;
        color: #7B9FD3;
        text-align: right;
        font-family: "Urbanist", serif;
    }

    .voice-list-txt-wrap {
        margin: 0 auto;
        max-width: 30.8rem;
        width: 100%;
        position: absolute;
        height: 110px;
        bottom: 0;
        z-index: 5000;
        padding-top: 0;
        padding-bottom: 9px;
        margin-top: -30px;
    }

    .comback-voice-list .voice-list-txt-box {
        margin-top: -30px;
        position: relative;
        max-width: 30.8rem;
        height: 110px;
        z-index: 990;
        background-color: #fff;
    }

    .more-link {
        margin-right: 10px;
        padding-right: 20px;
        background-image: url(../images/common/external-icon-black.svg);
        background-repeat: no-repeat;
        background-position: right center;
        text-align: right;
        font-size: 11px;
        letter-spacing: 0.05em;
    }

    .voice-list-txt-inner h5 {
        margin-top: 15px;
    }

    .comeback-voice-box .more-btn {
        margin: 0 auto 0 auto;
    }

    .comeback-voice-lists .slick-list {
        overflow: visible;
    } 
}

/* =================================
NEWS詳細
================================= */
.news-detail-box {
    padding-bottom: 8.4rem;
}

.news .circle-top .en {
    text-align: center;
    color: #444444;
    margin: 0 auto;
    font-size: 4.8rem;
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1;
    font-style: normal;
    display: table;
}

.news .circle-top .page-ttl {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-align: center;
    font-weight: 400;
}

.page-news-detail-area {
    padding-bottom: 8rem;
}

.page-news-detail-area .inner {
    max-width: 105.6rem;
    width: 100%;
    margin: 0 auto;
}

.news-detail-box .news-detail-wrap>.flex-box {
    display: flex;
    justify-content: space-between;
}

.news-detail {
    margin-top: 15.8rem;
}

.news-detail-box .cat-box p {
    font-size: 2rem;
}


.news-detail-box .cat-box ul li.active a {
    color: #fff;
}

.news-detail-box .cat-box ul li a {
    padding: 0 0.3rem;
    font-size: 2rem;
    line-height: 1;
}

.news-detail-content {
    max-width: 84rem;
    width: 100%;
    margin: 0 auto;
}

.news-detail-content .ttl {
    font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 1.9rem;
}

.news-cat {
    max-width: 10.8rem;
    width: 100%;
}

.news-detail-content .news-top-detail {
    display: flex;
    margin-top: 0;
    margin-bottom: 3.7rem;
}

.news-detail-content .news-top-detail .news-cat {
    margin-right: 1.6rem;
}

.news-main-img {
    margin-bottom: 4.8rem;
}

.news-info p {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
}

.news-info img {
    margin: 4.8rem 0;
}

.news-detail-wrap {
    margin-top: 15.8rem;
    margin-bottom: 8rem;
}

.more-btn {
    text-align: center;
    margin: 0 auto;
}

.more-btn a {
    display: flex;
    position: relative;
    justify-content: center;
}

.more-btn span.txt {
    background-color: #444444;
    color: #ffffff;
    padding: 0.4rem 2rem;
    font-size: 1.6rem;
    display: block;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
}

.more-btn span.arrow {
    width: 4rem;
    height: 4rem;
    background-color: #444444;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    margin-left: -0.6rem;
    justify-content: center;
}

.more-btn span.arrow span {
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.more-btn span.arrow span {
    width: 3rem;
    height: 3rem;
    background-color: #ffffff;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.more-btn span.arrow img {
    width: 0.7rem;
}

.page-news-detail-area .cat-box {
    margin-top: 7rem;
}

.page-news-detail-area .cat-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 7rem;
}

.page-news-detail-area .cat-box p {
    font-family: "Urbanist", serif;
    font-size: 2rem;
    margin-right: 2.4rem;
    letter-spacing: 0.05em;
}

.page-news-detail-area .cat-box ul {
    display: flex;
    align-items: center;
}

.page-news-detail-area .cat-box ul li+li {
    margin-left: 1.6rem;
}

.page-news-detail-area .cat-box ul li:first-child {
    font-size: 2rem;
}




.page-news-detail-area .cat-box ul li {
    display: block;
}

.page-news-detail-area .cat-box ul li.all a {
    width: 100%;
}


.page-news-detail-area .cat-box ul li.active a {
    color: #fff;
}

.page-news-detail-area .cat-box ul li a {
    line-height: 1;
    padding: 0.2rem 0.3rem;
    letter-spacing: 0.05em;
    font-size: 1.8rem;
}



@media screen and (max-width: 768px) {
    .news .circle-top .en {
        text-align: center;
        color: #444444;
        margin: 0 auto;
        font-size: 24px;
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        letter-spacing: 0.05em;
        line-height: 1;
        font-style: normal;
        display: table;
    }

    .news .circle-top .page-ttl,
    .news-detail .circle-top .page-ttl{
        font-size: 10px;
        letter-spacing: 0.05em;
        text-align: center;
        font-weight: 400;
    }

    .page-news-detail-area {
        padding: 0 11px 54px;
    }

    .news-detail-box {
        padding-bottom: 106px;
    }

    .news-detail-wrap {
        margin-top: 34px;
        padding: 0 13px;
        margin-bottom: 45px;
    }

    .news-detail-content .ttl {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .news-detail-content .news-top-detail {
        display: flex;
        margin-top: 0;
        margin-bottom: 12px;
    }

    .news-main-img {
        margin-bottom: 19px;
    }

    .news-info p {
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.05em;
    }

    .news-info img {
        margin: 28px 0;
    }

    .more-btn span.txt {
        background-color: #444444;
        color: #ffffff;
        padding: 8px 18px;
        font-size: 16px;
        display: block;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
    }

    .more-btn a {
        display: flex;
        position: relative;
        justify-content: center;
    }

    .more-btn span.arrow {
        width: 40px;
        height: 40px;
        background-color: #444444;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        margin-left: -0.6rem;
        justify-content: center;
    }

    .more-btn span.arrow span {
        width: 30px;
        height: 30px;
        background-color: #ffffff;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-news-detail-area .cat-box {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin-top: 38px;
    }

    .page-news-detail-area .cat-box {
        justify-content: center;
        margin-top: 52px;
        margin-bottom: 45px;
    }

    .page-news-detail-area .cat-box p {
        font-family: "Urbanist", serif;
        font-size: 14px;
        margin-right: 0;
        letter-spacing: 0.05em;
        text-align: center;
        padding-top: 6px;
    }

    .page-news-detail-area .cat-box ul {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 200px;
        margin-left: 27px;
        flex-wrap: wrap;
    }

    .page-news-detail-area .cat-box ul li a {
        line-height: 1;
        padding: 0;
        letter-spacing: 0.05em;
        font-size: 14px;
    }

    .page-news-detail-area .cat-box ul li {
        display: block;
    }

    .page-news-detail-area .cat-box ul li+li {
        margin-left: 0;
    }
    .page-news-detail-area .cat-box ul li:nth-child(even) {
        margin-left: 9px;
    }
    .page-news-detail-area .cat-box ul li:nth-child(n+3) {
        margin-top: 9px;
    }
    .more-btn span.arrow img {
        width: 7px;
    }
}


/* =================================
NEWS
================================= */
.page-news-list-area {
    padding-bottom: 8rem;
}

.page-news-list-area .white-inner {
    padding-bottom: 14rem;
}

.news-list-box .inner {
    max-width: 105.6rem;
    width: 100%;
    margin: 0 auto;
}

.page-news-list-area .cat-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 16.6rem;
    margin-bottom: 7.9rem;
}

.page-news-list-area .cat-box p {
    font-family: "Urbanist", serif;
    font-size: 2rem;
    margin-right: 2.4rem;
    letter-spacing: 0.05em;
}

.page-news-list-area .cat-box ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.page-news-list-area .cat-box ul li+li {
    margin-left: 1.9rem;
}

.page-news-list-area .cat-box ul li:first-child {
    font-size: 2rem;
}


.page-news-list-area .cat-box ul li {
    display: block;
}

.page-news-list-area .cat-box ul li.all a {
    width: 100%;
}

.page-news-list-area .cat-box ul li.active a {
    color: #fff;
}

.page-news-list-area .cat-box ul li a {
    line-height: 1;
    white-space: nowrap;
    letter-spacing: 0.05em;
    font-size: 1.8rem;
}
.news-lists .flex-box {
    flex-wrap: wrap;
}

.news-list {
    max-width: 32.4rem;
    width: 100%;
    margin-right: 4.2rem;
}

.news-list:nth-of-type(3n) {
    margin-right: 0;
}

.news-list:nth-child(n + 4) {
    margin-top: 6.4rem;
}

.news-cat {
    width: 8.4rem;
    background-color: #5F8FCB;
    color: #fff;
    display: block;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    text-align: center;
}

.news-cat.eva {
    background-color: #F8C058;
}

.news-cat.new_shop {
    background-color: #5EB384;
}

.news-detail {
    margin-top: 1.7rem;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.news-list-content .txt {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}

.news-date {
    font-family: "Urbanist", serif;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
}

.page-news-list-area .nav-links {
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
}

.pagenation {
    margin-top: 10.7rem;
}

.pagenation .page-numbers {
    border: none;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    font-weight: 700;
    line-height: 4rem;
    border-radius: 50%;
    border: 1px solid #444444;
    color: #444444;
    font-weight: 500;
    font-size: 2rem;
    margin: 0 1.2rem;
    font-family: "Urbanist", serif;
}

.pagenation a {
    font-weight: 700;
}

.nav-links .next {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-repeat: no-repeat;
    background-image: url('../images/page/news/news-next.svg');
}

.nav-links .prev {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-repeat: no-repeat;
    background-image: url('../images/page/news/news-prev.svg');
}

/*
.news-check .check-wrap {
    cursor: pointer;
}
.page-news-list-area .cat-box ul li a {
    display: block;
}
.page-news-list-area .news-check .check-wrap {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 1px;
}
.news-check .check-wrap {
    position: relative;
}
.news-check .check-wrap span.circle {
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1000;
}
.news-check .check-wrap span.circle-bg {
    background-color: #7C9FD3;
    position: absolute;
    left: 0;
    top: 1px;
    content: '';
    width: calc(3rem + 2px);
    height: calc(3rem + 2px);
    border-radius: 50% 50%;
    display: block;
}

.news-check .check-wrap span.circle span {
    width: 2.4rem;
    height: 2.4rem;
    background-color: #fff;
    border: 1px solid #7C9FD3;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-check .check-wrap span.txt {
    background-color: #ffffff;
    color: #444444;
    border: 1px solid #7C9FD3;
    padding: 1rem 0 1rem 1rem;
    font-size: 1.6rem;
    display: block;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
    margin-left: -0.5rem;
    position: relative;
    z-index: 100;
    width: 9rem;
}

*/
.news-check .check-wrap {
    display: flex;
    align-items: center;
    max-width: 18.2rem;
    width: 100%;
    position: relative;
    cursor: pointer;
}
.news-check .check-wrap span.circle {
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1000;
}
.news-check .check-wrap {
    display: flex;
    align-items: center;
    max-width: 18.2rem;
    width: 100%;
    position: relative;
}
.circle-wrap {
    position: relative;
}
.news-check .check-wrap span.circle {
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1000;
}

.news-check.all.active .check-wrap span.circle {
    background-color: #E76E79;
}
.news-check.info.active .check-wrap span.circle {
    background-color: #7C9FD3;
}
.news-check.new-shop.active .check-wrap span.circle {
    background-color: #64BFAA;
}
.news-check.eva.active .check-wrap span.circle {
    background-color: #F8C058;
}
.news-check.all .check-wrap:hover span.circle {
    background-color: #E76E79;
}
.news-check.info .check-wrap:hover span.circle {
    background-color: #7C9FD3;
}
.news-check.new-shop .check-wrap:hover span.circle {
    background-color: #64BFAA;
}
.news-check.eva .check-wrap:hover span.circle {
    background-color: #F8C058;
}
.news-check.active .check-wrap span.circle::after {
    position: absolute;
    top: 0.6rem;
    left: 0.8rem;
    content: '';
    display: block;
    width: 2.4rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/page/service/check-icon.svg);
}
.news-check .check-wrap span.circle span {
    width: 2.4rem;
    height: 2.4rem;
    background-color: #fff;
    border: 1px solid #7C9FD3;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-check.new-shop .check-wrap span.circle span {
    border: 1px solid #64BFAA;
}
.news-check.eva .check-wrap span.circle span {
    border: 1px solid #F8C058;
}
.news-check.all .check-wrap span.circle span {
    border: 1px solid #ED848C;;
}
.news-check.info .check-wrap:hover span.circle span {
    border: 1px solid #7C9FD3;
}
.news-check.new-shop .check-wrap:hover span.circle span {
    border: 1px solid #64BFAA;
}
.news-check.eva .check-wrap:hover span.circle span {
    border: 1px solid #F8C058;
}
.news-check .check-wrap span.circle-bg {
    background-color: #7C9FD3;
    position: absolute;
    left: -1px;
    top: -1px;
    content: '';
    width: calc(3rem + 2px);
    height: calc(3rem + 2px);
    border-radius: 50% 50%;
    display: block;
}
.news-check.new-shop .check-wrap span.circle-bg {
    background-color: #64BFAA;
}
.news-check.eva .check-wrap span.circle-bg {
    background-color: #F8C058;
}
.news-check.all .check-wrap span.circle-bg {
    background-color: #ED848C;
}
.news-check.all .check-wrap:hover span.circle-bg {
    background-color: #E76E79;
}
.news-check.info .check-wrap:hover span.circle-bg {
    background-color: #7C9FD3;
}
.news-check.new-shop .check-wrap:hover span.circle-bg {
    background-color: #64BFAA;
}
.news-check.eva .check-wrap:hover span.circle-bg {
    background-color: #F8C058;
}
.news-check .check-wrap span.txt {
    background-color: #ffffff;
    color: #444444;
    border: 1px solid #7C9FD3;
    padding: 0.7rem 0 0.7rem 1rem;
    font-size: 1.6rem;
    display: block;
    font-weight: 500;
    line-height: 1;
    width: 9rem;
    letter-spacing: 0.05em;
    margin-left: -0.5rem;
    position: relative;
    z-index: 100;
}
.news-check.new-shop .check-wrap span.txt {
    border: 1px solid #64BFAA;
}
.news-check.eva .check-wrap span.txt {
    border: 1px solid #F8C058;
}
.news-check.all .check-wrap span.txt {
    border: 1px solid #ED848C;
}
.news-check.all.active .check-wrap span.txt {
    background-color: #E76E79;
    border: 1px solid #E76E79;
    color: #fff;
}
.news-check.info.active .check-wrap span.txt {
    background-color: #7C9FD3;
    border: 1px solid #7C9FD3;
    color: #fff;
}
.news-check.new-shop.active .check-wrap span.txt {
    background-color: #64BFAA;
    border: 1px solid #64BFAA;
    color: #fff;
}
.news-check.eva.active .check-wrap span.txt {
    background-color: #F8C058;
    border: 1px solid #F8C058;
    color: #fff;
}
.news-check.all .check-wrap:hover span.txt {
    background-color: #E76E79;
    border: 1px solid #E76E79;
    color: #fff;
}
.news-check.info .check-wrap:hover span.txt {
    background-color: #7C9FD3;
    border: 1px solid #7C9FD3;
    color: #fff;
}
.news-check.new-shop .check-wrap:hover span.txt {
    background-color: #64BFAA;
    border: 1px solid #64BFAA;
    color: #fff;
}
.news-check.eva .check-wrap:hover span.txt {
    background-color: #F8C058;
    border: 1px solid #F8C058;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .page-news-list-area {
        padding: 0 11px 22px;
    }

    .page-news-list-area .white-inner {
        padding-bottom: 45px;
    }

    .page-news-list-area .cat-box {
        justify-content: flex-end;
        align-items: flex-start;
        margin-top: 48px;
        max-width: 100%;
        width: 100%;
        margin-left: auto;
        margin-right: 24px;
        margin-bottom:38px;
    }

    .page-news-list-area .cat-box p {
        font-family: "Urbanist", serif;
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 0;
        letter-spacing: 0.05em;
        padding-top: 6px;
        text-align: center;
    }
    .news-list-box .inner {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0 24px;
    }
    .page-news-list-area .cat-box ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        max-width: 100%;
        width: 100%;
        max-width: 197px;
        margin-left: 27px;
    }

    .page-news-list-area .cat-box ul li {
        width: auto;
        display: block;
    }


    .page-news-list-area .cat-box ul li a {
        line-height: 1;
        padding:0;
        letter-spacing: 0.05em;
        font-size: 14px;
    }
    .page-news-list-area .cat-box ul li+li {
        margin-left: 0;
    }
    .page-news-list-area .cat-box ul li:nth-child(even) {
        margin-left: 7px;
    }
    .page-news-list-area .cat-box ul li:nth-child(n+3) {
        margin-top: 9px;
    }
    .news-list {
        max-width: 100%;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .news-cat {
        width: 80px;
        background-color: #5F8FCB;
        color: #fff;
        display: block;
        font-size: 10px;
        letter-spacing: 0.05em;
        text-align: center;
    }

    .news-detail {
        margin-top: 10px;
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .news-date {
        font-family: "Urbanist", serif;
        font-size: 10px;
        letter-spacing: 0.05em;
    }

    .news-list-content .txt {
        font-size: 16px;
        letter-spacing: 0.05em;
    }

    .news-list:nth-child(n+2) {
        margin-top: 32px;
    }

    .pagenation {
        margin-top: 85px;
    }

    .pagenation .page-numbers {
        border: none;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        font-weight: 700;
        line-height: 4rem;
        border-radius: 50%;
        border: 1px solid #444444;
        color: #444444;
        font-weight: 500;
        margin: 0;
        font-size: 20px;
        margin-left: 24px;
        font-family: "Urbanist", serif;
    }

    .pagenation .page-numbers:first-child {
        margin-left: 0;
    }

    .page-news-list-area .nav-links {
        justify-content: flex-end;
        display: flex;
        padding: 0 29px;
        align-items: center;
        position: relative;
    }

    .news-lists .flex-box {
        flex-wrap: wrap;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .news-check .check-wrap span.txt {
        background-color: #ffffff;
        color: #444444;
        border: 1px solid #7C9FD3;
        padding: 6px 0 6px 7px;
        font-size: 13px;
        display: block;
        font-weight: 500;
        line-height: 1;
        margin-left: -5px;
        width: 74px;
    }
    .news-check .check-wrap {
        display: flex;
        align-items: center;
        max-width: 100%;
        width: 100%;
        width: 100%;
        position: relative;
    }
    .news-check .check-wrap span.circle {
        width: 26px;
        height: 26px;
        background-color: #fff;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1000;
    }
    .news-check .check-wrap span.circle-bg {
        background-color: #7C9FD3;
        position: absolute;
        left: -1px;
        top: -1px;
        content: '';
        width: calc(26px + 2px);
        height: calc(26px + 2px);
        border-radius: 50% 50%;
        display: block;
    }
    .news-check .check-wrap span.circle span {
        width: 20px;
        height: 20px;
        background-color: #fff;
        border: 1px solid #7C9FD3;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .news-check.active .check-wrap span.circle::after {
        position: absolute;
        top: 3px;
        left: 6px;
        content: '';
        display: block;
        width: 22px;
        height: 15px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/page/service/check-icon.svg);
    }
}

/* =================================
証明書の発行
================================= */
.page-certificate-area {
    padding-bottom: 6.2rem;
}

.page-certificate-area .certificate-top-box {
    position: relative;
    z-index: 100;
    margin-top: 15.8rem;
}

.certificate-top-box {
    padding-bottom: 7.2rem;
    border-bottom: 4px solid #A586BC;
}

.certificate-top-box .inner {
    max-width: 105.6rem;
    width: 100%;
    margin: 0 auto;
}

.certificate-top-box .flex-box {
    justify-content: space-between;
}

.certificate-top-ttl span {
    font-size: 3.2rem;
    display: table;
    font-weight: 400;
    letter-spacing: 0.05em;
    background-color: #FDFD60;
    padding: 0 0.8rem;
}
.certificate-top-left .more-btn {
    text-align: left;
    margin: 48px 0 0;
}
.certificate-top-left .more-btn a {
    display: flex;
    position: relative;
    justify-content: flex-start;
}
.certificate-top-box .more-btn.sp {
    display: none;
}
.certificate-top-txt-box {
    max-width: 62.4rem;
    width: 100%;
    font-size: 1.3rem;
}

.certificate-top-txt-box p {
    line-height: 2;
    letter-spacing: 0.05em;
}

.certificate-top-txt-box .head-txt {
    font-size: 1.6rem;
    margin-bottom: 4.1rem;
}

.certificate-middle-box {
    padding-bottom: 11.8rem;
    border-bottom: 4px solid #A586BC;
}

.certificate-bottom-box h4,
.certificate-middle-box h4 {
    color: #fff;
    background-color: #EE87B4;
    font-size: 1.6rem;
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    padding: 0.5rem 1.9rem;
    letter-spacing: 0.05em;
    line-height: 1;
    font-style: normal;
    margin-right: auto;
    margin-left: 0;
    display: table;
    white-space: nowrap;
    display: table;
}

.certificate-bottom-box h3,
.certificate-middle-box h3 {
    background-color: #EE87B4;
    color: #fff;
    padding: 0 1.9rem;
    display: table;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    font-style: normal;
    display: table;
    margin-right: 0;
    margin-right: auto;
    margin-left: 0;
}

.certificate-middle-box .inner {
    max-width: 109.8rem;
    width: 100%;
    margin: 0 auto;
}

.certificate-middle-box .flex-box {
    flex-wrap: wrap;
}

.procedure-box {
    margin-top: 7.5rem;
}

.procedure-list {
    max-width: 47.4rem;
    width: 100%;
}

.procedure-list:nth-of-type(2n) {
    margin-left: 15rem;
}

.procedure-list:nth-child(n+3) {
    margin-top: 7.2rem;
}

.procedure-list .txt {
    font-size: 1.6rem;
    padding-left: 4.2rem;
    letter-spacing: 0.05em;
    line-height: 2.8rem;
}

.procedure-list h5 {
    margin-bottom: 2.4rem;
}

.procedure-list .txt-box {
    margin-top: 2.4rem;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    margin-left: 4.2rem;
    padding: 1.5rem 2rem;
    line-height: 2;
    border: 1px solid #707070;
}

.procedure-list .txt-box dl>div {
    display: flex;
}

.procedure-list .txt-box dt {
    max-width: 10.8rem;
    width: 100%;
}

.procedure-list .txt-box dd.first {
    max-width: 18.5rem;
    width: 100%;
    margin-right: 2.6rem;
}

.procedure-list h5 {
    display: flex;
    position: relative;
}

.procedure-list span.txt {
    background-color: #434343;
    color: #ffffff;
    padding: 0.4rem 1rem;
    font-size: 2.3rem;
    display: block;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1;
    margin-left: -0.6rem;
    letter-spacing: 0.05em;
}

.procedure-list span.txt .sml {
    font-size: 1.6rem;
}

.procedure-list .long span.txt {
    max-width: 34.2rem;
    width: 100%;
    justify-content: flex-start;
}

.procedure-list h5 span.num {
    width: 4.8rem;
    height: 4.8rem;
    background-color: #434343;
    border-radius: 50% 50%;
    display: flex;
    font-family: "Urbanist", serif;
    font-size: 2.1rem;
    font-weight: 500;
    align-items: center;
    justify-content: center;
}

.procedure-list h5 span.num span {
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.procedure-list h5 span.num span {
    width: 3.6rem;
    height: 3.6rem;
    background-color: #ffffff;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.certificate-bottom-box {
    padding-bottom: 9.3rem;
}

.certificate-bottom-flex {
    display: flex;
}

.certificate-bottom-content {
    margin-top: 9.3rem;
}

.certificate-bottom-box .inner {
    max-width: 105.6rem;
    width: 100%;
    margin: 0 auto;
}

.certificate-bottom-box .left-box p,
.certificate-bottom-box .right-box p {
    font-size: 2rem;
    line-height: 2;
}

.certificate-bottom-box .left-box {
    margin-right: 11.4rem;
}

.certificate-bottom-box .left-box .sml,
.certificate-bottom-box .right-box .sml {
    font-size: 1.6rem;
}

.certificate-bottom-box .bottom-txt {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.05em;
    margin-top: 5.2rem;
}

.procedure-list .txt a {
    border-bottom: 1px solid #707070;
}

.certificate-bottom-box .left-box span,
.certificate-bottom-box .right-box span {
    display: block;
}

.certificate-bottom-box .left-box .sml,
.certificate-bottom-box .right-box .sml {
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .page-certificate-area {
        padding: 0 11px 23px;
    }

    .certificate-top-box {
        padding: 0 13px;
        border-bottom: 2px solid #EE87B4;
    }

    .certificate-top-box .flex-box {
        display: block;
        justify-content: space-between;
    }

    .certificate-top-ttl span {
        font-size: 24px;
        display: table;
        font-weight: 400;
        letter-spacing: 0.05em;
        background-color: #FDFD60;
        padding: 0 0.8rem;
    }

    .certificate-top-ttl {
        margin: 0 auto 36px;
        max-width: 260px;
        width: 100%;
    }

    .page-certificate-area .certificate-top-box {
        position: relative;
        z-index: 100;
        margin-top: 53px;
        margin-bottom: 0;
        padding-bottom: 44px;
    }

    .certificate-top-txt-box p {
        line-height: 2;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.025em;
    }

    .certificate-top-txt-box .head-txt {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 26px;
    }

    .certificate-bottom-box h3,
    .certificate-middle-box h3 {
        background-color: #EE87B4;
        color: #fff;
        padding: 0 9px;
        display: table;
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0.1em;
        font-style: normal;
        display: table;
        margin-right: 0;
        margin-right: auto;
        margin-left: 0;
    }

    .procedure-box {
        margin-top: 60px;
        padding: 0 12px;
    }

    .procedure-list span.txt {
        background-color: #434343;
        color: #ffffff;
        padding: 0.4rem 1rem;
        font-size: 17px;
        display: block;
        display: flex;
        align-items: center;
        font-weight: 500;
        line-height: 1;
        margin-left: -4px;
        letter-spacing: 0.05em;
        width: 100%;
    }

    .procedure-list h5 {
        margin-bottom: 14px;
    }

    .procedure-list h5 span.num {
        width: 45px;
        height: 45px;
        background-color: #434343;
        border-radius: 50% 50%;
        display: flex;
        font-family: "Urbanist", serif;
        font-size: 2.1rem;
        font-weight: 500;
        align-items: center;
        justify-content: center;
    }

    .procedure-list h5 span.num span {
        width: 35px;
        height: 35px;
        background-color: #ffffff;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .procedure-list .txt {
        font-size: 14px;
        padding-left: 42px;
        letter-spacing: 0.05em;
        line-height: 24px;
    }

    .procedure-list:nth-of-type(2n) {
        margin-left: 0;
        margin-top: 33px;
    }

    .procedure-list:nth-child(n+3) {
        margin-top: 33px;
    }

    .procedure-list span.txt .sml {
        font-size: 14px;
    }

    .procedure-list .txt-box {
        margin-top: 20px;
        font-size: 12px;
        letter-spacing: 0.05em;
        margin-left: 0;
        padding: 11px 12px;
        line-height: 2;
        border: 1px solid #707070;
    }

    .procedure-list .txt-box dt {
        max-width: 81px;
        width: 100%;
    }

    .procedure-list .txt-box dd.first {
        max-width: 136px;
        width: 100%;
        margin-right: 26px;
    }

    .procedure-list:last-child .txt-box {
        padding: 11px 12px 11px 36px;
    }

    .certificate-middle-box {
        padding-bottom: 66px;
        border-bottom: 2px solid #EE87B4;
    }

    .certificate-bottom-box {
        padding-bottom: 0;
    }

    .certificate-bottom-box .inner {
        max-width: 100%;
        width: 100%;
        padding: 0 15px 52px;
    }

    .certificate-bottom-content {
        margin-top: 67px;
    }

    .certificate-bottom-box .bottom-txt {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.05em;
        margin-top: 32px;
    }

    .certificate-bottom-flex {
        display: block;
    }

    .certificate-bottom-box .left-box {
        margin-right: 0;
    }

    .certificate-bottom-box .left-box p,
    .certificate-bottom-box .right-box p {
        font-size: 16px;
        line-height: 1.5;
    }

    .certificate-bottom-box .left-box span,
    .certificate-bottom-box .right-box span {
        margin-top: 16px;
    }

    .certificate-bottom-box .left-box .sml,
    .certificate-bottom-box .right-box .sml {
        font-size: 14px;
        display: block;
        margin-top: 0;
    }
    .headquarters-career-path-box .head-box .txt {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.025em;
    }
    .certificate-top-left .more-btn.pc {
        display: none;
    }
    .certificate-top-box .more-btn.sp {
        display: block;
        margin-top: 36px;
    }
}

/* =================================
プライバシーポリシー
================================= */
.privacy .page-privacy-area {
    padding-bottom: 80px;
}

.privacy-box .inner {
    max-width: 84rem;
    width: 100%;
    margin: 0 auto;
}

.privacy-box {
    margin-top: 10.5rem;
    padding: 0;
    padding-bottom: 13.4rem;
}

.privacy-box h3 {
    font-size: 2rem;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-bottom: 2.4rem;
}

.privacy-box p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.05em;
}

.privacy-list {
    margin-bottom: 4.8rem;
}

.privacy-list.last {
    margin-bottom: 0;
}

.privacy-list.last p {
    display: table;
    margin-left: auto;
    margin-right: 0;
}

@media screen and (max-width: 768px) {
    .page-about-area {
        padding: 0 11px;
    }
    .privacy-policy .page-privacy-area {
        padding: 0 11px 23px;
    }

    .privacy-policy .circle-top .en {
        white-space: nowrap;
    }

    .privacy-box {
        margin-top: 35px;
        padding: 0 18px 0 15px;
        padding-bottom: 48px;
    }

    .privacy-list {
        margin-bottom: 40px;
    }

    .privacy-box h3 {
        font-size: 14px;
        letter-spacing: 0.05em;
        font-weight: 500;
        margin-bottom: 16px;
    }

    .privacy-box p {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.025em;
    }
}

/* =================================
グループ概要
================================= */
.outline-box {
    margin-top: 13rem;
    padding-bottom: 14rem;
    border-bottom: 4px solid #CC7DB1;
}

.outline-box .head-txt {
    text-align: center;
    max-width: 24.2rem;
    width: 100%;
    margin: 0 auto 6rem;
    position: relative;
    z-index: 100;
}

.group-lists .inner {
    max-width: 86rem;
    width: 100%;
    margin: 0 auto;
}

.group-list dl {
    display: flex;
}

.group-list .group-flex {
    display: flex;
    justify-content: flex-start;
}

.group-list {
    padding: 2.4rem 0;
    border-top: 1px solid #707070;
}

.group-list:last-child {
    border-bottom: 1px solid #707070;
}

.group-list dt {
    max-width: 21.3rem;
    width: 100%;
    line-height: 2;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}

.group-list dd {
    max-width: calc(100% - 21.3rem);
    width: 100%;
    line-height: 2;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}

.group-list dd .left-box {
    max-width: 30rem;
    margin-right: 2.4rem;
    width: 100%;
}

.history-box {
    padding-bottom: 15.8rem;
    border-bottom: 2px solid #CC7DB1;
}

.page-outline-area .history-box h4 span {
    margin-right: -1.5rem;
}

.page-outline-area .history-box h4 {
    color: #fff;
    background-color: #CC7DB1;
    font-size: 1.6rem;
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    padding: 0.5rem 1.9rem;
    letter-spacing: 0.05em;
    line-height: 1;
    font-style: normal;
    margin-right: -2rem;
    display: table;
}

.page-outline-area .history-box h3 {
    background-color: #CC7DB1;
    color: #fff;
    padding: 0 1.9rem;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    font-style: normal;
    display: table;
    margin-left: 0;
    margin-right: 0;
    text-align: right;
}

.history-lists {
    margin-top: 13.7rem;
}

.history-box .inner {
    max-width: 86rem;
    width: 100%;
    margin: 0 auto;
}

.history-flex {
    display: flex;
}

.history-list:first-child {
    padding-top: 0;
}

.history-list {
    display: flex;
    padding-top: 4rem;
}

.history-lists dl {
    position: relative;
}

.history-lists dl:before {
    position: absolute;
    display: block;
    content: "";
    background: #A688BD;
    width: 2px;
    top: 1rem;
    left: 9.2rem;
    height: calc(100% - 2rem);
}

.history-list dt {
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #333333;
    max-width: 11rem;
    margin-right: 3.2rem;
    width: 100%;
}

.history-list dt>span {
    display: flex;
    width: 11rem;
    position: relative;
}

.history-list dt span.txt {
    background-color: #8E8BC2;
    color: #ffffff;
    padding: 0.4rem 0.8rem;
    font-size: 2.3rem;
    display: block;
    font-weight: 500;
    line-height: 1;
    width: 8.4rem;
    letter-spacing: 0.05em;
}

.history-list dt span.arrow {
    width: 3rem;
    height: 3rem;
    background-color: #8E8BC2;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    margin-left: -0.6rem;
    justify-content: center;
}

.history-list dt span.arrow span {
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history-list dt span.arrow span {
    width: 2rem;
    height: 2rem;
    background-color: #ffffff;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history-list dd {
    max-width: calc(100% - 12rem);
    width: 100%;
    line-height: 3.6rem;
}

.history-list .left-box {
    max-width: 4.9rem;
    margin-right: 2.4rem;
    width: 100%;
    text-align: right;
    font-size: 1.6rem;
}

.organogram-box {
    padding-bottom: 13.3rem;
    border-bottom: 4px solid #CC7DB1;
}

.organogram-box .inner {
    max-width: 88.8rem;
    width: 100%;
    margin: 1.8rem auto 0;
}

.page-outline-area .organogram-box h4 {
    color: #fff;
    background-color: #CC7DB1;
    font-size: 1.6rem;
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    padding: 0.5rem 1.9rem;
    letter-spacing: 0.05em;
    line-height: 1;
    font-style: normal;
    margin-right: 0;
    margin-left: auto;
    display: table;
    white-space: nowrap;
    max-width: 19rem;
    width: 100%;
}

.page-outline-area .organogram-box h3 {
    background-color: #CC7DB1;
    color: #fff;
    padding: 0 1.9rem;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    font-style: normal;
    display: table;
    margin-right: 0;
    margin-left: auto;
    text-align: right;
    max-width: 19rem;
    width: 100%;
}

.history-lists.sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .page-outline-area {
        padding: 0 11px;
    }

    .outline-box {
        padding-left: 13px;
        padding-right: 13px;
        margin-top: 39px;
        padding-bottom: 56px;
        border-bottom: 2px solid #CC7DB1;
    }

    .outline-box .head-txt {
        text-align: center;
        max-width: 192px;
        width: 100%;
        margin: 0 auto 33px;
        position: relative;
        z-index: 100;
        font-size: 0;
    }

    .group-list {
        padding: 20px 0;
        border-top: 1px solid #707070;
    }

    .group-list dt {
        max-width: 87px;
        width: 100%;
        line-height: 2;
        font-size: 12px;
        letter-spacing: 0.025em;
    }

    .group-list dd {
        max-width: calc(100% - 87px);
        width: 100%;
        line-height: 2;
        font-size: 14px;
        letter-spacing: 0.025em;
        margin-top: -2px;
    }

    .group-list .group-flex {
        display: block;
    }

    .group-list dd .left-box {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
    }

    .page-outline-area .organogram-box h3 {
        background-color: #CC7DB1;
        color: #fff;
        padding: 0 6px;
        font-size: 24px;
        max-width: 100%;
        width: auto;
    }

    .page-outline-area .history-box h3 {
        padding: 0 6px;
        font-size: 24px;
        width: auto;
    }

    .organogram-box .inner {
        max-width: 100%;
        padding: 0 13px;
        width: 100%;
        margin: 15px auto 0;
    }

    .organogram-box {
        padding-bottom: 49px;
        border-bottom: 2px solid #CC7DB1;
    }

    .history-lists {
        margin-top: 48px;
    }

    .history-box .inner {
        max-width: 86rem;
        width: 100%;
        margin: 0 auto;
        padding: 0 13px;
    }

    .history-lists.pc {
        display: none;
    }

    .history-lists.sp {
        position: relative;
        display: block;
    }

    .history-list .year-txt {
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #333333;
        max-width: 11rem;
        margin-right: 3.2rem;
        width: 100%;
        margin-left: 30px;
        margin-bottom: 16px;
        z-index: 100;
        position: relative;
    }

    .history-list .year-txt>span {
        display: flex;
        width: 11rem;
        position: relative;
    }

    .history-list .year-txt span.txt {
        background-color: #8E8BC2;
        color: #ffffff;
        padding: 3px 6px 3px 24px;
        font-size: 23px;
        display: block;
        font-weight: 500;
        line-height: 1;
        width: 84px;
        letter-spacing: 0.05em;
        margin-left: -6px;
    }

    .history-list .year-txt span.circle {
        width: 30px;
        height: 30px;
        background-color: #8E8BC2;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .history-list .year-txt span.circle span {
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .history-list .year-txt span.circle span {
        width: 20px;
        height: 20px;
        background-color: #ffffff;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .history-list {
        display: block;
        padding-top: 34px;
    }

    .history-list dt {
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #333333;
        margin-right: 30px;
        width: 100%;
        font-size: 14px;
        max-width: 33px;
        width: 100%;
        text-align: right;
    }

    .history-list dl>div {
        display: flex;
    }

    .history-list dd {
        max-width: 100%;
        width: 100%;
        font-size: 14px;
        line-height: 26px;
    }

    .history-lists:before {
        position: absolute;
        display: block;
        content: "";
        background: #A688BD;
        width: 2px;
        top: 0;
        left: 57px;
        height: 100%;
    }

    .history-lists dl:before {
        content: none;
    }

    .history-box {
        padding-bottom: 38px;
    }
}

/* =================================
お問い合わせ（確認）
================================= */
.page-contact-confirm-area .form-line > p {
    display: flex;
    padding: 2.5rem 0;
    border-top: 1px solid #EAEAEA;
    margin-bottom: 0;
}
.thankyou-txt {
    line-height: 2.3;
}
.page-contact-confirm-area .form-line.address-line > p {
    display: block;
    padding: 0;
    border: none;
    max-width: 32.4rem;
    width: 100%;
}
.page-contact-confirm-area .form-line.address-line {
    display: flex;
    padding: 2.5rem 0;
    border-top: 1px solid #EAEAEA;
    margin-bottom: 0;
}
.page-contact-confirm-area .form-line.last {
    border-bottom: 1px solid #EAEAEA;
}

.page-contact-confirm-area .contact-form-box .form-line+.form-line {
    margin-top: 0;
}

.page-contact-confirm-area .input-name {
    max-width: 32.4rem;
    width: 100%;
}

.page-contact-confirm-area .input-name+span {
    max-width: calc(100% - 32.4rem);
    width: 100%;
    font-size: 1.6rem;
}

.page-contact-confirm-area .input-name+.content {
    line-height: 2.8rem;
}

.page-contact-confirm-area .contact-form-box .address+.address {
    margin-top: 0;
}

.page-contact-confirm-area .contact-form-box .address .address+.address {
    margin-top: 0.8rem;
}

.contact-btn-box {
    margin-top: 7.1rem;
}

.page-contact-confirm-area .contact-form-box input[type="submit"].wpcf7-submit {
    background-color: #5EB384;
    margin: 0 0;
    margin-left: 3.3rem;
}

.page-contact-confirm-area .contact-form-box .wpcf7-previous {
    background-color: #888888;
    color: #fff;
    border: none;
    padding: 1.2rem 0;
    font-weight: 700;
    width: 30.4rem;
    margin: 0 0 0;
    cursor: pointer;
    text-align: center;
    display: block;
    font-size: 2rem;
}

.contact-btn-box > p {
    display: flex;
    justify-content: center;
    margin: 7.9rem auto 0;
}

.contact-head-txt br.sp {
    display: none;
}

.page-contact-confirm-area .address {
    text-align: left;
    color: #333333;
    font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
    .page-contact-confirm-area .form-line > p {
        display: block;
        padding: 0;
        border-top: none;
        margin-bottom: 0;
    }
    .page-contact-confirm-area {
        padding: 0 11px 22px;
    }

    .contact-head-txt br.sp {
        display: block;
    }

    .page-contact-confirm-area .input-name .required {
        display: none;
    }

    .page-contact-confirm-area .input-name .any {
        display: none;
    }

    .page-contact-confirm-area .input-name+span {
        max-width: 100%;
        width: 100%;
        display: block;
        font-size: 14px;
        padding-left: 18px;
    }

    .page-contact-confirm-area .form-line {
        display: block;
        padding: 5px 0 24px;
        border-top: 1px solid #EAEAEA;
        margin-bottom: 0;
    }
    .page-contact-confirm-area .form-line.address-line {
        display: block;
        padding: 5px 0 24px;
        border-top: 1px solid #EAEAEA;
        margin-bottom: 0;
    }
    .page-contact-confirm-area .input-name {
        margin-bottom: 12px;
    }
    .page-contact-confirm-area .contact-btn-box > p {
        display: block;
        justify-content: center;
        margin: 0 auto 0;
    }
    .page-contact-confirm-area .input-name {
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 8px;
    }
    .page-contact-confirm-area .contact-form-box .address span {
        display: block;
        font-size: 14px;
    }

    .page-contact-confirm-area .contact-form-box .address .address {
        padding-left: 18px;
    }

    .page-contact-confirm-area .contact-form-box .address .address+.address {
        margin-top: 3px;
    }

    .page-contact-confirm-area .input-name+.content {
        line-height: 24px;
        padding-right: 12px;
    }

    .contact-btn-box {
        display: block;
        justify-content: center;
        margin: 48px auto 0;
    }

    .page-contact-confirm-area .contact-form-box .wpcf7-previous {
        background-color: #888888;
        color: #fff;
        border: none;
        padding: 12px 0;
        font-weight: 700;
        width: 238px;
        margin: 0 0 0;
        cursor: pointer;
        text-align: center;
        display: block;
        font-weight: 500;
        font-size: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .page-contact-confirm-area .contact-form-box input[type="submit"].wpcf7-submit {
        background-color: #5EB384;
        margin: 0 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
    .page-contact-confirm-area .address {
        text-align: left;
        color: #333333;
        font-size: 14px;
    }
}

/* =================================
お問い合わせ
================================= */
.page-contact-area {
    padding-bottom: 6.4rem;
}
.recapcha {
    font-size: 1.4rem;
    text-align: center;
}
.grecaptcha-badge { visibility: hidden; }

.recapcha a {
    text-decoration: underline;
}
.page-content.green-bg.pb-space {
    padding-bottom: 6.3rem;
}

.contact-box {
    margin-top: 15.2rem;
    padding-bottom: 10.5rem;
}

.contact-head-txt {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 8.4rem;
}

.contact-box .inner {
    max-width: 84rem;
    margin: 0 auto;
    width: 100%;
}

.input-name {
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0.6rem;
}

.input-name .required {
    background-color: #E76E79;
    color: #fff;
    line-height: 1;
    font-size: 1.6rem;
    padding: 0.1rem 0.9rem;
    margin-left: 0.6rem;
}

.input-name .any {
    background-color: #888888;
    color: #fff;
    line-height: 1;
    font-size: 1.6rem;
    padding: 0.1rem 0.9rem;
    margin-left: 0.6rem;
}

.contact-form-box .form-line+.form-line {
    margin-top: 2.5rem;
}

.contact-form-box .address {
    display: block;
}

.contact-form-box .address+.address {
    margin-top: 2.1rem;
}

.contact-form-box input {
    width: 100%;
    padding: 1.4rem 1.2rem;
    font-size: 16px;
    border: 1px solid #707070;
}
.contact-form-box textarea {
    font-size: 16px;
}
.contact-form-box input::placeholder,
.contact-form-box textarea::placeholder {
    color: #BCBCBC;
    font-size: 1.6rem;
    font-weight: 400;
}

.contact-form-box textarea {
    width: 100%;
    padding: 1.3rem;
    border-radius: 0;
}

.my-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 1.6rem;
    width: 1.6rem;
    border: solid 1px #5a5a5a;
    border-radius: 50%;
}

.my-checkbox input {
    display: none;
}

.checkmark:after {
    content: "";
    position: absolute;
    left: 0.5rem;
    top: 0.1rem;
    width: 0.5rem;
    height: 0.8rem;
    border: solid #484848;
    border-width: 0 0.2rem 0.2rem 0;
    transform: rotate(45deg);
    opacity: 0;
}

.my-checkbox input:checked+.checkmark {
    background: #003990;
    border-color: #003990;
}

.privacy-text {
    padding-left: 2.6rem;
}

.privacy-check > p {
    display: flex;
    align-items: center;
}

.form-line.privacy a {
    display: inline-block;
    border-bottom: 1px solid #5a5a5a;
}

.contact-form-box input[type="submit"] {
    background: #5EB384;
    color: #fff;
    border: none;
    padding: 1.2rem 0;
    font-weight: 500;
    width: 30.4rem;
    margin: 7.9rem auto 0;
    cursor: pointer;
    text-align: center;
    display: block;
    font-size: 2rem;
}

.contact-head-txt br.sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .page-contact-area {
        padding: 0 11px 22px;
    }

    .contact-box {
        margin-top: 51px;
        padding-bottom: 10.5rem;
    }

    .contact-head-txt {
        font-size: 13.6px;
        text-align: center;
        margin-bottom: 27px;
    }

    .contact-head-txt br.sp {
        display: block;
    }

    .contact-box {
        padding: 0 12px 54px;
    }

    .input-name {
        display: block;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 8px;
    }

    .input-name .required {
        background-color: #E76E79;
        color: #fff;
        line-height: 1;
        font-size: 16px;
        padding: 2px 9px 3px;
        margin-left: 6px;
        display: inline-block;
    }

    .input-name .any {
        background-color: #888888;
        color: #fff;
        line-height: 1;
        font-size: 16px;
        padding: 2px 9px 3px;
        margin-left: 6px;
        display: inline-block;
    }

    .contact-form-box input::placeholder,
    .contact-form-box textarea::placeholder {
        color: #BCBCBC;
        font-size: 16px;
        font-weight: 400;
    }

    .contact-form-box input {
        width: 100%;
        padding: 13px 14px 11px;
    }

    .contact-form-box .form-line+.form-line {
        margin-top: 17px;
    }

    .contact-form-box .address+.address {
        margin-top: 14px;
    }

    .contact-form-box textarea {
        width: 100%;
        padding: 14px;
        height: 200px;
    }

    .wpcf7-form-control-wrap {
        display: block;
    }

    .privacy-text {
        padding-left: 28px;
        font-size: 15px;
    }

    .contact-form-box input[type="submit"] {
        background: #5EB384;
        color: #fff;
        border: none;
        padding: 12px 0;
        font-weight: 500;
        width: 238px;
        margin: 50px auto 0;
        cursor: pointer;
        text-align: center;
        display: block;
        font-size: 15px;
    }
    .checkmark {
        height: 18px;
        width: 18px;
    }
    .recapcha {
        font-size: 12px;
    }
    .recapcha a {
        text-decoration: underline;
    }
}

/* =================================
事業内容
================================= */
.page-content.blue-black.pb-space {
    padding-bottom: 8.9rem;
}

.service-box {
    padding-bottom: 11.4rem;
}

.service-box .inner {
    max-width: 105.6rem;
    width: 100%;
    margin: 0 auto;
}

.service-main-box h3 {
    font-size: 2.4rem;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 3rem;
}

.service-side-box h3 {
    font-size: 2rem;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-family: "Urbanist", serif;
    line-height: 1;
    margin-bottom: 3.8rem;
}

.service-main-box .head-txt {
    font-size: 1.6rem;
    line-height: 2;
    margin-bottom: 3.8rem;
    letter-spacing: 0.05em;
}

.service-side-box li {
    font-size: 2rem;
    letter-spacing: 0.05em;
    font-weight: 400;
}

.service-side-box li+li {
    margin-top: 0.8rem;
}

.service-side-box {
    position: relative;
    z-index: 1000;
}

.service-box {
    margin-top: 14.9rem;
}

.service-box .inner>.flex-box {
    justify-content: space-between;
    align-items: flex-start;
}

.service-side-box {
    max-width: 14.6rem;
    width: 100%;
    position: sticky;
    top:10rem;
    left: 0;
}

.service-side-box li {
    padding-left: 2rem;
    background-image: url('../images/page/service/cat-circle-white.svg');
    background-size: 1.2rem 1.2rem;
    background-repeat: no-repeat;
    background-position: left center;
}

.service-side-box li.active {
    background-image: url('../images/page/service/cat-circle-black.svg');
}

.service-main-box {
    max-width: 84rem;
    width: 100%;
}

.service-list {
    background-color: #ccc;
    cursor: pointer;
    padding-left: 3.7rem;
    padding-right: 3.1rem;
    padding-top: 2.8rem;
    padding-bottom: 2.2rem;
}
/*
.service-list:first-child {
    background-color: #FFF23F;
}

.service-list:nth-child(2) {
    background-color: #A9CE52;
}

.service-list:nth-child(3) {
    background-color: #89C681;
}

.service-list:nth-child(4) {
    background-color: #64BFAA;
}

.service-list:nth-child(5) {
    background-color: #5BC1D8;
}

.service-list:nth-child(6) {
    background-color: #54C2F0;
}

.service-list:nth-child(7) {
    background-color: #7C9FD3;
}

.service-list:nth-child(8) {
    background-color: #8C89C1;
}

.service-list:nth-child(9) {
    background-color: #8C89C1;
}

.service-list:nth-child(10) {
    background-color: #A586BC;
}

.service-list:nth-child(11) {
    background-color: #CB7DB0;
}

.service-list:nth-child(12) {
    background-color: #ED86B3;
}

.service-list:nth-child(13) {
    background-color: #ED8599;
}

.service-list:nth-child(14) {
    background-color: #EE847D;
}

.service-list:nth-child(15) {
    background-color: #EE835C;
}

.service-list:nth-child(16) {
    background-color: #F2984F;
}

.service-list:nth-child(17) {
    background-color: #F8C058;
}
*/

.service-list .flex-box {
    align-items: center;
    justify-content: space-between;
}

.service-list .flex-box.content {
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 3rem;
    width: 100%;
}

.service-list h4 {
    font-size: 2rem;
    line-height: 2.6rem;
    letter-spacing: 0.025em;
    font-weight: 500;
    margin-bottom: 1.3rem;
    color: #fff;
}


.service-list.active h4 {
    color: #333333;
}

.service-obj {
    max-width: 20.4rem;
    width: 100%;
}

.service-active-box .txt-box {
    max-width: calc(100% - 34.7rem);
    width: 100%;
}

.service-active-box .txt-box p {
    color: #fff;
    letter-spacing: 0.05em;
    line-height: 2.8rem;
    font-size: 1.6rem;
}
.service-list.black h4 {
    color:#333;
}
.black .service-active-box .txt-box p {
    color:#333;
}
.black .service-active-box h5 {
    color:#333;
}
.black.service-list .service-more-btn {
    color: #333;
    border: 1px solid #333;
    background-image: url(../images/common/external-icon-black.svg);
}
.service-list .service-more-btn {
    margin-top: 2.4rem;
    color: #fff;
    padding-left: 2.2rem;
    padding-right: 3.9rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: table;
    background-position: right 2.2rem center;
    border: 1px solid #FFFFFF;
    background-size: 1.2rem 1.2rem;
    background-image: url('../images/common/external-icon.svg');
    background-repeat: no-repeat;
    background-position: right 2.2rem center;
}

.service-active-box {
    margin-top: -1.5rem;
    display: none;
}

.service-active-box .flex-box {
    justify-content: flex-start;
}

.service-active-box h5 {
    font-size: 2rem;
    line-height: 2.6rem;
    letter-spacing: 0.025em;
    font-weight: 500;
    margin-bottom: 2.4rem;
    color: #fff;
}

.service-active-box .service-img {
    margin-left: 4.7rem;
    max-width: 30rem;
    width: 100%;
}

.service-check .check-wrap {
    display: flex;
    align-items: center;
    max-width: 18.2rem;
    width: 100%;
    position: relative;
}

.service-check .check-wrap span.txt {
    background-color: #ffffff;
    color: #444444;
    border: 1px solid #444444;
    padding: 0.7rem 0 0.7rem 1rem;
    font-size: 1.6rem;
    display: block;
    font-weight: 500;
    line-height: 1;
    width: 22.7rem;
    letter-spacing: 0.05em;
    margin-left: -0.5rem;
    position: relative;
    z-index: 100;
}
.childcare input[type=checkbox]:checked+.service-check .check-wrap span.txt {
    background-color: #FFF23F;
    border: 1px solid #FFF23F;
}
.medical input[type=checkbox]:checked+.service-check .check-wrap span.txt {
    background-color: #5F8FCB;
    border: 1px solid #5F8FCB;
    color: #fff;
}

.nursing_care input[type=checkbox]:checked+.service-check .check-wrap span.txt {
    background-color: #E76E79;
    border: 1px solid #E76E79;
    color: #fff;
}
.welfare input[type=checkbox]:checked+.service-check .check-wrap span.txt {
    background-color: #89c681;
    border: 1px solid #89c681;
    color: #fff;
}
.life_support input[type=checkbox]:checked+.service-check .check-wrap span.txt {
    background-color: #f2984f;
    border: 1px solid #f2984f;
    color: #fff;
}

.service-check .check-wrap span.circle {
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1000;
}
.childcare input[type=checkbox]:checked+.service-check .check-wrap span.circle {
    background-color: #FFF23F;
}

.medical input[type=checkbox]:checked+.service-check .check-wrap span.circle {
    background-color: #5F8FCB;
}

.nursing_care input[type=checkbox]:checked+.service-check .check-wrap span.circle {
    background-color: #E76E79;
}
.welfare input[type=checkbox]:checked+.service-check .check-wrap span.circle  {
    background-color: #89c681;
}
.life_support input[type=checkbox]:checked+.service-check .check-wrap span.circle {
    background-color: #f2984f;
}
.circle-wrap {
    position: relative;
}

.service-check .check-wrap span.circle-bg {
    background-color: #444444;
    position: absolute;
    left: -1px;
    top: -1px;
    content: '';
    width: calc(3rem + 2px);
    height: calc(3rem + 2px);
    border-radius: 50% 50%;
    display: block;
}

.childcare input[type=checkbox]:checked+.service-check .check-wrap span.circle-bg {
    background-color: #FFF23F;
}

.medical input[type=checkbox]:checked+.service-check .check-wrap span.circle-bg {
    background-color: #5F8FCB;
}

.nursing_care input[type=checkbox]:checked+.service-check .check-wrap span.circle-bg {
    background-color: #E76E79;
}
.welfare input[type=checkbox]:checked+.service-check .check-wrap span.circle-bg  {
    background-color: #89c681;
}
.life_support input[type=checkbox]:checked+.service-check .check-wrap span.circle-bg {
    background-color: #f2984f;
}
.service-check .check-wrap span.circle span {
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-check .check-wrap span.circle span {
    width: 2.4rem;
    height: 2.4rem;
    background-color: #fff;
    border: 1px solid #444444;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.childcare input[type=checkbox]:checked+.service-check .check-wrap span.circle span {
    border: 1px solid #FFF23F;
}
.medical input[type=checkbox]:checked+.service-check .check-wrap span.circle span {
    border: 1px solid #5F8FCB;
}

.nursing_care input[type=checkbox]:checked+.service-check .check-wrap span.circle span {
    border: 1px solid #E76E79;
}
.welfare input[type=checkbox]:checked+.service-check .check-wrap span.circle span  {
    border: 1px solid #89c681;
}
.life_support input[type=checkbox]:checked+.service-check .check-wrap span.circle span  {
    border: 1px solid #f2984f;
}
.s-category-list .check-wrap {
    cursor: pointer;
}

.s-category-list+.s-category-list {
    margin-top: 1.2rem;
}

.s-category-list input[type=checkbox] {
    display: none;
}

.service-list .service-more-btn.sp {
    display: none;
}

input[type=checkbox]:checked+.service-check .check-wrap span.circle::after {
    position: absolute;
    top: 0.6rem;
    left: 0.8rem;
    content: '';
    display: block;
    width: 2.4rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../images/page/service/check-icon.svg');
}

.service-head-box.sp {
    display: none;
}

.service-list .service-more-btn.sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .page-service-area {
        padding: 0 11px 22px;
    }

    .service-box {
        margin-top: 58px;
        padding-bottom: 20px;
    }

    .service-head-box.pc {
        display: none;
    }

    .service-head-box.sp {
        display: block;
        margin-bottom: 27px;
    }

    .service-head-box h3 {
        font-size: 20px;
        text-align: center;
        letter-spacing: 0.05em;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 20px;
    }

    .service-head-box .head-txt {
        line-height: 2;
        font-size: 14px;
        letter-spacing: 0.05em;
    }

    .service-box .inner {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0 13px;
    }

    .service-box .inner>.flex-box {
        display: block;
    }

    .service-side-box h3 {
        font-size: 14px;
        text-align: center;
        letter-spacing: 0.05em;
        font-weight: 400;
        font-family: "Urbanist", serif;
        line-height: 1;
        margin-bottom: 16px;
    }

    .service-side-box {
        position: static;
        max-width: 100%;
        width: 100%;
        margin-bottom: 49px;
    }

    .service-side-box .category-lists {
        display: flex;
        flex-wrap: wrap;
        max-width: 261px;
        width: 100%;
        margin: 0 auto;
    }

    .service-check .check-wrap span.txt {
        background-color: #ffffff;
        color: #444444;
        border: 1px solid #444444;
        padding: 7px 0 7px 10px;
        font-size: 13px;
        display: block;
        font-weight: 500;
        line-height: 1;
        width: 22.7rem;
        letter-spacing: 0.05em;
        margin-left: -4px;
        position: relative;
        z-index: 100;
    }

    .service-check .check-wrap {
        display: flex;
        align-items: center;
        max-width: 124px;
        width: 100%;
        position: relative;
    }

    .service-check .check-wrap span.circle {
        width: 28px;
        height: 28px;
        background-color: #fff;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1000;
    }

    .service-check .check-wrap span.circle-bg {
        background-color: #444444;
        position: absolute;
        left: -1px;
        top: -1px;
        content: '';
        width: calc(28px + 2px);
        height: calc(28px + 2px);
        border-radius: 50% 50%;
        display: block;
    }

    .service-check .check-wrap span.circle span {
        width: 20px;
        height: 20px;
        background-color: #fff;
        border: 1px solid #444444;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .s-category-list+.s-category-list {
        margin-top: 0;
    }

    .s-category-list:nth-child(n+3) {
        margin-top: 8px;
    }

    .s-category-list:nth-child(even) {
        margin-left: 10px;
    }

    input[type=checkbox]:checked+.service-check .check-wrap span.circle::after {
        position: absolute;
        top: 8px;
        left: 9px;
        content: '';
        display: block;
        width: 16px;
        height: 10px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/page/service/check-icon.svg);
    }

    .service-list {
        cursor: pointer;
        padding-left: 10px !important;
        padding-right: 12px;
        padding-top: 10px;
        padding-bottom: 2.2rem;
        position: relative;
    }

    .service-list h4 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.025em;
        font-weight: 500;
        margin-bottom: 0;
        color: #fff;
    }

    .service-obj {
        margin-top: 7px;
        max-width: 112px;
        width: 100%;
    }

    .service-list .flex-box {
        align-items: flex-start;
        justify-content: space-between;
    }

    .service-active-box h5 {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.025em;
        font-weight: 500;
        margin-bottom: 8px;
        padding-left: 0;
        color: #fff;
    }

    .service-active-box .txt-box {
        max-width: 100%;
        width: 100%;
    }

    .service-active-box .txt-box p {
        color: #fff;
        letter-spacing: 0.025em;
        line-height: 26px;
        font-size: 14px;
    }

    .service-list .flex-box.content {
        display: block;
        padding-left: 0;
    }

    .service-active-box {
        margin-top: 12px;
        display: none;
    }

    .service-list .service-more-btn.sp {
        display: block;
    }

    .service-list:before {
        content: "";
        position: absolute;
        top: 76px;
        right: 8px;
        width: 16px;
        height: 1px;
        border-radius: 10px;
        background: #fff;
        display: block;
        transition: 0.7s;
    }

    .service-list:after {
        content: "";
        position: absolute;
        top: 68px;
        right: 16px;
        width: 1px;
        height: 16px;
        border-radius: 10px;
        background: #fff;
        display: block;
        will-change: transform;
        transition: 0.7s;
    }

    .service-list.on:before {
        content: "";
        position: absolute;
        top: 84px;
        right: 8px;
        width: 16px;
        height: 1px;
        border-radius: 10px;
        background: #fff;
        display: block;
    }

    .service-list.on:after {
        content: "";
        position: absolute;
        top: 76px;
        right: 16px;
        width: 1px;
        height: 16px;
        border-radius: 10px;
        background: #fff;
        display: block;
        will-change: transform;
    }

    .service-list.on:after {
        opacity: 0;
    }

    .service-list .service-more-btn.pc {
        display: none;
    }

    .service-active-box .service-img {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .service-list .service-more-btn.sp {
        margin-top: 20px;
        display: table;
        padding-left: 20px;
        padding-right: 27px;
        display: table;
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        background-size: 12px 12px;
        background-position: right 10px center;
    }
}


/* =================================
代表メッセージ
================================= */
.white-inner {
    max-width: 127.2rem;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

.message-box .hatakeyama {
    max-width: 40.6rem;
    /* position: sticky; */
    width: 100%;
    left: 0;
    bottom: 0;
}

.message-box {
    margin-top: 12.9rem;
    padding-bottom: 19.6rem;
    max-width: 106rem;
    width: 100%;
    margin: 12.9rem auto 0;
    position: relative;
    z-index: 100;
}

.message-box p {
    font-size: 1.5rem;
    line-height: 2.7rem;
    color:#444444;
}

.message-box .flex-box {
    display: flex;
    /* justify-content: flex-end;
    align-items: flex-end; */
    justify-content: flex-start;
    align-items: flex-start;

}

.message-box .txt-box {
    margin-left: 13.2rem;
    max-width: 51.6rem;
    width: 100%;
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0.013em;
}

.representative {
    margin-top: 2.4rem;
}

.representative .title {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
}

.representative .name {
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 400;
    margin-top: 0.6rem;
}

.representative .profile {
    margin-top: 1.9rem;
    font-size: 1.3rem;
    line-height: 2.4rem;
}

.youtube-box {
    padding-top: 12rem;
    padding-bottom: 14.7rem;
    background-color: #333333;
}

.youtube-box .inner {
    max-width: 84.1rem;
    width: 100%;
    margin: 0 auto;
}

.youtube-box iframe {
    width: 100%;
    height: 47.3rem;
}

.sp.representative {
    display: none;
}

@media screen and (max-width: 768px) {
    .page-message-area {
        padding: 0 11px;
    }

    .message-box {
        padding-bottom: 19.3rem;
        max-width: 100%;
        width: 100%;
        margin: 50px auto 0;
        position: relative;
        z-index: 100;
        padding: 0 13px 80px 13px;
    }

    .message-box .flex-box {
        display: block;
    }

    .pc.representative {
        display: none;
    }

    .sp.representative {
        margin-top: 107px;
        display: block;
    }

    .message-box .txt-box {
        margin-left: 0;
        max-width: 100%;
        margin-top: 49px;
        width: 100%;
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.013em;
    }

    .message-box .txt-box p {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 2;
    }

    .message-box .representative .name {
        font-size: 24px;
        letter-spacing: 0.05em;
        line-height: 1;
        margin-top: 0.6rem;
    }

    .message-box .txt-box p.title {
        font-size: 12px;
        letter-spacing: 0.05em;
    }

    .message-box .txt-box p.profile {
        font-size: 12px;
        margin-top: 18px;
        line-height: 2;
        letter-spacing: 0;
    }

    .message-box .txt-box br.sp {
        display: none;
    }

    .youtube-box {
        padding-top: 53px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 53px;
        background-color: #333333;
    }

    .youtube-box iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: auto;
        height: 100%;
    }

    .youtube-box .inner {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }
}

/* =================================
SDGs
================================= */
.sdgs-logo {
    max-width: 29.7rem;
    width: 100%;
}

.sdgs-top-box .inner,
.sdgs-middle-box .inner,
.sdgs-bottom-box .inner {
    max-width: 105.6rem;
    width: 100%;
    margin: 0 auto;
}

.sdgs-top-box {
    padding-bottom: 9.3rem;
    width: 100%;
    margin: 11.4rem auto 0;
    position: relative;
    z-index: 100;
    padding-bottom: 13.9rem;
    border-bottom: 4px solid #5BC2D9;
}

.sdgs-top-box .flex-box {
    display: flex;
    justify-content: space-between;
}

.sdgs-logo {
    margin-right: 13.2rem;
}

.sdgs-top-box .txt-box p {
    line-height: 2;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    max-width: 62.4rem;
    width: 100%;
}

.sdgs-logos {
    margin-top: 5.3rem;
}

.sdgs-logos .sp {
    display: none;
}

.sdgs-middle-box {
    padding-top: 8.8rem;
    padding-bottom: 12.9rem;
    border-bottom: 4px solid #5BC2D9;
}

.sdgs-middle-box .flex-box {
    display: flex;
    justify-content: space-between;
}

.sdgs-middle-box h3 {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 400;
    margin-bottom: 6.2rem;
}

.sdgs-middle-box .sdgs-w-logo {
    max-width: 51.7rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sdgs-middle-box .sdgs-w-logo>div {
    max-width: 24.8rem;
    width: 100%;
}

.sdgs-middle-box .txt-box p {
    line-height: 2;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    max-width: 40.8rem;
    width: 100%;
}

.sdgs-bottom-box {
    padding-top: 9.4rem;
    padding-bottom: 11rem;
    border-bottom: 4px solid #5BC2D9;
}

.sdgs-bottom-box h3 {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 400;
    margin-bottom: 10.4rem;
}

.sdgs-bottom-box .flex-box {
    flex-wrap: wrap;
}

.sdgs-list {
    max-width: 51.5rem;
    width: 100%;
}

.sdgs-list:nth-of-type(2n) {
    margin-left: 2.5rem;
}

.sdgs-list:nth-child(n+3) {
    margin-top: 4.8rem;
}

.sdgs-list-logo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.sdgs-left-logo {
    width: 100%;
    max-width: 19.2rem;
}

.sdgs-right-logo {
    width: 100%;
    max-width: 30rem;
}

.sdgs-list .txt {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 2;
    text-indent: -1em;
    padding-left: 1em;
}

@media screen and (max-width: 768px) {
    .page-sdgs-area {
        padding: 0 11px;
    }

    .sdgs-top-box {
        padding-bottom: 9.3rem;
        width: 100%;
        margin: 59px auto 0;
        position: relative;
        z-index: 100;
        padding-bottom: 40px;
        border-bottom: 2px solid #5BC2D9;
    }

    .sdgs-top-box .inner {
        padding: 0 13px;
    }

    .sdgs-top-box .flex-box {
        display: block;
        justify-content: space-between;
    }

    .sdgs-middle-box .sdgs-w-logo {
        max-width: 324px;
        margin: 0 auto;
    }

    .sdgs-logo {
        max-width: 100%;
        padding: 0 37px;
        margin: 0 auto 33px;
    }

    .sdgs-top-box .txt-box p {
        line-height: 2;
        font-size: 14px;
        letter-spacing: 0.05em;
        max-width: 100%;
        width: 100%;
    }

    .sdgs-logos .pc {
        display: none;
    }

    .sdgs-logos .sp {
        display: block;
    }

    .sdgs-logos {
        margin-top: 20px;
    }

    .sdgs-middle-box {
        padding-top: 36px;
        padding-bottom: 40px;
        border-bottom: 2px solid #5BC2D9;
    }

    .sdgs-middle-box .inner {
        padding: 0 13px;
    }

    .sdgs-middle-box h3 {
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .sdgs-middle-box .flex-box {
        display: flex;
        flex-flow: column;
    }

    .sdgs-middle-box .flex-box .txt-box {
        order: 2;
    }

    .sdgs-middle-box .sdgs-w-logo>div {
        max-width: calc(50% - 7px);
        width: 100%;
    }

    .sdgs-middle-box .txt-box p {
        line-height: 2;
        margin-top: 18px;
        font-size: 14px;
        letter-spacing: 0.05em;
        max-width: 100%;
        width: 100%;
    }

    .sdgs-bottom-box {
        padding-top: 40px;
        padding-bottom: 48px;
        border-bottom: 2px solid #5BC2D9;
    }

    .sdgs-bottom-box .inner {
        padding: 0 13px;
    }

    .sdgs-bottom-box h3 {
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 39px;
    }

    .sdgs-list-logo {
        max-width: 100%;
        margin: 0 auto 15px;
        width: 100%;
        justify-content: flex-start;
    }
    .sdgs-list {
        max-width: 450px;
        width: 100%;
        margin: 0 auto;
    }
    .sdgs-left-logo {
        width: 100%;
        margin-right: 15px;
        max-width: 120px;
    }

    .sdgs-right-logo {
        width: 100%;
        max-width: calc(100% - 135px);
    }

    .sdgs-right-logo img {
        height: 120px;
        object-fit: cover;
        object-position: top center;
    }
    .sdgs-list .txt {
        font-size: 13px;
        max-width: 100%;
        margin: 0 auto;
        letter-spacing: 0.05em;
        line-height: 2;
        text-indent: -1em;
        padding-left: 1em;
    }

    .sdgs-list:nth-child(n+2) {
        margin-top: 32px;
    }

    .sdgs-list:nth-of-type(2n) {
        margin-left: 0;
    }
}



/* 追記 250128*/
.history-box .year-box>div {
    display: flex;
}

.history-box .year-box {
    padding-top: 4rem;
}
.history-box .year-box:first-child {
    padding-top: 0;
}
.history-lists .year-box .year{
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #333333;
    max-width: 11rem;
    margin-right: 3.2rem;
    width: 100%;
}
.history-lists .year-box .year > span {
    display: flex;
    width: 11rem;
    position: relative;
}
.history-lists .year-box span.txt {
    background-color: #8E8BC2;
    color: #ffffff;
    padding: 0.4rem 0.8rem;
    font-size: 2.3rem;
    display: block;
    font-weight: 500;
    line-height: 1;
    width: 8.4rem;
    letter-spacing: 0.05em;
}
.history-lists .year-box span.arrow {
    width: 3rem;
    height: 3rem;
    background-color: #8E8BC2;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    margin-left: -0.6rem;
    justify-content: center;
}
.history-lists .year-box span.arrow span {
    width: 2rem;
    height: 2rem;
    background-color: #ffffff;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp-block-group.events {
    max-width: calc(100% - 14.2rem);
    width: 100%;
}
.history-lists .event-month {
    font-size: 1.5rem;
    line-height: 3.6rem;
    max-width: 4.9rem;
    margin-right: 2.4rem;
    width: 100%;
    text-align: right;
    font-size: 1.6rem;
}
.history-lists .event-month p {
    font-size: 1.5rem;
    line-height: 3.6rem;
}
.history-lists .event-container {
    font-size: 1.5rem;
    max-width: calc(100% - 7.3rem);
    width: 100%;
    line-height: 3.6rem;
}
.history-lists .event-container li {
    font-size: 1.5rem;
    line-height: 3.6rem;
}
.history-lists .month-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.history-box .inner {
    position: relative;
}
.history-lists .inner::before {
    position: absolute;
    display: block;
    content: "";
    background: #A688BD;
    width: 2px;
    top: 1rem;
    left: 9.2rem;
    height: calc(100% - 2rem);
}

@media screen and (max-width: 768px) {
    .history-lists {
        position: relative;
    }
    .history-lists .inner:before {
        content: none;
    }
    .history-box .year-box>div {
        display: block;
    }
    .history-lists .year-box .year  {
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #333333;
        max-width: 11rem;
        margin-right: 3.2rem;
        width: 100%;
        margin-left: 30px;
        margin-bottom: 16px;
        z-index: 100;
        position: relative;
    }
    .history-lists .year-box .year > span {
        display: flex;
        width: 11rem;
        position: relative;
    }
    .history-lists .year-box span.arrow {
        width: 30px;
        height: 30px;
        background-color: #8E8BC2;
        border-radius: 50% 50%;
        margin-left: 0;
        display: flex;
        order: 1;
        align-items: center;
        justify-content: center;
    }
    .history-lists .year-box span.arrow span {
        width: 20px;
        height: 20px;
        background-color: #ffffff;
        display: block;
        border-radius: 50% 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .history-lists .year-box span.txt {
        background-color: #8E8BC2;
        color: #ffffff;
        padding: 3px 6px 3px 24px;
        font-size: 23px;
        display: block;
        font-weight: 500;
        line-height: 1;
        width: 84px;
        letter-spacing: 0.05em;
        margin-left: -6px;
        order: 2;
    }
    .wp-block-group.events {
        max-width: 100%;
        width: 100%;
    }
    .history-lists .event-month {
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #333333;
        margin-right: 30px;
        width: 100%;
        font-size: 14px;
        max-width: 33px;
        line-height: 26px;
        width: 100%;
        text-align: right;
    }
    .history-lists .event-container {
        max-width: calc(100% - 63px);
    }
    .history-lists .event-month p {
        font-size: 14px;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        letter-spacing: 0.05em;
        line-height: 26px;
    }
    .history-lists .event-container .event-name p {
        max-width: 100%;
        width: 100%;
        font-size: 14px;
        line-height: 26px;
    }
    .history-lists .month-box {
        flex-wrap: nowrap;
    }
    .history-box .year-box {
        display: block;
        padding-top: 34px;
    }
    .history-lists.pc {
        display: none;
    }
    .history-lists.sp {
        position: relative;
        display: block;
    }
}
/* 追記 250128_2*/
.base-line-box {
    margin-top: 4.3rem;
}
.area-ttl-box {
    margin-left: -10rem;
}
.base-line-box > div{
    max-width: 106rem;
    width: 100%;
    margin: 4.3rem auto 0;
    display: flex;
    flex-wrap: wrap;
}
.big-heading-underline {
    font-size: 4rem;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0 auto;
    display: table;
}
.big-heading-underline__num {
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 12rem;
}
.area-map-container svg {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .area-ttl-box {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
    }
    .base-line-box > div{
        padding: 0 12px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .base-line-box.area > div {
        margin-top: 29px;
        padding: 0;
    }
    .big-heading-underline {
        font-size: 24px;
        font-weight: 400;
        text-align: center;
        letter-spacing: 0.05em;
        line-height: 1;
        margin: 0 auto;
        display: table;
    }
    .big-heading-underline__num {
        font-family: "Urbanist", serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-size: 80px;
    }
    .base-line-box {
        margin-top: 29px;
    }
}
.area-map-sp {
    display: none;
}
.num-txt {
    font-weight: 400;
}
@media screen and (max-width: 768px) {
    .area-map-pc {
        display: none;
    }
    .area-map-sp {
        display: block;
    }
}



.image-wrapper {
    width: 29.8rem !important;
    height: 52rem !important;
    object-fit: cover;
    overflow: hidden;
}
.scroll-image {
    width: 29.8rem;
    height: 40rem;
}
.image-wrapper img:first-child {
    position: relative;
    z-index: 1000;
}
.image-wrapper img:nth-child(2) {
    position: relative;
    z-index: 999;
}
.division-flex {
    align-items: flex-start;
}
.image-pin {
    position: sticky;
    top:100px
}
@media screen and (max-width: 768px) {
    .image-wrapper {
        width: 100% !important;
        height: 405px !important;
        object-fit: cover;
        overflow: hidden;
    }
    .scroll-image {
        object-fit: cover;
        width: 100%;
        height: 405px;
    }
}


/* 250305 add */
.more-about-list {
    transition: 0.4s;
}
.more-about-list .check-wrap {
    display: flex;
    align-items: center;
    max-width: 28.8rem;
    width: 100%;
    position: relative;
    transition: 0.7s;
}
.more-about-list span.circle {
    width: 7.2rem;
    height: 7.2rem;
    background-color: #444444;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1000;
    transition: 0.4s;
}
.blue-bg .more-about-list:hover .check-wrap span.circle {
    background-color: #7C9FD3;
}
.orange-bg .more-about-list:hover .check-wrap span.circle {
    background-color: #F3994F;
}
.page-outline-area .more-about-list:hover .check-wrap span.circle {
    background-color: rgb(204, 125, 177);
}
.page-base-area .more-about-list:hover .check-wrap span.circle {
    background-color: #AACF52;
}
.page-content.dark-blue-bg .more-about-list:hover .check-wrap span.circle {
    background-color: #5BC2D9;
}
.more-about-list a span.txt {
    margin-right: -0.8rem;
    position: relative;
    border: 1px solid #444444;
    z-index: 100;
    transition: 0.4s;
}
.more-about-list:hover a span.txt {
    background-color: #7C9FD3;
    border: 1px solid #444444;
    color: #444444;
}
.orange-bg .more-about-list:hover a span.txt {
    background-color: #F3994F;
}
.page-outline-area .more-about-list:hover a span.txt {
    background-color: rgb(204, 125, 177);
}
.page-base-area .more-about-list:hover a span.txt {
    background-color: #AACF52;
}
.page-content.dark-blue-bg .more-about-list:hover a span.txt {
    background-color: #5BC2D9;
}
.more-about-list span.circle span {
    width: 5.2rem;
    height: 5.2rem;
    background-color: #64C0AB;
    display: block;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #444444;
    transition: 0.4s;
}
.blue-bg .more-about-list:hover span.circle span {
    border: 1px solid #444444;
} 
.more-about-list span.circle-bg {
    background-color: #444444;
    position: absolute;
    left: -1px;
    top: -1px;
    content: '';
    width: calc(7.2rem + 2px);
    height: calc(7.2rem + 2px);
    border-radius: 50% 50%;
    display: block;
    transition: 0.4s;
}

.page-content.dark-blue-bg .more-about-list span.circle span {
    background-color: #5BC2D9;
}
.blue-bg .more-about-list span.circle span {
    background-color: #7C9FD3;
}
.orange-bg .more-about-list span.circle span {
    background-color: #F3994F;
}
.page-outline-area .more-about-list span.circle span {
    background-color: rgb(204, 125, 177);
}
.page-base-area .more-about-list span.circle span {
    background-color: #AACF52;
}
.more-about-list:hover a {
    opacity: 1;
}
.more-about-list:hover a {
    opacity: 1;
}
.more-about-list:hover a:hover {
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .more-about-list span.circle {
        width: 42px;
        height: 42px;
    }
    .more-about-list span.circle-bg {
        width: calc(42px + 2px);
        height: calc(42px + 2px);
    }
    .more-about-list span.circle span {
        width: 30px;
        height: 30px;
    }
    .more-about-list a span.txt {
        margin-right: -6px;
    }
}

.strategy-list.more-btn {
    margin: 0;
}

.more-btn .check-wrap span img {
    width: 0.76rem;
    height: 0.76rem;
    display: block;
}
.naming-more-btn {
    margin-top: 4.8rem;
}
.naming-more-btn a {
    display: flex;
    position: relative;
    justify-content: flex-start;
}
.more-btn .check-wrap span.circle {
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1000;
}
.more-btn .check-wrap {
    display: flex;
    align-items: center;
    position: relative;
}
.more-btn .check-wrap .circle-wrap {
    position: relative;
}

.more-btn .check-wrap span.circle {
    width: 4rem;
    height: 4rem;
    border-radius: 50% 50%;
    display: flex;
    align-items: center;
    transition: 0.4s;
    justify-content: center;
    position: relative;
    z-index: 1000;
}
.more-btn .check-wrap span.circle {
    background-color: #444444;
}
.more-btn:hover .check-wrap span.circle {
    background-color: #ffffff;
}
.more-btn .check-wrap span.circle span {
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    border: 1px solid #444444;
    display: block;
    border-radius: 50% 50%;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.more-btn .check-wrap span.circle-bg {
    background-color: #444444;
    position: absolute;
    left: -1px;
    top: -1px;
    content: '';
    width: calc(4rem + 2px);
    height: calc(4rem + 2px);
    border-radius: 50% 50%;
    display: block;
    transition: 0.4s;
}
.more-btn .check-wrap span.txt {
    background-color: #444444;
    color: #ffffff;
    border: 1px solid #444444;
    padding: 1.2rem 2.3rem 1.2rem 1.6rem;
    font-size: 1.6rem;
    display: block;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
    margin-right: -0.5rem;
    position: relative;
    z-index: 100;
    transition: 0.4s;
}

.strategy-list.more-btn .check-wrap span.txt {
    padding: 1.2rem 1.3rem;
}
.more-btn:hover .check-wrap span.txt {
    background-color: #ffffff;
    color: #444444;
    border: 1px solid #444444;
}
.more-btn:hover a {
    opacity: 1;
}
.more-btn:hover a:hover {
    opacity: 1;
}
.strategy-list.more-btn .check-wrap img {
    width: 1.6rem;
}
@media screen and (max-width: 768px) {
    .naming-more-btn {
        margin-top: 53px;
    }
    .strategy-list.more-btn + .strategy-list {
        margin-top: 23px;
    }
    .more-btn .check-wrap span.txt {
        background-color: #fff;
        padding: 15px 15px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.05em;
        text-align: left;
        width: 100%;
        margin-right: -5px;
    }
    .more-btn .check-wrap {
        display: flex;
        justify-content: flex-end;
    }
    .more-btn .check-wrap span.circle {
        width: 40px;
        height: 40px;
    }
    .more-btn .check-wrap span.circle span {
        width: 30px;
        height: 30px;
    }
    .more-btn .check-wrap span.circle-bg {
        width: calc(40px + 2px);
        height: calc(40px + 2px);
    }
    .more-btn .check-wrap span img
     {
        width: 7px;
        height: 6px;
        display: block;
    }
    .more-btn .check-wrap span.txt {
        background-color: #444444;
        color: #fff;
        padding: 15px 18px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.05em;
    }
    .overview-right-top .more-btn .check-wrap span.txt {
        padding: 15px 14px;
    }
    .more-btn .check-wrap span.txt {
        padding: 13px 18px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.05em;
    }
    .strategy-list.more-btn .check-wrap span.txt {
        width: 216px;
    }
    .naming-more-btn .check-wrap span.txt {
        padding: 13px 13px;
    }
    .strategy-list.more-btn .check-wrap span.txt {
        padding: 13px 13px;
    }
    .more-btn .check-wrap span.circle
     {
        width: 40px;
        height: 40px;
    }
    .more-btn .check-wrap span.circle span
    {
        width: 30px;
        height: 30px;
    }
    .more-btn .check-wrap span.circle-bg {
        width: calc(40px + 2px);
        height: calc(40px + 2px);
    }
}