@charset "utf-8";
/*
Theme Name: CoolZoo
Theme URI: 
Author: WACCA DESIGN
Author URI: 
Description: CoolZoo専用テーマ
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coolzoo
Tags: 
*/


/* reset/デフォルトスタイルの設定 */
/* :where(body .is-layout-flow) > *,
:where(.wp-site-blocks) > *  {
    margin-block-start: 0;
}
*/


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

:root{
    /* --header-hight: 60px; */
    --header-hight: 100px;
}

body{
    font-family: var(--wp--preset--font-family--noto-sans-jp);
    --wp--style--root--padding-right: 0;
    --wp--style--root--padding-left: 0;
}

@media (max-width: 999px) {
    :root{
        --header-hight: 60px;
    }
    
}

/* ------------
    リンク
 ------------ */
a{
    display: inline-block;
    transition: background-color .3s, color .3s, border-color .3s, background-image .3s, opacity .3s;
}
a[class="linkBlock"]{
    display: block;
}
/* リンクボタンデフォルト */
.wp-block-button__link:not(.is-style-rightArrow-circle > .wp-block-button__link):hover{
    color: var(--wp--preset--color--white) !important;
    background-color: var(--wp--preset--color--custom-main) !important;
    border-color: var(--wp--preset--color--custom-main) !important;
}
/* タイトルリンク */
.wp-block-post-content .wp-block-post-title > a:hover {
    text-decoration: none;
}
/* ブロックリンク用 */
:has(> .linkBlock){
    position: relative;
    transition: opacity .3s;
}
:has(> .linkBlock):hover{
    opacity: .8;
}
.linkBlock{
    margin-block-start: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

/* ------------
    header
 ------------ */
ol.has-background, ul.has-background {
    padding: 0;
}
header{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}
header + *{
    margin-top: var(--header-hight) !important;
}
@media (min-width:600px) {
    header{
        box-shadow: 0 1px 5px rgba(0, 0, 0, 10%);
    }
}

/* 共通ヘッダー */
header .wp-block-site-logo{
    width: 100% !important;
    display: grid;
    align-items: center;
    height: 100%;
}
/* HOME専用ヘッダー */
.siteLogo{
    display: grid;
    align-items: center;
    height: 100%;
}
.siteLogo > img{
    vertical-align: bottom;
}
@media (max-width: 1024px) {
    .siteLogoWrap{
        flex-basis: min(180px, 45%) !important;
        width: auto !important;
        min-height: var(--header-hight);
    }    
}


/* ナビゲーション：ヘッダー専用 */
.wp-block-navigation.is-style-on-header{
    padding-inline-start: 0;
} 
.wp-block-navigation.is-style-on-header > .wp-block-navigation-item{
    width: calc(100% / 5);
    border-left: 1px solid #e6e6e6;
}
 /* サブメニュー */
.wp-block-navigation.is-style-on-header .wp-block-navigation__submenu-container{
    font-size: calc(15em / 17);
    padding-inline-start: 0;
}
.wp-block-navigation.is-style-on-header .wp-block-navigation__submenu-icon{
    margin-left: auto;
    background: url(assets/images/plus.svg), url(assets/images/plus-white.svg);
    background-repeat: no-repeat;
    background-size: contain,0;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    right: 2em;
    transform: translateY(-50%);
} 
.wp-block-navigation.is-style-on-header .wp-block-navigation__submenu-icon svg{
    display: none;
}
@media (min-width: 1000px){
    nav:has(.is-style-on-header),
    nav:has(.is-style-on-header) :where(.wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog, .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container-content, .wp-block-page-list, .wp-block-navigation__container, .wp-block-navigation-item){
        height: 100%;
    }

    .wp-block-navigation.is-style-on-header > .wp-block-navigation-item{
        position: relative;
        /* padding-right: max(1em, 3%);
        padding-left: max(1em, 3%); */
        height: var(--header-hight);
    }
    .wp-block-navigation.is-style-on-header .wp-block-navigation-item__content {
        align-content: center;
        display: grid;
        width: 100%;
        height: 100%;
        padding-right: max(1.75em, 3%);
        padding-left: max(1.75em, 3%);
    }
    .wp-block-navigation.is-style-on-header .wp-block-navigation-item__content:hover {
        color: var(--wp--preset--color--white);
        background-color: var(--wp--preset--color--custom-main);
    }
    /* .wp-block-navigation.is-style-on-header .wp-block-navigation-item__content:hover + .wp-block-navigation__submenu-icon{
        background-size: 0, contain;
    } */



    /* .wp-block-navigation.is-style-on-header > .wp-block-navigation-item .wp-block-navigation-item__content::after{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    } */

      /* サブメニュー */
    .wp-block-navigation.is-style-on-header .wp-block-navigation__submenu-container .wp-block-navigation-item{
        color:  var(--wp--preset--color--custom-black);
        transition: background-color .3s;
    }
    .wp-block-navigation.is-style-on-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover{
        color: var(--wp--preset--color--white);
        background-color: var(--wp--preset--color--custom-main);

    }
    .wp-block-navigation.is-style-on-header .wp-block-navigation__submenu-container{
        background-color: var(--wp--preset--color--white) !important;
        border-color: #e6e6e6;
        margin-top: -1px;
    }
    .wp-block-navigation.is-style-on-header .wp-block-navigation__submenu-container > .wp-block-navigation-item .wp-block-navigation-item__content{
        padding-top: 1.3em;
        padding-bottom: 1.3em;
    }
    .wp-block-navigation.is-style-on-header .wp-block-navigation__submenu-container > .wp-block-navigation-item + .wp-block-navigation-item{
        border-top: 1px solid #e6e6e6;
    }
}
@media (max-width: 999px) {
    .wp-block-navigation__container{
        width: 100%;
    }

    .wp-block-navigation.is-style-on-header > .wp-block-navigation-item,
    .wp-block-navigation.is-style-on-header .wp-block-navigation__submenu-container > .wp-block-navigation-item{
        align-items: flex-start;
        text-align: left;
        border-top: 1px solid #e6e6e6;
    } 
    .wp-block-navigation.is-style-on-header > .wp-block-navigation-item{
        width: 100%;
        border-left: none;
    }
    .wp-block-navigation.is-style-on-header > .wp-block-navigation-item:last-of-type{
        border-bottom: 1px solid #e6e6e6;
    }

    .wp-block-navigation.is-style-on-header .wp-block-navigation__submenu-container > .wp-block-navigation-item{
        padding-left: 1em;
    }

        /* ハンバーガー内リンク */
        .is-style-on-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content,
    .wp-block-navigation.is-style-on-header .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
        padding: 1em 1em 1em 0;
        width: 100%;
        position: relative;
    }
    .is-style-on-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content::after,
    .wp-block-navigation.is-style-on-header .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after{
        content: "";
        display: block;
        width: .7em;
        height: .7em;
        border: 2px solid var(--wp--preset--color--custom-main);
        border-left: 0;
        border-bottom: 0;
        position: absolute;
        top: 50%;
        right: .5em;
        transform: translateX(-25%) rotate(45deg) translateY(-50%);
    }
    
    .wp-block-navigation.items-justified-right{
        --navigation-layout-justification-setting: flex-start;
        --navigation-layout-justify: flex-start;
    }
       
}


/* ハンバーガーメニューのデフォルトブレイクポイント（600px）を変更 */
@media (min-width: 1000px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}


/* ハンバーガーメニュー */
    /* 開くボタン */
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{
    width: var(--header-hight);
    height: var(--header-hight);
    background: url(assets/images/menu.png) no-repeat center / cover;
}
 .wp-block-navigation__responsive-container-open svg {
    display: none;
}

    /* 閉じるボタン*/
.wp-block-navigation__responsive-container-close svg{
    width: 43px;
    height: 43px;
    fill: var(--wp--preset--color--custom-black);

}
    /* 閉じるボタン　位置 */
.wp-block-navigation__responsive-container-close{
    top: 10px;
    right: 0;
    transform: translateX(70%);
}
    /* open時　color */
.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
    color: var(--wp--preset--color--custom-black);
    padding: 0 max(1.5em, 10%);
}
    /* サブメニュー */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
    padding: 0;
    width: 100%;

}
    /* アイテム間余白 */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list.is-style-on-header > .wp-block-pages-list__item{
    padding: 1em 0;
}


/* ------------
    footer
 ------------ */
footer{
    position: relative;
}
footer a{
    transition: opacity .2s;
}
footer a:hover{
    opacity: .7;
}

.topBtn{
    position: absolute;
    bottom: 20%;
    right: 20px;
    z-index: 100;
}

@media (max-width: 781px) {
    .topBtn{
        bottom: 5px;
    }   
    .footer_siteLogo{
        width: min(180px, 42%);
    }
}

/* ------------
    パンくずリスト
 ------------ */
 .breadcrumbs a{
    text-decoration: none;
 }
.breadcrumbs a:hover{
    color: var(--wp--preset--color--custom-main);
}

@media (max-width: 600px) {
    .breadcrumbs{
        display: none;
    }   
}

/* ------------
    一覧ページ
 ------------ */
 /* カテゴリー一覧へのボタン */
.categoryPageLink > .wp-block-button__link{
    width: auto !important;
    min-width: 6em;
    padding: 4px .9em !important;
}
body[class~="term-press"] .categoryPageLink > .wp-block-button__link[href$="press/"],
body[class~="term-news"] .categoryPageLink > .wp-block-button__link[href$="category/news/"]{
    color: var(--wp--preset--color--white) !important;
    background: var(--wp--preset--color--custom-main);
}
.wp-block-post a:hover{
    opacity: .8;
}
.wp-block-post-terms .wp-block-post-terms__separator{
    color: transparent;
}

/* ページネーション */
.page-numbers{
    padding: 5px 5px 10px 5px;
    margin-right: 1.2em;
    margin-left: 1.2em;
    position: relative;
}
.page-numbers::after{
    content: "";
    display: block;
    width: 1.45em;
    height: 3px;
    background-color: var(--wp--preset--color--custom-main);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) scale(0);
    transition: transform .2s;
}
.page-numbers.current,
.page-numbers:hover{
    color: var(--wp--preset--color--custom-main);
}
.page-numbers.current::after,
.page-numbers:hover::after{
    transform: translateX(-50%) scale(1);
}
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous{
    position: relative;
    width: 1.6em;
    height: 1.6em;
}
.wp-block-query-pagination-next::before,
.wp-block-query-pagination-previous::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain,0;
}
.wp-block-query-pagination-next:hover::before,
.wp-block-query-pagination-previous:hover::before{
    background-size: 0,contain;
}

.wp-block-query-pagination-next::before{
    background-image: url("assets/images/arrow-right-circle-green.svg"),url("assets/images/arrow-right-circle-bg-green.svg");
}
.wp-block-query-pagination-previous::before{
    background-image: url("assets/images/arrow-left-circle-green.svg"),url("assets/images/arrow-left-circle-bg-green.svg");
}
.wp-block-query-pagination-next > .wp-block-query-pagination-next-arrow.is-arrow-arrow,
.wp-block-query-pagination-previous > .wp-block-query-pagination-previous-arrow.is-arrow-arrow{
    display: none;
}


/* :where(body .is-layout-flow) > * {
    margin-block-start: 0;
} */
:where(body .is-layout-flow) > .wp-block-spacer, /* スペーサー */
:where(.wp-site-blocks) > footer, /* footer */
.wp-block-page-list-is-layout-flow > * { /* ナビゲーション */
    margin-block-start: 0;
}
:where(body .is-layout-grid),
:where(body .is-layout-flex) {
    gap: 0;
}


/* ------------
    投稿：インタビュー
 ------------ */
.taxonomy-interviewcategory.has-custom-main-color > a{
    background-color: unset !important;
}
.noLink{
    pointer-events: none;
}

/* ------------
    採用情報 子ページ
 ------------ */
.merit_doco{
    position: relative;
}
.merit_doco img{
    position: absolute;
    width: 20% !important;
}
.merit_doco img:first-of-type{
    left: -3%;
    top: 50%;
    transform: translateY(-50%);
}
.merit_doco img:nth-of-type(2){
    right: -3%;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 599px){
    .merit_doco{
        padding-right: 10% !important;
        padding-left: 10% !important;
        padding-bottom: 6%;
    }
    
    .merit_doco img{
        width: 100px !important;
    }
    .merit_doco img:first-of-type{
        top: 100%;
        transform: translateY(-50%);
    }
    .merit_doco img:nth-of-type(2){
        top: 100%;
        transform: translateY(-50%);
    }
    
}

.toInterview{
    position: relative;
}
.toInterviewLink{
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
}
.toInterviewLink > img{
    position: absolute;
    bottom: 13px;
    right: 20px;
}
.toInterviewLink:hover{
    background-color: #ffffff47;
}
/* ------------
    採用情報ページ
 ------------ */
.bg-contain img{
    object-fit: contain !important;
} 

@media (max-width: 799px) {
    .bg-contain img{
        opacity: 0;
    } 
}
@media (max-width: 781px){
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.training_item{
        flex-basis: min(72%, 280px) !important;
        flex-grow: 0;
        margin: auto;
    }
}
@media (max-width: 599px) {
    .jobInfo_heading{
        flex-basis: 270px !important;
    }
    .jobInfo_headingImg{
        width: 270px !important;
    }
}

/* ------------
    プライバシーポリシーページ
 ------------ */
body[class^="privacy-policy"] main ul:not(.is-style-add-check),
body[class^="privacy-policy"] main ol:not(.is-style-add-check){
    padding-inline-start: .5em;
    list-style: none;
}

body[class^="privacy-policy"] main ul:not(.is-style-add-check) li{
    display: flex;
}

body[class^="privacy-policy"] main ul:not(.is-style-add-check) li::before {
    content: "●";
    font-size: .59em;
    line-height: 3.8;
    color: var(--wp--preset--color--custom-main); ;
    border-radius: 50%;
    margin-right: .7em;
}

body[class^="privacy-policy"] main ol:not(.is-style-add-check) li{
    counter-increment: cnt;
    display: flex;
}

body[class^="privacy-policy"] main ol:not(.is-style-add-check) li::before {
    content: "("counter(cnt)")";
    color: var(--wp--preset--color--custom-main);
    margin-right: 1em;
}


/* ------------
    block：スタイルによるカスタマイズ 
 ------------ */
:root{
    --btn-width: 260px;
}
/* カラム・ブロック:自動marginなし */
:is(.wp-block-columns, .wp-block-group).is-style-no-margin{
    margin-block-start: 0;
}
/* 区切り線:デフォルト */
.wp-block-separator.has-background:not(.is-style-dots) {
    height: 2px
}
/* ボタン:デフォルト */
.wp-block-button .wp-block-button__link {
    width: var(--btn-width);
}
.wp-block-button .wp-block-button__link.is-style-outline, .wp-block-button.is-style-outline>.wp-block-button__link {
    border-width: 1px;
}
/* ボタン:右矢印 */
.wp-block-button.is-style-rightArrow .wp-block-button__link{
    padding-right: 3.5em;
    position: relative;
    width: var(--btn-width);    
}
.wp-block-button.is-style-rightArrow .wp-block-button__link::before{
    content: "";
    display: block;
    width: .9em;
    aspect-ratio: 16 / 12;
    background: url("assets/images/arrow-right.svg") no-repeat center / contain;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
}
.wp-block-button.is-style-rightArrow .wp-block-button__link.has-custom-main-color::before{
    background-image: url("assets/images/arrow-right-green.svg")
}
.wp-block-button.is-style-rightArrow .wp-block-button__link:hover::before{
    background-image: url("assets/images/arrow-right-white.svg")
}

@media (max-width: 781px) {
    .wp-block-button.is-style-rightArrow .wp-block-button__link{
        padding-top: 1.25em;
        padding-bottom: 1.25em;
    } 
}
/* ボタン:囲み右矢印 */
:is(.wp-block-button).is-style-rightArrow-circle .wp-block-button__link{
    border: none;
    padding-right: 3em;
    position: relative;
    min-width: var(--btn-min-width);

    width: unset;
}
:is(.wp-block-button).is-style-rightArrow-circle .wp-block-button__link::before{
    content: "";
    display: block;
    width: 1.8em;
    aspect-ratio:  1;
    background: url("assets/images/arrow-right-circle.svg") no-repeat center / contain;
    position: absolute;
    top: 50%;
    right: .5em;
    transform: translateY(-50%);
}

/* ボタン:囲み左矢印 */
.wp-block-button.is-style-leftArrow-circle .wp-block-button__link{
    width: auto;
    border: none;
    padding-left: 1.7em;
    position: relative;
    min-width: var(--btn-min-width);
}
.wp-block-button.is-style-leftArrow-circle .wp-block-button__link::before{
    content: "";
    display: block;
    width: 1.3em;
    aspect-ratio:  1;
    background: url("assets/images/arrow-right-circle.svg") no-repeat center / contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.wp-block-button.is-style-leftArrow-circle .wp-block-button__link:hover{
   background-color: transparent !important;
   color: inherit !important;
    opacity: .8;
}

/* ボタン:輪郭 */
.wp-block-button.is-style-outline .wp-block-button__link{
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
}

/* 投稿リンク:ボタンデザイン */
:is(.wp-block-post-navigation-link).is-style-is-btn > a, /* editor */
:is(.post-navigation-link-next, .post-navigation-link-previous).is-style-is-btn > a{ /* page */
    background-color: var(--wp--preset--color--transparent);
    border-top-color: currentColor;
    border-top-width: 2px;
    border-top-style: solid;
    border-right-color: currentColor;
    border-right-width: 2px;
    border-right-style: solid;
    border-bottom-color: currentColor;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-left-color: currentColor;
    border-left-width: 2px;
    border-left-style: solid;
    color: var(--wp--preset--color--custom-black);
    line-height: 1.5;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    border-radius: 9999px;
    width: var(--btn-width);
}
:is(.wp-block-post-navigation-link).is-style-is-btn > a:hover, /* editor */
:is(.post-navigation-link-next, .post-navigation-link-previous).is-style-is-btn > a:hover{ /* page */
    color: var(--wp--preset--color--white);
    background-color: var(--wp--preset--color--custom-main);
}
/* リスト:checkマーク付き */
ul.is-style-add-check {
    list-style-type: none;
    padding-inline-start: 0;
}
ul.is-style-add-check > li{
    padding-left: 3.3em;
    padding-right: 1em;
    position: relative;
}
ul.is-style-add-check > li::before{
    content: "";
    display: block;
    width: 1.4em;
    aspect-ratio:  1;
    background: url("assets/images/check.svg") no-repeat center / contain;
    position: absolute;
    top: 0;
    left: 1.2em;
    transform: translateY(7%);
}
/* リスト項目:border-bottom付き */
li.is-style-add-border-bottom {
    border-bottom: 1px solid var(--wp--preset--color--grey);
    padding-bottom: 1.2em;
    margin-top: 1.2em;
}
/* アコーディオンパネル項目:テーマデザイン 丸 */
.wp-block-details.is-style-is-theme-design-rounded > summary {
    padding: .9em 2em 1em;
    background-color: transparent;
    border: 2px solid currentColor;
    border-radius: 9999px;
    color: var(--wp--preset--color--custom-main);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 700;
    list-style: none;
    position: relative;
}
.wp-block-details.is-style-is-theme-design-rounded > summary::after{
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: url("assets/images/arrow-right-green.svg") no-repeat center / contain;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%) rotate(90deg);
}
.wp-block-details.is-style-is-theme-design-rounded[open] > summary::after{
    transform: translateY(-50%) rotate(270deg);
}

/* アコーディオンパネル項目:テーマデザインー角丸　右矢印付き*/
.wp-block-details.is-style-is-theme-design-rounded-corners > summary{
    padding: .7em 2em;
    background-color: transparent;
    border: 1px solid var(--wp--preset--color--custom-main);
    border-radius: 15px;
    color: var(--wp--preset--color--custom-black);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 700;
    list-style: none;
    position: relative;
}
.wp-block-details.is-style-is-theme-design-rounded-corners > summary::after{
    content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
    background: url("assets/images/arrow-left-circle-bg-green.svg") no-repeat center / contain;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%) rotate(-90deg);
}
.wp-block-details.is-style-is-theme-design-rounded-corners[open] > summary::after{
    transform: translateY(-50%) rotate(-270deg);
}
@media (max-width: 781px) {
    .wp-block-details.is-style-is-theme-design-rounded-corners > summary{
        padding: .7em 2.5em .7em .7em;
    }
    .wp-block-details.is-style-is-theme-design-rounded-corners > summary::after{
        right: .5em;
    }
}

/* カラム：モバイル逆順 */
@media (max-width: 781px) {
    .wp-block-columns.is-style-reverse {
      flex-direction: column-reverse;
    }
}

/* 固定ページリスト：フッター専用 */
.wp-block-navigation__container.is-style-on-footer{
    list-style-type: none;
    padding-inline-start: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
} 
.wp-block-navigation__container.is-style-on-footer  > .wp-block-navigation-item{
    border-left: 1px solid var(--wp--preset--color--custom-beige);
    padding: 2.7em 1.4em 3.5em;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
}
.wp-block-navigation__container.is-style-on-footer .wp-block-navigation-item__link{
    margin-bottom: 1em;
}
.wp-block-navigation__container.is-style-on-footer .wp-block-navigation__container__submenu-container{
    font-size: calc(13em / 17);
    list-style-type: none;
    padding-inline-start: 0;
}
@media (max-width: 781px) {
    .wp-block-navigation__container.is-style-on-footer{
        grid-template-columns: 1fr;
    } 
    .wp-block-navigation__container.is-style-on-footer  > .wp-block-navigation-item{
        border-left: none;
        border-top: 1px solid var(--wp--preset--color--custom-beige);
        padding: 1.2em 1em 0 1.2em;
    }        
}

 /* サブメニューの幅　親と同じに */
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
    width: 100% !important;
}
    /* .is-style-on-footer .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=false]~.wp-block-navigation__submenu-container {
    height: auto;
    min-width: 200px;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    width: auto
} */
.is-style-on-footer .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    position: static;
    opacity: 1;
    height: auto;
    width: 100% !important;
    min-width: unset !important;
    visibility: visible;
    border: none;
    color: inherit;
    margin-bottom: 1em;
}
.is-style-on-footer .wp-block-navigation-item__content{
    margin-bottom: 1.3em;
}
.is-style-on-footer .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
    font-size: calc(13em / 17);
    padding: 0;
    margin-bottom: 1.1em;
}

@media (max-width: 781px) {
    .is-style-on-footer .wp-block-navigation-item__content{
        width: 100%;
    }
}






/* 固定ページリスト：ヘッダー専用 */
/* .wp-block-page-list.is-style-on-header{
    padding-inline-start: 0;
} 
.wp-block-page-list.is-style-on-header > .wp-block-pages-list__item{
    width: calc(100% / 5);
    border-left: 1px solid var(--wp--preset--color--custom-beige);
}
.wp-block-page-list.is-style-on-header .wp-block-navigation__submenu-container{
    font-size: calc(15em / 17);
    padding-inline-start: 0;
}
nav:has(.is-style-on-header) .wp-block-navigation__submenu-icon{
    margin-left: auto;
    background: url(assets/images/plus.svg) no-repeat center / contain;
    width: 1em;
    height: 1em;
} 
nav:has(.is-style-on-header) .wp-block-navigation__submenu-icon svg{
    display: none;
}
@media (max-width: 599px) {
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list.is-style-on-header > .wp-block-pages-list__item,
    .wp-block-page-list.is-style-on-header .wp-block-navigation__submenu-container > .wp-block-pages-list__item{
        align-items: flex-start;
        text-align: left;
    } 
    .wp-block-page-list.is-style-on-header > .wp-block-pages-list__item{
        width: 100%;
        border-left: none;
    }
} */



/* メインビジュアル */
.mv{
    min-height: 760px;
    position: relative;
}

.mv_txtWrap .wp-block-cover__inner-container{
	    z-index: 1;
}

.mv_txt{
    width: fit-content;
}

.mv_slider{
    width: 60%;
    position: absolute;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.mv .eedee-gutenslider-nav{
    display: none !important;
}
.mv .wp-block-eedee-block-gutenslider .swiper-pagination-bullet{
    margin: 0 10px !important;
}
.mv .wp-block-eedee-block-gutenslider .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--wp--preset--color--custom-main)
}


@media (max-width: 960px) {
    .mv{
        min-height: 650px;
        position: relative;
    }  
    .mv_slider{
        width: 100%;
        bottom: unset;
        top: 0;
    }  
    .mv_txtWrap{
        align-items: flex-end;
        padding-bottom: 13% !important;
    }
    .mv_txt > *{
        font-size: 28px !important;
    }
}

@media (max-width: 599px) {
    .mv{
        min-height: 470px;
    }  
    .mv_txtWrap{
        padding-bottom: 6% !important;
        padding-left: 3% !important;
    }
    .mv_txt > *{
        font-size: 23px !important;
    }
    .eedee-gutenslider-pagination{
        display: none !important;
    }
}

/* CTA */
@media (max-width: 781px) {
    .ctaBtn{
        min-height: 230px !important;
    }
    .ctaBtn_heading{
        font-size: 3rem !important;
    }
     
}
.ctaBtn_heading > img{
    width: .8em !important;
}

/* 採用情報 */
@media (max-width: 781px) {
    .recruitLink{
        min-height: 200px;
    }
    .recruitLink .wp-block-cover{
        min-height: 100% !important;
    }
    .recruitLink .wp-block-heading{
        font-size: 1.25rem !important;
    }
    .recruitLink .wp-block-heading + p{
        font-size: 1rem !important;
    }
    .recruitLink img{
        width: 40px;
    }
}


/* ------------
    お問い合わせページ
 ------------ */
.formLink{
    font-size: clamp(1.438rem, 1.147rem + 1.241vw, 2rem);
}
.formLink .smb-items__banner__title img{
    margin-top: 10px;
    width: 1.4em !important;
}

ul.is-dot-main{
    padding-inline-start: 1em;
}
ul.is-dot-main li::marker{
    color: var(--wp--preset--color--custom-main);
}



/* ------------
    会社案内ページ：test
 ------------ */
 @media (max-width: 500px) {
    body[class~="page-id-12"] .entry-content .wp-block-cover{
        height: 200px !important;
        min-height: unset !important;
    }
 }