@charset "UTF-8";




p.l-header__logo {
	display: none;
}

h1.l-header__logo {
	display: block;
}

.l-footer-other .l-footer_banner.is-home {
    display: block;
}

@media screen and (max-width: 767px) {
    #l-main {
        padding-top: 30px;
    }
}

@media screen and (min-width: 768px) {
    #l-main {
        padding-inline: initial;
        max-width: initial;
        min-width: 768px;
    }

    .l-section {
        padding-inline: 26px;
        max-width: 1252px;
    }
}


/* top
========================================== */
.viewMore {
    font-family: var(--font-Roboto);
}


/* slider */

.p-mainKv__inner {
    position: relative;
}

.p-mainKv__inner {
    overflow: hidden;
    position: relative;
}

.p-mainKv__item {
    position: relative;
}

.p-mainKv__items,
.p-mainKv__items .slick-list,
.p-mainKv__items .slick-track,
.p-mainKv__item,
.p-mainKv__item picture,
.p-mainKv__item img {
  height: 100%;
}

.p-mainKv__item img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.p-mainKv__catch {
    /* font-family: var(--font-koburina-w3); */
    font-family: var(--font-koburina-w6);
    font-weight: 600;
    letter-spacing: 5%;
    position: absolute;
    z-index: 1;

    display: none;
}

@media screen and (max-width: 767px) {
    .p-mainKv__item {
        position: relative;
    }

    .p-mainKv__item::after {
        background: linear-gradient(180deg, rgba(100, 100, 119, 0) 31.22%, rgba(100, 100, 119, 0.6) 76.79%);
        bottom: 0;
        content: "";
        display: flex;
        align-items: center;
        justify-content: center;
        height: 43.2%;
        mix-blend-mode: multiply;
        position: absolute;
        width: 100%;
    }

    .p-mainKv__catch {
        bottom: 17.5%;
        color: var(--color-whi);
        font-size: 2.0rem;
        left: 0;
        text-align: center;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .p-mainKv__catch {
        color: var(--color-primary);
        font-size: 2.4rem;
        left: 64px;
        top: 53%;
        white-space: nowrap;
    }

    .p-mainKv__item:nth-child(1) .p-mainKv__catch,
    .p-mainKv__item:nth-child(3) .p-mainKv__catch {
        left: 67vw;
    }

    .p-mainKv__item:nth-child(1) .p-mainKv__catch {
        color: var(--color-whi);
    }

    .p-mainKv__item:nth-child(2) .p-mainKv__catch::before {
        background-image: url(/assets_ren/images/top/kv_follow.png);
        background-size: cover;
        content: "";
        height: 203px;
        left: -67px;
        opacity: 0.5;
        position: absolute;
        top: -86px;
        width: 490px;
        z-index: -1;
    }
}


/* News Release */
.p-newsGroup-heading .c-secondaryHeading {
    color: var(--color-primary);
    font-family: var(--font-Roboto);
    letter-spacing: 0;
    margin-bottom: 0;
}

.p-newsGroup-heading .c-secondaryHeading+p {
    font-family: var(--font-koburina-w6);
    letter-spacing: 5%;
}

.p-newsGroup-list .p-news-list__item a {
    display: block;
    text-decoration: none;
}

.p-newsGroup-list .p-news-list__item.arw_ani a::after {
    right: 0;
    top: calc(50% - 3px);
}

.p-newsGroup-list .p-news-list__item.arw_ani a[href*=".pdf"]::after {
    background-image: url(/assets_ren/images/icon-pdf.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 26px;
    position: absolute;
    right: 0;
    top: calc(50% - 13px);
    width: 25px;
}

.p-newsGroup-list .p-news-list__item.arw_ani a[href*=".pdf"]:hover::after {
    right: 0;
    width: 25px;
}

.p-newsGroup-list .p-news-list__item .p-news-tagGroup {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.p-newsGroup-list .p-news-list__item .p-news-tagGroup .p-news-ymd {
    color: var(--color-gry2);
    font-family: var(--font-Roboto);
    font-size: 1.4rem;
}

.p-newsGroup-list .p-news-list__item .p-news-text {
    font-family: var(--font-koburina-w6);
    font-size: 1.4rem;
    font-weight: 600;
    margin-top: 10px;
}

.p-newsGroup-list .p-news-list__item .p-news-text p {
    color: var(--color-darkgry);
}

@media screen and (max-width: 767px) {
    .p-newsGroup-heading .c-secondaryHeading {
        font-size: 3.0rem;
        font-weight: 700;
        line-height: 30px;
    }

    .p-newsGroup-heading .c-secondaryHeading+p {
        font-size: 1.4rem;
        line-height: 20px;
        margin-top: 10px;
    }

    .p-newsGroup-list {
        margin-top: 30px;
    }

    .p-newsGroup-list .p-news-list__item:not(:first-child) {
        margin-top: 20px;
    }

    .p-newsGroup-list .p-news-list__item a {
        padding-right: 24px;
    }

    .p-newsGroup-list .arw_ani:not(.p-news-list__item) {
        margin-top: 30px;
    }
}

@media screen and (min-width: 768px) {
    .p-newsGroup__inner {
        display: flex;
        column-gap: 30px;
    }

    .p-newsGroup-heading {
        flex: 1;
        max-width: 278px;
    }

    .p-newsGroup-heading .c-secondaryHeading {
        font-size: 3.6rem;
        font-weight: 600;
        line-height: 40px;
    }

    .p-newsGroup-heading .c-secondaryHeading+p {
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 22px;
        margin-top: 20px;
    }

    .p-newsGroup-list {
        flex: 1;
    }

    .p-newsGroup-list .p-news-list__item:not(:first-child) {
        margin-top: 30px;
    }

    .p-newsGroup-list .p-news-list__item a {
        padding-right: 34px;
    }

    .p-newsGroup-list .p-news-list__item.arw_ani a:hover {
        opacity: .7;
    }

    .p-newsGroup-list .p-news-list__item.arw_ani a:hover::after {
        right: -10px;
        width: 25px;
    }

    .p-newsGroup-list .arw_ani:not(.p-news-list__item) {
        margin-top: 50px;
    }
}


/* Service */

.p-serviceGroup {
    background-color: var(--bg-mainHeading);
}

.p-serviceGroup-heading .c-secondaryHeading {
    font-family: var(--font-koburina-w3);
    margin-bottom: 0;
}

.p-serviceGroup-heading .c-secondaryHeading i {
    display: block;
    font-family: var(--font-Roboto);
    font-weight: 700;
}

 .p-serviceGroup-heading .c-secondaryHeading+p {
    font-family: var(--font-koburina-w3);
}

.p-serviceGroup-eachCategory-main {
    overflow: hidden;
    position: relative;
}

.p-serviceGroup-eachCategory-main__inner {
    color: var(--color-whi);
    position: absolute;
}

.p-serviceGroup-textbox__item {
    display: flex;
    align-items: flex-end;
    column-gap: 10px;
    font-family: var(--font-koburina-w6);
    letter-spacing: 0;
}

.p-serviceGroup-textbox__right p {
    font-family: var(--font-Roboto);
    font-weight: 200;
}

.p-serviceGroup-eachCategory-target {
    background-color: var(--color-whi);
}

.p-serviceGroup-eachCategory-target__text {
    font-family: var(--font-koburina-w6);
    letter-spacing: 5%;
}

.p-serviceGroup-note {
    color: var(--color-gry2);
    font-size: 1.2rem;
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .p-serviceGroup {
        margin-inline: -26px;
        margin-top: 50px;
        padding-bottom: 50px;
        padding-inline: 26px;
        padding-top: 40px;
    }

    .p-serviceGroup-heading .c-secondaryHeading {
        font-size: 4.0rem;
        font-weight: 300;
        line-height: 50px;
    }

    .p-serviceGroup-heading .c-secondaryHeading i {
        font-size: 3.0rem;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .p-serviceGroup-heading .c-secondaryHeading+p {
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 28px;
        margin-top: 20px;
    }

    .p-serviceGroup-img {
        margin-inline: -26px;
        margin-top: 20px;
    }

    .p-serviceGroup-eachCategory {
        margin-top: 20px;
        position: relative;
    }

    .p-serviceGroup-eachCategory:nth-child(n+2) {
        margin-top: 30px;
    }

    .p-serviceGroup-eachCategory-main {
        border-radius: 30px;
        min-height: 389px;
        max-width: 923px;
    }

    .p-serviceGroup-eachCategory-main {
        background-size: cover;
    }

    .eachCate__child .p-serviceGroup-eachCategory-main {
        background-image: url(/assets_ren/images/top/service_child_mainimg_bg_sp.png);
    }

    .eachCate__work .p-serviceGroup-eachCategory-main {
        background-image: url(/assets_ren/images/top/service_work_mainimg_bg_sp.png);
    }

    .eachCate__school .p-serviceGroup-eachCategory-main {
        background-image: url(/assets_ren/images/top/service_school_mainimg_bg_sp.png);
    }

    .eachCate__biz .p-serviceGroup-eachCategory-main {
        background-image: url(/assets_ren/images/top/service_biz_mainimg_bg_sp.png);
    }

    .p-serviceGroup-eachCategory-main__inner {
        left: 0;
        padding: 30px 20px 0;
        top: 0;
    }

    .p-serviceGroup-category {
        font-family: var(--font-koburina-w6);
        font-size: 2.2rem;
        line-height: 28px;
    }

    .p-serviceGroup-eachCategory .p-serviceGroup-heading {
        font-family: var(--font-koburina-w3);
        font-size: 3.0rem;
        letter-spacing: 5%;
        line-height: 40px;
        margin-top: 20px;
    }

    .p-serviceGroup-textbox__item:not(:first-child) {
        margin-top: 20px;
    }

    .eachCate__school .p-serviceGroup-textbox__item:nth-child(2) {
        white-space: nowrap;
    }

    .p-serviceGroup-textbox {
        font-size: 1.6rem;
        margin-top: 30px;
    }

    .p-serviceGroup-textbox__left p {
        font-family: var(--font-koburina-w6);
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 18px;
    }

    .p-serviceGroup-textbox__right p {
        font-size: 4.5rem;
        letter-spacing: -5%;
        line-height: 24px;
        transform: translateY(5px);
    }

    .p-serviceGroup-textbox__right p i {
        font-family: var(--font-koburina-w6);
        font-size: 1.4rem;
        line-height: 18px;
        margin-inline: 4px;
    }

     .p-serviceGroup-textbox__right p i span {
        font-family: var(--font-koburina-w3);
        font-size: .9rem;
    }

    .p-serviceGroup-eachCategory-main picture img {
        width: 100%;
    }

    .p-serviceGroup-eachCategory-target {
        border-radius: 10px;
        line-height: 1;
        margin-inline: 26px;
        margin-top: -40px;
        padding: 15px 20px;
        position: relative;
        z-index: 1;
    }

    .p-serviceGroup-eachCategory-target__text {
        font-size: 1.6rem;
    }

    .p-serviceGroup-eachCategory-target ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 10px 20px;
        margin-top: 10px;
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: 103px;
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: 84px;
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: 105px;
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: 57px;
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: 79px;
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        text-align: center;
        width: 100px;
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(3) img {
        max-width: 96px;
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: 95px;
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: 75px;
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: 85px;
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: 118px;
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: 75px;
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: 133px;
    }

    .p-serviceGroup-eachCategory-target .viewMore {
        margin-top: 19px;
    }

    .p-serviceGroup-note {
        text-align: center;
    }
}


@media screen and (min-width: 768px) {
    .p-serviceGroup {
        margin-top: 100px;
        overflow: hidden;
        padding-bottom: 100px;
    }

    .p-serviceGroup-upper {
        display: flex;
        justify-content: space-between;
        margin-inline: auto;
        padding-inline: 26px;
        position: relative;
        max-width: 1252px;
    }

    .p-serviceGroup-heading {
        margin-right: -248px;
        padding-top: 97px;
        position: relative;
        width: 627px;
        z-index: 1;
        transition: all .3s;
    }

    .p-serviceGroup-heading .c-secondaryHeading {
        font-size: 6.4rem;
        font-weight: 300;
        letter-spacing: 10%;
        line-height: 86px;
    }

    .p-serviceGroup-heading .c-secondaryHeading i {
        font-size: 3.6rem;
        letter-spacing: 0;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .p-serviceGroup-heading .c-secondaryHeading+p {
        letter-spacing: 0;
        line-height: 34px;
        margin-top: 20px;
        padding-left: 10px;
    }

    .p-serviceGroup-img {
        max-width: 921px;
        min-width: 621px;
        transform: translateX(90px);
        width: 100%;
    }

    .p-serviceGroup-eachCategory {
        margin-top: 50px;
        position: relative;
    }

    .p-serviceGroup-eachCategory-main {
        background-position: right top;
        background-size: cover;
        border-radius: 20px;
        min-height: 389px;
        max-width: 923px;
    }

    .eachCate__child .p-serviceGroup-eachCategory-main {
        background-image: url(/assets_ren/images/top/service_child_mainimg_bg_pc.png);
    }

    .eachCate__work .p-serviceGroup-eachCategory-main {
        background-image: url(/assets_ren/images/top/service_work_mainimg_bg_pc.png);
    }

    .eachCate__school .p-serviceGroup-eachCategory-main {
        background-image: url(/assets_ren/images/top/service_school_mainimg_bg_pc.png);
    }

    .eachCate__biz .p-serviceGroup-eachCategory-main {
        background-image: url(/assets_ren/images/top/service_biz_mainimg_bg_pc.png);
    }

    .p-serviceGroup-eachCategory-main picture {
        border-radius: 20px;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        min-height: 389px;
        overflow: hidden;
    }
    
    .p-serviceGroup-eachCategory-main picture img {
        object-fit: cover;
        transition: all .3s;
    }

    .p-serviceGroup-eachCategory-main {
        transition: all .3s;
    }

    .p-serviceGroup-eachCategory-main:hover {
        opacity: .7;
    }

    .p-serviceGroup-eachCategory-main__inner {
        left: 30px;
        top: calc(50% / 5);
    }

    .p-serviceGroup-category {
        font-family: var(--font-koburina-w6);
        font-size: 2.4rem;
        line-height: 150%;
    }

    .p-serviceGroup-eachCategory .p-serviceGroup-heading {
        font-family: var(--font-koburina-w3);
        font-size: 4.5rem;
        line-height: 60px;
        padding-top: 0;
    }

    .p-serviceGroup-textbox__item {
        margin-top: 10px;
    }

    .eachCate__child .p-serviceGroup-textbox__item:not(:first-child),
    .eachCate__work .p-serviceGroup-textbox__item:not(:first-child) {
        margin-top: 20px;
    }

    .p-serviceGroup-textbox {
        font-size: 1.4rem;
        margin-top: 30px;
    }

    .p-serviceGroup-textbox__left p {
        font-family: var(--font-koburina-w6);
        font-weight: 600;
        line-height: 20px;
    }

    .p-serviceGroup-textbox__right p {
        font-size: 4.5rem;
        line-height: 13px;
    }

    .p-serviceGroup-textbox__right p i {
        font-family: var(--font-koburina-w6);
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 19px;
        margin-left: 2px;
    }

    .p-serviceGroup-textbox__right p i span {
        font-family: var(--font-koburina-w3);
        font-size: 1.2rem;
    }

    .p-serviceGroup-eachCategory-target {
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 307px;
        line-height: 1;
        padding: 30px;
        position: absolute;
        right: 0;
        top: calc(50% - 170.5px);
        transition: all .3s;
        max-width: 307px;
        width: 100%;
    }

    .p-serviceGroup-eachCategory-target >* {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .p-serviceGroup-eachCategory-target >* .viewMore {
        margin-top: auto;
    }

    .p-serviceGroup-eachCategory-target__text {
        font-size: 1.4rem;
    }

    .p-serviceGroup-eachCategory-target ul {
        margin-top: 20px;
    }

    .p-serviceGroup-eachCategory-target ul li {
        display: flex;
    }

    .p-serviceGroup-eachCategory-target ul li:not(:first-child) {
        margin-top: 20px;
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: 151px;
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: 156px;
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: 153px;
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: 119px;
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: 149px;
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: 162px;
        /* max-width: 119px; */
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: 187px;
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: 132px;
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: 131px;
        /* max-width: 187px; */
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: 188px;
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: 168px;
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: 190px;
    }

    .p-serviceGroup-eachCategory-target ul li a {
        transition: all .3s;
    }

    .p-serviceGroup-eachCategory-target ul li a:hover {
        opacity: .5;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1220px) {
    .p-serviceGroup-heading {
        padding-top: 48px;
    }

    .p-serviceGroup-heading .c-secondaryHeading {
        font-size: 5.4rem;
        line-height: 76px;
    }

    .p-serviceGroup-heading .c-secondaryHeading i {
        font-size: 2.6rem;
    }

    .p-serviceGroup-heading .c-secondaryHeading+p {
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 376px) and (max-width: 767px) {
    .p-serviceGroup-eachCategory-main__inner {
        left: 0;
        height: 100%;
        padding-left: clamp(20px, calc(5.37vw - 0.17px), 41px);
        padding-right: clamp(20px, calc(5.37vw - 0.17px), 41px);
        top: 0;
        width: 100%;
    }
    
    .p-serviceGroup-category {
        font-size: clamp(2.2rem, calc(5.882vw - 0.011rem), 4.5rem);
        line-height: clamp(28px, calc(7.67vw - 0.84px), 58px);
    }

    .p-serviceGroup-eachCategory .p-serviceGroup-heading {
        font-size: clamp(3.0rem, calc(8.171vw - 0.072rem), 6.195rem);
        line-height: clamp(40px, calc(11vw - 1.36px), 83px);
        margin-top: clamp(20px, calc(5.37vw - 0.18px), 41px);
    }

    .p-serviceGroup-textbox__item:not(:first-child) {
        margin-top: clamp(20px, calc(1.279vw + 15.19px), 25px);
    }

    .p-serviceGroup-textbox__left p {
        font-size: clamp(1.4rem, calc(3.836vw - 0.042rem), 2.9rem);
        line-height: clamp(18px, calc(4.86vw - 0.27px), 37px);
    }

    .p-serviceGroup-textbox__right p {
        font-size: clamp(4.5rem, calc(9.72vw + 0.847rem), 8.3rem);
        line-height: clamp(24px, calc(6.14vw + 0.91px), 48px);
    }

    .p-serviceGroup-textbox__right p i {
        font-size: clamp(1.4rem, calc(3.836vw - 0.042rem), 2.9rem);
        line-height: clamp(18px, calc(4.86vw - 0.27px), 37px);
        margin-left: clamp(2px, calc(0.511vw + 0.08px), 4px);
    }

    .p-serviceGroup-textbox__right p i span {
        font-size: clamp(.9rem, calc(5.115vw - 1.023rem), 2.9rem);
    }

    .p-serviceGroup-eachCategory-target {
        padding: clamp(15px, calc(4.09vw - 0.37px), 31px) clamp(20px, calc(5.37vw - 0.18px), 41px);
    }

    .p-serviceGroup-eachCategory-target__text {
        font-weight: 600;
        font-size: clamp(1.6rem, calc(4.348vw - 0.034rem), 3.3rem);
        line-height: clamp(24px, calc(6.65vw - 0.99px), 50px);
    }

    .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        margin-top: 0;
    }

    .p-serviceGroup-eachCategory-target >* .viewMore {
        margin-top: clamp(19px, calc(4.86vw + 0.73px), 38px);
    }

    .p-serviceGroup-eachCategory-target >* .viewMore a {
        font-size: clamp(1.6rem, calc(4.348vw - 0.034rem), 3.3rem);
        line-height: clamp(22px, calc(5.882vw - 0.11px), 45px);
        letter-spacing: 0%;
    }

    .p-serviceGroup-eachCategory-target >* .viewMore a::after {
        background-size: clamp(40px, calc(3.58vw + 26.54px), 54px) auto;
        height: clamp(8px, calc(3.58vw - 5.46px), 22px);
        right: clamp(-39px, calc(-3.58vw - 11.54px), -25px);
        top: calc(50% + clamp(-11px, calc(-2.05vw + 4.71px), -3px));
        width: clamp(15px, calc(3.58vw + 1.54px), 29px);
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: clamp(103px, calc(28.13vw - 2.74px), 213px);
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: clamp(84px, calc(22.76vw - 1.58px), 173px);
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: clamp(105px, calc(28.64vw - 2.69px), 217px);
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: clamp(57px, calc(15.60vw - 1.66px), 118px);
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: clamp(79px, calc(21.48vw - 1.76px), 163px);
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: clamp(96px, calc(19.69vw + 21.99px), 173px);
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: clamp(95px, calc(26.09vw - 3.10px), 197px);
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: clamp(132px, calc(5.88vw + 109.91px), 155px);
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: clamp(85px, calc(28.64vw - 22.69px), 197px);
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: clamp(188px, calc(14.32vw + 134.16px), 244px);
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: clamp(75px, calc(23.79vw - 14.45px), 168px);
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: clamp(133px, calc(14.58vw + 78.18px), 190px);
    }
}

@media only screen and (min-width: 1401px) {
    .p-serviceGroup .l-section {
        max-width: clamp(1252px, 100.2vw - 152px, 1852px);
    }

    .p-serviceGroup-eachCategory-main {
        min-height: clamp(389px, 32.55vw - 67px, 584px);
        max-width: clamp(923px, 77.1vw - 157px, 1385px);
    }

    .p-serviceGroup-eachCategory-target {
        height: clamp(307px, 25.5vw - 50px, 460px);
        top: calc(50% - 40%);
        max-width: clamp(307px, 25.5vw - 50px, 460px);

        padding: clamp(30px, 2vw, 40px);
    }

    .p-serviceGroup-eachCategory-target ul {
        margin-top: clamp(20px, calc(20px + 10 * ((100vw - 1401px) / 599)), 30px);
    }

    .p-serviceGroup-eachCategory-target ul li:not(:first-child) {
        margin-top: clamp(20px, calc(20px + 10 * ((100vw - 1401px) / 599)), 30px);
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: calc(226 / 370 * 100%);
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: calc(234 / 370 * 100%);
    }

    .eachCate__child .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: calc(229 / 370 * 100%);
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: calc(179 / 370 * 100%);
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: calc(224 / 370 * 100%);
    }

    .eachCate__work .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: calc(212 / 370 * 100%);
        /* max-width: calc(179 / 370 * 100%); */
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: calc(221 / 370 * 100%);
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: calc(198 / 370 * 100%);
    }

    .eachCate__school .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: calc(181 / 370 * 100%);
        /* max-width: calc(221 / 370 * 100%); */
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(1) {
        max-width: calc(282 / 370 * 100%);
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(2) {
        max-width: calc(252 / 370 * 100%);
    }

    .eachCate__biz .p-serviceGroup-eachCategory-target ul li:nth-child(3) {
        max-width: calc(285 / 370 * 100%);
    }

    .p-serviceGroup-category {
        font-size: clamp(2.4rem, 0.2vw + 1.98rem, 3.6rem);
    }

    .p-serviceGroup-eachCategory .p-serviceGroup-heading {
        font-size: clamp(4.5rem, 0.376vw - 0.77rem, 6.75rem);
        line-height: clamp(60px, 5vw - 10px, 90px);
    }

    .p-serviceGroup-textbox {
        font-size: clamp(1.4rem, 0.24vw + 1.06rem, 2.85rem);
    }

    .p-serviceGroup-textbox__left p {
        line-height: 20px;
    }

    .p-serviceGroup-textbox__right p {
        font-size: clamp(4.5rem, 0.36vw - 0.77rem, 6.678rem);
        line-height: clamp(13px, 1.13vw - 2.8px, 19.78px);
    }

    .p-serviceGroup-textbox__right p i {
        font-size: clamp(1.4rem, 0.12vw + 1.23rem, 2.1rem);
        line-height: clamp(19px, 1.59vw - 3.3px, 28.5px);
    }

    .p-serviceGroup-textbox__right p i span {
        font-size: clamp(1.2rem, 0.1vw + 1.06rem, 1.8rem);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
    .p-serviceGroup-eachCategory__item {
        padding-right: 277px;
        transition: all .3s;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1145px) {
    .p-serviceGroup-eachCategory__item {
        padding-right: 154px;
    }

    .p-serviceGroup-eachCategory-main {
        height: 350px;
    }
    
    .p-serviceGroup-eachCategory-main p+p {
        margin-top: 0;
    }

    .p-serviceGroup-eachCategory-main picture {
        height: 350px;
    }

    .eachCate__work .p-serviceGroup-eachCategory-main picture img {
        margin-right: -33px;
        margin-bottom: -15px;
    }

    .eachCate__school .p-serviceGroup-textbox__item:nth-child(2) br.c-spOnly {
        display: block;
    }

    .eachCate__school .p-serviceGroup-textbox .p-serviceGroup-textbox__item {
        align-items: end;
    }

    .p-serviceGroup-eachCategory-target {
        top: calc(50% - 167.5px);
        max-width: 174px;
    }
}

@media only screen and (min-width: 1600px) {
    .p-serviceGroup-eachCategory-target__text {
        font-size: 2.1rem;
    }

    .p-serviceGroup-eachCategory-target >* .viewMore a {
        font-size: 2.4rem;
    }

    .p-serviceGroup-eachCategory-target ul {
        margin-top: clamp(0px, 1vw, 20px);
    }

    .p-serviceGroup-eachCategory-target .viewMore {
        margin-top: clamp(0px, 2vw, 50px);
    }
}


/* Interview */

.p-interviewGroup-heading .c-secondaryHeading {
    font-family: var(--font-Roboto);
    font-weight: 700;
    margin-bottom: 0;
}

.p-interviewGroup-heading .c-secondaryHeading+p {
    font-family: var(--font-koburina-w6);
}

.p-interviewGroup-list__items {
    display: flex;
}

.p-interviewGroup-list__item>a {
    display: block;
    height: 100%;
    padding-bottom: 15px;
    position: relative;
    text-decoration: none;
}

.p-interviewGroup-list__item.arw_ani a::after {
    bottom: 0px;
    right: 0;
    top: initial;
}

.p-interviewGroup-list__item figure {
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.p-interviewGroup-list__item figure img {
    width: 100%;
}

.p-interviewGroup-list__item .c-tagGroup {
    margin-top: 10px;
}

.p-interviewGroup-list__text {
    color: var(--color-darkgry);
    font-family: var(--font-koburina-w6);
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 5%;
    line-height: 20px;
    margin-top: 10px;
}

.viewMore a {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .p-interviewGroup__inner {
        padding-bottom: 50px;
        padding-top: 30px;
    }

    .p-interviewGroup-heading .c-secondaryHeading {
        font-size: 3.0rem;
        line-height: 30px;
    }

    .p-interviewGroup-heading .c-secondaryHeading+p {
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 20px;
        margin-top: 10px;
    }

    .p-interviewGroup-list {
        margin-inline: -26px;
        -webkit-overflow-scrolling: touch;
        padding-inline: 26px;

        overflow-w: hidden;
    }

    .p-interviewGroup-list__items {
        display: flex;
        flex-wrap: nowrap;
        margin-top: 30px;
        padding-right: 26px;
    }

    .p-interviewGroup-list__item {
        flex-shrink: 0;
        padding-right: 20px;
        width: calc(100% + 46px);
    }

    .viewMore {
        margin-top: 30px;
    }
}

@media screen and (min-width: 768px) {
    .p-interviewGroup__inner {
        display: flex;
        column-gap: 30px;
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .p-interviewGroup-heading {
        flex: 1;
        max-width: 278px;
    }

    .p-interviewGroup-heading .c-secondaryHeading {
        font-size: 3.6rem;
        line-height: 40px;
    }

    .p-interviewGroup-heading .c-secondaryHeading+p {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 20px;
        margin-top: 20px;
    }

    .p-interviewGroup-list {
        flex: 1;
        overflow: hidden;
    }

    .p-interviewGroup-list__items {
        gap: 30px;
        flex-wrap: wrap;
    }

    .p-interviewGroup-list__item {
        width: calc((100% / 3) - 20px);
    }

    .p-interviewGroup-list__item>a:hover {
        opacity: .7;
    }

    .p-interviewGroup-list__item.arw_ani a:hover::after {
        right: -10px;
        width: 25px;
    }

    .viewMore {
        margin-top: 50px;
    }

    .viewMore a:hover {
        opacity: .5;
    }
}

@media screen and (max-width: 430px) {
    .p-interviewGroup-list {
        overflow-x: auto;
    }
}


/* Sustainability */

.p-sustainabilityGroup-heading .c-secondaryHeading {
    font-family: var(--font-Roboto);
    font-weight: 700;
    margin-bottom: 0;
}

.p-sustainabilityGroup-heading .c-secondaryHeading+p {
    font-family: var(--font-koburina-w6);
}

.p-sustainabilityGroup-list__items {
    display: flex;
}

.p-sustainabilityGroup-list__item a {
    display: block;
    height: 100%;
    padding-bottom: 30px;
    position: relative;
    text-decoration: none;
}

.p-sustainabilityGroup-list__item a::before {
    display: none;
}

.p-sustainabilityGroup-list__item a::after {
    background-image: url(/assets_ren/images/icon-blank3.svg);
    background-size: cover;
    bottom: 0;
    content: "";
    height: 18px;
    position: absolute;
    right: 0;
    width: 18px;
}

.p-sustainabilityGroup-list__item figure img {
    max-width: initial;
    width: 100%;
}

.p-sustainabilityGroup-list__text {
    color: var(--color-darkgry);
    font-family: var(--font-koburina-w6);
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 5%;
    margin-top: 10px;
}

.p-sustainabilityGroup-list .viewMore a {
    color: #00B195;
}

@media screen and (max-width: 767px) {
    .p-sustainabilityGroup {
        background-image: url(/assets_ren/images/top/sustainability_bg_sp.png);
        background-size: cover;
        margin-inline: -26px;
        padding-inline: 26px;
    }

    .p-sustainabilityGroup__inner {
        padding-bottom: 50px;
        padding-top: 30px;
    }

    .p-sustainabilityGroup-heading .c-secondaryHeading {
        font-size: 3.0rem;
        line-height: 30px;
    }

    .p-sustainabilityGroup-heading .c-secondaryHeading+p {
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 20px;
        margin-top: 10px;
    }

    .p-sustainabilityGroup-list {
        margin-inline: -26px;
        -webkit-overflow-scrolling: touch;
        padding-inline: 26px;

        overflow: hidden;
    }

    .p-sustainabilityGroup-list__items {
        display: flex;
        flex-wrap: nowrap;
        margin-top: 30px;
        padding-right: 26px;
    }

    .p-sustainabilityGroup-list__item {
        flex-shrink: 0;
        padding-right: 20px;
        width: calc(100% + 46px);
    }

    .p-sustainabilityGroup-list .viewMore {
        margin-top: 30px;
    }
}

@media screen and (min-width: 768px) {
    .p-sustainabilityGroup {
        background-image: url(/assets_ren/images/top/sustainability_bg_pc.png);
        background-size: cover;
    }

    .p-sustainabilityGroup__inner {
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .p-sustainabilityGroup-heading {
        display: flex;
        align-items: center;
        column-gap: 20px;
    }

    .p-sustainabilityGroup-heading .c-secondaryHeading {
        font-size: 3.6rem;
        font-weight: 700;
        line-height: 40px;
    }

    .p-sustainabilityGroup-heading .c-secondaryHeading+p {
        font-size: 1.4rem;
        font-weight: 600;
        flex: 1;
        line-height: 22px;
    }

    .p-sustainabilityGroup-list {
        overflow: hidden;
    }

    .p-sustainabilityGroup-list__items {
        gap: 30px;
        flex-wrap: wrap;
        margin-top: 60px;
    }

    .p-sustainabilityGroup-list__item {
        transition: all .6s;
        width: calc((100% / 4) - 30px);
    }

    .p-sustainabilityGroup-list__item:hover {
        transform: translateY(15px);
    }

    .p-sustainabilityGroup-list__item a:hover {
        opacity: .7;
    }

    .p-sustainabilityGroup-list__item figure {
        border-radius: 10px;
        overflow: hidden;
    }

    .p-sustainabilityGroup-list__text {
        font-size: 1.4rem;
        line-height: 20px;
        margin-top: 30px;
    }

    .p-sustainabilityGroup-list .viewMore {
        margin-top: 50px;
    }

    .p-sustainabilityGroup-list .viewMore a:hover {
        opacity: .7;
    }
}

@media screen and (max-width: 430px) {
    .p-sustainabilityGroup-list {
        overflow-x: auto;
    }
}


/* p-lower-banner */

.p-lower-banner {
    margin-inline: auto;
    max-width: 532px;
}

@media screen and (max-width: 767px) {
    .p-lower-banner {
        padding-bottom: 20px;
        padding-top: 20px;
    }
}

@media screen and (min-width: 768px) {
    .p-lower-banner {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .p-lower-banner a:hover {
        opacity: .7;
    }
}