@charset "UTF-8";

/* SP
----------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    :root {
        /* ヘッダーの高さ */
        --header-height: 18.23vw;
    }
    /* page */
    .wrapper {
        min-width: 0;
        overflow: visible;
    }

    /* main */
    .main {
        margin-bottom: 44.271vw;
    }

    /*** 横スクロール ***/
    .scroll {
        overflow: auto;
        white-space: nowrap;
    }
    .js-scroll {
    position: relative;
    overflow-x: auto;
    }
    /* 陰の調整 */
.js-scroll.scroll-hint {
  position: relative;
  overflow-x: auto;
}

/* ScrollHint標準の背景影は消す */
.js-scroll.scroll-hint.is-left-scrollable,
.js-scroll.scroll-hint.is-right-scrollable,
.js-scroll.scroll-hint.is-left-scrollable.is-right-scrollable {
  background: none;
}

/* 影レイヤー */
.js-scroll .scroll-shadow-layer {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 10;
  pointer-events: none;
}

/* 影本体 */
.js-scroll .scroll-shadow {
  position: absolute;
  top: 0;
  width: 24px;
  height: var(--scroll-shadow-height, 100px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}

.js-scroll .scroll-shadow--left {
  left: 0;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.18) 0,
    rgba(0, 0, 0, 0) 100%
  );
}

.js-scroll .scroll-shadow--right {
  right: 0;
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0.18) 0,
    rgba(0, 0, 0, 0) 100%
  );
}

/* 自前クラスで影を出す */
.js-scroll.has-left-shadow .scroll-shadow--left {
  opacity: 1;
}

.js-scroll.has-right-shadow .scroll-shadow--right {
  opacity: 1;
}

/* inner　デバイスのモニター幅に納めるコンテナ */
    .inner,
    .inner-1400,
    .inner-1200,
    .inner-1100,
    .inner-1080,
    .inner-1000,
    .inner-960,
    .inner-700 {
        /* padding: 0 3%;  デバイスのモニター幅に納めるコンテナ */
        width: 100%;
        max-width: unset;
        /* padding: 0 2.604vw;  */
        /* 20px */
        padding: 0 5.209vw; /* 40px */
        box-sizing: border-box;

    }

    /*===wrap===*/
    .section-wrap + .section-wrap{
        margin-top: 26.042vw; /*200px*/
    }
    .clm-wrap + .clm-wrap{
        margin-top: 19.531vw; /*150px*/
    }

    .mt-100{
        margin-top: 13.021vw;
    }
    .mt-60{
        margin-top: 10.417vw; /*80px*/
    }
    .mt-40{
        margin-top: 7.813vw; /*60px*/
    }
    .mt-20{
        margin-top: 2.604vw; /*40px*/
    }

    .mb-120{
        margin-bottom: 19.531vw;/*150px*/
    }
    .mb-100{
        margin-bottom: 15.625vw;/*120px*/
    }
    .mb-80{
        margin-bottom: 13.021vw;/*100px*/
    }
    .mb-60{
        margin-bottom: 10.417vw; /*80px*/
    }
    .mb-40{
        margin-bottom: 7.813vw; /*60px*/
    }
    .mb-20{
        margin-bottom: 5.208vw; /*40px*/
    }
    /*===パンくず===*/
    .breadcrumb {
        padding: 1.302vw 0 19.531vw;
    }
    .breadcrumb .inner{
        /* padding: 0 2.604vw;  */
        /* 20px */
        padding: 0 5.209vw; /* 40px */
    }
    .breadcrumb li {
        font-size: 3.125vw;
        margin-right: 1.53vw;
    }
    .breadcrumb li::before {
        margin: 0 2.73vw 0 0;
    }

    /*** main ***/
    .main.inner {
        padding: 0 0 0 0;
    }
    .main-cont-01,
    .main-cont-02 {
        float: none;
        width: auto;
    }
    .main-cont-01 {
        margin: 0 0 50px 0;
    }

    /*================
    タイトル・テキスト系
    ================*/
    /*===タイトル===*/
    .ttl1{
        font-size: 8.333vw;
    }
    .ttl-en{
        font-size: 3.385vw;
    }
    .ttl2-en{
        font-size: 9.766vw;
    }
    .ttl2-jp{
        font-size: 3.646vw;
    }
    .ttl3{
        font-size: 6.51vw;
    }
    .ttl4{
        font-size: 5.208vw;
    }
    .ttl-ob{
        padding: 3.907vw 0;
        margin-bottom: 10.417vw; /*80px*/
    }
    .ttl3.ttl-ob::before {
        left: -5.209vw;
        right: 0;
        border-radius: 0 0 2.604vw 0;
        width: calc((100% + 5.209vw));
    }
    .page-ttl{
        font-size: 9.766vw;
    }
    .ttl5 {
        padding: 13.021vw 0 13.021vw;
    }
    .ttl5-wrap{
        margin-bottom: 19.532vw;
    }
    .ttl5-wrap::before {
        right: 0;
        left: -5.209vw;
        border-bottom-right-radius: 13.021vw;
    }
    .ttl5 .ttl {
        font-size: 8.464vw;
        line-height: 125%;
        padding-right: 5.209vw;
    }
    .ttl5 .ttl:has(+.txt) {
        margin-bottom: 7.813vw;
    }
    .ttl5 .txt {
        font-size: 3.646vw;
        line-height: 150%;
        padding-right: 5.209vw;
    }
    .txt6{
        font-size: 3.646vw;
    }

    /*===テキスト===*/
    .txt01{
        font-size: 3.646vw;
    }
    .txt02{
        font-size: 3.646vw;
        line-height: 200%;
    }
    .txt03{
        font-size: 2.605vw;
    }
    .txt04{
        font-size: 3.646vw;
    }
    .txt02 + .txt02{
        margin-top: 2em;
    }
    .copy01 {
        font-size: 7.292vw;
        margin-bottom: 7.813vw;
    }
    .copy02 {
        font-size: 5.208vw;
    }
    .copy03{
        font-size: 4.428vw;
    }

    /*================
    メインビジュアル
    ================*/
    .mv-wrap-01 .ttl-wrap{
        padding: 6.185vw 0;
    }
    .mv-wrap-02 .ttl-wrap{
        padding: 6.185vw 0;
    }
    .mv-wrap-03{
        display: flex;
        align-items: center;
        height: 62.5vw;
        padding: 0 5.209vw;
        box-sizing: border-box;
        border-radius: 10.417vw 0 10.417vw 0;
        background: url('https://picsum.photos/2000/800')no-repeat center/cover;
    }
    .mv-wrap-03 .inner,
    .mv-wrap-03 .inner-1400{
        width: 100%;
        padding: 0;
    }
    .mv-wrap-03 .ttl-wrap{
        display: flex;
        flex-direction: column;
        gap: 3.906vw 0;
    }


    /*================
    リンク・ボタン
    ================*/
    /*リンク*/
    .link-01 a {
        gap: 0 2.604vw;
        font-size: 3.646vw;
    }
    .link-02 a {
        gap: 0 1.04vw;
    }
    /* ボタン */
    .btn-01 a,
    .btn-01 button {
        font-size: 3.646vw;
        border-radius: 2.605vw 0 2.605vw 0;
        padding: 3.256vw 3.907vw;
        min-width: 62.5vw;
    }
    .btn-01 .arrow2,
    .btn-01 .link-ex {
        width: 3.907vw;
        height: 3.907vw;
        right: 2.604vw;
    }
    .btn-01 .arrow2 > svg {
        /* width: 2.604vw; */
        /* height: 1.172vw; */
        vertical-align: top;
    }

    /*================
    リスト
    ================*/
    .list-01>li {
        /* display: flex; */
        flex-direction: column;
        gap: 3.907vw 0;
        /* border-bottom: 1px solid #D9D9D9; */
        padding-bottom: 5.209vw;
        margin-bottom: 5.209vw;
    }
    .list-01>li .list-ttl {
        /* font-weight: 600; */
        width: initial;
    }
    .list-01>li .list-cnt {
        /* flex: 1; */
    }
    .list-01>li .list-cnt>*+* {
        /* margin-top: 1em; */
    }
    .list-04 > li {
        padding-left: 5.729vw;   /* 24px丸 + 20px余白 */
        text-indent: -5.729vw;
    }
    .list-04 > li::before {
        width: 3.125vw;
        height: 3.125vw;
        margin-right: 2.604vw;
        vertical-align: baseline;
    }
    /* 太字 */
    .list-05 dt{
        padding-right: 2.604vw;
    }
    /* 沿革 */
    .list-06>li {
        padding-bottom: 5.209vw;
    }
    .list-06>li+li {
        margin-top: 5.209vw;
    }
    .list-06 .list-ttl {
        font-size: 3.646vw;
    }
    .list-06 .list-ttl+.list-cnt {
        margin-top: 3.907vw;
    }
    /*================
    枠
    ================*/
    .box-01{
        padding: 7.813vw 5.208vw;
    }
    .box-02{
        padding: 7.813vw 5.208vw;
    }
    .box-04 {
        padding: 4.688vw 8.855vw;
    }
    /*================
    フレックス
    ================*/
    .flex-wrap-01 {
        flex-direction: column;
        gap: 7.813vw;
    }
    .flex-wrap-01 .flex-cnt-01{
        width: 100%;
    }

    .flex-wrap-02 {
        flex-direction: column;
        gap: 7.813vw;
    }
    .flex-wrap-02 .flex-cnt-01{
        width: 100%;
    }

    .flex-wrap-03 {
        flex-direction: column;
        gap: 7.813vw;
    }
    .flex-wrap-03 .flex-cnt-01:first-child {
        width: 100%;
    }

	.icon-card-01 {
	    gap: 1.303vw;
	    flex-wrap: wrap;
	}
	.icon-card-01 .card-cnt-01 {
	    width: 44.141vw;
	    padding: 7.813vw 2.605vw;
	    gap: 5.209vw;
	}
	.icon-card-01 .card-cnt-01 .icon {
	    height: 16.277vw;
	    width: 100%;
	    max-width: 100%;
	}
	.icon-card-01 .card-cnt-01 .txt {
	    font-size: 4.428vw;
	    line-height: 160%;
	    /* 54.4px */
	}

    /*================
    テーブル
    ================*/
    .tbl-01 th,
    .tbl-01 td{
        padding: 2.604vw;
    }
    /*セル内のDL*/
    .tbl-01 td dl{
        gap: 0.651vw;
    }

    .tbl-02 {
        width: 100%;
        font-size: 3.646vw;
        line-height: 1.6;
    }
    .tbl-02 th,
    .tbl-02 td {
        padding: 2.605vw;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border-bottom: none;
        min-height: 3em;
    }
    .tbl-02 th {
        width: 100%;
    }
    .tbl-02 tr:last-child{
        border-bottom: 1px solid #464646;
    }

    .table-wrap {
        /* position: relative; */
    }
    .tbl-03 .txt-r {
        /* text-align: right; */
    }
    .tbl-03 .is-active {
        /* position: relative; */
    }
    .tbl-03 td:first-child {
        /* position: relative; */
    }
    .tbl-03 {
        /* width: 100%; */
        /* border-collapse: collapse; */
        border-collapse: separate;
        border-spacing: 0;
    }
    .tbl-03 th,
    .tbl-03 td {
        border: none;
        border-bottom: 1px solid #464646;
        border-right: 1px solid #464646;
        /* outline: 1px solid #464646; */
        padding: 2.605vw 1.303vw;
        /* text-align: center; */
        min-width: 26.042vw;
        font-size: 3.646vw;
    }
    .tbl-03 tr:first-child th {
        border-top: 1px solid #464646;
    }
    .tbl-03 tr> th:first-child,.tbl-03 tr> td:first-child {
        border-left: 1px solid #464646;
}
    .tbl-03 tr{
        border-left: 1px solid #464646;
    }
    .tbl-03 th {
        /* background-color: #E5F6FC; */
        /* color: #3A3D43; */
        /* text-align: center; */
        /* font-weight: 600; */
        /* line-height: 160%; */
        /* 25.6px */
    }
    .tbl-03 td {
        /* color: #3A3D43; */
        /* text-align: center; */
        /* font-weight: 300; */
        /* line-height: 160%; */
        /* 25.6px */
    }
    .tbl-03 .is-active td {
        background-color: #DEFFE0;
    }
    .tbl-03 a {
        /* color: #1a5fb4; */
        /* text-decoration: underline; */
        margin-right: 1.042vw;
    }
    .tbl-03 a.sds {
        /* font-size: 0.875em; */
    }
    .tbl-03 td:first-child {
        /* text-align: left; */
        /* font-weight: 600; */
        padding: 2.605vw;
    }
    .tbl-03 .is-active td:first-child a {
        /* pointer-events: none; */
        /* text-decoration: none; */
        /* color: #3A3D43; */
    }

    /*================
    検索フロートボタン関連
    ================*/
    /*=====キーワード検索（SP：Gridで3段。リセットは内容幅＋中央）=====*/
    .keyword-row {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto auto;
        gap: 2.605vw 0;
        align-items: center;
        margin-bottom: 7.813vw;
    }
    /*検索窓*/
    .keyword-input[type="search"] {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        min-width: 0;
        flex: unset;
        font-size: 4.167vw;
        padding: 3.516vw 2.605vw;
    }
    /*検索ボタン*/
    .keyword-submit {
        grid-column: 2;
        grid-row: 2;
        align-self: stretch;
        font-size: 6.771vw;
        padding: 0 2.995vw;
    }
    /*リセット（3行目・行中央・幅は中身）*/
    .keyword-reset {
        grid-column: 1 / -1;
        grid-row: 3;
        justify-self: center;
        width: max-content;
        max-width: 100%;
        margin: 0;
        box-sizing: border-box;
        font-size: 3.646vw;
        padding: 1vw 3.823vw;
    }
    /*該当明細（1行目フル幅）*/
    .keyword-detail-count {
        grid-column: 1 / -1;
        grid-row: 1;
        width: 100%;
        max-width: none;
        min-width: 0;
        flex: unset;
        align-items: center;
        text-align: center;
        font-size: 3.646vw;
    }
    .keyword-detail-count-value {
        margin-top: 0.521vw;
    }
    .keyword-detail-count-hint {
        margin-top: 0.261vw;
    }
    /*=====条件検索=====*/
    .condition-panel {
        padding: 0 3.256vw 0 3.256vw;
    }
    /*タイトル*/
    .condition-title {
        font-size: 4.167vw;
        top: -3.125vw;
        left: 3.907vw;
        padding: 0 2.604vw;
        gap: 2.605vw;
    }
    .condition-panel:not(.is-open) {
        margin-bottom: 2.605vw;
    }
    .condition-panel.is-open {
        padding-top: 8.203vw;
        padding-bottom: 7.813vw;
    }
    .condition-title .ico {
        font-size: 130%;
    }
    .condition-body {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.3s ease;
    }
    .condition-panel.is-open .condition-body {
        grid-template-rows: 1fr;
    }
    .condition-body-inner {
        overflow: hidden;
        min-height: 0;
    }
    /*条件部分全般（SP：フィールドとボタンを縦並び）*/
    .condition-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 7.813vw 0;
        width: 100%;
        min-width: 0;
    }
    /*条件検索窓*/
    .fields {
        display: flex;
        flex-direction: column;
        gap: 2.604vw;
        min-width: 0;
        max-width: 100%;
    }
    .field-inline {
        display: grid;
        /* 入力はデザイン幅、セレクト（完全一致など）は残り幅で成り行き */
        grid-template-columns: min(58.333vw, 100%) minmax(0, 1fr);
        min-height: inherit;
        min-width: 0;
        max-width: 100%;
    }
    .field-inline .field-input[type="search"] {
        font-size: 4.167vw;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .field-input[type="search"],
    .field-cas[type="search"] {
        font-size: 3.646vw;
        min-width: 0;
    }
    .field-input[type="search"],
    .field-cas[type="search"] {
        padding: 3.125vw 2.604vw;
    }
    .field-input[type="search"]::placeholder,
    .field-cas[type="search"]::placeholder {
        color: #6e7379;
    }
    .field-input[type="search"]:focus::placeholder,
    .field-cas[type="search"]:focus::placeholder {
        opacity: 0;
    }
    .field-cas[type="search"]{
        font-size: 4.167vw;
        min-height: inherit;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .field-select {
        font-size: 3.385vw;
        text-align: center;
        padding: 0 1.954vw 0 6.511vw;
        border: none;
        background-color: #dde7f0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='9' viewBox='0 0 17 9'%3E%3Cpath fill='none' stroke='%233A3D43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1.5 2 8.5 7.5 15.5 2'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: left 1.953vw center;
        background-size: 2.604vw 1.432vw;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        transition: all 0.3s;
        min-width: 0;
        max-width: 100%;
    }
    .field-select:hover {
        opacity: 0.75;
    }
    /*検索ボタン類（SP：上の余白は condition-grid の gap に任せる）*/
    .buttons {
        margin-top: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 2.604vw;
        min-width: 0;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    .btn-search {
        color: #fff;
        font-size: 3.906vw;
        font-weight: bold;
        padding: 3.125vw;
        box-sizing: border-box;
        border-radius: 3.125vw 0 3.125vw 0;
        background: #004EA2;
        cursor: pointer;
        width: 44.271vw;
        transition: all 0.3s;
    }
    .btn-search:hover {
        opacity: 0.75;
    }
    .btn-clear {
        font-size: 3.385vw;
        font-weight: bold;
        background: #CCDCEC;
        padding: 2.344vw 5.208vw;
        cursor: pointer;
        transition: all 0.3s;
    }
    .btn-clear:hover {
        opacity: 0.75;
    }
    /*================
    固定検索ボタン
    ================*/
    .fixed-search,
    .fixed-search.is-open {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        transform: none;
        transition: none;
    }
    .fixed-search:not(.is-open) {
        overflow: hidden;
    }
    .fixed-search .condition-title .ico {
        transform: rotate(-90deg);
    }
    .fixed-search .condition-panel.is-open .condition-title .ico {
        transform: rotate(90deg);
    }
    .fixed-search__region {
        flex-direction: column;
        width: 94.792vw;
        margin: 0 auto;
        transform: none;
        transition: none;
    }
    .fixed-search.is-open .fixed-search__region {
        transform: none;
    }
    /* 閉: タブのみ / 開: タブ＝領域上端のヘッダー */
    .fixed-search__toggle {
        position: relative;
        flex-grow: 0;
        flex-shrink: 0;
        align-self: stretch;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 13.229vw;
        padding: 0;
        border-radius: 2.747vw 2.747vw 0 0;
        left: 0;
    }
    .fixed-search__label {
        padding: 0;
        writing-mode: horizontal-tb;
        font-size: 5.208vw;
        font-weight: 600;
    }
    .fixed-search__icon {
        position: absolute;
        right: 9.48vw;
        top: 50%;
        margin: 0;
        padding: 0;
        font-size: 6.868vw;
        line-height: 0;
        transform: translateY(-50%);
    }
    .fixed-search__icon svg {
        width: 1em;
        height: 1em;
        transform: rotate(-90deg);
    }
    .fixed-search.is-open .fixed-search__icon svg {
        transform: rotate(90deg);
    }
    /* パネルはタブの下から上へ展開（高さは中身に追随・grid 0fr/1fr） */
    .fixed-search__panel {
        display: grid;
        grid-template-rows: 0fr;
        width: 100%;
        min-height: 0;
        overflow: hidden;
        background: transparent;
        transition: grid-template-rows 0.35s ease;
    }
    .fixed-search.is-open .fixed-search__panel {
        grid-template-rows: 1fr;
        background-color: #86E1FF;
    }
    .fixed-search__panel > .search-form-area {
        overflow: hidden;
        min-height: 0;
        padding: 0;
        transition: padding 0.35s ease;
    }
    .fixed-search.is-open .search-form-area {
        padding: 0 0 7.422vw;
    }
    /* ドロワー幅では vw 指定の入力列がセレクトを圧迫するため調整 */
    .fixed-search .inner-1000 {
        padding-left: 4.121vw;
        padding-right: 4.121vw;
    }
    .fixed-search .field-inline {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .fixed-search .field-select {
        min-width: 23.214vw;
        padding-left: 5.5vw;
        padding-right: 2vw;
        white-space: nowrap;
    }

    @media (prefers-reduced-motion: reduce) {
        .fixed-search__region,
        .fixed-search__panel,
        .fixed-search__panel > .search-form-area,
        .fixed-search__icon svg {
            transition: none;
        }
    }

    /*================
    ニュース
    ================*/
    /* タブ */
    .news-tab{
        display: none;
    }
    .news-tab-sp{
        display: block;
    }
    .news-tab-sp-inner{
        position: relative;
        display: flex;
        align-items: center;
        border: 1px solid #D9D9D9;
        background: #fff;
    }
    .news-tab-sp-select{
        appearance: none;
        width: 100%;
        border: none;
        background: transparent;
        color: #3A3D43;
        font-size: 2.604vw;
        text-align: center;
        padding: 2.214vw 6.161vw 2.214vw 2.083vw;
    }
    .news-tab-sp-select:focus{
        outline: none;
    }
    .news-tab-sp-select option:disabled{
        color: #B8B8B8;
    }
    .news-tab-sp-inner:focus-within{
        outline: 2px solid #004EA2;
        outline-offset: 2px;
    }
    .news-tab-sp-inner .ico.arrow{
        position: absolute;
        right: 1.953vw;
        top: 50%;
        width: 3.255vw;
        height: 3.255vw;
        transform: translateY(-50%) rotate(90deg);
        pointer-events: none;
    }
    .news-tab-sp-inner .ico.arrow svg{
        width: 3.255vw;
        height: 3.255vw;
    }

    /* 日付 */
    .news-date{
        font-size: 3.385vw;
    }
    .news-category-item{
        font-size: 3.385vw;
        padding: 1.6vw 2.104vw;
        border-radius: 0.781vw 0.781vw 0 0;
    }
    /*news一覧部分　news-list*/
    .news-list .news-item{
        padding: 5.208vw 0;
    }
    .news-list .news-item-inner{
        flex-direction: column;
        gap: 2.604vw 0;
    }
    .news-list .news-item .news-date{
        flex: none;
        width: auto;
        padding-top: 0;
        font-size: 3.385vw;
    }
    .news-list .news-item .news-category-list{
        margin-bottom: 3.906vw;
    }
    .news-list .news-item-title{
        font-size: 3.385vw;
    }

        /* Pick Up（SP・Vanilla：均一カード・スワイプ） */
    .pick-section .pick-carousel__track {
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
        touch-action: pan-y pinch-zoom;
    }

    .pick-section .pick-carousel {
        margin-bottom: 10.417vw;
        touch-action: pan-y pinch-zoom;
    }

    .pick-section .pick-carousel__list {
        display: flex;
        align-items: flex-start;
        margin: 0;
        padding: 0;
        list-style: none;
        gap: 3.125vw;
        transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
        touch-action: pan-y pinch-zoom;
        cursor: grab;
    }

    .pick-section .pick-carousel__list.is-pick-tracking,
    .pick-section .pick-carousel__list.is-pick-dragging {
        cursor: grabbing;
        user-select: none;
        touch-action: none;
        transition: none !important;
    }

    .pick-section .pick-carousel__list.is-pick-tracking .pick-carousel__slide a,
    .pick-section .pick-carousel__list.is-pick-dragging .pick-carousel__slide a {
        pointer-events: none;
    }

    .pick-section .pick-carousel__slide,
    .pick-section .pick-carousel__slide.is-pick-focus {
        width: 62.5vw;
        max-width: 62.5vw;
        flex-shrink: 0;
        padding-top: 0;
    }

    .pick-section .pick-carousel__slide a {
        display: block;
        width: 100%;
        color: #3A3D43;
        text-decoration: none;
        pointer-events: auto;
    }

    .pick-section .pick-carousel__slide a:focus,
    .pick-section .pick-carousel__slide a:focus-visible,
    .pick-section .pick-carousel__slide a:focus-within,
    .pick-section .pick-carousel__slide a:active {
        outline: none;
        box-shadow: none;
    }

    .pick-section .pick-carousel__arrow:focus,
    .pick-section .pick-carousel__arrow:focus-visible,
    .pick-section .pick-carousel__arrow:active {
        outline: none;
        box-shadow: none;
    }

    .pick-section .pick-carousel__slide .img-wrap {
        margin-bottom: 1.605vw;
        width: 100%;
        aspect-ratio: 880 / 660;
        height: auto;
        border-radius: 0 13.021vw 0 0;
        overflow: hidden;
        box-sizing: border-box;
        border: none;
        box-shadow: inset 0 0 0 1px #ebebeb;
    }

    .pick-section.is-pick-jumping .pick-carousel__list {
        transition: none !important;
    }

    .pick-section .pick-carousel__slide .img-wrap.is-empty {
        background-color: #d9d9d9;
    }

    .pick-section .pick-carousel__slide .img-wrap img {
        display: block;
        width: 100%;
        height: 100%;
        min-width: 100%;
        min-height: 100%;
        object-fit: contain;
        object-position: center;
        -webkit-user-drag: none;
        user-select: none;
    }

    .pick-section .pick-carousel__slide .news-category-list {
        gap: 1.302vw;
        margin-bottom: 2.605vw;
        width: 100%;
        max-width: inherit;
    }

    .pick-section .pick-carousel__slide .news-category-item {
        font-size: 3.125vw;
        padding: 1.302vw;
        height: auto;
        min-height: 6.771vw;
    }

    .pick-section .pick-carousel__slide .txt01 {
        font-size: 3.125vw;
    }

    .pick-section .pick-carousel__arrows {
		display: none;
	}
    .pick-section .pick-carousel__arrow{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 10.417vw;
        height: 10.417vw;
        border-radius: 50%;
        box-sizing: border-box;
    }
    .pick-section .pick-carousel__arrow svg{
        display: block;
        flex-shrink: 0;
        fill: #004EA2;
        width: 5.208vw;
        height: 5.208vw;
    }
    .pick-section .pick-carousel__arrow--prev svg{
        transform: scaleX(-1);
    }
    .pick-section .pick-carousel__arrow--prev,
    .pick-section .pick-carousel__arrow--next{
        top: 17.383vw;
        transform: none;
    }
    .pick-section .pick-carousel__arrow--prev{
        left: clamp(2.604vw, 5.1vw, 12.76vw);
    }
    .pick-section .pick-carousel__arrow--next{
        right: clamp(2.604vw, 5.1vw, 12.76vw);
    }
    .pick-section .inner-1200 .btn-01 {
        text-align: center;
    }
    /* Pick Up -02：scale検証（SPは均一カード・scaleなし） */
    .pick-section-02 .splide__slide,
    .pick-section-02 .splide__slide a,
    .pick-section-02 .splide__slide .img-wrap,
    .pick-section-02 .splide__slide .txt01{
        transition: none;
    }
    .pick-section-02 .splide{
        margin-bottom: 10.417vw;
    }
    .pick-section-02 .splide__list{
        align-items: flex-start;
    }
    .pick-section-02 .splide__slide{
        width: 62.5vw;
        margin-right: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
    .pick-section-02 .splide__slide a{
        width: 100%;
        transform: none;
    }
    .pick-section-02 .splide__slide .img-wrap{
        margin-top: 0;
        margin-bottom: 2.605vw;
        height: 33.854vw;
        border-radius: 0 6.511vw 0 6.511vw;
    }
    .pick-section-02 .splide__slide .img-wrap img{
        height: 100%;
    }
    .pick-section-02 .splide__slide .news-category-list{
        gap: 1.302vw;
        margin-bottom: 2.605vw;
    }
    .pick-section-02 .splide__slide .news-category-item{
        font-size: 3.125vw;
        padding: 1.302vw;
        height: auto;
        min-height: 9.375vw;
    }
    .pick-section-02 .splide__slide .txt01{
        font-size: 3.125vw;
    }
    .pick-section-02 .splide__arrow{
        width: 15.625vw;
        height: 15.625vw;
    }
    .pick-section-02 .splide__arrow svg{
        width: 5.208vw;
        height: 5.208vw;
    }
    .pick-section-02 .splide__arrow--prev,
    .pick-section-02 .splide__arrow--next{
        top: 16.927vw;
        transform: none;
    }
    .pick-section-02 .splide__arrow--prev{
        left: clamp(2.604vw, 5.1vw, 12.76vw);
    }
    .pick-section-02 .splide__arrow--next{
        right: clamp(2.604vw, 5.1vw, 12.76vw);
    }


    /*================
    ヘッダー（旧記述）
    ================*/
    /*===外枠===*/
    .header_01.header-group{
        padding: 0;
    }
    .header_01 .header-group-inner {
        padding: 0;
        width: 100%;
    }
    .header-width {
        justify-content: start;
        align-items: center;
        padding: 2.604vw 2.604vw 1.953vw;
        box-sizing: border-box;
        gap: 0 5.469vw;
    }
    /*ロゴ*/
    .header-logo{
        padding: 0;
    }
    .header-logo a {
        width: 35.938vw;
        max-width: inherit;
        min-width: inherit;
        /* padding-left: 5.208vw; */
    }
    /*ハンバーガー・エントリー*/
    .core-parts.header_01 .sp-nav-btn {
        display: flex;
        /* margin-left: auto; */
    }
    /*ハンバーガー*/
    .core-parts.header_01 .hglb-sp-btn {
        z-index: 101;
    }
    .core-parts.header_01 .hglb-sp-btn a {
        color: #fff;
        background-color: #0072BC;
        overflow: hidden;
        display: inline-flex;
        border-radius: 50%;
    }
    .core-parts.header_01 .hglb-sp-btn a .sp-btn-svg {
        /* width: var(--header-height);
        height: var(--header-height); */
        width: 13.021vw;
        height: 13.021vw;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 0.652vw 0;
    }
    .core-parts.header_01 .hglb-sp-btn a .close {
        display: none;
    }
    .core-parts.header_01 .hglb-sp-btn a .sp-btn-svg svg {
        width: 5.208vw;
        height: 4.167vw;
    }
    .core-parts.header_01 .hglb-sp-btn a .CLOSE svg {
        width: 5.729vw;
        height: 5.729vw;
    }
    .core-parts.header_01 .sp-btn-txt{
        font-size: 1.823vw;
        /* font-weight: bold; */
        line-height: 1;
    }
    /*お問い合わせ*/
    .header-ex-btn-sp{
        display: block;
        margin-left: auto;
    }
    .header-ex-btn-sp a{
        color: #0072BC;
        font-size: 2.604vw;
        font-weight: bold;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .header-ex-btn-sp a span{
        width: 6.51vw;
        height: 5.339vw;
    }
    /*マイナビ*/
    .header-ex-btn{
        display: none;
        /* order: inherit; */
        padding: 0 2.604vw 17.839vw;
        margin-left: 0;
        gap: 5.208vw 0;
        flex-direction: column;
    }
    .header-ex-btn a{
        color: #fff;
        font-size: 3.125vw;
        line-height: 1;
        padding: 2.474vw 4.167vw 2.344vw 5.208vw;
        width: 100%;
        justify-content: space-between;
        /* width: var(--header-height); */
        /* height: var(--header-height); */
    }
    .header-ex-btn .arrow,
    .header-ex-btn .link-ex{
        color: #182D3A;
        width: 7.552vw;
        height: 7.552vw;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* right: 4.297vw;
        bottom: 2.214vw;
        transform: translateX(50%); */
    }
    .header-ex-btn .arrow svg{
        width: 3.611vw;
        height: 1.517vw;
    }
    .header-ex-btn .link-ex svg{
        width: 3.125vw;
        height: 3.125vw;
    }
    /*===メニュー===*/
    .core-parts.header_01 #sidr.right {
        right: -100%;
        background-color: rgba(255, 255, 255, 1);
    }
    .core-parts.header_01 #sidr,
    .core-parts.header_01.header-group .sidr {
        display: block;
        position: fixed;
        height: calc(100vh - var(--header-height));
        width: 100%;
        box-sizing: border-box;
        top: var(--header-height);
        border: none;
        z-index: 100;
        margin: 0;
        overflow: auto;
    }
    /*PC共通*/
    /*リンクとエントリー外枠*/
    .header-nav-wrap {
        padding: 7.813vw 2.604vw 10.417vw;
        box-sizing: border-box;
    }
    /*===リンク===*/
    .header-nav {
        display: block;
    }
    .hglb02-nav{
        flex-direction: column;
        gap: 7.813vw 0;
    }
    /*親子リンク共通*/
    .hglb02nv-item{
        padding-top: 10.417vw;
    }
    .hglb02nv-item a {
        font-size: 4.167vw;
        padding: 0;
    }
    .hglb02-nav .hglb02nv-item {
        display: flex;
        box-sizing: border-box;
        width: 100%;
        padding-top: 0;
    }
    .hglb02-nav a:hover,
    .hglb02nv-item.is-active>a {
        /* color: #0A1C2B; */
        /* font-weight: inherit; */
        /* opacity: 1; */
        /* width: 50%; */
    }
    /*親メニュー*/
    /* .hglb02nv-item {
        position: relative;
    } */
    .hglb02nv-item>a {
        display: flex;
        justify-content: space-between;
        pointer-events: none;
        cursor: default;
    }
    /* .hglb02nv-item>a .arrow,
    .hglb02nv-item>a .plus {
        color: #fff;
        background-color: #004077;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 6.25vw;
        height: 6.25vw;
        border-radius: 50%;
    } */
    /* .hglb02nv-item>a span svg {
        color: #fff;
        width: 2.344vw;
        height: 2.344vw;
    } */
    /* .hglb02nv-item.item-02>a {
        pointer-events: none;
        padding-left: 0;
    } */
    /*小メニュー*/
    .hglb02nv-item .hglb02nv-child {
        /* ドロワー式
        display: none;
         */
    }
    .hglb02nv-item.is-active .hglb02nv-child {
        display: block;
    }
    .hglb02nv-item .hglb02nv-child-wrap {
        /*ドロワー式
        position: static;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
        background-color: inherit;
        width: 100%;
        padding: 0;
        transform: none;
        height: 0;
        */
        /* SP常時表示 */
        position: static;
        z-index: inherit;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        margin-top: 2.604vw;
        width: 100%;
        transform: none;
        padding: 5.208vw 0 0;
    }
    .hglb02-nav .hglb02nv-item:last-of-type .hglb02nv-child-wrap {
        padding-bottom: 0;
    }
    .hglb02nv-item.is-active .hglb02nv-child-wrap {
        /* ドロワー式
        margin-top: 3.906vw;
        opacity: 1;
        visibility: visible;
        height: inherit;
         */
    }
    .hglb02nv-item .hglb02nv-child-wrap .hglb02nv-child-link {
        font-size: 3.125vw;
        font-weight: normal;
        width: 100%;
        display: flex;
        /* align-items: center; */
        gap: 0 4.427vw;
    }
    .hglb02nv-item .hglb02nv-child-wrap .tag-pick{
        margin-right: 1vw;
        padding: 0 1.302vw;
        white-space: nowrap;
    }
    .hglb02nv-child-item:not(:last-child) {
        margin-bottom: 3.906vw;
    }
    .hglb02nv-item .hglb02nv-child-wrap .link-ex{
        width: 3.906vw;
        height: 3.906vw;
        margin-left: 0;
    }
    .hglb02nv-item .hglb02nv-child-wrap .arrow {
        color: #fff;
        width: 5.208vw;
        height: 5.208vw;
        margin-top: 0.2vw;
        background-color: #0072BC;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hglb02nv-item .hglb02nv-child-wrap .arrow svg {
        width: 2.474vw;
        height: 1.042vw;
    }
    .hglb-comp-btn-list{
        margin-top: 10.417vw;
        display: flex;
        flex-wrap: wrap;
        gap: 4.417vw 8.417vw;
        align-items: center;
    }
    .hglb-comp-btn-list .comp-btn{
        width: 21.531vw;
    }
    .hglb-comp-btn-list .lang-btn{
        width: 100%;
    }
    .hglb-comp-btn-list .lang-btn a{
        color: #717F88;
        font-size: 3.125vw;
        font-weight: bold;
        display: flex;
        align-items: center;
        gap: 0 1.563vw;
        width: max-content;
    }
    .hglb-comp-btn-list .lang-btn a span{
        color: #0072BC;
        width: 4.167vw;
        height: 3.646vw;
    }

/*================
ヘッダー
================*/
        body.is-sp-menu-open {
            overflow: hidden;
        }
        .header_01.header-group {
            height: var(--header-height);
            min-height: 9.636vw;
            border-bottom: 1px solid #cfd5dd;
        }
        .header_01 .header-group-inner {
            padding: 0 3.906vw;
            max-width: none;
        }
        .header-logo {
            position: absolute;
            left: 3.906vw;
            top: 50%;
            transform: translateY(-50%);
            width: 40.756vw;
        }
        .header-logo a,
        .header-logo img {
            width: 100%;
            height: auto;
        }
        .site-header__menu {
            display: block;
            position: absolute;
            right: 1.563vw;
            top: 50%;
            transform: translateY(-50%);
            width: 6.25vw;
            height: 6.25vw;
            padding: 0;
            z-index: 1002;
            background: inherit;
        }
        .site-header__menu-line,
        .site-header__menu-line::before,
        .site-header__menu-line::after {
            content: "";
            position: absolute;
            left: 0;
            width: 4.948vw;
            height: 2px;
            background: #333941;
            transition: transform .25s ease, opacity .25s ease, top .25s ease;
        }
        .site-header__menu-line {
            top: 2.995vw;
        }
        .site-header__menu-line::before {
            top: -1.693vw;
            left: 0;
        }
        .site-header__menu-line::after {
            top: 1.693vw;
            left: 0;
        }
        body.is-sp-menu-open .site-header__menu-line {
            background: transparent;
        }
        body.is-sp-menu-open .site-header__menu-line::before {
            top: 0;
            transform: rotate(45deg);
        }
        body.is-sp-menu-open .site-header__menu-line::after {
            top: 0;
            transform: rotate(-45deg);
        }
        .global-nav {
            display: none;
            position: fixed;
            top: var(--header-height);
            left: 0;
            right: 0;
            bottom: 0;
            height: auto;
            background: #fff;
            overflow-y: auto;
            z-index: 1001;
        }
        body.is-sp-menu-open .global-nav {
            display: block;
        }
        .global-nav__inner {
            display: block;
            height: auto;
            max-width: none;
            padding: 7.422vw 4.688vw 12vw;
        }
        .global-nav__list {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 4.558vw 7.813vw;
            height: auto;
            padding: 0;
        }
        .global-nav__item {
            display: flex;
            height: 100%;
            position: static;
        }
        .global-nav__link {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 0;
            width: 100%;
            height: 100%;
            padding: 0;
            min-height: 6.51vw;
            font-size: 3.646vw;
            font-weight: 600;
            line-height: 1.6;
            color: #3A3D43;
            text-align: center;
        }
        .global-nav__link .link-ex {
            width: 3.646vw;
            height: 3.646vw;
            margin-right: 1.302vw;
        }
        .global-nav__item--news .global-nav__link {
            margin-left: 0;
        }
        .global-nav__item.is-current>.global-nav__link,
        .global-nav__link:hover,
        .global-nav__link:focus-visible {
            color: #333941;
        }
        .global-nav__item.is-current>.global-nav__link,
        .global-nav__link:hover,
        .global-nav__link:focus-visible,
        .global-nav__link[aria-expanded="true"],
        .hglb02nv-current .global-nav__link {
            border-bottom: none;
        }
        .global-nav__item.is-current>.global-nav__link::after,
        .global-nav__item.is-open>.global-nav__link::after {
            content: none;
        }
        .global-nav__item--mega .global-nav__link {
            pointer-events: auto;
        }
        .mega-menu {
            display: none !important;
        }
        .header-action {
            position: static;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 5.209vw 7.813vw;
            margin-top: 4.948vw;
        }
        .header-action__btn {
            width: 100%;
            height: initial;
            font-size: 3.646vw;
            padding: 2.474vw 1.303vw;
            box-sizing: border-box;
            gap: 0.782vw;
            margin-right: 0;
            /* border-radius: 1.954vw 0; */
        }
        .header-action__lang {
            grid-area: 3 / 1 / 3 / 3;
            width: initial;
            min-width: 0;
            height: initial;
            padding: 2.474vw 1.303vw;
            font-size: 3.646vw;
            justify-content: center;
            gap: 2.2vw;
            margin-left: 0;
            margin-right: 0;
            /* margin-top: 13.021vw; */
            order: 4;
        }
        .header-action__btn--sitesearch{
            grid-area: 1 / 1 / 2 / 3;
        }
        /* .header-action__lang a:nth-of-type(3),
        .header-action__lang span:nth-of-type(2) {
            display: none;
        } */






/*--------------------------------------
    GDPR
-------------------------------------*/
#GDPR{
    font-size: 87.5%;
    line-height: 1.5;
}
#GDPR .gdpr-clm-01{
    width: auto;
    float: none;
    margin-bottom: 2em;
}
#GDPR .gdpr-clm-02{
    width: auto;
    float: none;
}
#GDPR .gdpr-ttl{
    margin-bottom: 0.5em;
}
#GDPR .gdpr-txt{
    margin-bottom: 1em;
}
#GDPR .gdpr-agree{
    width: auto;
    margin: 0 auto;
    max-width: 80%;
}
#GDPR .gdpr-btn{
    width: auto;
    margin: 0 auto 20px;
    max-width: 80%;
}
    /*================
    フッター
    ================*/
    /*================
    フッターリクルート
    ================*/
    .footer-recruit {
        background: url('/recruit/assets/imgs/foot_rec_bg_sp.jpg') no-repeat center/cover;
        padding: 11.068vw 0 14.52vw;
    }
    .footer-recruit .inner {
        flex-direction: column;
    }
    .footer-recruit h2 {
        font-size: 7.813vw;
        margin-bottom: 10.417vw;
    }
    .footer-recruit .btn-01:not(:first-child) {
        margin-top: 5.208vw;
    }
    .footer-recruit .btn-01 a {
        width: inherit;
        min-width: 65.104vw;
        padding: 3.906vw 10.417vw 3.906vw 5.859vw;
    }
    .footer-recruit .btn-01 .arrow2,
    .footer-recruit .btn-01 .link-ex {
        width: 6.51vw;
        height: 6.51vw;
    }
    .footer-recruit .btn-01 .arrow2 > svg {
        width: 3.154vw;
        height: 1.345vw;
    }
    .footer-recruit .btn-01 .link-ex > svg {
        width: 2.865vw;
        height: 2.865vw;
    }
    .footer-recruit .btn-01 .tel {
        width: 8.333vw;
        height: 8.333vw;
        margin-right: 3.255vw;
    }
    .footer-recruit .btn-01 .tel svg {
        width: 4.036vw;
        height: 4.036vw;
    }
    .footer-recruit .btn-01:last-child a .txt-wrap > span:first-child {
        font-size: 4.688vw;
    }
    .footer-recruit .btn-01:last-child a .txt-wrap > span:last-child {
        font-size: 2.604vw;
    }
    /*================
    フッタートップへ戻る
    ================*/
    .footer-totop {
        padding: 2.605vw 0;
    }
    .footer-totop .pagetop a svg {
        width: 9.766vw;
        height: 9.766vw;
    }
    /*================
    フッターコンタクト
    ================*/
    .footer-contact {
        padding: 10.417vw 0;
        text-align: center;
    }
    .footer-contact__heading {
        display: block;
        margin-bottom: 7.813vw;
    }
    .footer-contact__ttl {
        font-size: 7.813vw;
        font-style: normal;
        line-height: 100%; /* 60px */
    }
    .footer-contact__lead {
        font-size: 4.167vw;
        font-weight: 600;
        line-height: 100%; /* 32px */
        padding: 3.907vw 0 0;
    }
    .footer-contact__btns {
        display: flex;
        flex-direction: column;
        gap: 3.907vw 0;
        width: 75.521vw;
        margin: 0 auto;
    }
    .footer-contact__btn a {
        /* min-height: 20.833vw; */
        padding: 2.605vw 6.51vw 3.256vw;
        font-size: 4.167vw;
        flex-direction: column;
        gap: 1.433vw 0;
        border-radius: 5.209vw 0;
        background: linear-gradient(86deg, #01468F 0%, #3998FF 100%);
    }
    .footer-contact__btn--agency a {
        color: #000;
        background: linear-gradient(86deg, #32A1C6 0%, #58CAF0 29.88%, #9CE6FF 99.58%);
    }
    .footer-contact__ico {
        display: block;
        width: 7.813vw;
        height: 7.813vw;
        position: relative;
    }
    .footer-contact__ico--mail {
    }
    .footer-contact__ico--mail svg {
        width: 7.813vw;
        height: 7.813vw;
    }
    .footer-contact__ico--network {
        height: 7.813vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-contact__ico--network svg {
        width: 6.511vw;
        height: 6.511vw;
    }
    .footer-contact__txt-wrap{
        display: flex;
        align-items: center;
        gap: 0 2.605vw;
    }
    .footer-contact__arrow {
        width: 3.906vw;
        height: 3.906vw;
        margin-right: 0;
        position: relative;
    }
    .footer-contact__txt {
        display: block;
    }

    /*================
    フッター
    ================*/
    .footer-global-1 {
        padding: 13.021vw 0 10.417vw;
    }
    .fglb01-inner {
        display: block;
    }
    .fglb01-head {
        width: 100%;
    }
    .footer-logo a {
        width: 49.74vw;
        margin: 0 auto;
    }
    .footer-logo a img{
        width: 100%;
    }
    .fglb01-nav-area {
        display: block;
        margin-top: 11.719vw;
    }
    .fglb01-wrap {
        display: none;
    }
    .fglb01-action {
        display: flex;
        gap: 6.25vw;
        width: 100%;
        margin-left: 0;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
    .fglb01-action p:has(> .footer-action--sitesearch){
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .footer-action {
        height: 12.37vw;
        width: 41.667vw;
        font-size: 3.646vw;
        font-weight: 700;
    }
    .footer-action--search {
    }
    .footer-action--contact {
    }
    .footer-bnr {
        padding: 5.209vw 0 5.209vw;
    }
    .footer-bnr-inner {
        display: block;
    }
    .footer-bnr-main {
        display: flex;
        align-items: center;
        margin-bottom: 5.209vw;
    }
    .footer-bnr-ttl {
        font-size: 2.605vw;
        margin-bottom: 0.391vw;
        line-height: 140%;
    }
    .footer-bnr-card--anniversary {
        width: 29.948vw;
    }
    .footer-bnr-card--anniversary img {
        /* width: 100%; */
        height: 16.016vw;
    }
    .footer-bnr-sub {
        display: grid;
        grid-template-columns: 32.032vw 35.678vw;
        gap: 0 5.208vw;
        align-items: center;
        justify-content: center;
    }
    .footer-bnr-card--casrn,
    .footer-bnr-card--cas {
        width: 100%;
    }
    .footer-bnr-card--casrn img,
    .footer-bnr-card--cas img {
        /* width: 100%; */
        height: 16.016vw;
    }
    .footer-global-02 {
        padding: 5.209vw 0;
    }
    .footer_01 .ft-list-01 {
        font-size: 2.605vw;
    }
    .footer_01 .ft-list-01 li {
        padding: 0 1.859vw;
    }
    .footer-global-03 {
        padding: 2.344vw 0 2.214vw;
    }
    .footer-copy {
        font-size: 2.605vw;
        white-space: nowrap;
    }
}