/*! ===================================
リセット
=================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
a,
img,
table,
tr,
th,
td,
figure,
figcaption {
    margin: 0;
    padding: 0;
}

header,
footer,
nav,
section,
article,
aside,
figure,
figcaption,
time {
    display: block;
}

li {
    list-style: none;
    list-style-position: inside;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: bottom;
    image-rendering: -webkit-optimize-contrast;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

input,
textarea,
button,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

*:focus {
    outline: rgba(0, 0, 0, 0);
}

:root {
    --z-index-mv: 5;
    --z-index-contact: 10;
    --z-index-front: 40;
    --z-index-gmap: 50;
    --z-index-header: 100;
    --z-index-cta: 200;
    --z-index-modal: 300;
    --z-index-spNav: 500;
}


/*! ===================================
サイト共通項目 
==================================== */

html {
    height: -webkit-fill-available;
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

body {
    position: relative;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    color: #000;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif;
    font-weight: 700;
    line-height: 1.5;
}

.container {
    overflow: hidden;
}

.l-main {
    letter-spacing: .04em;
}

.br-pc01 {
    display: block;
}

.br-pc02 {
    display: block;
}

.br-pc03 {
    display: block;
}

.br-sp01 {
    display: none;
}

.br-sp02 {
    display: none;
}

.br-sp03 {
    display: none;
}

.br-sp04 {
    display: none;
}

.br-sp05 {
    display: none;
}

.br-sp06 {
    display: none;
}

.br-sp07 {
    display: none;
}

.ws {
    white-space: nowrap;
}


/*! ===================================
見学相談を希望する／トップへ戻る(404)
==================================== */

.c-contact_button {
    width: 100%;
}

.c-contact_button a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-inline: .8em;
    border: 2px solid #000;
    border-radius: 20px;
    transition: background-color .3s ease;
}

.c-contact_button a span {
    position: relative;
    display: inline-block;
    padding-inline-end: 1em;
    font-size: 1.25rem;
    line-height: 1;
}

.c-contact_button a span::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg) translateY(-50%);
}


/*! ===================================
追従CTAボタン
==================================== */

.c-cta_button {
    position: fixed;
    top: 100px;
    right: 20px;
    width: 161px;
    height: 285px;
    transition: all .3s ease;
    z-index: var(--z-index-cta);
}

.c-cta_button::after {
    position: absolute;
    content: "";
    top: 152px;
    right: -23px;
    transform: rotate(28.43deg);
    width: 98px;
    height: 120px;
    background: url(../images/icon_cta-button_011203.png) center/100% no-repeat;
}

.c-cta_button-liiss::after {
    background: url(../images/icon_cta-button_05.png) center/100% no-repeat;
}

.c-cta_button-junior::after {
    background: url(../images/icon_cta-button_02.png) center/100% no-repeat;
}

.c-cta_button-nana::after {
    background: url(../images/icon_cta-button_03.png) center/100% no-repeat;
}

.c-cta_button-liiup::after {
    background: url(../images/icon_cta-button_04.png) center/100% no-repeat;
}

.p-cta_text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 161px;
    height: 161px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
    transition: background-color .3s ease;
}

.p-cta_text a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: inherit;
    height: inherit;
}

.p-cta_cancel {
    position: absolute;
    top: -6px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    display: none !important;
}

.c-cta_button-nana .p-cta_text,
.c-cta_button-nana .p-cta_cancel {
    background-color: #2b944e;
}

.c-cta_button-recruit .p-cta_text {
    background-color: #80B72C;
}

.c-cta_button-recruit .p-cta_text span {
    display: inline-block;
    letter-spacing: .04em;
}

.c-cta_button-recruit .p-cta_text .text01 {
    padding-block-end: 5px;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
}

.c-cta_button-recruit .p-cta_text .text02 {
    color: #ffff0d;
    font-weight: 700;
}

.c-cta_button-recruit .p-cta_text .text03 {
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1;
}

.c-cta_button-recruit .p-cta_cancel {
    visibility: hidden;
}

.c-cta_button-discussion .p-cta_text {
    font-size: 1.5rem;
}

.c-cta_button-discussion .p-cta_cancel {
    visibility: hidden;
}

#js-cta_button {
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, 0s visibility .4s ease;
}

#js-cta_button.show {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease, 0s visibility .4s ease;
}

#js-cta_button.c-cta_button-contact.show {
    visibility: hidden;
}


/*! ===================================
トップへ戻るボタン
==================================== */

.p-top_button {
    position: fixed;
    right: 16px;
    bottom: 16px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #D9311B;
    filter: drop-shadow(8px 8px 32px rgba(0, 0, 0, 0.08));
    cursor: pointer;
    z-index: var(--z-index-cta);
}

.p-top_button::after {
    position: absolute;
    content: "";
    top: 45%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translateX(-50%) rotate(-45deg);
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
}

.p-top_button.p-top_button-liiss {
    background-color: #f3de24;
}

.p-top_button.p-top_button-nana {
    background-color: #52ac44;
}

.p-top_button.p-top_button-liiup {
    background-color: rgba(216, 49, 27, .8);
}

#js-top_button {
    transition: opacity 1s ease;
    visibility: hidden;
    opacity: 0;
}

#js-top_button.is-topButton-show {
    visibility: visible;
    opacity: 1;
}


/*! ===================================
Google map／第三者評価リンク用
==================================== */

.c-link {
    position: relative;
    z-index: var(--z-index-link);
}


/*! ===================================
リンクボタン
==================================== */

.c-linkButton {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: inherit;
    padding-block: 9px;
    padding-inline-start: 32px;
    border-radius: 16px;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: .06em;
    transition: background-color .3s ease;
}

.c-linkButton::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 30px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    transform: translateY(-50%);
}

.c-linkButton::after {
    position: absolute;
    content: "";
    top: 23px;
    right: 41px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
}

.c-linkButton_black {
    border: 3px solid #000;
    background-color: rgba(0, 0, 0, 0);
}

.c-linkButton_black::before {
    border: 2px solid #000;
}

.c-linkButton_black::after {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}

.c-linkButton_white {
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.c-linkButton_white::before {
    border: 2px solid #fff;
}

.c-linkButton_white::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.c-linkButton_bgblack {
    background-color: #000;
    color: #fff;
}

.c-linkButton_bgblack::before {
    border: 2px solid #fff;
}

.c-linkButton_bgblack::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}


/*! ====== パンくずリスト ====== */

.breadcrumb-area {
    position: absolute;
    top: 0;
    margin-block-start: 30px;
    margin-inline-start: 40px;
    font-size: .75rem;
    font-weight: 400;
}


/*! ===================================
インスタグラムアイコン
==================================== */

.c-header_snsIcon {
    width: 48px;
    height: 48px;
}

.c-header_snsIcon a {
    padding: 14px;
}

.l-spNav_snsIcon {
    margin-inline: auto;
}

.l-footer_snsIcon {
    width: 40px;
    height: 40px;
}

.l-footer_snsIcon a {
    padding: 10px;
}

.snsIcon_items {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.snsIcon_items p {
    margin-left: 5px;
}

.c-social_icon {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #D9311B;
    transition: background-color .3s ease;
}

.c-social_icon2 {
    background-color: #18a0fb;
}

.c-social_icon img {
    display: block;
    width: 20px;
    height: 20px;
}

.c-social_icon.c-social_icon-liiss {
    background-color: #f3de24;
}

.c-social_icon.c-social_icon-junior {
    background-color: #c1a248;
}

.c-social_icon.c-social_icon-lii02 {
    background-color: #000;
}


/*! ===================================
map用アイコン
==================================== */

.c-map_icon {
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    top: -2px;
    left: -2px;
    transform: rotate(45deg);
    width: .9em;
    height: .9em;
    border: .1em solid currentColor;
    border-radius: 40% 60% 0% 100%/40% 100% 0% 60%;
    background: currentColor;
    vertical-align: middle;
    line-height: 1;
}

.c-map_icon:before {
    content: "";
    position: absolute;
    top: 18%;
    left: 18%;
    width: .4em;
    height: .4em;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.c-accessMap_icon {
    position: absolute;
    display: inline-block;
    box-sizing: content-box;
    transform: rotate(45deg);
    width: 3.5em;
    height: 3.5em;
    border-radius: 40% 60% 0% 100%/40% 100% 0% 60%;
    vertical-align: middle;
    line-height: 1;
    z-index: 2;
}

.c-accessMap_icon:before {
    content: "";
    position: absolute;
    top: 14%;
    left: 14%;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    box-sizing: border-box;
}


/*! ===================================
イエローバー(ロゴ)
==================================== */

.p-yellow_bar {
    position: relative;
    display: inline-block;
    width: inherit;
    height: 100%;
    z-index: 1;
}

.p-yellow_bar::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #F4DE25;
    transform: scaleY(0.85) perspective(20px) rotateX(-3deg);
    transform-origin: bottom left;
    border-radius: 0 0 10px 0;
    z-index: -10;
}

.p-yellow_bar.p-yellow_bar2::before {
    transform: scaleY(0.9) perspective(20px) rotateX(-2deg);
}

.p-yellow_bar.p-yellow_bar3::before {
    bottom: 7px;
    transform: scaleY(0.78) perspective(30px) rotateX(-3deg);
}

.p-yellow_bar.p-yellow_bar4::before {
    bottom: 7px;
    transform: scaleY(0.73) perspective(12px) rotateX(-2deg);
}

.p-mainNav_yellowBar {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.p-mainNav_yellowBar::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #F4DE25;
    transform: scaleY(0.96) perspective(100px) rotateX(-3deg);
    transform-origin: bottom left;
    border-radius: 0 0 10px 0;
    z-index: -10;
}

.p-mainNav_yellowBar-liiss::before {
    background: #f3de24;
}

.p-liiss_bar::before {
    background-color: #f3de24;
}

.p-liisj_bar::before {
    background-color: #c5ba8a;
}

.p-nana_bar::before {
    background-color: #80b62b;
}

.p-liiup_bar::before {
    background-color: #f4523c;
}

.p-discussion_bar {
    color: #fff;
}

.p-discussion_bar::before {
    background-color: #2e2e2e;
}


/*! ====== 画像フレーム ====== */

.c-frameShadow {
    filter: drop-shadow(8px 8px 16px rgba(0, 0, 0, 0.25));
}

.c-frame_img {
    position: relative;
    background-color: #000;
    -webkit-clip-path: polygon(0 0, 100% 0, 97.44% 100%, 5.1% 100%);
    clip-path: polygon(0 0, 100% 0, 97.44% 100%, 5.1% 100%);
}

.c-frame_img img {
    position: absolute;
    display: block;
}


/*! ===================================
モーダルウィンドウ
==================================== */

.l-valueBook {
    width: 100%;
    height: 200px;
    background-color: #F4DE25;
    transition: background-color .3s ease;
}

.l-valueBook_inner {
    width: 100%;
    height: 100%;
}

.l-modal_open {
    width: 100%;
    height: 100%;
}

.l-valueBook_title {
    display: flex;
    align-items: center;
    width: 588px;
    height: 100%;
    margin-inline: auto;
}

.l-valueBook_title .c-recruit_arrow-black::after {
    top: 80%;
    transform: translateY(-90%);
}

.p-valueBook_title {
    width: 100%;
    height: 75px;
}

.p-valueBook_title span {
    display: block;
    margin-block-end: 5px;
    font-size: .875rem;
}

.p-valueBook_title img {
    display: block;
    width: 477px;
}

.l-valueBook_img {
    width: 100%;
    margin-inline: auto;
}

.l-recruitOneDay-modal_title {
    padding-block-start: 36px;
    font-size: 1.25rem;
    text-align: center;
}

.l-recruitOneDay-modal_list {
    position: relative;
    margin-block-start: 25px;
    margin-block-end: 50px;
    padding-inline-start: 22px;
    padding-inline-end: 20px;
}

.l-recruitOneDay-modal_list::before {
    position: absolute;
    content: "";
    top: 0;
    left: 20px;
    width: 4px;
    height: 91%;
    background-color: #000;
}

.l-recruitOneDay-modal_item {
    display: flex;
    margin-block-end: 40px;
}

.l-recruitOneDay-modal_body {
    position: relative;
    width: 240px;
    margin-inline-end: auto;
    padding-inline-start: 17px;
    padding-inline-end: 20px;
}

.l-recruitOneDay-modal_body::before {
    position: absolute;
    content: "";
    top: 0;
    left: -10px;
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 50%;
}

.l-recruitOneDay-modal_body h3 {
    font-size: .875rem;
    margin-block-end: 1em;
}

.l-recruitOneDay-modal_body p {
    font-size: .8125rem;
}

.l-recruitOneDay-modal_img {
    width: 235px;
    height: 137px;
    background-color: #fff;
    z-index: var(--z-index-front);
}

.l-recruitOneDay-modal_img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 4px solid #000;
    border-radius: 20px;
    box-shadow: 4px 4px 0px #000;
}

.l-recruitOneDay-modal-entry {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 140px;
    color: #fff;
}

.l-recruitOneDay-modal-entry::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(270deg, rgba(47, 184, 238, 0.8) 0%, rgba(250, 39, 174, 0.8) 100%);
    transition: opacity .3s ease;
}

.l-recruitOneDay-modal-entry_link {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}

.l-recruitOneDay-modal-entry_link::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(270deg, rgba(47, 184, 238, 0.5) 0%, rgba(250, 39, 174, 0.5) 100%);
    opacity: 0;
    transition: opacity .3s ease;
}

.l-recruitOneDay-modal-entry_link .c-recruit_arrow-white::after {
    top: 20px;
    right: 0px;
    width: 50px;
    height: 17px;
    background-size: 50px 17px;
}

.l-recruitOneDay-modal-entry_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 220px;
    height: 60px;
    margin-block: 40px;
    margin-inline: auto;
    z-index: var(--z-index-front);
}

.l-recruitOneDay-modal-entry_wrap img {
    display: block;
    width: 166px;
    height: 28px;
}

.l-recruitOneDay-modal-entry_wrap span {
    display: block;
    margin-block-start: 8px;
    font-size: 1rem;
}

.l-modal_wrap {
    position: fixed;
    display: flex;
    align-items: center;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
}

.l-modal_window {
    width: 90vw;
    max-width: 1140px;
    height: 85vh;
    margin-block-start: 90px;
    margin-inline: auto;
    background: #fff;
    overflow-y: hidden;
    z-index: var(--z-index-front);
}

.l-modal_content {
    width: 100%;
    height: 100%;
    margin-inline: auto;
    overflow-y: scroll;
    scrollbar-width: none;
}

.l-modal_content::-webkit-scrollbar {
    display: none;
}

.l-modal_mask {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
}

.p-modal_close-top {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: var(--z-index-modal);
}

.p-modal_close-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    background-color: #fff;
    font-size: .875rem;
    cursor: pointer;
    z-index: var(--z-index-modal);
}

.p-modal_close-bottom span {
    display: inline-block;
    margin-inline-start: 1em;
}

.l-modal_wrap.is_open {
    animation: valueBook_modal_wrapper_open .5s ease forwards;
}

.l-modal_wrap.is_open .l-modal_window {
    animation: valueBook_modal_window_open .5s ease forwards;
}

.l-modal_wrap.is_close {
    animation: valueBook_modal_wrapper_close .5s ease forwards;
}

.l-modal_wrap.is_close .l-modal_window {
    animation: valueBook_modal_window_close .5s ease forwards;
}

@keyframes valueBook_modal_wrapper_open {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        z-index: 300;
    }
}

@keyframes valueBook_modal_window_open {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes valueBook_modal_wrapper_close {
    0% {
        z-index: 300;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes valueBook_modal_window_close {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        transform: translateY(-30px);
        opacity: 0;
    }
}


/*! ===================================
value book、座談会 タイトル横矢印
==================================== */

.c-recruit_arrow-black {
    position: relative;
}

.c-recruit_arrow-black::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 90px;
    height: 17px;
    background-image: url(../images/icon_arrow_black_pc.svg);
    background-position: right 0 top 50%;
    background-size: 90px 17px;
    background-repeat: no-repeat;
    transition: transform .4s ease;
}

.c-recruit_arrow-white {
    position: relative;
}

.c-recruit_arrow-white::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 90px;
    height: 17px;
    background-image: url(../images/icon_arrow_white_pc.svg);
    background-position: right 0 top 50%;
    background-size: 90px 17px;
    background-repeat: no-repeat;
    transition: transform .4s ease;
}


/*! ===================================
タイトルバナー
==================================== */

.c-titleBanner {
    position: relative;
    width: 100%;
    padding-top: 25.92%;
    display: block;
    background-size: 100% 100%;
    font-family: "luckiest guy";
    font-size: 28px;
    margin-bottom: 20px;
    text-decoration: none;
    color: #333;
}

.background-button {
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/323909/yellow-shadow.png);
}

.background-button:after {
    content: attr(title);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/323909/yellow-top.png);
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.background-button:hover:after {
    transform: translate(2.5%, 10%);
    text-shadow: 2px 2px 1px #fff;
    color: #000;
}

.button-wrapper {
    width: 355px;
    display: inline-block;
    margin: 20px;
}

.button-wrapper:nth-child(2) a {
    filter: hue-rotate(36deg);
}

.button-wrapper:nth-child(3) a {
    filter: hue-rotate(72deg);
}

.button-wrapper:nth-child(4) {
    filter: hue-rotate(108deg);
}

.button-wrapper:nth-child(5) {
    filter: hue-rotate(144deg);
}

.button-wrapper:nth-child(6) {
    filter: hue-rotate(180deg);
}

.button-wrapper:nth-child(7) {
    filter: hue-rotate(216deg);
}

.button-wrapper:nth-child(8) {
    filter: hue-rotate(216deg);
}

.button-wrapper:nth-child(9) {
    filter: hue-rotate(252deg);
}

.button-wrapper:nth-child(7) {
    filter: hue-rotate(288deg);
}

.button-wrapper:nth-child(8) {
    filter: hue-rotate(324deg);
}


/*! ===================================
施設名バナー
==================================== */

.p-facility_link {
    position: relative;
}

.p-facility_title {
    position: relative;
    top: 10px;
    left: 55%;
    transform: translateX(-55%) translateZ(1px);
    z-index: var(--z-index-front);
}

.p-facility_title::before {
    position: absolute;
    content: "";
    display: block;
    top: 11px;
    left: -10px;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.p-facility_title img {
    width: 100%;
}

.p-facility_title-liiss::before {
    background-image: url(../images/bg_title-banner_liiss.png);
}

.p-facility_title-nana::before {
    background-image: url(../images/bg_title-banner_nana.png);
}

.p-facility_title-liisj::before {
    background-image: url(../images/bg_title-banner_liisj.png);
}

.p-facility_title-liiup::before {
    background-image: url(../images/bg_title-banner_liiup.png);
}

.p-facility_title01 {
    width: 249px;
    height: 67px;
}

.p-facility_title01::before {
    width: 249px;
    height: 67px;
}

.p-facility_title02 {
    width: 230px;
    height: 67px;
}

.p-facility_title02::before {
    width: 230px;
    height: 67px;
}

.p-facility_title03 {
    width: 249px;
    height: 67px;
}

.p-facility_title03::before {
    width: 249px;
    height: 67px;
}

.p-facility_title04 {
    width: 249px;
    height: 67px;
}

.p-facility_title04::before {
    width: 249px;
    height: 67px;
}

.p-facility_title05,
.p-facility_title07 {
    width: 256px;
    height: 69px;
}

.p-facility_title05::before,
.p-facility_title07::before {
    width: 256px;
    height: 69px;
}

.p-facility_title06 {
    width: 236px;
    height: 69px;
}

.p-facility_title06::before {
    width: 236px;
    height: 69px;
}

.p-facility_title08 {
    width: 255px;
    height: 69px;
}

.p-facility_title08::before {
    width: 255px;
    height: 69px;
}

.common_facility-img {
    position: relative;
    display: block;
    transition: transform .3s ease;
}

.common_facility-nana {
    filter: drop-shadow(8px 8px 16px rgba(0, 0, 0, 0.25));
}


/*! ===================================
コンテンツ出現アニメーション
==================================== */

.js-scroll-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1.5s, transform 1.5s;
}

.js-scroll-fade.is-scroll-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}


/*! ===================================
テキストフェードアニメーション
==================================== */

.c-textFade {
    position: relative;
}

.c-textFade .for-accessibility {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
}

.c-textFade_content01.active span {
    animation: .72s fadeup-text linear forwards;
}

.c-textFade_content02.active span {
    animation: .92s fadeup-text linear forwards;
}

.c-textFade_content {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: center;
}

.c-textFade_content span {
    transform: translateY(110%);
    display: block;
}

.c-textFade_content span:nth-child(1) {
    animation-delay: 0s;
}

.c-textFade_content span:nth-child(2) {
    animation-delay: .04s;
}

.c-textFade_content span:nth-child(3) {
    animation-delay: .08s;
}

.c-textFade_content span:nth-child(4) {
    animation-delay: .16s;
}

.c-textFade_content span:nth-child(5) {
    animation-delay: .2s;
}

.c-textFade_content span:nth-child(6) {
    animation-delay: .24s;
}

.c-textFade_content span:nth-child(7) {
    animation-delay: .28s;
}

.c-textFade_content span:nth-child(8) {
    animation-delay: .32s;
}

.c-textFade_content span:nth-child(9) {
    animation-delay: .36s;
}

.c-textFade_content span:nth-child(10) {
    animation-delay: .4s;
}

.c-textFade_content span:nth-child(11) {
    animation-delay: .44s;
}

.c-textFade_content span:nth-child(12) {
    animation-delay: .48s;
}

.c-textFade_content span:nth-child(13) {
    animation-delay: .52s;
}

.c-textFade_content span:nth-child(14) {
    animation-delay: .56s;
}

.c-textFade_content span:nth-child(15) {
    animation-delay: .6s;
}

.c-textFade_content span:nth-child(16) {
    animation-delay: .64s;
}

.c-textFade_content span:nth-child(17) {
    animation-delay: .68s;
}

.c-textFade_content span:nth-child(18) {
    animation-delay: .72s;
}

.c-textFade_content span:nth-child(19) {
    animation-delay: .76s;
}

.c-textFade_content span:nth-child(20) {
    animation-delay: .8s;
}

.c-textFade_content span:nth-child(21) {
    animation-delay: .84s;
}

.c-textFade_content span:nth-child(22) {
    animation-delay: .88s;
}

.c-textFade_content span:nth-child(23) {
    animation-delay: .92s;
}

.c-textFade_content span:nth-child(24) {
    animation-delay: .96s;
}

.c-textFade_content span:nth-child(25) {
    animation-delay: 1s;
}

.c-textFade_content span:nth-child(26) {
    animation-delay: 1.04s;
}

.c-textFade_content span:nth-child(27) {
    animation-delay: 1.08s;
}

.c-textFade_content span:nth-child(28) {
    animation-delay: 1.12s;
}

@keyframes fadeup-text {
    0% {
        transform: translateY(110%);
    }
    100% {
        transform: translateY(0);
    }
}


/*! ===================================
テキスト下線アニメーション
==================================== */

.js-lineMarker {
    background-image: linear-gradient(#DD5542, #DD5542);
    background-repeat: no-repeat;
    background-size: 0 6px;
    background-position: 0 100%;
    transition: background-size 2.5s;
}

.js-lineMarker.active {
    background-size: 100% 6px;
}


/*! ====== イラストアニメーション ====== */

@keyframes vertical-shake {
    16.65% {
        transform: translateY(8px);
    }
    33.3% {
        transform: translateY(-6px);
    }
    49.95% {
        transform: translateY(4px);
    }
    66.6% {
        transform: translateY(-2px);
    }
    83.25% {
        transform: translateY(1px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes vertical-shake2 {
    0% {
        transform: translateY(0);
    }
    5% {
        transform: translateY(0);
    }
    10% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(-15px);
    }
    25% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-15px);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes vertical-shake3 {
    16.65% {
        transform: translate(-48%, 8px);
    }
    33.3% {
        transform: translate(-48%, -6px);
    }
    49.95% {
        transform: translate(-48%, 4px);
    }
    66.6% {
        transform: translate(-48%, -2px);
    }
    83.25% {
        transform: translate(-48%, 1px);
    }
    100% {
        transform: translate(-48%, 0);
    }
}

@keyframes vertical-shake4 {
    0% {
        transform: translateY(0);
    }
    5% {
        transform: translateY(0);
    }
    10% {
        transform: translateY(-15px);
    }
    20% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes swaying {
    0% {
        transform: translateX(0);
    }
    5% {
        transform: translateX(0);
    }
    10% {
        transform: translateX(0);
    }
    20% {
        transform: translateX(-15px);
    }
    25% {
        transform: translateX(0);
    }
    30% {
        transform: translateX(-15px);
    }
    50% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes swaying2 {
    16.65% {
        transform: translateX(-59%);
    }
    33.3% {
        transform: translateX(-62%);
    }
    49.95% {
        transform: translateX(-57%);
    }
    66.6% {
        transform: translateX(-61%);
    }
    83.25% {
        transform: translateX(-59%);
    }
    100% {
        transform: translateX(-60%);
    }
}

@keyframes swaying3 {
    0% {
        transform: translateX(0);
    }
    5% {
        transform: translateX(0);
    }
    10% {
        transform: translateX(-15px);
    }
    20% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-15px);
    }
    30% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes swaying4 {
    0% {
        transform: translate(0) rotate(-13.8deg);
    }
    5% {
        transform: translate(0) rotate(-13.8deg);
    }
    10% {
        transform: translate(-15px, 3px) rotate(-13.8deg);
    }
    18% {
        transform: translate(0) rotate(-13.8deg);
    }
    27% {
        transform: translate(-15px, 3px) rotate(-13.8deg);
    }
    35% {
        transform: translate(0) rotate(-13.8deg);
    }
    50% {
        transform: translate(0) rotate(-13.8deg);
    }
    100% {
        transform: translate(0) rotate(-13.8deg);
    }
}

@keyframes swaying5 {
    16.65% {
        transform: translateX(-46%);
    }
    33.3% {
        transform: translateX(-49%);
    }
    49.95% {
        transform: translateX(-44%);
    }
    66.6% {
        transform: translateX(-48%);
    }
    83.25% {
        transform: translateX(-46%);
    }
    100% {
        transform: translateX(-47%);
    }
}


/*! ===================================
メニューバー
==================================== */

.l-mainNav {
    width: 100%;
    height: var(--header-height);
    padding-block: 22px;
    background-color: #222;
}

.l-mainNav_inner {
    width: 90%;
    height: 72px;
}

.c-mainNav_list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    height: 72px;
    padding-inline: 1em;
}

.c-mainNav_item {
    display: flex;
    height: 72px;
    font-size: .75rem;
}

.c-mainNav_item a {
    position: relative;
    display: flex;
    flex: 1 1;
    justify-content: center;
    align-items: center;
    padding-inline-end: 20px;
    padding-inline-start: 1em;
    transition: all .3s ease;
}

.c-mainNav_item a::after {
    position: absolute;
    display: block;
    content: "";
    right: 8px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    transition: all .3s ease;
}

.c-mainNav_item a::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    transform: skew(-25deg);
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: all .3s ease;
    z-index: -5;
}


/*! ===================================
フッター (共通)
=================================== */

.l-footer {
    width: 100%;
    background: url(../images/bg_black1203.png) center/cover no-repeat;
    padding-inline: 20px;
    padding-block-start: 60px;
    padding-block-end: 44px;
}

.l-footer_inner {
    width: 100%;
    max-width: 1140px;
    margin-inline: auto;
    color: #fff;
    font-weight: 500;
}

.l-footer_block {
    display: flex;
    flex-wrap: nowrap;
}

.l-footer_block02 {
    margin-block-start: 24px;
}

.l-block_wrap {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.l-footer_button {
    margin-top: auto;
}

.l-footer_address {
    margin-block-end: 1.4em;
    font-size: 1.125rem;
}

.l-logo_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 392px;
    margin-block-start: 24px;
    margin-block-end: clamp(14px, 3.733vw, 18px);
}

.p-logo_item {
    display: flex;
    width: 100%;
    max-width: 127px;
    height: 18px;
    margin-block-end: 16px;
    margin-inline-end: 24px;
}

.p-logo_item:last-child {
    margin-inline-end: 0;
}

.p-logo_item svg {
    display: inline-block;
    margin-block: auto;
    width: 100%;
    height: 100%;
}

.l-footerNav {
    display: flex;
    width: 100%;
    margin-block-end: 1.4em;
    font-size: 1rem;
}

.l-footerNav li {
    width: 100%;
    max-width: 267px;
}

.l-footerNav_list li {
    margin-block-end: .8em;
}

.p-footerNav_link2 {
    padding-left: 1em;
    font-size: .8125rem;
}

.p-footer_contactButton {
    display: inline-block;
    width: 240px;
    padding: 11px;
    border: 1px solid #000;
    border-radius: 20px;
    background-color: #F4DE25;
    color: #000;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    transition: background-color .3s ease;
}

.copyright {
    font-size: clamp(12px, 3.2vw, 14px);
}

.policy_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: clamp(10px, 2.667vw, 14px);
}


/*! ===================================
mv動画・画像スライド
==================================== */

.l-mainVisual {
    position: relative;
    width: 100%;
    margin-block-start: 80px;
}

.l-mainVisual01 .breadcrumb-area {
    top: 80px;
    margin-block-start: 20px;
}

.l-mainVisual02 {
    margin-block-start: 80px;
}

.l-mainVisual02 .breadcrumb-area {
    top: 80px;
    color: #fff;
}

.l-mainVisual01 .breadcrumb-area {
    margin-block-start: 20px;
}

.mv-video {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.mv-video::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mv-video-top {
    height: 100vh;
    margin-block-start: -80px;
}

.mv-video-top::after {
    background-color: rgba(255, 255, 255, .4);
}

.mv-video-nana {
    height: 100vh;
    margin-block-start: -80px;
}

.mv-video-nana::after {
    background-color: rgba(255, 255, 255, .7);
}

.mv-video-junior {
    height: 100vh;
    margin-block-start: -80px;
}

.mv-video-junior::after {
    background-color: rgba(0, 0, 0, .4);
}

.mv-video-recruit {
    height: 100vh;
    margin-block-start: -80px;
}

.mv-video-recruit::after {
    background-color: rgba(0, 0, 0, .6);
}

.mv-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
}

.mv-slide {
    position: relative;
    width: 100%;
    height: calc(100vh - 80px);
    overflow: hidden;
}

.mv-slide::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mv-slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    animation: mv-slider 24s linear infinite;
}

.mv-slide-image:nth-child(1) {
    background-image: url(../images/image_liiup-mv_01_pc.jpg);
    animation-delay: -2s;
}

.mv-slide-image:nth-child(2) {
    background-image: url(../images/image_liiup-mv_02_pc.jpg);
    animation-delay: 6s;
}

.mv-slide-image:nth-child(3) {
    background-image: url(../images/image_liiup-mv_03_pc.jpg);
    animation-delay: 14s;
}

@keyframes mv-slider {
    0% {
        opacity: 0;
    }
    4.16% {
        opacity: 1;
    }
    33.33% {
        opacity: 1;
    }
    41.66% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.mv-slide-liiup::after {
    background-color: rgba(255, 255, 255, .5);
}


/*! ===================================
mvトップページinner
==================================== */

.l-mainVisual_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
}

.l-mainVisual_inner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/mv_frame_011203.png) center/cover no-repeat;
}

.l-mainVisual_header {
    position: absolute;
    right: 50px;
    bottom: 60px;
    width: 700px;
    max-width: 943px;
    height: 100%;
    max-height: 155px;
}

.scrolldown {
    position: absolute;
    top: 50%;
    left: 30px;
    height: 155px;
    color: #000;
    z-index: var(--z-index-front);
}

.scrolldown span {
    position: absolute;
    top: -70px;
    left: -9px;
    color: currentColor;
    font-size: 1.125rem;
    line-height: 1;
    writing-mode: vertical-rl;
}

.scrolldown::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    width: 2px;
    height: 80px;
    background: currentColor;
    animation: pathMove 2s ease-in-out infinite;
}

@keyframes pathMove {
    0% {
        transform-origin: top;
        transform: scaleY(0);
    }
    45% {
        transform-origin: top;
        transform: scaleY(1);
    }
    55% {
        transform-origin: bottom;
        transform: scaleY(1);
    }
    100% {
        transform-origin: bottom;
        transform: scaleY(0);
    }
}


/*! ===================================
mv Lii sports Junior inner
==================================== */

.l-juniorVisual_header {
    position: absolute;
    right: 20px;
    bottom: 13%;
}

.l-juniorVisual_header h1 {
    color: #fff;
    text-align: right;
}

.l-juniorVisual_header h1 img {
    display: block;
    width: 267px;
    margin-inline-start: auto;
    margin-inline-end: 4px;
}

.l-juniorVisual_header h1 span {
    display: block;
    font-size: 2rem;
}


/*! ===================================
mv 7GYM inner
==================================== */

.l-nanaVisual_header {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(100%, 1440px);
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-inline: 80px;
}

.l-nanaVisual_header h1 {
    width: 125px;
    height: 116px;
}

.l-nanaVisual_header h1 svg {
    width: 100%;
    height: 100%;
}

.l-nanaVisual_header p {
    width: 170px;
}

.l-nanaVisual_header p span {
    display: block;
    margin-block-start: 1em;
    font-size: .875rem;
}


/*! ===================================
mv liiup inner
==================================== */

.l-liiupVisual_header {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(100%, 1440px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-inline: 80px;
}

.l-liiupVisual_header h1 {
    width: 125px;
    height: 115px;
}

.l-liiupVisual_header h1 svg {
    width: 100%;
    height: 100%;
}

.l-liiupVisual_header p {
    width: 196px;
    font-size: 2rem;
}

.l-liiupVisual_header p span {
    color: #d8311b;
}


/*! ===================================
mv recruit inner
==================================== */

.l-recruitVisual_header {
    position: absolute;
    top: 55%;
    left: 30px;
    transform: translateY(-50%);
    width: 300px;
    height: 104px;
    padding-inline: 20px;
}

.l-recruitVisual_header h1 {
    width: 260px;
    height: 104px;
}

.l-recruitVisual_header h1 span {
    display: block;
    margin-block-start: 1em;
    color: #fff;
    font-size: 1.125rem;
}

.scrolldown-recruit {
    position: relative;
    display: block;
    color: #fff;
    z-index: var(--z-index-front);
}

.scrolldown-recruit span {
    position: absolute;
    display: block;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
    color: currentColor;
    font-size: 1.125rem;
    line-height: 1;
}

.scrolldown-recruit::after {
    position: absolute;
    content: "";
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    animation: arrowMove 1.5s ease-in-out infinite;
}

@keyframes arrowMove {
    0% {
        transform: translate(-50%, 0) rotate(45deg);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(-50%, 20px) rotate(45deg);
        opacity: 0;
    }
}


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

.l-pageVisual {
    position: relative;
    width: 100%;
    height: 180px;
    margin-block-start: 80px;
    background: fixed url(../images/bg_black1203.png) center/cover no-repeat;
}

.l-pageVisual .breadcrumb-area {
    color: #fff;
}

.l-pageVisual_header {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
}

.l-pageVisual_header h1 {
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: .12em;
}

.l-pageVisual02 {
    position: relative;
    width: 100%;
    height: 180px;
    margin-block-start: 80px;
    background: url(../images/bg_page-visual_liiss_pc.jpg) center/cover no-repeat;
}

.l-pageVisual02-company {
    background: url(../images/bg_page-visual_company_pc.jpg) center center/cover no-repeat;
}

.l-pageVisual02 .breadcrumb-area {
    color: #fff;
}

.l-pageVisual02_header {
    top: 65%;
}

.l-pageVisual-liiss_header {
    position: absolute;
    top: 48%;
    left: 158px;
    left: 138px;
    width: 100%;
    max-width: 360px;
    height: 44px;
    padding-inline: 20px;
}

.l-pageVisual-liiss_header h1 {
    width: 100%;
    height: 100%;
}

.l-pageVisual-liiss_header h1 svg {
    width: 100%;
    height: 100%;
}

.l-pageVisual-liiss_header .breadcrumb-area {
    color: #fff;
}

.l-pageVisual-404 {
    position: relative;
    width: 100%;
    height: 180px;
    margin-block-start: 80px;
    background: fixed url(../images/bg_white.png) center/cover no-repeat;
}

.l-pageVisual-404_header {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
}

.l-pageVisual-404_header h1 {
    color: #000;
    font-size: clamp(24px, 6.4vw, 48px);
    text-align: center;
}

.l-pageVisual-404_header h1 span {
    display: block;
    margin-top: .5em;
    font-size: clamp(14px, 3.733vw, 20px);
}

.l-pageVisual-discussion {
    position: relative;
    width: 100%;
    height: 100vh;
    margin-block-start: 80px;
    background: fixed url(../images/image_discussion_mv.jpg) center/cover no-repeat;
}

.l-pageVisual-discussion_header {
    position: absolute;
    top: 90px;
    left: 130px;
    top: 40px;
    left: 42px;
    width: 290px;
    padding-inline: 20px;
    color: #aa9e6d;
    line-height: 1.4;
}

.l-pageVisual-discussion_header h1 {
    font-size: 1.5rem;
    font-weight: 900;
}

.l-pageVisual-discussion_header p {
    margin-block-start: 0px;
    font-size: .875rem;
    font-weight: 900;
}


/*! ===================================
メインヘッダー
==================================== */

.l-header {
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #000;
    z-index: var(--z-index-spNav);
}

.l-header_logo01 {
    display: flex;
    width: 200px;
    height: 60px;
    margin-block: 10px;
}

.l-header_logo01 img {
    display: inline-block;
    width: inherit;
    height: inherit;
}

.l-header_logo02 {
    display: flex;
    width: 380px;
    height: 60px;
    margin-block: 10px;
}

.l-header_logo02 img {
    display: inline-block;
    width: inherit;
    height: inherit;
}

.l-header_info {
    display: flex;
    flex-wrap: nowrap;
    margin-block: auto;
    margin-inline-start: auto;
    margin-inline-end: 16px;
}

.l-header_info p {
    display: flex;
    align-items: center;
    margin-inline: 20px;
    color: #fff;
    font-size: .875rem;
}


/*! ===================================
Lii sports juniorヘッダー
==================================== */

.l-header02 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: rgba(0, 0, 0, .8);
    z-index: var(--z-index-spNav);
}

.l-header02_inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-inline: auto;
    padding-inline-start: 16px;
    padding-inline-end: 14px;
}

.l-headerJunior_logo {
    width: 137px;
    height: 21px;
}

.l-headerJunior_logo a {
    display: flex;
    width: 100%;
    height: inherit;
}

.l-headerJunior_logo a svg {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-block: auto;
    margin-inline-end: auto;
}

.l-mainNav02 {
    display: flex;
    align-items: center;
    margin-inline-start: auto;
}

.l-mainNav02_list {
    display: flex;
}

.p-mainNav02_item {
    position: relative;
    height: 80px;
    margin-inline: 10px;
    color: #fff;
    font-size: .75rem;
    transition: color .2s ease;
}

.p-mainNav02_item::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #c5ba8a;
    opacity: 0;
    transition: opacity .3s ease;
}

.p-mainNav02_item a {
    display: flex;
    align-items: center;
    height: inherit;
}

.p-mainNav02_item-blue::after {
    background-color: #18a0fb;
}

.p-mainNav02_info {
    width: 80px;
    height: 100%;
    margin-inline-start: 20px;
}

.p-mainNav02_info img {
    display: flex;
    width: 100%;
    height: 100%;
}


/*! ===================================
7GYMヘッダー
==================================== */

.l-header03 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: rgba(0, 0, 0, .8);
    z-index: var(--z-index-spNav);
}

.l-header03_inner {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    margin-inline: auto;
}

.l-header03_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-inline-start: 36px;
    padding-inline-end: 14px;
}

.l-headerNana_logo {
    width: 157px;
    height: 22px;
}

.l-headerNana_logo a {
    display: flex;
    width: 100%;
    height: inherit;
}

.l-headerNana_logo a svg {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-block: auto;
    margin-inline-end: auto;
}

.l-mainNav03 {
    display: flex;
    align-items: center;
    margin-inline-start: auto;
}

.l-mainNav03_list {
    display: flex;
}

.p-mainNav03_item {
    position: relative;
    height: 80px;
    margin-inline: 10px;
    color: #fff;
    font-size: .75rem;
    transition: color .2s ease;
}

.p-mainNav03_item::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #80b62b;
    opacity: 0;
    transition: opacity .3s ease;
}

.p-mainNav03_item a {
    display: flex;
    align-items: center;
    height: inherit;
}

.p-mainNav03_infoNana {
    color: #fff;
    font-size: .6875rem;
}

.p-mainNav03_infoNana-pc {
    display: block;
    margin-inline-start: 17px;
}

.p-mainNav03_infoNana-sp {
    display: none;
}


/*! ===================================
採用情報ヘッダー
==================================== */

.l-header04 {
    position: fixed;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #000;
    z-index: var(--z-index-spNav);
}

.l-header04_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}

.l-header04 .l-mainNav02_list {
    padding-inline-end: 15px;
}


/*! ===================================
liiupヘッダー
==================================== */

.l-header05 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #2e2e2e;
    z-index: var(--z-index-spNav);
}

.l-header05_inner {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    margin-inline: auto;
}

.l-header05_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-inline-start: 20px;
    padding-inline-end: 14px;
}

.l-headerLiiup_logo {
    width: 148px;
    height: 22px;
}

.l-headerLiiup_logo a {
    display: flex;
    width: 100%;
    height: inherit;
}

.l-headerLiiup_logo a svg {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-block: auto;
    margin-inline-end: auto;
}

.l-mainNav04 {
    display: flex;
    align-items: center;
    margin-inline-start: auto;
}

.l-mainNav04_list {
    display: flex;
}

.p-mainNav04_item {
    position: relative;
    height: 80px;
    margin-inline: 10px;
    color: #fff;
    font-size: .75rem;
    transition: color .2s ease;
}

.p-mainNav04_item::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #d8311b;
    opacity: 0;
    transition: opacity .3s ease;
}

.p-mainNav04_item a {
    display: flex;
    align-items: center;
    height: inherit;
}

.p-mainNav04_infoUp {
    color: #fff;
    font-size: .625rem;
}

.p-mainNav04_infoUp-pc {
    display: block;
    margin-inline-start: 24px;
    text-align: right;
}

.p-mainNav04_infoUp-sp {
    display: none;
}


/*! ===================================
SP版：Liiメニューリスト
==================================== */

.l-spNav {
    display: none;
}

.p-spNav_item {
    height: 60px;
    margin-block-end: 20px;
    background-color: #222;
}

.p-spNav_item-lii02 {
    background-color: #000;
}

.p-spNav_link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block-start: 17px;
    padding-block-end: 16px;
    padding-inline-end: 2em;
    padding-inline-start: 40px;
}

.p-spNav_link span {
    position: relative;
    display: inline-block;
    padding-inline-end: 1.5em;
    font-size: 1.125rem;
}

.p-spNav_link span::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg) translateY(-50%);
}

.p-spNav_link01 {
    padding-inline-end: 3em;
}

.p-discussion_bar .p-spNav_link span::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}


/*! ===================================
ハンバーガーボタン
==================================== */

.p-spNav_button {
    display: none;
}

.p-spNav_line {
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 6px;
    border-radius: 2px;
    transition: all .3s ease-out;
}

.p-spNav_line:nth-child(1) {
    top: 0px;
    left: 3px;
}

.p-spNav_line:nth-child(2) {
    top: 13px;
    left: 2px;
}

.p-spNav_line:nth-child(3) {
    top: 26px;
}

.p-spNav_line-lii:nth-child(1) {
    background-color: #D9311B;
}

.p-spNav_line-lii:nth-child(2) {
    background-color: #F4DE25;
}

.p-spNav_line-lii:nth-child(3) {
    background-color: #80B72C;
}

.p-spNav_line-liiss {
    background-color: #f3de24;
}

.p-spNav_line-liisj {
    background-color: #c0a343;
}

.p-spNav_line-nana {
    background-color: #80b62b;
}

.p-spNav_line-liiup:nth-child(1) {
    background-color: #d8311b;
}

.p-spNav_line-liiup:nth-child(2) {
    background-color: #f4523c;
}

.p-spNav_line-liiup:nth-child(3) {
    background-color: #ff5b45;
}


/*! ===================================
SPメニュー開閉
==================================== */

#js-hamburger.nav-open .p-spNav_line:nth-child(1) {
    left: 0;
    background-color: #fff;
    transform: translateY(13px) rotate(45deg);
}

#js-hamburger.nav-open .p-spNav_line:nth-child(2) {
    opacity: 0;
}

#js-hamburger.nav-open .p-spNav_line:nth-child(3) {
    background-color: #fff;
    transform: translateY(-13px) rotate(-45deg);
}

#js-hamburger.nav-open .p-spNav_line.p-spNav_line-liiss:nth-child(1) {
    background-color: #fff;
}

#js-hamburger.nav-open .p-spNav_line.p-spNav_line-liiss:nth-child(3) {
    background-color: #fff;
}

#js-hamburger.nav-open .p-spNav_line.p-spNav_line-liisj:nth-child(1) {
    background-color: #c0a343;
}

#js-hamburger.nav-open .p-spNav_line.p-spNav_line-liisj:nth-child(3) {
    background-color: #c0a343;
}

#js-hamburger.nav-open .p-spNav_line.p-spNav_line-nana:nth-child(1) {
    background-color: #80b62b;
}

#js-hamburger.nav-open .p-spNav_line.p-spNav_line-nana:nth-child(3) {
    background-color: #80b62b;
}

#js-hamburger.nav-open .p-spNav_line.p-spNav_line-liiup:nth-child(1) {
    background-color: #fff;
}

#js-hamburger.nav-open .p-spNav_line.p-spNav_line-liiup:nth-child(3) {
    background-color: #fff;
}

#js-hamburger.nav-open .p-spNav_line.p-spNav_line-lii02:nth-child(1) {
    background-color: #fa27ae;
}

#js-hamburger.nav-open .p-spNav_line.p-spNav_line-lii02:nth-child(3) {
    background-color: #fa27ae;
}

.l-spNav.nav-open {
    transform: translateX(0);
    transition: all .3s ease-out;
}

.is-fixed {
    height: 100%;
    overflow: hidden;
}


/*! ===================================
利用者の声
==================================== */

.l-voice {
    width: 100%;
    padding-block-start: clamp(60px, 16vw, 70px);
    padding-block-end: clamp(60px, 16vw, 80px);
    padding-inline: 20px;
    background: fixed url(../images/bg_white_shadow1203.png) top/100% auto repeat-y;
}

.l-voice.l-voice-nana {
    background: fixed url(../images/bg_green02_shadow1203.png) top/100% auto repeat-y;
}

.l-voice_title {
    width: 100%;
    max-width: 335px;
    margin-block-end: 20px;
    margin-inline: auto;
}

.l-voice_title img {
    width: 100%;
    filter: drop-shadow(8px 8px 24px rgba(0, 0, 0, 0.12));
}

.l-voice_wrap {
    width: min(100%, 1240px);
    margin-inline: auto;
}

.l-voice_list {
    margin-block-end: 70px;
}

.p-voiceArea_list {
    display: flex;
    flex-wrap: wrap;
}

.p-voice_item {
    display: flex;
    width: calc(50% - 20px);
    margin-block-start: 40px;
    padding-block-start: 36px;
    padding-block-end: 44px;
    padding-inline-start: 36px;
    padding-inline-end: 32px;
    background-color: #fff;
    box-shadow: 8px 8px 16px rgba(0, 0, 0, .08);
}

.p-voice_item:nth-child(2n) {
    margin-inline-start: 40px;
}

.p-voice_item02 {
    padding-inline-start: 20px;
}

.p-voice_img {
    width: 100%;
    max-width: 136px;
    margin-inline-end: 38px;
}

.p-voice_img img {
    display: block;
    width: 70px;
    height: 70px;
    margin-inline: auto;
}

.p-voice_img p {
    margin-block-start: 10px;
    text-align: center;
}

.p-voice_img02 {
    max-width: 170px;
    margin-inline-end: 24px;
}

.p-liiss_icon01 {
    background-color: #f3dd24;
}

.p-liiss_icon02 {
    background-color: #fbca1e;
}

.p-liiss_icon03 {
    background-color: #f7e657;
}

.p-liisj_icon01 {
    background-color: #6b83ba;
}

.p-liisj_icon02 {
    background-color: #c5ba8a;
}

.p-liisj_icon03 {
    background-color: #c5be8a;
}

.p-nana_icon01 {
    background-color: #a2db45;
}

.p-nana_icon02 {
    background-color: #03a44d;
}

.p-nana_icon03 {
    background-color: #52ac44;
}

.p-liiup_icon01 {
    background-color: #d8311b;
}

.p-liiup_icon02 {
    background-color: #ff7360;
}

.p-liiup_icon03 {
    background-color: #f68377;
}

.p-voice_body {
    width: 100%;
    max-width: 354px;
}

.p-voice_body h3 {
    margin-block-end: 1em;
    font-size: 1.125rem;
}

.p-voice_body p {
    font-size: .875rem;
}

.p-voice_button {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 240px;
    height: 60px;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #000;
    border-radius: 16px;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.open-icon,
.close-icon {
    position: relative;
    display: inline-block;
    padding-inline-end: 2em;
    font-size: 1.5rem;
}

.open-icon::after {
    position: absolute;
    content: "＋";
    right: 0;
    transition: transform .3s ease;
}

.close-icon::after {
    position: absolute;
    content: "＋";
    right: 0;
    transform: rotate(45deg);
    transition: transform .3s ease;
}

.p-voiceArea02_list {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease;
}

#js-voice_list.open-list .p-voiceArea02_list {
    height: auto;
    opacity: 1;
}


/*! ===================================
よくある質問
==================================== */

.l-faq {
    width: 100%;
    padding-block-start: clamp(60px, 16vw, 100px);
    padding-block-end: clamp(60px, 16vw, 140px);
    padding-inline: 20px;
}

.l-faq-liiss {
    background: url(../images/bg_yellow_shadow1203.png) top/100% auto repeat-y;
}

.l-faq-junior {
    background: url(../images/bg_darkblue.png) top/100% auto repeat-y;
}

.l-faq-nana {
    background: url(../images/bg_green03_shadow1203.png) top/100% auto repeat-y;
}

.l-faq-liiup {
    background: url(../images/bg_red_shadow1203.png) top/100% auto repeat-y;
}

.l-faq_title {
    width: 100%;
    max-width: 335px;
    margin-inline: auto;
}

.l-faq_title img {
    width: 100%;
    filter: drop-shadow(8px 8px 24px rgba(0, 0, 0, 0.12));
}

.l-faq_wrap {
    width: min(100%, 900px);
    margin-block-start: 40px;
    margin-inline: auto;
}

.p-faq_item {
    margin-block-start: clamp(28px, 7.467vw, 40px);
    padding-inline-start: 2em;
    padding-inline-end: 1.5em;
    background-color: #fff;
    font-size: 1.125rem;
    cursor: pointer;
}

.p-faq_question {
    position: relative;
    padding-block-start: 26px;
    padding-block-end: 27px;
    padding-inline-start: 2em;
}

.p-faq_question::before {
    position: absolute;
    content: "Q";
    left: 0;
    font-size: 1.25rem;
    line-height: 1.35;
}

.p-faq_question::after {
    position: absolute;
    content: "＋";
    right: 0;
    font-size: 1.5rem;
    line-height: 1.125;
    transition: transform .3s ease;
}

.p-faq_answer {
    position: relative;
    height: 0;
    padding-inline-start: 2em;
    padding-inline-end: 2em;
    font-weight: 500;
    overflow: hidden;
    transition: all .2s ease;
}

.p-faq_answer::before {
    position: absolute;
    content: "A";
    left: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.35;
}

.p-faq_answer p {
    margin-block-start: 1.5em;
}

.p-faq_answer p:first-child {
    margin-block-start: 0;
}

#js-faq_list .open-answer .p-faq_question::after {
    transform: rotate(45deg);
}


/*! ===================================
Lii sports studio/up! 特徴
==================================== */

.l-liiFeature {
    padding-inline: 20px;
    background-attachment: fixed;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding-block-end: 60px;
}

.l-liiFeature-liiss {
    background-image: url(../images/bg_gray1203.png);
}

.l-liiFeature-liiup {
    background-image: url(../images/bg_liiup_03.png);
}

.l-liiFeature_title {
    position: relative;
    top: -35px;
    width: 100%;
    max-width: 335px;
    height: 72px;
    margin-inline: auto;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.l-liiFeature_title h2 {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    padding-inline-start: 1em;
    font-size: 1.25rem;
    letter-spacing: .08em;
    text-align: center;
}

#up-sec .l-liiFeature_title h2 {
    color: #fff;
}

.l-liiFeature_title-liiss {
    background-image: url(../images/frame_yellow_02.png);
}

#nana-sec .l-liiFeature_title-liiss {
    background-image: url(../images/frame_green_02.png);
}

#up-sec .l-liiFeature_title-liiss {
    background-image: url(../images/frame_red_01.png);
}

.l-liiFeature_title-liiup {
    background-image: url(../images/frame_red_01.png);
}

.l-liiFeature_title-liiup h2 {
    color: #fff;
}

.l-liiFeature_list {
    width: min(100%, 1440px);
    margin-inline: auto;
    padding-block-start: 10px;
}

.l-liiFeature_list-liiss {
    margin-block-start: -10px;
}

.l-liiFeature_list-liiup {
    margin-block-start: -20px;
}

.l-liiFeature_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.l-liiFeature_item-liiss {
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(../images/bg_yellow_dots_02.png);
}

#nana-sec .l-liiFeature_item-liiss {
    background-image: unset;
}

#up-sec .l-liiFeature_item-liiss {
    background-image: unset;
}

.l-liiFeature_item-liiss01 {
    padding-block-start: 10px;
    padding-block-end: 40px;
}

.l-liiFeature_item-liiss03 {
    padding-block-start: 10px;
    padding-block-end: 20px;
    background-image: url(../images/bg_yellow_dots_03.png);
}

.l-liiFeature_item-liiup {
    background: url(../images/bg_star_01.png) center/100% no-repeat;
}

.l-liiFeature_item-liiup01 {
    padding-block-start: 20px;
    padding-block-end: 40px;
}

.l-liiFeature_item-liiup02 {
    padding-block-start: 10px;
    padding-block-end: 20px;
}

.p-liiFeature_img {
    position: relative;
    width: 100%;
    max-width: 546px;
    height: 372px;
    height: 388px;
}

.p-liiFeature_img::after {
    position: absolute;
    content: "";
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: var(--z-index-front);
}

.p-liiFeature_img01::after {
    top: -60px;
    left: 0px;
    width: 72px;
    height: 80px;
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.p-liiFeature_img01-liiss::after {
    background-image: url(../images/icon_boy_15.png);
}

#nana-sec .p-liiFeature_img01-liiss::after {
    background-image: url(../images/icon_boy_18.png);
}

#up-sec .p-liiFeature_img01-liiss::after {
    background-image: url(../images/icon_boy_13.png);
}

.p-liiFeature_img01-liiup::after {
    background-image: url(../images/icon_boy_13.png);
}

#up-sec .p-liiFeature_img03-liiss::after {
    background-image: url(../images/icon_boy_14.png);
}

.p-liiFeature_img03 {
    margin-block-start: 1em;
}

.p-liiFeature_img03::after {
    top: -70px;
    right: 80px;
    width: 65px;
    height: 80px;
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.p-liiFeature_img03-liiss::after {
    background-image: url(../images/icon_boy_17.png);
}

#nana-sec .p-liiFeature_img03-liiss::after {
    background-image: url(../images/icon_cta-button_0302.png);
}

.p-liiFeature_img03-liiup::after {
    background-image: url(../images/icon_boy_14.png);
}

.p-liiFeature_title {
    position: relative;
    margin-inline: auto;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: .12em;
    z-index: var(--z-index-front);
}

.p-liiFeature_title span {
    position: absolute;
    display: block;
    top: 10px;
    width: 100%;
    padding-inline-start: 1em;
    text-align: center;
}

.p-liiFeature_title-liiss {
    color: #000;
}

.p-liiFeature_title01 {
    width: 388px;
    height: 83px;
}

.p-liiFeature_title01-liiss {
    background-image: url(../images/frame_yellow_03.png);
}

#nana-sec .p-liiFeature_title01-liiss {
    background-image: url(../images/frame_green_03.png);
}

#up-sec .p-liiFeature_title01-liiss {
    background-image: url(../images/frame_red_02.png);
}

#up-sec .p-liiFeature_title01-liiss span {
    color: #fff;
}

.p-liiFeature_title01-liiup {
    background-image: url(../images/frame_red_03.png);
}

.p-liiFeature_title03 {
    width: 462px;
    height: 83px;
}

.p-liiFeature_title03-liiss {
    background-image: url(../images/frame_yellow_04.png);
}

#nana-sec .p-liiFeature_title03-liiss {
    background-image: url(../images/frame_green_04.png);
}

#up-sec .p-liiFeature_title03-liiss {
    background-image: url(../images/frame_red_02.png);
}

#up-sec .p-liiFeature_title03-liiss span {
    color: #fff;
}

.p-liiFeature_title03-liiup {
    background-image: url(../images/frame_red_04.png);
}

.p-liiFeature_frame {
    top: -36px;
    height: 326px;
}

.p-liiFeature_frame-liiup.c-frame_img {
    background-color: #d8311b;
}

.p-liiFeature_frame img {
    position: absolute;
    display: block;
    width: 445px;
    height: 251px;
    margin-block-start: 48px;
    margin-inline-start: 50px;
}

.p-liiFeature_text {
    width: 420px;
    color: #fff;
    font-size: .875rem;
    line-height: 2.75;
    letter-spacing: .12em;
}

.p-liiFeature_text p:first-child {
    margin-block-end: 2em;
}

.p-liiFeature_text01 {
    margin-inline-start: 25px;
}

.p-liiFeature_text02 {
    margin-inline-end: 25px;
}

.p-liiFeature_text-tag {
    font-size: .8125rem;
}


/*! ===================================
Liiでの流れ
==================================== */

.l-liiFlow {
    position: relative;
    width: 100%;
    padding-block-end: 125px;
    padding-inline: 20px;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.l-liiFlow::after {
    position: absolute;
    content: "";
    bottom: -60px;
    left: 50%;
    transform: translateX(-60%);
    width: 203px;
    height: 234px;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: var(--z-index-front);
    animation-name: swaying2;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-liiFlow-liiss {
    background-image: url(../images/bg_yellow_shadow1203.png);
}

.l-liiFlow-liiss::after {
    background-image: url(../images/image_liiss-flow_02.png);
}

.l-liiFlow-liiup {
    background-image: url(../images/bg_red_shadow1203.png);
}

.l-liiFlow-liiup::after {
    background-image: url(../images/image_liiup-flow_02.png);
}

.l-liiFlow_inner {
    position: relative;
    width: min(100%, 1260px);
    margin-inline: auto;
}

.l-liiFlow_inner::before {
    position: absolute;
    content: "";
    top: 35px;
    left: 48%;
    transform: translateX(-48%);
    width: 214px;
    height: 190px;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: var(--z-index-front);
    animation-name: vertical-shake3;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-liiFlow_inner-liiss::before {
    background-image: url(../images/image_liiss-flow_01.png);
}

.l-liiFlow_inner-liiup::before {
    background-image: url(../images/image_liiup-flow_01.png);
}

.l-liiFlow_title {
    position: relative;
    top: -35px;
    width: 100%;
    max-width: 335px;
    height: 68px;
    margin-inline: auto;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.l-liiFlow_title h2 {
    position: absolute;
    top: 30px;
    top: 12px;
    left: 0;
    width: 100%;
    padding-inline-start: 1em;
    font-size: 1.125rem;
    letter-spacing: .08em;
    text-align: center;
}

.l-liiFlow_title h2 span {
    font-size: .8125rem;
}

.l-liiFlow_title-liiss {
    background-image: url(../images/frame_white_03.png);
}

.l-liiFlow_title-liiup {
    background-image: url(../images/frame_red_02.png);
}

.l-liiFlow_title-liiup h2 {
    color: #fff;
}

.l-liiFlow_wrap {
    width: 100%;
    padding-block-start: 105px;
}

.l-liiFlow_list {
    position: relative;
    width: 100%;
}

.l-liiFlow_list:before {
    position: absolute;
    content: "";
    top: -50px;
    left: 50%;
    width: 6px;
    height: 88%;
    transform: translateX(-50%);
}

.l-liiFlow_list.l-liiFlow_list-liiss::before {
    background: #e9a72d;
}

.l-liiFlow_list.l-liiFlow_list-liiup::before {
    background: #d8311b;
}

.l-liiFlowGroup_item {
    display: flex;
    flex-wrap: wrap;
}

.p-liiFlow_time {
    position: relative;
    top: 25px;
    width: 200px;
    height: 50px;
    margin-inline: auto;
    background: url(../images/frame_white_01.png) top/100% auto no-repeat;
    font-size: .875rem;
    z-index: 10;
}

.p-liiFlow_time span {
    position: absolute;
    display: block;
    top: 12px;
    width: 100%;
    margin-inline: auto;
    padding-inline-start: .5em;
    text-align: center;
}

.p-liiFlow_time.p-liiFlow-start {
    top: 0;
    width: 282px;
    height: 89px;
    background: url(../images/frame_white_02.png) top/100% no-repeat;
    font-size: 1.5rem;
}

.p-liiFlow_time.p-liiFlow-start span {
    top: 20px;
}

.l-liiFlow_item {
    display: flex;
    width: 50%;
    margin-block-start: 40px;
}

.l-liiFlow_item:nth-of-type(2n) {
    justify-content: flex-end;
}

.l-liiFlow_item-right03 {
    margin-block-start: 165px;
}

.p-liiFlow_item_wrap {
    width: 280px;
}

.p-liiFlow_line {
    position: relative;
}

.p-liiFlow_line::before {
    position: absolute;
    content: "";
    height: 6px;
}

.p-liiFlow_line::after {
    position: absolute;
    content: "";
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.p-liiFlow_line01 {
    z-index: 5;
}

.p-liiFlow_line01::before {
    top: 50%;
    right: -84px;
    transform: translateY(-50%);
    width: 100px;
    background-color: #ffba33;
}

.p-liiFlow_line01::after {
    top: 50%;
    transform: translateY(-50%);
    right: -100px;
    background-color: #ffba33;
}

.p-liiFlow_line01.p-liiFlow_line01-liiup::before {
    background-color: #d8311b;
}

.p-liiFlow_line01.p-liiFlow_line01-liiup::after {
    background-color: #d8311b;
}

.p-liiFlow_line02::before {
    top: 50%;
    left: -80px;
    transform: translateY(-50%);
    width: 106px;
    background-color: #ffeb33;
}

.p-liiFlow_line02::after {
    background-color: #ffeb33;
}

.p-liiFlow_line02.p-liiFlow_line02-liiup::before {
    background-color: #ff5b45;
}

.p-liiFlow_line02.p-liiFlow_line02-liiup::after {
    background-color: #ff5b45;
}

.l-liiFlow_item-right01 .p-liiFlow_line02::after {
    display: none;
}

.l-liiFlow_item-right02 .p-liiFlow_line02::after {
    display: none;
}

.l-liiFlow_item-right03 .p-liiFlow_line02::after {
    top: 50%;
    transform: translateY(-50%);
    left: -100px;
}

.p-liiFlow_frame {
    position: relative;
    width: 280px;
    height: 160px;
    -webkit-clip-path: polygon(0 0, 100% 0, 97.37% 100%, 4.91% 100%);
    clip-path: polygon(0 0, 100% 0, 97.37% 100%, 4.91% 100%);
}

.p-liiFlow_frame img {
    position: absolute;
    display: block;
    width: 224px;
    height: 126px;
    margin-block-start: 17px;
    margin-inline-start: 28px;
}

.p-liiFlow_frame01 {
    background-color: #ffba33;
}

.p-liiFlow_frame02 {
    background-color: #ffeb33;
}

.p-liiFlow_frame03 {
    background-color: #d8311b;
}

.p-liiFlow_frame04 {
    background-color: #ff5b45;
}

.p-liiFlow_text {
    max-width: 435px;
    margin-block-start: 28px;
    margin-inline: auto;
    font-size: .8125rem;
    line-height: 2.4;
    letter-spacing: .08em;
}


/*! ===================================
お問い合わせ一覧
==================================== */

.l-contact {
    position: relative;
    width: 100%;
    height: 280px;
    background: linear-gradient(90deg, rgba(47, 184, 238, 0.6) 0.21%, rgba(255, 255, 1, 0.6) 51.25%, rgba(250, 39, 174, 0.6) 100.21%), url(../images/image_contact.jpg) center top/cover no-repeat;
}

.l-contact::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    transition: background-color .5s ease;
}

.l-contact_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding-inline: 20px;
    z-index: var(--z-index-contact);
}

.l-contact_header {
    margin-block-end: 1.5em;
    text-align: center;
}

.p-contact_title-en {
    display: block;
    width: clamp(138px, 36.8vw, 377px);
    margin-inline: auto;
}

.p-contact_title-jp {
    display: block;
    margin-block-start: 1.2em;
    color: #fff;
    font-size: clamp(14px, 3.733vw, 20px);
}

.p-contactBox_button {
    max-width: clamp(280px, 74.667vw, 380px);
    margin-inline: auto;
}

.p-contactBox_button a {
    padding-block: 18px;
    background-color: #F4DE25;
}


/*! ===================================
スタジオ一覧
==================================== */

.l-studioBox {
    position: relative;
    width: 100%;
    padding-block-start: clamp(57px, 15.2vw, 120px);
    padding-block-end: clamp(44px, 11.733vw, 100px);
    background: fixed url(../images/bg_pyb-black1203.png) center/cover no-repeat;
}

.l-studioBox_inner {
    overflow: hidden;
}

.l-studioBox_wrap {
    position: relative;
    max-width: 1140px;
    margin-inline: auto;
}

.l-studioBox .swiper {
    overflow: visible;
}

.l-studioBox .swiper-slide {
    display: flex;
    flex-direction: column;
    width: 320px;
    height: auto;
    cursor: initial;
}

.l-studioBox_title {
    width: clamp(221px, 58.933vw, 316px);
    height: auto;
    max-height: 40px;
    margin-inline: auto;
    margin-block-end: clamp(50px, 13.333vw, 80px);
}

.l-studioBox_title img {
    display: inline-block;
}

.swiper-button-next:focus-visible,
.swiper-rtl .swiper-button-prev:focus-visible {
    outline: 1px solid #fff;
}

.p-slider2_arrow.swiper-button-prev:before,
.p-slider2_arrow.swiper-button-next:before {
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    border: 2px solid #ffff01;
    border-radius: 50%;
    background-color: rgba(255, 255, 1, .2);
}

.p-slider2_arrow.swiper-button-prev:after {
    position: absolute;
    content: "";
    right: 0;
    width: 18px;
    height: 18px;
    transform: rotate(-45deg);
    border-top: 4px solid #ffff01;
    border-left: 4px solid #ffff01;
}

.p-slider2_arrow.swiper-button-next:after {
    position: absolute;
    content: "";
    left: 0;
    width: 18px;
    height: 18px;
    transform: rotate(45deg);
    border-top: 4px solid #ffff01;
    border-right: 4px solid #ffff01;
}

.slider2-area {
    position: absolute;
    top: -1.6em;
    color: #fff;
    font-size: 1rem;
}

.p-slider2 {
    position: relative;
    width: inherit;
    display: flex;
    flex-direction: column;
}

.p-slider2_img {
    position: relative;
    width: 320px;
    height: 200px;
    background-color: #fff;
}

.p-slider2_img img {
    width: inherit;
    height: inherit;
    transition: all .3s ease;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-slider2_img p {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-inline: 4px;
    background-color: #f3de24;
    font-size: 1rem;
}

.p-slider2_img p.junior {
    background-color: #36498c;
    color: #fff;
}

.p-slider2_img p.nanagym {
    background-color: #85c023;
    color: #fff;
}

.p-slider2_img p.up {
    background-color: #d8311b;
    color: #fff;
}

.p-slider2_img p.tag_lii-sports-junior {
    background-color: #36498c;
    color: #fff;
}

.p-slider2_img p.tag_lii-sports-nana {
    background-color: #85c023;
    color: #fff;
}

.p-slider2_img p.tag_lii-sports-up {
    background-color: #d8311b;
    color: #fff;
}

.p-slider2 {
    height: 100%;
}

.p-slider2_body {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 320px;
    padding: 20px;
    background-color: #fff;
    font-size: .75rem;
    transition: all .3s ease;
}

.p-slider2_name {
    margin-block-end: 5px;
    font-size: 1.125rem;
    letter-spacing: -0.01em;
}

.p-slider2_station {
    display: flex;
    align-items: center;
    height: 36px;
    margin-block: 10px;
}

.p-slider2_tel {
    line-height: 1.8;
}

.p-slider2_tel-noJudge {
    margin-block-end: 1.8em;
}

.p-slider2_judge {
    line-height: 1.8;
}

.p-slider2_gmap {
    position: absolute;
    display: block;
    bottom: 20px;
    right: 20px;
    font-size: 1rem;
}

.p-studioBox_linkButton {
    width: 240px;
    height: 60px;
    margin-block-start: clamp(34px, 9.067vw, 80px);
    margin-inline: auto;
}


/*! ===================================
ページネーション
==================================== */

.pager {
    display: flex;
}

.pager_inner {
    display: flex;
    margin-inline: auto;
}


/*!===================================
ページネーション（番号レイアウト） 
===================================*/

.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-inline-end: 20px;
    border: 1px solid #585959;
    border-radius: 50%;
    background-color: #fff;
    color: #585959;
    font-size: 1.125rem;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
    line-height: 30px;
}

.page-numbers:last-child {
    margin-inline-end: 0;
}

.page-numbers.current {
    border: initial;
    background-color: #D9311B;
    color: #fff;
    pointer-events: none;
}


/*!===================================
ページネーション（戻る／進むボタン） 
===================================*/

.prev {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.prev::before {
    position: absolute;
    content: "";
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 1px solid #585959;
    border-radius: 50%;
    background-color: #fff;
    transition: all .2s ease-in-out;
}

.prev::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    bottom: 0;
    left: -22px;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-top: 2px solid #585959;
    border-left: 2px solid #585959;
    transform: translateY(-50%) rotate(-45deg);
    transition: all .2s ease-in-out;
}

.next {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.next::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 1px solid #585959;
    border-radius: 50%;
    background-color: #fff;
    transition: all .2s ease-in-out;
}

.next::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    bottom: 0;
    left: 15px;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-top: 2px solid #585959;
    border-right: 2px solid #585959;
    transform: translateY(-50%) rotate(45deg);
    transition: all .2s ease-in-out;
}

.page-numbers.dots,
.page-numbers.next,
.page-numbers.prev {
    min-width: initial;
    width: auto;
    border: none;
    line-height: 30px;
}

.page-numbers.dots {
    pointer-events: none;
}


/*! ===================================
Liiについて
==================================== */

.l-topAbout {
    width: 100%;
    padding-block-start: clamp(74px, 19.733vw, 214px);
    padding-block-end: clamp(17px, 4.533vw, 100px);
    background: fixed url(../images/bg_white1203.png) top/100% auto repeat-y;
}

.l-topAbout_slide {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
    padding-inline: 20px;
    z-index: var(--z-index-front);
}

.l-topAbout_slide::before {
    position: absolute;
    content: "";
    top: -63px;
    left: 141px;
    width: 45px;
    height: 50px;
    background: url(../images/icon_boy_011203.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    transform: translateZ(1px);
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-topAbout_slide::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 60px;
    width: 50px;
    height: 77px;
    background: url(../images/icon_boy_021203.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    transform: translateZ(1px);
    animation-name: vertical-shake2;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-topAbout_slide-title {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%) translateZ(1px);
    width: 137px;
    height: auto;
    max-height: 136px;
    z-index: var(--z-index-front);
}

.image_frame {
    position: relative;
    width: 469px;
    height: 264px;
    background-color: #000;
    -webkit-clip-path: polygon(0 0, 100% 0, 97.37% 100%, 4.91% 100%);
    clip-path: polygon(0 0, 100% 0, 97.37% 100%, 4.91% 100%);
}

.slider1 .swiper-slide img {
    position: absolute;
    top: 22px;
    left: 50px;
    width: 388px;
    height: 218px;
}

.slider1 .swiper-horizontal>.swiper-pagination-bullets,
.slider1 .swiper-pagination-bullets.swiper-pagination-horizontal,
.slider1 .swiper-pagination-custom,
.slider1 .swiper-pagination-fraction {
    bottom: 0px;
}

.slider1 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #777;
    opacity: 1;
    transition: all .7s ease-in-out;
}

.slider1 .swiper-pagination-bullet-active {
    background-color: #D9311B;
}

.l-topAbout_text {
    width: 100%;
    max-width: 1360px;
    margin-block-start: -30px;
    margin-inline: auto;
    padding-block-start: clamp(70px, 10vw, 163px);
    padding-block-end: clamp(40px, 10vw, 98px);
    background: url(../images/bg_pyb_dots_011203.png) center/cover no-repeat;
}

.l-topAbout_text p {
    padding-inline: 28px;
    font-size: 1rem;
    text-align: center;
    line-height: 2.2;
}

.l-topAbout_text p:first-child {
    margin-block-end: 1.5em;
}

.l-topAbout_facility {
    width: 100%;
    max-width: 1270px;
    margin-inline: auto;
    padding-inline: 20px;
}

.l-facility_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.p-facility_item {
    position: relative;
    width: 100%;
    max-width: 335px;
    margin-block-end: 32px;
    margin-inline: auto;
}

.p-facility-frame {
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 335px;
    height: 200px;
}

.p-facility_img {
    position: relative;
    top: 30px;
    left: 34px;
    width: 272px;
    height: 153px;
    overflow: hidden;
}

.p-facility_img img {
    width: inherit;
    height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .6;
    transition: opacity .3s ease, transform .3s ease;
}

.p-facility_text {
    margin-block-start: -6px;
    font-size: clamp(14px, 3.733vw, 16px);
    text-align: center;
    line-height: 2;
}


/*! ===================================
Liiの約束
==================================== */

.l-topPromise {
    position: relative;
    width: 100%;
    padding-block-start: clamp(40px, 10.667vw, 70px);
    padding-block-end: clamp(60px, 16vw, 100px);
    padding-inline: 20px;
    background: url(../images/bg_yellow.png) top/100% auto repeat-y;
}

.l-topPromise::after {
    position: absolute;
    content: "";
    bottom: -42px;
    right: 20px;
    width: 68px;
    height: 111px;
    background: url(../images/icon_kids_01.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: vertical-shake2;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-topPromise_inner {
    width: min(100%, 1440px);
    margin-inline: auto;
}

.l-topPromise_title {
    position: relative;
    max-height: 374px;
    margin-block-end: 0px;
    margin-inline: auto;
    padding-block-start: 28px;
    padding-block-end: clamp(98px, 26.133vw, 133px);
    background: url(../images/bg_pb_dots_01.png) center top/100% no-repeat;
}

.l-topPromise_title h2 {
    width: clamp(173px, 46.133vw, 239px);
    max-height: 62px;
    margin-inline: auto;
}

.l-topPromise_title h2 img {
    width: 100%;
}

.l-topPromise_title p {
    margin-block-start: clamp(35px, 9.333vw, 67px);
    font-size: clamp(20px, 2.858vw, 28px);
    text-align: center;
    letter-spacing: .08em;
}

.l-topPromise_title::before {
    position: absolute;
    content: "";
    bottom: 10px;
    left: 0px;
    width: 87px;
    height: 99px;
    background: url(../images/icon_boy_03.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: vertical-shake2;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-topPromise_title::after {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 0px;
    width: 80px;
    height: 122px;
    background: url(../images/icon_boy_02.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-topPromise_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-inline: auto;
}

.p-promise_text-sp {
    display: none;
}

.l-topPromise-slide {
    position: relative;
    width: 612px;
    height: 365px;
    margin-block-end: clamp(10px, 2.667vw, 40px);
    margin-inline: 15px;
}

.p-topPromise-slide_img {
    position: absolute;
    top: 43px;
    left: 63px;
    width: 498px;
    height: 280px;
    opacity: 0;
}

.p-topPromise-slide_img01 {
    animation: topPromise-slide01 42s infinite;
}

.p-topPromise-slide_img01:nth-of-type(1) {
    animation-delay: 0s;
}

.p-topPromise-slide_img01:nth-of-type(2) {
    animation-delay: 6s;
}

.p-topPromise-slide_img01:nth-of-type(3) {
    animation-delay: 12s;
}

.p-topPromise-slide_img01:nth-of-type(4) {
    animation-delay: 18s;
}

.p-topPromise-slide_img01:nth-of-type(5) {
    animation-delay: 24s;
}

.p-topPromise-slide_img01:nth-of-type(6) {
    animation-delay: 30s;
}

.p-topPromise-slide_img01:nth-of-type(7) {
    animation-delay: 36s;
}

@keyframes topPromise-slide01 {
    0% {
        opacity: 0;
    }
    7% {
        opacity: 1;
    }
    14% {
        opacity: 1;
    }
    21% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.p-topPromise-slide_img02 {
    animation: topPromise-slide02 36s infinite;
}

.p-topPromise-slide_img02:nth-of-type(1) {
    animation-delay: 0s;
}

.p-topPromise-slide_img02:nth-of-type(2) {
    animation-delay: 6s;
}

.p-topPromise-slide_img02:nth-of-type(3) {
    animation-delay: 12s;
}

.p-topPromise-slide_img02:nth-of-type(4) {
    animation-delay: 18s;
}

.p-topPromise-slide_img02:nth-of-type(5) {
    animation-delay: 24s;
}

.p-topPromise-slide_img02:nth-of-type(6) {
    animation-delay: 30s;
}

@keyframes topPromise-slide02 {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    16% {
        opacity: 1;
    }
    24% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.l-topPromise_text {
    margin-block-start: clamp(24px, 6.4vw, 50px);
}

.l-topPromise_text p {
    margin-block-start: clamp(20px, 5.333vw, 40px);
    font-size: 1rem;
    text-align: center;
    line-height: 2.2;
}

.p-topPromise_linkButton {
    width: 280px;
    height: 60px;
    margin-block-start: clamp(32px, 8.534vw, 80px);
    margin-inline: auto;
}


/*! ===================================
News
==================================== */

.l-topNews {
    position: relative;
    width: 100%;
    background-color: #86dee8;
    padding-block-start: clamp(55px, 14.667vw, 100px);
    padding-block-end: 100px;
}

.l-topNews::before,
.l-topNews::after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    background: url(../images/bg_top-news_loop1203.svg) repeat-x 0 0;
    background-size: auto 100%;
    animation: topNews-loop 24s linear infinite;
}

.l-topNews::before {
    top: clamp(36px, 9.6vw, 60px);
    height: clamp(64px, 17.067vw, 138px);
}

.l-topNews::after {
    bottom: clamp(10px, 2.667vw, 60px);
    height: clamp(52px, 13.867vw, 138px);
}

@keyframes topNews-loop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1204px 0;
    }
}

.l-topNews_inner {
    position: relative;
    width: min(100%, 1180px);
    margin-inline: auto;
    padding-inline: 20px;
    z-index: var(--z-index-front);
}

.l-topNews_title {
    width: 112px;
    height: 19px;
    margin-block-end: 48px;
    margin-inline: auto;
}

.l-topNews_title h2 {
    width: inherit;
    height: inherit;
}

.l-topNews_title h2 img {
    display: flex;
    width: 100%;
}

.l-topNews_list {
    position: relative;
}

.l-topNews_list::before {
    position: absolute;
    content: "";
    top: -60px;
    left: 0px;
    width: 87px;
    height: 60px;
    background: url(../images/icon_kids_021203.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-topNews_list::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: -210px;
    width: 220px;
    height: 147px;
    background: url(../images/icon_kids_031203.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.p-topNews_item {
    height: 124px;
    margin-block-start: 1.5em;
    background-color: #fff;
    filter: drop-shadow(8px 8px 16px rgba(136, 136, 136, 0.08));
}

.p-topNews_wrap {
    display: flex;
    flex-wrap: nowrap;
}

.p-topNews_img {
    width: 100%;
    max-width: 221px;
    height: auto;
    max-height: 124px;
    background-color: #fff;
    transition: all .3s ease;
    -o-object-fit: contain;
    object-fit: contain;
    overflow-y: hidden;
}

.p-topNews_img img {
    width: 100%;
}

.p-topNews_body {
    position: relative;
    width: calc(100% - 221px);
    margin-block: 7px;
    margin-inline: 9px;
    transition: all .3s ease;
}

.p-topNews_title {
    height: 1.5em;
    font-size: 1.125rem;
    overflow: hidden;
}

.p-topNews_text {
    height: 3em;
    font-size: .875rem;
    overflow: hidden;
}

.p-topNews_text a {
    text-decoration: underline;
}

.p-topNews_date {
    position: absolute;
    bottom: 0;
    font-size: .875rem;
}

.p-topNews_linkButton {
    width: 240px;
    height: 60px;
    margin-block-start: 50px;
    margin-inline: auto;
}


/*! ===================================
Recruit
==================================== */

.l-topRecruit {
    position: relative;
    width: 100%;
    background: fixed url(../images/bg_top-recruit1203.png) top/100% auto repeat;
}

.l-topRecruit::before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: solid rgba(0, 0, 0, 0);
    border-right: solid #ffff01;
    border-top-width: 75px;
    border-right-width: 192px;
}

.l-topRecruit::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: solid rgba(0, 0, 0, 0);
    border-right: solid #86dee8;
    border-top-width: 38px;
    border-right-width: 154px;
}

.p-topRecruit_icon {
    position: relative;
    top: 0;
    left: 0;
}

.p-topRecruit_icon .p-topRecruit_iconImg {
    position: absolute;
    display: block;
    top: -40px;
    left: 20px;
    width: 100px;
    height: 60px;
    transform: rotate(-13.8deg);
    z-index: var(--z-index-front);
    animation-name: swaying4;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.p-topRecruit_icon::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: solid rgba(0, 0, 0, 0);
    border-left: solid #ffff01;
    border-bottom-width: 75px;
    border-left-width: 192px;
}

.p-topRecruit_icon::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: solid rgba(0, 0, 0, 0);
    border-left: solid #86dee8;
    border-bottom-width: 38px;
    border-left-width: 154px;
}

.l-topRecruit_inner {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
    padding-block: 100px;
    padding-inline: 20px;
    z-index: var(--z-index-front);
}

.l-topRecruit_header {
    display: flex;
    flex-direction: row;
}

.p-topRecruit_title {
    width: 186px;
    margin-inline-end: 148px;
}

.p-topRecruit_title img {
    display: inline-block;
    width: 100%;
    height: 42px;
    height: 23px;
}

.p-topRecruit_title span {
    display: inline-block;
    width: 100%;
    margin-block-start: clamp(10px, 2.667vw, 20px);
    font-size: clamp(13px, 3.467vw, 16px);
}

.p-topRecruit_text {
    margin-block-start: 14px;
    font-size: .875rem;
}

.l-topRecruit_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.l-topRecruit_item {
    position: relative;
    overflow: hidden;
    width: calc(50% - 21px);
    height: 160px;
    margin-block-start: 20px;
    border-radius: clamp(30px, 8vw, 60px);
    box-shadow: 8px 8px 16px rgba(0, 0, 0, .12);
    transition: all .3s ease;
}

.l-topRecruit_item:first-child {
    margin-inline-end: 42px;
}

.l-topRecruit_item01 {
    background: url(../images/image_top-recruit_entry_01.jpg) top center/100% no-repeat;
}

.l-topRecruit_item02 {
    background: url(../images/image_top-recruit_entry_02.jpg) top center/100% no-repeat;
}

.p-topRecruit_item01 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #80B72C;
}

.p-topRecruit_item02 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #D9311B;
}

.p-topRecruit_link {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    padding-block: 20px;
    padding-inline: 10px;
    border: 6px solid #000;
    border-radius: clamp(30px, 8vw, 60px);
}

.p-topRecruit_link img {
    display: block;
    margin-inline: auto;
    height: 42px;
}

.p-topRecruit_link p {
    margin-block-start: 1.5em;
    font-size: 1rem;
    text-align: center;
}


/*! ===================================
Lii sports studioとは
==================================== */

.l-liissAbout {
    width: 100%;
}

.l-liissAbout-sec01 {
    padding-block-start: 60px;
    padding-inline: 20px;
    background: fixed url(../images/bg_white_shadow1203.png) top/100% auto repeat-y;
}

.l-liissAbout-sec01_inner {
    width: 100%;
    max-width: 1140px;
    margin-inline: auto;
}

.l-liissAbout_title {
    max-width: min(100%, 492px);
    max-height: 71px;
    margin-inline: auto;
}

.l-liissAbout_title img {
    width: 100%;
}

.l-liissAbout-sec01_text {
    margin-block-start: 28px;
}

.l-liissAbout-sec01_text p {
    font-size: 1rem;
    text-align: center;
    line-height: 2.2;
    letter-spacing: .12em;
}

.p-concept_img {
    position: relative;
    width: min(100%, 900px);
    height: 361px;
    margin-block-start: 36px;
    margin-block-end: 0px;
    margin-inline: auto;
    background: url(../images/bg_liiss-about_concept_pc.png) center/100% no-repeat;
}

.p-concept_list {
    position: absolute;
    display: flex;
    align-items: center;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -45%);
    width: 100%;
}

.p-concept_item {
    width: 33.3333%;
    font-size: 1.375rem;
    text-align: center;
    line-height: 1.2;
    letter-spacing: .12em;
}

.p-concept_item span {
    display: block;
}

.p-concept_item01 {
    padding-inline-start: 1.5em;
}

.p-concept_item01 span {
    margin-block-end: 20px;
}

.p-concept_item02 {
    padding-inline-end: .5em;
}

.p-concept_item02 span {
    margin-block-end: 21px;
}

.p-concept_item03 {
    padding-inline-end: 2em;
}

.p-concept_item03 span {
    margin-block-end: 14px;
}

.l-liissAbout_video {
    position: relative;
    width: 469px;
    margin-block-start: 55px;
    margin-inline: auto;
    z-index: var(--z-index-front);
}

.l-liissAbout_video::before {
    position: absolute;
    content: "";
    top: -90px;
    left: 15px;
    width: 81px;
    height: 90px;
    background: url(../images/icon_boy_15.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-liissAbout_video::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 10px;
    width: 50px;
    height: 77px;
    background: url(../images/icon_boy_16.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: vertical-shake2;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-liissAbout_video .p-liissVideo_title {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 320px;
    height: 68px;
    z-index: 20;
}

.l-liissAbout_video .p-liissVideo_title img {
    width: 100%;
    height: 100%;
}

.l-liissAbout_video .p-liissVideo_frame {
    width: 469px;
    height: 264px;
}

.l-liissAbout_video .p-liissVideo_contents {
    position: absolute;
    top: 18px;
    left: 50px;
    width: 388px;
    height: 218px;
}

.l-liissAbout_video .p-liissVideo_contents video {
    width: 100%;
    height: auto;
}

.l-liissAbout-sec02 {
    position: relative;
    margin-block-start: -106px;
    padding-block-start: 140px;
    padding-block-end: 60px;
    background: url(../images/bg_yellow_shadow1203.png) top/100% auto repeat-y;
}

.l-liissAbout-sec02_inner {
    width: min(100%, 1440px);
    margin-inline: auto;
}

.l-liissAbout-sec02_img {
    position: relative;
    width: 100%;
    height: 374px;
    height: 220px;
    padding-block: 6px;
    padding-inline: 10px;
    background: url(../images/bg_yellow_dots_01.png) center top/contain no-repeat;
}

.p-twoAxis {
    position: relative;
    width: 500px;
    height: 100%;
    margin-inline: auto;
}

.p-twoAxis_item {
    position: absolute;
}

.p-twoAxis_item p {
    position: absolute;
    font-size: .875rem;
}

.p-twoAxis_img {
    height: 200px;
}

.p-twoAxis_img img {
    width: 100%;
    height: 100%;
}

.p-twoAxis_item01 {
    top: 0;
    left: 0;
    max-width: 566px;
}

.p-twoAxis_item01 p {
    top: 50%;
    left: 185px;
    left: 100px;
    transform: translateY(-50%);
}

.p-twoAxis_item02 {
    top: 0;
    right: 0;
    max-width: 573px;
}

.p-twoAxis_item02 p {
    top: 50px;
    right: 140px;
    top: 30px;
    right: 75px;
}

.l-liissAbout-sec02_text {
    width: min(100%, 1180px);
    margin-block-start: 40px;
    margin-inline: auto;
    padding-inline: 20px;
}

.l-liissAbout-sec02_text p {
    font-size: .875rem;
    line-height: 2.2;
    letter-spacing: .12em;
}

.l-liissAbout-sec02_text p:first-child {
    margin-block-end: 2em;
}

.main-title02 {
    margin-block-end: 0.5em !important;
}

.main-title03 {
    margin-block-end: 0.5em !important;
    color: #fff;
}

.l-liissAbout-sec03 {
    position: relative;
    padding-block-start: 60px;
    padding-block-end: 90px;
    padding-inline: 20px;
    background: url(../images/bg_white_shadow1203.png) top/100% auto repeat-y;
}

.l-liissAbout-sec03_inner {
    width: min(100%, 1154px);
    margin-inline: auto;
}

.l-liissAbout-sec03_header {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.p-liissAbout-sec03_title {
    width: 42.8%;
    max-width: 494px;
    font-size: 1.75rem;
    letter-spacing: .08em;
}

.p-liissAbout-sec03_title span {
    font-feature-settings: "palt";
}

.p-liissAbout-sec03_profile {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 57.2%;
    max-width: 660px;
}

.p-liissAbout-sec03_profile .p-profile_img {
    width: 39%;
    max-width: 255px;
    filter: drop-shadow(8px 8px 16px rgba(0, 0, 0, 0.25));
}

.p-liissAbout-sec03_profile .p-profile_img img {
    width: 100%;
    height: 100%;
}

.p-liissAbout-sec03_profile .p-profile_text {
    width: 59%;
    max-width: 366px;
    margin-inline-start: 20px;
    font-size: .75rem;
    letter-spacing: .12em;
}

.l-liissAbout-sec03_text {
    margin-block-start: 50px;
    margin-inline: auto;
}

.l-liissAbout-sec03_text p {
    font-size: .875rem;
    line-height: 2.2;
    letter-spacing: .12em;
}


/*! ===================================
7gymの特徴
==================================== */

.l-nanaFeature-sec01 {
    width: 100%;
    padding-block: 70px;
    padding-inline: 10px;
    background: fixed url(../images/bg_white_shadow1203.png) top/100% auto repeat-y;
}

.l-nanaFeature-sec01_title {
    width: min(100%, 630px);
    margin-block-end: 23px;
    margin-inline: auto;
}

.l-nanaFeature-sec01_title h2 {
    width: 242px;
    height: 51px;
    margin-block-end: 30px;
    margin-inline: auto;
    padding-block: 8px;
    padding-inline: 14px;
    background-color: #000;
}

.l-nanaFeature-sec01_title h2 svg {
    width: 100%;
    height: 100%;
}

.l-nanaFeature-sec01_title p {
    margin-block-end: 18px;
    font-size: .875rem;
    text-align: center;
    letter-spacing: .08em;
}

.l-nanaFeature-sec01_title h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.l-nanaFeature-sec01_title h3 img {
    width: 35px;
    padding-inline-end: 10px;
}

.l-nanaFeature-sec01_wrap {
    display: flex;
    width: min(100%, 1140px);
    margin-inline: auto;
}

.l-nanaFeature-sec01_wrap .p-nanaMedia_text {
    color: #000;
    font-weight: 500;
}

.l-nanaFeature-slide {
    position: relative;
    width: 300px;
    height: 160px;
    margin-block-start: 8px;
}

.l-nanaFeature-slide_item {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.l-nanaFeature-slide_item .p-nanaFeature-slide_img {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -o-object-fit: cover;
    object-fit: cover;
    filter: drop-shadow(8px 8px 24px rgba(0, 0, 0, 0.12));
    animation: nanaFeature-slide 30s infinite;
}

.l-nanaFeature-slide_item:nth-of-type(1) .p-nanaFeature-slide_img {
    animation-delay: 0s;
}

.l-nanaFeature-slide_item:nth-of-type(2) .p-nanaFeature-slide_img {
    animation-delay: 6s;
}

.l-nanaFeature-slide_item:nth-of-type(3) .p-nanaFeature-slide_img {
    animation-delay: 12s;
}

.l-nanaFeature-slide_item:nth-of-type(4) .p-nanaFeature-slide_img {
    animation-delay: 18s;
}

.l-nanaFeature-slide_item:nth-of-type(5) .p-nanaFeature-slide_img {
    animation-delay: 24s;
}

@keyframes nanaFeature-slide {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.l-nanaFeature-sec02 {
    width: 100%;
    padding-block-start: 60px;
    padding-block-end: 90px;
    background: fixed url(../images/bg_green_shadow1203.png) top/100% auto repeat-y;
}

.l-nanaService-overview_item {
    display: flex;
    justify-content: flex-end;
    height: 375px;
}

.l-nanaService-overview_item01 {
    flex-direction: row;
    margin-block-end: 70px;
    margin-inline-start: 10px;
}

.l-nanaService-overview_item01 .l-nanaService-overview_img01 {
    margin-inline-start: 20px;
}

.l-nanaService-overview_item02 {
    position: relative;
    flex-direction: row-reverse;
    margin-inline-end: 10px;
}

.l-nanaService-overview_item02 .l-nanaService-overview_img02 {
    margin-inline-end: 20px;
}

.l-nanaService-overview_item02::before {
    position: absolute;
    display: inline-block;
    content: "";
    top: -94px;
    left: 50px;
    width: 85px;
    height: 94px;
    background: url(../images/icon_boy_18.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-nanaService-overview_img01 {
    position: relative;
    width: 63%;
    height: inherit;
    overflow: hidden;
}

.l-nanaService-overview_img01 img {
    position: absolute;
    top: 0;
    width: 100%;
    transition: opacity .3s ease;
    -o-object-fit: cover;
    object-fit: cover;
}

.l-nanaService-overview_img02 {
    position: relative;
    width: 63%;
    height: inherit;
    overflow: hidden;
}

.l-nanaService-overview_img02 img {
    position: absolute;
    top: 0;
    width: 100%;
    transition: opacity .3s ease;
    -o-object-fit: cover;
    object-fit: cover;
}

.l-nanaService-overview_body {
    position: relative;
    width: 38.5%;
    padding-inline: 20px;
}

.l-nanaService-overview_body02::before {
    position: absolute;
    content: "";
    top: -78px;
    right: 20px;
    width: 69px;
    height: 78px;
    background: url(../images/icon_boy_19.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: vertical-shake;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.p-nanaService-overview_title {
    margin-block-end: 32px;
    color: #fff;
    font-size: 1.5rem;
}

.p-nanaService-overview_text02 {
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: .08em;
}


/*! ===================================
7gymの遊び場紹介
==================================== */

.l-nanaAria {
    width: 100%;
    background-color: #f7f7f7;
}

.l-nanaAria-sec01 {
    padding-block-start: 76px;
}

.l-nanaAria-sec01_title {
    width: 240px;
    height: 28px;
    margin-block-end: 68px;
    margin-inline: auto;
}

.l-nanaAria-sec01_title h2 {
    width: inherit;
    height: inherit;
}

.l-nanaAria-sec01_title h2 img {
    width: 100%;
    vertical-align: top;
}

.l-nanaAria_list {
    position: relative;
}

.l-nanaAria_list::before {
    position: absolute;
    content: "";
    top: -76px;
    left: 100px;
    width: 50px;
    height: 76px;
    background: url(../images/icon_boy_20.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: vertical-shake2;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-nanaAria_list::after {
    position: absolute;
    display: block;
    content: "";
    top: -74px;
    right: 100px;
    width: 67px;
    height: 74px;
    background: url(../images/icon_boy_21.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-nanaAria_item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 144px;
}

.l-ariaImg {
    position: relative;
    order: 1;
    width: 35%;
    max-width: 256px;
    height: 144px;
}

.l-ariaImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease;
}

.p-ariaName {
    position: relative;
    display: flex;
    align-items: center;
    order: 2;
    width: 30%;
    height: 100%;
    padding-inline: 20px;
    border-bottom: 2px solid #000;
    font-size: 1.4rem;
}

.p-ariaName::after {
    position: absolute;
    content: "";
    bottom: 50%;
    right: 5px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: translateY(50%) rotate(-45deg);
}

.p-ariaName01 {
    border-top: 2px solid #000;
}

.p-ariaText_box {
    display: flex;
    align-items: center;
    flex-grow: 1;
    order: 3;
    width: 35%;
    height: 100%;
    padding-block: 10px;
    padding-inline: 20px;
    border-bottom: 2px solid #000;
}

.p-ariaText {
    font-size: .875rem;
}

.p-ariaText_box01 {
    border-top: 2px solid #000;
}

.l-nanaAria-sec02 {
    width: min(100%, 1180px);
    margin-inline: auto;
    padding-block-start: 50px;
    padding-block-end: 174px;
    padding-inline: 20px;
}

.p-nanaAria-sec02_title {
    font-size: 2rem;
    text-align: center;
    line-height: 1.4;
}

.p-nanaAria-sec02_title img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 31px;
    margin-block: auto;
    margin-inline-end: 10px;
}

.l-nanaAria-sec02_wrap {
    display: flex;
    width: min(100%, 1140px);
    margin-block-start: 50px;
    margin-inline: auto;
}

.l-nanaAria-sec02_slide {
    position: relative;
    width: 300px;
    height: 160px;
    margin-block-start: 8px;
}

.l-nanaAria-sec02-slide_item {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.l-nanaAria-sec02-slide_item img {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -o-object-fit: cover;
    object-fit: cover;
    animation: nanaAria-slide 12s infinite;
}

.l-nanaAria-sec02-slide_item:nth-of-type(1) img {
    animation-delay: 0s;
}

.l-nanaAria-sec02-slide_item:nth-of-type(2) img {
    animation-delay: 6s;
}

@keyframes nanaAria-slide {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.p-nanaAria-sec02_text {
    position: relative;
    width: 100%;
    max-width: 430px;
    margin-inline-start: 30px;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .08em;
}

.p-nanaAria-sec02_text::after {
    position: absolute;
    content: "";
    bottom: -140px;
    right: 0px;
    width: 112px;
    height: 127px;
    background: url(../images/icon_boy_22.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: vertical-shake;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}


/*! ===================================
Lii sports juniorの特徴
==================================== */

.l-liisjFeature-sec01 {
    padding-block-start: 80px;
    padding-block-end: 80px;
    background: linear-gradient(270deg, #363636 0%, rgba(54, 54, 54, 0.84) 30.56%, #615A41 52.58%, rgba(72, 72, 72, 0.84) 72.68%, #363636 100%);
}

.l-liisjFeature-sec01_title {
    width: min(100%, 490px);
    margin-block-end: 24px;
    margin-inline: auto;
    padding-inline: 20px;
}

.l-liisjFeature-sec01_title h2 {
    width: min(100%, 392px);
    margin-inline: auto;
}

.l-liisjFeature-sec01_title h2 img {
    width: 100%;
}

.l-liisjFeature-sec01_title p {
    margin-block-start: 20px;
    margin-block-start: 12px;
    color: #dcdcdc;
    font-size: .875rem;
    text-align: center;
}

.l-liisjFeature-sec01_wrap {
    display: flex;
    width: min(100%, 1160px);
    margin-inline: auto;
    padding-inline: 10px;
}

.p-liisjFeature-slide {
    position: relative;
    width: 300px;
    height: 160px;
    margin-block-start: 10px;
    border: 6px solid #c1a248;
}

.p-liisjFeature-slide_item {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.p-liisjFeature-slide_item .p-liisjFeature-slide_img {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -o-object-fit: cover;
    object-fit: cover;
    animation: liisjFeature-slide 36s ease infinite;
}

.p-liisjFeature-slide_item:nth-of-type(1) .p-liisjFeature-slide_img {
    animation-delay: 0s;
}

.p-liisjFeature-slide_item:nth-of-type(2) .p-liisjFeature-slide_img {
    animation-delay: 6s;
}

.p-liisjFeature-slide_item:nth-of-type(3) .p-liisjFeature-slide_img {
    animation-delay: 12s;
}

.p-liisjFeature-slide_item:nth-of-type(4) .p-liisjFeature-slide_img {
    animation-delay: 18s;
}

.p-liisjFeature-slide_item:nth-of-type(5) .p-liisjFeature-slide_img {
    animation-delay: 24s;
}

.p-liisjFeature-slide_item:nth-of-type(6) .p-liisjFeature-slide_img {
    animation-delay: 30s;
}

@keyframes liisjFeature-slide {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    16% {
        opacity: 1;
    }
    24% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.p-liisjFeature-sec01_text {
    width: 100%;
    max-width: 430px;
    margin-inline-start: 20px;
    padding-inline: 10px;
    color: #dcdcdc;
    font-size: .875rem;
    line-height: 1.66;
    letter-spacing: .12em;
}

.l-liisjFeature-sec02 {
    padding-inline-start: 20px;
    padding-inline-end: 10px;
    background: url(../images/bg_white_shadow.png) top/100% auto repeat-y;
}

.l-liisjFeature-sec02_wrap {
    position: relative;
    width: min(100%, 908px);
    margin-inline: auto;
    padding-block-start: 58px;
    padding-block-end: 24px;
}

.l-liisjFeature-sec02_wrap::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0px;
    width: 46px;
    height: 72px;
    background: url(../images/icon_girl_01.png) center/100% no-repeat;
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-liisjFeature-sec02_wrap::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 10px;
    width: 39px;
    height: 74px;
    background: url(../images/icon_boy_06.png) center/100% no-repeat;
    animation-name: swaying3;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.p-liisjFeature-sec02_text01 {
    width: min(100%, 463px);
    margin-block-end: 24px;
    margin-inline: auto;
    padding-inline-end: 10px;
}

.p-liisjFeature-sec02_text01 img {
    width: 100%;
}

.p-liisjFeature-sec02_text02 {
    margin-block-start: 0px;
    font-size: 1.25rem;
}

.l-liisjFeature-sec02_img {
    position: relative;
    width: min(100%, 908px);
    height: 420px;
    margin-inline: auto;
    background: url(../images/bg_liisj-feature_sec02_pc.png) center/100% no-repeat;
}

.l-liisjFeature-sec02_list {
    position: absolute;
    display: flex;
    align-items: center;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -38%);
    width: 100%;
}

.p-liisjFeature-sec02_item {
    width: 33.3333%;
    font-size: 1.25rem;
    text-align: center;
    line-height: 1.25;
    letter-spacing: .12em;
}

.p-liisjFeature-sec02_item span {
    display: block;
    margin-block-start: 5px;
    font-size: 1.75rem;
}

.p-liisjFeature-sec02_item01 {
    padding-inline-start: 1.5em;
}

.p-liisjFeature-sec02_item02 {
    padding-inline-end: .6em;
}

.p-liisjFeature-sec02_item03 {
    padding-inline-end: 2.8em;
}

.l-liisjFeature-sec03_wrap {
    width: 100%;
    padding-block-start: 64px;
    background: fixed url(../images/bg_black_02.png) top/100% auto repeat-y;
}

.l-liisjFeature-sec03_title {
    margin-block-end: 76px;
}

.l-liisjFeature-sec03_title h2 {
    width: min(100%, 767px);
    margin-inline: auto;
    padding-inline: 30px;
}

.l-liisjFeature-sec03_title h2 img {
    width: 100%;
}

.l-liisjFeature-reason_list {
    display: flex;
    flex-wrap: nowrap;
    width: min(100%, 1440px);
    margin-inline: auto;
}

.p-liisjFeature-reason_item {
    position: relative;
    left: 0;
    width: 256px;
    height: 280px;
    overflow: hidden;
    cursor: pointer;
}

.p-liisjFeature-reason_item::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/image_liisj-feature-sec03_01.jpg) center/cover no-repeat;
    transition: transform .3s ease;
}

.p-liisjFeature-reason_item::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .72);
    transition: background-color .3s ease;
}

.p-liisjFeature-reason_item02::before {
    background-image: url(../images/image_liisj-feature-sec03_02.jpg);
}

.p-liisjFeature-reason_item03::before {
    background-image: url(../images/image_liisj-feature-sec03_03.jpg);
}

.p-liisjFeature-reason_wrap {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-block: 40px;
    padding-inline: 24px;
    z-index: var(--z-index-front);
}

.p-liisjFeature-reason_wrap p {
    margin-block-start: 1em;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    line-height: 1.8;
}

.p-liisjFeature-reason_title {
    height: 28px;
}

.p-liisjFeature-reason_title img {
    display: block;
    margin-inline: auto;
    height: 100%;
}

.l-liisjFeature-byType {
    padding-block-start: 40px;
    padding-inline: 20px;
    background-color: #f1f1f1;
}

.l-liisjFeature-byType_inner {
    display: flex;
    width: min(100%, 1000px);
    margin-inline: auto;
}

.l-liisjFeature-byType_case {
    position: relative;
    width: 50%;
}

.l-liisjFeature-byType_case01 {
    padding-inline-end: 32px;
}

.l-liisjFeature-byType_case02 {
    padding-inline-start: 32px;
}

.p-liisjFeature-byType_title {
    display: flex;
    width: 287px;
    height: 54px;
    border-radius: 40px;
}

.p-liisjFeature-byType_title img {
    display: block;
    width: auto;
    height: 20px;
    margin: auto;
}

.p-liisjFeature-byType_title01 {
    margin-inline-start: auto;
    background: linear-gradient(90.04deg, #C1A248 -1.4%, #C5BA8A 101.39%);
}

.p-liisjFeature-byType_title02 {
    background: linear-gradient(90deg, #9A957F 0%, #6B84BA 100.36%);
}

.l-liisjFeature-byType_body {
    position: relative;
    padding-block-end: 80px;
}

.l-liisjFeature-byType_body::before {
    position: absolute;
    content: "";
    top: 5px;
    left: -33px;
    width: 2px;
    height: calc(100% - 5px);
    background-color: #c1a248;
}

.l-liisjFeature-byType_body01::before {
    display: none;
}

.l-liisjFeature-byType_list {
    margin-block-start: 22px;
    margin-block-end: 46px;
}

.l-liisjFeature-byType_list02 {
    padding-inline-start: 21px;
}

.p-liisjFeature-byType_item {
    position: relative;
    display: flex;
    align-items: center;
    height: 64px;
    font-size: 1.125rem;
}

.p-liisjFeature-byType_item::before {
    position: absolute;
    content: "";
    top: 0;
    left: -85px;
    width: 64px;
    height: 64px;
}

.p-liisjFeature-byType_item01::before {
    background: url(../images/bg_liisj-bytype-num_01.png) center/100% no-repeat;
}

.p-liisjFeature-byType_item02 {
    margin-block: 40px;
}

.p-liisjFeature-byType_item02::before {
    background: url(../images/bg_liisj-bytype-num_02.png) center/100% no-repeat;
}

.p-liisjFeature-byType_item03::before {
    background: url(../images/bg_liisj-bytype-num_03.png) center/100% no-repeat;
}

.l-liisjFeature-byType_list01 {
    padding-inline-end: 21px;
}

.l-liisjFeature-byType_list01 .p-liisjFeature-byType_item {
    justify-content: end;
    text-align: right;
}

.l-liisjFeature-byType_list01 .p-liisjFeature-byType_item::before {
    display: none;
}

.p-liisjFeature-byType_text {
    width: 100%;
    max-width: 300px;
    font-size: .875rem;
    letter-spacing: .08em;
    line-height: 2;
}

.p-liisjFeature-byType_text span {
    color: #957d39;
}

.p-liisjFeature-byType_text01 {
    margin-inline-start: auto;
    margin-inline-end: 21px;
}

.p-liisjFeature-byType_text02 {
    margin-inline-start: 21px;
}

.p-liisjFeature_scrollIcon01 {
    position: absolute;
    top: -66px;
    left: 0px;
    width: 66px;
    animation-name: vertical-shake2;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.p-liisjFeature_scrollIcon01 img {
    width: 100%;
}

.p-liisjFeature_scrollIcon02 {
    position: absolute;
    top: -132px;
    right: -80px;
    top: -63px;
    right: 0px;
    width: 46px;
    animation-name: vertical-shake4;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.p-liisjFeature_scrollIcon02 img {
    width: 100%;
}


/*! ===================================
Lii sports juniorのサービス
==================================== */

.c-gold {
    color: #c1a248;
}

.l-liisjService_head {
    width: 100%;
    padding-block-start: 40px;
    background: fixed url(../images/bg_darkblue.png) top/100% auto repeat-y;
}

.l-liisjService_title {
    padding-inline: 20px;
    margin-block-end: 40px;
}

.l-liisjService_title h2 {
    width: 90px;
    margin-inline: auto;
}

.l-liisjService_title h2 img {
    width: 100%;
    vertical-align: middle;
}

.l-liisjService_title p {
    margin-block-start: 1em;
    color: #c5ba8a;
    font-size: .875rem;
    text-align: center;
    letter-spacing: .08em;
    line-height: 2;
}

.l-liisjProgram_list {
    display: flex;
    flex-wrap: nowrap;
    width: min(100%, 1440px);
    margin-inline: auto;
}

.p-liisjProgram_item {
    position: relative;
    left: 0;
    width: 256px;
    height: 280px;
    overflow: hidden;
    cursor: pointer;
}

.p-liisjProgram_item::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center/cover no-repeat;
    transition: transform .3s ease;
}

.p-liisjProgram_item::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: background-color .3s ease;
}

.p-liisjProgram_item01::before {
    background-image: url(../images/image_liisj-service_01.jpg);
}

.p-liisjProgram_item02::before {
    background-image: url(../images/image_liisj-service_02.jpg);
}

.p-liisjProgram_item03::before {
    background-image: url(../images/image_liisj-service_03.jpg);
}

.p-liisjProgram_wrap {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    width: 100%;
    height: 62px;
    padding: 20px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 1;
    z-index: var(--z-index-front);
}

.p-liisjProgram_title {
    display: flex;
    align-items: center;
    font-size: 1rem;
}

.p-liisjProgram_button {
    display: flex;
    width: 136px;
    height: 40px;
    margin-inline-start: 28px;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color .3s ease;
}

.p-liisjProgram_button a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-inline: 10px;
    font-size: .8125rem;
}

.p-liisjProgram_button a::after {
    position: absolute;
    content: "";
    top: 50%;
    top: 10px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
}

.l-liisjService-sec_inner {
    width: 100%;
    margin-inline: auto;
    padding-block: 60px;
}

.l-liisjService-sec_title {
    margin-block-end: 36px;
    margin-inline: auto;
    padding-inline: 20px;
    text-align: center;
}

.l-liisjService-sec_title h2 {
    font-size: 1.5rem;
}

.l-liisjService-sec_title p {
    margin-block-start: .8em;
    font-size: .875rem;
}

.l-liisjService-sec_title .note {
    font-size: .75rem;
}

.l-liisjService-overview_item {
    display: flex;
    justify-content: flex-end;
}

.l-liisjService-overview_item01 {
    flex-direction: row;
    margin-inline-start: 10px;
}

.l-liisjService-overview_item01 .l-liisjService-overview_img {
    margin-inline-start: 20px;
}

.l-liisjService-overview_item02 {
    flex-direction: row-reverse;
    margin-inline-end: 10px;
}

.l-liisjService-overview_item02 .l-liisjService-overview_img {
    margin-inline-end: 20px;
}

.l-liisjService-overview_body {
    width: 38.5%;
    padding-inline: 20px;
}

.p-liisjService-overview_title {
    margin-block-end: 10px;
    font-size: 2rem;
    color: #333;
}

.p-liisjService-overview_title span {
    font-family: "Roboto", sans-serif;
    font-size: 2.25rem;
}

.p-liisjService-overview_text01 {
    margin-block-end: 40px;
    font-size: 1.5rem;
}

.p-liisjService-overview_text02 {
    line-height: 2;
    letter-spacing: .08em;
}

.l-liisjService-overview_img {
    width: 63%;
}

.l-liisjService-overview_img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-liisjService-overview_tag {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-block: 32px;
}

.p-liisjService-overview_tag p {
    padding-inline: 20px;
    font-size: .8125rem;
    line-height: 2;
}

.l-liisjService-group {
    background-color: #ecebe5;
}

.l-liisjService-personal {
    background-color: #1a2132;
    color: #fff;
}

.l-liisjService-personal .p-liisjService-overview_title {
    color: #fff;
}

.l-liisjService-swim {
    background: fixed url(../images/bg_liisj-swimming.png) top/100% auto repeat;
}

.l-liisjService-data {
    background-color: #f1f1f1;
}

.l-liisjService-data .l-liisjService-sec_inner {
    width: min(100%, 1440px);
    padding-block-end: 70px;
}

.l-liisjService-data_wrap {
    display: flex;
    align-items: center;
    width: min(100%, 1310px);
    margin-inline-end: auto;
}

.l-liisjService-data_img {
    position: relative;
    width: 566px;
    height: 480px;
}

.l-liisjService-data_img::before {
    position: absolute;
    content: "";
    width: 499px;
    height: 100%;
    background: linear-gradient(312.76deg, #C1A248 0.67%, #C5BA8A 50.24%, #C1A248 99.45%);
    box-shadow: 8px 8px 32px rgba(193, 162, 72, .5);
}

.p-liisjData_img {
    position: absolute;
    display: block;
    top: 50%;
    left: 90px;
    transform: translateY(-50%);
    width: 476px;
    height: 308px;
    border: 3px solid #000;
    border-radius: 30px;
    box-shadow: 8px 16px 80px 16px rgba(193, 162, 72, .4);
}

.p-liisjService-data_body {
    width: 100%;
    max-width: 390px;
    margin-inline-start: 45px;
    padding-inline: 20px;
}

.p-liisjService-data_body p {
    margin-block-start: 1.6em;
    line-height: 1.8;
}

.p-liisjService-data_body p:first-child {
    margin-block-start: 0;
}


/*! ===================================
Lii sports juniorのセッション料金
==================================== */

.l-liisjPrice {
    position: relative;
    width: 100%;
    padding-block-end: 92px;
    padding-inline: 20px;
    background-color: #f0f0f0;
}

.l-liisjPrice::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: url(../images/bg_liisj-price_pc.jpg) center bottom/cover no-repeat;
}

.l-liisjPrice::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-color: rgba(0, 0, 0, .5);
    transition: background-color .3s ease;
}

.l-liisjPrice_inner {
    width: min(100%, 1140px);
    margin-inline: auto;
    z-index: var(--z-index-front);
}

.l-liisjPrice_title {
    margin-block-end: 60px;
}

.l-liisjPrice_title h2 {
    color: #957d39;
    font-size: 2rem;
    text-align: center;
}

.l-liisjPrice_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-block-end: 61px;
    z-index: var(--z-index-front);
}

.l-liisjPrice_item {
    position: relative;
    width: min(100%, 360px);
    margin-block-end: 24px;
    margin-inline-end: 30px;
    box-shadow: 8px 8px 32px rgba(0, 0, 0, .08);
    background-color: #fff;
    transition: transform .3s ease;
}

.l-liisjPrice_item:last-child {
    margin-inline-end: 0;
}

.p-liisjPrice_itemTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: inherit;
    height: 110px;
    font-size: 1.5rem;
    opacity: 1;
    transition: opacity .3s ease;
}

.p-liisjPrice_itemTitle01 {
    background-color: #c5ba8a;
}

.p-liisjPrice_itemTitle02 {
    background-color: #162041;
    color: #fff;
}

.p-liisjPrice_itemTitle03 {
    background: url(../images/bg_liisj-price_swimming.png) center/cover no-repeat;
    color: #fff;
}

.l-liisjPrice_body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 150px;
    padding: 10px;
    background-color: #fff;
}

.l-liisjPrice_body p {
    width: 262px;
    margin-inline-start: auto;
    margin-inline: auto;
    color: #181e31;
    text-align: right;
}

.l-liisjPrice_body p:last-child {
    border-top: 1px solid #000;
}

.l-liisjPrice_body p span {
    display: inline-block;
    padding-inline-start: 7px;
    margin-inline-end: -5px;
    font-family: "Roboto", sans-serif;
    font-size: 2rem;
}

.l-liisjPrice_body p span.tilde {
    display: inline-block;
    margin-inline-start: -5px;
    font-size: 1.25rem;
}

.p-liisjPrice_linkButton {
    position: relative;
    width: min(100%, 360px);
    height: 75px;
    margin-inline: auto;
    z-index: var(--z-index-front);
}

.p-liisjPrice_linkButton .c-linkButton {
    height: 100%;
    padding-inline-start: 60px;
    border-radius: 0;
    font-size: 1.125rem;
}

.p-liisjPrice_linkButton .c-linkButton::before {
    right: 60px;
}

.p-liisjPrice_linkButton .c-linkButton::after {
    position: absolute;
    content: "";
    top: 32px;
    right: 70px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
}

.p-liisjPrice_linkButton .c-linkButton_white {
    border: 1px solid #fff;
}


/*! ===================================
Lii sports up!とは
==================================== */

.l-liiupAbout {
    width: 100%;
}

.l-liiupAbout-sec01 {
    padding-block-start: 85px;
    padding-block-end: 72px;
    padding-inline: 20px;
    background: fixed url(../images/bg_liiup_01_pc.png) top/100% auto repeat-y;
}

.l-liiupAbout-sec01_inner {
    width: 100%;
    max-width: 1020px;
    margin-inline: auto;
}

.l-liiupAbout_title {
    max-width: min(100%, 467px);
    max-height: 71px;
    margin-inline: auto;
}

.l-liiupAbout_title img {
    width: 100%;
}

.l-liiupAbout_subtitle01 {
    margin-block-start: 10px;
    margin-block-end: 16px;
    font-size: .875rem;
    font-weight: 900;
    text-align: center;
}

.l-liiupAbout-sec01_text h4 {
    margin-block-end: 16px;
    font-size: 1rem;
    text-align: center;
}

.l-liiupAbout-sec01_text h4 span {
    font-size: 1.25rem;
}

.l-liiupAbout-sec01_text p {
    font-size: .875rem;
    line-height: 2.2;
    letter-spacing: .12em;
}

.l-liiupAbout-sec02 {
    position: relative;
    padding-block-start: 60px;
    padding-block-end: 55px;
    padding-inline: 20px;
    background: fixed url(../images/bg_white1203.png) top/100% auto repeat-y;
}

.l-liiupAbout-sec02_inner {
    width: min(100%, 1197px);
    margin-inline: auto;
}

.l-liiupAbout_subtitle02 {
    margin-block-end: 20px;
    font-size: 1.125rem;
    font-weight: 900;
    text-align: center;
}

.l-liiupAbout-sec02_body {
    position: relative;
    width: 100%;
    height: 560px;
}

.p-liiupAbout-sec02_img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.p-liiupAbout-sec02_text {
    position: absolute;
    font-size: .875rem;
    line-height: 2.2;
    letter-spacing: .12em;
}

.p-liiupAbout-sec02_text01 {
    top: 20px;
    left: 10px;
    width: 360px;
}

.p-liiupAbout-sec02_text02 {
    bottom: 20px;
    right: 10px;
    width: 350px;
}


/*! ===================================
施設一覧ページ
==================================== */

.l-pageVisual-access {
    width: 100%;
    height: 800px;
    margin-block-start: 80px;
    padding-block-start: 50px;
    padding-block-end: 40px;
    background: url(../images/bg_page-visual_access.jpg) center/cover no-repeat;
}

.l-pageVisual-access_inner {
    position: relative;
    width: 100%;
    max-width: 1400px;
    height: 100%;
    margin-inline: auto;
    padding-inline: 80px;
}

.l-pageVisual-access_header {
    position: absolute;
    width: 248px;
    height: 37px;
    margin-block-start: 48px;
    margin-inline-start: 128px;
}

.l-pageVisual-access_header h1 {
    width: 100%;
    height: 100%;
    color: #000;
}

.l-pageVisual-access_header h1 img {
    display: block;
    width: inherit;
    height: auto;
}

.l-accessMap_img {
    position: relative;
    width: 1013px;
    height: 710px;
}

.l-accessMap_img img {
    width: inherit;
    height: auto;
}

.l-accessMap {
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    width: 260px;
    min-height: 120px;
}

.p-accessMap_name {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    color: #fff;
    font-size: 1.5rem;
    writing-mode: vertical-rl;
    z-index: 1;
}

.p-accessMap_list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 78px);
    padding-block: 5px;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
    background-color: rgba(255, 255, 255, .4);
    font-size: 1.125rem;
}

.p-accessMap_item {
    transition: all .3s ease;
}

.aichi {
    right: 360px;
    bottom: -5px;
}

.aichi .p-accessMap_list {
    border: 2px solid #fa27ae;
    border-left: none;
    border-radius: 0 16px 16px 0;
}

.aichi .p-accessMap_name {
    background-color: #fa27ae;
}

.kanagawa {
    flex-direction: row;
    right: 55px;
    bottom: 235px;
}

.kanagawa .p-accessMap_list {
    border: 2px solid #1ba4da;
    border-left-width: 0;
    border-radius: 0 16px 16px 0;
}

.kanagawa .p-accessMap_name {
    background-color: #1ba4da;
}

.hyougo {
    top: 191px;
    left: 330px;
}

.hyougo .p-accessMap_list {
    border: 2px solid #04933a;
    border-right: none;
    border-radius: 16px 0 0 16px;
}

.hyougo .p-accessMap_name {
    background-color: #04933a;
}

.osaka {
    left: 480px;
    bottom: 38px;
}

.osaka .p-accessMap_list {
    border: 2px solid #c1a248;
    border-right-width: 0;
    border-radius: 16px 0 0 16px;
    text-align: center;
}

.osaka .p-accessMap_name {
    background-color: #c1a248;
}

.shizuoka {
    right: 55px;
    bottom: 82px;
}

.shizuoka .p-accessMap_list {
    border: 2px solid #035fa4;
    border-left: none;
    border-radius: 0 16px 16px 0;
}

.shizuoka .p-accessMap_name {
    background-color: #035fa4;
}

.tokyo {
    top: 200px;
    right: 55px;
}

.tokyo .p-accessMap_list {
    border: 2px solid #989271;
    border-left-width: 0;
    border-radius: 0 16px 16px 0;
}

.tokyo .p-accessMap_name {
    background-color: #989271;
}

.okinawa {
    bottom: 234px;
    left: 110px;
}

.okinawa.l-accessMap {
    width: 280px;
}

.okinawa .p-accessMap_list {
    border: 2px solid #ff5b45;
    border-left: none;
    border-radius: 0 16px 16px 0;
}

.okinawa .p-accessMap_name {
    background-color: #ff5b45;
}

.l-access {
    width: 100%;
    padding-block-start: 48px;
    padding-block-end: 60px;
    background: fixed url(../images/bg_access1203.png) top/100% auto repeat;
}

.l-access_inner {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin-inline: auto;
}

.l-access_inner::after {
    position: absolute;
    content: "";
    right: 0px;
    bottom: -61px;
    width: 96px;
    height: 56px;
    background: url(../images/icon_kids_051203.png) center/100% no-repeat;
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-tab_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.l-tab_list .tab_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    height: 60px;
    margin-left: -1px;
    margin-bottom: -1px;
    border: 1px solid #000;
    font-size: 1rem;
}


/* .l-tab_list .tab_item.active {
    border: 0;
} */

.l-tab_wrap {
    margin-block-start: 64px;
}

.l-access_list {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: inherit;
}

.l-access_list::before {
    position: absolute;
    content: "";
    top: -55px;
    left: 20px;
    width: 80px;
    height: 61px;
    background: url(../images/icon_kids_041203.png) center/100% no-repeat;
    animation-name: vertical-shake;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-access_item {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 254px;
    margin-block-start: 40px;
    background-color: #fff;
    box-shadow: 8px 8px 16px rgba(0, 0, 0, .06);
    overflow: hidden;
    transition: transform .8s ease;
}

.l-access_item:first-child {
    margin-block-start: 0;
}

.p-access_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.p-access_img {
    width: 42%;
    max-width: 450px;
    height: 254px;
    margin-block: auto;
    background-color: #fff;
}

.p-access_img img {
    width: 100%;
    height: inherit;
    max-height: inherit;
    filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.08));
    transition: all .3s ease;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-access_body {
    width: 61%;
    max-width: 690px;
    padding-block: 12px;
    padding-inline: 15px;
    font-size: .875rem;
}

.p-access_body p {
    margin-block-start: 7px;
}

.p-access_name {
    font-size: 1.125rem;
    margin-block-end: 8px;
}

.p-access_judge {
    display: inline-block;
    padding-left: 16px;
    border-bottom: 1px solid #777;
    background: url(../images/icon_map_gray.svg) left 0 top 50%/12px 17px no-repeat;
    color: #777;
    font-size: .75rem;
    transition: all .3s ease;
}

.p-access_gmap {
    position: absolute;
    bottom: 32px;
    right: 54px;
    right: 30px;
    color: #777;
    font-size: 1rem;
    transition: all .3s ease;
}

.js-tab_list .tab_item01.active,
.js-tab_list .tab_item09.active {
    background-color: #F4DE25;
}

.js-tab_list .tab_item02.active,
.js-tab_list .tab_item10.active {
    background-color: #F4DE25;
}

.js-tab_list .tab_item03.active,
.js-tab_list .tab_item11.active {
    background-color: #F4DE25;
}

.js-tab_list .tab_item04.active,
.js-tab_list .tab_item12.active {
    background-color: #F4DE25;
}

.js-tab_list .tab_item05.active,
.js-tab_list .tab_item13.active {
    background-color: #F4DE25;
}

.js-tab_list .tab_item06.active,
.js-tab_list .tab_item14.active {
    background-color: #F4DE25;
}

.js-tab_list .tab_item07.active,
.js-tab_list .tab_item15.active {
    background-color: #F4DE25;
}

.js-tab_list .tab_item08.active,
.js-tab_list .tab_item16.active {
    background-color: #F4DE25;
}

.js-tab_list .tab_item010.active,
.js-tab_list .tab_item17.active {
    background-color: #F4DE25;
}

.l-tab_wrap .js-tab_page {
    display: none;
}

.l-tab_wrap .js-tab_page.active {
    display: block;
}


/*! ===================================
Liiに込めた想い／会社概要
==================================== */

.l-thought {
    width: 100%;
    padding-block-start: clamp(60px, 16vw, 112px);
    padding-block-end: clamp(60px, 16vw, 77px);
    background: fixed url(../images/bg_white_shadow.png) top/100% auto repeat-y;
    letter-spacing: .12em;
}

.l-thought-sec01 {
    width: min(100%, 1080px);
    margin-block-end: clamp(83px, 22.133vw, 119px);
    margin-inline: auto;
    padding-inline: 20px;
}

.l-thought-sec02 {
    width: min(100%, 1180px);
    margin-block-end: clamp(40px, 10.667vw, 67px);
    margin-inline: auto;
    padding-inline: 20px;
}

.l-thought-sec03 {
    width: 100%;
    max-width: 1172px;
    min-height: 98px;
    margin-inline: auto;
    padding-inline: 20px;
}

.l-oath {
    margin-block-end: 75px;
}

.p-thought-sec01_title {
    margin-block-end: clamp(20px, 5.333vw, 27px);
    font-weight: 900;
}

.p-oath_title {
    font-size: 2rem;
}

.p-oath_text {
    font-size: 1.5rem;
    line-height: 2.25;
}

.p-izm_title01 {
    font-size: 2rem;
}

.l-izm_wrap {
    margin-block-end: 50px;
}

.l-izm_wrap:last-child {
    margin-block-end: 0px;
}

.p-izm_title02 {
    margin-block-end: 10px;
    font-size: 1.5rem;
    font-weight: 900;
}

.p-izm_text {
    font-size: .875rem;
    line-height: 1.8;
}

.l-comment {
    display: flex;
    flex-wrap: nowrap;
}

.l-comment_img {
    width: 31%;
    max-width: 345px;
    height: 460px;
}

.l-comment_img img {
    width: 100%;
    filter: drop-shadow(8px 8px 24px rgba(0, 0, 0, 0.16));
}

.l-comment_wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.l-comment-snsIcon {
    display: flex;
    flex-wrap: nowrap;
    margin-inline-start: 30px;
}

.l-comment-snsIcon li {
    margin-inline-start: 25px;
    transition: opacity .3s ease;
}

.l-comment_body {
    width: 64%;
    max-width: 732px;
    margin-inline-start: 20px;
}

.l-comment_body h2 {
    font-size: 1.5rem;
}

.l-comment_body h3 {
    margin-block: 16px;
    font-size: 1.25rem;
    font-weight: 900;
}

.l-comment_body p {
    font-size: .875rem;
    line-height: 2.2;
}

.l-thought-facility {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.p-thought-facility_item {
    margin-block-end: 30px;
    margin-inline: 16px;
}


/*! ===================================
Staff一覧
==================================== */

.l-staff {
    position: relative;
    width: 100%;
    padding-block-start: clamp(66px, 17.6vw, 140px);
    padding-block-end: clamp(60px, 16vw, 140px);
    background: url(../images/bg_yellow.png) center/cover no-repeat;
}

.l-staff::before {
    position: absolute;
    content: "";
    top: -30px;
    top: 41px;
    left: 0;
    width: 100%;
    height: 98px;
    background: url(../images/bg_pb_dots_01.png) center top/contain no-repeat;
}

.l-staff_title {
    width: clamp(146px, 38.933vw, 188px);
    height: auto;
    max-height: 40px;
    margin-inline: auto;
    margin-block-end: clamp(40px, 10.667vw, 80px);
}

.l-staff_title img {
    width: 100%;
}

.l-staffSlide {
    position: relative;
    display: flex;
    width: 100%;
    height: 223px;
    text-align: left;
    overflow: hidden;
}

.l-staffSlide_list {
    display: flex;
    min-width: 2480px;
    height: 224px;
    flex-shrink: 0;
}

.l-staffSlide_list:first-child {
    animation: staff-slide1 80s -40s linear infinite;
}

.l-staffSlide_list:last-child {
    animation: staff-slide2 80s linear infinite;
}

.l-staffSlide:hover .l-staffSlide_list {
    animation-play-state: paused;
    cursor: pointer;
}

.l-staffSlide_item {
    position: relative;
    display: block;
    width: 280px;
    height: 224px;
    margin-inline: 15px;
}

.l-staffSlide_item img {
    position: absolute;
    display: block;
    width: 280px;
    height: 224px;
    transition: opacity .4s ease-in-out;
    -o-object-fit: cover;
    object-fit: cover;
}

.l-staffSlide_item:hover img:nth-of-type(2) {
    opacity: 0;
}

@keyframes staff-slide1 {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes staff-slide2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}


/*! ===================================
会社概要
==================================== */

.l-companyProfile {
    width: 100%;
    padding-block-start: clamp(60px, 16vw, 140px);
    padding-block-end: clamp(70px, 18.667vw, 140px);
    padding-inline: 20px;
    background: url(../images/bg_white.png) top/100% auto repeat-y;
}

.l-companyProfile_inner {
    width: min(100%, 734px);
    margin-inline: auto;
}

.l-companyProfile_title {
    width: clamp(146px, 38.933vw, 230px);
    height: auto;
    max-height: 40px;
    margin-inline: auto;
    margin-block-end: clamp(50px, 13.333vw, 82px);
}

.l-companyProfile_title img {
    width: 100%;
}

.l-companyProfile_table {
    width: 100%;
    border-bottom: 2px solid #000;
    border-collapse: collapse;
    font-size: .875rem;
}

.l-companyProfile_table th,
.l-companyProfile_table td {
    padding-block: 7px;
    border-top: 2px solid #000;
    font-weight: 500;
    text-align: left;
    letter-spacing: .12em;
}

.l-companyProfile_table th {
    width: 100px;
    padding-inline: 10px;
    font-weight: 500;
    vertical-align: top;
}

.l-companyProfile_table td {
    padding-inline-end: 5px;
}


/*! ===================================
プライバシーポリシー
==================================== */

.l-policy {
    width: 100%;
    padding-block-start: clamp(60px, 8.571vw, 80px);
    padding-block-end: clamp(60px, 8.571vw, 90px);
    background: fixed url(../images/bg_white.png) top/100% auto repeat-y;
}

.l-policy_inner {
    width: 100%;
    max-width: 940px;
    margin-inline: auto;
    padding-inline: 20px;
}

.l-policy_inner h2 {
    margin-block-end: 1.2em;
    font-size: 1.5rem;
}

.l-policy_inner h3 {
    margin-block-start: 1.5em;
    font-size: 1rem;
    line-height: 1.8;
}

.l-policy_inner h3 .link {
    text-decoration: underline;
}

.l-policy_inner p {
    font-size: .875rem;
    line-height: 1.8;
}

.l-policy_inner li {
    position: relative;
    padding-inline-start: 1em;
    font-size: .875rem;
    line-height: 1.8;
}

.l-policy_inner li::before {
    position: absolute;
    content: "・";
    left: 0;
}

.l-policy_inner .p-address {
    margin-block-start: 1.2em;
}


/*! ===================================
処遇改善加算等の取得状況ページ
==================================== */

.l-shogu {
    width: 100%;
    padding-block-start: clamp(60px, 8.571vw, 80px);
    padding-block-end: clamp(60px, 8.571vw, 90px);
    background: fixed url(../images/bg_white.png) top/100% auto repeat-y;
}

.l-shogu_inner {
    width: 100%;
    max-width: 940px;
    margin-inline: auto;
    padding-inline: 20px;
}

.l-shogu_inner h2 {
    margin-block-end: 1.2em;
    font-size: 1.5rem;
}

.l-shogu_inner h3 {
    margin-block-start: 1.5em;
    margin-block-end: .5em;
    font-size: 1.125rem;
    line-height: 1.8;
}

.l-shogu_inner h4 {
    margin-block-start: 1.5em;
    margin-block-end: .5em;
    font-size: 1rem;
    line-height: 1.8;
}

.l-shogu_inner p {
    font-size: .875rem;
    line-height: 1.8;
}

.l-shogu_inner .p-shoguText {
    margin-block-start: 1em;
}

.shoguList {
    margin-block-end: 1em;
}

.shoguList_item {
    position: relative;
    margin-block-start: .5em;
    padding-inline-start: 2em;
    font-size: .875rem;
    line-height: 1.8;
}

.shoguList_item::before {
    position: absolute;
    content: "・";
    left: 1em;
}


/*! ===================================
News
==================================== */

.l-news {
    width: 100%;
    background: fixed url(../images/bg_white1203.png) top/100% auto repeat;
}

.l-news_wrap {
    background-color: rgba(255, 255, 255, .5);
}

.l-news_inner {
    position: relative;
    width: min(100%, 940px);
    margin-inline: auto;
    padding-block-start: clamp(56px, 14.933vw, 110px);
    padding-block-end: clamp(60px, 16vw, 160px);
    padding-inline: 20px;
}

.l-news_inner::before {
    position: absolute;
    content: "";
    top: 43px;
    left: 5px;
    width: 178px;
    height: 198px;
    top: 63px;
    left: 20px;
    width: 67px;
    height: 74px;
    background: url(../images/icon_boy_011203.png) center/100% no-repeat;
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-news_inner::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 48px;
    height: 74px;
    background: url(../images/icon_boy_021203.png) center/100% no-repeat;
    animation-name: vertical-shake2;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.l-news_header {
    width: 112px;
    height: 19px;
    margin-inline: auto;
}

.l-news_header h2 {
    width: inherit;
    height: inherit;
}

.l-news_header h2 img {
    display: flex;
    width: 100%;
}

.l-newsMedia {
    margin-block-start: clamp(30px, 8vw, 90px);
    margin-block-end: clamp(40px, 10.667vw, 90px);
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.c-newsMedia_item {
    border-top: 2px solid #000;
}

.c-newsMedia_item:first-child {
    border: none;
}

.c-newsMedia_wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-block: 20px;
}

.c-newsMedia_img {
    width: min(100%, 213px);
    height: 124px;
    background-color: #ffff01;
}

.c-newsMedia_img img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all .3s ease;
}

.c-newsMedia_body {
    width: calc(100% - 213px);
    padding-inline-start: 16px;
    padding-inline-end: 9px;
    transition: all .3s ease;
}

.c-newsMedia_title {
    font-size: 1.125rem;
}

.c-newsMedia_text {
    margin-block: 1em;
    font-size: .875rem;
    line-height: 1.7;
}

.c-newsMedia_text a {
    text-decoration: underline;
}

.c-newsMedia_date {
    font-size: 1rem;
}


/*! ===================================
recruitページ 特徴
==================================== */

.l-recruitFeature {
    width: 100%;
    padding-block-start: 60px;
    padding-block-end: 52px;
    background: fixed url(../images/bg_gray.png) top/100% auto repeat-y;
}

.l-recruitFeature-sec_wrap {
    width: min(100%, 1180px);
    padding-inline: 20px;
    margin-inline: auto;
}

.l-recruitFeature-sec01 {
    position: relative;
    margin-block-end: 70px;
}

.l-recruitFeature-sec_wrap01 {
    display: flex;
    flex-wrap: nowrap;
    margin-inline: auto;
}

.p-enTitle {
    position: absolute;
    display: inline-block;
    top: -60px;
    width: 600px;
    color: #7fb72c65;
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
    z-index: var(--z-index-front);
}

.l-recruitFeature-sec01_body {
    width: 350px;
    margin-inline-end: auto;
    margin-block-start: auto;
    padding-inline-end: 20px;
}

.p-recruitFeature-sec01_title {
    margin-block-end: 20px;
}

.p-recruitFeature-sec01_title .p-jpTitle {
    font-size: 1.625rem;
}

.p-recruitFeature-sec01_text {
    line-height: 32px;
}

.p-recruitFeature-sec01_text span {
    color: #80B72C;
    font-size: 1.25rem;
}

.l-recruitFeature-sec01_img {
    width: 350px;
}

.l-recruitFeature-sec01_img img {
    width: 100%;
    filter: drop-shadow(8px 8px 24px rgba(0, 0, 0, 0.12));
}

.l-recruitFeature-sec02 {
    position: relative;
    margin-block-end: 70px;
}

.p-recruitFeature-sec02_title {
    position: relative;
    margin-block-end: 20px;
}

.p-recruitFeature-sec02_title h2 {
    position: relative;
    font-size: 1.625rem;
    text-align: center;
}

.p-recruitFeature-sec02_title h2 svg {
    display: inline-block;
    margin-block-start: 3px;
    margin-inline-end: 5px;
    width: 54px;
    height: 26px;
}

.p-recruitFeature-sec02_title .p-enTitle2 {
    position: absolute;
    display: block;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    color: rgba(248, 44, 189, .4);
    font-size: 3rem;
    font-weight: 900;
    text-align: center;
}

.p-recruitFeature-sec02_text {
    margin-inline: auto;
    text-align: center;
    line-height: 36px;
}

.p-recruitFeature-sec02_text span {
    color: #f82cbd;
    font-size: 1.25rem;
}

.p-recruitFeature-sec02_text02 {
    width: min(100%, 1180px);
    margin-block-start: 40px;
    margin-block-end: 30px;
    padding-inline: 20px;
}

.l-recruitFeature-sec02_wrap {
    display: flex;
    flex-direction: column;
}

.l-recruitProgram_list {
    display: flex;
    flex-wrap: wrap;
    width: min(100%, 1440px);
    margin-inline: auto;
}

.p-recruitProgram_item {
    position: relative;
    left: 0;
    width: 50%;
    height: 140px;
    overflow: hidden;
    cursor: pointer;
}

.p-recruitProgram_item::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .3s ease;
}

.p-recruitProgram_item01::before {
    background: url(../images/image_common-liiss_01.jpg) center/cover no-repeat;
}

.p-recruitProgram_item02::before {
    background: url(../images/image_common-nana_01.jpg) center/cover no-repeat;
}

.p-recruitProgram_item03::before {
    background: url(../images/image_common-liisj_02.jpg) center/cover no-repeat;
}

.p-recruitProgram_item04::before {
    background: url(../images/image_common-liiup_01.jpg) center/cover no-repeat;
}

.p-recruitProgram_link {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}

.p-recruitProgram_link::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: background-color .3s ease;
}

.p-recruitProgram_title {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    width: 100%;
    height: 38px;
    padding: 5px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    z-index: var(--z-index-front);
}

.p-recruitProgram_text {
    position: absolute;
    bottom: 45px;
    bottom: 45px;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: .875rem;
    text-align: center;
    z-index: var(--z-index-front);
}

.l-recruitFeature-sec03 {
    position: relative;
}

.p-enTitle3 {
    position: absolute;
    display: block;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    color: rgba(255, 255, 0, .4);
    font-size: 3rem;
    font-weight: 900;
    text-align: center;
}

.p-recruitFeature-sec03_title {
    position: relative;
    margin-block-end: 20px;
}

.p-recruitFeature-sec03_title h2 {
    font-size: 1.625rem;
    text-align: center;
}

.p-recruitFeature-sec03_text {
    font-size: 1.125rem;
    text-align: center;
    line-height: 2;
}

.l-recruitFeature-sec03_list {
    margin-block-start: 34px;
    margin-block-end: 40px;
}

.l-recruitFeature-sec03_item {
    margin-block-start: 24px;
    text-align: center;
}

.l-recruitFeature-sec03_item h3 {
    margin-block-end: 12px;
    font-size: 1.5rem;
    font-family: "Hiragino Kaku Gothic StdN", "Hiragino Kaku Gothic Std", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Helvetica Neue", Arial, Meiryo, sans-serif;
    font-weight: 900;
    line-height: 1.33;
}

.l-recruitFeature-sec03_item h3 span {
    background-image: linear-gradient(transparent 70%, rgba(255, 255, 13, 0.4) 70%);
}

.l-recruitFeature-sec03_item p {
    font-size: .8125rem;
}


/*! ===================================
recruitページ 数字で見るLii
==================================== */

.l-recruitData {
    width: 100%;
    padding-block-start: 51px;
    padding-block-end: 64px;
    background-color: #f6f6f6;
}

.l-recruitData_inner {
    width: min(100%, 1200px);
    margin-inline: auto;
}

.l-recruitData_title {
    margin-block-end: 8px;
    text-align: center;
}

.l-recruitData_title h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.l-recruitData_title h2 span {
    display: inline-block;
    margin-inline-end: 5px;
}

.l-recruitData_title h2 svg {
    display: inline-block;
    width: 63px;
    height: 30px;
}

.l-recruitData_title p {
    font-size: .8125rem;
}

.l-liiData_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.l-liiData_item {
    position: relative;
    width: min(100%, 340px);
    height: 200px;
    margin: 15px;
    padding-block: 20px;
    padding-inline: 16px;
    border: 4px solid #000;
    border-radius: 20px;
    box-shadow: 4px 4px 0px #000;
    background-color: #fff;
    transition: transform .3s ease;
}

.p-liiData_Title {
    margin-block-end: 12px;
    font-size: 1.75rem;
    text-align: center;
    line-height: 1.3;
}

.p-liiData_Title2 {
    margin-block-end: 0px;
}

.p-liiData_Title3 {
    margin-block-end: 25px;
}

.l-liiData_body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.p-liiData_text {
    font-family: "Roboto", sans-serif;
}

.p-liiData_text .liiData-number {
    color: #D9311B;
    font-size: 4rem;
    line-height: 1.2;
}

.p-liiData_text .liiData-sub {
    font-size: 2rem;
}

.p-liiData_text2 {
    display: flex;
    flex-direction: column;
}

.p-liiData_text3 {
    width: 142px;
    text-align: center;
}

.liiData-sub2 {
    display: inline-block;
    font-size: 1.25rem;
    text-align: center;
}

.l-liiData_img {
    margin-inline-start: 12px;
}

.l-liiData_img2 {
    margin-inline-end: 12px;
}

.l-liiData_img3 {
    margin-block-end: 23px;
}


/*! ===================================
notion遷移バナー
==================================== */

.l-recruit-notion {
    width: 100%;
    height: 180px;
    background-color: #fa6bd1;
    transition: background-color .3s ease;
}

.l-recruit-notion_link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.l-recruit-notion_link p {
    position: relative;
    width: 620px;
    margin-inline: auto;
    font-size: .925rem;
}

.l-recruit-notion_link p::before {
    position: absolute;
    content: "";
    top: -34px;
    right: 105px;
    width: 169px;
    height: 134px;
    background: url(../images/icon_kids_06.png) center/100% no-repeat;
    z-index: var(--z-index-front);
    animation-name: swaying;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}


/*! ===================================
recruitページ スタッフトークバナー
==================================== */

.l-recruit-discussion {
    position: relative;
    width: 100%;
    height: 280px;
    background: url(../images/image_recruit-discussion_pc.jpg) center top/cover no-repeat;
}

.l-recruit-discussion a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 148, 206, .8);
    transition: background-color .3s ease;
}

.l-recruit-discussion_title {
    display: flex;
    align-items: center;
    width: 655px;
    height: 100%;
    margin-inline: auto;
}

.p-recruit-discussion_title {
    width: 100%;
    height: 100px;
    color: #fff;
    font-size: 1.5rem;
}

.p-recruit-discussion_title span {
    display: block;
    font-size: 3rem;
    line-height: 1.3;
}


/*! ===================================
recruit 募集要項
==================================== */

.c-typeOfJob_title {
    font-size: 1.5rem;
    text-align: center;
}

.p-typeOfJob-sec01_title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-typeOfJob_jpTitle {
    display: block;
}

.p-typeOfJob_enTitle {
    display: block;
    margin-inline-start: 40px;
    font-size: 3rem;
}

.l-typeOfJob-sec01 {
    width: 100%;
    min-height: 100vh;
    padding-block-start: 48px;
    padding-block-end: 44px;
    padding-inline: 20px;
    background: fixed url(../images/bg_recruit-type-of-job.jpg) top/100% auto repeat-y;
    color: #fff;
}

.l-typeOfJob-sec01_inner {
    width: min(100%, 1160px);
    margin-inline: auto;
}

.p-typeOfJob-sec01_text {
    margin-block-start: 16px;
    margin-block-end: 30px;
    font-size: .875rem;
}

.l-typeOfJob-sec01_list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}

.l-typeOfJob-sec01_item {
    width: 354px;
    margin-block-end: 20px;
    margin-inline: 10px;
    padding-block: 40px;
    padding-inline: 20px;
    background-color: #fff;
    color: #000;
    font-size: 1rem;
}

.l-typeOfJob-work_title {
    font-size: 1.25rem;
}

.l-typeOfJob-work_text {
    margin-block-start: 20px;
    margin-block-end: 33px;
    letter-spacing: .06em;
}

.l-typeOfJob-work_list {
    margin-block-start: 13px;
}

.l-typeOfJob-work_list li {
    position: relative;
    padding-inline-start: 1em;
}

.l-typeOfJob-work_list li::before {
    position: absolute;
    content: "・";
    top: 0;
    left: 0;
}

.l-typeOfJob-work_list p {
    margin-block-start: 1em;
    font-size: .875rem;
}

.l-typeOfJob-sec01_note {
    margin-block-start: 10px;
}

.l-typeOfJob-sec01_note .title {
    margin-block-end: 15px;
    font-size: 1rem;
}

.l-typeOfJob-sec01_note .text {
    font-size: .875rem;
}


/*! ===================================
recruit 福利厚生
==================================== */

.l-typeOfJob-sec02 {
    width: 100%;
    padding-block-start: 48px;
    padding-block-end: 54px;
    background: url(../images/bg_white_shadow1203.png) top/100% auto repeat-y;
}

.l-typeOfJob-sec02_inner {
    width: min(100%, 940px);
    margin-inline: auto;
    padding-inline: 20px;
}

.l-typeOfJob-sec02_list {
    width: 100%;
    margin-block-start: 28px;
}

.l-typeOfJob-sec02_item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-block-start: 20px;
    height: 98px;
    filter: drop-shadow(8px 8px 24px rgba(0, 0, 0, 0.06));
}

.p-welfareTitle {
    display: flex;
    align-items: center;
    width: 27%;
    height: 100%;
    font-size: 1.125rem;
    justify-content: center;
    border-top: 4px solid #000;
    border-bottom: 7px solid #000;
    border-left: 4px solid #000;
    border-radius: 10px 0 0 10px;
    color: #fff;
}

.p-welfareTitle01 {
    background-color: #f42c7d;
}

.p-welfareTitle02 {
    background-color: #d04692;
}

.p-welfareTitle03 {
    background-color: #b857a0;
}

.p-welfareTitle04 {
    background-color: #9f69af;
}

.p-welfareTitle05 {
    background-color: #807fc0;
}

.p-welfareTitle06 {
    background-color: #599bd7;
}

.p-welfareTitle07 {
    background-color: #3bb1e8;
}

.p-welfareText {
    display: flex;
    align-items: center;
    width: 73%;
    height: 100%;
    padding-block: 25px;
    padding-inline: 17px;
    border-top: 4px solid #000;
    border-right: 7px solid #000;
    border-bottom: 7px solid #000;
    border-radius: 0 10px 10px 0;
    background-color: #fff;
    font-size: 1rem;
}


/*! ===================================
recruit 応募概要
==================================== */

.l-typeOfJob-sec03 {
    width: 100%;
    padding-block-start: 48px;
    padding-block-end: 54px;
    background: fixed url(../images/bg_gray1203.png) top/100% auto repeat-y;
}

.l-typeOfJob-sec03_inner {
    width: min(100%, 940px);
    margin-inline: auto;
    padding-inline: 20px;
}

.p-typeOfJob-sec03_title {
    color: #fff;
}

.l-typeOfJob-tabArea {
    width: 100%;
    margin-block-start: 20px;
    background-color: #fff;
}

.tabChange_button {
    display: none;
}

.l-typeOfJob-tabArea_list {
    display: flex;
    justify-content: space-between;
}

.l-typeOfJob-tabArea_list li {
    width: 50%;
}

.tabArea_label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-block: 8px;
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: #b8b8b8;
    background-color: #ebebeb;
    color: #787878;
    font-size: .875rem;
    text-align: center;
    cursor: pointer;
}

.l-tabArea_item {
    display: none;
    padding-block-start: 16px;
    padding-block-end: 70px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
    font-size: .875rem;
}

.l-tabArea_item p {
    margin-block-start: 24px;
}

.l-tabArea_item-list2 li {
    position: relative;
    padding-inline-start: 1em;
}

.l-tabArea_item-list2 li::before {
    position: absolute;
    content: "・";
    top: 0;
    left: 0;
}

.p-tabArea_item-time1 {
    display: inline-block;
    width: 10em;
}

.p-tabArea_item-time2 {
    display: inline-block;
    width: 8em;
}

#tabChange_button1:checked~.l-typeOfJob-tabArea_list #tabArea_label1 {
    border-top-color: #f92cb1;
    background-color: #fff;
    color: #000;
}

#tabChange_button2:checked~.l-typeOfJob-tabArea_list #tabArea_label2 {
    border-top-color: #18a0fb;
    background-color: #fff;
    color: #000;
}

#tabChange_button1:checked~.l-typeOfJob-tabArea_wrap #tabArea_item1,
#tabChange_button2:checked~.l-typeOfJob-tabArea_wrap #tabArea_item2 {
    display: block;
}


/*! ===================================
recruit スタッフの1日／会社概要を見る
==================================== */

.l-recruitIntroduction {
    width: 100%;
}

.l-recruitIntroduction_inner {
    display: flex;
    width: 100%;
    height: 152px;
    margin-inline: auto;
}

.l-recruitIntroduction-sec {
    display: flex;
    align-items: center;
    width: 50%;
    height: 100%;
}

.p-recruitIntroduction-sec_title {
    font-size: 1rem;
}

.l-recruitOneDay {
    background: url(../images/image_recruit-one-day_pc.jpg) top center/cover no-repeat;
}

.l-recruitOneDay_inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(1, 70, 98, .6);
    transition: background-color .3s ease;
}

.l-recruitOneDay_title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.p-recruitOneDay_title {
    width: 248px;
    margin-inline-start: 20px;
    margin-inline-end: 20px;
    color: #fff;
}

.l-recruit-company {
    background: url(../images/image_recruit-company_pc.jpg) top center/cover no-repeat;
}

.l-recruit-company_link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    background-color: rgba(0, 0, 0, .6);
    transition: background-color .3s ease, color .3s ease;
    color: #fff;
}

.l-recruit-company_title {
    position: relative;
    width: 248px;
}


/*! ===================================
recruit エントリー
==================================== */

.l-recruit-entry {
    position: relative;
    width: 100%;
    height: 152px;
    background: url(../images/image_recruit-entry.jpg) center/cover no-repeat;
}

.l-recruit-entry::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(270deg, rgba(47, 184, 238, 0.8) 0%, rgba(250, 39, 174, 0.8) 100%);
    transition: opacity .3s ease;
}

.l-recruit-entry_link {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}

.l-recruit-entry_link::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(270deg, rgba(47, 184, 238, 0.5) 0%, rgba(250, 39, 174, 0.5) 100%);
    opacity: 0;
    transition: opacity .3s ease;
}

.l-recruit-entry_link .c-recruit_arrow-white::after {
    top: 50px;
}

.l-recruit-entry_title {
    position: relative;
    display: flex;
    align-items: center;
    width: 537px;
    height: 100%;
    margin-inline: auto;
    z-index: var(--z-index-front);
}

.p-recruit-entry_title {
    width: 100%;
    height: 125px;
    color: #fff;
}

.p-recruit-entry_title img {
    display: block;
    width: 405px;
    height: 68px;
}

.p-recruit-entry_title span {
    display: block;
    margin-block-start: 9px;
    font-size: 2rem;
}


/*! ===================================
座談会ページ
==================================== */

.l-discussion {
    width: 100%;
    margin-block-start: 60px;
    margin-block-end: 73px;
}

.l-discussion .l-valueBook {
    margin-block-end: 64px;
}

.l-discussion_title {
    margin-block-end: 60px;
    margin-inline: auto;
}

.p-discussion_title-top {
    font-size: 1.25rem;
    text-align: center;
    line-height: 1.33;
}

.p-discussion_title {
    font-size: 1.25rem;
    text-align: center;
    line-height: 1.33;
}

.l-discussionMember {
    width: min(100%, 1060px);
    margin-block-end: 17px;
    margin-inline: auto;
    padding-inline: 18px;
}

.l-discussionMember_list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.l-discussionMember_item {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 296px;
    height: 466px;
    margin-block-end: 45px;
    margin-inline: 22px;
    padding-block-start: 36px;
    padding-block-end: 44px;
    padding-inline: 39px;
    border: 4px solid #000;
    box-shadow: 8px 8px 32px rgba(0, 0, 0, .16);
    border-radius: 40px;
    transition: transform .3s ease;
}

.l-discussionMember_item01 {
    background-color: rgba(248, 44, 189, .7);
}

.l-discussionMember_item02 {
    background-color: rgba(255, 255, 0, .7);
}

.l-discussionMember_item03 {
    background-color: rgba(47, 184, 238, .7);
}

.l-discussionMember_img {
    width: 210px;
    height: 210px;
}

.l-discussionMember_img img {
    width: 100%;
    border-radius: 50%;
}

.l-discussionMember_body {
    margin-block-start: 16px;
}

.p-memberName {
    margin-block-end: 6px;
    font-size: .875rem;
}

.p-memberComment {
    font-size: .75rem;
    font-weight: 500;
}

.p-memberComment2 {
    margin-block-end: 1.1em;
    font-size: .75rem;
    font-weight: 500;
}

.l-discussion-lastMessage {
    position: relative;
    margin-block-start: 17px;
}

.l-discussion-lastMessage::after {
    position: absolute;
    content: "";
    bottom: 0px;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 16px;
    height: 16px;
    border-right: 4px solid #000;
    border-bottom: 4px solid #000;
    animation: arrowMove 1.5s ease-in-out infinite;
}

.l-discussion-lastMessage p {
    font-size: 1.25rem;
    text-align: center;
}

.l-discussionScene_img {
    width: 100%;
    height: 340px;
    margin-block-end: 64px;
    margin-inline: auto;
}

.l-discussionScene_img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.l-discussionArea {
    width: 100%;
    padding-inline: 20px;
}

.l-discussionContent {
    width: min(100%, 900px);
    margin-inline: auto;
}

.l-discussionContent_item {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-block-end: 50px;
}

.l-discussionContent_img {
    width: 76px;
    margin-block-start: 4px;
    margin-inline-end: 25px;
}

.l-discussionContent_img img {
    display: block;
    width: 68px;
    height: 68px;
    border-radius: 50%;
}

.l-discussionContent_img figcaption {
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
}

.l-discussionContent_img01 img {
    border: 4px solid #f82cbd;
}

.l-discussionContent_img02 img {
    border: 4px solid #ffff01;
}

.l-discussionContent_img03 img {
    border: 4px solid #2fb8ee;
}

.p-discussionContent_text {
    width: calc(100% - 76px);
}

.p-discussionContent_text p {
    font-size: .875rem;
    font-weight: 500;
}


/*! ===================================
座談会ページ 遷移ボタン
==================================== */

.l-pageReturn {
    width: 100%;
}

.l-pageReturn_list {
    display: flex;
    flex-wrap: wrap;
}

.l-pageReturn_item {
    width: 50%;
    height: 180px;
    transition: background-color .3s ease;
}

.l-pageReturn_item01 {
    background-color: #ffff01;
}

.l-pageReturn_item02 {
    background-color: #6dcdf3;
}

.l-pageReturn_link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.l-pageReturn_link p {
    margin-inline: auto;
    width: 180px;
    font-size: .925rem;
}


/*! ===================================
お問い合わせページ（Googleフォーム）
==================================== */

.l-pageContact {
    width: 100%;
    padding-block-start: 150px;
    padding-block-end: 100px;
    background: url(../images/bg_gray.png) top/100% auto repeat-y;
}

.l-pageContact_inner {
    width: min(100%, 700px);
    margin-inline: auto;
}

.l-pageContact .breadcrumb-area {
    top: 80px;
}

.l-pageContact_header {
    margin-block-end: 40px;
    padding-inline: 10px;
    text-align: center;
}

.l-pageContact_header h1 {
    font-size: 1.5rem;
    margin-block-end: 5px;
}

.l-pageContact_header p {
    font-size: .8125rem;
}

.l-pageContact_header .note {
    margin-top: 1em;
}

.l-pageContact_header .note a {
    text-decoration: underline;
}

.googleForm_content {
    height: 3600px;
}


/*! ===================================
404
==================================== */

.l-notFound {
    width: 100%;
    padding-block-start: 100px;
    padding-block-end: clamp(80px, 21.334vw, 100px);
    padding-inline: 20px;
    background: fixed url(../images/bg_white.png) center/cover repeat-y;
}

.l-notFound_inner {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.l-notFound_inner p {
    font-size: clamp(13px, 3.467vw, 24px);
    text-align: center;
}

.p-returnTop {
    max-width: 380px;
    margin-block-start: clamp(40px, 10.667vw, 80px);
    margin-inline: auto;
}

.p-returnTop a {
    padding-block: 23px;
    background-color: #fa27ae;
    transition: all .3s ease;
}

@media screen and (min-width: 23.75rem) {
    .l-liiFeature_title h2 {
        font-size: calc(1.25rem + 0.0243902439 * (100vw - 23.75rem));
    }
    .p-liiFeature_title {
        font-size: calc(1.5rem + 0.0026315789 * (100vw - 23.75rem));
    }
    .p-liiFeature_text {
        font-size: calc(0.875rem + 0.0051546392 * (100vw - 23.75rem));
    }
    .p-liiFeature_text-tag {
        font-size: calc(0.8125rem + 0.0025773196 * (100vw - 23.75rem));
    }
    .l-liiFlow_title h2 {
        font-size: calc(1.125rem + 0.0219512195 * (100vw - 23.75rem));
    }
    .l-liiFlow_title h2 span {
        font-size: calc(0.8125rem + 0.0134146341 * (100vw - 23.75rem));
    }
    .p-topRecruit_text {
        font-size: calc(0.875rem + 0.0131578947 * (100vw - 23.75rem));
    }
    .l-liissAbout-sec01_text p {
        font-size: calc(1rem + 0.0052631579 * (100vw - 23.75rem));
    }
    .l-liissAbout-sec02_text p {
        font-size: calc(0.875rem + 0.0078947368 * (100vw - 23.75rem));
    }
    .l-liissAbout-sec03_text p {
        font-size: calc(0.875rem + 0.0078947368 * (100vw - 23.75rem));
    }
    .l-liiupAbout_subtitle01 {
        font-size: calc(0.875rem + 0.0317073171 * (100vw - 23.75rem));
    }
    .l-liiupAbout-sec01_text h4 {
        font-size: calc(1rem + 0.0243902439 * (100vw - 23.75rem));
    }
    .l-liiupAbout-sec01_text h4 span {
        font-size: calc(1.25rem + 0.0341463415 * (100vw - 23.75rem));
    }
    .l-liiupAbout-sec01_text p {
        font-size: calc(0.875rem + 0.0073170732 * (100vw - 23.75rem));
    }
    .l-liiupAbout_subtitle02 {
        font-size: calc(1.125rem + 0.0268292683 * (100vw - 23.75rem));
    }
    .p-liiupAbout-sec02_text {
        font-size: calc(0.875rem + 0.0073170732 * (100vw - 23.75rem));
    }
}

@media screen and (min-width: 36.25rem) {
    .p-valueBook_title span {
        font-size: calc(0.875rem + 0.0071428571 * (100vw - 36.25rem));
    }
    .p-modal_close-top {
        font-size: calc(1.5rem + 0.1276595745 * (100vw - 36.25rem));
    }
    .p-modal_close-bottom {
        font-size: calc(0.875rem + 0.0957446809 * (100vw - 36.25rem));
    }
    .l-liiupVisual_header p {
        font-size: calc(2rem + 0.0870967742 * (100vw - 36.25rem));
    }
    .l-pageVisual-discussion_header h1 {
        font-size: calc(1.5rem + 0.064516129 * (100vw - 36.25rem));
    }
    .l-nanaFeature-sec01_title p {
        font-size: calc(0.875rem + 0.0071428571 * (100vw - 36.25rem));
    }
    .l-nanaFeature-sec01_title h3 {
        font-size: calc(1.25rem + 0.0285714286 * (100vw - 36.25rem));
    }
    .p-nanaService-overview_title {
        font-size: calc(1.5rem + 0.0142857143 * (100vw - 36.25rem));
    }
    .p-nanaService-overview_text02 {
        font-size: calc(0.875rem + 0.0035714286 * (100vw - 36.25rem));
    }
    .p-enTitle {
        font-size: calc(3rem + 0.0857142857 * (100vw - 36.25rem));
    }
    .p-recruitFeature-sec01_title .p-jpTitle {
        font-size: calc(1.625rem + 0.0178571429 * (100vw - 36.25rem));
    }
    .p-recruitFeature-sec02_title h2 {
        font-size: calc(1.625rem + 0.0392857143 * (100vw - 36.25rem));
    }
    .p-recruitFeature-sec02_title .p-enTitle2 {
        font-size: calc(3rem + 0.05 * (100vw - 36.25rem));
    }
    .p-enTitle3 {
        font-size: calc(3rem + 0.0857142857 * (100vw - 36.25rem));
    }
    .p-recruitFeature-sec03_title h2 {
        font-size: calc(1.625rem + 0.0392857143 * (100vw - 36.25rem));
    }
    .p-recruitFeature-sec03_text {
        font-size: calc(1.125rem + 0.0107142857 * (100vw - 36.25rem));
    }
    .l-recruitFeature-sec03_item h3 {
        font-size: calc(1.5rem + 0.0142857143 * (100vw - 36.25rem));
    }
    .l-recruitFeature-sec03_item p {
        font-size: calc(0.8125rem + 0.0089285714 * (100vw - 36.25rem));
    }
    .l-recruit-notion_link p {
        font-size: calc(0.925rem + 0.0341935484 * (100vw - 36.25rem));
    }
    .p-recruitIntroduction-sec_title {
        font-size: calc(1rem + 0.0357142857 * (100vw - 36.25rem));
    }
    .p-discussion_title-top {
        font-size: calc(1.25rem + 0.0258064516 * (100vw - 36.25rem));
    }
    .p-discussion_title {
        font-size: calc(1.25rem + 0.0258064516 * (100vw - 36.25rem));
    }
    .l-discussion-lastMessage p {
        font-size: calc(1.25rem + 0.0258064516 * (100vw - 36.25rem));
    }
    .l-pageReturn_link p {
        font-size: calc(0.925rem + 0.0341935484 * (100vw - 36.25rem));
    }
}

@media screen and (min-width: 37.5rem) {
    .p-twoAxis_item p {
        font-size: calc(0.875rem + 0.0185185185 * (100vw - 37.5rem));
    }
    .p-liissAbout-sec03_profile .p-profile_text {
        font-size: calc(0.75rem + 0.01 * (100vw - 37.5rem));
    }
    .p-nanaAria-sec02_title {
        font-size: calc(2rem + 0.0074074074 * (100vw - 37.5rem));
    }
    .p-nanaAria-sec02_text {
        font-size: calc(0.875rem + 0.0185185185 * (100vw - 37.5rem));
    }
    .l-liisjFeature-sec01_title p {
        font-size: calc(0.875rem + 0.0111111111 * (100vw - 37.5rem));
    }
    .p-liisjFeature-sec01_text {
        font-size: calc(0.875rem + 0.0185185185 * (100vw - 37.5rem));
    }
    .p-liisjFeature-sec02_text02 {
        font-size: calc(1.25rem + 0.0518518519 * (100vw - 37.5rem));
    }
    .l-liisjService-sec_title h2 {
        font-size: calc(1.5rem + 0.02 * (100vw - 37.5rem));
    }
    .l-liisjService-sec_title p {
        font-size: calc(0.875rem + 0.0166666667 * (100vw - 37.5rem));
    }
    .l-liisjService-sec_title .note {
        font-size: calc(0.75rem + 0.0033333333 * (100vw - 37.5rem));
    }
    .p-liisjService-overview_tag p {
        font-size: calc(0.8125rem + 0.0116666667 * (100vw - 37.5rem));
    }
    .l-pageContact_header h1 {
        font-size: calc(1.5rem + 0.0444444444 * (100vw - 37.5rem));
    }
    .l-pageContact_header p {
        font-size: calc(0.8125rem + 0.012962963 * (100vw - 37.5rem));
    }
}

@media screen and (min-width: 40rem) {
    .l-recruitOneDay-modal_body h3 {
        font-size: calc(0.875rem + 0.02 * (100vw - 40rem));
    }
    .l-recruitOneDay-modal_body p {
        font-size: calc(0.8125rem + 0.01 * (100vw - 40rem));
    }
}

@media screen and (min-width: 48rem) {
    .l-recruitOneDay-modal_title {
        font-size: calc(1.25rem + 0.0537634409 * (100vw - 48rem));
    }
    .p-modal_close-top {
        font-size: 3rem;
    }
    .p-modal_close-bottom {
        font-size: 2rem;
    }
    .l-juniorVisual_header h1 span {
        font-size: calc(2rem + 0.0860215054 * (100vw - 48rem));
    }
    .l-pageVisual_header h1 {
        font-size: calc(1.5rem + 0.0555555556 * (100vw - 48rem));
    }
    .l-pageVisual-discussion_header p {
        font-size: calc(0.875rem + 0.0509259259 * (100vw - 48rem));
    }
    .p-liiFeature_text {
        font-size: 1rem;
    }
    .p-liiFeature_text-tag {
        font-size: .875rem;
    }
    .p-liiFlow_time {
        font-size: calc(0.875rem + 0.0231481481 * (100vw - 48rem));
    }
    .p-liiFlow_text {
        font-size: calc(0.8125rem + 0.0115740741 * (100vw - 48rem));
    }
    .l-topAbout_text p {
        font-size: calc(1rem + 0.0107526882 * (100vw - 48rem));
    }
    .l-topPromise_text p {
        font-size: calc(1rem + 0.0107526882 * (100vw - 48rem));
    }
    .p-concept_item {
        font-size: calc(1.375rem + 0.0107526882 * (100vw - 48rem));
    }
    .p-liissAbout-sec03_title {
        font-size: calc(1.75rem + 0.0322580645 * (100vw - 48rem));
    }
    .p-liisjFeature-sec02_item {
        font-size: calc(1.25rem + 0.0107526882 * (100vw - 48rem));
    }
    .p-liisjFeature-sec02_item span {
        font-size: calc(1.75rem + 0.0107526882 * (100vw - 48rem));
    }
    .p-liisjFeature-reason_wrap p {
        font-size: calc(1rem + 0.0046296296 * (100vw - 48rem));
    }
    .p-liisjFeature-byType_item {
        font-size: calc(1.125rem + 0.0324074074 * (100vw - 48rem));
    }
    .p-liisjFeature-byType_text {
        font-size: calc(0.875rem + 0.0092592593 * (100vw - 48rem));
    }
    .l-liisjService_title p {
        font-size: calc(0.875rem + 0.0092592593 * (100vw - 48rem));
    }
    .l-liisjPrice_title h2 {
        font-size: calc(2rem + 0.0215053763 * (100vw - 48rem));
    }
    .l-tab_list .tab_item {
        font-size: calc(1rem + 0.0215053763 * (100vw - 48rem));
    }
    .p-access_name {
        font-size: calc(1.125rem + 0.0053763441 * (100vw - 48rem));
    }
    .p-access_judge {
        font-size: calc(0.75rem + 0.0053763441 * (100vw - 48rem));
    }
    .p-oath_title {
        font-size: calc(2rem + 0.0215053763 * (100vw - 48rem));
    }
    .p-oath_text {
        font-size: calc(1.5rem + 0.0107526882 * (100vw - 48rem));
    }
    .p-izm_title01 {
        font-size: calc(2rem + 0.0430107527 * (100vw - 48rem));
    }
    .p-izm_title02 {
        font-size: calc(1.5rem + 0.064516129 * (100vw - 48rem));
    }
    .p-izm_text {
        font-size: calc(0.875rem + 0.0161290323 * (100vw - 48rem));
    }
    .l-comment_body h2 {
        font-size: calc(1.5rem + 0.0322580645 * (100vw - 48rem));
    }
    .l-comment_body h3 {
        font-size: calc(1.25rem + 0.0107526882 * (100vw - 48rem));
    }
    .l-comment_body p {
        font-size: calc(0.875rem + 0.0053763441 * (100vw - 48rem));
    }
    .l-companyProfile_table {
        font-size: calc(0.875rem + 0.0161290323 * (100vw - 48rem));
    }
    .p-recruitProgram_title {
        font-size: calc(1rem + 0.0185185185 * (100vw - 48rem));
    }
    .l-recruitData_title h2 {
        font-size: calc(2rem + 0.0430107527 * (100vw - 48rem));
    }
    .l-recruitData_title p {
        font-size: calc(0.8125rem + 0.0080645161 * (100vw - 48rem));
    }
    .c-typeOfJob_title {
        font-size: calc(1.5rem + 0.064516129 * (100vw - 48rem));
    }
    .p-typeOfJob_enTitle {
        font-size: calc(3rem + 0.1290322581 * (100vw - 48rem));
    }
    .p-typeOfJob-sec01_text {
        font-size: calc(0.875rem + 0.0268817204 * (100vw - 48rem));
    }
    .l-typeOfJob-sec01_item {
        font-size: calc(1rem + 0.0215053763 * (100vw - 48rem));
    }
    .l-typeOfJob-work_title {
        font-size: calc(1.25rem + 0.0107526882 * (100vw - 48rem));
    }
    .l-typeOfJob-work_list p {
        font-size: calc(0.875rem + 0.0139784946 * (100vw - 48rem));
    }
    .l-typeOfJob-sec01_note .title {
        font-size: calc(1rem + 0.0430107527 * (100vw - 48rem));
    }
    .l-typeOfJob-sec01_note .text {
        font-size: calc(0.875rem + 0.0268817204 * (100vw - 48rem));
    }
    .p-welfareTitle {
        font-size: calc(1.125rem + 0.0161290323 * (100vw - 48rem));
    }
    .p-welfareText {
        font-size: calc(1rem + 0.0053763441 * (100vw - 48rem));
    }
    .tabArea_label {
        font-size: calc(0.875rem + 0.0268817204 * (100vw - 48rem));
    }
    .l-tabArea_item {
        font-size: calc(0.875rem + 0.0053763441 * (100vw - 48rem));
    }
    .l-discussionContent_img figcaption {
        font-size: calc(1rem + 0.0046296296 * (100vw - 48rem));
    }
    .p-discussionContent_text p {
        font-size: calc(0.875rem + 0.0092592593 * (100vw - 48rem));
    }
}

@media screen and (min-width: 61.875rem) {
    .c-mainNav_item {
        font-size: calc(0.75rem + 0.0098360656 * (100vw - 61.875rem));
    }
    .p-mainNav02_item {
        font-size: calc(0.75rem + 0.019047619 * (100vw - 61.875rem));
    }
    .p-mainNav03_item {
        font-size: calc(0.75rem + 0.019047619 * (100vw - 61.875rem));
    }
    .p-mainNav04_item {
        font-size: calc(0.75rem + 0.019047619 * (100vw - 61.875rem));
    }
    .p-mainNav04_infoUp {
        font-size: calc(0.625rem + 0.019047619 * (100vw - 61.875rem));
    }
}

@media screen and (min-width: 62.5rem) {
    .p-ariaName {
        font-size: calc(1.4rem + 0.0971428571 * (100vw - 62.5rem));
    }
    .p-ariaText {
        font-size: calc(0.875rem + 0.0285714286 * (100vw - 62.5rem));
    }
    .p-liisjProgram_button a {
        font-size: calc(0.8125rem + 0.023 * (100vw - 62.5rem));
    }
}

@media screen and (min-width: 65rem) {
    .p-liisjProgram_title {
        font-size: calc(1rem + 0.02 * (100vw - 65rem));
    }
}

@media screen and (min-width: 71.25rem) {
    .p-valueBook_title span {
        font-size: 1.125rem;
    }
    .l-recruitOneDay-modal_title {
        font-size: 2.5rem;
    }
    .l-recruitOneDay-modal_body h3 {
        font-size: 1.5rem;
    }
    .l-recruitOneDay-modal_body p {
        font-size: 1.125rem;
    }
    .l-juniorVisual_header h1 span {
        font-size: 4rem;
    }
    .p-liiFeature_title {
        font-size: 1.625rem;
    }
    .l-topAbout_text p {
        font-size: 1.25rem;
    }
    .l-topPromise_text p {
        font-size: 1.25rem;
    }
    .p-topRecruit_text {
        font-size: 1.5rem;
    }
    .l-liissAbout-sec01_text p {
        font-size: 1.25rem;
    }
    .p-concept_item {
        font-size: 1.625rem;
    }
    .p-twoAxis_item p {
        font-size: 1.5rem;
    }
    .l-liissAbout-sec02_text p {
        font-size: 1.25rem;
    }
    .p-liissAbout-sec03_title {
        font-size: 2.3rem;
    }
    .l-liissAbout-sec03_text p {
        font-size: 1.25rem;
    }
    .l-nanaFeature-sec01_title p {
        font-size: 1.125rem;
    }
    .l-nanaFeature-sec01_title h3 {
        font-size: 2.25rem;
    }
    .p-nanaService-overview_title {
        font-size: 2rem;
    }
    .p-nanaService-overview_text02 {
        font-size: 1rem;
    }
    .p-ariaName {
        font-size: 2.25rem;
    }
    .p-ariaText {
        font-size: 1.125rem;
    }
    .p-nanaAria-sec02_title {
        font-size: 2.25rem;
    }
    .p-nanaAria-sec02_text {
        font-size: 1.5rem;
    }
    .l-liisjFeature-sec01_title p {
        font-size: 1.25rem;
    }
    .p-liisjFeature-sec01_text {
        font-size: 1.5rem;
    }
    .p-liisjFeature-sec02_text02 {
        font-size: 3rem;
    }
    .p-liisjFeature-sec02_item {
        font-size: 1.5rem;
    }
    .p-liisjFeature-sec02_item span {
        font-size: 2rem;
    }
    .l-liisjPrice_title h2 {
        font-size: 2.5rem;
    }
    .l-tab_list .tab_item {
        font-size: 1.5rem;
    }
    .p-access_name {
        font-size: 1.25rem;
    }
    .p-access_judge {
        font-size: .875rem;
    }
    .p-oath_title {
        font-size: 2.5rem;
    }
    .p-oath_text {
        font-size: 1.75rem;
    }
    .p-izm_title01 {
        font-size: 3rem;
    }
    .p-izm_title02 {
        font-size: 3rem;
    }
    .p-izm_text {
        font-size: 1.25rem;
    }
    .l-comment_body h2 {
        font-size: 2.25rem;
    }
    .l-comment_body h3 {
        font-size: 1.5rem;
    }
    .l-comment_body p {
        font-size: 1rem;
    }
    .l-companyProfile_table {
        font-size: 1.25rem;
    }
    .p-enTitle {
        font-size: 6rem;
    }
    .p-recruitFeature-sec01_title .p-jpTitle {
        font-size: 2.25rem;
    }
    .p-recruitFeature-sec02_title h2 {
        font-size: 3rem;
    }
    .p-recruitFeature-sec02_title .p-enTitle2 {
        font-size: 4.75rem;
    }
    .p-enTitle3 {
        font-size: 6rem;
    }
    .p-recruitFeature-sec03_title h2 {
        font-size: 3rem;
    }
    .p-recruitFeature-sec03_text {
        font-size: 1.5rem;
    }
    .l-recruitFeature-sec03_item h3 {
        font-size: 2rem;
    }
    .l-recruitFeature-sec03_item p {
        font-size: 1.125rem;
    }
    .l-recruitData_title h2 {
        font-size: 3rem;
    }
    .l-recruitData_title p {
        font-size: 1rem;
    }
    .c-typeOfJob_title {
        font-size: 3rem;
    }
    .p-typeOfJob_enTitle {
        font-size: 6rem;
    }
    .p-typeOfJob-sec01_text {
        font-size: 1.5rem;
    }
    .l-typeOfJob-sec01_item {
        font-size: 1.5rem;
    }
    .l-typeOfJob-work_title {
        font-size: 1.5rem;
    }
    .l-typeOfJob-work_list p {
        font-size: 1.2rem;
    }
    .l-typeOfJob-sec01_note .title {
        font-size: 2rem;
    }
    .l-typeOfJob-sec01_note .text {
        font-size: 1.5rem;
    }
    .p-welfareTitle {
        font-size: 1.5rem;
    }
    .p-welfareText {
        font-size: 1.125rem;
    }
    .tabArea_label {
        font-size: 1.5rem;
    }
    .l-tabArea_item {
        font-size: 1rem;
    }
    .p-recruitIntroduction-sec_title {
        font-size: 2.25rem;
    }
    .l-pageContact_header h1 {
        font-size: 3rem;
    }
    .l-pageContact_header p {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 75rem) {
    .l-liiupVisual_header p {
        font-size: 5.375rem;
    }
    .l-pageVisual_header h1 {
        font-size: 3rem;
    }
    .l-pageVisual-discussion_header h1 {
        font-size: 4rem;
    }
    .l-pageVisual-discussion_header p {
        font-size: 2.25rem;
    }
    .p-mainNav02_item {
        font-size: 1rem;
    }
    .p-mainNav03_item {
        font-size: 1rem;
    }
    .p-mainNav04_item {
        font-size: 1rem;
    }
    .p-mainNav04_infoUp {
        font-size: .875rem;
    }
    .l-liiFeature_title h2 {
        font-size: 2.5rem;
    }
    .l-liiFlow_title h2 {
        font-size: 2.25rem;
    }
    .l-liiFlow_title h2 span {
        font-size: 1.5rem;
    }
    .p-liiFlow_time {
        font-size: 1.5rem;
    }
    .p-liiFlow_text {
        font-size: 1.125rem;
    }
    .p-liisjFeature-reason_wrap p {
        font-size: 1.125rem;
    }
    .p-liisjFeature-byType_item {
        font-size: 2rem;
    }
    .p-liisjFeature-byType_text {
        font-size: 1.125rem;
    }
    .l-liisjService_title p {
        font-size: 1.125rem;
    }
    .p-liisjProgram_button a {
        font-size: 1.1rem;
    }
    .l-liisjService-sec_title h2 {
        font-size: 2.25rem;
    }
    .l-liisjService-sec_title p {
        font-size: 1.5rem;
    }
    .l-liisjService-sec_title .note {
        font-size: .875rem;
    }
    .p-liisjService-overview_tag p {
        font-size: 1.25rem;
    }
    .l-liiupAbout_subtitle01 {
        font-size: 2.5rem;
    }
    .l-liiupAbout-sec01_text h4 {
        font-size: 2.25rem;
    }
    .l-liiupAbout-sec01_text h4 span {
        font-size: 3rem;
    }
    .l-liiupAbout-sec01_text p {
        font-size: 1.25rem;
    }
    .l-liiupAbout_subtitle02 {
        font-size: 2.5rem;
    }
    .p-liiupAbout-sec02_text {
        font-size: 1.25rem;
    }
    .p-recruitProgram_title {
        font-size: 1.5rem;
    }
    .l-recruit-notion_link p {
        font-size: 2.25rem;
    }
    .p-discussion_title-top {
        font-size: 2.25rem;
    }
    .p-discussion_title {
        font-size: 2.25rem;
    }
    .l-discussion-lastMessage p {
        font-size: 2.25rem;
    }
    .l-discussionContent_img figcaption {
        font-size: 1.125rem;
    }
    .p-discussionContent_text p {
        font-size: 1.125rem;
    }
    .l-pageReturn_link p {
        font-size: 2.25rem;
    }
}

@media screen and (min-width: 87.5rem) {
    .p-liissAbout-sec03_profile .p-profile_text {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 90rem) {
    .p-liisjProgram_title {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 100rem) {
    .c-mainNav_item {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 320px) {
    .l-liiFeature_list {
        padding-block-start: calc(10px + 0.0426829268 * (100vw - 320px));
    }
    .l-liiFeature_list-liiss {
        margin-block-start: calc(-10px + -0.1935483871 * (100vw - 320px));
    }
    .l-liiFeature_item-liiss01 {
        padding-block-start: calc(10px + 0.1339285714 * (100vw - 320px));
    }
    .l-liiFeature_item-liiss01 {
        padding-block-end: calc(40px + 0.0892857143 * (100vw - 320px));
    }
    .l-liiFeature_item-liiss03 {
        padding-block-start: calc(10px + 0.1116071429 * (100vw - 320px));
    }
    .l-liiFeature_item-liiss03 {
        padding-block-end: calc(20px + 0.0446428571 * (100vw - 320px));
    }
    .p-liiFeature_title span {
        top: calc(10px + 0.0322580645 * (100vw - 320px));
    }
    .l-liiFlow_inner::before {
        top: calc(35px + 0.0691964286 * (100vw - 320px));
    }
    .l-liiFlow_title h2 {
        top: calc(12px + 0.0204545455 * (100vw - 320px));
    }
    .l-topNews_list::before {
        top: calc(-60px + -0.1804878049 * (100vw - 320px));
    }
    .l-topNews_list::before {
        width: calc(87px + 0.2597560976 * (100vw - 320px));
    }
    .l-topNews_list::before {
        height: calc(60px + 0.1804878049 * (100vw - 320px));
    }
    .l-topRecruit::before {
        border-top-width: calc(75px + 0.1548780488 * (100vw - 320px));
    }
    .l-topRecruit::before {
        border-right-width: calc(192px + 0.406097561 * (100vw - 320px));
    }
    .l-topRecruit::after {
        border-top-width: calc(38px + 0.0792682927 * (100vw - 320px));
    }
    .l-topRecruit::after {
        border-right-width: calc(154px + 0.3256097561 * (100vw - 320px));
    }
    .p-topRecruit_icon .p-topRecruit_iconImg {
        top: calc(-40px + -0.0658536585 * (100vw - 320px));
    }
    .p-topRecruit_icon .p-topRecruit_iconImg {
        left: calc(20px + 0.1219512195 * (100vw - 320px));
    }
    .p-topRecruit_icon .p-topRecruit_iconImg {
        width: calc(100px + 0.1585365854 * (100vw - 320px));
    }
    .p-topRecruit_icon .p-topRecruit_iconImg {
        height: calc(60px + 0.0951219512 * (100vw - 320px));
    }
    .p-topRecruit_icon::before {
        border-bottom-width: calc(75px + 0.1548780488 * (100vw - 320px));
    }
    .p-topRecruit_icon::before {
        border-left-width: calc(192px + 0.406097561 * (100vw - 320px));
    }
    .p-topRecruit_icon::after {
        border-bottom-width: calc(38px + 0.0792682927 * (100vw - 320px));
    }
    .p-topRecruit_icon::after {
        border-left-width: calc(154px + 0.3256097561 * (100vw - 320px));
    }
    .l-liissAbout_video {
        margin-block-start: calc(55px + 0.3147321429 * (100vw - 320px));
    }
    .l-liisjFeature-sec03_wrap {
        padding-block-start: calc(64px + 0.0609756098 * (100vw - 320px));
    }
    .l-liisjService_head {
        padding-block-start: calc(40px + 0.0390243902 * (100vw - 320px));
    }
    .l-liisjService_title {
        margin-block-end: calc(40px + 0.0390243902 * (100vw - 320px));
    }
}

@media screen and (min-width: 375px) {
    .l-footer {
        padding-block-start: calc(60px + 0.0261437908 * (100vw - 375px));
    }
    .l-footer {
        padding-block-end: calc(44px + -0.0209150327 * (100vw - 375px));
    }
    .l-footer_block02 {
        margin-block-start: calc(24px + 0.0444444444 * (100vw - 375px));
    }
    .l-pageVisual-liiss_header {
        max-width: calc(360px + 0.0933333333 * (100vw - 375px));
    }
    .l-pageVisual-liiss_header {
        height: calc(44px + 0.0121212121 * (100vw - 375px));
    }
    .l-voice_title {
        max-width: calc(335px + 0.0812121212 * (100vw - 375px));
    }
    .l-faq_title {
        max-width: calc(335px + 0.1321212121 * (100vw - 375px));
    }
    .l-liiFeature {
        padding-block-end: calc(60px + 0.0862745098 * (100vw - 375px));
    }
    .l-liiFeature_title {
        top: calc(-35px + -0.0375757576 * (100vw - 375px));
    }
    .l-liiFeature_title {
        max-width: calc(335px + 0.3696969697 * (100vw - 375px));
    }
    .l-liiFeature_title {
        height: calc(72px + 0.0775757576 * (100vw - 375px));
    }
    .l-liiFeature_title h2 {
        top: calc(15px + 0.0181818182 * (100vw - 375px));
    }
    .l-liiFeature_item-liiup01 {
        padding-block-end: calc(40px + 0.1017811705 * (100vw - 375px));
    }
    .l-liiFeature_item-liiup02 {
        padding-block-start: calc(10px + 0.1272264631 * (100vw - 375px));
    }
    .p-liiFeature_img01::after {
        width: calc(72px + 0.1294117647 * (100vw - 375px));
    }
    .p-liiFeature_img01::after {
        height: calc(80px + 0.1437908497 * (100vw - 375px));
    }
    .p-liiFeature_img03::after {
        top: calc(-70px + -0.0980392157 * (100vw - 375px));
    }
    .p-liiFeature_img03::after {
        right: calc(80px + 0.0588235294 * (100vw - 375px));
    }
    .p-liiFeature_img03::after {
        width: calc(65px + 0.0823529412 * (100vw - 375px));
    }
    .p-liiFeature_img03::after {
        height: calc(80px + 0.0993464052 * (100vw - 375px));
    }
    .l-liiFlow_title {
        top: calc(-35px + -0.0375757576 * (100vw - 375px));
    }
    .l-liiFlow_title {
        max-width: calc(335px + 0.44 * (100vw - 375px));
    }
    .l-liiFlow_title {
        height: calc(68px + 0.0824242424 * (100vw - 375px));
    }
    .p-contactBox_button a {
        padding-block: calc(18px + 0.0130718954 * (100vw - 375px));
    }
    .l-topAbout_slide::before {
        width: calc(45px + 0.1053658537 * (100vw - 375px));
    }
    .l-topAbout_slide::before {
        height: calc(50px + 0.1170731707 * (100vw - 375px));
    }
    .l-topAbout_slide::after {
        width: calc(50px + 0.1170731707 * (100vw - 375px));
    }
    .l-topAbout_slide::after {
        height: calc(77px + 0.1785365854 * (100vw - 375px));
    }
    .l-topAbout_slide-title {
        top: calc(-20px + -0.0468292683 * (100vw - 375px));
    }
    .l-topAbout_slide-title {
        width: calc(137px + 0.3151219512 * (100vw - 375px));
    }
    .slider1 .swiper-horizontal>.swiper-pagination-bullets,
    .slider1 .swiper-pagination-bullets.swiper-pagination-horizontal,
    .slider1 .swiper-pagination-custom,
    .slider1 .swiper-pagination-fraction {
        bottom: calc(0px + 0.0156097561 * (100vw - 375px));
    }
    .l-topPromise::after {
        bottom: calc(-42px + -0.2588235294 * (100vw - 375px));
    }
    .l-topPromise::after {
        width: calc(68px + 0.1869281046 * (100vw - 375px));
    }
    .l-topPromise::after {
        height: calc(111px + 0.3098039216 * (100vw - 375px));
    }
    .l-topPromise_title {
        margin-block-end: calc(0px + -0.0392156863 * (100vw - 375px));
    }
    .l-topPromise_title::before {
        bottom: calc(10px + 0.0836601307 * (100vw - 375px));
    }
    .l-topPromise_title::before {
        left: calc(0px + 0.2779342723 * (100vw - 375px));
    }
    .l-topPromise_title::after {
        bottom: calc(0px + 0.0784313725 * (100vw - 375px));
    }
    .l-topPromise_title::after {
        right: calc(0px + 0.276056338 * (100vw - 375px));
    }
    .l-topNews_title {
        width: calc(112px + 0.1673202614 * (100vw - 375px));
    }
    .l-topNews_title {
        height: calc(19px + 0.0274509804 * (100vw - 375px));
    }
    .l-topNews_list::before {
        left: calc(0px + 0.0261437908 * (100vw - 375px));
    }
    .p-topNews_body {
        margin-inline: calc(9px + 0.0405228758 * (100vw - 375px));
    }
    .p-topRecruit_title {
        width: calc(186px + 0.2013071895 * (100vw - 375px));
    }
    .p-topRecruit_title img {
        height: calc(23px + 0.0248366013 * (100vw - 375px));
    }
    .l-topRecruit_item {
        height: calc(160px + 0.1986928105 * (100vw - 375px));
    }
    .l-liissAbout-sec01 {
        padding-block-start: calc(60px + 0.0666666667 * (100vw - 375px));
    }
    .l-liissAbout-sec01_text {
        margin-block-start: calc(28px + 0.0640522876 * (100vw - 375px));
    }
    .l-liissAbout_video .p-liissVideo_title {
        top: calc(-20px + -0.0468292683 * (100vw - 375px));
    }
    .l-liissAbout-sec03 {
        padding-block-end: calc(90px + 0.0429268293 * (100vw - 375px));
    }
    .l-nanaFeature-sec01 {
        padding-block: calc(70px + 0.0653594771 * (100vw - 375px));
    }
    .l-nanaFeature-sec02 {
        padding-block-start: calc(60px + 0.0657276995 * (100vw - 375px));
    }
    .l-nanaFeature-sec02 {
        padding-block-end: calc(90px + 0.0375586854 * (100vw - 375px));
    }
    .l-nanaService-overview_item01 {
        margin-block-end: calc(70px + 0.1411764706 * (100vw - 375px));
    }
    .l-nanaAria-sec01 {
        padding-block-start: calc(76px + 0.0431924883 * (100vw - 375px));
    }
    .l-nanaAria-sec02 {
        padding-block-start: calc(50px + 0.1071895425 * (100vw - 375px));
    }
    .l-nanaAria-sec02 {
        padding-block-end: calc(174px + -0.0483660131 * (100vw - 375px));
    }
    .l-liisjFeature-sec01 {
        padding-block-end: calc(80px + 0.0692810458 * (100vw - 375px));
    }
    .l-liisjFeature-sec01_title {
        margin-block-end: calc(24px + 0.0993464052 * (100vw - 375px));
    }
    .l-liisjFeature-sec01_title p {
        margin-block-start: calc(12px + 0.0104575163 * (100vw - 375px));
    }
    .l-liisjFeature-sec02_wrap {
        padding-block-start: calc(58px + 0.0875816993 * (100vw - 375px));
    }
    .l-liisjFeature-sec02_wrap {
        padding-block-end: calc(24px + 0.0823529412 * (100vw - 375px));
    }
    .l-liisjFeature-sec02_wrap::before {
        left: calc(0px + -0.0130718954 * (100vw - 375px));
    }
    .l-liisjFeature-sec02_wrap::before {
        width: calc(46px + 0.0888888889 * (100vw - 375px));
    }
    .l-liisjFeature-sec02_wrap::before {
        height: calc(72px + 0.1437908497 * (100vw - 375px));
    }
    .l-liisjFeature-sec02_wrap::after {
        right: calc(10px + 0.0261437908 * (100vw - 375px));
    }
    .l-liisjFeature-sec02_wrap::after {
        width: calc(39px + 0.0745098039 * (100vw - 375px));
    }
    .l-liisjFeature-sec02_wrap::after {
        height: calc(74px + 0.1464052288 * (100vw - 375px));
    }
    .p-liisjFeature-sec02_text02 {
        margin-block-start: calc(0px + 0.031372549 * (100vw - 375px));
    }
    .l-liisjFeature-sec03_title {
        margin-block-end: calc(76px + 0.0287581699 * (100vw - 375px));
    }
    .l-liisjFeature-byType {
        padding-block-start: calc(40px + 0.0375586854 * (100vw - 375px));
    }
    .l-liisjService_title h2 {
        width: calc(90px + 0.0751173709 * (100vw - 375px));
    }
    .l-liisjService-sec_inner {
        padding-block: calc(60px + 0.0657276995 * (100vw - 375px));
    }
    .l-liisjService-sec_title {
        margin-block-end: calc(36px + 0.041314554 * (100vw - 375px));
    }
    .p-liisjService-overview_tag {
        margin-block: calc(32px + 0.0187793427 * (100vw - 375px));
    }
    .p-liisjPrice_linkButton .c-linkButton {
        padding-inline-start: calc(60px + 0.05 * (100vw - 375px));
    }
    .p-liisjPrice_linkButton .c-linkButton::before {
        right: calc(60px + 0.05 * (100vw - 375px));
    }
    .p-liisjPrice_linkButton .c-linkButton::after {
        right: calc(70px + 0.055 * (100vw - 375px));
    }
    .l-liiupAbout-sec01 {
        padding-block-start: calc(85px + 0.0339869281 * (100vw - 375px));
    }
    .l-liiupAbout-sec01 {
        padding-block-end: calc(72px + 0.0509803922 * (100vw - 375px));
    }
    .l-liiupAbout_subtitle01 {
        margin-block-start: calc(10px + 0.0862745098 * (100vw - 375px));
    }
    .l-liiupAbout_subtitle01 {
        margin-block-end: calc(16px + 0.0784313725 * (100vw - 375px));
    }
    .l-liiupAbout-sec01_text h4 {
        margin-block-end: calc(16px + 0.031372549 * (100vw - 375px));
    }
    .l-liiupAbout-sec02 {
        padding-block-start: calc(60px + 0.0745098039 * (100vw - 375px));
    }
    .l-liiupAbout-sec02 {
        padding-block-end: calc(55px + 0.1202614379 * (100vw - 375px));
    }
    .l-access {
        padding-block-start: calc(48px + 0.1411764706 * (100vw - 375px));
    }
    .l-access {
        padding-block-end: calc(60px + 0.1307189542 * (100vw - 375px));
    }
    .l-access_inner::after {
        right: calc(0px + 0.05 * (100vw - 375px));
    }
    .l-access_inner::after {
        bottom: calc(-61px + -0.1307189542 * (100vw - 375px));
    }
    .l-access_inner::after {
        width: calc(96px + 0.214379085 * (100vw - 375px));
    }
    .l-access_inner::after {
        height: calc(56px + 0.122875817 * (100vw - 375px));
    }
    .l-tab_wrap {
        margin-block-start: calc(64px + 0.2239185751 * (100vw - 375px));
    }
    .l-access_list::before {
        top: calc(-55px + -0.1267973856 * (100vw - 375px));
    }
    .l-access_list::before {
        left: calc(20px + -0.0381679389 * (100vw - 375px));
    }
    .l-access_list::before {
        width: calc(80px + 0.1699346405 * (100vw - 375px));
    }
    .l-access_list::before {
        height: calc(61px + 0.1294117647 * (100vw - 375px));
    }
    .l-staff::before {
        top: calc(41px + -0.0666666667 * (100vw - 375px));
    }
    .l-staff::before {
        height: calc(98px + 0.2591549296 * (100vw - 375px));
    }
    .l-news_inner::before {
        width: calc(67px + 0.1450980392 * (100vw - 375px));
    }
    .l-news_inner::before {
        height: calc(74px + 0.1620915033 * (100vw - 375px));
    }
    .l-news_inner::after {
        width: calc(48px + 0.1594771242 * (100vw - 375px));
    }
    .l-news_inner::after {
        height: calc(74px + 0.2431372549 * (100vw - 375px));
    }
    .l-news_header {
        width: calc(112px + 0.1673202614 * (100vw - 375px));
    }
    .l-news_header {
        height: calc(19px + 0.0274509804 * (100vw - 375px));
    }
    .l-recruitFeature {
        padding-block-start: calc(60px + 0.0901408451 * (100vw - 375px));
    }
    .l-recruitFeature {
        padding-block-end: calc(52px + 0.0525821596 * (100vw - 375px));
    }
    .l-recruitFeature-sec01 {
        margin-block-end: calc(70px + 0.0807511737 * (100vw - 375px));
    }
    .l-recruitFeature-sec02 {
        margin-block-end: calc(70px + 0.0807511737 * (100vw - 375px));
    }
    .googleForm_content {
        height: calc(3600px + -1.5267175573 * (100vw - 375px));
    }
    .p-returnTop a {
        padding-block: calc(23px + 0.0065359477 * (100vw - 375px));
    }
}

@media screen and (min-width: 380px) {
    .l-recruitVisual_header {
        width: calc(300px + 0.6737704918 * (100vw - 380px));
    }
    .l-recruitVisual_header {
        height: calc(104px + 0.268852459 * (100vw - 380px));
    }
    .l-recruitVisual_header h1 {
        width: calc(260px + 0.6737704918 * (100vw - 380px));
    }
    .l-recruitVisual_header h1 {
        height: calc(104px + 0.268852459 * (100vw - 380px));
    }
}

@media screen and (min-width: 400px) {
    .p-modal_close-top {
        top: calc(5px + 0.0135869565 * (100vw - 400px));
    }
    .p-modal_close-top {
        right: calc(10px + 0.0543478261 * (100vw - 400px));
    }
    .l-typeOfJob-sec01 {
        padding-block-start: calc(48px + 0.0945945946 * (100vw - 400px));
    }
    .l-typeOfJob-sec01 {
        padding-block-end: calc(44px + 0.0648648649 * (100vw - 400px));
    }
    .l-typeOfJob-sec02 {
        padding-block-start: calc(48px + 0.0702702703 * (100vw - 400px));
    }
    .l-typeOfJob-sec02 {
        padding-block-end: calc(54px + 0.0891891892 * (100vw - 400px));
    }
    .l-typeOfJob-sec03 {
        padding-block-start: calc(48px + 0.0702702703 * (100vw - 400px));
    }
    .l-typeOfJob-sec03 {
        padding-block-end: calc(54px + 0.0891891892 * (100vw - 400px));
    }
}

@media screen and (min-width: 575px) {
    .l-recruitOneDay-modal_body {
        width: calc(240px + 0.323699422 * (100vw - 575px));
    }
    .p-modal_close-bottom {
        height: calc(40px + 0.1769911504 * (100vw - 575px));
    }
    .p-logo_item {
        max-width: calc(127px + 0.072 * (100vw - 575px));
    }
    .p-logo_item {
        height: calc(18px + 0.0096 * (100vw - 575px));
    }
    .l-juniorVisual_header h1 img {
        margin-inline-end: calc(4px + 0.0353982301 * (100vw - 575px));
    }
    .l-pageVisual-discussion_header {
        top: calc(40px + 0.08 * (100vw - 575px));
    }
    .l-pageVisual-discussion_header {
        left: calc(42px + 0.1408 * (100vw - 575px));
    }
    .l-pageVisual-discussion_header {
        width: calc(290px + 0.72 * (100vw - 575px));
    }
    .l-faq_wrap {
        margin-block-start: calc(40px + 0.064 * (100vw - 575px));
    }
    .l-topAbout_slide::after {
        right: calc(60px + -0.0242424242 * (100vw - 575px));
    }
    .image_frame {
        width: calc(469px + 0.8133333333 * (100vw - 575px));
    }
    .image_frame {
        height: calc(264px + 0.4557575758 * (100vw - 575px));
    }
    .slider1 .swiper-slide img {
        top: calc(22px + 0.0387878788 * (100vw - 575px));
    }
    .slider1 .swiper-slide img {
        left: calc(50px + 0.0751515152 * (100vw - 575px));
    }
    .slider1 .swiper-slide img {
        width: calc(388px + 0.6727272727 * (100vw - 575px));
    }
    .slider1 .swiper-slide img {
        height: calc(218px + 0.3781818182 * (100vw - 575px));
    }
    .l-liissAbout_video {
        width: calc(469px + 0.8133333333 * (100vw - 575px));
    }
    .l-liissAbout_video::before {
        top: calc(-90px + -0.1454545455 * (100vw - 575px));
    }
    .l-liissAbout_video::before {
        width: calc(81px + 0.1309090909 * (100vw - 575px));
    }
    .l-liissAbout_video::before {
        height: calc(90px + 0.1454545455 * (100vw - 575px));
    }
    .l-liissAbout_video::after {
        right: calc(10px + 0.0303030303 * (100vw - 575px));
    }
    .l-liissAbout_video::after {
        width: calc(50px + 0.1454545455 * (100vw - 575px));
    }
    .l-liissAbout_video::after {
        height: calc(77px + 0.2218181818 * (100vw - 575px));
    }
    .l-liissAbout_video .p-liissVideo_frame {
        width: calc(469px + 0.8133333333 * (100vw - 575px));
    }
    .l-liissAbout_video .p-liissVideo_frame {
        height: calc(264px + 0.4557575758 * (100vw - 575px));
    }
    .l-liissAbout_video .p-liissVideo_contents {
        top: calc(18px + 0.0436363636 * (100vw - 575px));
    }
    .l-liissAbout_video .p-liissVideo_contents {
        left: calc(50px + 0.0751515152 * (100vw - 575px));
    }
    .l-liissAbout_video .p-liissVideo_contents {
        width: calc(388px + 0.6727272727 * (100vw - 575px));
    }
    .l-liissAbout_video .p-liissVideo_contents {
        height: calc(218px + 0.3781818182 * (100vw - 575px));
    }
    .l-liissAbout-sec02 {
        padding-block-start: calc(140px + 0.0938053097 * (100vw - 575px));
    }
    .l-liissAbout-sec02 {
        padding-block-end: calc(60px + 0.0530973451 * (100vw - 575px));
    }
    .p-twoAxis {
        width: calc(500px + 0.7079646018 * (100vw - 575px));
    }
    .p-twoAxis_img {
        height: calc(200px + 0.2867256637 * (100vw - 575px));
    }
    .p-twoAxis_item01 p {
        left: calc(100px + 0.1504424779 * (100vw - 575px));
    }
    .p-twoAxis_item02 p {
        top: calc(30px + 0.0353982301 * (100vw - 575px));
    }
    .p-twoAxis_item02 p {
        right: calc(75px + 0.1150442478 * (100vw - 575px));
    }
    .l-liissAbout-sec03 {
        padding-block-start: calc(60px + 0.0530973451 * (100vw - 575px));
    }
    .l-nanaFeature-sec01_title {
        margin-block-end: calc(23px + 0.0477876106 * (100vw - 575px));
    }
    .l-nanaFeature-sec01_title h2 {
        width: calc(242px + 0.2707964602 * (100vw - 575px));
    }
    .l-nanaFeature-sec01_title h2 {
        height: calc(51px + 0.0442477876 * (100vw - 575px));
    }
    .l-nanaFeature-sec01_title h2 {
        margin-block-end: calc(30px + 0.0460176991 * (100vw - 575px));
    }
    .l-nanaFeature-sec01_title h2 {
        padding-block: calc(8px + 0.0088495575 * (100vw - 575px));
    }
    .l-nanaFeature-sec01_title h2 {
        padding-inline: calc(14px + 0.017699115 * (100vw - 575px));
    }
    .l-nanaFeature-sec01_title p {
        margin-block-end: calc(18px + 0.0389380531 * (100vw - 575px));
    }
    .l-nanaFeature-sec01_title h3 img {
        width: calc(35px + 0.0265486726 * (100vw - 575px));
    }
    .l-nanaService-overview_item02::before {
        top: calc(-94px + -0.1044247788 * (100vw - 575px));
    }
    .l-nanaService-overview_item02::before {
        width: calc(85px + 0.0938053097 * (100vw - 575px));
    }
    .l-nanaService-overview_item02::before {
        height: calc(94px + 0.1044247788 * (100vw - 575px));
    }
    .l-nanaService-overview_body02::before {
        top: calc(-78px + -0.0867256637 * (100vw - 575px));
    }
    .l-nanaService-overview_body02::before {
        width: calc(69px + 0.0761061947 * (100vw - 575px));
    }
    .l-nanaService-overview_body02::before {
        height: calc(78px + 0.0867256637 * (100vw - 575px));
    }
    .l-nanaAria-sec01_title {
        width: calc(240px + 0.3008849558 * (100vw - 575px));
    }
    .l-nanaAria-sec01_title {
        height: calc(28px + 0.0353982301 * (100vw - 575px));
    }
    .l-nanaAria-sec01_title {
        margin-block-end: calc(68px + 0.0707964602 * (100vw - 575px));
    }
    .l-nanaAria_list::before {
        top: calc(-76px + -0.1415929204 * (100vw - 575px));
    }
    .l-nanaAria_list::before {
        width: calc(50px + 0.0920353982 * (100vw - 575px));
    }
    .l-nanaAria_list::before {
        height: calc(76px + 0.1415929204 * (100vw - 575px));
    }
    .l-nanaAria_list::after {
        top: calc(-74px + -0.1362831858 * (100vw - 575px));
    }
    .l-nanaAria_list::after {
        width: calc(67px + 0.1221238938 * (100vw - 575px));
    }
    .l-nanaAria_list::after {
        height: calc(74px + 0.1362831858 * (100vw - 575px));
    }
    .p-nanaAria-sec02_text::after {
        bottom: calc(-140px + 0.1592920354 * (100vw - 575px));
    }
    .p-liisjFeature-reason_wrap {
        padding-block: calc(40px + 0.0277456647 * (100vw - 575px));
    }
    .p-liisjFeature-reason_wrap {
        padding-inline: calc(24px + 0.0300578035 * (100vw - 575px));
    }
    .p-liisjPrice_linkButton .c-linkButton {
        padding-inline-start: 70px;
    }
    .p-liisjPrice_linkButton .c-linkButton::before {
        right: 70px;
    }
    .p-liisjPrice_linkButton .c-linkButton::after {
        right: 81px;
    }
    .l-access_inner::after {
        right: 10px;
    }
    .p-recruitFeature-sec02_title h2 svg {
        width: calc(54px + 0.0530973451 * (100vw - 575px));
    }
    .p-recruitFeature-sec02_title h2 svg {
        height: calc(26px + 0.0247787611 * (100vw - 575px));
    }
    .p-recruitFeature-sec02_title .p-enTitle2 {
        top: calc(-35px + -0.0407079646 * (100vw - 575px));
    }
    .p-recruitProgram_item {
        height: calc(140px + 0.2427745665 * (100vw - 575px));
    }
    .p-recruitProgram_text {
        bottom: calc(45px + 0.0173410405 * (100vw - 575px));
    }
    .p-enTitle3 {
        top: calc(-35px + -0.0619469027 * (100vw - 575px));
    }
    .l-recruitData {
        padding-block-start: calc(51px + 0.0774566474 * (100vw - 575px));
    }
    .p-welfareText {
        padding-inline: calc(17px + 0.0336283186 * (100vw - 575px));
    }
    .l-tabArea_item {
        padding-inline-start: calc(16px + 0.0778761062 * (100vw - 575px));
    }
    .l-tabArea_item {
        padding-inline-end: calc(16px + 0.0477876106 * (100vw - 575px));
    }
    .p-recruitOneDay_title {
        width: calc(248px + 0.4196531792 * (100vw - 575px));
    }
    .l-recruit-company_title {
        width: calc(248px + 0.3606936416 * (100vw - 575px));
    }
    .l-pageReturn_link p {
        width: calc(180px + 0.3930635838 * (100vw - 575px));
    }
}

@media screen and (min-width: 576px) {
    .l-recruitIntroduction_inner {
        height: calc(152px + 0.2638888889 * (100vw - 576px));
    }
    .p-recruitOneDay_title {
        margin-inline-start: calc(20px + 0.0531914894 * (100vw - 576px));
    }
    .p-recruitOneDay_title {
        margin-inline-end: calc(20px + 0.0709219858 * (100vw - 576px));
    }
    .l-recruit-company_link {
        padding-inline-start: calc(20px + 0.1241134752 * (100vw - 576px));
    }
    .l-recruit-company_link {
        padding-inline-end: calc(20px + 0.0886524823 * (100vw - 576px));
    }
    .l-recruit-entry {
        height: calc(152px + 0.2638888889 * (100vw - 576px));
    }
}

@media screen and (min-width: 580px) {
    .l-nanaVisual_header h1 {
        width: calc(125px + 0.3177419355 * (100vw - 580px));
    }
    .l-nanaVisual_header h1 {
        height: calc(116px + 0.2935483871 * (100vw - 580px));
    }
    .l-nanaVisual_header p {
        width: calc(170px + 0.3677419355 * (100vw - 580px));
    }
    .l-liiupVisual_header h1 {
        width: calc(125px + 0.2225806452 * (100vw - 580px));
    }
    .l-liiupVisual_header h1 {
        height: calc(115px + 0.2032258065 * (100vw - 580px));
    }
    .l-liiupVisual_header p {
        width: calc(196px + 0.5161290323 * (100vw - 580px));
    }
}

@media screen and (min-width: 600px) {
    .p-voice_img img {
        width: calc(70px + 0.1222222222 * (100vw - 600px));
    }
    .p-voice_img img {
        height: calc(70px + 0.1222222222 * (100vw - 600px));
    }
    .l-liissAbout_video .p-liissVideo_title {
        width: calc(320px + 0.4 * (100vw - 600px));
    }
    .l-liissAbout_video .p-liissVideo_title {
        height: calc(68px + 0.085 * (100vw - 600px));
    }
}

@media screen and (min-width: 630px) {
    .l-liiFeature_list-liiss {
        margin-block-start: -70px;
    }
    .p-liiFeature_title span {
        top: 20px;
    }
}

@media screen and (min-width: 768px) {
    .c-cta_button-discussion .p-cta_text:hover {
        background-color: rgba(0, 0, 0, .6);
    }
    .c-linkButton_black:hover {
        background-color: #ffff01;
    }
    .c-linkButton_white:hover {
        background-color: rgba(235, 113, 158, .4);
    }
    .c-linkButton_bgblack:hover {
        background-color: #fa27ae;
    }
    .c-social_icon:hover {
        background-color: #ff9fdd;
    }
    .c-social_icon.c-social_icon-liiss:hover {
        background-color: #ffed5a;
    }
    .l-valueBook:hover {
        background-color: rgba(255, 255, 0, .5);
    }
    .l-valueBook:hover .c-recruit_arrow-black::after {
        transform: translate(20px, -90%);
    }
    .l-valueBook_title:hover {
        cursor: pointer;
    }
    .l-recruitOneDay-modal_title {
        padding-block-start: calc(36px + 0.1527777778 * (100vw - 768px));
    }
    .l-recruitOneDay-modal_list {
        margin-block-start: calc(25px + 0.0972222222 * (100vw - 768px));
    }
    .l-recruitOneDay-modal_list {
        margin-block-end: calc(50px + 0.0694444444 * (100vw - 768px));
    }
    .l-recruitOneDay-modal_list {
        padding-inline-start: calc(22px + 0.2615740741 * (100vw - 768px));
    }
    .l-recruitOneDay-modal_list {
        padding-inline-end: calc(20px + 0.162037037 * (100vw - 768px));
    }
    .l-recruitOneDay-modal_list::before {
        left: calc(20px + 0.2615740741 * (100vw - 768px));
    }
    .l-recruitOneDay-modal_body {
        padding-inline-start: calc(17px + 0.1086309524 * (100vw - 768px));
    }
    .l-recruitOneDay-modal_body::before {
        left: calc(-10px + -0.0104166667 * (100vw - 768px));
    }
    .l-recruitOneDay-modal_body::before {
        width: calc(20px + 0.0208333333 * (100vw - 768px));
    }
    .l-recruitOneDay-modal_body::before {
        height: calc(20px + 0.0208333333 * (100vw - 768px));
    }
    .l-recruitOneDay-modal_img {
        width: calc(235px + 0.15625 * (100vw - 768px));
    }
    .l-recruitOneDay-modal_img {
        height: calc(137px + 0.09375 * (100vw - 768px));
    }
    .l-recruitOneDay-modal-entry:hover::before {
        opacity: 0;
        cursor: pointer;
    }
    .l-recruitOneDay-modal-entry_link:hover::before {
        opacity: 1;
        cursor: pointer;
    }
    .l-recruitOneDay-modal-entry_link:hover .c-recruit_arrow-white::after {
        transform: translate(20px, -50%);
    }
    .p-modal_close-top {
        top: 10px;
    }
    .p-modal_close-top {
        right: 30px;
    }
    .p-facility_link:hover {
        opacity: 1;
        cursor: pointer;
    }
    .p-facility_link:hover .p-facility_img img {
        opacity: 1;
        transform: scale(1.1);
    }
    .p-facility_link:hover .common_facility-img {
        transform: translate(-10px, 11px);
    }
    .c-mainNav_item a {
        padding-inline-end: calc(20px + 0.0277777778 * (100vw - 768px));
    }
    .c-mainNav_item a::after {
        right: calc(8px + 0.0092592593 * (100vw - 768px));
    }
    .c-mainNav_item a:hover {
        color: #fff;
    }
    .c-mainNav_item a:hover::after {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    .c-mainNav_item a:hover::before {
        background-color: #000;
        box-shadow: 8px 8px 16px rgba(0, 0, 0, .25);
    }
    .l-juniorVisual_header {
        right: calc(20px + 0.3494623656 * (100vw - 768px));
    }
    .l-juniorVisual_header h1 img {
        width: calc(267px + 0.5564516129 * (100vw - 768px));
    }
    .l-nanaVisual_header {
        padding-inline: calc(80px + 0.1041666667 * (100vw - 768px));
    }
    .l-pageVisual {
        height: calc(180px + 0.3240740741 * (100vw - 768px));
    }
    .l-pageVisual02 {
        height: calc(180px + 0.3055555556 * (100vw - 768px));
    }
    .l-pageVisual-404 {
        height: calc(180px + 0.3240740741 * (100vw - 768px));
    }
    .l-pageVisual-discussion_header p {
        margin-block-start: calc(0px + 0.0231481481 * (100vw - 768px));
    }
    .p-mainNav02_item:hover {
        color: #c5ba8a;
    }
    .p-mainNav02_item:hover::after {
        opacity: 1;
    }
    .p-mainNav02_item-blue:hover {
        color: #18a0fb;
    }
    .p-mainNav03_item:hover {
        color: #80b62b;
    }
    .p-mainNav03_item:hover::after {
        opacity: 1;
    }
    .p-mainNav04_item:hover {
        color: #d8311b;
    }
    .p-mainNav04_item:hover::after {
        opacity: 1;
    }
    .p-voice_button:hover {
        cursor: pointer;
    }
    .l-liiFeature_item-liiss01 {
        padding-block-start: 70px;
    }
    .l-liiFeature_item-liiss01 {
        padding-block-end: 80px;
    }
    .l-liiFeature_item-liiss03 {
        padding-block-start: 60px;
    }
    .l-liiFeature_item-liiss03 {
        padding-block-end: 40px;
    }
    .l-liiFeature_item-liiup01 {
        padding-block-end: 80px;
    }
    .l-liiFeature_item-liiup02 {
        padding-block-start: 60px;
    }
    .p-liiFeature_img01::after {
        top: calc(-60px + -0.2150537634 * (100vw - 768px));
    }
    .l-liiFlow::after {
        width: calc(203px + 0.1071428571 * (100vw - 768px));
    }
    .l-liiFlow::after {
        height: calc(234px + 0.1240601504 * (100vw - 768px));
    }
    .l-liiFlow_inner::before {
        top: 66px;
    }
    .l-liiFlow_inner::before {
        width: calc(214px + 0.2518796992 * (100vw - 768px));
    }
    .l-liiFlow_inner::before {
        height: calc(190px + 0.2218045113 * (100vw - 768px));
    }
    .p-liiFlow_time {
        top: calc(25px + 0.030075188 * (100vw - 768px));
    }
    .p-liiFlow_time {
        width: calc(200px + 0.3007518797 * (100vw - 768px));
    }
    .p-liiFlow_time {
        height: calc(50px + 0.0733082707 * (100vw - 768px));
    }
    .p-liiFlow_time span {
        top: calc(12px + 0.015037594 * (100vw - 768px));
    }
    .l-liiFlow_item:hover .p-liiFlow_frame,
    .l-liiFlow_item:hover .p-liiFlow_time {
        animation-name: swaying;
        animation-duration: 3s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }
    .p-liiFlow_item_wrap {
        width: calc(280px + 0.4642857143 * (100vw - 768px));
    }
    .p-liiFlow_line01::before {
        right: calc(-84px + -0.030075188 * (100vw - 768px));
    }
    .p-liiFlow_line01::before {
        width: calc(100px + 0.0488721805 * (100vw - 768px));
    }
    .p-liiFlow_line01::after {
        right: calc(-100px + -0.0394736842 * (100vw - 768px));
    }
    .p-liiFlow_line02::before {
        left: calc(-80px + -0.0281954887 * (100vw - 768px));
    }
    .p-liiFlow_line02::before {
        width: calc(106px + 0.037593985 * (100vw - 768px));
    }
    .l-liiFlow_item-right03 .p-liiFlow_line02::after {
        left: calc(-100px + -0.0394736842 * (100vw - 768px));
    }
    .p-liiFlow_frame {
        width: calc(280px + 0.4642857143 * (100vw - 768px));
    }
    .p-liiFlow_frame {
        height: calc(160px + 0.2687969925 * (100vw - 768px));
    }
    .p-liiFlow_frame img {
        width: calc(224px + 0.3834586466 * (100vw - 768px));
    }
    .p-liiFlow_frame img {
        height: calc(126px + 0.2142857143 * (100vw - 768px));
    }
    .p-liiFlow_frame img {
        margin-block-start: calc(17px + 0.0281954887 * (100vw - 768px));
    }
    .p-liiFlow_frame img {
        margin-inline-start: calc(28px + 0.0507518797 * (100vw - 768px));
    }
    .l-contact {
        height: calc(280px + 0.5376344086 * (100vw - 768px));
    }
    .l-contact:hover {
        background: linear-gradient(90deg, rgba(47, 184, 238, 0.3) 0.21%, rgba(255, 255, 1, 0.3) 51.25%, rgba(250, 39, 174, 0.3) 100.21%), url(../images/image_contact.jpg) center top/cover no-repeat;
    }
    .l-contact:hover::after {
        background-color: rgba(0, 0, 0, .3);
    }
    .p-contactBox_button a:hover {
        background-color: #80B72C;
    }
    .p-slider2:hover a {
        cursor: pointer;
    }
    .p-slider2:hover .p-slider2_img img {
        opacity: .8;
    }
    .p-slider2:hover .p-slider2_img p {
        opacity: .9;
    }
    .p-slider2:hover .p-slider2_body {
        color: #585959;
    }
    .page-numbers:hover {
        border: 1px solid #fa27ae;
        background-color: #fa27ae;
        color: #fff;
        opacity: .8;
    }
    .prev:hover::before {
        border: 1px solid #fa27ae;
        background-color: #fa27ae;
        opacity: .8;
    }
    .prev:hover::after {
        border-color: #fff;
    }
    .next:hover::before {
        border: 1px solid #fa27ae;
        background-color: #fa27ae;
        opacity: .8;
    }
    .next:hover::after {
        border-color: #fff;
    }
    .l-topAbout_slide::before {
        top: calc(-63px + -0.0806962025 * (100vw - 768px));
    }
    .l-topPromise::after {
        right: calc(20px + 0.3494623656 * (100vw - 768px));
    }
    .l-topPromise_title::before {
        width: calc(87px + 0.1294642857 * (100vw - 768px));
    }
    .l-topPromise_title::before {
        height: calc(99px + 0.1473214286 * (100vw - 768px));
    }
    .l-topPromise_title::after {
        width: calc(80px + 0.119047619 * (100vw - 768px));
    }
    .l-topPromise_title::after {
        height: calc(122px + 0.181547619 * (100vw - 768px));
    }
    .p-topNews_item:hover .p-topNews_body,
    .p-topNews_item:hover .p-topNews_img {
        opacity: .6;
    }
    .p-topNews_body {
        margin-block: calc(7px + 0.0241935484 * (100vw - 768px));
    }
    .l-topRecruit_item:hover {
        transform: translateY(-20px);
        cursor: pointer;
    }
    .p-topRecruit_item01:hover {
        background: #7fb72c98;
    }
    .p-topRecruit_item02:hover {
        background: rgb(250 39 39 / 60%);
    }
    .p-concept_img {
        margin-block-start: calc(36px + 0.1075268817 * (100vw - 768px));
    }
    .p-concept_img {
        margin-block-end: calc(0px + 0.1075268817 * (100vw - 768px));
    }
    .l-liissAbout_video {
        margin-block-start: 196px;
    }
    .l-liissAbout-sec02_img {
        height: calc(220px + 0.4139784946 * (100vw - 768px));
    }
    .p-liissAbout-sec03_profile .p-profile_text {
        margin-inline-start: calc(20px + 0.0284810127 * (100vw - 768px));
    }
    .l-nanaFeature-slide {
        width: calc(300px + 0.7204301075 * (100vw - 768px));
    }
    .l-nanaFeature-slide {
        height: calc(160px + 0.3817204301 * (100vw - 768px));
    }
    .l-nanaService-overview_item01 {
        margin-inline-start: calc(10px + 0.1711309524 * (100vw - 768px));
    }
    .l-nanaService-overview_item01 .l-nanaService-overview_img01 {
        margin-inline-start: calc(20px + 0.0520833333 * (100vw - 768px));
    }
    .l-nanaService-overview_item02 {
        margin-inline-end: calc(10px + 0.1711309524 * (100vw - 768px));
    }
    .l-nanaService-overview_item02 .l-nanaService-overview_img02 {
        margin-inline-end: calc(20px + 0.0520833333 * (100vw - 768px));
    }
    .l-nanaService-overview_item02::before {
        left: calc(50px + 0.2688172043 * (100vw - 768px));
    }
    .l-nanaService-overview_img01:hover img:nth-of-type(2) {
        opacity: 0;
    }
    .l-nanaService-overview_img02:hover img:nth-of-type(2) {
        opacity: 0;
    }
    .l-nanaAria_list::before {
        left: calc(100px + 0.2901785714 * (100vw - 768px));
    }
    .l-nanaAria_list::after {
        right: calc(100px + 0.2901785714 * (100vw - 768px));
    }
    .l-ariaImg:hover img:nth-of-type(2) {
        opacity: 0;
    }
    .l-nanaAria-sec02_slide {
        width: calc(300px + 0.7204301075 * (100vw - 768px));
    }
    .l-nanaAria-sec02_slide {
        height: calc(160px + 0.3817204301 * (100vw - 768px));
    }
    .p-nanaAria-sec02_text {
        max-width: calc(430px + 0.2150537634 * (100vw - 768px));
    }
    .p-nanaAria-sec02_text {
        margin-inline-start: calc(30px + 0.0752688172 * (100vw - 768px));
    }
    .p-liisjFeature-slide {
        width: calc(300px + 0.7204301075 * (100vw - 768px));
    }
    .p-liisjFeature-slide {
        height: calc(160px + 0.3817204301 * (100vw - 768px));
    }
    .p-liisjFeature-sec01_text {
        max-width: calc(430px + 0.2150537634 * (100vw - 768px));
    }
    .p-liisjFeature-sec01_text {
        margin-inline-start: calc(20px + 0.1021505376 * (100vw - 768px));
    }
    .p-liisjFeature-sec02_text01 {
        margin-block-end: calc(24px + 0.0967741935 * (100vw - 768px));
    }
    .p-liisjFeature-reason_item {
        width: calc(256px + 0.3333333333 * (100vw - 768px));
    }
    .p-liisjFeature-reason_item:hover::before {
        transform: scale(1.1);
    }
    .p-liisjFeature-reason_item:hover::after {
        background-color: rgba(0, 0, 0, .48);
    }
    .p-liisjFeature-reason_title {
        height: calc(28px + 0.0044642857 * (100vw - 768px));
    }
    .l-liisjFeature-byType_case01 {
        padding-inline-end: calc(32px + 0.0223214286 * (100vw - 768px));
    }
    .l-liisjFeature-byType_case02 {
        padding-inline-start: calc(32px + 0.0223214286 * (100vw - 768px));
    }
    .p-liisjFeature-byType_title {
        width: calc(287px + 0.1979166667 * (100vw - 768px));
    }
    .p-liisjFeature-byType_title {
        height: calc(54px + 0.0386904762 * (100vw - 768px));
    }
    .p-liisjFeature-byType_title img {
        height: calc(20px + 0.0133928571 * (100vw - 768px));
    }
    .l-liisjFeature-byType_body::before {
        left: calc(-33px + -0.0193452381 * (100vw - 768px));
    }
    .l-liisjFeature-byType_list {
        margin-block-start: calc(22px + 0.0148809524 * (100vw - 768px));
    }
    .l-liisjFeature-byType_list {
        margin-block-end: calc(46px + 0.0505952381 * (100vw - 768px));
    }
    .l-liisjFeature-byType_list02 {
        padding-inline-start: calc(21px + 0.0223214286 * (100vw - 768px));
    }
    .p-liisjFeature-byType_item {
        height: calc(64px + 0.0446428571 * (100vw - 768px));
    }
    .p-liisjFeature-byType_item::before {
        left: calc(-85px + -0.0669642857 * (100vw - 768px));
    }
    .p-liisjFeature-byType_item::before {
        width: calc(64px + 0.0446428571 * (100vw - 768px));
    }
    .p-liisjFeature-byType_item::before {
        height: calc(64px + 0.0446428571 * (100vw - 768px));
    }
    .p-liisjFeature-byType_item02 {
        margin-block: calc(40px + 0.0297619048 * (100vw - 768px));
    }
    .l-liisjFeature-byType_list01 {
        padding-inline-end: calc(21px + 0.0223214286 * (100vw - 768px));
    }
    .p-liisjFeature-byType_text {
        max-width: calc(300px + 0.1755952381 * (100vw - 768px));
    }
    .p-liisjFeature-byType_text01 {
        margin-inline-end: calc(21px + 0.0223214286 * (100vw - 768px));
    }
    .p-liisjFeature-byType_text02 {
        margin-inline-start: calc(21px + 0.0223214286 * (100vw - 768px));
    }
    .p-liisjFeature_scrollIcon01 {
        top: calc(-66px + -0.0952380952 * (100vw - 768px));
    }
    .p-liisjFeature_scrollIcon01 {
        width: calc(66px + 0.1041666667 * (100vw - 768px));
    }
    .p-liisjFeature_scrollIcon02 {
        top: calc(-63px + -0.1026785714 * (100vw - 768px));
    }
    .p-liisjFeature_scrollIcon02 {
        width: calc(46px + 0.0773809524 * (100vw - 768px));
    }
    .p-liisjProgram_item {
        width: calc(256px + 0.3333333333 * (100vw - 768px));
    }
    .p-liisjProgram_item:hover::before {
        transform: scale(1.1);
    }
    .p-liisjProgram_item:hover::after {
        background-color: rgba(0, 0, 0, .1);
    }
    .p-liisjProgram_wrap {
        height: calc(62px + 0.0267857143 * (100vw - 768px));
    }
    .p-liisjProgram_button a {
        padding-inline: calc(10px + 0.005952381 * (100vw - 768px));
    }
    .p-liisjProgram_button a:hover {
        background-color: rgba(197, 186, 138, .24);
    }
    .p-liisjProgram_button a::after {
        top: calc(10px + 0.0029761905 * (100vw - 768px));
    }
    .p-liisjProgram_button a::after {
        width: calc(8px + 0.0029761905 * (100vw - 768px));
    }
    .p-liisjProgram_button a::after {
        height: calc(8px + 0.0029761905 * (100vw - 768px));
    }
    .l-liisjService-overview_item01 {
        margin-inline-start: calc(10px + 0.1711309524 * (100vw - 768px));
    }
    .l-liisjService-overview_item01 .l-liisjService-overview_img {
        margin-inline-start: calc(20px + 0.0520833333 * (100vw - 768px));
    }
    .l-liisjService-overview_item02 {
        margin-inline-end: calc(10px + 0.1711309524 * (100vw - 768px));
    }
    .l-liisjService-overview_item02 .l-liisjService-overview_img {
        margin-inline-end: calc(20px + 0.0520833333 * (100vw - 768px));
    }
    .l-liisjService-data .l-liisjService-sec_inner {
        padding-block-end: calc(70px + 0.0365630713 * (100vw - 768px));
    }
    .l-liisjPrice:hover::after {
        background-color: rgba(0, 0, 0, .1);
    }
    .l-liisjPrice_item:hover {
        cursor: pointer;
        transform: translateY(-20px);
    }
    .l-liisjPrice_item:hover .p-liisjPrice_itemTitle {
        opacity: .8;
    }
    .p-liisjPrice_linkButton .c-linkButton_white:hover {
        background-color: rgba(255, 255, 255, .3215686275);
    }
    .l-liiupAbout-sec02_body {
        height: calc(560px + 0.3360215054 * (100vw - 768px));
    }
    .p-liiupAbout-sec02_text01 {
        width: calc(360px + 0.2177419355 * (100vw - 768px));
    }
    .p-liiupAbout-sec02_text02 {
        width: calc(350px + 0.1801075269 * (100vw - 768px));
    }
    .l-accessMap:hover {
        cursor: pointer;
    }
    .aichi .p-accessMap_item:hover {
        color: #fa27ae;
    }
    .kanagawa .p-accessMap_item:hover {
        color: #1ba4da;
    }
    .hyougo .p-accessMap_item:hover {
        color: #04933a;
    }
    .osaka .p-accessMap_item:hover {
        color: #c1a248;
    }
    .shizuoka .p-accessMap_item:hover {
        color: #035fa4;
    }
    .tokyo .p-accessMap_item:hover {
        color: #989271;
    }
    .okinawa .p-accessMap_item:hover {
        color: #ff5b45;
    }
    .l-tab_list .tab_item:hover {
        cursor: pointer;
    }
    .l-tab_wrap {
        margin-block-start: 152px;
    }
    .l-access_list::before {
        left: 5px;
    }
    .p-access_body {
        padding-inline: calc(15px + 0.1126126126 * (100vw - 768px));
    }
    .p-access_gmap {
        right: calc(30px + 0.1081081081 * (100vw - 768px));
    }
    .l-access_item:hover a {
        cursor: pointer;
    }
    .l-access_item:hover .p-access_img {
        background-color: #ffff01;
    }
    .l-access_item:hover .p-access_img img {
        opacity: .8;
    }
    .l-access_item:hover .p-access_gmap {
        color: #000;
    }
    .l-access_item:hover .p-access_judge {
        background-image: url(../images/icon_map_black.svg);
        color: #000;
    }
    .l-comment-snsIcon li:hover {
        opacity: .8;
    }
    .l-comment_body {
        margin-inline-start: calc(20px + 0.1075268817 * (100vw - 768px));
    }
    .l-companyProfile_table th {
        width: calc(100px + 0.1612903226 * (100vw - 768px));
    }
    .l-news_inner::before {
        top: calc(63px + -0.0537634409 * (100vw - 768px));
    }
    .l-news_inner::before {
        left: calc(20px + -0.0403225806 * (100vw - 768px));
    }
    .c-newsMedia_body {
        padding-inline-start: calc(16px + 0.0430107527 * (100vw - 768px));
    }
    .c-newsMedia_item:hover img {
        opacity: .8;
    }
    .c-newsMedia_item:hover .c-newsMedia_body {
        color: #fa27ae;
    }
    .p-enTitle {
        width: calc(600px + 0.4761904762 * (100vw - 768px));
    }
    .l-recruitFeature-sec01_body {
        width: calc(350px + 0.4301075269 * (100vw - 768px));
    }
    .l-recruitFeature-sec01_img {
        width: calc(350px + 0.5913978495 * (100vw - 768px));
    }
    .p-recruitProgram_item:hover::before {
        transform: scale(1.1);
    }
    .p-recruitProgram_link:hover::after {
        background-color: rgba(0, 0, 0, .1);
    }
    .p-recruitProgram_title {
        height: calc(38px + 0.0148809524 * (100vw - 768px));
    }
    .l-recruitFeature-sec03_list {
        margin-block-end: calc(40px + 0.0119047619 * (100vw - 768px));
    }
    .l-recruitData_title h2 svg {
        width: calc(63px + 0.0486111111 * (100vw - 768px));
    }
    .l-recruitData_title h2 svg {
        height: calc(30px + 0.0324074074 * (100vw - 768px));
    }
    .l-liiData_item:hover {
        transform: translateY(-20px);
        cursor: pointer;
    }
    .l-recruit-notion {
        height: calc(180px + 0.0535714286 * (100vw - 768px));
    }
    .l-recruit-notion:hover {
        background-color: rgba(250, 107, 209, .5);
        cursor: pointer;
    }
    .l-recruit-notion:hover .c-recruit_arrow-black::after {
        transform: translate(20px, -50%);
    }
    .l-recruit-notion_link p {
        width: calc(620px + 0.9919354839 * (100vw - 768px));
    }
    .l-recruit-notion_link p::before {
        right: calc(105px + 0.0550595238 * (100vw - 768px));
    }
    .l-recruit-notion_link p::before {
        width: calc(169px + 0.0714285714 * (100vw - 768px));
    }
    .l-recruit-notion_link p::before {
        height: calc(134px + 0.0580357143 * (100vw - 768px));
    }
    .l-recruit-discussion a:hover {
        background-color: rgba(0, 148, 206, .5);
        cursor: pointer;
    }
    .l-recruit-discussion a:hover .c-recruit_arrow-white::after {
        transform: translate(20px, -50%);
    }
    .p-typeOfJob_enTitle {
        margin-inline-start: calc(40px + 0.1182795699 * (100vw - 768px));
    }
    .p-typeOfJob-sec01_text {
        margin-block-start: calc(16px + 0.1102150538 * (100vw - 768px));
    }
    .p-typeOfJob-sec01_text {
        margin-block-end: calc(30px + 0.1612903226 * (100vw - 768px));
    }
    .l-typeOfJob-sec01_item {
        width: calc(354px + 0.5 * (100vw - 768px));
    }
    .l-typeOfJob-sec01_item {
        padding-inline: calc(20px + 0.0268817204 * (100vw - 768px));
    }
    .l-typeOfJob-work_text {
        margin-block-start: calc(20px + 0.0215053763 * (100vw - 768px));
    }
    .l-typeOfJob-work_text {
        margin-block-end: calc(33px + 0.0994623656 * (100vw - 768px));
    }
    .l-typeOfJob-sec01_note {
        margin-block-start: calc(10px + 0.0806451613 * (100vw - 768px));
    }
    .l-typeOfJob-sec02_list {
        margin-block-start: calc(28px + 0.0215053763 * (100vw - 768px));
    }
    .l-typeOfJob-sec02_item {
        margin-block-start: calc(20px + 0.0107526882 * (100vw - 768px));
    }
    .l-typeOfJob-sec02_item {
        height: calc(98px + 0.0161290323 * (100vw - 768px));
    }
    .l-typeOfJob-tabArea {
        margin-block-start: calc(20px + 0.0698924731 * (100vw - 768px));
    }
    .tabArea_label {
        padding-block: calc(8px + 0.0537634409 * (100vw - 768px));
    }
    .l-recruitOneDay_inner:hover {
        background-color: rgba(1, 70, 98, .2);
    }
    .l-recruitOneDay_title:hover {
        background-color: rgba(1, 70, 98, .2);
        cursor: pointer;
    }
    .l-recruitOneDay_title:hover .c-recruit_arrow-white::after {
        transform: translate(20px, -50%);
    }
    .l-recruit-company_link:hover {
        background-color: rgba(255, 255, 77, .7);
        color: #000;
        cursor: pointer;
    }
    .l-recruit-company_link:hover .c-recruit_arrow-white::after {
        background-image: url(../images/icon_arrow_black_pc.svg);
        transform: translate(20px, -50%);
    }
    .l-recruit-entry:hover::before {
        opacity: 0;
        cursor: pointer;
    }
    .l-recruit-entry_link:hover::before {
        opacity: 1;
        cursor: pointer;
    }
    .l-recruit-entry_link:hover .c-recruit_arrow-white::after {
        transform: translate(20px, -50%);
    }
    .l-discussion {
        margin-block-start: calc(60px + 0.1157407407 * (100vw - 768px));
    }
    .l-discussion {
        margin-block-end: calc(73px + 0.2361111111 * (100vw - 768px));
    }
    .l-discussion .l-valueBook {
        margin-block-end: calc(64px + 0.0648148148 * (100vw - 768px));
    }
    .l-discussion_title {
        margin-block-end: calc(60px + 0.0578703704 * (100vw - 768px));
    }
    .l-discussionMember {
        margin-block-end: calc(17px + 0.0648148148 * (100vw - 768px));
    }
    .l-discussionMember_item:hover {
        transform: translateY(-20px);
        cursor: pointer;
    }
    .l-discussion-lastMessage {
        margin-block-start: calc(17px + 0.0648148148 * (100vw - 768px));
    }
    .l-discussion-lastMessage::after {
        bottom: calc(-35px + -0.0925925926 * (100vw - 768px));
    }
    .l-discussionScene_img {
        margin-block-end: calc(64px + 0.0648148148 * (100vw - 768px));
    }
    .l-discussionContent_item {
        margin-block-end: calc(50px + 0.0462962963 * (100vw - 768px));
    }
    .l-discussionContent_img {
        margin-inline-end: calc(25px + 0.0578703704 * (100vw - 768px));
    }
    .l-pageReturn_item {
        height: calc(180px + 0.0535714286 * (100vw - 768px));
    }
    .l-pageReturn_item:hover {
        cursor: pointer;
    }
    .l-pageReturn_item:hover .c-recruit_arrow-black::after {
        transform: translate(20px, -50%);
    }
    .l-pageReturn_item01:hover {
        background-color: rgba(255, 255, 77, .5);
    }
    .l-pageReturn_item02:hover {
        background-color: rgba(109, 205, 243, .5);
    }
    .l-pageContact {
        padding-block-end: calc(100px + 0.0806451613 * (100vw - 768px));
    }
    .l-pageContact_header h1 {
        margin-block-end: calc(5px + 0.0215053763 * (100vw - 768px));
    }
    .googleForm_content {
        height: 3000px;
    }
    .p-returnTop a:hover {
        filter: drop-shadow(8px 8px 16px rgba(0, 0, 0, 0.16));
        opacity: .8;
    }
}

@media screen and (min-width: 770px) {
    .main-title {
        font-size: 3.2rem !important;
    }
    .main-title02 {
        font-size: 3.2rem !important;
    }
    .main-title03 {
        font-size: 2.4rem !important;
    }
    .p-facility_title01 {
        width: calc(249px + 0.3897959184 * (100vw - 770px));
    }
    .p-facility_title01 {
        height: calc(67px + 0.1040816327 * (100vw - 770px));
    }
    .p-facility_title01::before {
        width: calc(249px + 0.3897959184 * (100vw - 770px));
    }
    .p-facility_title01::before {
        height: calc(67px + 0.1040816327 * (100vw - 770px));
    }
    .p-facility_title02 {
        width: calc(230px + 0.3612244898 * (100vw - 770px));
    }
    .p-facility_title02 {
        height: calc(67px + 0.1040816327 * (100vw - 770px));
    }
    .p-facility_title02::before {
        width: calc(230px + 0.3612244898 * (100vw - 770px));
    }
    .p-facility_title02::before {
        height: calc(67px + 0.1040816327 * (100vw - 770px));
    }
    .p-facility_title03 {
        width: calc(249px + 0.3857142857 * (100vw - 770px));
    }
    .p-facility_title03 {
        height: calc(67px + 0.1040816327 * (100vw - 770px));
    }
    .p-facility_title03::before {
        width: calc(249px + 0.3857142857 * (100vw - 770px));
    }
    .p-facility_title03::before {
        height: calc(67px + 0.1040816327 * (100vw - 770px));
    }
    .p-facility_title04 {
        width: calc(249px + 0.3836734694 * (100vw - 770px));
    }
    .p-facility_title04 {
        height: calc(67px + 0.1040816327 * (100vw - 770px));
    }
    .p-facility_title04::before {
        width: calc(249px + 0.3836734694 * (100vw - 770px));
    }
    .p-facility_title04::before {
        height: calc(67px + 0.1040816327 * (100vw - 770px));
    }
    .l-mainVisual_header {
        width: calc(700px + 0.6567567568 * (100vw - 770px));
    }
    .l-liiFlow_wrap {
        padding-block-start: calc(105px + 0.1264150943 * (100vw - 770px));
    }
    .p-facility_item {
        max-width: calc(335px + 0.5244897959 * (100vw - 770px));
    }
    .p-facility-frame {
        top: calc(-20px + -0.1020408163 * (100vw - 770px));
    }
    .p-facility-frame {
        width: calc(335px + 0.5244897959 * (100vw - 770px));
    }
    .p-facility-frame {
        height: calc(200px + 0.312244898 * (100vw - 770px));
    }
    .p-facility_img {
        top: calc(30px + 0.0428571429 * (100vw - 770px));
    }
    .p-facility_img {
        left: calc(34px + 0.0530612245 * (100vw - 770px));
    }
    .p-facility_img {
        width: calc(272px + 0.4244897959 * (100vw - 770px));
    }
    .p-facility_img {
        height: calc(153px + 0.2387755102 * (100vw - 770px));
    }
    .p-facility_text {
        margin-block-start: calc(-6px + -0.1020408163 * (100vw - 770px));
    }
    .l-nanaAria_item {
        height: calc(144px + 0.1880597015 * (100vw - 770px));
    }
    .l-ariaImg {
        max-width: calc(256px + 0.3343283582 * (100vw - 770px));
    }
    .l-ariaImg {
        height: calc(144px + 0.1880597015 * (100vw - 770px));
    }
    .p-ariaName {
        padding-inline: calc(20px + 0.0447761194 * (100vw - 770px));
    }
    .p-ariaText_box {
        padding-inline: calc(20px + 0.0447761194 * (100vw - 770px));
    }
}

@media screen and (min-width: 900px) {
    .l-topNews_list::after {
        width: calc(220px + 0.2166666667 * (100vw - 900px));
    }
    .l-topNews_list::after {
        height: calc(147px + 0.1416666667 * (100vw - 900px));
    }
}

@media screen and (min-width: 990px) {
    .l-recruitVisual_header {
        left: calc(30px + 0.3044444444 * (100vw - 990px));
    }
    .l-recruitVisual_header {
        width: 711px;
    }
    .l-recruitVisual_header {
        height: 268px;
    }
    .l-recruitVisual_header h1 {
        width: 671px;
    }
    .l-recruitVisual_header h1 {
        height: 268px;
    }
    .l-header02_inner {
        padding-inline-start: calc(16px + 0.0866666667 * (100vw - 990px));
    }
    .l-header02_inner {
        padding-inline-end: calc(14px + 0.0688888889 * (100vw - 990px));
    }
    .l-headerJunior_logo {
        width: calc(137px + 0.2577777778 * (100vw - 990px));
    }
    .l-headerJunior_logo {
        height: calc(21px + 0.04 * (100vw - 990px));
    }
    .p-mainNav02_item {
        margin-inline: calc(10px + 0.0155555556 * (100vw - 990px));
    }
    .l-header03_wrap {
        padding-inline-start: calc(36px + 0.0422222222 * (100vw - 990px));
    }
    .l-header03_wrap {
        padding-inline-end: calc(14px + 0.0688888889 * (100vw - 990px));
    }
    .l-headerNana_logo {
        width: calc(157px + 0.2844444444 * (100vw - 990px));
    }
    .l-headerNana_logo {
        height: calc(22px + 0.04 * (100vw - 990px));
    }
    .p-mainNav03_item {
        margin-inline: calc(10px + 0.0155555556 * (100vw - 990px));
    }
    .l-header05_wrap {
        padding-inline-start: calc(20px + 0.0777777778 * (100vw - 990px));
    }
    .l-header05_wrap {
        padding-inline-end: calc(14px + 0.0511111111 * (100vw - 990px));
    }
    .l-headerLiiup_logo {
        width: calc(148px + 0.1644444444 * (100vw - 990px));
    }
    .l-headerLiiup_logo {
        height: calc(22px + 0.0244444444 * (100vw - 990px));
    }
    .p-mainNav04_item {
        margin-inline: calc(10px + 0.0155555556 * (100vw - 990px));
    }
    .p-liisjFeature_scrollIcon01 {
        left: calc(0px + -0.2666666667 * (100vw - 990px));
    }
    .p-liisjFeature_scrollIcon02 {
        right: calc(0px + -0.1777777778 * (100vw - 990px));
    }
    .p-access_body {
        padding-inline: 40px;
    }
    .p-access_gmap {
        right: 54px;
    }
    .p-recruitFeature-sec02_title {
        margin-block-end: calc(20px + 0.0577777778 * (100vw - 990px));
    }
    .p-recruitFeature-sec02_text02 {
        margin-block-end: calc(30px + 0.2 * (100vw - 990px));
    }
    .p-recruitFeature-sec03_title {
        margin-block-end: calc(20px + 0.0577777778 * (100vw - 990px));
    }
    .l-recruitData {
        padding-block-end: calc(64px + 0.2177777778 * (100vw - 990px));
    }
    .l-recruitData_title {
        margin-block-end: calc(8px + 0.1311111111 * (100vw - 990px));
    }
    .l-liiData_item {
        margin: calc(15px + 0.0333333333 * (100vw - 990px));
    }
}

@media screen and (min-width: 991px) {
    .p-liiFeature_img {
        max-width: calc(546px + 0.2953020134 * (100vw - 991px));
    }
    .p-liiFeature_img {
        height: calc(372px + 0.1073825503 * (100vw - 991px));
    }
    .p-liiFeature_title01 {
        width: calc(388px + 0.2080536913 * (100vw - 991px));
    }
    .p-liiFeature_title01 {
        height: calc(83px + 0.0402684564 * (100vw - 991px));
    }
    .p-liiFeature_title03 {
        width: calc(462px + 0.255033557 * (100vw - 991px));
    }
    .p-liiFeature_title03 {
        height: calc(83px + 0.0402684564 * (100vw - 991px));
    }
    .p-liiFeature_frame {
        top: calc(-36px + -0.0201342282 * (100vw - 991px));
    }
    .p-liiFeature_frame {
        height: calc(326px + 0.1744966443 * (100vw - 991px));
    }
    .p-liiFeature_frame img {
        width: calc(445px + 0.2348993289 * (100vw - 991px));
    }
    .p-liiFeature_frame img {
        height: calc(251px + 0.1275167785 * (100vw - 991px));
    }
    .p-liiFeature_frame img {
        margin-block-start: calc(48px + 0.0268456376 * (100vw - 991px));
    }
    .p-liiFeature_frame img {
        margin-inline-start: calc(50px + 0.033557047 * (100vw - 991px));
    }
    .p-liiFeature_text {
        width: calc(420px + 0.5033557047 * (100vw - 991px));
    }
    .p-liiFeature_text01 {
        margin-inline-start: calc(25px + 0.2147651007 * (100vw - 991px));
    }
    .p-liiFeature_text02 {
        margin-inline-end: calc(25px + 0.2147651007 * (100vw - 991px));
    }
    .p-access_body {
        padding-block: calc(12px + 0.1208053691 * (100vw - 991px));
    }
}

@media screen and (min-width: 1000px) {
    .l-liisjService-data_img {
        width: calc(566px + 0.8322580645 * (100vw - 1000px));
    }
    .l-liisjService-data_img {
        height: calc(480px + 0.6967741935 * (100vw - 1000px));
    }
    .l-liisjService-data_img::before {
        width: calc(499px + 0.6677419355 * (100vw - 1000px));
    }
    .p-liisjData_img {
        left: calc(90px + 0.1935483871 * (100vw - 1000px));
    }
    .p-liisjData_img {
        width: calc(476px + 0.6580645161 * (100vw - 1000px));
    }
    .p-liisjData_img {
        height: calc(308px + 0.4258064516 * (100vw - 1000px));
    }
    .p-liisjService-data_body {
        max-width: calc(390px + 0.1612903226 * (100vw - 1000px));
    }
}

@media screen and (min-width: 1050px) {
    .p-mainNav02_info {
        width: calc(80px + 0.428 * (100vw - 1050px));
    }
}

@media screen and (min-width: 1140px) {
    .p-modal_close-bottom {
        height: 140px;
    }
    .l-footer {
        padding-block-start: 80px;
    }
    .l-footer {
        padding-block-end: 28px;
    }
    .l-footer_block02 {
        margin-block-start: 58px;
    }
    .l-mainVisual_header {
        width: 943px;
    }
    .l-juniorVisual_header {
        right: 150px;
    }
    .l-juniorVisual_header h1 img {
        width: 474px;
    }
    .l-juniorVisual_header h1 img {
        margin-inline-end: 24px;
    }
    .p-voice_img img {
        width: 136px;
    }
    .p-voice_img img {
        height: 136px;
    }
    .l-liiFeature {
        padding-block-end: 126px;
    }
    .l-liiFeature_list {
        padding-block-start: 45px;
    }
    .p-liiFeature_img {
        max-width: 590px;
    }
    .p-liiFeature_img {
        height: 388px;
    }
    .p-liiFeature_img01::after {
        top: -140px;
    }
    .p-liiFeature_img01::after {
        width: 171px;
    }
    .p-liiFeature_img01::after {
        height: 190px;
    }
    .p-liiFeature_img03::after {
        top: -145px;
    }
    .p-liiFeature_img03::after {
        right: 125px;
    }
    .p-liiFeature_img03::after {
        width: 128px;
    }
    .p-liiFeature_img03::after {
        height: 156px;
    }
    .p-liiFeature_title01 {
        width: 419px;
    }
    .p-liiFeature_title01 {
        height: 89px;
    }
    .p-liiFeature_title03 {
        width: 500px;
    }
    .p-liiFeature_title03 {
        height: 89px;
    }
    .p-liiFeature_frame {
        top: -39px;
    }
    .p-liiFeature_frame {
        height: 352px;
    }
    .p-liiFeature_frame img {
        width: 480px;
    }
    .p-liiFeature_frame img {
        height: 270px;
    }
    .p-liiFeature_frame img {
        margin-block-start: 52px;
    }
    .p-liiFeature_frame img {
        margin-inline-start: 55px;
    }
    .p-liiFeature_text {
        width: 495px;
    }
    .p-liiFeature_text01 {
        margin-inline-start: 57px;
    }
    .p-liiFeature_text02 {
        margin-inline-end: 57px;
    }
    .l-contact {
        height: 480px;
    }
    .p-contactBox_button a {
        padding-block: 28px;
    }
    .l-topPromise::after {
        bottom: -240px;
    }
    .l-topPromise::after {
        right: 150px;
    }
    .l-topPromise::after {
        width: 211px;
    }
    .l-topPromise::after {
        height: 348px;
    }
    .l-topPromise_title {
        margin-block-end: -30px;
    }
    .l-topPromise_title::before {
        bottom: 74px;
    }
    .l-topPromise_title::after {
        bottom: 60px;
    }
    .l-topNews_title {
        width: 240px;
    }
    .l-topNews_title {
        height: 40px;
    }
    .l-topNews_list::before {
        top: -208px;
    }
    .l-topNews_list::before {
        left: 20px;
    }
    .l-topNews_list::before {
        width: 300px;
    }
    .l-topNews_list::before {
        height: 208px;
    }
    .l-topNews_list::after {
        width: 272px;
    }
    .l-topNews_list::after {
        height: 181px;
    }
    .p-topNews_body {
        margin-block: 16px;
    }
    .p-topNews_body {
        margin-inline: 40px;
    }
    .l-topRecruit::before {
        border-top-width: 202px;
    }
    .l-topRecruit::before {
        border-right-width: 525px;
    }
    .l-topRecruit::after {
        border-top-width: 103px;
    }
    .l-topRecruit::after {
        border-right-width: 421px;
    }
    .p-topRecruit_icon .p-topRecruit_iconImg {
        top: -94px;
    }
    .p-topRecruit_icon .p-topRecruit_iconImg {
        left: 120px;
    }
    .p-topRecruit_icon .p-topRecruit_iconImg {
        width: 230px;
    }
    .p-topRecruit_icon .p-topRecruit_iconImg {
        height: 138px;
    }
    .p-topRecruit_icon::before {
        border-bottom-width: 202px;
    }
    .p-topRecruit_icon::before {
        border-left-width: 525px;
    }
    .p-topRecruit_icon::after {
        border-bottom-width: 103px;
    }
    .p-topRecruit_icon::after {
        border-left-width: 421px;
    }
    .p-topRecruit_title {
        width: 340px;
    }
    .p-topRecruit_title img {
        height: 42px;
    }
    .l-topRecruit_item {
        height: 312px;
    }
    .l-liissAbout-sec01 {
        padding-block-start: 111px;
    }
    .l-liissAbout-sec01_text {
        margin-block-start: 77px;
    }
    .p-concept_img {
        margin-block-start: 76px;
    }
    .p-concept_img {
        margin-block-end: 40px;
    }
    .l-liissAbout-sec02 {
        padding-block-start: 193px;
    }
    .l-liissAbout-sec02 {
        padding-block-end: 90px;
    }
    .l-liissAbout-sec02_img {
        height: 374px;
    }
    .p-twoAxis {
        width: 900px;
    }
    .p-twoAxis_img {
        height: 362px;
    }
    .p-twoAxis_item01 p {
        left: 185px;
    }
    .p-twoAxis_item02 p {
        top: 50px;
    }
    .p-twoAxis_item02 p {
        right: 140px;
    }
    .l-liissAbout-sec03 {
        padding-block-start: 90px;
    }
    .l-nanaFeature-sec01 {
        padding-block: 120px;
    }
    .l-nanaFeature-sec01_title {
        margin-block-end: 50px;
    }
    .l-nanaFeature-sec01_title h2 {
        width: 395px;
    }
    .l-nanaFeature-sec01_title h2 {
        height: 76px;
    }
    .l-nanaFeature-sec01_title h2 {
        margin-block-end: 56px;
    }
    .l-nanaFeature-sec01_title h2 {
        padding-block: 13px;
    }
    .l-nanaFeature-sec01_title h2 {
        padding-inline: 24px;
    }
    .l-nanaFeature-sec01_title p {
        margin-block-end: 40px;
    }
    .l-nanaFeature-sec01_title h3 img {
        width: 50px;
    }
    .l-nanaFeature-slide {
        width: 568px;
    }
    .l-nanaFeature-slide {
        height: 302px;
    }
    .l-nanaService-overview_item01 {
        margin-block-end: 178px;
    }
    .l-nanaService-overview_item02::before {
        top: -153px;
    }
    .l-nanaService-overview_item02::before {
        left: 150px;
    }
    .l-nanaService-overview_item02::before {
        width: 138px;
    }
    .l-nanaService-overview_item02::before {
        height: 153px;
    }
    .l-nanaService-overview_body02::before {
        top: -127px;
    }
    .l-nanaService-overview_body02::before {
        width: 112px;
    }
    .l-nanaService-overview_body02::before {
        height: 127px;
    }
    .l-nanaAria-sec01_title {
        width: 410px;
    }
    .l-nanaAria-sec01_title {
        height: 48px;
    }
    .l-nanaAria-sec01_title {
        margin-block-end: 108px;
    }
    .l-nanaAria_list::before {
        top: -156px;
    }
    .l-nanaAria_list::before {
        width: 102px;
    }
    .l-nanaAria_list::before {
        height: 156px;
    }
    .l-nanaAria_list::after {
        top: -151px;
    }
    .l-nanaAria_list::after {
        width: 136px;
    }
    .l-nanaAria_list::after {
        height: 151px;
    }
    .l-nanaAria-sec02 {
        padding-block-start: 132px;
    }
    .l-nanaAria-sec02 {
        padding-block-end: 137px;
    }
    .l-nanaAria-sec02_slide {
        width: 568px;
    }
    .l-nanaAria-sec02_slide {
        height: 302px;
    }
    .p-nanaAria-sec02_text {
        max-width: 510px;
    }
    .p-nanaAria-sec02_text {
        margin-inline-start: 58px;
    }
    .p-nanaAria-sec02_text::after {
        bottom: -50px;
    }
    .l-liisjFeature-sec01 {
        padding-block-end: 133px;
    }
    .l-liisjFeature-sec01_title {
        margin-block-end: 100px;
    }
    .l-liisjFeature-sec01_title p {
        margin-block-start: 20px;
    }
    .p-liisjFeature-slide {
        width: 568px;
    }
    .p-liisjFeature-slide {
        height: 302px;
    }
    .p-liisjFeature-sec01_text {
        max-width: 510px;
    }
    .p-liisjFeature-sec01_text {
        margin-inline-start: 58px;
    }
    .l-liisjFeature-sec02_wrap {
        padding-block-start: 125px;
    }
    .l-liisjFeature-sec02_wrap {
        padding-block-end: 87px;
    }
    .l-liisjFeature-sec02_wrap::before {
        left: -10px;
    }
    .l-liisjFeature-sec02_wrap::before {
        width: 114px;
    }
    .l-liisjFeature-sec02_wrap::before {
        height: 182px;
    }
    .l-liisjFeature-sec02_wrap::after {
        right: 30px;
    }
    .l-liisjFeature-sec02_wrap::after {
        width: 96px;
    }
    .l-liisjFeature-sec02_wrap::after {
        height: 186px;
    }
    .p-liisjFeature-sec02_text01 {
        margin-block-end: 60px;
    }
    .p-liisjFeature-sec02_text02 {
        margin-block-start: 24px;
    }
    .l-liisjFeature-sec03_wrap {
        padding-block-start: 114px;
    }
    .l-liisjFeature-sec03_title {
        margin-block-end: 98px;
    }
    .l-liisjService_head {
        padding-block-start: 72px;
    }
    .l-liisjService_title {
        margin-block-end: 72px;
    }
    .l-liiupAbout-sec01 {
        padding-block-start: 111px;
    }
    .l-liiupAbout-sec01 {
        padding-block-end: 111px;
    }
    .l-liiupAbout_subtitle01 {
        margin-block-start: 76px;
    }
    .l-liiupAbout_subtitle01 {
        margin-block-end: 76px;
    }
    .l-liiupAbout-sec01_text h4 {
        margin-block-end: 40px;
    }
    .l-liiupAbout-sec02 {
        padding-block-start: 117px;
    }
    .l-liiupAbout-sec02 {
        padding-block-end: 147px;
    }
    .l-liiupAbout-sec02_body {
        height: 685px;
    }
    .p-liiupAbout-sec02_text01 {
        width: 441px;
    }
    .p-liiupAbout-sec02_text02 {
        width: 417px;
    }
    .l-access {
        padding-block-start: 156px;
    }
    .l-access {
        padding-block-end: 160px;
    }
    .l-access_inner::after {
        bottom: -161px;
    }
    .l-access_inner::after {
        width: 260px;
    }
    .l-access_inner::after {
        height: 150px;
    }
    .l-access_list::before {
        top: -152px;
    }
    .l-access_list::before {
        width: 210px;
    }
    .l-access_list::before {
        height: 160px;
    }
    .p-access_body {
        padding-block: 30px;
    }
    .l-comment_body {
        margin-inline-start: 60px;
    }
    .l-companyProfile_table th {
        width: 160px;
    }
    .l-news_inner::before {
        top: 43px;
    }
    .l-news_inner::before {
        left: 5px;
    }
    .l-news_inner::before {
        width: 178px;
    }
    .l-news_inner::before {
        height: 198px;
    }
    .l-news_inner::after {
        width: 170px;
    }
    .l-news_inner::after {
        height: 260px;
    }
    .l-news_header {
        width: 240px;
    }
    .l-news_header {
        height: 40px;
    }
    .c-newsMedia_body {
        padding-inline-start: 32px;
    }
    .l-recruitFeature-sec01_body {
        width: 510px;
    }
    .l-recruitFeature-sec01_img {
        width: 570px;
    }
    .p-recruitFeature-sec02_title h2 svg {
        width: 84px;
    }
    .p-recruitFeature-sec02_title h2 svg {
        height: 40px;
    }
    .p-recruitFeature-sec02_title .p-enTitle2 {
        top: -58px;
    }
    .p-enTitle3 {
        top: -70px;
    }
    .l-recruit-notion_link p {
        width: 989px;
    }
    .p-typeOfJob_enTitle {
        margin-inline-start: 84px;
    }
    .l-typeOfJob-sec01 {
        padding-block-start: 118px;
    }
    .l-typeOfJob-sec01 {
        padding-block-end: 92px;
    }
    .p-typeOfJob-sec01_text {
        margin-block-start: 57px;
    }
    .p-typeOfJob-sec01_text {
        margin-block-end: 90px;
    }
    .l-typeOfJob-sec01_item {
        padding-inline: 30px;
    }
    .l-typeOfJob-work_text {
        margin-block-start: 28px;
    }
    .l-typeOfJob-work_text {
        margin-block-end: 70px;
    }
    .l-typeOfJob-sec01_note {
        margin-block-start: 40px;
    }
    .l-typeOfJob-sec02 {
        padding-block-start: 100px;
    }
    .l-typeOfJob-sec02 {
        padding-block-end: 120px;
    }
    .l-typeOfJob-sec02_list {
        margin-block-start: 36px;
    }
    .l-typeOfJob-sec02_item {
        margin-block-start: 24px;
    }
    .l-typeOfJob-sec02_item {
        height: 104px;
    }
    .p-welfareText {
        padding-inline: 36px;
    }
    .l-typeOfJob-sec03 {
        padding-block-start: 100px;
    }
    .l-typeOfJob-sec03 {
        padding-block-end: 120px;
    }
    .l-typeOfJob-tabArea {
        margin-block-start: 46px;
    }
    .tabArea_label {
        padding-block: 28px;
    }
    .l-tabArea_item {
        padding-inline-start: 60px;
    }
    .l-tabArea_item {
        padding-inline-end: 43px;
    }
    .p-recruitOneDay_title {
        margin-inline-start: 50px;
    }
    .p-recruitOneDay_title {
        margin-inline-end: 60px;
    }
    .l-recruit-company_link {
        padding-inline-start: 90px;
    }
    .l-recruit-company_link {
        padding-inline-end: 70px;
    }
    .l-pageContact {
        padding-block-end: 130px;
    }
    .l-pageContact_header h1 {
        margin-block-end: 13px;
    }
    .p-returnTop a {
        padding-block: 28px;
    }
}

@media screen and (min-width: 1180px) {
    .l-typeOfJob-sec01_item {
        width: 560px;
    }
}

@media screen and (min-width: 1200px) {
    .l-recruitOneDay-modal_title {
        padding-block-start: 102px;
    }
    .l-recruitOneDay-modal_list {
        margin-block-start: 67px;
    }
    .l-recruitOneDay-modal_list {
        margin-block-end: 80px;
    }
    .l-recruitOneDay-modal_list {
        padding-inline-start: 135px;
    }
    .l-recruitOneDay-modal_list {
        padding-inline-end: 90px;
    }
    .l-recruitOneDay-modal_list::before {
        left: 133px;
    }
    .c-mainNav_item a {
        padding-inline-end: 32px;
    }
    .c-mainNav_item a::after {
        right: 12px;
    }
    .p-logo_item {
        max-width: 172px;
    }
    .p-logo_item {
        height: 24px;
    }
    .l-nanaVisual_header h1 {
        width: 322px;
    }
    .l-nanaVisual_header h1 {
        height: 298px;
    }
    .l-nanaVisual_header p {
        width: 398px;
    }
    .l-liiupVisual_header h1 {
        width: 263px;
    }
    .l-liiupVisual_header h1 {
        height: 241px;
    }
    .l-liiupVisual_header p {
        width: 516px;
    }
    .l-pageVisual {
        height: 320px;
    }
    .l-pageVisual02 {
        height: 312px;
    }
    .l-pageVisual-liiss_header {
        max-width: 437px;
    }
    .l-pageVisual-liiss_header {
        height: 54px;
    }
    .l-pageVisual-404 {
        height: 320px;
    }
    .l-pageVisual-discussion_header {
        top: 90px;
    }
    .l-pageVisual-discussion_header {
        left: 130px;
    }
    .l-pageVisual-discussion_header {
        width: 740px;
    }
    .l-pageVisual-discussion_header p {
        margin-block-start: 10px;
    }
    .p-mainNav02_info {
        margin-inline-start: calc(20px + 0.0833333333 * (100vw - 1200px));
    }
    .l-voice_title {
        max-width: 402px;
    }
    .l-faq_title {
        max-width: 444px;
    }
    .l-faq_wrap {
        margin-block-start: 80px;
    }
    .l-liiFeature_title {
        top: -66px;
    }
    .l-liiFeature_title {
        max-width: 640px;
    }
    .l-liiFeature_title {
        height: 136px;
    }
    .l-liiFeature_title h2 {
        top: 30px;
    }
    .l-liiFlow_title {
        top: -66px;
    }
    .l-liiFlow_title {
        max-width: 698px;
    }
    .l-liiFlow_title {
        height: 136px;
    }
    .l-liiFlow_title h2 {
        top: 30px;
    }
    .l-recruitData_title h2 svg {
        width: 84px;
    }
    .l-recruitData_title h2 svg {
        height: 44px;
    }
    .l-discussion {
        margin-block-start: 110px;
    }
    .l-discussion {
        margin-block-end: 175px;
    }
    .l-discussion .l-valueBook {
        margin-block-end: 92px;
    }
    .l-discussion_title {
        margin-block-end: 85px;
    }
    .l-discussionMember {
        margin-block-end: 45px;
    }
    .l-discussion-lastMessage {
        margin-block-start: 45px;
    }
    .l-discussion-lastMessage::after {
        bottom: -75px;
    }
    .l-discussionScene_img {
        margin-block-end: 92px;
    }
    .l-discussionContent_item {
        margin-block-end: 70px;
    }
    .l-discussionContent_img {
        margin-inline-end: 50px;
    }
}

@media screen and (min-width: 1260px) {
    .p-facility_title01 {
        width: 440px;
    }
    .p-facility_title01 {
        height: 118px;
    }
    .p-facility_title01::before {
        width: 440px;
    }
    .p-facility_title01::before {
        height: 118px;
    }
    .p-facility_title02 {
        width: 407px;
    }
    .p-facility_title02 {
        height: 118px;
    }
    .p-facility_title02::before {
        width: 407px;
    }
    .p-facility_title02::before {
        height: 118px;
    }
    .p-facility_title03 {
        width: 438px;
    }
    .p-facility_title03 {
        height: 118px;
    }
    .p-facility_title03::before {
        width: 438px;
    }
    .p-facility_title03::before {
        height: 118px;
    }
    .p-facility_title04 {
        width: 437px;
    }
    .p-facility_title04 {
        height: 118px;
    }
    .p-facility_title04::before {
        width: 437px;
    }
    .p-facility_title04::before {
        height: 118px;
    }
    .p-facility_item {
        max-width: 592px;
    }
    .p-facility-frame {
        top: -70px;
    }
    .p-facility-frame {
        width: 592px;
    }
    .p-facility-frame {
        height: 353px;
    }
    .p-facility_img {
        top: 51px;
    }
    .p-facility_img {
        left: 60px;
    }
    .p-facility_img {
        width: 480px;
    }
    .p-facility_img {
        height: 270px;
    }
    .p-facility_text {
        margin-block-start: -56px;
    }
}

@media screen and (min-width: 1300px) {
    .p-mainNav02_info {
        width: 187px;
    }
    .l-liiFlow::after {
        width: 260px;
    }
    .l-liiFlow::after {
        height: 300px;
    }
    .l-liiFlow_inner::before {
        width: 348px;
    }
    .l-liiFlow_inner::before {
        height: 308px;
    }
    .l-liiFlow_wrap {
        padding-block-start: 172px;
    }
    .p-liiFlow_time {
        top: 41px;
    }
    .p-liiFlow_time {
        width: 360px;
    }
    .p-liiFlow_time {
        height: 89px;
    }
    .p-liiFlow_time span {
        top: 20px;
    }
    .p-liiFlow_item_wrap {
        width: 527px;
    }
    .p-liiFlow_line01::before {
        right: -100px;
    }
    .p-liiFlow_line01::before {
        width: 126px;
    }
    .p-liiFlow_line01::after {
        right: -121px;
    }
    .p-liiFlow_line02::before {
        left: -95px;
    }
    .p-liiFlow_line02::before {
        width: 126px;
    }
    .l-liiFlow_item-right03 .p-liiFlow_line02::after {
        left: -121px;
    }
    .p-liiFlow_frame {
        width: 527px;
    }
    .p-liiFlow_frame {
        height: 303px;
    }
    .p-liiFlow_frame img {
        width: 428px;
    }
    .p-liiFlow_frame img {
        height: 240px;
    }
    .p-liiFlow_frame img {
        margin-block-start: 32px;
    }
    .p-liiFlow_frame img {
        margin-inline-start: 55px;
    }
}

@media screen and (min-width: 1310px) {
    .l-liisjService-data_img {
        width: 824px;
    }
    .l-liisjService-data_img {
        height: 696px;
    }
    .l-liisjService-data_img::before {
        width: 706px;
    }
    .p-liisjData_img {
        left: 150px;
    }
    .p-liisjData_img {
        width: 680px;
    }
    .p-liisjData_img {
        height: 440px;
    }
    .p-liisjService-data_body {
        max-width: 440px;
    }
}

@media screen and (min-width: 1315px) {
    .l-liisjService-data .l-liisjService-sec_inner {
        padding-block-end: 90px;
    }
}

@media screen and (min-width: 1400px) {
    .l-topAbout_slide::before {
        top: -114px;
    }
    .l-topAbout_slide::before {
        width: 153px;
    }
    .l-topAbout_slide::before {
        height: 170px;
    }
    .l-topAbout_slide::after {
        right: 40px;
    }
    .l-topAbout_slide::after {
        width: 170px;
    }
    .l-topAbout_slide::after {
        height: 260px;
    }
    .l-topAbout_slide-title {
        top: -68px;
    }
    .l-topAbout_slide-title {
        width: 460px;
    }
    .image_frame {
        width: 1140px;
    }
    .image_frame {
        height: 640px;
    }
    .slider1 .swiper-slide img {
        top: 54px;
    }
    .slider1 .swiper-slide img {
        left: 112px;
    }
    .slider1 .swiper-slide img {
        width: 943px;
    }
    .slider1 .swiper-slide img {
        height: 530px;
    }
    .slider1 .swiper-horizontal>.swiper-pagination-bullets,
    .slider1 .swiper-pagination-bullets.swiper-pagination-horizontal,
    .slider1 .swiper-pagination-custom,
    .slider1 .swiper-pagination-fraction {
        bottom: 16px;
    }
    .l-liissAbout_video {
        width: 1140px;
    }
    .l-liissAbout_video::before {
        top: -210px;
    }
    .l-liissAbout_video::before {
        width: 189px;
    }
    .l-liissAbout_video::before {
        height: 210px;
    }
    .l-liissAbout_video::after {
        right: 35px;
    }
    .l-liissAbout_video::after {
        width: 170px;
    }
    .l-liissAbout_video::after {
        height: 260px;
    }
    .l-liissAbout_video .p-liissVideo_title {
        top: -68px;
    }
    .l-liissAbout_video .p-liissVideo_title {
        width: 640px;
    }
    .l-liissAbout_video .p-liissVideo_title {
        height: 136px;
    }
    .l-liissAbout_video .p-liissVideo_frame {
        width: 1140px;
    }
    .l-liissAbout_video .p-liissVideo_frame {
        height: 640px;
    }
    .l-liissAbout_video .p-liissVideo_contents {
        top: 54px;
    }
    .l-liissAbout_video .p-liissVideo_contents {
        left: 112px;
    }
    .l-liissAbout_video .p-liissVideo_contents {
        width: 943px;
    }
    .l-liissAbout_video .p-liissVideo_contents {
        height: 530px;
    }
    .l-liissAbout-sec03 {
        padding-block-end: 134px;
    }
    .p-liissAbout-sec03_profile .p-profile_text {
        margin-inline-start: 38px;
    }
}

@media screen and (min-width: 1440px) {
    .l-recruitOneDay-modal_body {
        width: 520px;
    }
    .l-recruitOneDay-modal_body {
        padding-inline-start: 90px;
    }
    .l-recruitOneDay-modal_body::before {
        left: -17px;
    }
    .l-recruitOneDay-modal_body::before {
        width: 34px;
    }
    .l-recruitOneDay-modal_body::before {
        height: 34px;
    }
    .l-recruitOneDay-modal_img {
        width: 340px;
    }
    .l-recruitOneDay-modal_img {
        height: 200px;
    }
    .l-nanaVisual_header {
        padding-inline: 150px;
    }
    .l-recruitVisual_header {
        left: 167px;
    }
    .l-header02_inner {
        padding-inline-start: 55px;
    }
    .l-header02_inner {
        padding-inline-end: 45px;
    }
    .l-headerJunior_logo {
        width: 253px;
    }
    .l-headerJunior_logo {
        height: 39px;
    }
    .p-mainNav02_item {
        margin-inline: 17px;
    }
    .p-mainNav02_info {
        margin-inline-start: 40px;
    }
    .l-header03_wrap {
        padding-inline-start: 55px;
    }
    .l-header03_wrap {
        padding-inline-end: 45px;
    }
    .l-headerNana_logo {
        width: 285px;
    }
    .l-headerNana_logo {
        height: 40px;
    }
    .p-mainNav03_item {
        margin-inline: 17px;
    }
    .l-header05_wrap {
        padding-inline-start: 55px;
    }
    .l-header05_wrap {
        padding-inline-end: 37px;
    }
    .l-headerLiiup_logo {
        width: 222px;
    }
    .l-headerLiiup_logo {
        height: 33px;
    }
    .p-mainNav04_item {
        margin-inline: 17px;
    }
    .l-topPromise_title::before {
        left: 296px;
    }
    .l-topPromise_title::before {
        width: 174px;
    }
    .l-topPromise_title::before {
        height: 198px;
    }
    .l-topPromise_title::after {
        right: 294px;
    }
    .l-topPromise_title::after {
        width: 160px;
    }
    .l-topPromise_title::after {
        height: 244px;
    }
    .l-nanaFeature-sec02 {
        padding-block-start: 130px;
    }
    .l-nanaFeature-sec02 {
        padding-block-end: 130px;
    }
    .l-nanaService-overview_item {
        height: calc(375px + 0.2571428571 * (100vw - 1440px));
    }
    .l-nanaService-overview_item01 {
        margin-inline-start: 125px;
    }
    .l-nanaService-overview_item01 .l-nanaService-overview_img01 {
        margin-inline-start: 55px;
    }
    .l-nanaService-overview_item02 {
        margin-inline-end: 125px;
    }
    .l-nanaService-overview_item02 .l-nanaService-overview_img02 {
        margin-inline-end: 55px;
    }
    .l-nanaAria-sec01 {
        padding-block-start: 122px;
    }
    .l-nanaAria_list::before {
        left: 295px;
    }
    .l-nanaAria_list::after {
        right: 295px;
    }
    .l-nanaAria_item {
        height: 270px;
    }
    .l-ariaImg {
        max-width: 480px;
    }
    .l-ariaImg {
        height: 270px;
    }
    .p-ariaName {
        padding-inline: 50px;
    }
    .p-ariaText_box {
        padding-inline: 50px;
    }
    .p-liisjFeature-reason_item {
        width: 480px;
    }
    .p-liisjFeature-reason_wrap {
        padding-block: 64px;
    }
    .p-liisjFeature-reason_wrap {
        padding-inline: 50px;
    }
    .p-liisjFeature-reason_title {
        height: 31px;
    }
    .l-liisjFeature-byType {
        padding-block-start: 80px;
    }
    .l-liisjFeature-byType_case01 {
        padding-inline-end: 47px;
    }
    .l-liisjFeature-byType_case02 {
        padding-inline-start: 47px;
    }
    .p-liisjFeature-byType_title {
        width: 420px;
    }
    .p-liisjFeature-byType_title {
        height: 80px;
    }
    .p-liisjFeature-byType_title img {
        height: 29px;
    }
    .l-liisjFeature-byType_body::before {
        left: -46px;
    }
    .l-liisjFeature-byType_list {
        margin-block-start: 32px;
    }
    .l-liisjFeature-byType_list {
        margin-block-end: 80px;
    }
    .l-liisjFeature-byType_list02 {
        padding-inline-start: 36px;
    }
    .p-liisjFeature-byType_item {
        height: 94px;
    }
    .p-liisjFeature-byType_item::before {
        left: -130px;
    }
    .p-liisjFeature-byType_item::before {
        width: 94px;
    }
    .p-liisjFeature-byType_item::before {
        height: 94px;
    }
    .p-liisjFeature-byType_item02 {
        margin-block: 60px;
    }
    .l-liisjFeature-byType_list01 {
        padding-inline-end: 36px;
    }
    .p-liisjFeature-byType_text {
        max-width: 418px;
    }
    .p-liisjFeature-byType_text01 {
        margin-inline-end: 36px;
    }
    .p-liisjFeature-byType_text02 {
        margin-inline-start: 36px;
    }
    .p-liisjFeature_scrollIcon01 {
        top: -130px;
    }
    .p-liisjFeature_scrollIcon01 {
        left: -120px;
    }
    .p-liisjFeature_scrollIcon01 {
        width: 136px;
    }
    .p-liisjFeature_scrollIcon02 {
        top: -132px;
    }
    .p-liisjFeature_scrollIcon02 {
        right: -80px;
    }
    .p-liisjFeature_scrollIcon02 {
        width: 98px;
    }
    .l-liisjService_title h2 {
        width: 170px;
    }
    .p-liisjProgram_item {
        width: 480px;
    }
    .p-liisjProgram_wrap {
        height: 80px;
    }
    .p-liisjProgram_button a {
        padding-inline: 14px;
    }
    .p-liisjProgram_button a::after {
        top: 12px;
    }
    .p-liisjProgram_button a::after {
        width: 10px;
    }
    .p-liisjProgram_button a::after {
        height: 10px;
    }
    .l-liisjService-sec_inner {
        padding-block: 130px;
    }
    .l-liisjService-sec_title {
        margin-block-end: 80px;
    }
    .l-liisjService-overview_item01 {
        margin-inline-start: 125px;
    }
    .l-liisjService-overview_item01 .l-liisjService-overview_img {
        margin-inline-start: 55px;
    }
    .l-liisjService-overview_item02 {
        margin-inline-end: 125px;
    }
    .l-liisjService-overview_item02 .l-liisjService-overview_img {
        margin-inline-end: 55px;
    }
    .p-liisjService-overview_tag {
        margin-block: 52px;
    }
    .l-staff::before {
        top: -30px;
    }
    .l-staff::before {
        height: 374px;
    }
    .l-recruitFeature {
        padding-block-start: 156px;
    }
    .l-recruitFeature {
        padding-block-end: 108px;
    }
    .l-recruitFeature-sec01 {
        margin-block-end: 156px;
    }
    .p-enTitle {
        width: 920px;
    }
    .l-recruitFeature-sec02 {
        margin-block-end: 156px;
    }
    .p-recruitFeature-sec02_title {
        margin-block-end: 46px;
    }
    .p-recruitFeature-sec02_text02 {
        margin-block-end: 120px;
    }
    .p-recruitProgram_item {
        height: 350px;
    }
    .p-recruitProgram_title {
        height: 48px;
    }
    .p-recruitProgram_text {
        bottom: 60px;
    }
    .p-recruitFeature-sec03_title {
        margin-block-end: 46px;
    }
    .l-recruitFeature-sec03_list {
        margin-block-end: 48px;
    }
    .l-recruitData {
        padding-block-start: 118px;
    }
    .l-recruitData {
        padding-block-end: 162px;
    }
    .l-recruitData_title {
        margin-block-end: 67px;
    }
    .l-liiData_item {
        margin: 30px;
    }
    .l-recruit-notion {
        height: 216px;
    }
    .l-recruit-notion_link p::before {
        right: 142px;
    }
    .l-recruit-notion_link p::before {
        width: 217px;
    }
    .l-recruit-notion_link p::before {
        height: 173px;
    }
    .l-recruitIntroduction_inner {
        height: 380px;
    }
    .p-recruitOneDay_title {
        width: 611px;
    }
    .l-recruit-company_title {
        width: 560px;
    }
    .l-recruit-entry {
        height: 380px;
    }
    .l-pageReturn_item {
        height: 216px;
    }
    .l-pageReturn_link p {
        width: 520px;
    }
}

@media screen and (min-width: 2560px) {
    .l-nanaService-overview_item {
        height: 663px;
    }
}

@media screen and (max-width: 1400px) {
    .br-sp05 {
        display: block;
    }
    .l-pageVisual-discussion {
        height: 194px;
        background-attachment: initial;
    }
    .l-nanaService-overview_item {
        height: initial;
    }
    .l-pageVisual-access {
        height: 630px;
    }
    .l-pageVisual-access_inner {
        max-width: 990px;
        padding-inline: 30px;
    }
    .l-pageVisual-access_header {
        width: 200px;
        height: 30px;
        margin-block-start: 36px;
        margin-inline-start: 30px;
    }
    .l-accessMap_img {
        width: 698px;
        height: 457px;
    }
    .l-accessMap {
        width: 220px;
        min-height: 80px;
    }
    .p-accessMap_name {
        width: 60px;
        font-size: 1.25rem;
    }
    .p-accessMap_list {
        width: calc(100% - 60px);
        padding-inline-start: 8px;
        padding-inline-end: 4px;
        font-size: 1rem;
    }
    .aichi {
        right: 275px;
        bottom: 4px;
    }
    .kanagawa {
        right: 48px;
        bottom: 200px;
    }
    .hyougo {
        top: 110px;
        left: 160px;
    }
    .osaka {
        left: 260px;
        bottom: 80px;
    }
    .shizuoka {
        right: 48px;
        bottom: 110px;
    }
    .tokyo {
        top: 140px;
        right: 48px;
    }
    .okinawa {
        bottom: 210px;
        left: 50px;
    }
    .okinawa.l-accessMap {
        width: 230px;
    }
}

@media screen and (max-width: 1199px) {
    .br-pc03 {
        display: none;
    }
    .br-sp06 {
        display: block;
    }
    .br-sp07 {
        display: block;
    }
    .p-facility_title05,
    .p-facility_title07 {
        width: 220px;
        height: 60px;
    }
    .p-facility_title05::before,
    .p-facility_title07::before {
        width: 220px;
        height: 60px;
    }
    .p-facility_title06 {
        width: 206px;
        height: 60px;
    }
    .p-facility_title06::before {
        width: 206px;
        height: 60px;
    }
    .p-facility_title08 {
        width: 220px;
        height: 60px;
    }
    .p-facility_title08::before {
        width: 220px;
        height: 60px;
    }
    .p-voice_item {
        flex-direction: column;
        padding-block-start: 30px;
        padding-block-end: 27px;
        padding-inline: 20px;
    }
    .p-voice_img {
        display: flex;
        max-width: initial;
        margin-block-end: 24px;
        margin-inline-end: 0;
    }
    .p-voice_img img {
        margin-inline-start: initial;
        margin-inline-end: 2em;
    }
    .p-voice_img p {
        margin-block: auto;
        text-align: initial;
    }
    .p-voice_img02 {
        display: flex;
        max-width: initial;
        margin-inline-end: 0;
    }
    .p-voice_body {
        max-width: initial;
    }
    .p-voice_body h3 {
        font-size: 1rem;
    }
    .l-nanaService-overview_body {
        width: 100%;
        max-width: 375px;
    }
    .l-liisjService-overview_body {
        width: 100%;
        max-width: 375px;
    }
}

@media screen and (max-width: 991px) {
    .br-sp04 {
        display: block;
    }
    .c-accessMap_icon {
        width: 2em;
        height: 2em;
    }
    .c-accessMap_icon:before {
        width: 1.2em;
        height: 1.2em;
    }
    .l-header_logo01 {
        width: 140px;
        height: 49px;
        margin-block: 15px;
    }
    .l-header_logo02 {
        width: 180px;
        height: 46px;
        margin-block: 17px;
    }
    .l-header03_inner {
        flex-direction: column;
    }
    .l-header03_wrap {
        height: 60px;
    }
    .p-mainNav03_item {
        height: 60px;
    }
    .p-mainNav03_infoNana-pc {
        display: none;
    }
    .p-mainNav03_infoNana-sp {
        display: block;
        width: 100%;
        margin-block-start: auto;
        background-color: #000;
        text-align: center;
        letter-spacing: .08em;
        line-height: 2;
    }
    .l-header05_inner {
        flex-direction: column;
    }
    .l-header05_wrap {
        height: 60px;
    }
    .p-mainNav04_item {
        height: 60px;
    }
    .p-mainNav04_infoUp-pc {
        display: none;
    }
    .p-mainNav04_infoUp-sp {
        display: block;
        width: 100%;
        margin-block-start: auto;
        background-color: #000;
        text-align: center;
        letter-spacing: .08em;
        line-height: 2;
    }
    .l-liiFeature_item {
        flex-direction: column;
    }
    .l-liiFeature_item-liiss03 {
        align-items: center;
    }
    .p-liiFeature_img {
        height: 192px;
    }
    .p-liiFeature_title {
        font-size: 1rem;
    }
    .p-liiFeature_frame {
        top: -21px;
        height: 167px;
    }
    .p-liiFeature_frame img {
        width: 228px;
        height: 128px;
        margin-block-start: 20px;
        margin-inline-start: 30px;
    }
    .p-liiFeature_text {
        width: 100%;
        max-width: 700px;
        line-height: 2;
    }
    .p-liiFeature_text p:first-child {
        margin-block-start: 28px;
    }
    .p-liiFeature_text01 {
        margin-inline-start: 0;
    }
    .p-liiFeature_text02 {
        margin-inline-end: 0;
    }
    .l-topRecruit_inner {
        padding-block: 50px;
    }
    .l-topRecruit_header {
        flex-direction: column;
        padding-inline: 6px;
    }
    .p-topRecruit_title span {
        text-align: center;
    }
    .p-topRecruit_title {
        margin-inline: auto;
    }
    .p-topRecruit_text {
        text-align: center;
    }
    .p-topRecruit_link img {
        height: 32px;
    }
    .l-liisjFeature-reason_list {
        flex-direction: column;
    }
    .p-liisjFeature-reason_item {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 480px;
    }
    .p-liisjFeature-reason_item::after {
        background-color: rgba(0, 0, 0, .48);
    }
    .l-liisjProgram_list {
        flex-direction: column;
    }
    .p-liisjProgram_item {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 480px;
    }
    .p-liisjProgram_title {
        font-size: 1.125rem;
    }
    .l-liisjService-data_wrap {
        flex-direction: column;
        width: min(100%, 768px);
        margin-inline: auto;
    }
    .l-liisjService-data_img {
        width: 375px;
        height: 295px;
        padding-inline-end: 20px;
    }
    .l-liisjService-data_img::before {
        width: 305px;
    }
    .p-liisjData_img {
        left: 20px;
        width: 336px;
        height: 217px;
    }
    .p-liisjService-data_body {
        max-width: 700px;
        margin-block-start: 35px;
        margin-inline-start: initial;
    }
    .l-pageVisual-access {
        height: 500px;
    }
    .l-pageVisual-access_inner {
        max-width: 768px;
    }
    .l-pageVisual-access_header {
        width: 148px;
        height: 22px;
        margin-block-start: 30px;
        margin-inline-start: 15px;
    }
    .l-accessMap_img {
        width: 540px;
        height: 354px;
    }
    .l-accessMap {
        width: 160px;
        min-height: 50px;
    }
    .p-accessMap_name {
        width: 40px;
        font-size: .875rem;
    }
    .p-accessMap_list {
        width: calc(100% - 40px);
        padding-inline-start: 6px;
        font-size: .75rem;
    }
    .aichi {
        right: 205px;
        bottom: -2px;
    }
    .kanagawa {
        right: 42px;
        bottom: 146px;
    }
    .hyougo {
        top: 85px;
        left: 142px;
    }
    .osaka {
        left: 230px;
        bottom: 66px;
    }
    .shizuoka {
        right: 42px;
        bottom: 90px;
    }
    .tokyo {
        top: 120px;
        right: 42px;
    }
    .okinawa {
        bottom: 153px;
        left: 45px;
    }
    .okinawa.l-accessMap {
        width: 165px;
    }
    .p-access_img {
        height: 228px;
    }
    .l-thought-sec03 {
        max-width: 640px;
    }
    .p-recruitFeature-sec02_text01 {
        margin-block-end: 30px;
    }
    .p-recruitFeature-sec02_text02 {
        margin-block-end: initial;
    }
    .l-recruitFeature-sec02_wrap {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 768px) {
    html {
        scroll-padding-top: 80px;
    }
    .br-pc01 {
        display: none;
    }
    .br-sp01 {
        display: block;
    }
    .br-sp07 {
        display: none;
    }
    .c-cta_button {
        width: 70px;
        height: 130px;
    }
    .c-cta_button::after {
        top: 60px;
        right: -17px;
        width: 44px;
        height: 60px;
    }
    .c-cta_button-junior {
        top: 80px;
    }
    .p-cta_text {
        width: 70px;
        height: 70px;
        font-size: .625rem;
    }
    .p-cta_cancel {
        width: 20px;
        height: 20px;
        border: 1px solid #fff;
        font-size: 1rem;
    }
    .c-cta_button-recruit .p-cta_text .text01 {
        padding-block-end: 2px;
        font-size: .625rem;
    }
    .c-cta_button-recruit .p-cta_text .text03 {
        font-size: .75rem;
    }
    .c-cta_button-recruit {
        top: 80px;
    }
    .c-cta_button-discussion .p-cta_text {
        font-size: .625rem;
    }
    .c-cta_button-discussion {
        top: 80px;
    }
    .p-top_button {
        width: 40px;
        height: 40px;
    }
    .p-top_button::after {
        width: 10px;
        height: 10px;
        border-right: 3px solid #fff;
        border-top: 3px solid #fff;
    }
    .breadcrumb-area {
        margin-block-start: 12px;
        margin-inline: 20px;
    }
    .l-header_snsIcon {
        display: none;
    }
    .c-map_icon {
        width: 1em;
        height: 1em;
    }
    .c-accessMap_icon {
        width: 1.2em;
        height: 1.2em;
    }
    .c-accessMap_icon:before {
        width: .7em;
        height: .7em;
    }
    .p-yellow_bar::before {
        transform: scaleY(0.79) perspective(12px) rotateX(-3deg);
    }
    .l-valueBook {
        height: 140px;
    }
    .l-valueBook_title {
        width: 335px;
    }
    .l-valueBook_title .c-recruit_arrow-black::after {
        width: 50px;
        height: 17px;
        background-size: 50px 17px;
    }
    .p-valueBook_title {
        height: 52px;
    }
    .p-valueBook_title img {
        width: 262px;
    }
    .l-recruitOneDay-modal-entry {
        height: 112px;
    }
    .l-recruitOneDay-modal-entry_link .c-recruit_arrow-white::after {
        width: 32px;
        height: 6px;
        background-image: url(../images/icon_arrow_white_sp.svg);
        background-size: 32px 6px;
    }
    .l-recruitOneDay-modal-entry_wrap {
        width: 180px;
        height: 52px;
        margin-block: 30px;
    }
    .l-recruitOneDay-modal-entry_wrap img {
        width: 140px;
        height: 24px;
    }
    .l-recruitOneDay-modal-entry_wrap span {
        font-size: .8125rem;
    }
    .l-modal_window {
        margin-block-start: 70px;
    }
    .c-recruit_arrow-black::after {
        width: 32px;
        height: 6px;
        background-image: url(../images/icon_arrow_black_sp.svg);
        background-size: 32px 6px;
    }
    .c-recruit_arrow-white::after {
        width: 32px;
        height: 6px;
        background-image: url(../images/icon_arrow_white_sp.svg);
        background-size: 32px 6px;
    }
    .js-lineMarker {
        background-size: 0 4px;
    }
    .js-lineMarker.active {
        background-size: 100% 4px;
    }
    .l-mainNav {
        display: none;
    }
    .l-footer_block {
        flex-direction: column;
    }
    .l-footer_block01 {
        flex-direction: column-reverse;
    }
    .l-block_wrap {
        width: 100%;
    }
    .l-footer_address {
        margin-block-start: 2em;
    }
    .l-footer_address p:last-child {
        font-size: .8755rem;
    }
    .p-logo_item {
        margin-inline-end: 18px;
    }
    .l-footerNav_list li {
        margin-block-end: 1em;
    }
    .policy_list {
        flex-direction: column;
        margin-block-start: 10px;
        line-height: 2.2;
    }
    .policy_list li span {
        display: none;
    }
    .l-mainVisual02 {
        margin-block-start: 60px;
    }
    .l-mainVisual02 .breadcrumb-area {
        top: 60px;
        margin-block-start: 20px;
    }
    .l-mainVisual03 {
        margin-block-start: 60px;
    }
    .mv-video-junior {
        margin-block-start: -60px;
    }
    .mv-video-recruit {
        margin-block-start: -60px;
    }
    .l-mainVisual_inner::before {
        top: 20px;
        max-height: 190px;
        background-position: left 30% top 50%;
    }
    .l-mainVisual_inner {
        max-height: initial;
    }
    .l-mainVisual_inner::after {
        position: absolute;
        content: "";
        bottom: 0;
        width: 100%;
        height: 190px;
        background: url(../images/mv_frame_021203.png) center/cover no-repeat;
    }
    .l-mainVisual_header {
        top: 50%;
        right: 0;
        left: 52%;
        transform: translate(-50%, -50%);
        width: 275px;
    }
    .scrolldown {
        top: 70%;
    }
    .l-recruitVisual_header {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -45%);
    }
    .l-pageVisual {
        background-attachment: initial;
    }
    .l-pageVisual02_header {
        top: 50%;
        transform: translate(-50%, -40%);
    }
    .l-pageVisual-liiss_header {
        left: 50%;
        transform: translateX(-50%);
    }
    .l-pageVisual-404 {
        background-attachment: initial;
    }
    .l-pageVisual-discussion {
        margin-block-start: 60px;
    }
    .l-header {
        flex-direction: column;
    }
    .l-header_wrap {
        display: flex;
        height: 60px;
    }
    .l-header_logo01 {
        width: 134px;
        height: 46px;
        margin-block: 7px;
    }
    .l-header_logo02 {
        margin-block: 7px;
    }
    .l-header_info {
        width: 100%;
        margin-block: inherit;
        margin-inline: auto;
        background-color: #000;
    }
    .l-header_info p {
        display: initial;
        width: inherit;
        margin-inline: 5px;
        font-size: .625rem;
        text-align: center;
        line-height: 2;
    }
    .l-header02 {
        height: 60px;
    }
    .l-header02_inner {
        padding-inline-start: 36px;
    }
    .l-mainNav02 {
        display: none;
    }
    .l-mainNav03 {
        display: none;
    }
    .l-header04 {
        height: 60px;
    }
    .l-header05 {
        height: 60px;
    }
    .l-mainNav04 {
        display: none;
    }
    .p-mainNav04_infoUp-sp {
        display: none;
    }
    .l-spNav {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin-block-start: 60px;
        padding-block-start: 20px;
        padding-block-end: 100px;
        background: url(../images/bg_yellow_shadow1203.png) top/100% repeat-y;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateX(100vw);
        transition: all .3s ease-out;
    }
    .l-spNav-liiss {
        background-image: url(../images/bg_yellow_02.png);
    }
    .l-spNav-liisj {
        background: linear-gradient(270deg, #363636 0%, rgba(54, 54, 54, 0.84) 30.56%, #615A41 52.58%, rgba(72, 72, 72, 0.84) 72.68%, #363636 100%);
        background-color: #fff;
    }
    .l-spNav-nana {
        background: #52ac44;
    }
    .l-spNav-lii02 {
        background: linear-gradient(150.35deg, #2FB8EE 31.33%, #F82CBD 100%);
    }
    .l-spNav-liiup {
        background-image: url(../images/bg_liiup_03.png);
    }
    .p-spNav_button {
        position: relative;
        display: inline-block;
        top: 14px;
        right: 20px;
        transition: all .3s;
        width: 43px;
        height: 32px;
        padding: 0;
        margin-left: auto;
        border-width: 0;
        background-color: rgba(0, 0, 0, 0);
        cursor: pointer;
    }
    .p-spNav_button:focus:not(:focus-visible) {
        outline: 0;
    }
    .p-spNav_button-liisj {
        top: 0;
        right: 0;
    }
    .p-spNav_button-nana {
        top: 0;
        right: 0;
    }
    .p-spNav_button-liiup {
        top: 0;
        right: 0;
    }
    .l-voice {
        background-attachment: initial;
    }
    .l-voice.l-voice-nana {
        background-attachment: initial;
    }
    .l-liiFeature {
        background-attachment: initial;
    }
    .p-liiFeature_img01::after {
        top: -45px;
    }
    .p-liiFeature_title01 {
        width: 238px;
        height: 51px;
    }
    .p-liiFeature_title03 {
        width: 299px;
        height: 54px;
    }
    .l-liiFlow {
        padding-block-end: 180px;
    }
    .l-liiFlow::after {
        transform: translateX(-47%);
        animation-name: swaying5;
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }
    .l-liiFlow_wrap {
        max-width: 335px;
        margin-inline: auto;
        padding-block-start: 135px;
    }
    .l-liiFlow_list:before {
        right: 65px;
        left: initial;
        transform: initial;
        height: 103%;
    }
    .l-liiFlowGroup_item {
        flex-direction: column;
    }
    .l-liiFlowGroup_item01 {
        flex-direction: column-reverse;
    }
    .p-liiFlow_time.p-liiFlow-start {
        margin-block-end: 30px;
    }
    .p-liiFlow_time.p-liiFlow_time-left {
        margin-inline-start: 40px;
    }
    .p-liiFlow_time.p-liiFlow_time-right {
        margin-inline-end: 40px;
    }
    .l-liiFlow_item:nth-of-type(2n) {
        justify-content: initial;
    }
    .l-liiFlow_item {
        width: 100%;
        max-width: 335px;
        margin-block-start: 20px;
    }
    .l-liiFlow_item-right03 {
        margin-block-start: 0px;
    }
    .p-liiFlow_item_wrap {
        width: 100%;
        max-width: 335px;
    }
    .p-liiFlow_line::after {
        width: 24px;
        height: 24px;
    }
    .p-liiFlow_line01::before {
        top: -12px;
        right: 51px;
        transform: rotate(90deg) translateY(0);
        width: 32px;
    }
    .p-liiFlow_line01::after {
        top: -24px;
        right: 56px;
    }
    .p-liiFlow_line02::before {
        top: -17px;
        right: 50px;
        left: initial;
        transform: rotate(90deg) translateY(0);
        width: 36px;
    }
    .p-liiFlow_line02::after {
        right: 56px;
    }
    .l-liiFlow_item-right01 .p-liiFlow_line02::after {
        display: block;
        top: -36px;
        left: initial;
    }
    .l-liiFlow_item-right02 .p-liiFlow_line02::after {
        display: block;
        top: -54px;
        left: initial;
    }
    .l-liiFlow_item-right03 .p-liiFlow_line02::after {
        top: -40px;
        left: initial;
    }
    .p-liiFlow_frame02 {
        margin-inline-start: auto;
    }
    .p-liiFlow_frame04 {
        margin-inline-start: auto;
    }
    .p-liiFlow_text {
        max-width: 224px;
        margin-block: 10px;
        margin-inline-start: 28px;
    }
    .l-contact {
        height: 224px;
    }
    .l-studioBox {
        background-attachment: initial;
    }
    .l-studioBox_wrap {
        max-width: 768px;
    }
    .l-studioBox .swiper-slide {
        width: 252px;
    }
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 30px;
    }
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: 30px;
    }
    .p-slider2_arrow.swiper-button-prev:before,
    .p-slider2_arrow.swiper-button-next:before {
        width: 44px;
        height: 44px;
    }
    .p-slider2_img p {
        font-size: .75rem;
    }
    .p-slider2_img {
        width: 252px;
        height: 159px;
    }
    .p-slider2_body {
        width: 252px;
        padding-block: 16px;
        padding-inline: 10px;
    }
    .p-slider2_name {
        font-size: .875rem;
    }
    .p-slider2_station {
        height: 54px;
        margin-block: 8px;
    }
    .p-slider2_station.nomb {
        height: 52px;
        margin-block: 0px;
    }
    .p-slider2_gmap {
        right: 16px;
        bottom: 16px;
        font-size: .75rem;
    }
    .page-numbers {
        width: 45px;
        height: 45px;
        margin-inline-end: 16px;
    }
    .prev {
        left: 5px;
    }
    .prev::before {
        width: 36px;
        height: 36px;
    }
    .prev::after {
        left: -24px;
        width: 6px;
        height: 6px;
    }
    .next::before {
        width: 36px;
        height: 36px;
    }
    .next::after {
        left: 14px;
        width: 6px;
        height: 6px;
    }
    .l-topAbout {
        background-attachment: initial;
    }
    .l-topAbout_slide::before {
        top: -35px;
        left: 48px;
    }
    .slider1 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    .l-topAbout_text {
        background-size: contain;
    }
    .l-facility_list {
        flex-direction: column;
        width: 100%;
        max-width: 335px;
        margin-inline: auto;
    }
    .p-facility_img img {
        opacity: 1;
    }
    .l-topPromise_title {
        background-size: contain;
    }
    .p-promise_text-sp {
        display: block;
    }
    .p-promise_text-sp p {
        margin-block: 2em;
        font-size: 1rem;
        line-height: 2.2;
    }
    .l-topPromise-slide {
        width: 522px;
        height: 310px;
        margin-inline: initial;
    }
    .p-topPromise-slide_img {
        top: 36px;
        left: 53px;
        width: 424px;
        height: 239px;
    }
    .l-topPromise_text p {
        text-align: initial;
    }
    .l-topPromise_text .p-promise_text-pc {
        display: none;
    }
    .l-topNews {
        padding-block-end: 76px;
    }
    .l-topNews_list::after {
        bottom: -186px;
        width: 101px;
        height: 68px;
    }
    .p-topNews_item {
        max-height: 70px;
    }
    .p-topNews_img {
        max-width: 125px;
        max-height: 70px;
    }
    .p-topNews_body {
        width: calc(100% - 125px);
    }
    .p-topNews_title {
        font-size: .8125rem;
    }
    .p-topNews_text {
        height: 1.5em;
        font-size: .6875rem;
    }
    .p-topNews_date {
        margin-block-start: 5px;
        font-size: .625rem;
    }
    .l-topRecruit {
        background-attachment: initial;
    }
    .l-topRecruit_list {
        flex-direction: column;
        justify-content: center;
    }
    .l-topRecruit_item {
        width: 100%;
        max-width: 500px;
        margin-inline: auto;
    }
    .l-topRecruit_item:first-child {
        margin-inline-end: auto;
    }
    .p-topRecruit_item01 {
        background: rgb(144 238 47 / 60%);
    }
    .p-topRecruit_item02 {
        background: rgb(250 39 39 / 60%);
    }
    .l-liissAbout-sec01 {
        background-attachment: initial;
    }
    .l-liissAbout_title {
        max-width: min(100%, 420px);
    }
    .p-concept_img {
        width: 335px;
        height: 826px;
        background-image: url(../images/bg_liiss-about_concept_sp.png);
        background-position: 0 0;
    }
    .p-concept_list {
        flex-direction: column;
        height: 100%;
    }
    .p-concept_item {
        width: min(100%, 220px);
        font-size: 1.625rem;
    }
    .p-concept_item01 {
        margin-block-start: 110px;
        padding-inline: 5px;
    }
    .p-concept_item02 {
        margin-block-start: 170px;
        margin-block-end: 150px;
        padding-inline: 5px;
    }
    .p-concept_item03 {
        padding-inline: 5px;
    }
    .l-liissAbout-sec03_header {
        flex-direction: column;
    }
    .p-liissAbout-sec03_title {
        width: 100%;
        max-width: initial;
        margin-block-end: 30px;
        font-size: 1.5rem;
        text-align: center;
    }
    .p-liissAbout-sec03_title span {
        font-feature-settings: initial;
    }
    .p-liissAbout-sec03_profile {
        width: 100%;
        max-width: 400px;
    }
    .l-nanaFeature-sec01 {
        background-attachment: initial;
    }
    .l-nanaFeature-sec01_wrap {
        flex-direction: column;
        width: min(100%, 588px);
    }
    .l-nanaFeature-slide {
        width: 355px;
        height: 189px;
        margin-block-start: initial;
        margin-inline: auto;
    }
    .l-nanaFeature-sec02 {
        background-attachment: initial;
    }
    .l-nanaService-overview_item {
        width: min(100%, 768px);
    }
    .l-nanaService-overview_item01 {
        flex-direction: column-reverse;
        margin-inline-start: initial;
    }
    .l-nanaService-overview_item02 {
        flex-direction: column-reverse;
        margin-inline-end: initial;
    }
    .l-nanaService-overview_item02::before {
        left: initial;
        right: 0;
    }
    .l-nanaService-overview_img01 {
        width: calc(100% - 20px);
        height: 135px;
    }
    .l-nanaService-overview_img02 {
        width: calc(100% - 20px);
        height: 135px;
    }
    .l-nanaService-overview_body {
        max-width: 768px;
        margin-block-start: 35px;
    }
    .l-nanaService-overview_body02::before {
        top: initial;
        bottom: -70px;
    }
    .l-nanaAria_list::before {
        left: 20px;
    }
    .l-nanaAria_list::after {
        right: 20px;
    }
    .l-nanaAria_item {
        flex-direction: column;
        height: 100%;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
    }
    .l-ariaImg {
        width: min(100%, 480px);
        max-width: initial;
        height: 180px;
        order: 2;
    }
    .p-ariaName {
        justify-content: center;
        order: 1;
        width: min(100%, 480px);
        height: 200px;
        padding-inline: 10px;
        border-bottom: initial;
        font-size: 2.25rem;
    }
    .p-ariaName::after {
        bottom: 15px;
        right: 50%;
        transform: translateX(50%) rotate(45deg);
    }
    .p-ariaName01 {
        border-top: initial;
    }
    .p-ariaText_box {
        width: min(100%, 480px);
        padding-block: 1.8em;
        border-bottom: initial;
    }
    .p-ariaText {
        font-size: 1.125rem;
    }
    .p-ariaText_box01 {
        border-top: initial;
    }
    .p-nanaAria-sec02_title {
        text-align: initial;
    }
    .l-nanaAria-sec02_wrap {
        flex-direction: column;
        width: min(100%, 588px);
    }
    .l-nanaAria-sec02_slide {
        width: 335px;
        height: 180px;
        margin-block-start: initial;
        margin-inline: auto;
    }
    .p-nanaAria-sec02_text {
        max-width: 588px;
        margin-block-start: 24px;
        margin-inline-start: initial;
        line-height: 2.2;
    }
    .l-liisjFeature-sec01_wrap {
        flex-direction: column;
        width: min(100%, 588px);
    }
    .p-liisjFeature-slide {
        width: 355px;
        height: 189px;
        margin-inline: auto;
    }
    .p-liisjFeature-sec01_text {
        max-width: 588px;
        margin-block-start: 24px;
        margin-inline-start: initial;
        line-height: 2.2;
    }
    .l-liisjFeature-sec02_img {
        width: 100%;
        max-width: 350px;
        height: 914px;
        background-image: url(../images/bg_liisj-feature_sec02_sp.png);
        background-position: 0 0;
    }
    .l-liisjFeature-sec02_list {
        flex-direction: column;
        height: 100%;
        left: 45%;
        transform: translate(-46%, -38%);
    }
    .p-liisjFeature-sec02_item {
        width: min(100%, 226px);
        font-size: 1.5rem;
    }
    .p-liisjFeature-sec02_item span {
        font-size: 2rem;
    }
    .p-liisjFeature-sec02_item01 {
        margin-block-start: 110px;
        padding-inline: 5px;
    }
    .p-liisjFeature-sec02_item02 {
        margin-block-start: 155px;
        margin-block-end: 170px;
        padding-inline: 5px;
    }
    .p-liisjFeature-sec02_item03 {
        padding-inline: 5px;
    }
    .l-liisjFeature-sec03_wrap {
        background-attachment: initial;
    }
    .p-liisjFeature-reason_wrap p {
        line-height: 2;
    }
    .l-liisjFeature-byType_inner {
        flex-direction: column;
        width: min(100%, 335px);
    }
    .l-liisjFeature-byType_case {
        width: 100%;
    }
    .l-liisjFeature-byType_case01 {
        padding-inline-end: initial;
    }
    .l-liisjFeature-byType_case02 {
        margin-block-start: 76px;
        padding-inline-start: initial;
    }
    .l-liisjFeature-byType_body {
        padding-block-end: 40px;
    }
    .l-liisjFeature-byType_body::before {
        left: 31px;
    }
    .l-liisjFeature-byType_body01::before {
        display: block;
    }
    .l-liisjFeature-byType_list01 {
        padding-inline-start: 85px;
    }
    .l-liisjFeature-byType_list02 {
        padding-inline-start: 85px;
    }
    .l-liisjFeature-byType_list01 {
        padding-inline-end: initial;
    }
    .l-liisjFeature-byType_list01 .p-liisjFeature-byType_item {
        justify-content: initial;
        text-align: initial;
    }
    .l-liisjFeature-byType_list01 .p-liisjFeature-byType_item::before {
        display: block;
    }
    .p-liisjFeature-byType_text {
        padding-inline-start: 23px;
    }
    .p-liisjFeature-byType_text01 {
        margin-inline-end: initial;
    }
    .p-liisjFeature-byType_text02 {
        margin-inline-start: auto;
    }
    .l-liisjService_head {
        background-attachment: initial;
    }
    .p-liisjProgram_item::after {
        background-color: rgba(0, 0, 0, .1);
    }
    .p-liisjProgram_button {
        width: 106px;
        height: 31px;
    }
    .l-liisjService-overview_item {
        width: min(100%, 768px);
    }
    .l-liisjService-overview_item01 {
        flex-direction: column-reverse;
        margin-inline-start: initial;
    }
    .l-liisjService-overview_item02 {
        flex-direction: column-reverse;
        margin-inline-end: initial;
    }
    .l-liisjService-overview_body {
        max-width: 768px;
        margin-block-start: 35px;
    }
    .l-liisjService-overview_img {
        width: calc(100% - 20px);
    }
    .l-liisjPrice_list {
        flex-direction: column;
    }
    .l-liisjPrice_item {
        margin-inline: auto;
    }
    .l-liisjPrice_item:last-child {
        margin-inline-end: auto;
    }
    .l-liiupAbout-sec01 {
        background-attachment: initial;
        background-image: url(../images/bg_liiup_01_sp.png);
    }
    .l-liiupAbout_title {
        max-width: min(100%, 400px);
    }
    .l-liiupAbout_subtitle01 {
        font-weight: 700;
    }
    .l-liiupAbout-sec02 {
        background-attachment: initial;
        background-image: url(../images/bg_white_shadow1203.png);
    }
    .l-liiupAbout_subtitle02 {
        margin-block-end: 32px;
        letter-spacing: initial;
    }
    .l-liiupAbout-sec02_body {
        height: initial;
    }
    .p-liiupAbout-sec02_img {
        position: initial;
        top: initial;
        transform: initial;
        margin-inline: auto;
    }
    .p-liiupAbout-sec02_text {
        position: initial;
    }
    .p-liiupAbout-sec02_text01 {
        top: initial;
        left: initial;
        width: 100%;
    }
    .p-liiupAbout-sec02_text02 {
        bottom: initial;
        right: initial;
        width: 100%;
    }
    .l-pageVisual-access {
        height: 480px;
        padding-block-start: 25px;
    }
    .l-pageVisual-access_inner {
        max-width: 375px;
        padding-inline: 0;
    }
    .l-pageVisual-access_header {
        left: 0px;
        margin-block-start: 45px;
    }
    .l-accessMap_img {
        width: 100%;
        max-width: 375px;
        height: 350px;
    }
    .l-accessMap {
        width: 140px;
    }
    .p-accessMap_name {
        width: 32px;
    }
    .p-accessMap_list {
        width: calc(100% - 32px);
        padding-inline: 4px;
    }
    .aichi {
        right: initial;
        bottom: -25px;
        left: 20px;
    }
    .aichi .p-accessMap_list {
        border-radius: 0 12px 12px 0;
    }
    .kanagawa {
        right: 40px;
        bottom: 18px;
        flex-direction: row-reverse;
    }
    .kanagawa .p-accessMap_list {
        border-right-width: 0;
        border-left-width: 2px;
        border-radius: 12px 0 0 12px;
        text-align: right;
    }
    .hyougo {
        top: 80px;
        left: 25px;
    }
    .hyougo .p-accessMap_list {
        border-radius: 12px 0 0 12px;
        text-align: right;
    }
    .osaka {
        top: 30px;
        right: 58px;
        bottom: initial;
        left: initial;
        flex-direction: row-reverse;
    }
    .osaka .p-accessMap_list {
        border-left-width: 0;
        border-right-width: 2px;
        border-radius: 0 12px 12px 0;
        text-align: initial;
    }
    .shizuoka {
        right: 70px;
        bottom: 110px;
    }
    .shizuoka .p-accessMap_list {
        border-radius: 0 12px 12px 0;
    }
    .tokyo {
        top: 85px;
        right: 30px;
        flex-direction: row-reverse;
    }
    .tokyo .p-accessMap_list {
        border-right-width: 0;
        border-left-width: 2px;
        border-radius: 12px 0 0 12px;
        text-align: right;
    }
    .okinawa {
        top: 170px;
        left: 15px;
        bottom: initial;
    }
    .okinawa.l-accessMap {
        width: 154px;
    }
    .okinawa .p-accessMap_list {
        border-radius: 0 12px 12px 0;
    }
    .l-access {
        background-attachment: initial;
    }
    .l-tab_list {
        padding-inline: 20px;
    }
    .l-tab_list .tab_item {
        height: 48px;
    }
    .l-access_list {
        justify-content: center;
        width: 100%;
        max-width: 375px;
        margin-inline: auto;
    }
    .l-access_item {
        max-width: 375px;
        max-height: initial;
    }
    .p-access_wrap {
        flex-direction: column;
    }
    .p-access_img {
        width: 100%;
        height: 212px;
    }
    .p-access_body {
        width: 100%;
        padding-block: 32px;
    }
    .l-thought {
        background-attachment: initial;
    }
    .l-thought-sec02 {
        width: min(100%, 575px);
        padding-inline: 0px;
    }
    .p-izm_title02 {
        letter-spacing: .07em;
    }
    .l-comment {
        flex-direction: column;
    }
    .l-comment_img {
        width: 100%;
        max-width: 574px;
        height: auto;
    }
    .l-comment-snsIcon {
        margin-inline-start: auto;
    }
    .l-comment_body {
        width: 100%;
        margin-block-start: 16px;
        margin-inline-start: 0;
        padding-inline: 20px;
    }
    .l-staffSlide {
        height: 153px;
    }
    .l-staffSlide_list {
        min-width: 2336px;
        height: 153px;
    }
    .l-staffSlide_item {
        width: 272px;
        height: 153px;
        margin-inline: 10px;
    }
    .l-staffSlide_item img {
        width: 272px;
        height: 153px;
    }
    .l-policy {
        background-attachment: initial;
    }
    .l-policy_inner h2 {
        font-size: 1.25rem;
    }
    .l-policy_inner h3 {
        font-size: .9375rem;
    }
    .l-policy_inner p {
        font-size: .8125rem;
    }
    .l-policy_inner li {
        font-size: .8125rem;
    }
    .l-shogu {
        background-attachment: initial;
    }
    .l-shogu_inner h2 {
        font-size: 1.25rem;
    }
    .l-shogu_inner h3 {
        font-size: 1rem;
    }
    .l-shogu_inner h4 {
        font-size: .9375rem;
    }
    .l-shogu_inner p {
        font-size: .8125rem;
    }
    .shoguList_item {
        font-size: .8125rem;
    }
    .l-news {
        background-attachment: initial;
    }
    .l-news_inner::before {
        top: 31px;
    }
    .c-newsMedia_wrap {
        flex-wrap: wrap;
        flex-direction: column;
        width: min(100%, 375px);
        margin-inline: auto;
        padding-block: 15px;
    }
    .c-newsMedia_img {
        width: 100%;
        height: 100%;
        background-color: #fff;
    }
    .c-newsMedia_body {
        width: 100%;
        padding: 16px;
        background-color: #fff;
    }
    .c-newsMedia_text {
        margin-block: 10px;
    }
    .c-newsMedia_date {
        font-size: .8125rem;
    }
    .l-recruitFeature {
        background-attachment: initial;
    }
    .l-recruitFeature-sec01 {
        width: min(100%, 588px);
        margin-inline: auto;
    }
    .l-recruitFeature-sec_wrap01 {
        flex-direction: column-reverse;
    }
    .p-enTitle {
        width: calc(100% - 80px);
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
    }
    .l-recruitFeature-sec01_body {
        width: min(100%, 588px);
        margin-block-start: 38px;
        padding-inline-end: initial;
    }
    .l-recruitFeature-sec01_img {
        width: min(100%, 588px);
    }
    .p-recruitFeature-sec02_text {
        width: min(100%, 588px);
        text-align: initial;
    }
    .p-recruitProgram_link::after {
        background-color: rgba(0, 0, 0, .4);
    }
    .l-recruitFeature-sec03 {
        width: min(100%, 588px);
        margin-inline: auto;
    }
    .p-recruitFeature-sec03_text {
        text-align: initial;
    }
    .l-recruitFeature-sec03_item {
        text-align: initial;
    }
    .l-recruitData_inner {
        width: min(100%, 400px);
        padding-inline-start: 10px;
        padding-inline-end: 15px;
    }
    .l-liiData_item {
        margin-block: 10px;
        margin-inline: initial;
        padding-inline: 10px;
    }
    .l-recruit-notion {
        height: 116px;
    }
    .l-recruit-notion_link p {
        width: 295px;
    }
    .l-recruit-notion_link p::before {
        display: none;
    }
    .l-recruit-discussion {
        height: 140px;
    }
    .l-recruit-discussion .c-recruit_arrow-white::after {
        top: 100%;
        right: 50%;
        transform: translateX(50%);
        width: 50px;
        height: 17px;
        background-size: 50px 17px;
    }
    .l-recruit-discussion_title {
        width: 300px;
    }
    .p-recruit-discussion_title {
        height: 66px;
        font-size: 1rem;
        text-align: center;
    }
    .p-recruit-discussion_title span {
        font-size: 2rem;
    }
    .p-typeOfJob-sec01_title {
        flex-direction: column;
    }
    .p-typeOfJob_enTitle {
        margin-inline-start: initial;
    }
    .l-typeOfJob-sec01 {
        min-height: initial;
        background: #000;
    }
    .l-typeOfJob-sec01_inner {
        width: min(100%, 580px);
    }
    .l-typeOfJob-sec01_list {
        flex-direction: column;
        justify-content: center;
    }
    .l-typeOfJob-sec01_item {
        width: 100%;
        margin-inline: initial;
        line-height: 2;
    }
    .l-typeOfJob-sec02_inner {
        width: min(100%, 620px);
    }
    .l-typeOfJob-sec02_item {
        flex-direction: column;
        height: 100%;
    }
    .p-welfareTitle {
        width: 100%;
        height: 60px;
        border-right: 7px solid #000;
        border-bottom: initial;
        border-radius: 10px 10px 0 0;
    }
    .p-welfareText {
        width: 100%;
        min-height: 60px;
        justify-content: center;
        padding-block: 16px;
        border-top: initial;
        border-left: 4px solid #000;
        border-radius: 0 0 10px 10px;
    }
    .l-typeOfJob-sec03 {
        background-attachment: initial;
    }
    .l-typeOfJob-sec03_inner {
        width: min(100%, 620px);
    }
    .l-recruit-company {
        background-image: url(../images/image_recruit-company_sp.jpg);
    }
    .l-recruit-company_link {
        background-color: rgba(255, 255, 77, .7);
        color: #000;
    }
    .l-recruit-company_link .c-recruit_arrow-white::after {
        background-image: url(../images/icon_arrow_black_sp.svg);
    }
    .l-recruit-entry_link .c-recruit_arrow-white::after {
        top: 30px;
    }
    .l-recruit-entry_title {
        width: 300px;
    }
    .p-recruit-entry_title {
        height: 70px;
    }
    .p-recruit-entry_title img {
        width: 226px;
        height: 38px;
    }
    .p-recruit-entry_title span {
        margin-block-start: 5px;
        font-size: 1.125rem;
    }
    .l-discussionMember_list {
        flex-direction: column;
    }
    .l-discussionMember_item {
        margin-inline: initial;
    }
    .l-discussion-lastMessage::after {
        width: 12px;
        height: 12px;
    }
    .l-discussionScene_img {
        height: 140px;
    }
    .p-discussionContent_text p {
        line-height: 2;
    }
    .l-pageReturn_item {
        height: 116px;
    }
    .l-pageContact {
        padding-block-start: 120px;
    }
    .l-pageContact .breadcrumb-area {
        top: 60px;
    }
    .l-notFound {
        padding-block-start: 10px;
        background-attachment: initial;
    }
}

@media screen and (max-width: 575px) {
    .br-pc02 {
        display: none;
    }
    .br-sp02 {
        display: block;
    }
    .br-sp03 {
        display: block;
    }
    .l-recruitOneDay-modal_list::before {
        top: 175px;
        left: 30px;
        height: 88.5%;
    }
    .l-recruitOneDay-modal_item {
        flex-direction: column-reverse;
    }
    .l-recruitOneDay-modal_body {
        width: 100%;
        margin-block-start: 24px;
        padding-inline-start: 30px;
        padding-inline-end: initial;
    }
    .l-recruitOneDay-modal_body::before {
        left: 0;
    }
    .l-recruitOneDay-modal_img {
        width: 255px;
        height: 150px;
    }
    .p-facility_title05,
    .p-facility_title07 {
        width: 291px;
        height: 78px;
    }
    .p-facility_title05::before,
    .p-facility_title07::before {
        width: 291px;
        height: 78px;
    }
    .p-facility_title06 {
        width: 269px;
        height: 78px;
    }
    .p-facility_title06::before {
        width: 269px;
        height: 78px;
    }
    .p-facility_title08 {
        width: 291px;
        height: 78px;
    }
    .p-facility_title08::before {
        width: 291px;
        height: 78px;
    }
    .js-lineMarker {
        background-size: 0 2px;
    }
    .js-lineMarker.active {
        background-size: 100% 2px;
    }
    .l-footerNav_list02 li {
        text-align: right;
    }
    .l-footer_contactButton {
        margin-inline: auto;
    }
    .l-mainVisual03 .breadcrumb-area {
        top: 60px;
        margin-block-start: 20px;
    }
    .mv-slide-image:nth-child(1) {
        background-image: url(../images/image_liiup-mv_01_sp.jpg);
    }
    .mv-slide-image:nth-child(2) {
        background-image: url(../images/image_liiup-mv_02_sp.jpg);
    }
    .mv-slide-image:nth-child(3) {
        background-image: url(../images/image_liiup-mv_03_sp.jpg);
    }
    .mv-slide-liiup {
        height: 100vh;
        margin-block-start: -60px;
    }
    .l-nanaVisual_header {
        transform: translate(-50%, -45%);
        flex-direction: column;
        align-items: initial;
        padding-inline: 22px;
    }
    .l-nanaVisual_header h1 {
        margin-block-end: 30px;
    }
    .l-liiupVisual_header {
        transform: translate(-50%, -35%);
        flex-direction: column;
        align-items: initial;
        padding-inline: 22px;
    }
    .l-liiupVisual_header h1 {
        margin-block-end: 20px;
    }
    .l-recruitVisual_header h1 span {
        margin-block-start: 40px;
        text-align: center;
    }
    .l-pageVisual-discussion_header {
        left: 50%;
        transform: translateX(-50%);
        text-align: right;
    }
    .l-header05 {
        background-color: rgba(0, 0, 0, .8);
    }
    .l-voice_list {
        margin-block-end: 60px;
    }
    .p-voiceArea_list {
        flex-direction: column;
    }
    .p-voice_item {
        width: 100%;
        margin-block-start: 20px;
    }
    .p-voice_item:nth-child(2n) {
        margin-inline-start: initial;
    }
    .p-voice_img img {
        width: 136px;
        height: 136px;
    }
    .p-faq_item {
        padding-inline-start: .9em;
        padding-inline-end: .5em;
        font-size: .8125rem;
    }
    .p-faq_question {
        padding-block-start: 20px;
        padding-block-end: 21px;
        padding-inline: 1.8em;
    }
    .p-faq_question::before {
        line-height: 1;
    }
    .p-faq_question::after {
        top: 20px;
        font-size: 1.25rem;
        line-height: 1;
    }
    .p-faq_answer::before {
        line-height: 1;
    }
    .l-liiFeature_item {
        background: none;
    }
    .p-liiFeature_text {
        background-position: top center;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    .p-liiFeature_text-liiss {
        background-image: unset;
    }
    .p-liiFeature_text-liiup {
        background-image: unset;
    }
    .l-topAbout_slide::after {
        right: 26px;
    }
    .image_frame {
        width: 280px;
        height: 158px;
    }
    .slider1 .swiper-slide img {
        top: 14px;
        left: 29px;
        width: 228px;
        height: 128px;
    }
    .l-topAbout_text p {
        text-align: initial;
    }
    .l-topAbout_text {
        background: url(../images/bg_pyb_dots_031203.png) center/contain no-repeat;
    }
    .l-topPromise-slide {
        max-width: 335px;
        height: 200px;
    }
    .p-topPromise-slide_img {
        top: 24px;
        left: 34px;
        width: 272px;
        height: 153px;
    }
    .p-topRecruit_text {
        text-align: initial;
    }
    .p-topRecruit_link img {
        height: 23px;
    }
    .p-topRecruit_link p {
        margin-block-start: 1em;
    }
    .l-liissAbout-sec01 {
        padding-block-end: 60px;
    }
    .l-liissAbout-sec01_text p:first-child {
        width: 216px;
        margin-inline: auto;
        padding-inline-start: 1em;
        text-align: initial;
    }
    .l-liissAbout_video {
        width: 100%;
    }
    .l-liissAbout_video::before {
        top: -90px;
        left: 0;
    }
    .l-liissAbout_video .p-liissVideo_title {
        width: 137px;
        height: 40px;
    }
    .l-liissAbout_video .p-liissVideo_frame {
        width: 280px;
        height: 158px;
    }
    .l-liissAbout_video .p-liissVideo_contents {
        top: 14px;
        left: 29px;
        width: 228px;
        height: 128px;
    }
    .l-liissAbout-sec02 {
        padding-block-start: 60px;
    }
    .l-liissAbout-sec02_img {
        height: 890px;
    }
    .l-liissAbout-sec02_img::before {
        position: absolute;
        content: "";
        bottom: -20px;
        left: 15px;
        width: calc(100% - 20px);
        max-width: 575px;
        height: 100%;
        max-height: 168px;
        background: url(../images/bg_yellow_dots_01.png) center bottom/contain no-repeat;
    }
    .p-twoAxis {
        width: 100%;
        max-width: 355px;
    }
    .p-twoAxis_item p {
        font-size: 1.5rem;
    }
    .p-twoAxis_img {
        height: 100%;
    }
    .p-twoAxis_item01 p {
        top: 140px;
        right: 50px;
        left: initial;
        transform: initial;
    }
    .p-twoAxis_item02 {
        top: initial;
        bottom: 0;
    }
    .p-twoAxis_item02 p {
        top: 245px;
        right: 135px;
        left: initial;
        transform: initial;
    }
    .l-nanaFeature-sec01_title h3 {
        font-size: 1.125rem;
    }
    .l-nanaFeature-sec01_title h3 img {
        display: none;
    }
    .p-ariaName {
        font-size: 2rem;
    }
    .p-liisjFeature-reason_item {
        max-width: 375px;
        height: 220px;
    }
    .p-liisjFeature-byType_item {
        font-size: 1rem;
    }
    .p-liisjProgram_item {
        max-width: 375px;
        height: 220px;
    }
    .p-liisjService-overview_tag {
        flex-direction: column;
        justify-content: start;
    }
    .l-liisjPrice::before {
        height: 868px;
        background-image: url(../images/bg_liisj-price_sp.jpg);
    }
    .p-liiupAbout-sec02_img {
        max-width: 335px;
    }
    .l-tab_list .tab_item {
        width: 50%;
        height: 36px;
    }
    .l-thought-facility {
        flex-direction: column;
    }
    .p-thought-facility_item {
        margin-inline: 0;
    }
    .l-news_inner::after {
        top: 30px;
        right: 22px;
    }
    .l-recruitProgram_list {
        flex-direction: column;
    }
    .p-recruitProgram_item {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 375px;
        height: 183px;
    }
    .l-recruit-notion {
        height: 90px;
    }
    .l-recruit-discussion {
        background-image: url(../images/image_recruit-discussion_sp.jpg);
    }
    .p-tabArea_item-time1 {
        width: initial;
    }
    .p-tabArea_item-time2 {
        width: initial;
    }
    .l-recruitIntroduction_inner {
        flex-direction: column;
        height: 224px;
    }
    .l-recruitIntroduction-sec {
        justify-content: center;
        width: 100%;
        height: 112px;
    }
    .l-recruitOneDay {
        background-image: url(../images/image_recruit-one-day_sp.jpg);
    }
    .l-recruitOneDay_title {
        justify-content: center;
    }
    .p-recruitOneDay_title {
        width: 180px;
    }
    .l-recruit-company_link {
        justify-content: center;
    }
    .l-recruit-company_title {
        width: 180px;
    }
    .l-recruit-entry {
        flex-direction: column;
        height: 112px;
    }
    .l-recruit-entry_link .c-recruit_arrow-white::after {
        top: 18px;
    }
    .l-recruit-entry_title {
        width: 180px;
    }
    .p-recruit-entry_title {
        height: 50px;
    }
    .p-recruit-entry_title img {
        width: 140px;
        height: 24px;
    }
    .p-recruit-entry_title span {
        font-size: .8125rem;
    }
    .l-pageReturn_list {
        flex-direction: column;
    }
    .l-pageReturn_item {
        width: 100%;
        height: 90px;
    }
}

@media screen and (max-width: 375px) {
    .l-valueBook_title {
        width: 280px;
    }
    .p-valueBook_title img {
        width: 225px;
    }
    .p-logo_item {
        margin-inline-end: 15px;
    }
    .l-liiFlow_list:before {
        right: 30px;
    }
    .p-liiFlow_line01::before {
        right: 17px;
    }
    .p-liiFlow_line01::after {
        top: -34px;
        right: 21px;
    }
    .p-liiFlow_line02::before {
        right: 15px;
    }
    .p-liiFlow_line02::after {
        right: 21px;
    }
    .l-liiFlow_item-right02 .p-liiFlow_line02::after {
        top: -46px;
    }
    .p-liiFlow_text {
        margin-inline-start: 0px;
    }
    .l-facility_list {
        max-width: 280px;
    }
    .p-facility_item {
        max-width: 280px;
    }
    .p-facility-frame {
        width: 280px;
        height: 163px;
    }
    .p-facility_img {
        top: 24px;
        left: 29px;
        width: 228px;
        height: 128px;
    }
    .p-concept_img {
        width: 280px;
        height: 700px;
    }
    .p-concept_item {
        font-size: 22px;
    }
    .p-concept_item01 {
        margin-block-start: 90px;
    }
    .p-concept_item02 {
        margin-block-start: 130px;
        margin-block-end: 125px;
    }
    .l-liissAbout_video::before {
        top: -76px;
        width: 69px;
        height: 77px;
    }
    .l-liissAbout_video::after {
        width: 43px;
        height: 66px;
    }
    .l-liissAbout-sec02_img {
        height: 760px;
    }
    .p-twoAxis {
        max-width: 300px;
    }
    .p-twoAxis_item p {
        font-size: 20px;
    }
    .p-twoAxis_item01 p {
        top: 110px;
        right: 40px;
    }
    .p-twoAxis_item02 p {
        top: 210px;
        right: 115px;
    }
    .l-nanaFeature-slide {
        width: 300px;
        height: 160px;
        margin-inline: auto;
    }
    .l-nanaService-overview_body02::before {
        width: 62px;
        height: 70px;
    }
    .l-nanaAria_list::before {
        top: -66px;
        left: 8px;
        width: 44px;
        height: 66px;
    }
    .l-nanaAria_list::after {
        top: -62px;
        right: 8px;
        width: 56px;
        height: 62px;
    }
    .p-nanaAria-sec02_title {
        font-size: 1.625rem;
    }
    .l-nanaAria-sec02_slide {
        width: 280px;
        height: 150px;
        margin-inline: auto;
    }
    .p-liisjFeature-slide {
        width: 300px;
        height: 160px;
        margin-inline: auto;
    }
    .l-liisjFeature-sec02_wrap::before {
        left: -15px;
        width: 40px;
        height: 64px;
    }
    .l-liisjFeature-sec02_wrap::after {
        right: -3px;
        width: 35px;
        height: 68px;
    }
    .l-liisjFeature-sec02_img {
        width: 280px;
        height: 732px;
    }
    .p-liisjFeature-sec02_item {
        font-size: 1.25rem;
    }
    .p-liisjFeature-sec02_item span {
        font-size: 1.75rem;
    }
    .p-liisjFeature-sec02_item01 {
        margin-block-start: 85px;
    }
    .p-liisjFeature-sec02_item02 {
        margin-block-start: 120px;
        margin-block-end: 130px;
    }
    .p-liisjFeature-reason_item {
        height: 187px;
    }
    .p-liisjFeature-reason_wrap p {
        font-size: .75rem;
    }
    .p-liisjFeature-reason_title {
        height: 23px;
    }
    .p-liisjFeature-byType_title {
        width: 250px;
    }
    .p-liisjFeature-byType_title img {
        height: 18px;
    }
    .p-liisjFeature-byType_text {
        max-width: 260px;
    }
    .p-liisjFeature_scrollIcon01 {
        top: -36px;
        width: 50px;
    }
    .p-liisjFeature_scrollIcon02 {
        top: -22px;
        width: 30px;
    }
    .p-liisjProgram_item {
        height: 187px;
    }
    .p-liisjProgram_title {
        font-size: 1rem;
    }
    .l-liisjService-data_img {
        width: 320px;
        height: 266px;
        padding-inline-end: 20px;
    }
    .l-liisjService-data_img::before {
        width: 275px;
    }
    .p-liisjData_img {
        left: 10px;
        width: 300px;
        height: 194px;
    }
    .p-liisjPrice_linkButton .c-linkButton {
        padding-inline-start: 30px;
    }
    .p-liisjPrice_linkButton .c-linkButton::before {
        right: 30px;
    }
    .p-liisjPrice_linkButton .c-linkButton::after {
        right: 41px;
    }
    .l-pageVisual-access_header {
        width: 120px;
        height: 18px;
        margin-block-start: 20px;
    }
    .aichi {
        left: 10px;
        bottom: 20px;
    }
    .kanagawa {
        right: 18px;
        bottom: 66px;
    }
    .hyougo {
        top: 52px;
        left: 2px;
    }
    .osaka {
        top: 18px;
        right: 30px;
    }
    .shizuoka {
        right: 40px;
        bottom: 160px;
    }
    .tokyo {
        top: 68px;
        right: 15px;
    }
    .okinawa {
        top: 140px;
        left: 2px;
    }
    .p-oath_text {
        font-size: 1.25rem;
    }
    .l-comment-snsIcon li {
        margin-inline-start: 14px;
    }
    .p-enTitle {
        font-size: 2.5rem;
    }
    .p-recruitFeature-sec02_title .p-enTitle2 {
        top: -25px;
        font-size: 2.5rem;
    }
    .p-recruitProgram_item {
        height: 156px;
    }
    .p-enTitle3 {
        top: -25px;
        font-size: 2.375rem;
    }
    .l-recruit-discussion_title {
        width: 280px;
    }
    .p-recruit-discussion_title {
        font-size: .875rem;
    }
    .p-recruit-discussion_title span {
        font-size: 1.75rem;
    }
    .l-discussionMember_item {
        width: 284px;
        padding-inline: 35px;
    }
}

@media screen and (max-width: 350px) {
    .br-sp03 {
        display: none;
    }
    .p-facility_title05,
    .p-facility_title07 {
        width: 260px;
        height: 70px;
    }
    .p-facility_title05::before,
    .p-facility_title07::before {
        width: 260px;
        height: 70px;
    }
    .p-facility_title06 {
        width: 240px;
        height: 70px;
    }
    .p-facility_title06::before {
        width: 240px;
        height: 70px;
    }
    .p-facility_title08 {
        width: 260px;
        height: 70px;
    }
    .p-facility_title08::before {
        width: 260px;
        height: 70px;
    }
    .p-voice_img img {
        width: 90px;
        height: 90px;
    }
    .l-liiFeature_title h2 {
        font-size: 1.125rem;
    }
    .p-liiFeature_title03 {
        width: 280px;
    }
    .l-liiFlow_title h2 {
        font-size: 1rem;
    }
    .page-numbers {
        width: 40px;
        height: 40px;
        margin-inline-end: 13px;
    }
    .l-topPromise-slide {
        max-width: 280px;
        height: 163px;
    }
    .p-topPromise-slide_img {
        top: 18px;
        left: 29px;
        width: 228px;
        height: 128px;
    }
    .p-liisjPrice_itemTitle {
        height: 90px;
    }
    .p-typeOfJob_enTitle {
        font-size: 2.625rem;
    }
}

@media screen and (max-width: 768px)and (min-width: 400px) {
    .l-valueBook_title {
        width: calc(335px + 0.4483695652 * (100vw - 400px));
    }
    .p-valueBook_title {
        height: calc(52px + 0.035326087 * (100vw - 400px));
    }
    .p-valueBook_title img {
        width: calc(262px + 0.3559782609 * (100vw - 400px));
    }
    .l-mainVisual_header {
        width: calc(275px + 0.6114130435 * (100vw - 400px));
    }
}

@media screen and (max-width: 768px)and (min-width: 768px) {
    .l-valueBook_title {
        width: 500px;
    }
    .p-valueBook_title {
        height: 65px;
    }
    .p-valueBook_title img {
        width: 393px;
    }
    .l-mainVisual_header {
        width: 500px;
    }
    .p-liiFeature_img01::after {
        top: -60px;
    }
    .l-liiFlow_wrap {
        padding-block-start: 105px;
    }
    .l-contact {
        height: 280px;
    }
    .l-topAbout_slide::before {
        top: -63px;
    }
    .l-topAbout_slide::before {
        left: 141px;
    }
    .l-topNews_list::after {
        width: 220px;
    }
    .l-topNews_list::after {
        height: 147px;
    }
    .l-nanaFeature-slide {
        width: 568px;
    }
    .l-nanaFeature-slide {
        height: 302px;
    }
    .l-nanaService-overview_img01 {
        height: 336px;
    }
    .l-nanaService-overview_img02 {
        height: 336px;
    }
    .l-nanaService-overview_body02::before {
        bottom: -90px;
    }
    .l-nanaAria_list::before {
        left: 100px;
    }
    .l-nanaAria_list::after {
        right: 100px;
    }
    .l-nanaAria-sec02_slide {
        width: 568px;
    }
    .l-nanaAria-sec02_slide {
        height: 302px;
    }
    .p-liisjFeature-slide {
        width: 568px;
    }
    .p-liisjFeature-slide {
        height: 302px;
    }
    .l-pageVisual-access_header {
        left: -120px;
    }
    .l-news_inner::before {
        top: 63px;
    }
    .p-enTitle {
        top: 130px;
    }
    .l-recruit-notion_link p {
        width: 450px;
    }
    .l-notFound {
        padding-block-start: 40px;
    }
}

@media screen and (max-width: 768px)and (min-width: 23.75rem) {
    .l-footer_address p:last-child {
        font-size: calc(0.8755rem + 0.0051340206 * (100vw - 23.75rem));
    }
    .p-liissAbout-sec03_title {
        font-size: calc(1.5rem + 0.0206185567 * (100vw - 23.75rem));
    }
}

@media screen and (max-width: 768px)and (min-width: 48rem) {
    .l-footer_address p:last-child {
        font-size: 1rem;
    }
    .p-liissAbout-sec03_title {
        font-size: 2rem;
    }
}

@media screen and (max-width: 1400px)and (min-width: 375px) {
    .l-pageVisual-discussion {
        height: calc(194px + 0.4375586854 * (100vw - 375px));
    }
}

@media screen and (max-width: 1400px)and (min-width: 1440px) {
    .l-pageVisual-discussion {
        height: 660px;
    }
}

@media screen and (max-width: 991px)and (min-width: 320px) {
    .p-liiFeature_img {
        height: calc(192px + 0.6322580645 * (100vw - 320px));
    }
    .p-liiFeature_frame {
        top: calc(-21px + -0.0483870968 * (100vw - 320px));
    }
    .p-liiFeature_frame {
        height: calc(167px + 0.5129032258 * (100vw - 320px));
    }
    .p-liiFeature_frame img {
        width: calc(228px + 0.7 * (100vw - 320px));
    }
    .p-liiFeature_frame img {
        height: calc(128px + 0.3967741935 * (100vw - 320px));
    }
    .p-liiFeature_frame img {
        margin-block-start: calc(20px + 0.0903225806 * (100vw - 320px));
    }
    .p-liiFeature_frame img {
        margin-inline-start: calc(30px + 0.064516129 * (100vw - 320px));
    }
}

@media screen and (max-width: 991px)and (min-width: 630px) {
    .p-liiFeature_img {
        height: 388px;
    }
    .p-liiFeature_frame {
        top: -36px;
    }
    .p-liiFeature_frame {
        height: 326px;
    }
    .p-liiFeature_frame img {
        width: 445px;
    }
    .p-liiFeature_frame img {
        height: 251px;
    }
    .p-liiFeature_frame img {
        margin-block-start: 48px;
    }
    .p-liiFeature_frame img {
        margin-inline-start: 50px;
    }
}

@media screen and (max-width: 768px)and (min-width: 375px) {
    .p-liiFeature_img01::after {
        top: calc(-45px + -0.0381679389 * (100vw - 375px));
    }
    .p-liiFeature_title01 {
        width: calc(238px + 0.5882352941 * (100vw - 375px));
    }
    .p-liiFeature_title01 {
        height: calc(51px + 0.1254901961 * (100vw - 375px));
    }
    .p-liiFeature_title03 {
        width: calc(299px + 0.6392156863 * (100vw - 375px));
    }
    .p-liiFeature_title03 {
        height: calc(54px + 0.1137254902 * (100vw - 375px));
    }
    .l-contact {
        height: calc(224px + 0.1424936387 * (100vw - 375px));
    }
    .l-nanaFeature-slide {
        width: calc(355px + 0.5419847328 * (100vw - 375px));
    }
    .l-nanaFeature-slide {
        height: calc(189px + 0.2875318066 * (100vw - 375px));
    }
    .l-nanaService-overview_body02::before {
        bottom: calc(-70px + -0.0508905852 * (100vw - 375px));
    }
    .l-nanaAria_list::before {
        left: calc(20px + 0.203562341 * (100vw - 375px));
    }
    .l-nanaAria_list::after {
        right: calc(20px + 0.203562341 * (100vw - 375px));
    }
    .l-nanaAria-sec02_slide {
        width: calc(335px + 0.5928753181 * (100vw - 375px));
    }
    .l-nanaAria-sec02_slide {
        height: calc(180px + 0.31043257 * (100vw - 375px));
    }
    .p-liisjFeature-slide {
        width: calc(355px + 0.5419847328 * (100vw - 375px));
    }
    .p-liisjFeature-slide {
        height: calc(189px + 0.2875318066 * (100vw - 375px));
    }
    .l-news_inner::before {
        top: calc(31px + 0.0814249364 * (100vw - 375px));
    }
    .p-enTitle {
        top: calc(50px + 0.203562341 * (100vw - 375px));
    }
    .l-notFound {
        padding-block-start: calc(10px + 0.0763358779 * (100vw - 375px));
    }
}

@media screen and (max-width: 991px)and (min-width: 23.75rem) {
    .p-liiFeature_title {
        font-size: calc(1rem + 0.032 * (100vw - 23.75rem));
    }
}

@media screen and (max-width: 991px)and (min-width: 39.375rem) {
    .p-liiFeature_title {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 768px)and (min-width: 630px) {
    .p-liiFeature_title01 {
        width: 388px;
    }
    .p-liiFeature_title01 {
        height: 83px;
    }
    .p-liiFeature_title03 {
        width: 462px;
    }
    .p-liiFeature_title03 {
        height: 83px;
    }
}

@media screen and (max-width: 768px)and (min-width: 320px) {
    .l-liiFlow_wrap {
        padding-block-start: calc(135px + -0.0669642857 * (100vw - 320px));
    }
    .l-topAbout_slide::before {
        top: calc(-35px + -0.0625 * (100vw - 320px));
    }
    .l-topAbout_slide::before {
        left: calc(48px + 0.2075892857 * (100vw - 320px));
    }
    .l-nanaService-overview_img01 {
        height: calc(135px + 0.4486607143 * (100vw - 320px));
    }
    .l-nanaService-overview_img02 {
        height: calc(135px + 0.4486607143 * (100vw - 320px));
    }
    .l-ariaImg {
        height: calc(180px + 0.5625 * (100vw - 320px));
    }
}

@media screen and (max-width: 375px)and (min-width: 320px) {
    .l-liiFlow_list:before {
        right: calc(30px + 0.6363636364 * (100vw - 320px));
    }
    .p-liiFlow_line01::before {
        right: calc(17px + 0.6181818182 * (100vw - 320px));
    }
    .p-liiFlow_line01::after {
        top: calc(-34px + 0.1818181818 * (100vw - 320px));
    }
    .p-liiFlow_line01::after {
        right: calc(21px + 0.6363636364 * (100vw - 320px));
    }
    .p-liiFlow_line02::before {
        right: calc(15px + 0.6363636364 * (100vw - 320px));
    }
    .p-liiFlow_line02::after {
        right: calc(21px + 0.6363636364 * (100vw - 320px));
    }
    .l-liiFlow_item-right02 .p-liiFlow_line02::after {
        top: calc(-46px + -0.1454545455 * (100vw - 320px));
    }
    .p-liiFlow_text {
        margin-inline-start: calc(0px + 0.5090909091 * (100vw - 320px));
    }
    .l-facility_list {
        max-width: calc(280px + 1 * (100vw - 320px));
    }
    .p-facility_item {
        max-width: calc(280px + 1 * (100vw - 320px));
    }
    .p-facility-frame {
        width: calc(280px + 1 * (100vw - 320px));
    }
    .p-facility-frame {
        height: calc(163px + 0.6727272727 * (100vw - 320px));
    }
    .p-facility_img {
        top: calc(24px + 0.1090909091 * (100vw - 320px));
    }
    .p-facility_img {
        left: calc(29px + 0.0909090909 * (100vw - 320px));
    }
    .p-facility_img {
        width: calc(228px + 0.8 * (100vw - 320px));
    }
    .p-facility_img {
        height: calc(128px + 0.4545454545 * (100vw - 320px));
    }
    .l-liissAbout_video::before {
        top: calc(-76px + -0.2545454545 * (100vw - 320px));
    }
    .l-liissAbout_video::before {
        width: calc(69px + 0.2181818182 * (100vw - 320px));
    }
    .l-liissAbout_video::before {
        height: calc(77px + 0.2363636364 * (100vw - 320px));
    }
    .l-liissAbout_video::after {
        width: calc(43px + 0.1272727273 * (100vw - 320px));
    }
    .l-liissAbout_video::after {
        height: calc(66px + 0.2 * (100vw - 320px));
    }
    .l-nanaFeature-slide {
        width: calc(300px + 1.0185185185 * (100vw - 320px));
    }
    .l-nanaFeature-slide {
        height: calc(160px + 0.537037037 * (100vw - 320px));
    }
    .l-nanaAria-sec02_slide {
        width: calc(280px + 1.0185185185 * (100vw - 320px));
    }
    .l-nanaAria-sec02_slide {
        height: calc(150px + 0.5555555556 * (100vw - 320px));
    }
    .p-liisjFeature-slide {
        width: calc(300px + 1.0185185185 * (100vw - 320px));
    }
    .p-liisjFeature-slide {
        height: calc(160px + 0.537037037 * (100vw - 320px));
    }
    .p-liisjFeature-reason_item {
        height: calc(187px + 0.6 * (100vw - 320px));
    }
    .p-liisjFeature-byType_title {
        width: calc(250px + 0.6727272727 * (100vw - 320px));
    }
    .p-liisjFeature_scrollIcon01 {
        top: calc(-36px + -0.5454545455 * (100vw - 320px));
    }
    .p-liisjFeature_scrollIcon01 {
        width: calc(50px + 0.2909090909 * (100vw - 320px));
    }
    .p-liisjFeature_scrollIcon02 {
        top: calc(-22px + -0.7454545455 * (100vw - 320px));
    }
    .p-liisjFeature_scrollIcon02 {
        width: calc(30px + 0.2909090909 * (100vw - 320px));
    }
    .p-liisjProgram_item {
        height: calc(187px + 0.6 * (100vw - 320px));
    }
    .l-liisjService-data_img {
        width: calc(320px + 1 * (100vw - 320px));
    }
    .l-liisjService-data_img {
        height: calc(266px + 0.5272727273 * (100vw - 320px));
    }
    .l-liisjService-data_img::before {
        width: calc(275px + 0.5454545455 * (100vw - 320px));
    }
    .p-liisjData_img {
        width: calc(300px + 0.6545454545 * (100vw - 320px));
    }
    .p-liisjData_img {
        height: calc(194px + 0.4181818182 * (100vw - 320px));
    }
    .p-liisjPrice_linkButton .c-linkButton {
        padding-inline-start: calc(30px + 0.5454545455 * (100vw - 320px));
    }
    .p-liisjPrice_linkButton .c-linkButton::before {
        right: calc(30px + 0.5454545455 * (100vw - 320px));
    }
    .p-liisjPrice_linkButton .c-linkButton::after {
        right: calc(41px + 0.5272727273 * (100vw - 320px));
    }
    .l-pageVisual-access_header {
        width: calc(120px + 0.5090909091 * (100vw - 320px));
    }
    .l-pageVisual-access_header {
        height: calc(18px + 0.0727272727 * (100vw - 320px));
    }
    .l-pageVisual-access_header {
        margin-block-start: calc(20px + 0.4545454545 * (100vw - 320px));
    }
    .aichi {
        left: calc(10px + 0.1818181818 * (100vw - 320px));
    }
    .aichi {
        bottom: calc(20px + -0.8181818182 * (100vw - 320px));
    }
    .kanagawa {
        right: calc(18px + 0.4 * (100vw - 320px));
    }
    .kanagawa {
        bottom: calc(66px + -0.8727272727 * (100vw - 320px));
    }
    .hyougo {
        top: calc(52px + 0.5090909091 * (100vw - 320px));
    }
    .hyougo {
        left: calc(2px + 0.4181818182 * (100vw - 320px));
    }
    .osaka {
        top: calc(18px + 0.2181818182 * (100vw - 320px));
    }
    .osaka {
        right: calc(30px + 0.5090909091 * (100vw - 320px));
    }
    .shizuoka {
        right: calc(40px + 0.5454545455 * (100vw - 320px));
    }
    .shizuoka {
        bottom: calc(160px + -0.9090909091 * (100vw - 320px));
    }
    .tokyo {
        top: calc(68px + 0.3090909091 * (100vw - 320px));
    }
    .tokyo {
        right: calc(15px + 0.2727272727 * (100vw - 320px));
    }
    .okinawa {
        top: calc(140px + 0.5454545455 * (100vw - 320px));
    }
    .okinawa {
        left: calc(2px + 0.2363636364 * (100vw - 320px));
    }
    .p-recruitProgram_item {
        height: calc(156px + 0.4909090909 * (100vw - 320px));
    }
}

@media screen and (max-width: 375px)and (min-width: 375px) {
    .l-liiFlow_list:before {
        right: 65px;
    }
    .p-liiFlow_line01::before {
        right: 51px;
    }
    .p-liiFlow_line01::after {
        top: -24px;
    }
    .p-liiFlow_line01::after {
        right: 56px;
    }
    .p-liiFlow_line02::before {
        right: 50px;
    }
    .p-liiFlow_line02::after {
        right: 56px;
    }
    .l-liiFlow_item-right02 .p-liiFlow_line02::after {
        top: -54px;
    }
    .p-liiFlow_text {
        margin-inline-start: 28px;
    }
    .l-facility_list {
        max-width: 335px;
    }
    .p-facility_item {
        max-width: 335px;
    }
    .p-facility-frame {
        width: 335px;
    }
    .p-facility-frame {
        height: 200px;
    }
    .p-facility_img {
        top: 30px;
    }
    .p-facility_img {
        left: 34px;
    }
    .p-facility_img {
        width: 272px;
    }
    .p-facility_img {
        height: 153px;
    }
    .p-concept_img {
        width: 335px;
    }
    .p-concept_img {
        height: 826px;
    }
    .p-concept_item {
        font-size: 26px;
    }
    .p-concept_item01 {
        margin-block-start: 110px;
    }
    .p-concept_item02 {
        margin-block-start: 170px;
    }
    .p-concept_item02 {
        margin-block-end: 150px;
    }
    .l-liissAbout_video::before {
        top: -90px;
    }
    .l-liissAbout_video::before {
        width: 81px;
    }
    .l-liissAbout_video::before {
        height: 90px;
    }
    .l-liissAbout_video::after {
        width: 50px;
    }
    .l-liissAbout_video::after {
        height: 77px;
    }
    .l-liissAbout-sec02_img {
        height: 890px;
    }
    .p-twoAxis {
        max-width: 355px;
    }
    .p-twoAxis_item p {
        font-size: 24px;
    }
    .p-twoAxis_item01 p {
        top: 140px;
    }
    .p-twoAxis_item01 p {
        right: 50px;
    }
    .p-twoAxis_item02 p {
        top: 245px;
    }
    .p-twoAxis_item02 p {
        right: 135px;
    }
    .p-liisjFeature-reason_item {
        height: 220px;
    }
    .p-liisjFeature-byType_title {
        width: 287px;
    }
    .p-liisjFeature_scrollIcon01 {
        top: -66px;
    }
    .p-liisjFeature_scrollIcon01 {
        width: 66px;
    }
    .p-liisjFeature_scrollIcon02 {
        top: -63px;
    }
    .p-liisjFeature_scrollIcon02 {
        width: 46px;
    }
    .p-liisjProgram_item {
        height: 220px;
    }
    .l-liisjService-data_img {
        width: 375px;
    }
    .l-liisjService-data_img {
        height: 295px;
    }
    .l-liisjService-data_img::before {
        width: 305px;
    }
    .p-liisjData_img {
        width: 336px;
    }
    .p-liisjData_img {
        height: 217px;
    }
    .p-liisjPrice_linkButton .c-linkButton {
        padding-inline-start: 60px;
    }
    .p-liisjPrice_linkButton .c-linkButton::before {
        right: 60px;
    }
    .p-liisjPrice_linkButton .c-linkButton::after {
        right: 70px;
    }
    .l-pageVisual-access_header {
        width: 148px;
    }
    .l-pageVisual-access_header {
        height: 22px;
    }
    .l-pageVisual-access_header {
        margin-block-start: 45px;
    }
    .aichi {
        left: 20px;
    }
    .aichi {
        bottom: -25px;
    }
    .kanagawa {
        right: 40px;
    }
    .kanagawa {
        bottom: 18px;
    }
    .hyougo {
        top: 80px;
    }
    .hyougo {
        left: 25px;
    }
    .osaka {
        top: 30px;
    }
    .osaka {
        right: 58px;
    }
    .shizuoka {
        right: 70px;
    }
    .shizuoka {
        bottom: 110px;
    }
    .tokyo {
        top: 85px;
    }
    .tokyo {
        right: 30px;
    }
    .okinawa {
        top: 170px;
    }
    .okinawa {
        left: 15px;
    }
    .p-recruitProgram_item {
        height: 183px;
    }
}

@media screen and (max-width: 575px)and (min-width: 320px) {
    .image_frame {
        width: calc(280px + 0.9960784314 * (100vw - 320px));
    }
    .image_frame {
        height: calc(158px + 0.5568627451 * (100vw - 320px));
    }
    .slider1 .swiper-slide img {
        top: calc(14px + 0.0470588235 * (100vw - 320px));
    }
    .slider1 .swiper-slide img {
        left: calc(29px + 0.0980392157 * (100vw - 320px));
    }
    .slider1 .swiper-slide img {
        width: calc(228px + 0.8078431373 * (100vw - 320px));
    }
    .slider1 .swiper-slide img {
        height: calc(128px + 0.4549019608 * (100vw - 320px));
    }
    .l-liissAbout_video .p-liissVideo_frame {
        width: calc(280px + 0.9960784314 * (100vw - 320px));
    }
    .l-liissAbout_video .p-liissVideo_frame {
        height: calc(158px + 0.5568627451 * (100vw - 320px));
    }
    .l-liissAbout_video .p-liissVideo_contents {
        top: calc(14px + 0.0470588235 * (100vw - 320px));
    }
    .l-liissAbout_video .p-liissVideo_contents {
        left: calc(29px + 0.0980392157 * (100vw - 320px));
    }
    .l-liissAbout_video .p-liissVideo_contents {
        width: calc(228px + 0.8078431373 * (100vw - 320px));
    }
    .l-liissAbout_video .p-liissVideo_contents {
        height: calc(128px + 0.4549019608 * (100vw - 320px));
    }
}

@media screen and (max-width: 575px)and (min-width: 575px) {
    .image_frame {
        width: 534px;
    }
    .image_frame {
        height: 300px;
    }
    .slider1 .swiper-slide img {
        top: 26px;
    }
    .slider1 .swiper-slide img {
        left: 54px;
    }
    .slider1 .swiper-slide img {
        width: 434px;
    }
    .slider1 .swiper-slide img {
        height: 244px;
    }
    .l-liissAbout_video .p-liissVideo_title {
        width: 210px;
    }
    .l-liissAbout_video .p-liissVideo_title {
        height: 62px;
    }
    .l-liissAbout_video .p-liissVideo_frame {
        width: 534px;
    }
    .l-liissAbout_video .p-liissVideo_frame {
        height: 300px;
    }
    .l-liissAbout_video .p-liissVideo_contents {
        top: 26px;
    }
    .l-liissAbout_video .p-liissVideo_contents {
        left: 54px;
    }
    .l-liissAbout_video .p-liissVideo_contents {
        width: 434px;
    }
    .l-liissAbout_video .p-liissVideo_contents {
        height: 244px;
    }
}

@media screen and (max-width: 768px)and (min-width: 600px) {
    .l-topNews_list::after {
        width: calc(101px + 0.7083333333 * (100vw - 600px));
    }
    .l-topNews_list::after {
        height: calc(68px + 0.4702380952 * (100vw - 600px));
    }
}

@media screen and (max-width: 991px)and (min-width: 375px) {
    .l-topRecruit_inner {
        padding-block: calc(50px + 0.0653594771 * (100vw - 375px));
    }
    .l-liisjService-data_img {
        width: calc(375px + 0.6704545455 * (100vw - 375px));
    }
    .l-liisjService-data_img {
        height: calc(295px + 0.5535714286 * (100vw - 375px));
    }
    .l-liisjService-data_img::before {
        width: calc(305px + 0.5730519481 * (100vw - 375px));
    }
    .p-liisjData_img {
        left: calc(20px + 0.038961039 * (100vw - 375px));
    }
    .p-liisjData_img {
        width: calc(336px + 0.6298701299 * (100vw - 375px));
    }
    .p-liisjData_img {
        height: calc(217px + 0.4074675325 * (100vw - 375px));
    }
}

@media screen and (max-width: 991px)and (min-width: 1140px) {
    .l-topRecruit_inner {
        padding-block: 100px;
    }
}

@media screen and (max-width: 375px)and (min-width: 350px) {
    .p-concept_img {
        width: calc(280px + 2.2 * (100vw - 350px));
    }
    .p-concept_img {
        height: calc(700px + 5.04 * (100vw - 350px));
    }
    .p-concept_item {
        font-size: calc(22px + 0.16 * (100vw - 350px));
    }
    .p-concept_item01 {
        margin-block-start: calc(90px + 0.8 * (100vw - 350px));
    }
    .p-concept_item02 {
        margin-block-start: calc(130px + 1.6 * (100vw - 350px));
    }
    .p-concept_item02 {
        margin-block-end: calc(125px + 1 * (100vw - 350px));
    }
    .l-liissAbout-sec02_img {
        height: calc(760px + 5.2 * (100vw - 350px));
    }
    .p-twoAxis {
        max-width: calc(300px + 2.2 * (100vw - 350px));
    }
    .p-twoAxis_item p {
        font-size: calc(20px + 0.16 * (100vw - 350px));
    }
    .p-twoAxis_item01 p {
        top: calc(110px + 1.2 * (100vw - 350px));
    }
    .p-twoAxis_item01 p {
        right: calc(40px + 0.4 * (100vw - 350px));
    }
    .p-twoAxis_item02 p {
        top: calc(210px + 1.4 * (100vw - 350px));
    }
    .p-twoAxis_item02 p {
        right: calc(115px + 0.8 * (100vw - 350px));
    }
}

@media screen and (max-width: 575px)and (min-width: 375px) {
    .l-liissAbout_video .p-liissVideo_title {
        width: calc(137px + 0.365 * (100vw - 375px));
    }
    .l-liissAbout_video .p-liissVideo_title {
        height: calc(40px + 0.11 * (100vw - 375px));
    }
}

@media screen and (max-width: 375px)and (min-width: 374px) {
    .l-nanaFeature-slide {
        width: 355px;
    }
    .l-nanaFeature-slide {
        height: 189px;
    }
    .l-nanaAria-sec02_slide {
        width: 335px;
    }
    .l-nanaAria-sec02_slide {
        height: 180px;
    }
    .p-liisjFeature-slide {
        width: 355px;
    }
    .p-liisjFeature-slide {
        height: 189px;
    }
}

@media screen and (max-width: 1199px)and (min-width: 770px) {
    .l-nanaService-overview_body {
        max-width: calc(375px + 0.076744186 * (100vw - 770px));
    }
}

@media screen and (max-width: 1199px)and (min-width: 1200px) {
    .l-nanaService-overview_body {
        max-width: 408px;
    }
    .l-liisjService-overview_body {
        max-width: 408px;
    }
}

@media screen and (max-width: 768px)and (min-width: 480px) {
    .l-ariaImg {
        height: 270px;
    }
}

@media screen and (max-width: 1199px)and (min-width: 768px) {
    .l-liisjService-overview_body {
        max-width: calc(375px + 0.0763888889 * (100vw - 768px));
    }
}

@media screen and (max-width: 991px)and (min-width: 991px) {
    .l-liisjService-data_img {
        width: 788px;
    }
    .l-liisjService-data_img {
        height: 636px;
    }
    .l-liisjService-data_img::before {
        width: 658px;
    }
    .p-liisjData_img {
        left: 44px;
    }
    .p-liisjData_img {
        width: 724px;
    }
    .p-liisjData_img {
        height: 468px;
    }
}

@media screen and (max-width: 768px)and (min-width: 380px) {
    .l-pageVisual-access_header {
        left: calc(0px + -0.3092783505 * (100vw - 380px));
    }
}

@media screen and (max-width: 375px)and (min-width: 20rem) {
    .p-oath_text {
        font-size: calc(1.25rem + 0.08 * (100vw - 20rem));
    }
}

@media screen and (max-width: 375px)and (min-width: 23.125rem) {
    .p-oath_text {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 768px)and (min-width: 575px) {
    .l-recruit-notion_link p {
        width: calc(295px + 0.8031088083 * (100vw - 575px));
    }
}


/* 英語ページだけ表示 */

html[lang^="en"] .wg-default {
    display: block !important;
}


/* add 20251021 */


/* SNSボタン追加 */

.l-footer_snsIcon,
.c-header_snsIcon {
    display: flex;
    width: fit-content;
}

.l-footer_snsIcon a:nth-child(n+2),
.c-header_snsIcon a:nth-child(n+2) {
    margin-left: 10px;
}

a.c-social_icon {
    position: relative;
}

a.c-social_icon:after {
    content: "採用";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    white-space: nowrap;
    bottom: -17px;
    color: #fff;
}

a.c-social_icon:nth-child(2):after {
    content: "公式";
}

a.c-social_icon:nth-child(3):after {
    content: "note";
}


/* 閉じるボタン削除 */

.c-cta_button.c-cta_button-liiss .p-cta_cancel {
    display: none;
}

.p-cta_cancel {
    display: none !important;
}


/* 追従オフ */

.c-header_snsIcon {
    display: flex;
    width: fit-content;
}

@media screen and (max-width: 768px) {
    .c-header_snsIcon {
        display: none;
    }
    .c-cta_button.c-cta_button-liiss {
        top: auto;
        bottom: 64px;
    }
}


/*Life is interesting”パートを中央揃え*/

@media screen and (max-width: 768px) {
    .p-enTitle {
        left: auto;
        transform: unset;
    }
    .l-recruitFeature-sec01_body {
        margin-block-start: auto;
    }
    .p-recruitFeature-sec01_title {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .p-enTitle {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }
}

@media screen and (min-width: 1140px) {
    .l-recruitFeature-sec01_body {
        width: 100%;
        text-align: center;
        padding: 0;
    }
}

@media screen and (max-width: 768px)and (min-width: 375px) {
    .p-enTitle {
        position: relative;
        top: auto;
        text-align: center;
        width: 100%;
    }
}


/*# sourceMappingURL=map/style.css.map */