@charset 'utf-8';

/* -----------------------------------------
　component
------------------------------------------*/




/* -----------------------------------------
　index.html
------------------------------------------*/

.l-alert {
    padding: 18px 0;
    background: rgb(var(--color-fff043));
}
.l-alert p {
    position: relative;
    margin: 0 auto;
    padding-left: 48px;
    width: 668px;
    font-size: 14px;
    line-height: 1.858;
    color: rgb(var(--color-e01d1d));
}
.l-alert p::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: url(/assets/img/common/c-alert.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width: 992px) {
    .l-alert {
        padding: 1.815vw 0;
    }
    .l-alert p {
        padding-left: 4.839vw;
        width: 67.339vw;
        font-size: 1.412vw;
    }
    .l-alert p::before {
        width: 3.226vw;
        height: 3.226vw;
    }
}
@media screen and (max-width: 767px) {
    .l-alert {
        padding: 2.667vw 0;
    }
    .l-alert p {
        padding-left: 8.534vw;
        width: 91.734vw;;
        font-size: 3.2vw;
    }
    .l-alert p::before {
        width: 6.4vw;
        height: 6.4vw;
    }
}


.l-top-mv {
    position: relative;
    padding: 40px 0 72px;
    background: rgb(var(--color-dcecc5));
    overflow: hidden;
}
.l-top-mv .p-top-mv__slider .slick-prev:before,
.l-top-mv .p-top-mv__slider .slick-next:before {
    display: none;
}
.l-top-mv .p-top-mv__slider .slick-next {
    right: calc(50% - 450px);
    width: 100px;
    height: 100px;
    filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
    transition: var(--transition-2s);
    z-index: 1;
}
.l-top-mv .p-top-mv__slider .slick-prev {
    left: calc(50% - 450px);
    width: 100px;
    height: 100px;
    filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
    transition: var(--transition-2s);
    z-index: 1;
}
.l-top-mv .p-top-mv__slider .slick-next img,
.l-top-mv .p-top-mv__slider .slick-prev img {
    width: 100px;
    height: 100px;
    transition: var(--transition-2s);
}
.l-top-mv .p-top-mv__slider .slick-next:hover img,
.l-top-mv .p-top-mv__slider .slick-prev:hover img {
    transform: scale(1.1);
}
.l-top-mv .p-top-mv__slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -38px;
    margin-top: 22px;
}
.l-top-mv .p-top-mv__slider .slick-dots li {
    margin-inline: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50vh;
}
.l-top-mv .p-top-mv__slider .slick-dots li button {
    padding: 0;
    width: 10px;
    height: 10px;
    background: rgb(var(--color-ffffff));
    border-radius: 50vh;
}
.l-top-mv .p-top-mv__slider .slick-dots li button:before {
    display: none;
}
.l-top-mv .p-top-mv__slider .slick-dots li.slick-active {
    width: 16px;
    height: 16px;
}
.l-top-mv .p-top-mv__slider .slick-dots li.slick-active button {
    width: 16px;
    height: 16px;
    background: rgb(var(--color-e60012));
}
.l-top-mv .p-top-mv__slider .p-top-mv__card {
    position: relative;
    margin-inline: 14px;
    width: 720px;
    opacity: 0.5;
    transition: opacity var(--transition-2s);
}
.l-top-mv .p-top-mv__slider .p-top-mv__card figure {
    border-radius: 32px;
    overflow: hidden;
}
.l-top-mv .p-top-mv__slider .p-top-mv__card.slick-center {
    opacity: 1;
}
@media screen and (max-width: 992px) {
    .l-top-mv {
        padding: 4.033vw 0 7.81vw;
    }
    .l-top-mv .p-top-mv__slider .slick-next {
        right: calc(50% - 45.363vw);
        width: 10.081vw;
        height: 10.081vw;
    }
    .l-top-mv .p-top-mv__slider .slick-prev {
        left: calc(50% - 45.363vw);
        width: 10.081vw;
        height: 10.081vw;
    }
    .l-top-mv .p-top-mv__slider .slick-next img,
    .l-top-mv .p-top-mv__slider .slick-prev img {
        width: 10.081vw;
        height: 10.081vw;
    }
    .l-top-mv .p-top-mv__slider .slick-dots {
        bottom: -3.831vw;
        margin-top: 2.218vw;
    }
    .l-top-mv .p-top-mv__slider .slick-dots li {
        margin-inline: 0.807vw;
        width: 1.009vw;
        height: 1.009vw;
    }
    .l-top-mv .p-top-mv__slider .slick-dots li button {
        width: 1.009vw;
        height: 1.009vw;
    }
    .l-top-mv .p-top-mv__slider .slick-dots li.slick-active {
        width: 1.612vw;
        height: 1.612vw;
    }
    .l-top-mv .p-top-mv__slider .slick-dots li.slick-active button {
        width: 1.612vw;
        height: 1.612vw;
    }
    .l-top-mv .p-top-mv__slider .p-top-mv__card {
        margin-inline: 1.412vw;
        width: 72.581vw;
    }
    .l-top-mv .p-top-mv__slider .p-top-mv__card figure {
        border-radius: 3.226vw;
    }
}
@media screen and (max-width: 767px) {
    .l-top-mv {
        padding: 9.6vw 0 13.867vw;
    }
    .l-top-mv .p-top-mv__slider {
        margin: 0 auto;
        width: 91.734vw;
    }
    .l-top-mv .p-top-mv__slider .slick-list {
        overflow: visible;
    }
    .l-top-mv .p-top-mv__slider .slick-next {
        top: calc(50% - 0.667vw);
        right: -2.134vw;
        width: 10.667vw;
        height: 10.667vw;
        filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
        transform: translate(0, -50%);
        z-index: 1;
    }
    .l-top-mv .p-top-mv__slider .slick-prev {
        top: calc(50% - 0.667vw);
        left: -2.134vw;
        width: 10.667vw;
        height: 10.667vw;
        filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
        transform: translate(0, -50%);
        z-index: 1;
    }
    .l-top-mv .p-top-mv__slider .slick-next img,
    .l-top-mv .p-top-mv__slider .slick-prev img {
        width: 10.667vw;
        height: 10.667vw;
    }
    .l-top-mv .p-top-mv__slider .slick-dots {
        bottom: -7.467vw;
        margin-top: 0;
    }
    .l-top-mv .p-top-mv__slider .slick-dots li {
        margin-inline: 1.067vw;
        width: 1.6vw;
        height: 1.6vw;
    }
    .l-top-mv .p-top-mv__slider .slick-dots li button {
        width: 1.6vw;
        height: 1.6vw;
    }
    .l-top-mv .p-top-mv__slider .slick-dots li.slick-active {
        width: 2.667vw;
        height: 2.667vw;
    }
    .l-top-mv .p-top-mv__slider .slick-dots li.slick-active button {
        width: 2.667vw;
        height: 2.667vw;
    }
    .l-top-mv .p-top-mv__slider .p-top-mv__card {
        margin-inline: 6px;
        max-width: 342px;
        width: 91.2vw;
        opacity: 1;
    }
    .l-top-mv .p-top-mv__slider .p-top-mv__card figure {
        border-radius: 2.134vw;
    }
}



.l-top-topics {
    position: relative;
    padding-top: 64px;
    background: url(/assets/img/top/top-topics-repeat_bk.png);
    background-repeat: repeat;
    background-size: auto;
    z-index: -1;
}
.l-top-topics .c-position-rel {
    padding: 72px 0;
}
.l-top-topics .c-position-rel::before {
    filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
    background: rgb(var(--color-ffffff));
}
.l-top-topics .p-top-topics__slider {
    margin-top: 37px;
}
.l-top-topics .p-top-topics__slider .slick-slide {
    height: auto;
}
.l-top-topics .p-top-topics__slider .slick-prev:before,
.l-top-topics .p-top-topics__slider .slick-next:before {
    display: none;
}
.l-top-topics .p-top-topics__slider .slick-next {
    right: -66px;
    width: 48px;
    height: 48px;
    filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
    transform: translate(0, -50%);
    transition: opacity var(--transition-2s);
    z-index: 1;
}
.l-top-topics .p-top-topics__slider .slick-prev {
    left: -66px;
    width: 48px;
    height: 48px;
    filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
    transform: translate(0, -50%);
    transition: opacity var(--transition-2s);
    z-index: 1;
}
.l-top-topics .p-top-topics__slider .slick-next img,
.l-top-topics .p-top-topics__slider .slick-prev img {
    width: 48px;
    height: 48px;
    transition: var(--transition-2s);
}
.l-top-topics .p-top-topics__slider .slick-next:hover img,
.l-top-topics .p-top-topics__slider .slick-prev:hover img {
   transform: scale(1.1);
}
.l-top-topics .p-top-topics__slider .p-top-topics__card {
    position: relative;
    width: 179px;
    margin-right: 17px;
}
.l-top-topics .p-top-topics__slider .p-top-topics__card figure {
    aspect-ratio: 1/1;
}
.l-top-topics .p-top-topics__slider .p-top-topics__card p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.286;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.l-top-topics .p-top-topics__btn {
    margin: 46px auto 0;
    width: 276px;
}
@media screen and (max-width: 992px) {
    .l-top-topics {
        padding-top: 6.452vw;
    }
    .l-top-topics .c-position-rel {
        padding: 7.259vw 0;
    }
    .l-top-topics .p-top-topics__slider {
        margin-top: 3.73vw;
    }
    .l-top-topics .p-top-topics__slider .slick-next {
        right: -6.654vw;
        width: 4.839vw;
        height: 4.839vw;
    }
    .l-top-topics .p-top-topics__slider .slick-prev {
        left: -6.654vw;
        width: 4.839vw;
        height: 4.839vw;
    }
    .l-top-topics .p-top-topics__slider .slick-next img,
    .l-top-topics .p-top-topics__slider .slick-prev img {
        width: 4.839vw;
        height: 4.839vw;
    }
    .l-top-topics .p-top-topics__slider .p-top-topics__card {
        width: 18.045vw;
        margin-right: 1.714vw;
    }
    .l-top-topics .p-top-topics__slider .p-top-topics__card p {
        margin-top: 1.009vw;
        font-size: 1.412vw;
    }
    .l-top-topics .p-top-topics__btn {
        margin: 4.638vw auto 0;
        width: 27.823vw;
    }
}
@media screen and (max-width: 767px) {
    .l-top-topics {
        padding-top: 12.267vw;
    }
    .l-top-topics .c-position-rel {
        padding: 12.8vw 0;
    }
    .l-top-topics .p-top-topics__slider {
        margin-top: 6.4vw;
    }
    .l-top-topics .p-top-topics__slider .slick-list {
        overflow: visible;
    }
    .l-top-topics .p-top-topics__slider .slick-next {
        top: 21.334vw;
        right: -2.134vw;
        width: 10.667vw;
        height: 10.667vw;
        filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
    }
    .l-top-topics .p-top-topics__slider .slick-prev {
        top: 21.334vw;
        left: -2.134vw;
        width: 10.667vw;
        height: 10.667vw;
        filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
    }
    .l-top-topics .p-top-topics__slider .slick-next img,
    .l-top-topics .p-top-topics__slider .slick-prev img {
        width: 10.667vw;
        height: 10.667vw;
    }
    .l-top-topics .p-top-topics__slider .p-top-topics__card {
        position: relative;
        width: 42.667vw;
        margin-inline: 2.134vw;
    }
    .l-top-topics .p-top-topics__slider .p-top-topics__card p {
        margin-top: 2.134vw;
        font-size: 3.2vw;
    }
    .l-top-topics .p-top-topics__btn {
        margin: 8vw auto 0;
        width: 73.6vw;
    }
}


.l-top-entrance {
    padding: 80px 0 0;
}
.l-top-entrance .c-position-rel {
    padding: 72px 0;
}
.l-top-entrance .c-position-rel::before {
    background: rgb(var(--color-edf5e2));
}
.l-top-entrance .p-top-entrance__slider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.l-top-entrance .p-top-entrance__slider .slick-slide {
    height: auto;
}
.l-top-entrance .p-top-entrance__slider .slick-prev:before,
.l-top-entrance .p-top-entrance__slider .slick-next:before {
    display: none;
}
.l-top-entrance .p-top-entrance__slider .slick-next {
    right: -66px;
    width: 48px;
    height: 48px;
    filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
    transform: translate(0, -50%);
    transition: opacity var(--transition-2s);
    z-index: 1;
}
.l-top-entrance .p-top-entrance__slider .slick-prev {
    left: -66px;
    width: 48px;
    height: 48px;
    filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
    transform: translate(0, -50%);
    transition: opacity var(--transition-2s);
    z-index: 1;
}
.l-top-entrance .p-top-entrance__slider .slick-next img,
.l-top-entrance .p-top-entrance__slider .slick-prev img {
    width: 48px;
    height: 48px;
    transition: var(--transition-2s);
}
.l-top-entrance .p-top-entrance__slider .slick-next:hover img,
.l-top-entrance .p-top-entrance__slider .slick-prev:hover img {
   transform: scale(1.1);
}
.l-top-entrance .p-top-entrance__slider .p-top-entrance__card {
    position: relative;
    margin-right: 24px;
    width: 240px;
    background: rgb(var(--color-ffffff));
    border-radius: 12px;
    text-align: center;
    transition: var(--transition-2s);
    overflow: hidden;
}
.l-top-entrance .p-top-entrance__slider .p-top-entrance__card figure {
    overflow: hidden;
}
.l-top-entrance .p-top-entrance__slider .p-top-entrance__card figure img {
    width: 100%;
    transition: var(--transition-2s);
}
.l-top-entrance .p-top-entrance__slider .p-top-entrance__card:hover figure img {
    transform: scale(1.1);
    opacity: 0.8;
}
.l-top-entrance .p-top-entrance__slider .p-top-entrance__card a {
    display: flex;
    flex-direction: column;
    transition: var(--transition-2s);
}
.l-top-entrance .p-top-entrance__slider .p-top-entrance__card:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.8;
}
.l-top-entrance .p-top-entrance__slider .p-top-entrance__card p {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-inline: 20px;
    height: 87px;
    font-size: 16px;
    text-align: left;
}
.l-top-entrance .p-top-entrance__slider .p-top-entrance__card p::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7.778%;
    transform: translateY(-50%);
    width: 12px;
    height: 15px;
    background: url(/assets/img/common/c-button__center-arrow_after.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.l-top-entrance .p-top-entrance__slider .p-top-entrance__card p span {
    width: 146px;
    margin-bottom: 4px;
    line-height: 1;
}
@media screen and (max-width: 992px) {
    .l-top-entrance {
        padding: 8.065vw 0 0;
    }
    .l-top-entrance .c-position-rel {
        padding: 7.259vw 0;
    }
    .l-top-entrance .p-top-entrance__slider {
        margin-top: 4.033vw;
    }
    .l-top-entrance .p-top-entrance__slider .slick-next {
        right: -6.654vw;
        width: 4.839vw;
        height: 4.839vw;
    }
    .l-top-entrance .p-top-entrance__slider .slick-prev {
        left: -6.654vw;
        width: 4.839vw;
        height: 4.839vw;
    }
    .l-top-entrance .p-top-entrance__slider .slick-next img,
    .l-top-entrance .p-top-entrance__slider .slick-prev img {
        width: 4.839vw;
        height: 4.839vw;
    }
    .l-top-entrance .p-top-entrance__slider .p-top-entrance__card {
        margin-right: 2.42vw;
        width: 24.194vw;
        border-radius: 1.21vw;
    }
    .l-top-entrance .p-top-entrance__slider .p-top-entrance__card p::after {
        width: 1.21vw;
        height: 1.513vw;
    }
    .l-top-entrance .p-top-entrance__slider .p-top-entrance__card p {
        font-size: 1.613vw;
    }
    .l-top-entrance .p-top-entrance__slider .p-top-entrance__card p span {
        width: 14.718vw;
        margin-bottom: 0.404vw;
    }
}
@media screen and (max-width: 767px) {
    .l-top-entrance {
        padding: 0;
    }
    .l-top-entrance .c-position-rel {
        padding: 12.8vw 0;
    }
    .l-top-entrance .p-top-entrance__slider {
        display: block;
        margin-top: 6.4vw;
    }
    .l-top-entrance .p-top-entrance__slider .slick-list {
        overflow: visible;
    }
    .l-top-entrance .p-top-entrance__slider .slick-next {
        top: 50%;
        right: -2.134vw;
        transform: translateY(-50%);
        width: 10.667vw;
        height: 10.667vw;
        filter: drop-shadow(0 0 1.067vw rgba(var(--color-000000), 0.08));
    }
    .l-top-entrance .p-top-entrance__slider .slick-prev {
        top: 50%;
        left: -2.134vw;
        transform: translateY(-50%);
        width: 10.667vw;
        height: 10.667vw;
        filter: drop-shadow(0 0 1.067vw rgba(var(--color-000000), 0.08));
    }
    .l-top-entrance .p-top-entrance__slider .slick-next img,
    .l-top-entrance .p-top-entrance__slider .slick-prev img {
        width: 10.667vw;
        height: 10.667vw;
    }
    .l-top-entrance .p-top-entrance__slider .p-top-entrance__card {
        position: relative;
        margin-inline: 2.134vw;
        width: 40vw;
        border-radius: 1.067vw;
    }
    .l-top-entrance .p-top-entrance__slider .p-top-entrance__card figure {
        width: 100%;
        aspect-ratio: 150/100;
    }
    .l-top-entrance .p-top-entrance__slider .p-top-entrance__card span {
        display: inline-block;
        width: 19.734vw;
        height: auto;
    }
    .l-top-entrance .p-top-entrance__slider .p-top-entrance__card p {
        padding-inline: 5.334vw;
        height: 23.2vw;
        font-size: 3.467vw;
    }
    .l-top-entrance .p-top-entrance__slider .p-top-entrance__card p::after {
        right: 7.143%;
        width: 2.134vw;
        height: 2.667vw;
    }
    .l-top-entrance .p-top-entrance__slider .p-top-entrance__card p span {
        width: 27.2vw;
        margin-bottom: 1.067vw;
    }
}


.l-top-services {
    padding-bottom: 0;
}
.l-top-services .p-top-services__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.l-top-services .p-top-services__list li {
    width: 46.875%;
    border-radius: 16px;
    overflow: hidden;
}
.l-top-services .p-top-services__list li figure {
    overflow: hidden;
}
.l-top-services .p-top-services__list li figure img {
    transition: var(--transition-2s);
}
.l-top-services .p-top-services__list li:hover figure img {
    transform: scale(1.1);
    opacity: 0.8;
}
.l-top-services .p-top-services__list li p {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 16px;
    line-height: 1.5;
    background: rgb(var(--color-edf5e2));
}
.l-top-services .p-top-services__list li p::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7.778%;
    transform: translateY(-50%);
    width: 12px;
    height: 15px;
    background: url(/assets/img/common/c-button__center-arrow_after.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width: 992px) {
    .l-top-services .p-top-services__list {
        margin-top: 4.033vw;
    }
    .l-top-services .p-top-services__list li {
        border-radius: 1.612vw;
    }
    .l-top-services .p-top-services__list li p {
        height: 5.041vw;
        font-size: 1.613vw;
    }
    .l-top-services .p-top-services__list li p::after {
        width: 1.21vw;
        height: 1.513vw;
    }
}
@media screen and (max-width: 767px) {
    .l-top-services .p-top-services__list {
        flex-direction: column;
        gap: 4.267vw 0;
        margin-top: 6.4vw;
    }
    .l-top-services .p-top-services__list li {
        width: 100%;
        border-radius: 3.2vw;
    }
    .l-top-services .p-top-services__list li p {
        justify-content: center;
        padding-inline: 3.2vw;
        height: 14.934vw;
        font-size: 4.267vw;
    }
    .l-top-services .p-top-services__list li p::after {
        right: 7.143%;
        width: 2.134vw;
        height: 2.667vw;
    }
}


.l-top-recommend {
    margin-top: 40px;
}
.l-top-recommend .c-position-rel {
    padding: 72px 0;
}
.l-top-recommend .c-position-rel::before {
    background: rgb(var(--color-edf5e2));
}
.l-top-recommend .p-top-recommend__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.l-top-recommend .p-top-recommend__list li {
    width: 46.875%;
    border-radius: 16px;
    overflow: hidden;
}
.l-top-recommend .p-top-recommend__list li figure {
    overflow: hidden;
}
.l-top-recommend .p-top-recommend__list li figure img {
    transition: var(--transition-2s);
}
.l-top-recommend .p-top-recommend__list li:hover figure img {
    transform: scale(1.1);
    opacity: 0.8;
}
.l-top-recommend .p-top-recommend__list li p {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 16px;
    line-height: 1.5;
    background: rgb(var(--color-ffffff));
}
.l-top-recommend .p-top-recommend__list li p::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7.778%;
    transform: translateY(-50%);
    width: 12px;
    height: 15px;
    background: url(/assets/img/common/c-button__center-arrow_after.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width: 992px) {
    .l-top-recommend {
        margin-top: 4.033vw;
    }
    .l-top-recommend .c-position-rel {
        padding: 7.259vw 0;
    }
    .l-top-recommend .p-top-recommend__list {
        margin-top: 4.033vw;
    }
    .l-top-recommend .p-top-recommend__list li {
        border-radius: 1.612vw;
    }
    .l-top-recommend .p-top-recommend__list li p {
        height: 5.041vw;
        font-size: 1.613vw;
    }
    .l-top-recommend .p-top-recommend__list li p::after {
        width: 1.21vw;
        height: 1.513vw;
    }
}
@media screen and (max-width: 767px) {
    .l-top-recommend {
        margin-top: 0;
    }
    .l-top-recommend .c-position-rel {
        padding: 12.8vw 0;
    }
    .l-top-recommend .p-top-recommend__list {
        margin-top: 6.4vw;
    }
    .l-top-recommend .p-top-recommend__list li {
        width: 48.838%;
        border-radius: 1.6vw;
    }
    .l-top-recommend .p-top-recommend__list li p {
        justify-content: flex-start;
        padding-inline: 3.2vw;
        height: 10.134vw;
        font-size: 3.467vw;
    }
    .l-top-recommend .p-top-recommend__list li p::after {
        right: 7.143%;
        width: 2.134vw;
        height: 2.667vw;
    }
}


.l-top-recruit {
    padding-top: 70px;
}
.l-top-recruit .p-top-recruit__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.l-top-recruit .p-top-recruit__list li {
    position: relative;
    width: 31.25%;
}
.l-top-recruit .p-top-recruit__list li a figure {
    border-radius: 12px;
    overflow: hidden;
}
.l-top-recruit .p-top-recruit__list li a figure img {
    transition: var(--transition-2s);
}
.l-top-recruit .p-top-recruit__list li a[href]:hover figure img {
    transform: scale(1.1);
    opacity: 0.8;
}
@media screen and (max-width: 992px) {
    .l-top-recruit {
        padding-top: 7.057vw;
    }
    .l-top-recruit .p-top-recruit__list {
        margin-top: 4.033vw;
    }
    .l-top-recruit .p-top-recruit__list li a figure {
        border-radius: 1.21vw;
    }
}
@media screen and (max-width: 767px) {
    .l-top-recruit {
        padding-top: 12.267vw;
    }
    .l-top-recruit .p-top-recruit__list {
        flex-direction: column;
        gap: 4.267vw 0;
        margin-top: 6.4vw;
    }
    .l-top-recruit .p-top-recruit__list li {
        width: 100%;
    }
    .l-top-recruit .p-top-recruit__list li a figure {
        border-radius: 3.2vw;
    }
}


.l-top-stores {
    padding: 70px 0 0;
}
.l-top-stores .c-position-rel {
    padding: 72px 0;
}
.l-top-stores .c-position-rel::before {
    background: rgb(var(--color-edf5e2));
}
.l-top-stores .p-top-stores__group {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.l-top-stores .p-top-stores__group figure {
    width: 47.396%;
    border-radius: 12px;
    overflow: hidden;
}
.l-top-stores .p-top-stores__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 0;
    width: 46.875%;
}
.l-top-stores .p-top-stores__list li {
    width: 47.778%;
}
.l-top-stores .p-top-stores__list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    border-radius: 5px;
    border: 1px solid rgb(var(--color-e60012));
    font-size: 16px;
    line-height: 1;
    color: rgb(var(--color-e60012));
    background: rgb(var(--color-ffffff));
    transition: var(--transition-2s);
}
.l-top-stores .p-top-stores__list li a:hover {
    background: rgba(var(--color-ffa29f), 0.2);
}
.l-top-stores .p-top-stores__list li a:active {
    color: rgb(var(--color-ffffff));
    background: rgb(var(--color-e60012));
}
@media screen and (max-width: 992px) {
    .l-top-stores .c-position-rel {
        padding: 7.259vw 0;
    }
    .l-top-stores .p-top-stores__group {
        margin-top: 4.033vw;
    }
    .l-top-stores .p-top-stores__group figure {
        border-radius: 1.21vw;
    }
    .l-top-stores .p-top-stores__list {
        gap: 1.613vw 0;
    }
    .l-top-stores .p-top-stores__list li a {
        height: 5.646vw;
        border-radius: 0.505vw;
        border: 0.101vw solid rgb(var(--color-e60012));
        font-size: 1.613vw;
    }
}
@media screen and (max-width: 767px) {
    .l-top-stores {
        padding: 12.8vw 0 12.8vw;
    }
    .l-top-stores .c-position-rel {
        padding: 12.8vw 0;
    }
    .l-top-stores .p-top-stores__group {
        flex-direction: column;
        margin-top: 8vw;
    }
    .l-top-stores .p-top-stores__group figure {
        width: 100%;
        border-radius: 3.2vw;
    }
    .l-top-stores .p-top-stores__group figure img {
        width: 100%;
    }
    .l-top-stores .p-top-stores__list {
        gap: 3.2vw 0;
        margin-top: 5.334vw;
        width: 100%;
    }
    .l-top-stores .p-top-stores__list li {
        width: 48.256%;
    }
    .l-top-stores .p-top-stores__list li a {
        height: 10.667vw;
        border-radius: 1.334vw;
        border: 0.267vw solid rgb(var(--color-e60012));
        font-size: 4vw;
    }
}


.l-top-news {
    position: relative;
}
.l-top-news .p-top-news-history__list {
    margin: 36px auto 0;
    width: 720px;
    background-image : linear-gradient(to right, rgb(var(--color-dcecc5)) 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x; 
    background-position: left top;
}
.l-top-news .p-top-news-history__list li {
    background-image : linear-gradient(to right, rgb(var(--color-dcecc5)) 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x; 
    background-position: left bottom;
}
.l-top-news .p-top-news-history__list li a {
    display: flex;
    gap: 0 20px;
    padding: 16px 0;
}
.l-top-news .p-top-news-history__list .p-top-news-history__head {
    display: flex;
    align-items: center;
}
.l-top-news .p-top-news-history__list .p-top-news-history__head time {
    font-size: 14px;
}
.l-top-news .p-top-news-history__list .p-top-news-history__head .c-tag__new {
    margin-right: -10px;
}
.l-top-news .p-top-news-history__list p {
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.l-top-news .p-top-news-history__btn {
    margin: 32px 24px 0 auto;
    width: 170px;
}
@media screen and (max-width: 992px) {
    .l-top-news::before {
        height: 8.065vw;
    }
    .l-top-news::after {
        height: 8.065vw;
    }
    .l-top-news .p-top-news-history__list {
        margin-top: 3.63vw;
        width: 72.581vw;
    }
    .l-top-news .p-top-news-history__list li a {
        gap: 0 2.017vw;
        padding: 1.613vw 0;
    }
    .l-top-news .p-top-news-history__list .p-top-news-history__head time {
        font-size: 1.412vw;
    }
    .l-top-news .p-top-news-history__list .p-top-news-history__head .c-tag__new {
        margin-right: -1.009vw;
    }
    .l-top-news .p-top-news-history__list p {
        font-size: 1.412vw;
    }
    .l-top-news .p-top-news-history__btn {
        margin: 3.226vw 2.42vw 0 auto;
        width: 17.138vw;
    }
    .l-top-news .p-top-news__content .p-top-news-archive {
        max-width: none;
    }
    .l-top-news .p-top-news__content .p-top-news-archive .p-top-news-archive__list {
        gap: 2.823vw 0;
    }
    .l-top-news .p-top-news__content .p-top-news-archive .p-top-news-archive__list li {
        border-radius: 0.404vw;
    }
    .l-top-news .p-top-news__content .p-top-news-archive .p-top-news-archive__list li p {
        height: 4.033vw;
        font-size: 1.613vw;
    }
    .l-top-news .p-top-news__content .p-top-news-archive .p-top-news-archive__list li p::after {
        width: 0.605vw;
        height: 1.109vw;
    }
}
@media screen and (max-width: 767px) {
    .l-top-news::before {
        height: 13.867vw;
    }
    .l-top-news::after {
        height: 13.867vw;
    }
    .l-top-news .p-top-news-history__list {
        width: 100%;
    }
    .l-top-news .p-top-news-history__list li a {
        display: block;
        gap: 0 0;
        padding: 4.267vw 0;
    }
    .l-top-news .p-top-news-history__list .p-top-news-history__head time {
        font-size: 3.2vw;
    }
    .l-top-news .p-top-news-history__list .p-top-news-history__head .c-tag__new {
        margin-right: 0;
    }
    .l-top-news .p-top-news-history__list p {
        margin-top: 1.334vw;
        font-size: 3.2vw;
    }
    .l-top-news .p-top-news-history__btn {
        margin: 5.334vw 0 0 auto;
        width: 45.334vw;
    }
    .l-top-news .p-top-news__content .p-top-news-archive {
        margin-top: 13.867vw;
        max-width: none;
        width: 100%;
    }
    .l-top-news .p-top-news__content .p-top-news-archive .p-top-news-archive__list {
        gap: 5.334vw 0;
    }
    .l-top-news .p-top-news__content .p-top-news-archive .p-top-news-archive__list li {
        border-radius: 0.534vw;
        filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.08));
        transform: translateZ(0);
    }
    .l-top-news .p-top-news__content .p-top-news-archive .p-top-news-archive__list li a {
        display: flex;
    }
    .l-top-news .p-top-news__content .p-top-news-archive .p-top-news-archive__list li figure {
        width: 45.867vw;
        aspect-ratio: 172/100;
    }
    .l-top-news .p-top-news__content .p-top-news-archive .p-top-news-archive__list li p {
        justify-content: flex-start;
        padding-inline: 5.334vw;
        width: calc(100% - 45.867vw);
        height: auto;
        font-size: 3.734vw;
    }
    .l-top-news .p-top-news__content .p-top-news-archive .p-top-news-archive__list li p::after {
        right: 5.334vw;
        width: 1.6vw;
        height: 2.934vw;
    }
}


.l-top-anchor.c-section__padding {
    padding-bottom: 0;
}
.l-top-anchor .p-top-anchor__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 40px;
}
.l-top-anchor .p-top-anchor__list li {
    width: 44.792%;
}
.l-top-anchor .p-top-anchor__list li figure {
    border-radius: 12px;
    overflow: hidden;
}
.l-top-anchor .p-top-anchor__list li figure img {
    transition: var(--transition-2s);
}
.l-top-anchor .p-top-anchor__list li:hover figure img {
    transform: scale(1.1);
    opacity: 0.8;
}
@media screen and (max-width: 992px) {
    .l-top-anchor .p-top-anchor__list {
        gap: 0 4.033vw;
    }
    .l-top-anchor .p-top-anchor__list li figure {
        border-radius: 1.21vw;
    }
}
@media screen and (max-width: 767px) {
    .l-top-anchor .p-top-anchor__list {
        flex-direction: column;
        gap: 3.2vw 0;
    }
    .l-top-anchor .p-top-anchor__list li {
        width: 100%;
    }
    .l-top-anchor .p-top-anchor__list li figure {
        border-radius: 1.6vw;
    }
}




.l-found {
    padding: 70px 0 20px;
}
.l-found .p-found__title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 68px;
    font-size: 24px;
    line-height: 2.834;
    color: rgb(var(--color-ffffff));
    background: rgb(var(--color-39a300));
    border-radius: 50vh;
}
.l-found .p-found__lead {
    font-size: 20px;
    line-height: 2.5;
    letter-spacing: 0.02em;
    color: rgb(var(--color-8fc31f));
    text-align: center;
}
.l-found .p-found__text {
    margin: 14px auto 35px;
    padding-bottom: 56px;
    font-size: 18px;
    line-height: 1.445;
    background-image : linear-gradient(to right, rgb(var(--color-8fc31f)) 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x; 
    background-position: left bottom;
    text-align: center;
}
.l-found p:not([class]) {
    font-size: 16px;
    line-height: 1.875;
    text-align: center;
}
.l-found .p-found__list {
    margin: 40px auto 45px;
    padding: 35px 0 35px 30px;
    width: 800px;
    background: rgb(var(--color-f8fbf3));
}
.l-found .p-found__list li {
    font-size: 16px;
    line-height: 1.875;
}
.l-found .p-found__btn {
    margin: 24px auto 0;
    width: 430px;
}
.l-found .p-found__btn a {
    height: 80px;
}
@media screen and (max-width: 992px) {
    .l-found {
        padding: 7.057vw 0 2.017vw;
    }
    .l-found .p-found__title {
        height: 6.855vw;
        font-size: 2.42vw;
    }
    .l-found .p-found__lead {
        font-size: 2.017vw;
    }
    .l-found .p-found__text {
        margin: 1.412vw auto 3.529vw;
        padding-bottom: 5.646vw;
        font-size: 1.815vw;
        background-image : linear-gradient(to right, rgb(var(--color-8fc31f)) 0.202vw, transparent 0.202vw);
        background-size: 0.605vw 0.202vw;
        background-repeat: repeat-x; 
        background-position: left bottom;
    }
    .l-found p:not([class]) {
        font-size: 1.613vw;
    }
    .l-found .p-found__list {
        margin: 4.033vw auto 4.537vw;
        padding: 3.529vw 0 3.529vw 3.025vw;
        width: 80.646vw;
    }
    .l-found .p-found__list li {
        font-size: 1.613vw;
    }
    .l-found .p-found__btn {
        margin: 2.42vw auto 0;
        width: 43.347vw;
    }
    .l-found .p-found__btn a {
        height: 8.065vw;
    }
}
@media screen and (max-width: 767px) {
    .l-found {
        margin: 0 auto;
        padding: 10.667vw 0 5.334vw;
        width: 91.734vw;
    }
    .l-found .p-found__title {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        height: 10.667vw;
        font-size: 4.267vw;
        line-height: 2.5;
        border-radius: 0;
    }
    .l-found .p-found__lead {
        font-size: 3.734vw;
    }
    .l-found .p-found__text {
        margin: 3.734vw auto 4.267vw;
        padding-bottom: 8vw;
        font-size: 3.734vw;
        background-image : linear-gradient(to right, rgb(var(--color-8fc31f)) 0.202vw, transparent 0.202vw);
        background-size: 0.605vw 0.202vw;
        background-repeat: repeat-x; 
        background-position: left bottom;
        text-align: left;
    }
    .l-found p:not([class]) {
        font-size: 3.467vw;
        line-height: 1.693;
        text-align: left;
    }
    .l-found .p-found__list {
        margin: 4.534vw auto 9.6vw;
        padding: 3.734vw 5.334vw 3.734vw 5.334vw;
        width: 100%;
    }
    .l-found .p-found__list li {
        text-indent: -1em;
        padding-left: 1em;
        font-size: 3.467vw;
        line-height: 1.77;
    }
    .l-found .p-found__btn {
        margin: 4.534vw auto 0;
        width: 100%;
    }
    .l-found .p-found__btn a {
        height: 16vw;
    }
}