@charset "UTF-8";

/*
Theme Name: child
Theme URI:
Description:
Template: twentytwentyone
Author: makesview
Author URI: https://makes-view.co.jp/
Version: 1.0.0
*/
:root {
    --main-color: #00309B;
    --sub-color: #fff;
}

body {
    color: #555555;
    font-size: 15px;
    line-height: 1.7;
}

/* SP用ブロックはPCでは非表示 */
.sp {
    display: none;
}

.wrap {
    width: 1140px;
    margin: 0 auto;
}

.wrap.mid {
    width: 1240px;
}

.wrap.lr {
    width: 1340px;
}

/* PC固定ページ 共通設定 */
.common_page_main {
    background: #F5F5F5;
    margin-block: 0 1em;
}

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

.common_page_main .title_box .title {
    font-size: 40px;
    letter-spacing: 0.08em;
    font-weight: 700;
    line-height: 1.5;
}

.common_page_wrap {
    padding: 100px 0 120px;
}

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

.reserve_text {
    text-align: center;
    font-size: 30px;
}

/* パンくず */
.breadcrumb {
    font-size: 12px;
    color: #3E3E3E;
    letter-spacing: 0;
}

.breadcrumb a {
    text-decoration: none;
    color: #555;
}

/* PC固定ページ お問い合わせ */
.contact_form_disc {
    color: #3E3E3E;
    letter-spacing: 0.08em;
    font-weight: 400;
    text-align: center;
    margin-block: 0 3.8em;
}

.contact_form_disc .text {
    font-size: 16px;
    margin-block: 0 1em;
}

.contact_form_disc .caution {
    font-size: 14px;
}

.common_contact_form .form_box {
    margin-block: 0 50px;
}

.common_contact_form .form_box dl {
    display: grid;
    grid-template-columns: 26.5% 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 80px;
}

.common_contact_form .form_box dl.start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.common_contact_form .form_box dl+dl {
    margin-block: 1.6em 0;
}

.common_contact_form .form_box dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.3em;
    font-size: 16px;
    letter-spacing: 0.08em;
    font-weight: 700;
    padding-inline: 0 0.5em;
    position: relative;
}

.common_contact_form .form_box dl dt .label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #3E3E3E;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-weight: 700;
    border-radius: 100vmax;
    padding: 0.2em 0.9em;
}

.common_contact_form .form_box dl dt .label.hissu {
    background: #C70000;
    color: #fff;
}

.common_contact_form .form_box dl dt .label.ninni {
    background: #E0E0E0;
}

.common_contact_form .form_box dl dt::after {
    content: "";
    width: 1px;
    height: 30px;
    background: #AAA;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.common_contact_form input[type=text],
.common_contact_form input[type=email],
.common_contact_form #zip {
    width: 100%;
    background: #F8F8F8;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 0.08em;
    font-weight: 400;
    padding: 0.8em 1em;
}

.common_contact_form textarea {
    width: 100%;
    height: 180px;
    background: #F8F8F8;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    padding: 1em;
    font-size: 14px;
    letter-spacing: 0.08em;
    font-weight: 400;
}

.common_contact_form input::-webkit-input-placeholder,
.common_contact_form textarea::-webkit-input-placeholder {
    color: #C7C4C4;
}

.common_contact_form input::-moz-placeholder,
.common_contact_form textarea::-moz-placeholder {
    color: #C7C4C4;
}

.common_contact_form input:-ms-input-placeholder,
.common_contact_form textarea:-ms-input-placeholder {
    color: #C7C4C4;
}

.common_contact_form input::-ms-input-placeholder,
.common_contact_form textarea::-ms-input-placeholder {
    color: #C7C4C4;
}

.common_contact_form input::placeholder,
.common_contact_form textarea::placeholder {
    color: #C7C4C4;
}

.common_contact_form select {
    width: 47.5%;
    background: #F8F8F8;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 0.08em;
    padding: 1.1em 1em;
}

.common_contact_form select.empty {
    color: #C7C4C4;
}

.page_contact #btn_wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: right;
    width: 74%;
    margin: auto;
}

.page_contact #btn_wrap button {
    background-color: var(--main-color);
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    display: block;
    width: 310px;
    line-height: 60px;
    font-size: 18px;
    font-weight: 900;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    letter-spacing: 0.08em;
    margin: auto;
}

.page_contact #btn_wrap button[name=submitBack] {
    background: #333;
    margin-top: 20px;
}

.page_contact #btn_wrap button:hover {
    opacity: 0.8;
}

.privacy_term_outer .privacy_term_inner {
    height: 138px;
    margin: auto;
    overflow: auto;
}

.privacy_term_outer .privacy_term_inner .privacy_index {
    font-size: 14px;
}

.privacy_term_outer .privacy_term_inner .main_text {
    font-size: 13px;
    margin-bottom: 25px;
}

.privacy_term_outer .privacy_term_inner dl dt {
    font-size: 13px;
    border-left: solid 3px #ccc;
    padding-left: 1em;
    margin-bottom: 5px;
}

.privacy_term_outer .privacy_term_inner dl dd {
    font-size: 13px;
}

.privacy_term_outer .privacy_term_inner dl+dl {
    margin-top: 30px;
}

.privacy_term_outer .privacy_term_inner::-webkit-scrollbar {
    width: 8px;
}

.privacy_term_outer .privacy_term_inner::-webkit-scrollbar-track {
    background: transparent;
}

.privacy_term_outer .privacy_term_inner::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 10px;
}

.privacy_term_outer {
    border-top: solid 1px #e3e3e3;
    padding: 30px 0;
    border-bottom: solid 1px #e3e3e3;
    width: 60%;
    margin: 0 auto 50px;
}

.privacy_check_list .mwform-checkbox-field-text {
    padding-right: 0;
}

.privacy_check_list .error {
    font-size: 12px;
}

.privacy_term_detail {
    text-align: center;
    font-size: 13px;
    margin: 20px 0;
    position: relative;
    font-weight: 600;
}

.privacy_term_detail::after {
    content: "";
    margin: 5px auto 0;
    border: solid #333;
    border-width: 2px 2px 0 0;
    width: 10px;
    aspect-ratio: 1/1;
    min-width: 0;
    rotate: 135deg;
    display: block;
}

.mw_wp_form_confirm .privacy_check_list,
.mw_wp_form_confirm .privacy_term_detail {
    display: none;
}

/* ラジオボタン デザイン */
.radio_btns,
.checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5em 1.5em;
    padding: 0.5em 0;
}

/* ラジオボタンを隠す */
.radio_btns input[type=radio].radio_btns__item {
    display: none;
}

.radio_btns label {
    display: inline-block;
    cursor: pointer;
}

/* spanの左側にボタンを配置するスペースを作る */
.radio_btns .radio_btns__item+span {
    color: #3E3E3E;
    font-size: 15px;
    letter-spacing: 0.08em;
    font-weight: 600;
    padding-left: 2em;
    display: inline-block;
    position: relative;
}

/* 各パーツを作成 */
.radio_btns .radio_btns__item+span::before,
.radio_btns .radio_btns__item+span::after {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid #AFAFAF;
    background: #F8F8F8;
    border-radius: 50%;
    width: 20px;
    aspect-ratio: 1;
    min-width: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

/* after上書き */
.radio_btns .radio_btns__item+span::after {
    width: 10px;
    aspect-ratio: 1;
    min-width: 0;
    top: 0px;
    left: 5px;
    border: none;
    background: #5A5A5A;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/*
  checked状態
  文字のcolorとボタンのopacityを変更
*/
.radio_btns .radio_btns__item:checked+span::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* チェックボックス デザイン */
.page_contact input[type=checkbox] {
    /* デフォルトcheckボックス非表示*/
    display: none;
}

.mwform-checkbox-field label {
    cursor: pointer;
}

.mwform-checkbox-field-text {
    color: #3E3E3E;
    font-size: 15px;
    letter-spacing: 0.08em;
    font-weight: 600;
    display: inline-block;
    position: relative;
    padding: 0 0 0 30px;
}

.mwform-checkbox-field-text::before,
.mwform-checkbox-field-text::after {
    content: "";
    position: absolute;
    display: block;
}

.mwform-checkbox-field-text::before {
    background: #F8F8F8;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    width: 20px;
    aspect-ratio: 1/1;
    min-width: 0;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mwform-checkbox-field-text::after {
    border-width: 3px;
    border-color: transparent transparent #333 #333;
    border-style: solid;
    width: 20px;
    aspect-ratio: 2/1;
    min-width: 0;
    margin-top: -0.2em;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    opacity: 0;
}

input[type=checkbox]:checked+.mwform-checkbox-field-text::after {
    opacity: 1;
}

.mw_wp_form .horizontal-item {
    display: inline-block;
}

.mw_wp_form .horizontal-item+.horizontal-item {
    margin-left: 0 !important;
}

/* サンクスページ */
.page_contact .thanks_textArea .name {
    font-size: 16px;
    line-height: 2;
    text-align: center;
    margin-bottom: 20px;
}

.page_contact .thanks_textArea .contact_text {
    margin: 0 auto 50px;
    width: 62%;
}

.page_contact .thanks_textArea .ichiran_link {
    background-color: var(--main-color);
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    display: block;
    width: 300px;
    line-height: 50px;
    border-radius: 4px;
    font-size: 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 0 auto;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-align: center;
}

.page_contact .thanks_textArea .ichiran_link:hover {
    opacity: 0.8;
}

.page_contact .thanks_textArea .contact_text .space {
    display: block;
}

.page_contact .thanks_textArea .contact_text .space {
    display: block;
    margin-top: 10px;
}

/* ステップバー デザイン */
.page_contact .progressbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5.6em;
    margin-block: 0 3em;
}

.page_contact .progressbar .item {
    color: #3E3E3E;
    font-size: 14px;
    letter-spacing: 0.08em;
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
    position: relative;
}

.page_contact .progressbar .item+.item::before {
    content: "";
    width: 50px;
    height: 1px;
    background: #E6E6E6;
    position: absolute;
    top: 64%;
    left: -5em;
}

.page_contact .progressbar .item .mark {
    width: 36px;
    aspect-ratio: 1;
    background: #fff;
    border: 1px solid #AFAFAF;
    border-radius: 50%;
    display: block;
    margin: 0 auto 0.5em;
    position: relative;
}

.page_contact .progressbar .item .mark::before {
    content: "";
    width: 41%;
    aspect-ratio: 1;
    background: #5A5A5A;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    opacity: 0;
}

.page_contact .progressbar .item.active .mark::before {
    opacity: 1;
}

.page_contact .progressbar .item .en {
    display: block;
    color: #A7A7A7;
    letter-spacing: 0;
    font-family: "Helvetica", "Arial", sans-serif;
}

.privacy_check_list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
}

.privacy_check_list .hissu {
    background: #c70200;
    color: #fff;
    padding: 2px 15px;
    font-size: 10px;
    letter-spacing: 0.08em;
    border-radius: 30px;
    font-weight: 600;
}

.mw_wp_form .privacy_check_list .horizontal-item {
    margin: 0;
}

/* PC固定ページ 404ページ */
#page_404 {
    text-align: center;
}

#page_404 .num {
    font-size: 100px;
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page_404 .text {
    margin-bottom: 1em;
    font-size: 16px;
}

/* PC固定ページ アーカイブページ */
/* 投稿リスト表示 */
.archive_page_list>article {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px dashed #eee;
    padding-right: 30px;
}

.archive_page_list>article:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
    border: solid #ccc;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.archive_page_list>article .date {
    font-weight: bold;
    font-size: 80%;
    width: 100px;
}

.archive_page_list>article .content_area {
    width: calc(100% - 100px);
}

.archive_page_list>article .content_area .ttl {
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.archive_page_list>article .content_area .content {
    font-size: 80%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* wp-pagenavi base */
.wp-pagenavi {
    text-align: center;
    margin-top: 50px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    display: inline-block;
    color: #999;
    background-color: #FFF;
    border: solid 1px #e0e0d2;
    padding: 8px 15px;
    margin: 0 2px;
    border-radius: 3px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
}

.wp-pagenavi a:hover {
    color: #FFF;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.wp-pagenavi .current {
    color: #FFF;
    background-color: var(--main-color);
    border-color: var(--main-color);
    font-weight: bold;
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

@media (max-width: 750px) {
    body {
        line-height: 1.6;
    }
}

.inline_block {
    display: inline-block;
}

.line_break {
    word-break: keep-all;
    overflow-wrap: anywhere;
}

/* pcの電話番号発信対応 */
a[href^="tel:"] {
    pointer-events: none;
}

/* Set core body defaults */
body {
    min-height: 100vh;
}

/* 共通設定 */
body {
    min-width: 1440px;
}

/* 共通パーツ */
.button_entry a {
    border-radius: 100vh;
    background: #0045A8;
    color: #fff;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.button_entry a::after {
    content: "";
    background: url(/wp-content/themes/child/image/arrow_entry.svg) no-repeat center center/contain;
}

.button_entry .text_block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.button_entry .icon_entry img {
    width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
}

.section_title_number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px 22px 20px;
    background: url(/wp-content/themes/child/image/balloon_number.svg) no-repeat center center/auto;
    font-family: "din-2014", sans-serif;
    font-size: 32px;
    font-weight: 800;
    color: #1A1A1A;
}

.section_title_number.reverse {
    padding: 11px 20px 22px 22px;
    background: url(/wp-content/themes/child/image/balloon_number_reverse.svg) no-repeat center center/auto;
}

.section_title_number .hash {
    font-weight: 700;
}

.title_bg {
    font-family: "din-2014", sans-serif;
    font-size: 240px;
    font-weight: 700;
    font-style: italic;
    line-height: 0;
    letter-spacing: -0.02em;
    color: rgba(227, 227, 227, 0.5);
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.section_title {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 70px;
    font-weight: 900;
    letter-spacing: 0.05em;
    color: #1A1A1A;
    line-height: 1;
    position: relative;
}

.section_title::after {
    content: "";
    position: absolute;
    right: 16px;
    bottom: -7%;
    width: 2px;
    height: 70px;
    background: #2B2B2B;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
}

/* PC_header */
.header {
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    padding: 30px 50px 0;
    background: transparent;
}

.header .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 150px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    padding: 22px 50px 11px;
    /* ヘッダー高さ 80px になるよう調整 */
}

.header .contents {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header .left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header .left a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5px;
}

.header .logo {
    width: auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header .logo img {
    display: block;
    height: 20.3px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.header .logo_sub {
    font-family: "din-2014", sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 0.02em;
    color: #00309B;
}

.header .nav {
    margin-bottom: 10px;
}

.header .nav .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px;
    padding: 0;
}

.header .nav .item .text {
    font-family: "din-2014", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #1A1A1A;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.header .nav .item a {
    font-family: "din-2014", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #1A1A1A;
    text-decoration: none;
}

.header .nav .item.modal .text::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 11px;
    margin-left: 4px;
    vertical-align: middle;
    background: url(/wp-content/themes/child/image/arrow_menu.svg) no-repeat center center/contain;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.header .nav .item.modal {
    position: relative;
}

.header .modal_wrap {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 44px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 10;
}

.header .modal_contents.dropdown_panel {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    padding: 29px 32px;
    min-width: 280px;
}

.header .nav .dropdown_panel>a {
    border-bottom: 2px dashed #DEDEDE;
    padding-bottom: 14px;
    text-decoration: none;
    color: #1A1A1A;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1.6;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header .nav .dropdown_panel>a:not(:first-of-type) {
    margin-top: 13px;
}

.header .dropdown_item_text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.05em;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.header .dropdown_item::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #CB4950;
    -webkit-mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) no-repeat center center/contain;
    mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) no-repeat center center/contain;
}

.header .modal_wrap_company .dropdown_item::after {
    background-color: #D6944A;
}

.header .modal_wrap_business .dropdown_item::after {
    background-color: #F2DC52;
}

.header .modal_wrap_culture .dropdown_item::after {
    background-color: #5AA07E;
}

.header .modal_wrap_recruit .dropdown_item::after {
    background-color: #387BB4;
}

.header .dropdown_divider {
    border-bottom: 2px dotted #DEDEDE;
    margin: 0 32px;
}

/* PC_fv */
.top_fv {
    --fv-item-h: 282px;
    --fv-gap: 13px;
    --fv-slide-distance: calc((var(--fv-item-h) * 3) + (var(--fv-gap) * 3));
    width: 100%;
    min-height: 600px;
    padding: 0;
    overflow-x: clip;
    position: relative;
}

.top_fv::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/child/image/bg_fv.svg) no-repeat center center/cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.top_fv .wrap {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top_fv .text_block {
    padding-top: 90px;
    width: 485px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

.top_fv .text_block::before {
    content: "";
    width: 342px;
    height: 870px;
    background: url(/wp-content/themes/child/image/deco_fv_title.png) no-repeat center center/100%;
    position: absolute;
    top: 69%;
    left: -75px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
}

.top_fv .catch_line .line {
    margin-top: 10px;
}

.top_fv .catch_line .line:first-child {
    margin-top: 0;
}

.top_fv .catch_line .box {
    display: inline-block;
    padding: 9px 20px 14px 50px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 70px;
    font-weight: 900;
    letter-spacing: 0.07em;
    line-height: 1;
    color: #1a1a1a;
    background: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

.top_fv .catch_line .box_blue {
    position: relative;
    padding: 12px 15px 14px 50px;
    font-size: 64px;
    letter-spacing: 0.07em;
    color: #FFFFFF;
    background: #0E3CA0;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

.top_fv .catch_line .box_blue::after {
    content: "";
    position: absolute;
    right: 16px;
    bottom: -7%;
    width: 2px;
    height: 68px;
    background: #2B2B2B;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
}

.top_fv .catch_line .line_01 {
    padding: 14px 31px 11px 52px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

.top_fv .catch_line .line_01 img {
    display: block;
    width: auto;
    height: 68px;
}

.top_fv .sub_copy {
    margin: 18px 0 0 50px;
    font-family: "din-2014", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.02em;
    color: #1a1a1a;
}

.top_fv .sub_copy .blue {
    color: #00309B;
}

.top_fv .image_collage {
    margin-left: -30px;
    width: 985px;
    height: 100vh;
    min-height: 600px;
    position: relative;
    z-index: 1;
}

.top_fv .image_collage::before {
    content: "";
    width: 100%;
    height: 550px;
    background: url(/wp-content/themes/child/image/deco_fv_collage.png) no-repeat center center/contain;
    position: absolute;
    bottom: -44px;
    left: 0;
    z-index: 1;
}

.top_fv .collage_column_wrap {
    position: relative;
    width: 1106px;
    height: 100%;
    background: url(/wp-content/themes/child/image/bg_fv_img.png) no-repeat right top/100% 100%;
}

.top_fv .collage_column {
    width: 600px;
    height: 100%;
    overflow: hidden;
    clip-path: polygon(49% 0%, 91% 0%, 41.5% 100%, 0% 100%);
    position: absolute;
}

.top_fv .collage_column_left {
    top: 0;
    left: 17px;
}

.top_fv .collage_column_left .img_offset01 {
    -o-object-position: bottom;
    object-position: bottom;
}

.top_fv .collage_column_left .img_offset02 {
    -o-object-position: right 135px top -5px;
    object-position: right 135px top -5px;
}

.top_fv .collage_column_left .img_offset03 {
    -o-object-position: right 130px top 0;
    object-position: right 130px top 0;
}

.top_fv .collage_column_center {
    top: 0;
    left: 282px;
}

.top_fv .collage_column_center .img_offset04 {
    -o-object-position: right 40px bottom -20px;
    object-position: right 40px bottom -20px;
}

.top_fv .collage_column_center .img_offset05 {
    -o-object-position: right 30px top -50px;
    object-position: right 30px top -50px;
}

.top_fv .collage_column_center .img_offset06 {
    -o-object-position: right 120px bottom -110px;
    object-position: right 120px bottom -110px;
}

.top_fv .collage_column_right {
    top: 0;
    left: 545px;
}

.top_fv .collage_column_right .collage_track {
    position: absolute;
    top: -50px;
}

.top_fv .collage_column_right .img_offset07 {
    -o-object-position: right 120px bottom 0;
    object-position: right 120px bottom 0;
}

.top_fv .collage_column_right .img_offset08 {
    -o-object-position: right 0 top -30px;
    object-position: right 0 top -30px;
}

.top_fv .collage_column_right .img_offset09 {
    -o-object-position: right 60px top -80px;
    object-position: right 60px top -80px;
}

.top_fv .collage_track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--fv-gap);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.top_fv .collage_item {
    width: 680px;
    height: var(--fv-item-h);
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.top_fv .collage_item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.top_fv .collage_column_left .collage_track,
.top_fv .collage_column_right .collage_track {
    -webkit-animation: fvSlideDownPc 35s linear infinite;
    animation: fvSlideDownPc 35s linear infinite;
}

.top_fv .collage_column_center .collage_track {
    -webkit-animation: fvSlideUpPc 35s linear infinite;
    animation: fvSlideUpPc 35s linear infinite;
}

@-webkit-keyframes fvSlideUpPc {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
    }
}

@keyframes fvSlideUpPc {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
    }
}

@-webkit-keyframes fvSlideDownPc {
    0% {
        -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fvSlideDownPc {
    0% {
        -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* PC_message */
.top_message {
    padding: 150px 0 30px;
}

.top_message .wrap {
    position: relative;
}

.top_message .wrap::before {
    content: "";
    width: 100%;
    height: 470px;
    background: url(/wp-content/themes/child/image/bg_message.png) no-repeat center center/100%;
    position: absolute;
    top: -35px;
    left: 0;
    z-index: 1;
}

.top_message .headline_block {
    margin-top: 40px;
    text-align: center;
    position: relative;
}

.top_message .title_bg {
    font-family: "din-2014", sans-serif;
    font-size: 260px;
    font-weight: 700;
    font-style: italic;
    line-height: 0;
    letter-spacing: -0.02em;
    text-align: center;
    color: #E3E3E3;
    opacity: 0.5;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    position: absolute;
    top: 0;
    left: 49%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

.top_message .bubble_text {
    display: inline-block;
    padding: 11px 35px 35px 60px;
    background: url(/wp-content/themes/child/image/balloon_message.svg) no-repeat center center/auto;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #1A1A1A;
}

.top_message .message {
    margin-top: 6px;
    font-size: 52px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0.07em;
    color: #1A1A1A;
}

.top_message .message_line {
    margin-top: -4px;
    font-size: 52px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0.07em;
    color: #1A1A1A;
}

.top_message .message_line .phrase:first-of-type {
    background: url(/wp-content/themes/child/image/underline_l.svg) no-repeat left -25px bottom -10px/100% 40px;
}

.top_message .message_line .phrase:last-of-type .strong {
    background: url(/wp-content/themes/child/image/underline_s.svg) no-repeat center bottom -10px/100% 38px;
}

.top_message .message_line .strong {
    font-size: 60px;
    color: #00309B;
}

.top_message .divider {
    width: 740px;
    max-width: 100%;
    margin: 18px auto 0;
    border-top: 2px solid #D0D0D0;
    opacity: 0.5;
}

.top_message .text {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.9;
    color: #555555;
    text-align: center;
}

/* PC_about */
.top_about {
    padding: 295px 0 50px;
    position: relative;
}

.top_about::before {
    content: "";
    width: 96.5%;
    height: 1165px;
    background: url(/wp-content/themes/child/image/bg_about.png) no-repeat right top/cover;
    position: absolute;
    top: -130px;
    right: 0;
    z-index: -1;
}

.top_about .title_bg {
    position: absolute;
    top: 210px;
    right: 0;
}

.top_about .section_title_number {
    margin-left: -50px;
}

.top_about .section_title_number .hash {
    color: #D03F46;
}

.top_about .section_title_block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.top_about .section_title .strong {
    font-size: 78px;
    line-height: 0.8;
}

.top_about .section_title .cut_char {
    display: inline-block;
    margin-right: -0.05em;
    clip-path: polygon(0 0, 100% 0, 65% 100%, 0 100%);
}

.top_about .section_title::after {
    right: 28px;
    bottom: -15px;
}

.top_about .section_desc {
    margin-top: 18px;
}

.top_about .item_list {
    margin-top: 55px;
}

.top_about .item a {
    display: block;
    position: relative;
    overflow: hidden;
}

.top_about .item .card_bg {
    position: absolute;
}

.top_about .item .card_bg img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.top_about .item .card_gradient {
    position: absolute;
    inset: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), color-stop(70%, transparent));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, transparent 70%);
}

.top_about .item .title_block {
    padding-bottom: 10px;
    border-bottom: 3px solid rgba(255, 255, 255, 0.4);
    position: relative;
    z-index: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.top_about .item .title_block::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 0;
    background: #EF878B;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.top_about .item .title_block::after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background-color: #fff;
    -webkit-mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) center/contain no-repeat;
    mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) no-repeat center center/contain;
}

.top_about .item .category {
    font-family: "din-2014", sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
}

.top_about .item .title {
    margin-top: 4px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1.3;
    color: #fff;
}

.top_about .item.item_primary {
    width: 715px;
    clip-path: polygon(0 0, 100% 0, 74.5% 100%, 0 100%);
}

.top_about .item.item_primary a {
    padding: 177px 47px 50px;
    background-color: #E55960;
}

.top_about .item.item_primary .card_bg {
    width: 677px;
    top: 15px;
    left: 15px;
    clip-path: polygon(0 0, 100% 0, 79% 100%, 0 100%);
}

.top_about .item.item_primary .card_bg img {
    aspect-ratio: 677/360;
}

.top_about .item.item_primary .card_gradient {
    clip-path: polygon(0 0, 100% 0, 79% 100%, 0 100%);
}

.top_about .item.item_primary .title_block {
    width: 490px;
}

.top_about .item.item_primary .title_block::after {
    width: 40px;
    height: 40px;
}

.top_about .item.item_primary .category {
    font-size: 22px;
}

.top_about .item.item_primary .title {
    margin-top: -2px;
    font-size: 40px;
}

.top_about .item.item_primary .title .strong {
    font-size: 48px;
}

.top_about .item_block {
    margin: 70px 0 0 -155px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px;
}

.top_about .item_block .item:first-child {
    width: 500px;
    clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
}

.top_about .item_block .item:first-child a {
    padding: 39px 86px 31px;
    background-color: #F2DC52;
}

.top_about .item_block .item:first-child .card_bg {
    width: 461px;
    top: 15px;
    right: 15px;
    clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%);
}

.top_about .item_block .item:first-child .card_bg img {
    aspect-ratio: 461/160;
}

.top_about .item_block .item:first-child .card_gradient {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.62)), color-stop(85%, rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0) 85%);
    clip-path: polygon(11% 0, 100% 0, 100% 100%, 0 100%);
}

.top_about .item_block .item:first-child .title_block {
    width: 375px;
}

.top_about .item_block .item:first-child .title_block::before {
    background: #F2DC52;
}

.top_about .item_block .item:last-child {
    width: 580px;
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
}

.top_about .item_block .item:last-child a {
    padding: 76px 89px 33px;
    background-color: #E29B4D;
}

.top_about .item_block .item:last-child .card_bg {
    width: 541px;
    top: 15px;
    right: 15px;
    clip-path: polygon(11% 0, 100% 0, 100% 100%, 0 100%);
}

.top_about .item_block .item:last-child .card_bg img {
    aspect-ratio: 541/160;
}

.top_about .item_block .item:last-child .card_gradient {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.62)), color-stop(85%, rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0) 85%);
    clip-path: polygon(11% 0, 100% 0, 100% 100%, 0 100%);
}

.top_about .item_block .item:last-child .title_block {
    width: 454px;
}

.top_about .item_block .item:last-child .title_block::before {
    background: #E29B4D;
}

/* PC_business */
.top_business {
    padding-top: 140px;
    background: url(/wp-content/themes/child/image/bg_business.png) no-repeat left top/306px;
    position: relative;
}

.top_business .title_bg {
    position: absolute;
    top: 240px;
    left: 50px;
    z-index: 0;
}

.top_business .wrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 60px;
}

.top_business .content_block {
    padding-bottom: 34px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 442px;
}

.top_business .section_title_number {
    margin-left: -50px;
    position: relative;
    z-index: 1;
}

.top_business .section_title_number .hash {
    color: #00309B;
}

.top_business .section_title {
    margin-top: 13px;
    z-index: 1;
}

.top_business .section_title::after {
    right: 27px;
    bottom: -4%;
    height: 56px;
}

.top_business .title_line {
    padding: 2px 13px 4px 18px;
    display: inline-block;
    background: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 70px;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #1A1A1A;
}

.top_business .title_line_02 {
    margin-top: 10px;
    color: #00309B;
}

.top_business .section_desc {
    margin-top: 20px;
}

.top_business .item_list {
    margin-top: 14px;
    padding: 0;
    max-width: 400px;
}

.top_business .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 20px 0 19px 0;
    border-bottom: 2px solid #D9D9D9;
    color: inherit;
}

.top_business .item a::after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-color: #387BB4;
    -webkit-mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) center/contain no-repeat;
    mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) no-repeat center center/contain;
}

.top_business .title_block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.top_business .category {
    font-family: "din-2014", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #B9B9B9;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.top_business .title {
    margin-top: 4px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1.1;
    color: #1A1A1A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.top_business .image_block {
    margin-right: -50px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 667px;
    position: relative;
    z-index: -1;
}

.top_business .image_block .img {
    display: block;
}

.top_business .image_block img {
    width: 100%;
    aspect-ratio: 662/547;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: brightness(1.08) saturate(0.96);
    filter: brightness(1.08) saturate(0.96);
}

/* PC_recruit */
.top_recruit {
    padding: 140px 0 120px;
    position: relative;
}

.top_recruit .title_bg {
    font-size: 260px;
    position: absolute;
    top: 340px;
    left: 49%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

.top_recruit .wrap {
    padding-bottom: 40px;
    background: url(/wp-content/themes/child/image/bg01_recruit.png) no-repeat left top 45px/100%;
}

.top_recruit .section_title_number {
    margin: 0 auto;
}

.top_recruit .section_title_number .hash {
    color: #826FCC;
}

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

.top_recruit .section_title {
    display: inline-block;
    font-size: 64px;
}

.top_recruit .section_title::after {
    right: 22px;
    bottom: -17%;
    height: 45px;
}

.top_recruit .section_desc {
    margin-top: 20px;
    letter-spacing: 0.02em;
}

.top_recruit .item_list {
    margin: 33px auto;
    display: grid;
    /* grid-template-columns: repeat(2, 1fr); */
    width: 530px;
    gap: 80px;
}

.top_recruit .item:first-of-type {
    position: relative;
}

.top_recruit .item:first-of-type::before {
    content: "";
    width: 74.1px;
    height: 68.9px;
    background: url(/wp-content/themes/child/image/bg02_recruit.png) no-repeat center center/contain;
    position: absolute;
    top: -24px;
    left: -35px;
    z-index: 2;
}

.top_recruit .item:first-of-type .title_block_wrap::before {
    background: #E29B4D;
}

.top_recruit .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.top_recruit .img_wrap {
    position: relative;
    width: 200px;
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.top_recruit .img_wrap::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    pointer-events: none;
    z-index: 1;
}

.top_recruit .img_wrap img {
    width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.top_recruit .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.top_recruit .title_block_wrap {
    padding-bottom: 14px;
    border-bottom: 2px solid #C4C4C4;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}

.top_recruit .title_block_wrap::after {
    content: "";
    display: block;
    margin-bottom: 4px;
    width: 30px;
    height: 30px;
    background: #E29B4D;
    -webkit-mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) center/contain no-repeat;
    mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) no-repeat center center/contain;
}

.top_recruit .title_block_wrap::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 2px;
    width: 0;
    background: #E29B4D;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.top_recruit .item:nth-child(2) .title_block_wrap::after,
.top_recruit .item:nth-child(2) .title_block_wrap::before {
    background-color: #5AA07E;
}

.top_recruit .category {
    font-family: "din-2014", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    color: #B9B9B9;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.top_recruit .title {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #1A1A1A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.top_recruit .description {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.6;
    color: #717171;
}

/* PC_footer */
.entry_contact_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    margin: 13px auto 0;
    max-width: 840px;
    padding: 25px 0;
    background: linear-gradient(155deg, rgba(0, 0, 186, 0.8) 0%, #278DB2 24%, #278DB2 68%, rgba(0, 0, 186, 0.8) 100%);
    border-radius: 10px;
}

.entry_contact_divider {
    width: 0;
    height: 120px;
    margin: 0 29px;
    border-left: 2px dotted rgba(255, 255, 255, 0.6);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.entry_box_frame,
.contact_box_frame {
    padding: 2px;
    border: 2px solid #fff;
    border-radius: 8px;
    background: transparent;
}

.entry_box,
.contact_box {
    width: 342px;
    min-height: 131px;
    padding: 12px 30px 17px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid #278DB2;
    backdrop-filter: blur(20px) brightness(1.5);
}

.entry_box .label,
.contact_box .label {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #1A1A1A;
    text-align: center;
}

.entry_box .button_entry {
    width: 280px;
    margin: 3px auto 0;
}

.entry_box .button_entry a {
    padding: 13px 20px 13px 15px;
    -webkit-box-shadow: 0 7px 0 #002E6F;
    box-shadow: 0 7px 0 #002E6F;
    font-size: 18px;
}

.entry_box .button_entry a::after {
    width: 14px;
    height: 20px;
}

.entry_box .text_block {
    gap: 25px;
}

.entry_box .icon_entry {
    width: 36px;
    height: 36px;
}

.contact_box .tel_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
    color: #1A1A1A;
    text-decoration: none;
}

.contact_box .tel_icon {
    width: 36px;
    height: 36px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.contact_box .tel_icon img {
    width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.contact_box .tel_number {
    font-family: "din-2014", sans-serif;
    font-size: 38px;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
}

.contact_box .business_hours {
    margin-top: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #6F6F6F;
    text-align: center;
}

.footer {
    width: 100%;
    padding-top: 120px;
    background: #1A1A1A;
    color: #FFFFFF;
}

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

.footer .info_block .logo {
    width: 320px;
    margin: 0 auto;
}

.footer .info_block .logo a {
    display: block;
}

.footer .info_block .logo img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.footer .info_block .tagline {
    margin: 50px auto 0;
    width: 524px;
}

.footer .info_block .tagline img {
    display: block;
    width: 100%;
    height: 100%;
}

.footer .info_block .address {
    margin-top: 16px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.03em;
    color: rgba(255, 255, 255, 0.7);
}

.footer .sitemap_block {
    margin-top: 65px;
}

.footer .sitemap_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

.footer .sitemap_item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 208px;
}

.footer .sitemap_item .category_title {
    padding-bottom: 3px;
    line-height: 1.3;
    font-family: "din-2014", sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #6C6C6C;
    border-bottom: 2px dotted #626262;
}

.footer .sitemap_item .link_list {
    margin-top: 18px;
    padding: 0;
}

.footer .sitemap_item .link_list li {
    margin-top: 10px;
}

.footer .sitemap_item .link_list li:first-child {
    margin-top: 0;
}

.footer .sitemap_item .link_list a {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.footer .sitemap_item .link_list a:hover {
    opacity: 0.7;
}

.footer .corporate_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 125px;
}

.footer .corporate_block_left .corporate_label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.03em;
    color: #A0A0A0;
}

.footer .corporate_block_left .corporate_link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.footer .corporate_block_left .corporate_link:hover {
    opacity: 0.7;
}

.footer .corporate_block .external_icon {
    font-size: 12px;
    color: #B4B4B4;
}

.footer .corporate_block_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    text-align: right;
}

.footer .corporate_block_right a {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.03em;
    color: #D5D5D5;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.footer .corporate_block_right a:hover {
    opacity: 0.7;
}

.footer .corporate_block_right .divider {
    font-size: 13px;
    color: #D5D5D5;
}

.footer {
    /* 下部：著作権 */
}

.footer .bottom_bar {
    margin-top: 15px;
    padding: 18px 0 64px;
    border-top: 2px solid #505050;
    text-align: center;
}

.footer .bottom_bar .copyright {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: #D5D5D5;
}

/* フローティングバナー */
.floating_banner {
    position: fixed;
    right: 50px;
    bottom: 0;
    z-index: 10;
    -webkit-transition: bottom 0.3s ease, opacity 0.3s ease;
    transition: bottom 0.3s ease, opacity 0.3s ease;
}

.floating_banner.is_hidden_by_footer {
    opacity: 0;
    pointer-events: none;
}

.floating_banner .banner_outer {
    width: 290px;
    padding: 10px 14px 10px;
    background: linear-gradient(135deg, #0000BA 0%, #278DB2 37.4%, #278DB2 59.1%, #0000BA 100%);
    border-radius: 14px 14px 0 0;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.26);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.26);
}

.floating_banner .banner_header {
    padding-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 40px;
    cursor: pointer;
}

.floating_banner .banner_heading {
    font-family: "din-2014", sans-serif;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #fff;
}

.floating_banner .banner_toggle {
    display: block;
    width: 26px;
    height: 26px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: url(/wp-content/themes/child/image/arrow_bg_white.svg) no-repeat center center/contain;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    cursor: pointer;
}

.floating_banner.is_collapsed .banner_toggle {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.floating_banner .contact_box_frame {
    margin-top: 8px;
    width: 262px;
    padding: 2px;
    border: 2px solid #fff;
    border-radius: 7px;
    background: transparent;
}

.floating_banner .contact_box {
    width: 100%;
    min-height: auto;
    padding: 3px 14px 14px;
    border-radius: 4px;
}

.floating_banner .contact_box .tel_number {
    font-size: 30px;
}

.floating_banner .contact_box .tel_icon {
    width: 30px;
    height: 30px;
}

.floating_banner .contact_box .business_hours {
    margin-top: 3px;
    font-size: 12px;
    color: #6F6F6F;
}

.floating_banner .banner_divider {
    margin: 6px 0;
    border: none;
    border-top: 1.5px dotted #707070;
}

.floating_banner .contact_box .label {
    margin-top: 0;
    font-size: 14px;
}

.floating_banner .button_entry {
    width: 220px;
    margin-top: 1px;
}

.floating_banner .button_entry a {
    padding: 10px 17px 10px 12px;
    -webkit-box-shadow: 0 5px 0 #002E6F;
    box-shadow: 0 5px 0 #002E6F;
    font-size: 16px;
}

.floating_banner .button_entry a::after {
    width: 10px;
    height: 15px;
}

.floating_banner .text_block {
    gap: 13px;
}

.floating_banner .icon_entry {
    width: 30px;
    height: 30px;
}

/* PC下層ページ 共通設定 */
.common_page_main {
    padding: 230px 0 10px;
    overflow: hidden;
    position: relative;
    background: url(/wp-content/themes/child/image/bg_page_fvtitle.png) no-repeat left top 50px/233px;
}

.common_page_main::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/child/image/bg_fv.svg) no-repeat center center/cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.common_page_main .bg_text {
    font-family: "DIN 2014", sans-serif;
    font-size: 280px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
    color: rgba(227, 227, 227, 0.5);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    white-space: nowrap;
    position: absolute;
    top: 140px;
    left: -50px;
    z-index: 0;
}

.common_page_main .wrap {
    z-index: 1;
}

.common_page_main .title {
    display: inline-block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 56px;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1.2;
    color: #fff;
    background-color: #1a1a1a;
    padding: 12px 30px;
    position: relative;
}

.common_page_main .title::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: -15px;
    width: 2px;
    height: 75px;
    background: #B4B4B4;
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
}

.common_page_main .title.sp,
.common_page_main .title .element {
    display: none;
}

.common_page_main .breadcrumb {
    margin-top: 23px;
    font-size: 14px;
    position: relative;
    z-index: 2;
}

.common_page_main .breadcrumb .symbol {
    margin: 0 5px;
}

.common_page_main .breadcrumb .current-item {
    color: #555;
}

.common_page_main .breadcrumb_symbol {
    margin: 0 6px;
    font-size: 14px;
    color: #555;
}

.section_title_number {
    margin: 0 auto;
}

.page_section_title {
    margin: -20px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 58px;
    font-weight: 900;
    letter-spacing: 0.05em;
    color: #1A1A1A;
    text-align: center;
    position: relative;
}

.page_section_title .strong {
    font-size: 62px;
}

.page_section_title::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    z-index: -1;
}

.page_section_subtitle {
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
    color: #555;
    text-align: center;
}

.card_head {
    position: absolute;
    left: 50%;
    padding: 11px 18px;
    background: #2B2B2B;
    color: #fff;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
}

/* PC下層ページ 数字・データで見るLAKIA */
.page_number .common_page_wrap {
    padding: 60px 0 170px;
}

.page_number .everyday_layout {
    margin-top: 84px;
}

.page_number .career .section_title_number .hash {
    font-weight: 700;
    color: #D8780B;
}

.page_number .career .page_section_title::before {
    width: 170px;
    height: 130px;
    left: -115px;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    background: url(/wp-content/themes/child/image/bg01_page_section_title.png) no-repeat center center/100%;
}

.page_number .career .first_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 58px;
}

.page_number .career .second_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 38px;
}

.page_number .career_layout {
    margin-top: 83px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 20px;
}

.page_number .career_card {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    padding: 48px 32px 45px;
}

.page_number .career_card .card_head {
    top: -1px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
}

.page_number .career_card_age .career_age_main {
    padding: 28px;
    background-color: #F7F7F7;
    font-family: "DIN 2014", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page_number .career_card_age .career_age_prefix,
.page_number .career_card_age .career_age_suffix {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 54px;
    font-weight: 900;
    color: #1A1A1A;
    line-height: 1.6;
}

.page_number .career_card_age .career_age_number {
    font-size: 130px;
    font-weight: 800;
    line-height: 0.8;
    letter-spacing: -0.04em;
    color: #E58213;
    margin: 0 5px;
}

.page_number .career_card_age .career_age_list {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    row-gap: 2px;
    font-size: 21px;
    font-weight: 500;
    color: #505050;
    background-image: repeating-linear-gradient(to bottom, #959595 0, #959595 4px, transparent 4px, transparent 8px), repeating-linear-gradient(to bottom, #959595 0, #959595 4px, transparent 4px, transparent 8px), repeating-linear-gradient(to bottom, #959595 0, #959595 4px, transparent 4px, transparent 8px);
    background-repeat: no-repeat;
    background-size: 2px 100%, 2px 100%, 2px 100%;
    background-position: left center, center center, right center;
}

.page_number .career_card_age .career_age_list li {
    margin-left: 45px;
    padding-left: 24px;
    position: relative;
}

.page_number .career_card_age .career_age_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: #505050;
}

.page_number .career_card_jobs .career_jobs_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

@media screen and (max-width: 750px) {
    .page_number .career_card_jobs .career_jobs_grid {
        grid-template-columns: 1fr;
    }
}

.page_number .career_card_jobs .career_job_item {
    position: relative;
    text-align: center;
    padding: 10px 10px 5px;
}

.page_number .career_card_jobs .career_job_item_sales {
    background: #F4F2F2;
}

.page_number .career_card_jobs .career_job_item_service {
    background: #F7F7F7;
}

.page_number .career_card_jobs .career_job_item_office {
    background: #FAFAFA;
}

.page_number .career_card_jobs .career_job_icon {
    display: block;
    width: 28px;
    height: 22px;
    margin: 0 auto 14px;
    mask-image: url(/wp-content/themes/child/image/icon_crown.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(/wp-content/themes/child/image/icon_crown.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.page_number .career_card_jobs .career_job_item_sales .career_job_icon {
    background-color: #E22E37;
}

.page_number .career_card_jobs .career_job_item_service .career_job_icon {
    background-color: #E58213;
}

.page_number .career_card_jobs .career_job_item_office .career_job_icon {
    margin: 0 auto 5px;
    background-color: #E0C304;
}

.page_number .career_card_jobs .career_job_item_sales .career_job_label .element {
    background: #E22E37;
    margin-bottom: 10px;
}

.page_number .career_card_jobs .career_job_item_service .career_job_label .element {
    background: #E58213;
    margin-bottom: 10px;
}

.page_number .career_card_jobs .career_job_item_office .career_job_label .element {
    background: #E0C304;
}

.page_number .career_card_jobs .career_job_item_office .career_job_label .element:nth-of-type(2) {
    margin: -3px 0;
}

.page_number .career_card_jobs .career_job_label {
    font-size: 17px;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: center;
}

.page_number .career_card_jobs .career_job_label .element {
    display: inline-block;
    padding: 3px 6px;
}

.page_number .career_card_jobs .career_job_value {
    font-family: "DIN 2014", sans-serif;
    font-size: 33px;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.page_number .career_card_jobs .career_job_number {
    color: inherit;
    font-size: 56px;
    line-height: 1.2;
}

.page_number .career_card_jobs .career_job_item_sales .career_job_number {
    color: #E22E37;
}

.page_number .career_card_jobs .career_job_item_service .career_job_number {
    color: #E58213;
}

.page_number .career_card_jobs .career_job_item_office .career_job_number {
    color: #E0C304;
}

.page_number .career_card_jobs .career_job_unit {
    color: #1A1A1A;
    font-size: 0.9em;
    margin-left: 3px;
}

.page_number .career_card_jobs .career_jobs_note {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 2px dotted #959595;
    font-size: 14px;
    color: #505050;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-auto-flow: column;
    gap: 2px 24px;
}

.page_number .career_card_jobs .career_jobs_note li {
    padding-left: 20px;
    position: relative;
}

.page_number .career_card_jobs .career_jobs_note li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: #505050;
}

.page_number .career_card_tenure {
    padding: 25px 32px 5px;
}

.page_number .career_card_tenure .career_tenure_inner {
    padding-right: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 13px;
}

@media screen and (max-width: 750px) {
    .page_number .career_card_tenure .career_tenure_inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.page_number .career_card_tenure .career_tenure_legend {
    padding-left: 33px;
    border-left: 2px dotted #959595;
    font-size: 14px;
    color: #1A1A1A;
}

.page_number .career_card_tenure .career_tenure_legend li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.page_number .career_card_tenure .career_tenure_legend li+li {
    margin-top: 4px;
}

.page_number .career_card_tenure .career_tenure_legend li::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #DE4C53;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.page_number .career_card_tenure .career_tenure_legend li:nth-child(2)::before {
    background: #E29E51;
}

.page_number .career_card_tenure .career_tenure_legend li:nth-child(3)::before {
    background: #E6D14A;
}

.page_number .career_card_tenure .career_tenure_legend li:nth-child(4)::before {
    background: #70C69D;
}

.page_number .career_card_tenure .career_tenure_legend li:nth-child(5)::before {
    background: #82AEEB;
}

.page_number .career_card_tenure .career_tenure_legend li:nth-child(6)::before {
    background: #B4AAD9;
}

.page_number .second_block .middle_block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media screen and (max-width: 750px) {
    .page_number .second_block .middle_block {
        grid-template-columns: 1fr;
    }
}

.page_number .career_card_gender,
.page_number .career_card_blood {
    padding: 34px 32px 15px;
}

.page_number .career_card_gender .card_head,
.page_number .career_card_blood .card_head {
    font-size: 22px;
    padding: 8px 10.5px;
}

.page_number .career_card_gender .career_gender_body,
.page_number .career_card_gender .career_blood_body,
.page_number .career_card_blood .career_gender_body,
.page_number .career_card_blood .career_blood_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page_number .career_card_gender .career_gender_pie,
.page_number .career_card_gender .career_blood_pie,
.page_number .career_card_blood .career_gender_pie,
.page_number .career_card_blood .career_blood_pie {
    position: relative;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.page_number .career_card_gender .career_gender_rate,
.page_number .career_card_gender .career_blood_rate,
.page_number .career_card_blood .career_gender_rate,
.page_number .career_card_blood .career_blood_rate {
    font-family: "DIN 2014", sans-serif;
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

.page_number .career_card_gender .career_gender_pie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page_number .career_card_gender .career_gender_label {
    width: 90px;
    position: absolute;
    top: 49%;
    left: 41%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page_number .career_card_gender .career_gender_label img {
    width: 100%;
    aspect-ratio: 89/114;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_number .career_card_blood .career_blood_pie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page_number .career_card_blood .career_blood_item {
    font-size: 14px;
}

.page_number .career_card_blood .career_blood_label {
    width: 127px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page_number .career_card_blood .career_blood_label img {
    width: 100%;
    aspect-ratio: 126/115;
    -o-object-fit: contain;
    object-fit: contain;
}

.page_number .career_card_gender .tenure-chart,
.page_number .career_card_blood .tenure-chart {
    width: 170px;
    height: 170px;
}

.page_number .career_card_family {
    padding: 39px 6px 41px 45px;
}

.page_number .career_card_family .card_head {
    font-size: 22px;
    padding: 8px 10.5px;
}

.page_number .career_card_family .family-graph {
    padding: 10px 0;
    position: relative;
}

.page_number .career_card_family .family-graph::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 55px;
    border-left: 2px solid #A5A5A5;
}

.page_number .career_card_family .bar-row__value {
    text-align: right;
    font-family: "DIN 2014", sans-serif;
    font-size: 14px;
    letter-spacing: -0.02em;
}

.page_number .career_card_family .bar-row__value .bar-row__number {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}

.page_number .career_card_family .bar-row__value .bar-row__unit {
    font-size: 14px;
    font-weight: 800;
    margin-left: 2px;
}

.page_number .tenure-chart {
    position: relative;
    width: 240px;
    height: 240px;
}

.page_number .tenure-chart__svg {
    display: block;
    width: 100%;
    height: 100%;
}

.page_number .chart-segment {
    display: block;
}

.page_number .graph_label_set {
    width: 160px;
    position: absolute;
    top: 48%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page_number .graph_label_set img {
    width: 100%;
    aspect-ratio: 179/168;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_number .bar-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
}

.page_number .bar-row__label {
    width: 48px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 800;
    color: #1A1A1A;
}

.page_number .bar-row__track {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 25px;
    background: #fff;
    overflow: hidden;
}

.page_number .bar-row__fill {
    width: 0;
    height: 100%;
    -webkit-transition: width 1.4s cubic-bezier(0.22, 1, 0.36, 1);
    transition: width 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.page_number .bar-row:nth-child(1) .bar-row__fill {
    background: #E29E51;
}

.page_number .bar-row:nth-child(2) .bar-row__fill {
    background: #E6D14A;
}

.page_number .bar-row:nth-child(3) {
    width: 95%;
}

.page_number .bar-row:nth-child(3) .bar-row__fill {
    background: #D35056;
}

.page_number .career_card_family .bar-row:nth-child(1) {
    width: 80.5%;
}

.page_number .career_card_family .bar-row:nth-child(1) .bar-row__number {
    color: #E29E51;
}

.page_number .career_card_family .bar-row:nth-child(2) {
    width: 32.5%;
}

.page_number .career_card_family .bar-row:nth-child(2) .bar-row__number {
    color: #E6D14A;
}

.page_number .career_card_family .bar-row:nth-child(3) .bar-row__number {
    color: #D35056;
}

.page_number .everyday {
    padding-top: 135px;
}

.page_number .everyday .section_title_number .hash {
    color: #1F7DCC;
}

.page_number .everyday .page_section_title::before {
    width: 215px;
    height: 160px;
    left: -150px;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    background: url(/wp-content/themes/child/image/bg02_page_section_title.png) no-repeat center center/100%;
}

.page_number .everyday .card_head {
    font-size: 28px;
}

.page_number .everyday .first_block {
    gap: 30px;
}

.page_number .everyday .second_block {
    margin-top: 52px;
    gap: 30px;
}

.page_number .everyday .card_commute {
    width: 780px;
    padding: 39px 32px 25px;
}

.page_number .everyday .card_commute .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.page_number .everyday .card_commute .item {
    padding: 128px 0 11.7px;
    position: relative;
}

.page_number .everyday .card_commute .banner {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.page_number .everyday .card_commute .banner img {
    width: 100%;
    aspect-ratio: 23/21;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_number .everyday .card_commute .career_job_value {
    font-family: "DIN 2014", sans-serif;
    font-size: 33px;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-align: center;
    position: relative;
}

.page_number .everyday .card_commute .career_job_number {
    color: inherit;
    font-size: 55px;
    line-height: 1.2;
    margin: 5px 3px 0 0;
}

.page_number .everyday .card_commute .item_short .career_job_number {
    color: #4B72C7;
}

.page_number .everyday .card_commute .item_middle .career_job_number {
    color: #46AF7D;
}

.page_number .everyday .card_commute .item_long .career_job_number {
    color: #806FC1;
}

.page_number .everyday .card_commute .note {
    padding-bottom: 10px;
    font-size: 27px;
    font-weight: 900;
    color: #1A1A1A;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
    background: url(/wp-content/themes/child/image/commute_underline.svg) no-repeat center bottom -10px/auto;
}

.page_number .everyday .card_commute .note .orange {
    color: #E58213;
}

.page_number .everyday .card_commute .note .strong {
    font-size: 47px;
}

.page_number .everyday .card_lunch {
    width: 330px;
    padding: 34px 25px 20px;
}

.page_number .everyday .lunch-graph {
    margin-top: 30px;
    padding: 0 15px;
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.page_number .everyday .lunch-graph .bar-row {
    width: 44px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 0;
}

.page_number .everyday .lunch-graph .bar-row__track {
    width: 100%;
    height: 100%;
    background: transparent;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.page_number .everyday .lunch-graph .bar-row__fill {
    width: 100%;
    height: 0;
    -webkit-transition: height 1.4s cubic-bezier(0.22, 1, 0.36, 1);
    transition: height 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.page_number .everyday .lunch-graph .bar-row:nth-child(1) {
    height: 100%;
}

.page_number .everyday .lunch-graph .bar-row:nth-child(1) .bar-row__fill {
    background: #D35056;
}

.page_number .everyday .lunch-graph .bar-row:nth-child(2) {
    height: 37%;
}

.page_number .everyday .lunch-graph .bar-row:nth-child(2) .bar-row__fill {
    background: #E29E51;
}

.page_number .everyday .lunch-graph .bar-row:nth-child(3) {
    height: 33%;
}

.page_number .everyday .lunch-graph .bar-row:nth-child(3) .bar-row__fill {
    background: #E6D14A;
}

.page_number .everyday .lunch-graph .bar-row:nth-child(4) {
    height: 19%;
}

.page_number .everyday .lunch-graph .bar-row:nth-child(4) .bar-row__fill {
    background: #5FB28A;
}

.page_number .everyday .lunch-graph .bar-row:nth-child(5) {
    height: 5%;
}

.page_number .everyday .lunch-graph .bar-row:nth-child(5) .bar-row__fill {
    background: #7EA4D8;
}

.page_number .everyday .lunch-graph .img {
    width: 100%;
    position: absolute;
    top: -28px;
    left: 0;
}

.page_number .everyday .lunch-graph .img img {
    width: 100%;
    aspect-ratio: 280/282;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_number .everyday .card_alcohol {
    width: 330px;
    padding: 60px 20px 55px;
}

.page_number .everyday .card_alcohol .tenure-chart {
    width: 100%;
    height: 240px;
    margin: 0 auto;
}

.page_number .everyday .card_alcohol .img {
    width: 100%;
    position: absolute;
    top: -13px;
    left: 0;
}

.page_number .everyday .card_alcohol .img img {
    width: 100%;
    height: 100%;
    display: block;
}

.page_number .everyday .card_drink {
    width: 780px;
    padding: 55px 55px 40px;
}

.page_number .everyday .card_drink .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.page_number .everyday .card_drink .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.page_number .everyday .card_drink .item::before {
    content: "";
    width: 100%;
    height: 0;
    border-top: 2px dashed #959595;
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 0;
}

.page_number .everyday .card_drink .item_name {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1.1;
    color: #1A1A1A;
    text-align: center;
}

.page_number .everyday .card_drink .item_name .small {
    font-size: 15px;
}

.page_number .everyday .card_drink .value {
    margin-top: 5px;
    font-family: "DIN 2014", sans-serif;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    text-align: center;
    position: relative;
}

.page_number .everyday .card_drink .icon {
    margin-top: 12px;
}

.page_number .everyday .card_drink .icon img {
    display: block;
    margin: 0 auto;
}

.page_number .everyday .card_drink .unit {
    font-family: "DIN 2014", sans-serif;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #1A1A1A;
    margin-left: 3px;
}

.page_number .everyday .card_drink .item_coffee01 .icon {
    padding-top: 10px;
}

.page_number .everyday .card_drink .item_coffee01 .number {
    font-size: 44px;
    color: #E22E37;
}

.page_number .everyday .card_drink .item_coffee01 .unit {
    font-size: 26px;
}

.page_number .everyday .card_drink .item_coffee02 .icon {
    padding-top: 26px;
}

.page_number .everyday .card_drink .item_coffee02 .number {
    font-size: 38px;
    color: #E58213;
}

.page_number .everyday .card_drink .item_coffee02 .unit {
    font-size: 22px;
}

.page_number .everyday .card_drink .item_tee .icon {
    padding-top: 26px;
}

.page_number .everyday .card_drink .item_tee .number {
    font-size: 38px;
    color: #E0C304;
}

.page_number .everyday .card_drink .item_tee .unit {
    font-size: 22px;
}

.page_number .everyday .card_drink .item_energy .icon {
    padding-top: 45px;
}

.page_number .everyday .card_drink .item_energy .number {
    font-size: 29px;
    color: #46AF7D;
}

.page_number .everyday .card_drink .item_energy .unit {
    font-size: 17px;
}

.page_number .person {
    padding-top: 140px;
}

.page_number .person .section_title_number .hash {
    color: #826FCC;
}

.page_number .person .page_section_title::before {
    width: 190px;
    height: 150px;
    left: -120px;
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%);
    background: url(/wp-content/themes/child/image/bg03_page_section_title.png) no-repeat center center/100%;
}

.page_number .person .value {
    font-family: "DIN 2014", sans-serif;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    text-align: center;
}

.page_number .person .unit {
    font-family: "DIN 2014", sans-serif;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #1A1A1A;
    margin-left: 3px;
}

.page_number .person .person_layout {
    margin-top: 85px;
    gap: 30px;
}

.page_number .person .card_birthplace {
    width: 100%;
    max-width: 560px;
    padding: 12px 32px;
}

.page_number .person .card_birthplace .img {
    width: 100%;
}

.page_number .person .card_birthplace .img img {
    width: 100%;
    aspect-ratio: 124/101;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_number .person .right_block {
    max-width: 550px;
    width: 100%;
}

.page_number .person .upper_block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.page_number .person .card_holiday {
    padding: 35px 10px 20px;
}

.page_number .person .card_holiday .card_head {
    font-size: 22px;
    padding: 8px 12px;
}

.page_number .person .card_holiday .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.page_number .person .card_holiday .item {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page_number .person .card_holiday .item .unit {
    font-size: 23px;
}

.page_number .person .card_holiday .item.item_outdoor {
    background-color: #FFFAFA;
    position: relative;
}

.page_number .person .card_holiday .item.item_outdoor::after {
    content: "：";
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.03em;
    color: #1A1A1A;
    position: absolute;
    top: 50%;
    right: -14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page_number .person .card_holiday .item.item_outdoor .value {
    font-size: 39px;
    color: #E22E37;
}

.page_number .person .card_holiday .item.item_indoor {
    background-color: #F8FBFF;
}

.page_number .person .card_holiday .item.item_indoor .value {
    font-size: 39px;
    color: #4B72C7;
}

.page_number .person .card_holiday .icon {
    width: 60px;
}

.page_number .person .card_holiday .icon img {
    width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_number .person .card_holiday .item_name {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 1;
}

.page_number .person .card_holiday .value {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px dashed #959595;
}

.page_number .person .card_pet {
    padding: 28px 20px 20px;
}

.page_number .person .card_pet .card_head {
    font-size: 22px;
    padding: 8px 12px;
}

.page_number .person .card_pet .tenure-chart {
    width: 166px;
    height: 166px;
    position: relative;
}

.page_number .person .card_pet .pet_label {
    width: 205px;
    position: absolute;
    top: -5px;
    left: 18px;
}

.page_number .person .card_pet .pet_label img {
    width: 100%;
    width: 100%;
    display: block;
}

.page_number .person .card_ceyesight {
    margin-top: 38px;
    padding: 12px;
}

.page_number .person .card_ceyesight .card_head {
    font-size: 22px;
    padding: 8px 12px;
}

.page_number .person .card_ceyesight .item_box {
    padding: 20px 0 20px;
    min-height: 160px;
    background-color: #FAFAFA;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.page_number .person .card_ceyesight .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.page_number .person .card_ceyesight .item:not(:first-child)::before {
    content: "";
    width: 0;
    height: 40px;
    border-left: 2px dashed #959595;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 0;
}

.page_number .person .card_ceyesight .item:not(:last-of-type) {
    padding-top: 10px;
}

.page_number .person .card_ceyesight .text_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page_number .person .card_ceyesight .tag {
    display: inline-block;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
}

.page_number .person .card_ceyesight .number {
    margin-top: 1px;
    display: inline-block;
}

.page_number .person .card_ceyesight .unit {
    font-size: 18px;
}

.page_number .person .card_ceyesight .item_nakedeye .icon {
    width: 79.1px;
}

.page_number .person .card_ceyesight .item_nakedeye .icon img {
    width: 100%;
    aspect-ratio: 79/35;
}

.page_number .person .card_ceyesight .item_nakedeye .tag {
    background-color: #D35056;
}

.page_number .person .card_ceyesight .item_nakedeye .value {
    font-size: 30px;
    color: #E22E37;
}

.page_number .person .card_ceyesight .item_contact .icon {
    width: 62.7px;
}

.page_number .person .card_ceyesight .item_contact .icon img {
    width: 100%;
    aspect-ratio: 63/42;
}

.page_number .person .card_ceyesight .item_contact .tag {
    background-color: #E29E51;
}

.page_number .person .card_ceyesight .item_contact .value {
    font-size: 30px;
    color: #E58213;
}

.page_number .person .card_ceyesight .item_glasses .icon {
    width: 68px;
}

.page_number .person .card_ceyesight .item_glasses .icon img {
    width: 100%;
    aspect-ratio: 68/38;
}

.page_number .person .card_ceyesight .item_glasses .tag {
    background-color: #E6D14A;
}

.page_number .person .card_ceyesight .item_glasses .value {
    font-size: 30px;
    color: #E0C304;
}

.page_number .person .card_ceyesight .item_lasik .icon {
    width: 62.6px;
}

.page_number .person .card_ceyesight .item_lasik .icon img {
    width: 100%;
    aspect-ratio: 63/50;
}

.page_number .person .card_ceyesight .item_lasik .tag {
    background-color: #5FB28A;
}

.page_number .person .card_ceyesight .item_lasik .value {
    font-size: 30px;
    color: #46AF7D;
}

/* PC下層ページ 店舗情報 */
.page_shoplist .item_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
}

.page_shoplist .item {
    position: relative;
}

.page_shoplist .item::before {
    content: "";
    position: absolute;
}

.page_shoplist .item:nth-child(odd) .title_block_wrap::before {
    background: #E29B4D;
}

.page_shoplist .item:nth-child(even) .title_block_wrap::before {
    background-color: #5AA07E;
}

.page_shoplist .item:nth-child(6n+1)::before {
    width: 74.1px;
    height: 68.9px;
    background: url(/wp-content/themes/child/image/bg02_recruit.png) no-repeat center center/contain;
    top: -24px;
    left: -35px;
    z-index: 2;
}

.page_shoplist .item:nth-child(6n+2)::before {
    width: 109.4px;
    height: 113.2px;
    background: url(/wp-content/themes/child/image/bg03_recruit.png) no-repeat center center/contain;
    bottom: -40px;
    left: -30px;
    z-index: -1;
}

.page_shoplist .item:nth-child(6n+4)::before {
    width: 120px;
    height: 90px;
    background: url(/wp-content/themes/child/image/bg02_page_section_title.png) no-repeat center center/cover;
    top: 40px;
    right: -60px;
    z-index: -1;
}

.page_shoplist .item:nth-child(6n+5)::before {
    width: 113px;
    height: 120px;
    background: url(/wp-content/themes/child/image/bg01_recruit_sp.png) no-repeat center center/cover;
    bottom: -20px;
    right: -40px;
    z-index: -1;
}

.page_shoplist .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.page_shoplist .img_wrap {
    position: relative;
    width: 200px;
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.page_shoplist .img_wrap::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    pointer-events: none;
    z-index: 1;
}

.page_shoplist .img_wrap img {
    width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.page_shoplist .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.page_shoplist .title_block_wrap {
    padding-bottom: 12px;
    border-bottom: 2px solid #C4C4C4;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}

.page_shoplist .title_block_wrap::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 2px;
    width: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.page_shoplist .category {
    font-family: "din-2014", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #B9B9B9;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page_shoplist .title {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #1A1A1A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page_shoplist .description {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.6;
    color: #717171;
}

/* PC下層ページ 求める人物像 */
.page-template-page-personality .common_page_main .bg_text {
    font-size: 250px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.page_personality .section_title_number .hash {
    color: #D8780B;
}

.page_personality .list .item_wrap:nth-child(2) .section_title_number .hash {
    color: #1F7DCC;
}

.page_personality .list .item_wrap:nth-child(3) .section_title_number .hash {
    color: #826FCC;
}

.page_personality .list .item_wrap:nth-child(4) .section_title_number .hash {
    color: #46AF7D;
}

.page_personality .list .item_wrap:nth-child(5) .section_title_number .hash {
    color: #4B72C7;
}

.page_personality .list .item_wrap:nth-child(6) .section_title_number .hash {
    color: #D35056;
}

.page_personality .page_section_title::before {
    width: 170px;
    height: 130px;
    left: -115px;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    background: url(/wp-content/themes/child/image/bg01_page_section_title.png) no-repeat center center/100%;
}

.page_personality .personality_lead {
    margin-top: 40px;
    text-align: center;
}

.page_personality .personality_lead_text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.9;
    color: #333;
}

.page_personality .list {
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 36px 32px;
}

.page_personality .item_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0;
}

.page_personality .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    margin-top: 28px;
    position: relative;
    overflow: visible;
    background: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    padding: 48px 32px 40px;
}

.page_personality .item_num {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #2B2B2B;
    color: #fff;
    font-family: "DIN 2014", sans-serif;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    border-radius: 50%;
}

.page_personality .card_head {
    top: -25px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 24px;
}

.page_personality .item_text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.9;
    color: #505050;
}

.page_personality .personality_message {
    margin-top: 60px;
    text-align: center;
}

.page_personality .personality_message_note {
    margin: 0 0 35px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    color: #333;
}

.page_personality .personality_message .bubble_text {
    display: inline-block;
    padding: 11px 35px 35px 60px;
    background: url(/wp-content/themes/child/image/balloon_message.svg) no-repeat center center/auto;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #1A1A1A;
}

.page_personality .personality_message .message {
    margin-top: 6px;
    font-size: 52px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0.07em;
    color: #1A1A1A;
}

.page_personality .personality_message .message_line {
    margin-top: -4px;
    font-size: 52px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0.07em;
    color: #1A1A1A;
}

.page_personality .personality_message .message_line .phrase:first-of-type {
    background: url(/wp-content/themes/child/image/underline_l.svg) no-repeat left -25px bottom -10px/100% 40px;
}

.page_personality .personality_message .message_line .phrase:last-of-type .strong {
    background: url(/wp-content/themes/child/image/underline_s.svg) no-repeat center bottom -10px/100% 38px;
}

.page_personality .personality_message .message_line .strong {
    font-size: 60px;
    color: #00309B;
}

/* PC下層ページ 社風・会社紹介 */
.page_culture .culture_section {
    margin-top: 80px;
}

.page_culture .culture_section:first-child {
    margin-top: 0;
}

.page_culture .culture_section.system .section_title_number .hash {
    color: #D8780B;
}

.page_culture .culture_section.system .page_section_title::before {
    width: 170px;
    height: 130px;
    left: -115px;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    background: url(/wp-content/themes/child/image/bg01_page_section_title.png) no-repeat center center/100%;
}

.page_culture .culture_section.system .list {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.page_culture .culture_section.system .card {
    background: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.page_culture .culture_section.system .card .img {
    width: 100%;
}

.page_culture .culture_section.system .card .img img {
    width: 100%;
    aspect-ratio: 16/10;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_culture .culture_section.system .card .text_block {
    padding: 24px 28px 28px;
}

.page_culture .culture_section.system .card .subtitle {
    font-family: "din-2014", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #B9B9B9;
}

.page_culture .culture_section.system .card .title {
    padding-bottom: 12px;
    margin-bottom: 18px;
    border-bottom: 2px solid #C4C4C4;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #D8780B;
}

.page_culture .culture_section.system .card .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    color: #505050;
}

.page_culture .culture_section.training .section_title_number .hash {
    color: #1F7DCC;
}

.page_culture .culture_section.training .page_section_title::before {
    width: 200px;
    height: 150px;
    left: -140px;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    background: url(/wp-content/themes/child/image/bg02_page_section_title.png) no-repeat center center/100%;
}

.page_culture .culture_section.training .list {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
}

.page_culture .culture_section.training .item {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    padding: 25px 25px 25px 48px;
}

.page_culture .culture_section.training .title_block_wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    margin-bottom: 16px;
}

.page_culture .culture_section.training .title_block_wrap .num {
    position: relative;
    font-family: "DIN 2014", sans-serif;
    font-size: 48px;
    font-weight: 900;
    color: #1F7DCC;
    line-height: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.page_culture .culture_section.training .title_block_wrap .num::after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 0%;
    width: 2px;
    height: 30px;
    background: #2B2B2B;
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
}

.page_culture .culture_section.training .title_block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.page_culture .culture_section.training .img {
    width: 100%;
}

.page_culture .culture_section.training .img img {
    width: 100%;
    aspect-ratio: 10/7;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_culture .culture_section.event .section_title_number .hash {
    color: #826FCC;
}

.page_culture .culture_section.event .page_section_title::before {
    width: 170px;
    height: 130px;
    left: -115px;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    background: url(/wp-content/themes/child/image/bg03_page_section_title.png) no-repeat center center/100%;
}

.page_culture .culture_section.event .card {
    margin-top: 50px;
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    padding: 0;
    overflow: hidden;
}

.page_culture .culture_section.event .img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.page_culture .culture_section.event .img::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    pointer-events: none;
    z-index: 1;
}

.page_culture .culture_section.event .img img {
    width: 100%;
    aspect-ratio: 10/7;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_culture .culture_section.event .text_block {
    padding: 32px 40px 40px 0;
}

.page_culture .culture_section.event .title {
    padding-bottom: 12px;
    margin-bottom: 18px;
    border-bottom: 2px solid #C4C4C4;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1.3;
    color: #826FCC;
}

.page_culture .subtitle_en {
    font-family: "din-2014", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #B9B9B9;
}

.page_culture .title {
    font-size: 26px;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1.3;
    color: #1A1A1A;
}

.page_culture .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    color: #505050;
}

/* PC下層ページ 待遇・福利厚生 */
.page_welfare .welfare .section_title_number .hash {
    color: #1F7DCC;
}

.page_welfare .welfare .page_section_title::before {
    width: 170px;
    height: 130px;
    left: -115px;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    background: url(/wp-content/themes/child/image/bg02_page_section_title.png) no-repeat center center/100%;
}

.page_welfare .welfare .list {
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px 60px;
}

.page_welfare .welfare .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
    position: relative;
}

.page_welfare .welfare .item::before {
    content: "";
    position: absolute;
}

.page_welfare .welfare .item:nth-child(6n+1)::before {
    width: 74.1px;
    height: 68.9px;
    background: url(/wp-content/themes/child/image/bg02_recruit.png) no-repeat center center/contain;
    top: -24px;
    left: -35px;
    z-index: 2;
}

.page_welfare .welfare .item:nth-child(6n+2)::before {
    width: 109.4px;
    height: 113.2px;
    background: url(/wp-content/themes/child/image/bg03_recruit.png) no-repeat center center/contain;
    bottom: -50px;
    left: -35px;
    z-index: -1;
}

.page_welfare .welfare .item:nth-child(6n+4)::before {
    width: 120px;
    height: 90px;
    background: url(/wp-content/themes/child/image/bg02_page_section_title.png) no-repeat center center/cover;
    bottom: -40px;
    right: -40px;
    z-index: 0;
}

.page_welfare .welfare .item:nth-child(6n+5)::before {
    width: 113px;
    height: 120px;
    background: url(/wp-content/themes/child/image/bg01_recruit_sp.png) no-repeat center center/cover;
    bottom: -55px;
    right: -55px;
    z-index: -1;
}

.page_welfare .welfare .img {
    position: relative;
    width: 200px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.page_welfare .welfare .img::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    z-index: 1;
}

.page_welfare .welfare .img img {
    width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
}

.page_welfare .welfare .text_block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px 10px 30px;
}

.page_welfare .welfare .subtitle_en {
    font-family: "din-2014", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #B9B9B9;
}

.page_welfare .welfare .title {
    padding-bottom: 12px;
    margin-bottom: 18px;
    border-bottom: 2px solid #C4C4C4;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #1A1A1A;
}

.page_welfare .welfare .text {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
    color: #505050;
}

/* PC下層ページ インタビュー一覧 */
.page_interview .common_page_wrap {
    padding-block: 100px 150px;
}

.page_interview .interview_cont_sec .list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 80px;
}

.page_interview .interview_cont_sec .list li:first-of-type a::before {
    width: 100px;
    height: 90px;
    background: url(/wp-content/themes/child/image/bg02_recruit.png) no-repeat center center/cover;
    top: -24px;
    left: -35px;
    z-index: 1;
}

.page_interview .interview_cont_sec .list li:first-of-type a .text_box::before {
    background: #E58213;
}

.page_interview .interview_cont_sec .list li:first-of-type a .text_box::after {
    background-color: #E58213;
}

.page_interview .interview_cont_sec .list li:nth-of-type(2) a::before {
    width: 120px;
    height: 125px;
    background: url(/wp-content/themes/child/image/bg03_recruit.png) no-repeat center center/cover;
    bottom: 45px;
    right: -30px;
    z-index: -1;
}

.page_interview .interview_cont_sec .list li:nth-of-type(2) a .text_box::before {
    background: #5AA07E;
}

.page_interview .interview_cont_sec .list li:nth-of-type(2) a .text_box::after {
    background-color: #5AA07E;
}

.page_interview .interview_cont_sec .list li:nth-of-type(3) a::before {
    width: 160px;
    height: 140px;
    background: url(/wp-content/themes/child/image/bg01_recruit_sp.png) no-repeat center center/cover;
    top: -50px;
    right: -50px;
    z-index: -1;
}

.page_interview .interview_cont_sec .list li:nth-of-type(3) a .text_box::before {
    background: #826FCC;
}

.page_interview .interview_cont_sec .list li:nth-of-type(3) a .text_box::after {
    background-color: #826FCC;
}

.page_interview .interview_cont_sec .list li:last-of-type a::before {
    width: 130px;
    height: 100px;
    background: url(/wp-content/themes/child/image/bg02_page_section_title.png) no-repeat center center/cover;
    bottom: 70px;
    right: -60px;
    z-index: 1;
}

.page_interview .interview_cont_sec .list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.page_interview .interview_cont_sec .list li a::before {
    content: "";
    position: absolute;
}

.page_interview .interview_cont_sec .list li a .img {
    margin-block: 0 0.7em;
    overflow: hidden;
}

.page_interview .interview_cont_sec .list li a .img img {
    width: 100%;
    aspect-ratio: 53/30;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.page_interview .interview_cont_sec .list li a .text_box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    padding: 20px 45px 18px 0;
    border-bottom: 2px solid #D9D9D9;
    color: initial;
}

.page_interview .interview_cont_sec .list li a .text_box::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    width: 0;
    background: #387BB4;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.page_interview .interview_cont_sec .list li a .text_box::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 18px;
    width: 30px;
    height: 30px;
    background-color: #387BB4;
    -webkit-mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) center/contain no-repeat;
    mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) no-repeat center center/contain;
}

.page_interview .interview_cont_sec .list li a .text_box .text {
    margin: 0;
    font-family: "din-2014", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #B9B9B9;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.page_interview .interview_cont_sec .list li a .text_box .name {
    margin: 10px 0 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1.1;
    color: #1A1A1A;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.page_interview .interview_cont_sec .list li a .text_box .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 53%;
    background: var(--main-color);
    min-block-size: 60px;
    color: #fff;
    font-size: 18px;
    font-family: "Helvetica", "Arial", sans-serif;
    letter-spacing: 0.08em;
    font-weight: 700;
    padding: 0.5em;
    margin-block: auto 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page_interview .interview_cont_sec .interview_movie {
    padding-top: 160px;
}

.page_interview .interview_cont_sec .interview_movie .page_section_title::before {
    width: 190px;
    height: 150px;
    left: -120px;
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%);
    background: url(/wp-content/themes/child/image/bg03_page_section_title.png) no-repeat center center/100%;
}

.page_interview .interview_cont_sec .interview_movie .page_section_subtitle {
    font-family: "din-2014", sans-serif;
}

.page_interview .interview_cont_sec .interview_movie .video {
    margin: 40px auto 0;
    width: 800px;
    aspect-ratio: 16/9;
}

.page_interview .interview_cont_sec .interview_movie .video iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* PC下層ページ インタビュー詳細 */
.single_interview .common_page_wrap {
    padding-block: 70px 140px;
}

.single_interview .about_sec .inner {
    display: grid;
    grid-template-columns: 515px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.single_interview .about_sec .inner::before {
    content: "";
    width: 170px;
    height: 130px;
    background: url(/wp-content/themes/child/image/bg01_page_section_title.png) no-repeat center center/100%;
    position: absolute;
    bottom: -50px;
    left: 340px;
    z-index: -1;
}

.single_interview .about_sec .img {
    z-index: 0;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}

.single_interview .about_sec .img img {
    width: 100%;
    aspect-ratio: 49/35;
    -o-object-fit: cover;
    object-fit: cover;
}

.single_interview .about_sec .text_box .catch .text {
    clip-path: polygon(15px 0, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
    background-color: var(--main-color);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 22px;
    font-weight: 700;
    margin: 0 auto;
    line-height: 1.5;
    color: #fff;
    padding: 0.3em 1em;
}

.single_interview .about_sec .text_box .catch .text+.text {
    margin-top: 0.5em;
}

.single_interview .cont_sec {
    padding-block: 130px 0;
}

.single_interview .cont_sec .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single_interview .cont_sec .item .text_box .title:before {
    content: "";
    position: absolute;
    z-index: -1;
}

.single_interview .cont_sec .item+.item {
    margin-block: 100px 0;
}

.single_interview .cont_sec .item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.single_interview .cont_sec .item .img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 450px;
    position: relative;
}

.single_interview .cont_sec .item .img img {
    width: 100%;
    aspect-ratio: 37/23;
    -o-object-fit: cover;
    object-fit: cover;
}

.single_interview .cont_sec .item .img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -12px;
    z-index: -1;
}

.single_interview .cont_sec .item:nth-child(odd) .img::before {
    right: -12px;
    background: #599AD0;
}

.single_interview .cont_sec .item:nth-child(even) .img::before {
    left: -12px;
    background: #1F7DCC;
}

.single_interview .cont_sec .item .text_box {
    width: 100%;
}

.single_interview .cont_sec .item .text_box .title {
    padding-bottom: 12px;
    border-bottom: 2px solid #C4C4C4;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #1A1A1A;
    position: relative;
}

.single_interview .cont_sec .item .text_box .text {
    margin: 18px 0 0;
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

.single_interview .cont_sec .item:nth-child(1) .text_box .title:before,
.single_interview .cont_sec .item:nth-child(5) .text_box .title:before {
    width: 110px;
    height: 100px;
    background: url(/wp-content/themes/child/image/bg03_page_section_title.png) no-repeat center center/contain;
    top: 40%;
    left: -55px;
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%);
}

.single_interview .cont_sec .item:nth-child(2) .text_box .title:before {
    width: 110px;
    height: 100px;
    background: url(/wp-content/themes/child/image/bg01_page_section_title.png) no-repeat center center/contain;
    top: 40%;
    left: -55px;
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%);
}

.single_interview .cont_sec .item:nth-child(3) .text_box .title:before {
    width: 110px;
    height: 100px;
    background: url(/wp-content/themes/child/image/bg02_page_section_title.png) no-repeat center center/contain;
    top: -4%;
    left: -60px;
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%);
}

.single_interview .cont_sec .item:nth-child(4) .text_box .title:before {
    width: 110px;
    height: 100px;
    background: url(/wp-content/themes/child/image/bg03_recruit.png) no-repeat center center/contain;
    top: 40%;
    left: 280px;
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%);
}

select.form_select {
    outline: none;
    background: transparent;
    padding: 0.7em 1em;
    width: 25%;
    border: 1.2px solid #a4a4a4;
}

/* PC下層ページ エントリー */
.page_entry .common_contact_form .select_birthday {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page_entry .common_contact_form .select_birthday select {
    width: 25%;
}

.page_entry .common_contact_form .select_birthday .sub {
    margin: 0 20px 0 10px;
}

/* PC下層ページ エントリー(確認画面) */
.page-template-page-entry-confirm .common_page_main .bg_text {
    font-size: 200px;
}

/* PC下層ページ 会社STORY */
.page-template-page-story-company .common_page_main .bg_text {
    font-size: 190px;
}

@media (hover: hover) {
    .header .left a:hover .logo {
        opacity: 0.7;
    }

    .header .nav .item a:hover {
        opacity: 0.7;
    }

    .header .nav .item a:hover::after {
        opacity: 1;
        visibility: visible;
    }

    .header .nav .item.modal:hover .modal_wrap {
        opacity: 1;
        visibility: visible;
    }

    .header .nav .item.modal:hover .text::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .header .nav .dropdown_panel>a:hover {
        opacity: 0.7;
    }

    .footer .info_block .logo a:hover img {
        opacity: 0.7;
    }

    .footer .entry_box .button_entry a:hover {
        -webkit-box-shadow: 0 0 0 #002E6F;
        box-shadow: 0 0 0 #002E6F;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
    }

    .top_about .item a:hover .card_bg img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .top_about .item a:hover .title_block::before {
        width: 100%;
    }

    .top_cta .button_entry a:hover {
        -webkit-box-shadow: 0 0 0 #002E6F;
        box-shadow: 0 0 0 #002E6F;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
    }

    .top_business .item a:hover .title_block {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    .top_business .item a:hover .category,
    .top_business .item a:hover .title {
        color: #1F7DCC;
    }

    .top_recruit .item a:hover .img_wrap img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .top_recruit .item a:hover .title_block_wrap::before {
        width: 100%;
    }

    .top_recruit .item:first-of-type a:hover .category,
    .top_recruit .item:first-of-type a:hover .title {
        color: #E29B4D;
    }

    .top_recruit .item:last-of-type a:hover .category,
    .top_recruit .item:last-of-type a:hover .title {
        color: #5AA07E;
    }

    .floating_banner .button_entry a:hover {
        -webkit-box-shadow: 0 0 0 #002E6F;
        box-shadow: 0 0 0 #002E6F;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    .button a:hover {
        background-color: #00309B;
        color: #fff;
    }

    .page_shoplist .item a:hover .img_wrap img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .page_shoplist .item a:hover .title_block_wrap::before {
        width: 100%;
    }

    .page_shoplist .item:nth-child(odd) a:hover .category,
    .page_shoplist .item:nth-child(odd) a:hover .title {
        color: #E29B4D;
    }

    .page_shoplist .item:nth-child(even) a:hover .category,
    .page_shoplist .item:nth-child(even) a:hover .title {
        color: #5AA07E;
    }

    .page_interview .interview_cont_sec .list li a:hover .img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .page_interview .interview_cont_sec .list li a:hover .text_box::before {
        width: 100%;
    }

    .page_interview .interview_cont_sec .list li a:hover .text_box .text,
    .page_interview .interview_cont_sec .list li a:hover .text_box .name {
        color: #387BB4;
    }

    .page_interview .interview_cont_sec .list li a:hover .text_box .more {
        opacity: 0.7;
    }

    .page_interview .interview_cont_sec .list li:first-of-type a:hover .text_box .text,
    .page_interview .interview_cont_sec .list li:first-of-type a:hover .text_box .name {
        color: #E58213;
    }

    .page_interview .interview_cont_sec .list li:nth-of-type(2) a:hover .text_box .text,
    .page_interview .interview_cont_sec .list li:nth-of-type(2) a:hover .text_box .name {
        color: #5AA07E;
    }

    .page_interview .interview_cont_sec .list li:nth-of-type(3) a:hover .text_box .text,
    .page_interview .interview_cont_sec .list li:nth-of-type(3) a:hover .text_box .name {
        color: #826FCC;
    }
}

@-webkit-keyframes fvSlideUpSp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
    }
}

@keyframes fvSlideUpSp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
    }
}

@-webkit-keyframes fvSlideDownSp {
    0% {
        -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fvSlideDownSp {
    0% {
        -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@media (max-width: 750px) {

    /* PCヘッダーはSPでは非表示、SPブロックを表示 */
    .header.pc {
        display: none !important;
    }

    .sp {
        display: block;
    }

    .wrap {
        max-width: 90%;
    }

    a[href$=".pdf"]::before {
        width: 7vw;
        height: 8vw;
        margin-right: 2.5vw;
    }

    a[href$=".pdf"]:hover {
        text-decoration: underline;
    }

    body {
        font-size: 3.6vw;
    }

    /* SPヘッダー（export_0034：白ピル＋青丸ハンバーガー） */
    #sp_header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        padding: 5.1vw 5.1vw 2.6vw 5.1vw;
        background: transparent;
        z-index: 999;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #sp_header .logo_pill {
        display: inline-block;
        padding: 4.9vw 6.1vw 3vw 7.1vw;
        background: #fff;
        border-radius: 100vh;
        -webkit-box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.2);
        box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.2);
        line-height: 1;
    }

    #sp_header .logo_link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1.3vw;
        text-decoration: none;
        color: #1A1A1A;
    }

    #sp_header .logo_link img {
        display: block;
        height: 3.65vw;
        width: auto;
    }

    #sp_header .logo_sub {
        font-family: "din-2014", sans-serif;
        font-size: 2.6vw;
        font-weight: 600;
        font-style: italic;
        letter-spacing: 0.02em;
        color: #00309B;
    }

    /* SP固定ページ 共通設定 */
    .common_page_main {
        padding-block: 20vw;
    }

    .common_page_main .title_box .title {
        font-size: 5.6vw;
    }

    .common_page_wrap {
        padding: 20vw 0;
    }

    .reserve_text {
        font-size: 6vw;
    }

    /* パンくず */
    .breadcrumb {
        font-size: 3vw;
    }

    /* SP固定ページ お問い合わせ */
    .contact_form_disc {
        margin-block: 0 2em;
    }

    .contact_form_disc .text {
        font-size: 3.6vw;
        margin-block: 0 0.8em;
    }

    .contact_form_disc .caution {
        font-size: 3.1vw;
        letter-spacing: 0.06em;
    }

    .common_contact_form .form_box {
        margin-block: 0 10vw;
    }

    .common_contact_form .form_box dl {
        grid-template-columns: 1fr;
        gap: 0.6em;
    }

    .common_contact_form .form_box dl+dl {
        margin-block: 1.3em 0;
    }

    .common_contact_form .form_box dl dt {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 4.1vw;
        padding-inline: 0;
    }

    .common_contact_form .form_box dl dt .label {
        font-size: 3.1vw;
    }

    .common_contact_form .form_box dl dt::after {
        content: none;
    }

    .common_contact_form input[type=text],
    .common_contact_form input[type=email],
    .common_contact_form #zip {
        font-size: 3.6vw;
    }

    .common_contact_form select {
        width: 100%;
        font-size: 3.6vw;
    }

    .common_contact_form textarea {
        height: 33vw;
        font-size: 3.6vw;
    }

    .radio_btns,
    .checkboxes {
        gap: 0.5em 2.5em;
    }

    .page_contact #btn_wrap button {
        width: 83%;
        line-height: 15.5vw;
        font-size: 4.6vw;
    }

    .page_contact #btn_wrap button[name=submitBack] {
        margin-top: 4vw;
    }

    .mwform-checkbox-field.horizontal-item {
        display: block;
    }

    .page_contact #btn_wrap {
        width: 100%;
        text-align: center;
    }

    .privacy_check_list .mwform-checkbox-field-text {
        font-size: 3.8vw;
        padding-left: 11vw;
    }

    .mw_wp_form .privacy_check_list .horizontal-item {
        margin-right: 4vw;
    }

    .privacy_check_list .hissu {
        padding: 0.3vw 4vw;
    }

    .privacy_check_list {
        margin-bottom: 6vw;
    }

    .privacy_term_detail {
        font-size: 3.4vw;
        margin: 5vw 0;
    }

    .privacy_term_outer {
        width: 96%;
        padding: 5vw 0;
    }

    .privacy_term_outer .privacy_term_inner .main_text {
        font-size: 3.4vw;
        line-height: 1.6;
        margin-bottom: 5vw;
    }

    .privacy_term_outer .privacy_term_inner dl dt {
        font-size: 3.5vw;
        margin-bottom: 1.5vw;
    }

    .privacy_term_outer .privacy_term_inner dl dd {
        font-size: 3.5vw;
        line-height: 1.6;
    }

    .privacy_term_outer .privacy_term_inner dl+dl {
        margin-top: 7vw;
    }

    .privacy_term_detail::after {
        width: 2.5vw;
        margin: 1.5vw auto 0;
    }

    /* サンクスページ */
    .page_contact .thanks_textArea .name {
        font-size: 4vw;
        margin-bottom: 3vw;
    }

    .page_contact .thanks_textArea .contact_text {
        font-size: 3.5vw;
        margin-bottom: 2em;
        width: 100%;
    }

    .page_contact .thanks_textArea .ichiran_link {
        width: 80%;
        line-height: 12vw;
        font-size: 4vw;
    }

    /* ステップバー デザイン */
    .page_contact .progressbar {
        gap: 4.5em;
        margin-block: 0 2.5em;
    }

    .page_contact .progressbar .item {
        font-size: 3.1vw;
    }

    .page_contact .progressbar .item+.item::before {
        width: 5.7vw;
        top: 63%;
        left: -3.3em;
    }

    .page_contact .progressbar .item .mark {
        width: 7.7vw;
        margin: 0 auto 0.4em;
    }

    /* SP固定ページ 404ページ */
    #page_404 .num {
        font-size: 20vw;
        line-height: 1.5;
    }

    #page_404 .text {
        font-size: 3.5vw;
    }

    /* SP投稿ページ アーカイブページ */
    .archive_page_list>article {
        padding-right: 5.1vw;
    }

    .archive_page_list>article .date {
        width: 20.5vw;
    }

    .archive_page_list>article .content_area {
        width: calc(100% - 20.5vw);
    }

    .archive_page_list>article:after {
        width: 1.8vw;
        height: 1.8vw;
    }

    /* SP固定ページ サイトマップ */
    ul#sitemap_list li {
        margin: 0;
    }

    body #sitemap_list li a {
        font-size: 4vw;
        padding: 1vw 2vw;
        line-height: 9vw;
        margin-bottom: 1vw;
    }

    body #sitemap_list li.home-item {
        margin-bottom: 4vw;
    }

    body #sitemap_list {
        padding: 0;
    }

    /* ○○様サイト SP版追加CSS */
    a[href^="tel:"] {
        pointer-events: auto;
    }

    /* 共通設定 */
    body {
        min-width: initial;
    }

    .wrap {
        max-width: 90%;
        width: initial;
    }

    /* 共通パーツ */
    .section_title_number {
        gap: 0.8vw;
        padding: 5.1vw 6.9vw 6.2vw 7.7vw;
        background: url(/wp-content/themes/child/image/balloon_number.svg) no-repeat center center/100%;
        font-size: 6.2vw;
    }

    .section_title_number.reverse {
        padding: 5.1vw 6.9vw 6.2vw 7.7vw;
        background: url(/wp-content/themes/child/image/balloon_number_reverse.svg) no-repeat center center/100%;
    }

    .section_title {
        font-size: 5.1vw;
    }

    .section_title::after {
        height: 9vw;
        right: 3.6vw;
        bottom: -1.8vw;
    }

    .section_title .strong {
        font-size: 6.7vw;
    }

    /* SP_fv */
    .top_fv {
        --fv-item-h: 45.8vw;
        --fv-gap: 2.2vw;
        --fv-slide-distance: calc((var(--fv-item-h) * 3) + (var(--fv-gap) * 3));
        padding: 96.2vw 0 14vw;
        min-height: 570px;
        max-height: initial;
    }

    .top_fv::before {
        height: 216.4vw;
        background: url(/wp-content/themes/child/image/bg_fv_sp.svg) no-repeat center center/cover;
    }

    .top_fv::after {
        content: "";
        width: 100%;
        height: 153.1vw;
        background: url(/wp-content/themes/child/image/deco_fv_sp.png) no-repeat center center/cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .top_fv .wrap {
        max-width: 100%;
        display: block;
    }

    .top_fv .text_block {
        padding: 0;
        width: auto;
    }

    .top_fv .text_block::before {
        content: initial;
    }

    .top_fv .catch_line .box {
        font-size: 11.8vw;
    }

    .top_fv .catch_line .line_01 {
        padding: 2.2vw 6.6vw 2.1vw 5.6vw;
    }

    .top_fv .catch_line .line_01 img {
        height: 11.6vw;
    }

    .top_fv .catch_line .line_02 {
        margin-top: 2.1vw;
    }

    .top_fv .catch_line .line_02 .box {
        padding: 1.3vw 4.6vw 2.6vw 5.4vw;
    }

    .top_fv .catch_line .line_03 {
        margin-top: 2.1vw;
    }

    .top_fv .catch_line .box_blue {
        font-size: 11.3vw;
        padding: 1.8vw 3.5vw 2.8vw 5.6vw;
    }

    .top_fv .catch_line .box_blue::after {
        content: initial;
    }

    .top_fv .sub_copy {
        margin: 3.1vw 0 0 5.1vw;
        font-size: 4.6vw;
    }

    .top_fv .image_collage {
        margin-left: 0;
        width: 100vw;
        height: 100%;
        min-height: initial;
        position: absolute;
        top: 0;
        right: 0;
    }

    .top_fv .image_collage::before {
        content: initial;
    }

    .top_fv .collage_column_wrap {
        position: relative;
        width: 187.2vw;
        height: 109.2vw;
        background: url(/wp-content/themes/child/image/bg_fv_img_sp.png) no-repeat right top/100% 100%;
        top: 0;
        left: -15.1vw;
    }

    .top_fv .collage_column {
        width: 97.4vw;
        overflow: hidden;
        position: absolute;
    }

    .top_fv .collage_column_left {
        height: 109.2vw;
        left: -1vw;
        clip-path: polygon(50% 0%, 91% 0%, 46% 100%, 4% 100%);
    }

    .top_fv .collage_column_left .img_offset01 {
        -o-object-position: left 15vw bottom 0;
        object-position: left 15vw bottom 0;
    }

    .top_fv .collage_column_left .img_offset02 {
        -o-object-position: right 7.7vw top -1.3vw;
        object-position: right 7.7vw top -1.3vw;
    }

    .top_fv .collage_column_left .img_offset03 {
        -o-object-position: right 7.7vw top 0;
        object-position: right 7.7vw top 0;
    }

    .top_fv .collage_column_center {
        height: 123.1vw;
        left: 36.2vw;
        clip-path: polygon(56% 0%, 97% 0%, 46% 100%, 5% 100%);
    }

    .top_fv .collage_column_center .img_offset04 {
        -o-object-position: right -5vw bottom -3vw;
        object-position: right -5vw bottom -3vw;
    }

    .top_fv .collage_column_center .img_offset05 {
        -o-object-position: right 1.3vw top -3.8vw;
        object-position: right 1.3vw top -3.8vw;
    }

    .top_fv .collage_column_center .img_offset06 {
        -o-object-position: right 15.4vw bottom -12.8vw;
        object-position: right 15.4vw bottom -12.8vw;
    }

    .top_fv .collage_column_right {
        height: 140.3vw;
        left: 75.6vw;
        clip-path: polygon(59% 0%, 100% 0%, 43% 100%, 2% 100%);
    }

    .top_fv .collage_column_right .collage_track {
        position: absolute;
        top: -12.8vw;
    }

    .top_fv .collage_column_right .img_offset07 {
        -o-object-position: right 23.1vw bottom -1.3vw;
        object-position: right 23.1vw bottom -1.3vw;
    }

    .top_fv .collage_column_right .img_offset08 {
        -o-object-position: right 12.8vw top -2.6vw;
        object-position: right 12.8vw top -2.6vw;
    }

    .top_fv .collage_column_right .img_offset09 {
        -o-object-position: right 2.6vw top -5.1vw;
        object-position: right 2.6vw top -5.1vw;
    }

    .top_fv .collage_track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: var(--fv-gap);
        will-change: transform;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .top_fv .collage_item {
        width: 97.4vw;
        height: var(--fv-item-h);
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .top_fv .collage_item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
    }

    .top_fv .collage_column_left .collage_track,
    .top_fv .collage_column_right .collage_track {
        -webkit-animation: fvSlideDownSp 30s linear infinite;
        animation: fvSlideDownSp 30s linear infinite;
    }

    .top_fv .collage_column_center .collage_track {
        -webkit-animation: fvSlideUpSp 30s linear infinite;
        animation: fvSlideUpSp 30s linear infinite;
    }

    @-webkit-keyframes fvSlideUpSp {
        0% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        100% {
            -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
            transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        }
    }

    @keyframes fvSlideUpSp {
        0% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        100% {
            -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
            transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        }
    }

    @-webkit-keyframes fvSlideDownSp {
        0% {
            -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
            transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        }

        100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes fvSlideDownSp {
        0% {
            -webkit-transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
            transform: translate3d(0, calc(-1 * var(--fv-slide-distance)), 0);
        }

        100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    /* SP_message */
    .top_message {
        padding: 9.6vw 0 15.4vw;
        position: relative;
    }

    .top_message::before {
        content: "";
        width: 100%;
        height: 135.9vw;
        background: url(/wp-content/themes/child/image/bg_message_sp.png) no-repeat center center/cover;
        position: absolute;
        top: -15.4vw;
        left: 0;
        z-index: 0;
    }

    .top_message .wrap {
        max-width: 90%;
    }

    .top_message .wrap::before {
        content: initial;
    }

    .top_message .title_bg {
        font-size: 23.1vw;
        top: 3.3vw;
        z-index: 1;
    }

    .top_message .headline_block {
        margin-top: 4vw;
    }

    .top_message .bubble_text {
        padding: 6vw 6vw 10vw 10vw;
        background: url(/wp-content/themes/child/image/balloon_message.svg) no-repeat center center/100%;
        font-size: 4.6vw;
        text-align: center;
        position: relative;
        z-index: 1;
    }

    .top_message .title_block {
        margin-top: -3.1vw;
    }

    .top_message .message {
        margin-top: -2vw;
        font-size: 7.2vw;
    }

    .top_message .message_line {
        margin-top: 0;
        text-align: center;
        font-size: 7.2vw;
    }

    .top_message .message_line .phrase:first-of-type {
        background: url(/wp-content/themes/child/image/underline_l_sp.svg) no-repeat left -3vw bottom -3.1vw/100% 9.8vw;
    }

    .top_message .message_line .phrase:last-of-type .strong {
        background: url(/wp-content/themes/child/image/underline_s_sp.svg) no-repeat center bottom -2.8vw/100% 9.7vw;
    }

    .top_message .message_line .phrase .strong {
        font-size: 8.2vw;
    }

    .top_message .divider {
        margin-top: 2vw;
    }

    .top_message .body_block {
        margin-top: 6.2vw;
    }

    .top_message .text {
        margin-top: 2.6vw;
        font-size: 3.6vw;
        line-height: 1.8;
    }

    /* SP_about */
    .top_about {
        padding: 22vw 0 15.4vw;
        overflow-x: clip;
    }

    .top_about::before {
        width: 100%;
        height: 187.9vw;
        background: url(/wp-content/themes/child/image/bg_about_sp.png) no-repeat right top/cover;
        top: -1.3vw;
        right: 0;
    }

    .top_about .title_bg {
        font-size: 20.5vw;
        top: 20vw;
        right: -2.6vw;
    }

    .top_about .section_title_block {
        margin-top: -2vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0.8vw;
    }

    .top_about .section_title {
        font-size: 10.3vw;
    }

    .top_about .section_title::after {
        right: 3.8vw;
        bottom: -1.2vw;
    }

    .top_about .section_title .strong {
        font-size: 11.3vw;
    }

    .top_about .section_title .cut_char {
        display: inline-block;
        margin-right: -0.03em;
        clip-path: polygon(0 0, 103% 0, 66% 100%, 0 100%);
    }

    .top_about .section_desc {
        margin-top: 4.1vw;
        font-size: 3.6vw;
    }

    .top_about .section_title_number {
        margin-left: -5.1vw;
    }

    .top_about .item_list {
        margin-top: 6.2vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .top_about .item .title {
        margin-top: 0;
        font-size: 5.1vw;
    }

    .top_about .item .category {
        font-size: 3.6vw;
    }

    .top_about .item.item_primary {
        width: 100%;
        clip-path: initial;
    }

    .top_about .item.item_primary a {
        padding: 14.9vw 6.7vw 5.6vw;
    }

    .top_about .item.item_primary .card_bg {
        width: 84.6vw;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        clip-path: initial;
    }

    .top_about .item.item_primary .card_bg img {
        aspect-ratio: 33/16;
    }

    .top_about .item.item_primary .card_gradient {
        clip-path: initial;
    }

    .top_about .item.item_primary .title_block {
        width: 100%;
        border-bottom: 0.6vw solid rgba(255, 255, 255, 0.4);
    }

    .top_about .item.item_primary .title_block::after {
        width: 7.7vw;
        height: 7.7vw;
    }

    .top_about .item.item_primary .category {
        font-size: 3.6vw;
    }

    .top_about .item.item_primary .title {
        margin-top: 0.8vw;
        font-size: 5.6vw;
    }

    .top_about .item.item_primary .title .strong {
        font-size: 6.7vw;
    }

    .top_about .item_block {
        margin: 3.8vw 0 0 0;
        width: 100%;
        display: block;
        position: relative;
    }

    .top_about .item_block .item:first-child {
        width: 57.7%;
        clip-path: polygon(0 0, 100% 0, 71% 100%, 0 100%);
    }

    .top_about .item_block .item:first-child a {
        padding: 6.8vw 7.2vw 6vw;
    }

    .top_about .item_block .item:first-child .card_bg {
        width: 87.6%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-51%, -50%);
        transform: translate(-51%, -50%);
        clip-path: polygon(0 0, 100% 0, 71% 100%, 0 100%);
    }

    .top_about .item_block .item:first-child .card_bg img {
        aspect-ratio: 177/140;
    }

    .top_about .item_block .item:first-child .card_gradient {
        clip-path: polygon(0 0, 100% 0, 71% 100%, 0 100%);
    }

    .top_about .item_block .item:first-child .title_block {
        width: 100%;
        border: none;
    }

    .top_about .item_block .item:first-child .title_block::before {
        bottom: -3px;
        left: 0;
        width: 24.4vw;
        height: 0.6vw;
        background: rgba(255, 255, 255, 0.4);
    }

    .top_about .item_block .item:first-child .title_block::after {
        content: initial;
    }

    .top_about .item_block .item:last-child {
        width: 55%;
        clip-path: polygon(32% 0, 100% 0, 100% 100%, 0 100%);
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .top_about .item_block .item:last-child a {
        padding: 13.5vw 7.7vw 5.9vw 15.4vw;
    }

    .top_about .item_block .item:last-child .card_bg {
        width: 86.7%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-49%, -50%);
        transform: translate(-49%, -50%);
        clip-path: polygon(32% 0, 100% 0, 100% 100%, 0 100%);
    }

    .top_about .item_block .item:last-child .card_bg img {
        aspect-ratio: 167/140;
    }

    .top_about .item_block .item:last-child .card_gradient {
        clip-path: polygon(32% 0, 100% 0, 100% 100%, 0 100%);
    }

    .top_about .item_block .item:last-child .title_block {
        width: 100%;
        border: none;
    }

    .top_about .item_block .item:last-child .title_block::before {
        bottom: -3px;
        left: initial;
        right: 0;
        width: 33.8vw;
        height: 0.6vw;
        background: rgba(255, 255, 255, 0.4);
    }

    .top_about .item_block .item:last-child .title_block::after {
        content: initial;
    }

    /* SP_business */
    .top_business {
        padding: 6.4vw 0 15.4vw;
        background: url(/wp-content/themes/child/image/bg_business_sp.png) no-repeat left top 2.6vw/31vw;
        position: relative;
    }

    .top_business .wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0;
    }

    .top_business .title_bg {
        font-size: 20.5vw;
        top: 25.6vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .top_business .content_block {
        max-width: 100%;
        display: contents;
    }

    .top_business .section_title_number {
        margin-left: -5.1vw;
    }

    .top_business .section_title_block {
        margin-top: 4.1vw;
    }

    .top_business .section_title {
        margin-top: -1.3vw;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .top_business .section_title::after {
        height: 10vw;
        right: 2.6vw;
        bottom: -1.2vw;
    }

    .top_business .title_line {
        font-size: 10.8vw;
        padding: 0.8vw 2.3vw 1vw 3.4vw;
    }

    .top_business .title_line_02 {
        margin-top: 2.1vw;
    }

    .top_business .section_desc {
        margin-top: 4.1vw;
        font-size: 3.6vw;
    }

    .top_business .item_list {
        margin-top: 0;
        width: 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .top_business .item a {
        padding: 4.6vw 0 4.3vw 0;
    }

    .top_business .item a::after {
        margin-bottom: -0.8vw;
        width: 7.2vw;
        height: 7.2vw;
    }

    .top_business .category {
        font-size: 3.8vw;
    }

    .top_business .title {
        margin-top: 1.3vw;
        font-size: 5.1vw;
    }

    .top_business .image_block {
        margin: 5.9vw 0 0 -1vw;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 90vw;
    }

    .top_business .image_block img {
        aspect-ratio: 338.2/246;
    }

    /* SP_recruit */
    .top_recruit {
        padding: 1.3vw 0 25.6vw;
    }

    .top_recruit .title_bg {
        font-size: 20.5vw;
        top: 30.8vw;
    }

    .top_recruit .wrap {
        padding-bottom: 0;
        background: url(/wp-content/themes/child/image/bg01_recruit_sp.png) no-repeat left 9vw top 8vw/19vw;
    }

    .top_recruit .section_title_number {
        padding: 5.3vw 7.5vw 7.2vw 7.7vw;
        background: url(/wp-content/themes/child/image/balloon_number_sp.svg) no-repeat center center/100%;
        font-size: 6.2vw;
    }

    .top_recruit .section_title_block {
        margin-top: -4.4vw;
    }

    .top_recruit .section_title {
        font-size: 8.7vw;
        padding: 2.1vw 3.6vw;
    }

    .top_recruit .section_title::after {
        right: 6.7vw;
        bottom: 5%;
        height: 6.2vw;
    }

    .top_recruit .section_desc {
        margin-top: 3.1vw;
        font-size: 3.6vw;
    }

    .top_recruit .item_list {
        margin: 7.8vw auto 0;
        grid-template-columns: 1fr;
        width: 100%;
        gap: 4.4vw;
    }

    .top_recruit .item:first-of-type::before {
        content: initial;
    }

    .top_recruit .item a {
        gap: 4.6vw;
    }

    .top_recruit .img_wrap {
        width: 28.5%;
    }

    .top_recruit .img_wrap::before {
        inset: 1vw;
        border: 2.5px solid rgba(255, 255, 255, 0.5);
    }

    .top_recruit .title_block_wrap {
        padding-bottom: 1.5vw;
    }

    .top_recruit .title_block_wrap::after {
        margin-bottom: 1vw;
        width: 6.2vw;
        height: 6.2vw;
    }

    .top_recruit .category {
        font-size: 3.6vw;
    }

    .top_recruit .title {
        font-size: 4.6vw;
    }

    .top_recruit .description {
        font-size: 3.1vw;
        margin-top: 1.3vw;
    }

    /* SP_footer */
    .entry_contact_block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0;
        margin: 1.5vw 0 0 0;
        padding: 4.6vw 3.5vw;
        background: linear-gradient(135deg, #0000BA 0%, #278DB2 37.4%, #278DB2 59.1%, #0000BA 100%);
        border-radius: 2.5vw;
        -webkit-box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.26);
        box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.26);
    }

    .entry_contact_divider {
        width: 100%;
        height: 0;
        margin: 3vw 0;
        border-left: none;
        border-top: 0.5vw dotted rgba(255, 255, 255, 0.6);
    }

    .entry_box_frame,
    .contact_box_frame {
        width: 100%;
        max-width: 91.8vw;
        border: none;
    }

    .entry_box,
    .contact_box {
        width: 100%;
        max-width: 89.7vw;
        padding: 2.1vw 5.1vw 4.6vw;
        border: none;
        min-height: initial;
    }

    .contact_box {
        padding: 2.1vw 5.1vw 2.1vw;
    }

    .entry_box .label,
    .contact_box .label {
        font-size: 3.8vw;
    }

    .entry_box .button_entry {
        width: 71.8vw;
    }

    .entry_box .button_entry a {
        padding: 2.8vw 5.1vw 2.8vw 3.8vw;
        -webkit-box-shadow: 0 1.5vw 0 #002E6F;
        box-shadow: 0 1.5vw 0 #002E6F;
        font-size: 4.6vw;
    }

    .entry_box .button_entry a::after {
        width: 3.6vw;
        height: 5.1vw;
    }

    .entry_box .text_block {
        gap: 6.4vw;
    }

    .entry_box .icon_entry {
        width: 9.2vw;
        height: 9.2vw;
    }

    .contact_box .tel_block {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 9vw;
        padding: 2.8vw 5.1vw 2.8vw 3.8vw;
        border-radius: 100vh;
        background: #E5EDFA;
        color: #0045A8;
        -webkit-box-shadow: 0 1.5vw 0 #AFC2DD;
        box-shadow: 0 1.5vw 0 #AFC2DD;
        position: relative;
    }

    .contact_box .tel_block::after {
        content: "";
        position: absolute;
        right: 4.6vw;
        top: 50%;
        width: 3.6vw;
        height: 5.1vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #0045A8;
        -webkit-mask-image: url(/wp-content/themes/child/arrow_entry.svg);
        mask-image: url(/wp-content/themes/child/image/arrow_entry.svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center center;
        mask-position: center center;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .contact_box .tel_icon {
        width: 9.2vw;
        height: 9.2vw;
    }

    .contact_box .tel_number {
        margin-top: 1.3vw;
        font-size: 4.6vw;
        font-weight: 900;
        letter-spacing: 0.05em;
    }

    .contact_box .business_hours {
        margin-top: 2.6vw;
        font-size: 3.1vw;
    }

    .footer {
        padding-top: 21vw;
    }

    .footer .wrap {
        max-width: 90%;
    }

    .footer .info_logo {
        margin: 0 auto;
        width: 65.1vw;
    }

    .footer .info_block .address {
        margin-top: 5.1vw;
        font-size: 3.1vw;
    }

    .footer .info_block .tagline {
        margin: 9.7vw auto 0;
        width: 81.5vw;
    }

    .footer .corporate_block {
        margin-top: 11.5vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12vw;
        text-align: center;
    }

    .footer .corporate_block_left .corporate_label {
        font-size: 3.6vw;
    }

    .footer .corporate_block_left .corporate_link {
        margin-top: 0.8vw;
        font-size: 3.6vw;
    }

    .footer .corporate_block_right {
        margin-left: 0;
        gap: 7.7vw;
    }

    .footer .corporate_block_right a {
        font-size: 3.3vw;
    }

    .footer .bottom_bar {
        margin-top: 3.1vw;
        padding: 3.5vw 0 12.8vw;
    }

    .footer .bottom_bar .copyright {
        font-size: 3.1vw;
    }

    /* SP_banner */
    .floating_banner {
        right: 0;
        width: 100%;
    }

    .floating_banner .banner_outer {
        width: 100%;
        padding: 2.6vw 2.4vw 2vw;
        background: linear-gradient(135deg, #0000BA 0%, #278DB2 37.4%, #278DB2 59.1%, #0000BA 100%);
        border-radius: 3.6vw 3.6vw 0 0;
        -webkit-box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.26);
        box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.26);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .floating_banner .banner_header {
        padding: 0 3vw 0 3.6vw;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 0.3vw;
    }

    .floating_banner .banner_heading {
        font-family: "din-2014", sans-serif;
        font-size: 6.2vw;
        font-weight: 800;
        letter-spacing: 0.04em;
        color: #fff;
        line-height: 1.2;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .floating_banner .banner_heading .guide_text.sp {
        margin: 1.5vw 0 0 0.5vw;
        font-size: 3.6vw;
    }

    .floating_banner .banner_header .business_hours {
        margin-top: 0.8vw;
        font-size: 3.1vw;
        color: rgba(255, 255, 255, 0.9);
    }

    .floating_banner .banner_toggle {
        display: none;
    }

    .floating_banner .contact_box_frame {
        margin-top: 0.3vw;
        width: 100%;
        max-width: initial;
        padding: 0.8vw;
        border: 0.6vw solid #fff;
        border-radius: 2.1vw;
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .floating_banner .contact_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        max-width: initial;
        padding: 2.1vw 2vw 2.8vw;
        border-radius: 1.5vw;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(5.1vw);
    }

    .floating_banner .contact_box .business_hours {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0.5vw;
        font-size: 3.1vw;
        text-align: center;
    }

    .floating_banner .contact_box .label {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-top: 0;
        font-size: 3.3vw;
        text-align: left;
    }

    .floating_banner .button_entry {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
    }

    .floating_banner .button_entry a {
        width: 100%;
        max-width: 42.1vw;
        padding: 2.3vw 2.2vw;
        border-radius: 100vh;
        -webkit-box-shadow: 0 1vw 0 #002E6F;
        box-shadow: 0 1vw 0 #002E6F;
        font-size: 3.3vw;
    }

    .floating_banner .banner_divider {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 0;
        height: 10.3vw;
        margin: 0 2.1vw;
        border: none;
        border-left: 0.4vw dotted #707070;
    }

    .floating_banner .contact_box .tel_block {
        margin-top: 0;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        max-width: 42.1vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 3vw;
        padding: 2.3vw 2.2vw;
        border-radius: 100vh;
        background: #E5EDFA;
        color: #0045A8;
        -webkit-box-shadow: 0 1vw 0 #AFC2DD;
        box-shadow: 0 1vw 0 #AFC2DD;
    }

    .floating_banner .contact_box .tel_icon {
        width: 6.7vw;
        height: 6.7vw;
    }

    .floating_banner .contact_box .tel_number {
        display: none;
    }

    .floating_banner .contact_box .tel_block {
        font-size: 3.3vw;
        font-weight: 700;
    }

    .floating_banner .contact_box .tel_block::after {
        content: initial;
    }

    .floating_banner .button_entry .text_block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 2.1vw;
    }

    .floating_banner .icon_entry {
        width: 6.7vw;
        height: 6.7vw;
    }

    .floating_banner .icon_entry img {
        width: 6.7vw;
        height: 6.7vw;
    }

    .floating_banner .button_entry a::after {
        content: initial;
    }

    /* SP固定ページ 共通設定 */
    .common_page_main {
        padding-block: 46.9vw 0;
        margin-block: 0;
        background: url(/wp-content/themes/child/image/bg_page_fvtitle_sp.png) no-repeat left top/100vw;
    }

    .common_page_main::before {
        height: 216.4vw;
        background: url(/wp-content/themes/child/image/bg_fv_sp.svg) no-repeat center center/cover;
    }

    .common_page_main .bg_text {
        font-size: 23.1vw;
        top: 38.5vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .common_page_main .title {
        padding: 1.8vw 3.1vw;
        background-color: #1a1a1a;
        font-size: 7.7vw;
        letter-spacing: 0.05em;
        line-height: 1.2;
    }

    .common_page_main .title::after {
        right: 1vw;
        bottom: -2.6vw;
        width: 0.5vw;
        height: 11vw;
    }

    .common_page_main .title.pc {
        display: none;
    }

    .common_page_main .title.sp {
        display: block;
        padding: 0;
        background-color: transparent;
    }

    .common_page_main .title.sp::after {
        content: initial;
    }

    .common_page_main .title .element {
        display: inline-block;
        padding: 1.8vw 3.1vw;
        background-color: #1a1a1a;
    }

    .common_page_main .title .element:last-of-type {
        margin-top: 1.5vw;
        position: relative;
    }

    .common_page_main .title .element:last-of-type::after {
        content: "";
        position: absolute;
        right: 1vw;
        bottom: -2.6vw;
        width: 0.5vw;
        height: 11vw;
        background: #B4B4B4;
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    .common_page_main .breadcrumb {
        margin-top: 5.9vw;
        font-size: 3.1vw;
    }

    .page_section_title {
        margin: -4.1vw auto 0;
        font-size: 7.2vw;
    }

    .page_section_title .strong {
        font-size: 8.2vw;
    }

    .page_section_subtitle {
        margin-top: 2.1vw;
        font-size: 4.1vw;
    }

    /* SP下層ページ 数字・データで見るLAKIA */
    .page_number .common_page_wrap {
        padding: 7vw 0 15vw;
    }

    .page_number .everyday_layout {
        margin-top: 12.8vw;
    }

    .page_number .career .page_section_title::before {
        width: 28.2vw;
        height: 21.8vw;
        left: -9.5vw;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%);
        background: url(/wp-content/themes/child/image/bg01_page_section_title_sp.png) no-repeat center center/100%;
    }

    .page_number .career .first_block {
        gap: 12.8vw;
    }

    .page_number .career .second_block {
        gap: 12.8vw;
    }

    .page_number .career_layout {
        margin-top: 11vw;
        grid-template-columns: 1fr;
        gap: 12.8vw;
    }

    .page_number .career_card {
        padding: 11.8vw 8.2vw 4.6vw;
    }

    .page_number .career_card .card_head {
        top: 0.5vw;
        padding: 2.8vw 1.8vw;
        font-size: 5.1vw;
    }

    .page_number .career_card_age .career_age_main {
        padding: 0;
        background-color: transparent;
    }

    .page_number .career_card_age .career_age_prefix,
    .page_number .career_card_age .career_age_suffix {
        font-size: 8.7vw;
    }

    .page_number .career_card_age .career_age_number {
        font-size: 20.5vw;
    }

    .page_number .career_card_age .career_age_list {
        row-gap: 0.5vw;
        font-size: 4.1vw;
        background-image: repeating-linear-gradient(to bottom, #959595 0, #959595 1vw, transparent 1vw, transparent 2.1vw);
        background-size: 0.5vw 100%;
        background-position: center center;
    }

    .page_number .career_card_age .career_age_list li {
        margin-left: 0;
        padding-left: 6.2vw;
    }

    .page_number .career_card_age .career_age_list li::before {
        width: 3.8vw;
        height: 3.8vw;
    }

    .page_number .career_card_age .career_age_list li:nth-of-type(3),
    .page_number .career_card_age .career_age_list li:last-of-type {
        margin-left: 5.1vw;
    }

    .page_number .career_card_jobs .career_jobs_grid {
        grid-template-columns: 1fr;
        gap: 5.1vw;
    }

    .page_number .career_card_jobs .career_job_item {
        padding: 2.6vw 2.6vw 1.3vw;
    }

    .page_number .career_card_jobs .career_job_icon {
        width: 7.2vw;
        height: 5.6vw;
        margin: 0 auto 2.6vw;
    }

    .page_number .career_card_jobs .career_job_item_office .career_job_icon {
        margin: 0 auto 2.6vw;
    }

    .page_number .career_card_jobs .career_job_item_sales .career_job_label .element {
        margin-bottom: 0;
    }

    .page_number .career_card_jobs .career_job_item_service .career_job_label .element {
        margin-bottom: 0;
    }

    .page_number .career_card_jobs .career_job_label {
        font-size: 4.1vw;
        margin-bottom: 1.3vw;
    }

    .page_number .career_card_jobs .career_job_value {
        font-size: 7.7vw;
    }

    .page_number .career_card_jobs .career_job_number {
        font-size: 12.8vw;
    }

    .page_number .career_card_jobs .career_jobs_note {
        margin-top: 6vw;
        padding-top: 6vw;
        font-size: 3.6vw;
        grid-template-columns: 1fr;
        grid-template-rows: initial;
        grid-auto-flow: initial;
        gap: 1.3vw;
    }

    .page_number .career_card_jobs .career_jobs_note li {
        padding-left: 5.1vw;
    }

    .page_number .career_card_jobs .career_jobs_note li::before {
        width: 3.1vw;
        height: 3.1vw;
    }

    .page_number .career_card_tenure {
        padding: 6.4vw 7.2vw 5.1vw;
    }

    .page_number .career_card_tenure .career_tenure_inner {
        padding-right: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        gap: 3.3vw;
    }

    .page_number .career_card_tenure .career_tenure_legend {
        width: 100%;
        padding-left: 0;
        border-left: none;
        font-size: 3.6vw;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        grid-auto-flow: column;
        gap: 1.3vw 0;
        background-image: repeating-linear-gradient(to bottom, #959595 0, #959595 1vw, transparent 1vw, transparent 2.1vw);
        background-size: 0.5vw 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .page_number .career_card_tenure .career_tenure_legend li {
        -webkit-column-gap: 2.1vw;
        -moz-column-gap: 2.1vw;
        column-gap: 2.1vw;
    }

    .page_number .career_card_tenure .career_tenure_legend li+li {
        margin-top: 0;
    }

    .page_number .career_card_tenure .career_tenure_legend li::before {
        width: 3.6vw;
        height: 3.6vw;
    }

    .page_number .career_card_tenure .career_tenure_legend li:nth-of-type(4),
    .page_number .career_card_tenure .career_tenure_legend li:nth-of-type(5),
    .page_number .career_card_tenure .career_tenure_legend li:last-of-type {
        margin-left: 3.8vw;
    }

    .page_number .second_block .middle_block {
        grid-template-columns: 1fr;
        gap: 12.8vw;
    }

    .page_number .career_card_gender,
    .page_number .career_card_blood {
        padding: 8.7vw 7.7vw 4.6vw;
    }

    .page_number .career_card_gender .card_head,
    .page_number .career_card_blood .card_head {
        font-size: 4.6vw;
        padding: 2.1vw 2.7vw;
    }

    .page_number .career_card_gender .career_gender_pie,
    .page_number .career_card_gender .career_blood_pie,
    .page_number .career_card_blood .career_gender_pie,
    .page_number .career_card_blood .career_blood_pie {
        width: 43.6vw;
        height: 43.6vw;
    }

    .page_number .career_card_gender .career_gender_label {
        width: 23.1vw;
    }

    .page_number .career_card_blood .career_blood_label {
        width: 32.6vw;
    }

    .page_number .career_card_gender .tenure-chart,
    .page_number .career_card_blood .tenure-chart {
        width: 43.6vw;
        height: 43.6vw;
    }

    .page_number .career_card_family {
        padding: 10.3vw 7.7vw 6.4vw 10.3vw;
    }

    .page_number .career_card_family .card_head {
        font-size: 4.6vw;
        padding: 2.1vw 2.7vw;
    }

    .page_number .career_card_family .family-graph {
        padding: 2.6vw 0;
    }

    .page_number .career_card_family .family-graph::before {
        left: 14.4vw;
    }

    .page_number .career_card_family .bar-row__value {
        font-size: 3.6vw;
    }

    .page_number .career_card_family .bar-row__value .bar-row__number {
        font-size: 5.1vw;
    }

    .page_number .career_card_family .bar-row__value .bar-row__unit {
        font-size: 3.6vw;
    }

    .page_number .tenure-chart {
        width: 61.5vw;
        height: 61.5vw;
    }

    .page_number .graph_label_set {
        width: 41vw;
        top: 48%;
    }

    .page_number .bar-row {
        gap: 2.3vw;
    }

    .page_number .bar-row__label {
        width: 12.3vw;
        font-size: 4.6vw;
    }

    .page_number .bar-row__track {
        height: 6.4vw;
    }

    .page_number .everyday {
        padding-top: 15vw;
    }

    .page_number .everyday .page_section_title::before {
        width: 30.8vw;
        height: 23.1vw;
        left: -10.3vw;
    }

    .page_number .everyday .card_head {
        font-size: 5.1vw;
    }

    .page_number .everyday .first_block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12.8vw;
    }

    .page_number .everyday .second_block {
        margin-top: 12.8vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 17vw;
    }

    .page_number .everyday .card_commute {
        width: 100%;
        padding: 12.3vw 11vw 6.4vw;
    }

    .page_number .everyday .card_commute .grid {
        grid-template-columns: 1fr;
        gap: 6.4vw;
    }

    .page_number .everyday .card_commute .item {
        padding: 41vw 0 7.2vw;
    }

    .page_number .everyday .card_commute .career_job_value {
        font-size: 6.9vw;
    }

    .page_number .everyday .card_commute .career_job_number {
        font-size: 12.8vw;
    }

    .page_number .everyday .card_commute .note {
        margin-top: 5.1vw;
        padding-bottom: 2.6vw;
        font-size: 5.1vw;
        background: url(/wp-content/themes/child/image/commute_underline.svg) no-repeat center bottom -2.6vw/60vw;
    }

    .page_number .everyday .card_commute .note .strong {
        font-size: 9.2vw;
    }

    .page_number .everyday .card_lunch {
        width: 100%;
        padding: 8.7vw 8.5vw 23.1vw;
    }

    .page_number .everyday .lunch-graph {
        margin-top: 7.7vw;
        padding: 0 3.8vw;
        height: 43.6vw;
    }

    .page_number .everyday .lunch-graph .bar-row {
        width: 11.3vw;
    }

    .page_number .everyday .lunch-graph .img {
        top: -8.2vw;
    }

    .page_number .everyday .card_alcohol {
        width: 100%;
        padding: 15.4vw 7.4vw 14.1vw;
    }

    .page_number .everyday .card_alcohol .tenure-chart {
        height: 61.5vw;
    }

    .page_number .everyday .card_alcohol .img {
        top: -4.1vw;
    }

    .page_number .everyday .card_drink {
        width: 100%;
        padding: 14.6vw 5.1vw 5.1vw;
    }

    .page_number .everyday .card_drink .card_head {
        line-height: 1.2;
    }

    .page_number .everyday .card_drink .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 7.7vw 5.1vw;
    }

    .page_number .everyday .card_drink .item::before {
        top: 13.3vw;
    }

    .page_number .everyday .card_drink .item_name {
        font-size: 4.1vw;
    }

    .page_number .everyday .card_drink .item_name .small {
        font-size: 3.6vw;
    }

    .page_number .everyday .card_drink .value {
        margin-top: 1.3vw;
    }

    .page_number .everyday .card_drink .icon {
        margin-top: 5.1vw;
    }

    .page_number .everyday .card_drink .unit {
        margin-left: 0.8vw;
    }

    .page_number .everyday .card_drink .item_coffee01 .icon {
        padding-top: 2.6vw;
        width: 30.8vw;
    }

    .page_number .everyday .card_drink .item_coffee01 .number {
        font-size: 8.2vw;
    }

    .page_number .everyday .card_drink .item_coffee01 .unit {
        font-size: 4.6vw;
    }

    .page_number .everyday .card_drink .item_coffee02 .icon {
        padding-top: 5.1vw;
        width: 25.6vw;
    }

    .page_number .everyday .card_drink .item_coffee02 .number {
        font-size: 7.2vw;
    }

    .page_number .everyday .card_drink .item_coffee02 .unit {
        font-size: 4.1vw;
    }

    .page_number .everyday .card_drink .item_tee .icon {
        padding-top: 3.8vw;
        width: 25.6vw;
    }

    .page_number .everyday .card_drink .item_tee .number {
        font-size: 7.2vw;
    }

    .page_number .everyday .card_drink .item_tee .unit {
        font-size: 4.1vw;
    }

    .page_number .everyday .card_drink .item_energy .icon {
        padding-top: 6.4vw;
        width: 20.5vw;
    }

    .page_number .everyday .card_drink .item_energy .number {
        font-size: 6.2vw;
    }

    .page_number .everyday .card_drink .item_energy .unit {
        font-size: 3.6vw;
    }

    .page_number .person {
        padding-top: 15vw;
    }

    .page_number .person .page_section_title::before {
        width: 30.8vw;
        height: 23.1vw;
        left: -10.3vw;
    }

    .page_number .person .person_layout {
        margin-top: 12.8vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12.8vw;
    }

    .page_number .person .card_head {
        font-size: 5.1vw;
    }

    .page_number .person .card_birthplace {
        width: 100%;
        max-width: initial;
        padding: 4.6vw 5.1vw 3.1vw;
    }

    .page_number .person .right_block {
        max-width: initial;
        width: 100%;
    }

    .page_number .person .upper_block {
        grid-template-columns: 1fr;
        gap: 12.8vw;
    }

    .page_number .person .card_holiday {
        padding: 9vw 2.6vw 5.1vw;
    }

    .page_number .person .card_holiday .card_head {
        font-size: 4.6vw;
    }

    .page_number .person .card_holiday .grid {
        gap: 2.6vw;
    }

    .page_number .person .card_holiday .item {
        padding: 2.6vw;
    }

    .page_number .person .card_holiday .item .unit {
        font-size: 4.6vw;
    }

    .page_number .person .card_holiday .item.item_outdoor::after {
        font-size: 4.1vw;
        right: -3.6vw;
    }

    .page_number .person .card_holiday .item.item_outdoor .value {
        font-size: 7.7vw;
    }

    .page_number .person .card_holiday .item.item_indoor .value {
        font-size: 7.7vw;
    }

    .page_number .person .card_holiday .icon {
        width: 15.4vw;
    }

    .page_number .person .card_holiday .item_name {
        margin-top: 1.3vw;
        font-size: 3.6vw;
    }

    .page_number .person .card_holiday .value {
        margin-top: 2.6vw;
        padding-top: 2.6vw;
    }

    .page_number .person .card_pet {
        padding: 9vw 5.1vw 5.1vw;
    }

    .page_number .person .card_pet .card_head {
        font-size: 4.6vw;
    }

    .page_number .person .card_pet .tenure-chart {
        margin: 0 auto;
        width: 42.6vw;
        height: 42.6vw;
    }

    .page_number .person .card_pet .pet_label {
        width: 52.6vw;
        top: -1.3vw;
        left: 4.6vw;
    }

    .page_number .person .card_ceyesight {
        margin-top: 12.8vw;
        padding: 2.6vw;
    }

    .page_number .person .card_ceyesight .card_head {
        font-size: 4.6vw;
    }

    .page_number .person .card_ceyesight .item_box {
        padding: 7.7vw 0 5.1vw;
        grid-template-columns: repeat(2, 1fr);
        gap: 7.7vw 0;
    }

    .page_number .person .card_ceyesight .item {
        min-height: 26vw;
    }

    .page_number .person .card_ceyesight .item:nth-child(3)::before {
        content: initial;
    }

    .page_number .person .card_ceyesight .item:not(:last-of-type) {
        padding-top: 0;
    }

    .page_number .person .card_ceyesight .text_block {
        gap: 0.5vw;
    }

    .page_number .person .card_ceyesight .tag {
        padding: 0.5vw 2.6vw;
        font-size: 3.3vw;
    }

    .page_number .person .card_ceyesight .unit {
        font-size: 4.1vw;
    }

    .page_number .person .card_ceyesight .item_nakedeye .icon {
        width: 20.3vw;
    }

    .page_number .person .card_ceyesight .item_nakedeye .value {
        font-size: 6.2vw;
    }

    .page_number .person .card_ceyesight .item_contact .icon {
        width: 16.1vw;
    }

    .page_number .person .card_ceyesight .item_contact .value {
        font-size: 6.2vw;
    }

    .page_number .person .card_ceyesight .item_glasses .icon {
        width: 17.4vw;
    }

    .page_number .person .card_ceyesight .item_glasses .value {
        font-size: 6.2vw;
    }

    .page_number .person .card_ceyesight .item_lasik .icon {
        width: 16.1vw;
    }

    .page_number .person .card_ceyesight .item_lasik .value {
        font-size: 6.2vw;
    }

    /* SP下層ページ 店舗情報 */
    .page_shoplist .common_page_wrap {
        overflow-x: clip;
    }

    .page_shoplist .item_list {
        grid-template-columns: 1fr;
        gap: 4.4vw;
    }

    .page_shoplist .item:nth-child(6n+1)::before {
        width: 23.1vw;
        height: 17.9vw;
        top: -7.7vw;
        left: -6vw;
        z-index: -1;
    }

    .page_shoplist .item:nth-child(6n+2)::before {
        width: 20vw;
        height: 20vw;
        bottom: -7vw;
        left: -6vw;
    }

    .page_shoplist .item:nth-child(6n+4)::before {
        width: 25.6vw;
        height: 19.2vw;
        bottom: initial;
        top: -20vw;
        right: initial;
        left: 5vw;
    }

    .page_shoplist .item:nth-child(6n+5)::before {
        width: 25vw;
        height: 20vw;
        bottom: -10vw;
        right: -6vw;
    }

    .page_shoplist .item a {
        gap: 6vw;
    }

    .page_shoplist .img_wrap {
        width: 28.5%;
    }

    .page_shoplist .img_wrap::before {
        inset: 1vw;
        border: 2.5px solid rgba(255, 255, 255, 0.5);
    }

    .page_shoplist .title_block_wrap {
        padding-bottom: 1.5vw;
    }

    .page_shoplist .category {
        font-size: 3.6vw;
    }

    .page_shoplist .title {
        font-size: 4.6vw;
    }

    .page_shoplist .description {
        font-size: 3.1vw;
        margin-top: 1.3vw;
    }

    /* SP下層ページ 求める人物像 */
    .page-template-page-personality .common_page_main .bg_text {
        font-size: 17vw;
        top: 38.5vw;
    }

    .page_personality .page_section_title::before {
        width: 28.2vw;
        height: 21.8vw;
        left: -9.5vw;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%);
        background: url(/wp-content/themes/child/image/bg01_page_section_title_sp.png) no-repeat center center/100%;
    }

    .page_personality .personality_lead {
        margin-top: 6.2vw;
    }

    .page_personality .personality_lead_text {
        font-size: 4.1vw;
    }

    .page_personality .list {
        margin-top: 12.8vw;
        grid-template-columns: 1fr;
        gap: 6vw;
        grid-auto-rows: initial;
    }

    .page_personality .item {
        margin-top: 4.6vw;
        overflow: visible;
        padding: 9vw 6.2vw 6vw;
    }

    .page_personality .item_num {
        width: 11.3vw;
        height: 11.3vw;
        font-size: 5.1vw;
    }

    .page_personality .card_head {
        top: -5vw;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        padding: 2.5vw 3vw;
        font-size: 4.1vw;
    }

    .page_personality .item_text {
        font-size: 3.6vw;
    }

    .page_personality .personality_message {
        margin-top: 10vw;
        text-align: center;
    }

    .page_personality .personality_message_note {
        margin: 0 0 2vw;
        font-size: 4.1vw;
        font-weight: 500;
        line-height: 1.6;
        color: #717171;
    }

    .page_personality .personality_message .bubble_text {
        padding: 4.1vw 5.1vw 10vw 10.3vw;
        background: url(/wp-content/themes/child/image/balloon_message.svg) no-repeat center center/100%;
        font-size: 4.6vw;
    }

    .page_personality .personality_message .message {
        margin-top: -0.5vw;
        font-size: 7.2vw;
    }

    .page_personality .personality_message .message_line {
        margin-top: 0;
        font-size: 7.2vw;
    }

    .page_personality .personality_message .message_line .phrase:first-of-type {
        background: url(/wp-content/themes/child/image/underline_l_sp.svg) no-repeat left -3vw bottom -3.1vw/100% 9.8vw;
    }

    .page_personality .personality_message .message_line .phrase:last-of-type .strong {
        background: url(/wp-content/themes/child/image/underline_s_sp.svg) no-repeat center bottom -2.8vw/100% 9.7vw;
    }

    .page_personality .personality_message .message_line .phrase .strong {
        font-size: 8.2vw;
    }

    /* SP下層ページ 社風・会社紹介 */
    .page_culture .common_page_wrap {
        padding: 10vw 0 15vw;
    }

    .page_culture .culture_section {
        margin-top: 12vw;
    }

    .page_culture .culture_section:first-child {
        margin-top: 0;
    }

    .page_culture .culture_section.system .page_section_title::before {
        width: 28.2vw;
        height: 21.8vw;
        left: -9.5vw;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%);
        background: url(/wp-content/themes/child/image/bg01_page_section_title_sp.png) no-repeat center center/100%;
    }

    .page_culture .culture_section.system .list {
        margin-top: 7vw;
        grid-template-columns: 1fr;
        gap: 8vw;
    }

    .page_culture .culture_section.system .card .img img {
        aspect-ratio: 16/9;
    }

    .page_culture .culture_section.system .card .text_block {
        padding: 5.1vw;
    }

    .page_culture .culture_section.system .card .subtitle {
        font-size: 3.6vw;
    }

    .page_culture .culture_section.system .card .title {
        padding-bottom: 2.6vw;
        margin-bottom: 2.6vw;
        font-size: 5.1vw;
    }

    .page_culture .culture_section.system .card .text {
        font-size: 3.6vw;
    }

    .page_culture .culture_section.training .page_section_title::before {
        width: 28.2vw;
        height: 21.8vw;
        left: -15vw;
    }

    .page_culture .culture_section.training .list {
        margin-top: 8vw;
        gap: 8vw;
    }

    .page_culture .culture_section.training .item {
        padding: 5.1vw;
        grid-template-columns: 1fr;
        gap: 5vw;
    }

    .page_culture .culture_section.training .content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .page_culture .culture_section.training .title_block_wrap {
        gap: 3vw;
        margin-bottom: 4.1vw;
    }

    .page_culture .culture_section.training .title_block_wrap .num {
        font-size: 8.2vw;
    }

    .page_culture .culture_section.training .title_block_wrap .num::after {
        right: 0.5vw;
        bottom: -15%;
        height: 6vw;
    }

    .page_culture .culture_section.training .subtitle_en {
        font-size: 3.1vw;
    }

    .page_culture .culture_section.training .title {
        font-size: 5.1vw;
    }

    .page_culture .culture_section.training .text {
        font-size: 3.6vw;
    }

    .page_culture .culture_section.training .img {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .page_culture .culture_section.training .img img {
        aspect-ratio: 10/6;
    }

    .page_culture .culture_section.event .page_section_title::before {
        width: 26vw;
        height: 21.8vw;
        left: -19vw;
    }

    .page_culture .culture_section.event .card {
        margin-top: 11vw;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .page_culture .culture_section.event .text_block {
        padding: 5.1vw;
    }

    .page_culture .culture_section.event .subtitle_en {
        font-size: 3.6vw;
    }

    .page_culture .culture_section.event .title {
        margin-top: 1vw;
        padding-bottom: 3.1vw;
        margin-bottom: 4.6vw;
        font-size: 5.1vw;
    }

    .page_culture .culture_section.event .text {
        font-size: 3.6vw;
    }

    /* SP下層ページ 待遇・福利厚生 */
    .page_welfare .common_page_wrap {
        overflow-x: clip;
    }

    .page_welfare .welfare .page_section_title::before {
        width: 28.2vw;
        height: 21.8vw;
        left: -15vw;
    }

    .page_welfare .welfare .list {
        margin-top: 8vw;
        grid-template-columns: 1fr;
        gap: 6vw;
    }

    .page_welfare .welfare .item:nth-child(6n+1)::before {
        width: 23.1vw;
        height: 17.9vw;
        top: -7.7vw;
        left: initial;
        right: -4vw;
    }

    .page_welfare .welfare .item:nth-child(6n+2)::before {
        width: 25.6vw;
        height: 25.6vw;
        bottom: 12.8vw;
        left: -6vw;
    }

    .page_welfare .welfare .item:nth-child(6n+4)::before {
        width: 25.6vw;
        height: 19.2vw;
        bottom: initial;
        top: -9vw;
        right: -6vw;
    }

    .page_welfare .welfare .item:nth-child(6n+5)::before {
        width: 30.8vw;
        height: 25.6vw;
        bottom: -10vw;
        right: -6vw;
    }

    .page_welfare .welfare .img {
        width: 25.6vw;
        height: 100%;
    }

    .page_welfare .welfare .img::before {
        inset: 1vw;
    }

    .page_welfare .welfare .img img {
        aspect-ratio: initial;
        height: 100%;
    }

    .page_welfare .welfare .text_block {
        padding: 2.6vw 2.6vw 2.6vw 4.6vw;
    }

    .page_welfare .welfare .subtitle_en {
        font-size: 3.3vw;
    }

    .page_welfare .welfare .title {
        padding-bottom: 2vw;
        margin-bottom: 2vw;
        font-size: 4.1vw;
    }

    .page_welfare .welfare .text {
        font-size: 3.3vw;
    }

    /* PC下層ページ インタビュー一覧 */
    .post-type-archive-interview .common_page_main .bg_text {
        font-size: 20vw;
    }

    .page_interview .common_page_wrap {
        padding-block: 15vw 18vw;
        overflow-x: clip;
    }

    .page_interview .interview_cont_sec .list ul {
        grid-template-columns: 1fr;
        gap: 8vw;
    }

    .page_interview .interview_cont_sec .list li:first-of-type a::before {
        width: 23.1vw;
        height: 17.9vw;
        top: -7.7vw;
        left: -6.4vw;
    }

    .page_interview .interview_cont_sec .list li:nth-of-type(2) a::before {
        width: 25.6vw;
        height: 25.6vw;
        bottom: 12.8vw;
        right: -6.4vw;
    }

    .page_interview .interview_cont_sec .list li:nth-of-type(3) a::before {
        width: 30.8vw;
        height: 25.6vw;
        top: -10.3vw;
        right: -7.7vw;
    }

    .page_interview .interview_cont_sec .list li:last-of-type a::before {
        width: 25.6vw;
        height: 19.2vw;
        bottom: 14.1vw;
        right: -6.4vw;
    }

    .page_interview .interview_cont_sec .list li a .img {
        margin-block: 0;
    }

    .page_interview .interview_cont_sec .list li a .text_box {
        position: relative;
        padding: 4.1vw 11.3vw 3.6vw 0;
        border-bottom: 2px solid #D9D9D9;
    }

    .page_interview .interview_cont_sec .list li a .text_box::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 4.9vw;
        width: 7.2vw;
        height: 7.2vw;
        background-color: #387BB4;
        -webkit-mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) center/contain no-repeat;
        mask: url(/wp-content/themes/child/image/arrow_bg_white.svg) no-repeat center center/contain;
    }

    .page_interview .interview_cont_sec .list li a .text_box .text {
        margin: 0;
        font-family: "din-2014", sans-serif;
        font-size: 3.8vw;
        font-weight: 700;
        line-height: 1.2;
        color: #B9B9B9;
    }

    .page_interview .interview_cont_sec .list li a .text_box .name {
        margin: 1.5vw 0 0;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 5.1vw;
        font-weight: 800;
        letter-spacing: 0.05em;
        line-height: 1.1;
        color: #1A1A1A;
    }

    .page_interview .interview_cont_sec .list li a .text_box .more {
        width: 80%;
        min-block-size: 15.5vw;
        font-size: 4.6vw;
    }

    .page_interview .interview_cont_sec .interview_movie {
        padding-top: 30vw;
    }

    .page_interview .interview_cont_sec .interview_movie .page_section_title::before {
        width: 30.8vw;
        height: 23.1vw;
        left: -10.3vw;
    }

    .page_interview .interview_cont_sec .interview_movie .video {
        margin: 7vw auto 0;
        width: 100%;
    }

    /* SP下層ページ インタビュー詳細 */
    .single-interview .common_page_main .bg_text {
        font-size: 20vw;
    }

    .single_interview .common_page_wrap {
        padding-block: 14vw 18vw;
        overflow-x: clip;
    }

    .single_interview .about_sec .inner {
        grid-template-columns: 1fr;
        gap: 8vw;
    }

    .single_interview .about_sec .inner::before {
        width: 30.8vw;
        height: 20.5vw;
        bottom: initial;
        left: initial;
        top: 37.2vw;
        right: -5.1vw;
    }

    .single_interview .about_sec .img {
        clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
    }

    .single_interview .about_sec .img img {
        aspect-ratio: 69/40;
    }

    .single_interview .about_sec .text_box .catch .text {
        font-size: 4.6vw;
        clip-path: unset;
        background-color: transparent;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2.1vw;
    }

    .single_interview .about_sec .text_box .catch .text+.text {
        margin-top: 2.1vw;
    }

    .single_interview .about_sec .text_box .catch .text .line {
        display: inline-block;
        background-color: var(--main-color);
        color: #fff;
        padding: 0.3em 1em;
        clip-path: polygon(2vw 0, 100% 0%, calc(100% - 2vw) 100%, 0% 100%);
        line-height: 1.5;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .single_interview .cont_sec {
        padding-block: 15vw 0;
    }

    .single_interview .cont_sec .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 7vw;
    }

    .single_interview .cont_sec .item:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .single_interview .cont_sec .item+.item {
        margin-block: 13vw 0;
    }

    .single_interview .cont_sec .item .img {
        width: 100%;
    }

    .single_interview .cont_sec .item .img::before {
        bottom: -3vw;
    }

    .single_interview .cont_sec .item:nth-child(odd) .img::before {
        right: -3vw;
    }

    .single_interview .cont_sec .item:nth-child(even) .img::before {
        left: -3vw;
    }

    .single_interview .cont_sec .item .text_box .title {
        padding-bottom: 2vw;
        font-size: 4.6vw;
    }

    .single_interview .cont_sec .item .text_box .text {
        margin: 2.5vw 0 0;
        font-size: 3.6vw;
    }

    .single_interview .cont_sec .item:nth-child(1) .text_box .title:before,
    .single_interview .cont_sec .item:nth-child(5) .text_box .title:before {
        width: 23.1vw;
        height: 20.5vw;
        top: 90%;
        left: initial;
        right: -12.8vw;
    }

    .single_interview .cont_sec .item:nth-child(2) .text_box .title:before {
        width: 23.1vw;
        height: 20.5vw;
        top: 80%;
        left: initial;
        right: -12.8vw;
    }

    .single_interview .cont_sec .item:nth-child(3) .text_box .title:before {
        width: 25.6vw;
        height: 23.1vw;
        top: 80%;
        left: initial;
        right: -12.8vw;
    }

    .single_interview .cont_sec .item:nth-child(4) .text_box .title:before {
        width: 24.4vw;
        height: 23.1vw;
        top: 55%;
        left: initial;
        right: -6.4vw;
    }

    /* PC下層ページ エントリー */
    .page_entry .common_contact_form .select_birthday .sub {
        margin: 0 2.6vw 0 1.3vw;
    }

    /* PC下層ページ エントリー(確認画面) */
    .page-template-page-entry-confirm .common_page_main .bg_text {
        font-size: 15vw;
    }

    /* PC下層ページ 会社STORY */
    .page-template-page-story-company .common_page_main .bg_text {
        font-size: 14vw;
    }
}