@charset "UTF-8";
/* easing */
/* 色玉、ラベル用色定義 */
/* 別バージョン */
.p-product-article__variation__color, .c-input-radio-color__label, .c-input-radio__color {
    color: #fff;
}
.m-white.p-product-article__variation__color, .m-white.c-input-radio-color__label, .m-white.c-input-radio__color {
    border: 1px solid #CECECE;
    background-color: #FFFFFF;
    color: #202020;
}
.m-yellow.p-product-article__variation__color, .m-yellow.c-input-radio-color__label, .m-yellow.c-input-radio__color {
    background-color: #FBED34;
    color: #202020;
}
.m-orange.p-product-article__variation__color, .m-orange.c-input-radio-color__label, .m-orange.c-input-radio__color {
    background-color: #e87529;
}
.m-orange2.p-product-article__variation__color, .m-orange2.c-input-radio-color__label, .m-orange2.c-input-radio__color {
    background-color: #DF873B;
}
.m-green.p-product-article__variation__color, .m-green.c-input-radio-color__label, .m-green.c-input-radio__color {
    background-color: #339902;
}
.m-gray.p-product-article__variation__color, .m-gray.c-input-radio-color__label, .m-gray.c-input-radio__color {
    background-color: #969998;
}
.m-black.p-product-article__variation__color, .m-black.c-input-radio-color__label, .m-black.c-input-radio__color {
    background-color: #333333;
}
.m-blue.p-product-article__variation__color, .m-blue.c-input-radio-color__label, .m-blue.c-input-radio__color {
    background-color: #1166BC;
}
.m-red.p-product-article__variation__color, .m-red.c-input-radio-color__label, .m-red.c-input-radio__color {
    background-color: #D33645;
}
.m-green.p-product-article__variation__color, .m-green.c-input-radio-color__label, .m-green.c-input-radio__color {
    background-color: #339902;
}
.m-pink.p-product-article__variation__color, .m-pink.c-input-radio-color__label, .m-pink.c-input-radio__color {
    background-color: #ff66cc;
}
.m-purple.p-product-article__variation__color, .m-purple.c-input-radio-color__label, .m-purple.c-input-radio__color {
    background-color: #4b0381;
}
.m-brown.p-product-article__variation__color, .m-brown.c-input-radio-color__label, .m-brown.c-input-radio__color {
    background-color: #b23e00;
}
.m-baige.p-product-article__variation__color, .m-baige.c-input-radio-color__label, .m-baige.c-input-radio__color {
    background-color: #e3be88;
}
.m-silver.p-product-article__variation__color, .m-silver.c-input-radio-color__label, .m-silver.c-input-radio__color {
    background: linear-gradient(145deg, #b0b0b5 0%, #b0b0b5 30%, #e4e4e5 50%, #b0b0b5 70%, #b0b0b5 100%);
}
.m-silver2.p-product-article__variation__color, .m-silver2.c-input-radio-color__label, .m-silver2.c-input-radio__color {
    background: -webkit-gradient(linear, right top, left top, from(#D1D1D1), to(#E8E8E8));
    background: linear-gradient(270deg, #D1D1D1, #E8E8E8);
    color: #202020;
}
.m-gold.p-product-article__variation__color, .m-gold.c-input-radio-color__label, .m-gold.c-input-radio__color {
    background: linear-gradient(145deg, #d6a808 0%, #d6a808 30%, #f6d903 50%, #d6a808 70%, #d6a808 100%);
}
.m-gold2.p-product-article__variation__color, .m-gold2.c-input-radio-color__label, .m-gold2.c-input-radio__color {
    background: -webkit-gradient(linear, left top, right top, from(#F1DB5B), to(#FBF4C6));
    background: linear-gradient(90deg, #F1DB5B, #FBF4C6);
    color: #202020;
}
.m-transparent.p-product-article__variation__color, .m-transparent.c-input-radio-color__label, .m-transparent.c-input-radio__color {
    background: linear-gradient(125deg, #ddf8f8 0%, #ddf8f8 7%, #f8fdfe 7%, #b8def7 100%);
}
.m-other.p-product-article__variation__color, .m-other.c-input-radio-color__label, .m-other.c-input-radio__color {
    border: 1px solid #CECECE;
    background: linear-gradient(135deg, #fff 0%, #fff 48%, #000 48%, #000 52%, #fff 52%, #fff 100%);
}
.m-other2.p-product-article__variation__color, .m-other2.c-input-radio-color__label, .m-other2.c-input-radio__color {
    background-color: #F3F3F3;
}

/* ==========================================================================
Foundation
========================================================================== */
/*  サイト内複合検索
* ------------------------------- */
.f-container {
    max-width: 1140px;
    margin: 0 auto;
}

@media print, screen and (min-width: 61.25em) {
    .f-container {
        max-width: 1140px;
        margin: 0 auto;
    }
    .f-container.m-wide {
        max-width: 1400px;
    }
}
.f-wrapper {
    padding-right: 5.33%;
    padding-left: 5.33%;
}

@media print, screen and (min-width: 61.25em) {
    .f-wrapper {
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
}
/* ==========================================================================
Layout
========================================================================== */
.l-breadcrumbs {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    z-index: 2;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-breadcrumbs + .l-breadcrumbs {
    margin-top: 7px;
}
.l-breadcrumbs-wrap {
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
    padding: 12px 5.33%;
    margin: 0;
    border-bottom: 1px solid #EBEBEB;
    overflow: auto hidden;
    scrollbar-width: thin;
    scrollbar-color: #777777 #DBDBDB;
}
.l-breadcrumbs-wrap::-webkit-scrollbar {
    height: 17px;
    border-radius: 8px;
    background-color: #DBDBDB;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    background-clip: padding-box;
}
.l-breadcrumbs-wrap::-webkit-scrollbar-thumb {
    height: 17px;
    background-color: #777777;
    border-radius: 8px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    background-clip: padding-box;
    cursor: -webkit-grab;
    cursor: grab;
}
.l-breadcrumbs-wrap::-webkit-scrollbar-thumb:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
@media print, screen and (min-width: 61.25em) {
    .l-breadcrumbs-wrap {
        display: block;
        padding: 12px 3.125% 10px;
    }
}
.l-breadcrumbs-wrap.m-footer {
    border-top: 1px solid #EBEBEB;
    border-bottom: none;
}
.l-breadcrumbs-wrap .l-breadcrumbs {
    display: block;
    margin-bottom: 0;
    padding: 0;
}
.l-breadcrumbs__inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
@media print, screen and (min-width: 61.25em) {
    .l-breadcrumbs__inner {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.l-breadcrumbs__item {
    position: relative;
    margin-right: 8px;
    padding-left: 12px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: none;
    font-size: 77%;
    white-space: nowrap;
    background-image: none !important;
}
.l-breadcrumbs__item::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0.875em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
}
.l-breadcrumbs__item:first-child {
    padding-left: 0;
}
.l-breadcrumbs__item:first-child::before {
    display: none;
}
.l-breadcrumbs__item:last-child {
    margin-right: 0;
    padding-right: 2em;
}
.l-breadcrumbs__item > a[href] {
    display: inline-block;
    color: #004098;
    text-decoration: none;
    -webkit-transition: color 0.1s 0s ease;
    transition: color 0.1s 0s ease;
}
@media print, screen and (max-width: 61.24em) {
    .m-header .l-breadcrumbs__item {
        display: none;
    }
    .m-header .l-breadcrumbs__item:nth-last-child(2) {
        display: block;
        margin-right: 0;
        padding-left: 12px;
    }
    .m-header .l-breadcrumbs__item:nth-last-child(2)::before {
        display: inline-block;
        -webkit-transform: translate(50%, -50%) rotate(-135deg);
                transform: translate(50%, -50%) rotate(-135deg);
    }
}
@media print, screen and (min-width: 61.25em) {
    .l-breadcrumbs__item {
        font-size: 108%;
        -ms-flex-negative: 1;
            flex-shrink: 1;
        white-space: normal;
    }
    .l-breadcrumbs__item > a[href]:hover {
        color: #004098;
        text-decoration: underline;
    }
}
.l-breadcrumbs__item .l-breadcrumbs--color_inverted .l-breadcrumbs__item > a {
    color: #000;
}
.l-breadcrumbs__item > span {
    margin-right: 15px;
    margin-left: 10px;
}
.l-breadcrumbs__item path {
    fill: #999;
}

/* モーダル */
.l-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: auto;
    height: auto;
    z-index: 200;
}
.l-modal.is-active {
    display: block;
}
.l-modal__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    background-color: #000;
    opacity: 0.8;
    pointer-events: all;
    z-index: 1;
}
.l-modal__container {
    position: absolute;
    top: 50px;
    right: 20px;
    bottom: 50px;
    left: 20px;
    margin: auto;
    padding: 75px 30px 60px;
    max-width: 360px;
    max-height: 70vh;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-color: #fff;
    z-index: 2;
}
.l-modal__close {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    top: 0;
    right: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    border: 1px solid #004098;
    background-color: #004098;
}
.l-modal__close span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    width: 21px;
    height: 21px;
}
.l-modal__close span::before, .l-modal__close span::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.l-modal__close span::after {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
}
.l-modal__title {
    width: 100%;
    padding-bottom: 10px;
    margin: 0 0 9px;
    border-bottom: 3px solid #EBEBEB;
    font-size: 138.5%;
    font-weight: bold;
    line-height: 1.66;
}
.l-modal__content {
    font-size: 108%;
    font-weight: 500;
}
.l-modal__content p {
    margin: 0;
    line-height: 1.7;
}
.l-modal__content p + .l-modal__content p {
    margin-top: 1.7em;
}
.l-modal__content a {
    color: #004098;
    text-decoration: underline;
}

/* l-pagetop */
.l-pagetop {
    position: fixed;
    display: none;
    width: 100%;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 10000049;
}
.l-pagetop.m-static {
    position: relative;
}
.l-pagetop__button {
    position: absolute;
    right: 2.66%;
    bottom: 10px;
    bottom: 2.66vw;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #004098;
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, width 0s, height 0s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, width 0s, height 0s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    cursor: pointer;
}
@media print, screen and (min-width: 61.25em) {
    .l-pagetop__button {
        right: 20px;
        bottom: 20px;
        width: 50px;
        height: 50px;
    }
    .l-pagetop__button:hover {
        background-color: #0E5CB5;
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}
.l-pagetop__button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: translate(-50%, -25%) rotate(45deg);
            transform: translate(-50%, -25%) rotate(45deg);
}
.l-pagetop__button::after {
    content: "";
    position: absolute;
    display: inline-block;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    margin: 0;
    width: auto;
    height: auto;
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: -1;
}

/* ヘッダー */
.l-gHeader {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* border-bottom: 1px solid #EBEBEB; */
    background-color: #fff;
    font-family: YuGothic, "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    letter-spacing: normal;
    text-align: left;
    z-index: 100;
}
.l-gHeader a {
    color: #202020;
    text-decoration: none;
}

.l-gHeader *,
.l-gHeader *::before,
.l-gHeader *::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/* hide / reveal */
.l-gHeader-sticky {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    isolation: isolate;
    z-index: 100;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.l-gHeader-sticky.is-sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
}
.l-gHeader-sticky.is-view {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.is-menuOpen .l-gHeader-sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}
@media print, screen and (orientation: landscape) {
    .l-gHeader-sticky.is-sticky {
        right: env(safe-area-inset-right);
        left: env(safe-area-inset-left);
    }
    .is-menuOpen .l-gHeader-sticky {
        right: env(safe-area-inset-right);
        left: env(safe-area-inset-left);
    }
}

/* メンテナンスのお知らせ */
.l-gHeader-news {
    display: none;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #333;
}
.l-gHeader-news.is-visible {
    display: block;
}
.l-gHeader-news__inner {
    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;
    max-width: 1400px;
    min-height: 30px;
    margin: 0 auto;
}
.l-gHeader-news__link {
    cursor: text;
}
.l-gHeader-news__link[href], .l-gHeader-news__link.m-modal {
    cursor: pointer;
}
.l-gHeader-news__link[class] {
    position: relative;
    color: #FFFFFF;
    font-size: 93%;
}
.l-gHeader-news__link[class] .l-gHeader-news__link-icon {
    display: none;
    width: 10px;
    height: 10px;
    fill: #fff;
}
.l-gHeader-news__link[href]::before {
    /* リンクのとき */
    content: "";
    position: relative;
    top: 0px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-right: 7px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.l-gHeader-news__link.m-modal .l-gHeader-news__link-icon {
    /* モーダルのとき */
    display: inline-block;
    margin-left: 0.5em;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-news {
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
    .l-gHeader-news__link[href]:hover, .l-gHeader-news__link.m-modal:hover {
        text-decoration: underline;
    }
}

.l-gHeader-inner {
    position: relative;
    width: 100%;
    padding-right: 4px;
    padding-left: 20px;
    border-bottom: 1px solid #EBEBEB;
    background-color: #fff;
    z-index: 1;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-inner {
        padding-right: 20px;
        padding-left: 30px;
    }
}
@media print, screen and (min-width: 80em) {
    .l-gHeader-inner {
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
}

.l-gHeader__global-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    max-width: 1400px;
    min-height: 55px;
    border-bottom: 0;
    z-index: 99;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader__global-block {
        min-height: 89px;
        margin: 0 auto;
    }
}

.l-gHeader__logo-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;
    width: 100px;
}
.l-gHeader__logo-block img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader__logo-block {
        width: 100px;
    }
}
@media print, screen and (min-width: 80em) {
    .l-gHeader__logo-block {
        width: 150px;
    }
}

.l-gHeader-main-area {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-main-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        height: 100%;
        margin-left: 10px;
    }
}
@media print, screen and (min-width: 70em) {
    .l-gHeader-main-area {
        margin-left: 13px;
    }
}
@media print, screen and (min-width: 80em) {
    .l-gHeader-main-area {
        margin-left: 30px;
    }
}

.l-gHeader-main-menu {
    display: block;
}
.l-gHeader-main-menu > li {
    padding: 0 20px;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-main-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 0;
        height: 100%;
    }
    .l-gHeader-main-menu > li {
        padding: 0;
        height: 100%;
    }
}

.l-gHeader__menu-block {
    position: absolute;
    top: 56px;
    left: 0;
    display: none;
    width: 100%;
    height: calc(100vh - 56px);
    border-top: 1px solid #EBEBEB;
    background-color: #fff;
    overflow: hidden;
}
@media screen and (max-width: 61.24em) {
    .l-gHeader__menu-block {
        background-color: #fff;
    }
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader__menu-block {
        background-color: rgba(255, 255, 255, 0);
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        width: 85%;
        max-width: 100%;
        height: auto;
        border-top: none;
    }
}

/* SPメニューボタン */
.l-gHeader__menu-parent {
    position: relative;
    display: block;
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid #EBEBEB;
    font-size: 123.1%;
    font-weight: bold;
    cursor: pointer;
}
@media screen and (max-width: 61.24em) {
    .l-gHeader__menu-parent::after {
        content: "";
        position: absolute;
        top: 0;
        right: 3px;
        bottom: 0;
        margin: auto 0;
        width: 8px;
        height: 8px;
        border-top: 2px solid #073F98;
        border-right: 2px solid #073F98;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader__menu-parent {
        position: relative;
        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;
        height: 100%;
        padding: 0 7px 0 7px;
        font-size: 93%;
        font-weight: bold;
        white-space: nowrap;
        border-bottom: none;
    }
    .l-gHeader__menu-parent:hover {
        color: #004098;
    }
    .l-gHeader__menu-parent[data-menu-index] {
        /* メガメニューがある場合 */
    }
    .l-gHeader__menu-parent[data-menu-index]::after {
        content: "";
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-block;
        width: 7px;
        height: 7px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        margin: auto auto auto 6px;
        color: inherit;
        background-color: transparent;
        -webkit-transform: translateY(-25%) rotate(45deg);
                transform: translateY(-25%) rotate(45deg);
        -webkit-transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
        transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
        transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
        transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    }
    .l-gHeader__menu-parent[data-menu-index].is-active::after {
        display: inline-block;
        -webkit-transform: translateY(25%) rotate(225deg);
                transform: translateY(25%) rotate(225deg);
    }
    .l-gHeader__menu-parent::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;
        margin: 0 auto;
        width: 90%;
        height: 3px;
        background-color: #073F98;
    }
    .l-gHeader__menu-parent.is-current, .l-gHeader__menu-parent.is-active {
        color: #073F98;
    }
    .l-gHeader__menu-parent.is-current::before, .l-gHeader__menu-parent.is-active::before {
        display: block;
    }
}
@media print, screen and (min-width: 70em) {
    .l-gHeader__menu-parent { /* 1280px */
        font-size: 108%;
        padding: 0 8px 0 8px;
        letter-spacing: 0.045em;
    }
}

/* サブメニュー */
.l-gHeader-sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 0 20px 120px;
    margin-top: 18px;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-sub-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 10px 0;
        margin-top: 0;
    }
}

.l-gHeader-sub-menu > li {
    border-bottom: 1px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-sub-menu > li {
        padding: 0 7px;
        border-bottom: 0;
    }
}
@media print, screen and (min-width: 80em) {
    .l-gHeader-sub-menu > li {
        padding: 0 10px;
    }
}

.l-gHeader-sub-menu > li.u-flex {
    border-bottom: none;
    padding: 10px 20px;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-sub-menu > li.u-flex {
        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;
        padding: 0 0 0 4px;
    }
}
@media print, screen and (min-width: 70em) {
    .l-gHeader-sub-menu > li.u-flex {
        padding: 0 0 0 10px;
    }
}

a.l-gHeader-sub-menu__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 0 15px 19px;
    color: #000;
    font-size: 108%;
    font-weight: 500;
}
@media print, screen and (min-width: 61.25em) {
    a.l-gHeader-sub-menu__link {
        display: inline;
        padding: 0;
        color: #004098;
        font-size: 85%;
        font-weight: bold;
        text-decoration: none;
    }
    a.l-gHeader-sub-menu__link:hover {
        text-decoration: underline;
    }
}
@media print, screen and (min-width: 70em) {
    a.l-gHeader-sub-menu__link {
        font-size: 93%;
    }
}

.l-gHeader-sub-menu__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 3px;
    bottom: 0;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #073F98;
    border-right: 2px solid #073F98;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-sub-menu__link::before {
        content: none;
    }
}

/* 共通「法人のお客様」 */
.l-gHeader-sub-menu__business.c-button-blue {
    width: 100%;
    color: #004098;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-sub-menu__business.c-button-blue {
        width: 100px;
        min-height: 30px;
        padding: 3px 10px;
        color: #004098;
        font-size: 85%;
    }
}
@media print, screen and (min-width: 70em) {
    .l-gHeader-sub-menu__business.c-button-blue {
        width: 120px;
        font-size: 93%;
    }
}

/* PC: ヘッダー虫眼鏡 */
.l-gHeader-sub-menu__search {
    display: none;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-sub-menu__search {
        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;
        margin-left: 8px;
        width: 30px;
        height: 30px;
    }
    .l-gHeader-sub-menu__search:hover {
        opacity: 0.7;
    }
}
@media print, screen and (min-width: 70em) {
    .l-gHeader-sub-menu__search {
        margin-left: 10px;
        width: 34px;
        height: 34px;
    }
}
.l-gHeader-sub-menu__search-open, .l-gHeader-sub-menu__search-close {
    display: none;
    fill: #074396;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-sub-menu__search-open, .l-gHeader-sub-menu__search-close {
        width: 20.32px;
        height: 20.32px;
    }
}
@media print, screen and (min-width: 70em) {
    .l-gHeader-sub-menu__search-open, .l-gHeader-sub-menu__search-close {
        width: 25.32px;
        height: 25.32px;
    }
}
.l-gHeader-sub-menu__search-close {
    width: 18px;
    height: 18px;
}
.l-gHeader-sub-menu__search:not(.is-active) .l-gHeader-sub-menu__search-open {
    display: block;
}
.l-gHeader-sub-menu__search.is-active .l-gHeader-sub-menu__search-close {
    display: block;
}

/* SP: ヘッダー虫眼鏡 */
.l-gHeader__search {
    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;
    margin-left: auto;
}

.l-gHeader__search > a {
    position: relative;
    width: 50px;
    height: 55px;
    cursor: pointer;
}

.l-gHeader__search-open,
.l-gHeader__search-close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    margin: auto;
    width: 18px;
    height: 18px;
    fill: #074396;
}

.l-gHeader__search-close {
    width: 18px;
    height: 18px;
}

.l-gHeader__search :not(.is-active) .l-gHeader__search-open {
    display: block;
}

.l-gHeader__search .is-active .l-gHeader__search-close {
    display: block;
}

@media print, screen and (min-width: 61.25em) {
    .l-gHeader__search {
        margin-left: 0;
    }
    .l-gHeader__search > a {
        display: none;
    }
}
/* 共通: ヘッダー検索欄 */
.l-gHeader__search-inner {
    padding: 40px 0 50px;
}

.l-gHeader-menu-icon {
    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;
}

.l-gHeader-menu-icon > a {
    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;
    width: 50px;
    height: 55px;
    cursor: pointer;
}

.l-gHeader-menu-icon__inner {
    position: relative;
    width: 24px;
    height: 24px;
}

.l-gHeader-menu-icon__line {
    position: absolute;
    width: auto;
    height: 2px;
    top: 3px;
    right: 1px;
    bottom: 3px;
    left: 1px;
    background-color: #004098;
}

.l-gHeader-menu-icon__line:nth-child(1) {
    bottom: auto;
}

.l-gHeader-menu-icon__line:nth-child(2) {
    margin: auto 0;
}

.l-gHeader-menu-icon__line:nth-child(3) {
    top: auto;
}

.l-gHeader-menu-icon .is-active .l-gHeader-menu-icon__line:nth-child(1) {
    bottom: 3px;
    margin: auto 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.l-gHeader-menu-icon .is-active .l-gHeader-menu-icon__line:nth-child(2) {
    opacity: 0;
}

.l-gHeader-menu-icon .is-active .l-gHeader-menu-icon__line:nth-child(3) {
    top: 3px;
    margin: auto 0;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
}

@media print, screen and (min-width: 61.25em) {
    .l-gHeader-menu-icon {
        display: none;
    }
}
/* メガメニュー & SPメニュー */
.l-dropdown {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: calc(100vh - 87px);
    z-index: 1;
    background-color: #FFFFFF;
    overflow-x: hidden;
    overflow-y: auto;
}

@media screen and (max-width: 61.24em) {
    .l-gHeader-main-menu .l-dropdown {
        display: block !important;
    }
}
@media print {
    .l-dropdown {
        display: none !important;
    }
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown {
        position: absolute;
        display: none;
        top: 90px;
        left: 0;
        width: 100%;
        height: auto;
        max-height: calc(100vh - 120px);
        background-color: #fff;
        z-index: 1;
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
}
/* ドロップダウン コンテナ */
.l-dropdown-inner {
    position: relative;
    z-index: 2;
}

@media print, screen and (min-width: 61.25em) {
    .l-dropdown-inner {
        max-width: 1140px;
        margin: 0 auto;
        padding-bottom: 50px;
    }
}
/* ドロップダウン内見出し & 閉じるボタン */
.l-dropdown-header {
    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-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 0;
    border-bottom: 1px solid #EBEBEB;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.l-dropdown-header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.l-dropdown-header__link {
    position: relative;
    color: #202020;
    font-size: 123.1%;
    font-weight: bold;
    padding: 13px 20px 13px 14px;
}

a.l-dropdown-header__link {
    padding: 13px 39px 13px 14px;
}

a.l-dropdown-header__link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 23px;
    bottom: 0;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #073F98;
    border-right: 2px solid #073F98;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

@media print, screen and (min-width: 61.25em) {
    .l-dropdown-header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 35px 0 19px;
        border-bottom: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .l-dropdown-header__link {
        font-size: 184.6%;
        padding: 0;
    }
    a.l-dropdown-header__link {
        padding: 0 0 0 24px;
    }
    a.l-dropdown-header__link:hover {
        color: #004098;
    }
    a.l-dropdown-header__link:hover > span {
        text-decoration: underline;
    }
    a.l-dropdown-header__link::before {
        right: auto;
        left: 3px;
    }
}
.l-dropdown-close-button {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    width: auto;
    height: auto;
    padding: 15px 15px 15px 24px;
}
.l-dropdown-close-button:not(:focus-visible) {
    outline: none;
}

.l-dropdown-close-button__sp {
    color: #004098;
    font-size: 93%;
    font-weight: 500;
}

.l-dropdown-close-button__sp::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #073F98;
    border-left: 2px solid #073F98;
    margin-right: 8px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

@media print, screen and (min-width: 61.25em) {
    .l-dropdown-close-button {
        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;
        width: 30px;
        height: 30px;
        padding: 1px 6px;
    }
    .l-dropdown-close-button:hover {
        opacity: 0.7;
    }
    .l-dropdown-close-button__pc {
        display: block;
        width: 24px;
        height: 24px;
    }
}
/* ドロップダウンメニュー内のコンテンツ */
.l-dropdown-menu {
    padding: 10px 20px 120px;
}

@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu {
        padding: 0;
    }
}
/* アイコンありリンク / swiper */
@media print, screen and (max-width: 61.24em) {
    .l-dropdown-menu-main .c-scroll-swiper__list {
        display: block;
    }
    .l-dropdown-menu-main .c-scroll-swiper__scrollbar {
        display: none;
    }
}
@media print, screen and (max-width: 61.24em) and (min-width: 61.25em) {
    .l-dropdown-menu-main .swiper-slide {
        margin: 0;
    }
}
.l-dropdown-menu-main__item {
    border-bottom: 1px solid #EBEBEB;
    padding: 15px 0;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu-main__item {
        -webkit-box-flex: 255px;
            -ms-flex: 255px 0 1;
                flex: 255px 0 1;
        border-bottom: none;
    }
    .l-dropdown-menu-main__item a:hover .l-dropdown-menu-main__frame {
        border-color: #004098;
    }
    .l-dropdown-menu-main__item a:hover .l-dropdown-menu-main__label {
        color: #004098;
    }
    .l-dropdown-menu-main__item a:hover .l-dropdown-menu-main__label > span {
        text-decoration: underline;
    }
}
.l-dropdown-menu-main__frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu-main__frame {
        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;
        border-radius: 8px;
        border: 1px solid #EBEBEB;
        padding: 15px 0 14px;
        -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
        transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    }
}
.l-dropdown-menu-main__icon {
    width: 50px;
    height: 50px;
}
.l-dropdown-menu-main__icon img {
    max-width: 50px;
    height: auto;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu-main__icon {
        width: 70px;
        height: 70px;
    }
    .l-dropdown-menu-main__icon img {
        max-width: 70px;
    }
}
.l-dropdown-menu-main__label {
    position: relative;
    display: inline-block;
    margin: 0 0 0 15px;
    padding-left: 18px;
    font-size: 108%;
    font-weight: 500;
}
.l-dropdown-menu-main__label > span {
    display: inline-block;
    text-indent: 0;
}
.l-dropdown-menu-main__label::before {
    content: "";
    position: absolute;
    top: 0.875em;
    left: 2px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #073F98;
    border-right: 2px solid #073F98;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    font-size: inherit;
    line-height: inherit;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu-main__label {
        margin: 8px 0 0;
        padding-left: 0;
        text-align: center;
    }
    .l-dropdown-menu-main__label::before {
        left: auto;
    }
    .l-dropdown-menu-main__label > span:first-child {
        padding-left: 18px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu-main__text {
        margin-top: 16px;
        font-size: 93%;
    }
}

/* アイコンなしリンク */
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu-main + .l-dropdown-menu-sub {
        margin-top: 40px;
    }
}

@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu-sub {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 0 3.5%;
    }
}
.l-dropdown-menu-sub__item {
    padding: 1px 0 0;
    border-bottom: 1px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu-sub__item {
        -webkit-box-flex: 22.375%;
            -ms-flex: 22.375% 0 1;
                flex: 22.375% 0 1;
    }
}
.l-dropdown-menu-sub__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 50px;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu-sub__link {
        min-height: 45px;
    }
    .l-dropdown-menu-sub__link:hover {
        color: #004098;
    }
    .l-dropdown-menu-sub__link:hover > span {
        text-decoration: underline;
    }
}
.l-dropdown-menu-sub__link > span {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 18px;
    font-size: 108%;
    font-weight: 500;
    line-height: 1.75;
}
.l-dropdown-menu-sub__link > span::before {
    content: "";
    position: absolute;
    top: 0.875em;
    left: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #073F98;
    border-right: 2px solid #073F98;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    font-size: inherit;
    line-height: inherit;
}
.l-dropdown-menu-sub__link[target] > span::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: url("/assets/img/common/icon-blank.svg") no-repeat left center/contain;
    font-size: inherit;
    line-height: inherit;
}

/* ショッピング メガメニュー */
.l-dropdown-menu.l-dropdown-menu--shop {
    padding: 25px 20px 120px;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu.l-dropdown-menu--shop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0;
    }
}

@media print, screen and (min-width: 61.25em) {
    .l-dropdown-shop {
        -webkit-box-flex: 48.2%;
            -ms-flex: 48.2% 0 1;
                flex: 48.2% 0 1;
    }
}
.l-dropdown-shop-link {
    position: relative;
    display: inline-block;
    padding: 1px 0 0 16px;
    margin: 2px 0 11px;
    font-size: 123.1%;
    font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-shop-link {
        padding: 1px 0 0 18px;
        margin: 2px 0 15px;
        font-size: 123.1%;
    }
    .l-dropdown-shop-link:hover {
        color: #004098;
    }
    .l-dropdown-shop-link:hover > span {
        text-decoration: underline;
    }
}
.l-dropdown-shop-link > span {
    display: inline-block;
    text-indent: 0;
}
.l-dropdown-shop-link[target] > span::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: url("/assets/img/common/icon-blank.svg") no-repeat left center/contain;
    font-size: inherit;
    line-height: inherit;
}
.l-dropdown-shop-link::before {
    content: "";
    position: absolute;
    top: 0.875em;
    left: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #073F98;
    border-right: 2px solid #073F98;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    font-size: inherit;
    line-height: inherit;
}
.l-dropdown-shop-image {
    display: block;
}
.l-dropdown-shop-image .c-zoomImage {
    border-radius: 8px;
}
.l-dropdown-shop-image img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.l-dropdown-shop-online {
    margin-top: 35px;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-shop-online {
        -webkit-box-flex: 48.2%;
            -ms-flex: 48.2% 0 1;
                flex: 48.2% 0 1;
        margin-top: 0;
    }
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-shop-online .l-dropdown-menu-sub {
        gap: 14px 7.2%;
    }
    .l-dropdown-shop-online .l-dropdown-menu-sub__item {
        -webkit-box-flex: 46.4%;
            -ms-flex: 46.4% 0 1;
                flex: 46.4% 0 1;
    }
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-shop__text {
        display: block;
        margin-top: 16px;
        font-size: 93%;
    }
}

/* 製品情報メガメニュー */
.l-dropdown-menu.l-dropdown-menu--products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 25px 0;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu.l-dropdown-menu--products {
        gap: 15px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

.l-dropdown-products-title {
    margin: 0 0 20px;
    font-size: 123.1%;
    font-weight: bold;
    line-height: 1.25;
}
.l-dropdown-products .c-scroll-swiper__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
}
.l-dropdown-products .c-scroll-swiper__item__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    margin-bottom: 8px;
    border-radius: 8px;
    background-color: #F3F3F3;
}
.l-dropdown-products .c-scroll-swiper__item__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: auto;
}
.l-dropdown-products .c-scroll-swiper__item__title {
    margin: 0;
    font-size: 108%;
    font-weight: 500;
    text-align: center;
}
@media print, screen and (max-width: 61.24em) {
    .l-dropdown-products .c-scroll-swiper__list {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
        gap: 16px 2.5%;
        height: auto;
    }
    .l-dropdown-products .c-scroll-swiper__item {
        margin: 0;
    }
    .l-dropdown-products .c-scroll-swiper__item:last-child {
        margin-right: auto;
    }
    .l-dropdown-products .c-scroll-swiper__scrollbar {
        display: none;
    }
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-products .c-scroll-swiper__item {
        width: 100%;
        margin: 0;
    }
    .l-dropdown-products .c-scroll-swiper__item:last-child {
        margin: 0;
    }
    .l-dropdown-products .c-scroll-swiper__scrollbar {
        margin-top: 28px;
    }
    .l-dropdown-products .c-scroll-swiper__arrow {
        top: calc((100% - 50px) * 0.5);
    }
}

/* お問い合わせメガメニュー */
.l-dropdown-menu.l-dropdown-menu--contact {
    padding: 25px 20px 120px;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-menu.l-dropdown-menu--contact {
        padding: 0;
    }
}

.l-dropdown-contact {
    /* 「各種お問い合わせ」など中リンク */
}
@media print, screen and (max-width: 61.24em) {
    .l-dropdown-contact .c-scroll-swiper__list {
        display: block;
    }
    .l-dropdown-contact .c-scroll-swiper__scrollbar {
        display: none;
    }
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-contact .swiper-slide {
        margin: 0;
    }
    .l-dropdown-contact .c-scroll-swiper__scrollbar {
        margin-top: 40px;
    }
}
.l-dropdown-contact__item + .l-dropdown-contact__item {
    margin-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-contact__item {
        -webkit-box-flex: 550px;
            -ms-flex: 550px 0 1;
                flex: 550px 0 1;
    }
    .l-dropdown-contact__item + .l-dropdown-contact__item {
        margin-top: 0;
    }
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-contact-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        /* アイコンありリンク */
        /* アイコンなしリンク */
    }
    .l-dropdown-contact-inner .l-dropdown-menu-main {
        -webkit-box-flex: 255px;
            -ms-flex: 255px 0 1;
                flex: 255px 0 1;
    }
    .l-dropdown-contact-inner .l-dropdown-menu-main__item {
        padding: 0;
    }
    .l-dropdown-contact-inner .l-dropdown-menu-sub {
        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: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-flex: 255px;
            -ms-flex: 255px 0 1;
                flex: 255px 0 1;
        margin-top: 0;
        padding: 0;
        gap: 15px;
    }
}
.l-dropdown-contact-link {
    position: relative;
    display: inline-block;
    padding: 1px 0 0 16px;
    margin: 2px 0 11px;
    font-size: 123.1%;
    font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
    .l-dropdown-contact-link {
        padding: 1px 0 0 18px;
        margin: 2px 0 15px;
        font-size: 123.1%;
    }
    .l-dropdown-contact-link:hover {
        color: #004098;
    }
    .l-dropdown-contact-link:hover > span {
        text-decoration: underline;
    }
}
.l-dropdown-contact-link > span {
    display: inline-block;
    text-indent: 0;
}
.l-dropdown-contact-link[target] > span::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: url("/assets/img/common/icon-blank.svg") no-repeat left center/contain;
    font-size: inherit;
    line-height: inherit;
}
.l-dropdown-contact-link::before {
    content: "";
    position: absolute;
    top: 0.875em;
    left: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #073F98;
    border-right: 2px solid #073F98;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    font-size: inherit;
    line-height: inherit;
}

/* 検索メガメニュー */
.l-dropdown-search {
    position: absolute;
    top: 56px;
    left: 0;
    display: none;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    padding-right: 5.33%;
    padding-left: 5.33%;
}

@media print, screen and (min-width: 61.25em) {
    .l-dropdown-search {
        display: none;
        top: 90px;
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
}
.l-dropdown-search-inner {
    position: relative;
    z-index: 2;
}

@media print, screen and (min-width: 61.25em) {
    .l-dropdown-search-inner {
        max-width: 1140px;
        margin: 0 auto;
    }
}
/* 法人メニュー */
.l-gHeader-local {
    position: relative;
    z-index: 0;
    display: block;
    padding: 0;
    background-color: #074098;
}
@media print, screen and (min-width: 61.25em) {
    .l-gHeader-local {
        padding: 0;
    }
}
@media print, screen and (min-width: 80em) {
    .l-gHeader-local {
        padding: 0 calc(3.125% - 30px);
    }
}
.l-gHeader-local-inner {
    display: block;
    max-width: 1460px;
    margin: 0 auto;
}

/* 青背景バー */
.l-local-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.l-local-bar a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 9px 15px;
    color: #fff;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.75;
    background-color: #074098;
}
@media screen and (min-width: 61.25em) {
    .l-local-bar a {
        padding: 13px 15px 11px;
        font-size: 100%;
    }
    .l-local-bar a:hover {
        background-color: #0E5CB5;
        color: #fff;
    }
}
@media print, screen and (min-width: 70em) {
    .l-local-bar a {
        font-size: 100%;
        padding: 13px 15px 11px;
    }
}
.l-local-bar__inner {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 40px);
            flex: 0 1 calc(100% - 40px);
    max-width: calc(100% - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
#page-property-1 .l-local-bar__inner {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    max-width: 100%;
}
@media screen and (min-width: 61.25em) {
    .l-local-bar__inner {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
    }
}
.l-local-bar-arrow {
    /* 前へ・次へボタン */
    position: relative;
    -ms-flex-preferred-size: 30px;
        flex-basis: 30px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.l-local-bar-arrow a {
    /* そもそも非表示 */
    height: 100%;
    background-color: #074098;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.is-scrolable .l-local-bar-arrow a {
    visibility: visible;
    opacity: 0.7;
    pointer-events: all;
    cursor: not-allowed;
}
.is-scrolable .l-local-bar-arrow a.is-active {
    opacity: 1;
    cursor: pointer;
}
.l-local-bar-arrow a:focus {
    outline: none;
}
.l-local-bar-arrow a::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0;
    bottom: 8px;
    width: 1px;
    height: auto;
    background-color: #6082B7;
}
.l-local-bar-arrow a::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: translateX(25%) rotate(-45deg);
            transform: translateX(25%) rotate(-45deg);
}
@media screen and (min-width: 61.25em) {
    .l-local-bar-arrow a::before {
        top: 10px;
    }
}
.l-local-bar-arrow a.m-next::before {
    left: 0;
    right: auto;
}
.l-local-bar-arrow a.m-next::after {
    -webkit-transform: translateX(-25%) rotate(135deg);
            transform: translateX(-25%) rotate(135deg);
}
.l-local-bar-scroll {
    /* スクロールエリア */
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.l-local-bar-scroll::-webkit-scrollbar {
    display: none;
}
@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slideIn {
    0% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
.l-local-bar-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    gap: 0;
    padding: 0 12px;
}
@media screen and (max-width: 61.24em) {
    .l-local-bar-menu {
        -webkit-animation: slideIn 0.6s ease forwards;
                animation: slideIn 0.6s ease forwards;
    }
}
@media screen and (min-width: 61.25em) {
    .l-local-bar-menu {
        padding: 0;
    }
}
.l-local-bar-menu__item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.l-local-bar-menu a {
    letter-spacing: 0.13em;
}
.l-local-bar-menu a.is-current, .l-local-bar-menu a.is-active {
    background-color: #F3F3F3;
    color: #004098;
}
.l-local-bar-menu a[data-menu-index]::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    margin-left: 6px;
    color: inherit;
    -webkit-transform: translateY(-25%) rotate(-45deg);
            transform: translateY(-25%) rotate(-45deg);
    -webkit-transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.l-local-bar-menu a[data-menu-index].is-active::after {
    -webkit-transform: translateY(25%) rotate(135deg);
            transform: translateY(25%) rotate(135deg);
}
.l-local-bar__private {
    /* 個人向けボタン */
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
}
@media screen and (min-width: 61.25em) {
    .l-local-bar__private {
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    }
}
#page-property-1 .l-local-bar__private {
    /* 法人専用ページの場合、個人向けボタンを表示しない */
    display: none !important;
}
.l-local-bar__private a {
    width: 40px;
    height: 100%;
    padding: 9px 6px;
}
@media screen and (min-width: 61.25em) {
    .l-local-bar__private a {
        width: 100%;
        padding: 9px 15px;
    }
}
.l-local-bar__private a span {
    margin-left: 8px;
}
@media screen and (max-width: 61.24em) {
    .l-local-bar__private a span {
        display: none;
    }
}
.l-local-bar__private svg {
    fill: #fff;
    width: 10.5px;
    height: 10.5px;
}
.l-local-bar__private::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: auto;
    background-color: #6082B7;
}
@media screen and (min-width: 61.25em) {
    .l-local-bar__private::before {
        top: 10px;
        bottom: 8px;
    }
}

/* ドロップダウン */
.l-local-dropdown {
    position: absolute;
    right: 0;
    left: 0;
    width: auto;
    height: auto;
    background-color: #f3f3f3;
}
.l-local-dropdown .l-dropdown {
    top: 0;
    left: 0;
    display: none;
    height: auto;
    background-color: #f3f3f3;
}
@media screen and (max-width: 61.24em) {
    .l-local-dropdown .l-dropdown-header {
        display: none;
    }
}
.l-local-dropdown .l-dropdown-menu {
    padding-bottom: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .l-local-dropdown .l-dropdown-menu {
        padding-bottom: 60px;
    }
}

/* 法人専用ページのグロナビスタイル */
#page-property-1 .l-gHeader-inner {
    border-bottom: none;
    background-color: #000;
}
#page-property-1 .l-gHeader__global-block {
    min-height: 56px;
}
@media print, screen and (min-width: 61.25em) {
    #page-property-1 .l-gHeader__global-block {
        min-height: 90px;
    }
}
@media print, screen and (min-width: 61.25em) {
    #page-property-1 .l-gHeader__logo-block {
        background-color: #00409a;
        width: 135px;
    }
}
@media print, screen and (min-width: 70em) {
    #page-property-1 .l-gHeader__logo-block {
        width: 154px;
    }
}
@media print, screen and (min-width: 80em) {
    #page-property-1 .l-gHeader__logo-block {
        width: 210px;
    }
}
@media print, screen and (min-width: 61.25em) {
    #page-property-1 .l-gHeader__logo-block a {
        padding: 0 24px;
    }
}
@media print, screen and (min-width: 80em) {
    #page-property-1 .l-gHeader__logo-block a {
        padding: 0 30px;
    }
}
@media print, screen and (min-width: 61.25em) {
    #page-property-1 .l-gHeader-main-area {
        margin-left: 14px;
    }
}
@media print, screen and (min-width: 70em) {
    #page-property-1 .l-gHeader-main-area {
        margin-left: 16px;
    }
}
@media print, screen and (min-width: 61.25em) {
    #page-property-1 .l-gHeader__menu-parent {
        color: #fff;
    }
}
#page-property-1 .l-gHeader__search-open, #page-property-1 .l-gHeader__search-close {
    fill: #fff;
}
#page-property-1 .l-gHeader-menu-icon__line {
    background-color: #fff;
}
@media print, screen and (min-width: 61.25em) {
    #page-property-1 .l-gHeader-sub-menu__business.c-button-blue {
        border-color: #fff;
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
    }
    #page-property-1 .l-gHeader-sub-menu__business.c-button-blue:hover {
        background-color: #fff;
        color: #000;
    }
}
#page-property-1 .l-gHeader-sub-menu__search:not(.is-active), #page-property-1 .l-gHeader-sub-menu__search-open, #page-property-1 .l-gHeader-sub-menu__search-close {
    fill: #fff;
}
@media print, screen and (min-width: 61.25em) {
    #page-property-1 a.l-gHeader-sub-menu__link {
        color: #fff;
    }
}

/* フッター */
.l-gFooter {
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: YuGothic, "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    text-align: initial;
    letter-spacing: normal;
}
.l-gFooter a {
    color: #202020;
    text-decoration: none;
}

.l-gFooter__above {
    padding: 13px 5.33% 30px;
    border-top: 1px solid #EBEBEB;
}

.l-gFooter__bottom {
    background: #333333;
    padding: 25px 5.33% 28px;
}

@media print, screen and (min-width: 61.25em) {
    .l-gFooter__above {
        padding: 45px 3.125% 52px;
        background-color: #fff;
    }
    .l-gFooter__bottom {
        padding: 55px 3.125% 28px;
        background-color: #333333;
    }
}
/* 上部 SNS */
.l-gFooter-sns {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.l-gFooter-sns__block {
    width: 100%;
    padding: 22px 0 17px;
}

.l-gFooter-sns__bar {
    width: 100%;
    height: 2px;
    background-color: #EBEBEB;
}

.l-gFooter-sns__heading {
    margin: 0 0 6px;
    font-size: 123.1%;
    text-align: center;
}

.l-gFooter-sns__text {
    font-size: 77%;
    text-align: center;
}

.l-gFooter-sns__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px 30px;
    max-width: 240px;
    margin: 16px auto 0;
}

.l-gFooter-sns__list.l-gFooter-sns__list--magazine {
    max-width: 100%;
    margin: 24px auto 0;
}

.l-gFooter-sns__link {
    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;
    width: 60px;
    height: 60px;
}

.l-gFooter-sns__link img,
.l-gFooter-sns__link svg {
    max-width: 100%;
    height: auto;
}

.l-gFooter-sns__link.m-facebook svg {
    width: 43px;
    height: 42.74px;
}

.l-gFooter-sns__link.m-instagram img {
    width: 42px;
    height: 42px;
}

.l-gFooter-sns__link.m-twitter svg {
    width: 45px;
    height: 36.5px;
}

.l-gFooter-sns__link.m-tiktok img {
    width: 42px;
    height: 42px;
}

.l-gFooter-sns__link.m-youtube svg {
    width: 45.7px;
    height: 32.4px;
}

.l-gFooter-sns__link.m-youtube-houjin {
    height: 70px;
}

.l-gFooter-sns__link.m-youtube-houjin svg {
    width: 48.79px;
    height: 69.16px;
}


/* メルマガ */
.l-gFooter-sns__mailmagazine {
    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;
}

.l-gFooter-sns__mailmagazine svg {
    width: 60px;
    height: 60px;
}

.l-gFooter-sns__mailmagazine span {
    color: #004098;
    font-size: 108%;
    font-weight: bold;
}

@media print, screen and (min-width: 61.25em) {
    .l-gFooter-sns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .l-gFooter-sns__block {
        -webkit-box-flex: 50%;
            -ms-flex: 50% 0 1;
                flex: 50% 0 1;
        padding: 0;
    }
    .l-gFooter-sns__bar {
        -webkit-box-flex: 2px;
            -ms-flex: 2px 0 0px;
                flex: 2px 0 0;
        height: 130px;
        margin: auto 0;
    }
    .l-gFooter-sns__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        gap: 0 25px;
        max-width: 400px;
        margin-top: 25px;
    }
    .l-gFooter-sns__list.l-gFooter-sns__list--magazine {
        margin-top: 25px;
    }
    .l-gFooter-sns__heading {
        margin: 0 0 6px;
        font-size: 138.5%;
    }
    .l-gFooter-sns__text {
        font-size: 93%;
        text-align: center;
    }
    .l-gFooter-sns__link:hover {
        opacity: 0.7;
    }
    .l-gFooter-sns__mailmagazine {
        -webkit-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
        transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    }
    .l-gFooter-sns__mailmagazine:hover {
        opacity: 0.7;
    }
    .l-gFooter-sns__link.m-youtube-houjin {
        height: 81px;
    }
}
/* フッターメニュー */
.l-gFooter-menu {
    display: block;
}

.l-gFooter-menu a {
    color: #fff;
}

.l-gFooter-group {
    width: 100%;
}

.l-gFooter-block {
    border-bottom: 1px solid #555555;
}

/* アコーディオン・リンク */
.l-gFooter-block__parent {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 11px 14px 11px 0;
    font-size: 93%;
}

.l-gFooter-block__parent-arrow,
.l-gFooter-block__parent-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    width: 14px;
    height: 14px;
}

.l-gFooter-block__parent-arrow::before,
.l-gFooter-block__parent-icon::before,
.l-gFooter-block__parent-icon::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    display: inline-block;
}

.l-gFooter-block__parent-arrow::before {
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.l-gFooter-block__parent-icon::before,
.l-gFooter-block__parent-icon::after {
    width: 14px;
    height: 2px;
    background-color: #fff;
}

.l-gFooter-block__parent-icon::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

.l-gFooter-block__parent.is-open .l-gFooter-block__parent-icon::after {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}

.l-gFooter-block__list {
    padding: 0 0 10px;
}

.l-gFooter-block__link {
    position: relative;
    padding-left: 22px;
    display: inline-block;
    font-size: 93%;
}

.l-gFooter-block__link::before {
    content: "";
    position: absolute;
    top: 0.875em;
    left: -2px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    font-size: inherit;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}

@media print, screen and (min-width: 61.25em) {
    .l-gFooter-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .l-gFooter-menu a[href]:hover {
        text-decoration: underline;
    }
    .l-gFooter-group {
        width: 190px;
    }
    .l-gFooter-block {
        width: 100%;
        border-bottom: none;
    }
    .l-gFooter-block + .l-gFooter-block {
        margin-top: 17px;
    }
    /* アコーディオン・リンク */
    .l-gFooter-block__parent {
        display: inline-block;
        width: auto;
        padding: 0;
        font-size: 108%;
        font-weight: bold;
        line-height: 1.7;
    }
    .l-gFooter-block__parent:not([href]) {
        cursor: text;
    }
    .l-gFooter-block__parent-icon,
    .l-gFooter-block__parent-arrow {
        display: none;
    }
    .l-gFooter-block__list {
        margin-top: 8px;
        padding: 0;
    }
    .l-gFooter-block__item {
        padding: 0;
    }
    .l-gFooter-block__link {
        padding-left: 0;
        font-size: 93%;
        line-height: 2;
    }
    .l-gFooter-block__link::before {
        content: none;
    }
    .l-gFooter-block__link:hover {
        text-decoration: underline;
    }
}
/* 小メニュー・コピーライト */
.l-gFooter-small {
    display: block;
    margin-top: 36px;
}

.l-gFooter-small-menu {
    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;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 9px 10px;
}

.l-gFooter-small-menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 77%;
}

.l-gFooter-small-menu li:nth-child(n+2)::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    border-left: 1px solid #747474;
    margin: 0.35em 10px 0.35em 0;
    font-size: inherit;
    line-height: 1;
}

.l-gFooter-small-menu .u-spacer {
    width: 100%;
}

.l-gFooter-small-menu li.u-spacer::before,
.l-gFooter-small-menu li:nth-of-type(5)::before {
    content: none;
}

.l-gFooter-small-menu a {
    color: #fff;
}

.l-gFooter-small__copy {
    margin-top: 26px;
    color: #fff;
    font-size: 93%;
    line-height: 1.1;
    text-align: center;
}

@media print, screen and (min-width: 61.25em) {
    .l-gFooter-small {
        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;
        margin-top: 71px;
    }
    .l-gFooter-small-menu li.u-spacer {
        display: none;
    }
    .l-gFooter-small-menu li:nth-of-type(5)::before {
        content: "";
    }
    .l-gFooter-small-menu a:hover {
        text-decoration: underline;
    }
    .l-gFooter-small__copy {
        margin-top: 0;
        text-align: right;
    }
}
/* オーバーレイ */
.l-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    display: none;
    background-color: #000;
    opacity: 0.5;
    z-index: 50;
    pointer-events: all;
}

.l-overlay.is-visible {
    display: block;
}

/* loading */
.l-loading {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 100%;
    padding: 0 5.33%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 11;
}

@media print, screen and (min-width: 61.25em) {
    .l-loading {
        max-width: 500px;
    }
}
.l-loading__container {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
}

.l-loading__inner {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    padding-top: 100%;
    border: 1px solid #EBEBEB;
    background-color: rgba(255, 255, 255, 0.9);
}

.l-loading__inner::before {
    --shadow-param01: 0 -64px 0 0;
    --shadow-param02: -30px -54px 0 0;
    --shadow-param03: -54px -30px 0 0;
    --shadow-param04: -64px 0 0 0;
    --shadow-param05: -54px 30px 0 0;
    --shadow-param06: -30px 54px 0 0;
    --shadow-param07: 0 64px 0 0;
    --shadow-param08: 30px 54px 0 0;
    --shadow-param09: 54px 30px 0 0;
    --shadow-param10: 64px 0 0 0;
    --shadow-param11: 54px -30px 0 0;
    --shadow-param12: 30px -54px 0 0;
    --shadow-color01: #004098;
    --shadow-color02: #1F59A8;
    --shadow-color03: #3E71B8;
    --shadow-color04: #3E71B8;
    --shadow-color05: #5E8AC8;
    --shadow-color06: #7DA3D7;
    --shadow-color07: #9CBBE7;
    --shadow-color08: #A4C8FA;
    --shadow-color09: #A4C8FA;
    --shadow-color10: #A4C8FA;
    --shadow-color11: #A4C8FA;
    --shadow-color12: #A4C8FA;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    content: "";
}

.l-loading__inner::after {
    content: "Now Loading…";
    position: absolute;
    display: inline-block;
    right: 0;
    left: 0;
    bottom: 45px;
    width: auto;
    text-align: center;
}

@-webkit-keyframes load5 {
    0%, 100% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color01), var(--shadow-param02) var(--shadow-color02), var(--shadow-param03) var(--shadow-color03), var(--shadow-param04) var(--shadow-color04), var(--shadow-param05) var(--shadow-color05), var(--shadow-param06) var(--shadow-color06), var(--shadow-param07) var(--shadow-color07), var(--shadow-param08) var(--shadow-color08), var(--shadow-param09) var(--shadow-color09), var(--shadow-param10) var(--shadow-color10), var(--shadow-param11) var(--shadow-color11), var(--shadow-param12) var(--shadow-color12);
                box-shadow: var(--shadow-param01) var(--shadow-color01), var(--shadow-param02) var(--shadow-color02), var(--shadow-param03) var(--shadow-color03), var(--shadow-param04) var(--shadow-color04), var(--shadow-param05) var(--shadow-color05), var(--shadow-param06) var(--shadow-color06), var(--shadow-param07) var(--shadow-color07), var(--shadow-param08) var(--shadow-color08), var(--shadow-param09) var(--shadow-color09), var(--shadow-param10) var(--shadow-color10), var(--shadow-param11) var(--shadow-color11), var(--shadow-param12) var(--shadow-color12);
    }
    8.33% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color02), var(--shadow-param02) var(--shadow-color03), var(--shadow-param03) var(--shadow-color04), var(--shadow-param04) var(--shadow-color05), var(--shadow-param05) var(--shadow-color06), var(--shadow-param06) var(--shadow-color07), var(--shadow-param07) var(--shadow-color08), var(--shadow-param08) var(--shadow-color09), var(--shadow-param09) var(--shadow-color10), var(--shadow-param10) var(--shadow-color11), var(--shadow-param11) var(--shadow-color12), var(--shadow-param12) var(--shadow-color01);
                box-shadow: var(--shadow-param01) var(--shadow-color02), var(--shadow-param02) var(--shadow-color03), var(--shadow-param03) var(--shadow-color04), var(--shadow-param04) var(--shadow-color05), var(--shadow-param05) var(--shadow-color06), var(--shadow-param06) var(--shadow-color07), var(--shadow-param07) var(--shadow-color08), var(--shadow-param08) var(--shadow-color09), var(--shadow-param09) var(--shadow-color10), var(--shadow-param10) var(--shadow-color11), var(--shadow-param11) var(--shadow-color12), var(--shadow-param12) var(--shadow-color01);
    }
    16.66% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color03), var(--shadow-param02) var(--shadow-color04), var(--shadow-param03) var(--shadow-color05), var(--shadow-param04) var(--shadow-color06), var(--shadow-param05) var(--shadow-color07), var(--shadow-param06) var(--shadow-color08), var(--shadow-param07) var(--shadow-color09), var(--shadow-param08) var(--shadow-color10), var(--shadow-param09) var(--shadow-color11), var(--shadow-param10) var(--shadow-color12), var(--shadow-param11) var(--shadow-color01), var(--shadow-param12) var(--shadow-color02);
                box-shadow: var(--shadow-param01) var(--shadow-color03), var(--shadow-param02) var(--shadow-color04), var(--shadow-param03) var(--shadow-color05), var(--shadow-param04) var(--shadow-color06), var(--shadow-param05) var(--shadow-color07), var(--shadow-param06) var(--shadow-color08), var(--shadow-param07) var(--shadow-color09), var(--shadow-param08) var(--shadow-color10), var(--shadow-param09) var(--shadow-color11), var(--shadow-param10) var(--shadow-color12), var(--shadow-param11) var(--shadow-color01), var(--shadow-param12) var(--shadow-color02);
    }
    25% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color04), var(--shadow-param02) var(--shadow-color05), var(--shadow-param03) var(--shadow-color06), var(--shadow-param04) var(--shadow-color07), var(--shadow-param05) var(--shadow-color08), var(--shadow-param06) var(--shadow-color09), var(--shadow-param07) var(--shadow-color10), var(--shadow-param08) var(--shadow-color11), var(--shadow-param09) var(--shadow-color12), var(--shadow-param10) var(--shadow-color01), var(--shadow-param11) var(--shadow-color02), var(--shadow-param12) var(--shadow-color03);
                box-shadow: var(--shadow-param01) var(--shadow-color04), var(--shadow-param02) var(--shadow-color05), var(--shadow-param03) var(--shadow-color06), var(--shadow-param04) var(--shadow-color07), var(--shadow-param05) var(--shadow-color08), var(--shadow-param06) var(--shadow-color09), var(--shadow-param07) var(--shadow-color10), var(--shadow-param08) var(--shadow-color11), var(--shadow-param09) var(--shadow-color12), var(--shadow-param10) var(--shadow-color01), var(--shadow-param11) var(--shadow-color02), var(--shadow-param12) var(--shadow-color03);
    }
    33.33% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color05), var(--shadow-param02) var(--shadow-color06), var(--shadow-param03) var(--shadow-color07), var(--shadow-param04) var(--shadow-color08), var(--shadow-param05) var(--shadow-color09), var(--shadow-param06) var(--shadow-color10), var(--shadow-param07) var(--shadow-color11), var(--shadow-param08) var(--shadow-color12), var(--shadow-param09) var(--shadow-color01), var(--shadow-param10) var(--shadow-color02), var(--shadow-param11) var(--shadow-color03), var(--shadow-param12) var(--shadow-color04);
                box-shadow: var(--shadow-param01) var(--shadow-color05), var(--shadow-param02) var(--shadow-color06), var(--shadow-param03) var(--shadow-color07), var(--shadow-param04) var(--shadow-color08), var(--shadow-param05) var(--shadow-color09), var(--shadow-param06) var(--shadow-color10), var(--shadow-param07) var(--shadow-color11), var(--shadow-param08) var(--shadow-color12), var(--shadow-param09) var(--shadow-color01), var(--shadow-param10) var(--shadow-color02), var(--shadow-param11) var(--shadow-color03), var(--shadow-param12) var(--shadow-color04);
    }
    41.66% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color06), var(--shadow-param02) var(--shadow-color07), var(--shadow-param03) var(--shadow-color08), var(--shadow-param04) var(--shadow-color09), var(--shadow-param05) var(--shadow-color10), var(--shadow-param06) var(--shadow-color11), var(--shadow-param07) var(--shadow-color12), var(--shadow-param08) var(--shadow-color01), var(--shadow-param09) var(--shadow-color02), var(--shadow-param10) var(--shadow-color03), var(--shadow-param11) var(--shadow-color04), var(--shadow-param12) var(--shadow-color05);
                box-shadow: var(--shadow-param01) var(--shadow-color06), var(--shadow-param02) var(--shadow-color07), var(--shadow-param03) var(--shadow-color08), var(--shadow-param04) var(--shadow-color09), var(--shadow-param05) var(--shadow-color10), var(--shadow-param06) var(--shadow-color11), var(--shadow-param07) var(--shadow-color12), var(--shadow-param08) var(--shadow-color01), var(--shadow-param09) var(--shadow-color02), var(--shadow-param10) var(--shadow-color03), var(--shadow-param11) var(--shadow-color04), var(--shadow-param12) var(--shadow-color05);
    }
    50% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color07), var(--shadow-param02) var(--shadow-color08), var(--shadow-param03) var(--shadow-color09), var(--shadow-param04) var(--shadow-color10), var(--shadow-param05) var(--shadow-color11), var(--shadow-param06) var(--shadow-color12), var(--shadow-param07) var(--shadow-color01), var(--shadow-param08) var(--shadow-color02), var(--shadow-param09) var(--shadow-color03), var(--shadow-param10) var(--shadow-color04), var(--shadow-param11) var(--shadow-color05), var(--shadow-param12) var(--shadow-color06);
                box-shadow: var(--shadow-param01) var(--shadow-color07), var(--shadow-param02) var(--shadow-color08), var(--shadow-param03) var(--shadow-color09), var(--shadow-param04) var(--shadow-color10), var(--shadow-param05) var(--shadow-color11), var(--shadow-param06) var(--shadow-color12), var(--shadow-param07) var(--shadow-color01), var(--shadow-param08) var(--shadow-color02), var(--shadow-param09) var(--shadow-color03), var(--shadow-param10) var(--shadow-color04), var(--shadow-param11) var(--shadow-color05), var(--shadow-param12) var(--shadow-color06);
    }
    58.33% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color08), var(--shadow-param02) var(--shadow-color09), var(--shadow-param03) var(--shadow-color10), var(--shadow-param04) var(--shadow-color11), var(--shadow-param05) var(--shadow-color12), var(--shadow-param06) var(--shadow-color01), var(--shadow-param07) var(--shadow-color02), var(--shadow-param08) var(--shadow-color03), var(--shadow-param09) var(--shadow-color04), var(--shadow-param10) var(--shadow-color05), var(--shadow-param11) var(--shadow-color06), var(--shadow-param12) var(--shadow-color07);
                box-shadow: var(--shadow-param01) var(--shadow-color08), var(--shadow-param02) var(--shadow-color09), var(--shadow-param03) var(--shadow-color10), var(--shadow-param04) var(--shadow-color11), var(--shadow-param05) var(--shadow-color12), var(--shadow-param06) var(--shadow-color01), var(--shadow-param07) var(--shadow-color02), var(--shadow-param08) var(--shadow-color03), var(--shadow-param09) var(--shadow-color04), var(--shadow-param10) var(--shadow-color05), var(--shadow-param11) var(--shadow-color06), var(--shadow-param12) var(--shadow-color07);
    }
    66.66% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color09), var(--shadow-param02) var(--shadow-color10), var(--shadow-param03) var(--shadow-color11), var(--shadow-param04) var(--shadow-color12), var(--shadow-param05) var(--shadow-color01), var(--shadow-param06) var(--shadow-color02), var(--shadow-param07) var(--shadow-color03), var(--shadow-param08) var(--shadow-color04), var(--shadow-param09) var(--shadow-color05), var(--shadow-param10) var(--shadow-color06), var(--shadow-param11) var(--shadow-color07), var(--shadow-param12) var(--shadow-color08);
                box-shadow: var(--shadow-param01) var(--shadow-color09), var(--shadow-param02) var(--shadow-color10), var(--shadow-param03) var(--shadow-color11), var(--shadow-param04) var(--shadow-color12), var(--shadow-param05) var(--shadow-color01), var(--shadow-param06) var(--shadow-color02), var(--shadow-param07) var(--shadow-color03), var(--shadow-param08) var(--shadow-color04), var(--shadow-param09) var(--shadow-color05), var(--shadow-param10) var(--shadow-color06), var(--shadow-param11) var(--shadow-color07), var(--shadow-param12) var(--shadow-color08);
    }
    75% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color10), var(--shadow-param02) var(--shadow-color11), var(--shadow-param03) var(--shadow-color12), var(--shadow-param04) var(--shadow-color01), var(--shadow-param05) var(--shadow-color02), var(--shadow-param06) var(--shadow-color03), var(--shadow-param07) var(--shadow-color04), var(--shadow-param08) var(--shadow-color05), var(--shadow-param09) var(--shadow-color06), var(--shadow-param10) var(--shadow-color07), var(--shadow-param11) var(--shadow-color08), var(--shadow-param12) var(--shadow-color09);
                box-shadow: var(--shadow-param01) var(--shadow-color10), var(--shadow-param02) var(--shadow-color11), var(--shadow-param03) var(--shadow-color12), var(--shadow-param04) var(--shadow-color01), var(--shadow-param05) var(--shadow-color02), var(--shadow-param06) var(--shadow-color03), var(--shadow-param07) var(--shadow-color04), var(--shadow-param08) var(--shadow-color05), var(--shadow-param09) var(--shadow-color06), var(--shadow-param10) var(--shadow-color07), var(--shadow-param11) var(--shadow-color08), var(--shadow-param12) var(--shadow-color09);
    }
    83.33% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color11), var(--shadow-param02) var(--shadow-color12), var(--shadow-param03) var(--shadow-color01), var(--shadow-param04) var(--shadow-color02), var(--shadow-param05) var(--shadow-color03), var(--shadow-param06) var(--shadow-color04), var(--shadow-param07) var(--shadow-color05), var(--shadow-param08) var(--shadow-color06), var(--shadow-param09) var(--shadow-color07), var(--shadow-param10) var(--shadow-color08), var(--shadow-param11) var(--shadow-color09), var(--shadow-param12) var(--shadow-color10);
                box-shadow: var(--shadow-param01) var(--shadow-color11), var(--shadow-param02) var(--shadow-color12), var(--shadow-param03) var(--shadow-color01), var(--shadow-param04) var(--shadow-color02), var(--shadow-param05) var(--shadow-color03), var(--shadow-param06) var(--shadow-color04), var(--shadow-param07) var(--shadow-color05), var(--shadow-param08) var(--shadow-color06), var(--shadow-param09) var(--shadow-color07), var(--shadow-param10) var(--shadow-color08), var(--shadow-param11) var(--shadow-color09), var(--shadow-param12) var(--shadow-color10);
    }
    91.66% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color12), var(--shadow-param02) var(--shadow-color01), var(--shadow-param03) var(--shadow-color02), var(--shadow-param04) var(--shadow-color03), var(--shadow-param05) var(--shadow-color04), var(--shadow-param06) var(--shadow-color05), var(--shadow-param07) var(--shadow-color06), var(--shadow-param08) var(--shadow-color07), var(--shadow-param09) var(--shadow-color08), var(--shadow-param10) var(--shadow-color09), var(--shadow-param11) var(--shadow-color10), var(--shadow-param12) var(--shadow-color11);
                box-shadow: var(--shadow-param01) var(--shadow-color12), var(--shadow-param02) var(--shadow-color01), var(--shadow-param03) var(--shadow-color02), var(--shadow-param04) var(--shadow-color03), var(--shadow-param05) var(--shadow-color04), var(--shadow-param06) var(--shadow-color05), var(--shadow-param07) var(--shadow-color06), var(--shadow-param08) var(--shadow-color07), var(--shadow-param09) var(--shadow-color08), var(--shadow-param10) var(--shadow-color09), var(--shadow-param11) var(--shadow-color10), var(--shadow-param12) var(--shadow-color11);
    }
}
@keyframes load5 {
    0%, 100% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color01), var(--shadow-param02) var(--shadow-color02), var(--shadow-param03) var(--shadow-color03), var(--shadow-param04) var(--shadow-color04), var(--shadow-param05) var(--shadow-color05), var(--shadow-param06) var(--shadow-color06), var(--shadow-param07) var(--shadow-color07), var(--shadow-param08) var(--shadow-color08), var(--shadow-param09) var(--shadow-color09), var(--shadow-param10) var(--shadow-color10), var(--shadow-param11) var(--shadow-color11), var(--shadow-param12) var(--shadow-color12);
                box-shadow: var(--shadow-param01) var(--shadow-color01), var(--shadow-param02) var(--shadow-color02), var(--shadow-param03) var(--shadow-color03), var(--shadow-param04) var(--shadow-color04), var(--shadow-param05) var(--shadow-color05), var(--shadow-param06) var(--shadow-color06), var(--shadow-param07) var(--shadow-color07), var(--shadow-param08) var(--shadow-color08), var(--shadow-param09) var(--shadow-color09), var(--shadow-param10) var(--shadow-color10), var(--shadow-param11) var(--shadow-color11), var(--shadow-param12) var(--shadow-color12);
    }
    8.33% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color02), var(--shadow-param02) var(--shadow-color03), var(--shadow-param03) var(--shadow-color04), var(--shadow-param04) var(--shadow-color05), var(--shadow-param05) var(--shadow-color06), var(--shadow-param06) var(--shadow-color07), var(--shadow-param07) var(--shadow-color08), var(--shadow-param08) var(--shadow-color09), var(--shadow-param09) var(--shadow-color10), var(--shadow-param10) var(--shadow-color11), var(--shadow-param11) var(--shadow-color12), var(--shadow-param12) var(--shadow-color01);
                box-shadow: var(--shadow-param01) var(--shadow-color02), var(--shadow-param02) var(--shadow-color03), var(--shadow-param03) var(--shadow-color04), var(--shadow-param04) var(--shadow-color05), var(--shadow-param05) var(--shadow-color06), var(--shadow-param06) var(--shadow-color07), var(--shadow-param07) var(--shadow-color08), var(--shadow-param08) var(--shadow-color09), var(--shadow-param09) var(--shadow-color10), var(--shadow-param10) var(--shadow-color11), var(--shadow-param11) var(--shadow-color12), var(--shadow-param12) var(--shadow-color01);
    }
    16.66% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color03), var(--shadow-param02) var(--shadow-color04), var(--shadow-param03) var(--shadow-color05), var(--shadow-param04) var(--shadow-color06), var(--shadow-param05) var(--shadow-color07), var(--shadow-param06) var(--shadow-color08), var(--shadow-param07) var(--shadow-color09), var(--shadow-param08) var(--shadow-color10), var(--shadow-param09) var(--shadow-color11), var(--shadow-param10) var(--shadow-color12), var(--shadow-param11) var(--shadow-color01), var(--shadow-param12) var(--shadow-color02);
                box-shadow: var(--shadow-param01) var(--shadow-color03), var(--shadow-param02) var(--shadow-color04), var(--shadow-param03) var(--shadow-color05), var(--shadow-param04) var(--shadow-color06), var(--shadow-param05) var(--shadow-color07), var(--shadow-param06) var(--shadow-color08), var(--shadow-param07) var(--shadow-color09), var(--shadow-param08) var(--shadow-color10), var(--shadow-param09) var(--shadow-color11), var(--shadow-param10) var(--shadow-color12), var(--shadow-param11) var(--shadow-color01), var(--shadow-param12) var(--shadow-color02);
    }
    25% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color04), var(--shadow-param02) var(--shadow-color05), var(--shadow-param03) var(--shadow-color06), var(--shadow-param04) var(--shadow-color07), var(--shadow-param05) var(--shadow-color08), var(--shadow-param06) var(--shadow-color09), var(--shadow-param07) var(--shadow-color10), var(--shadow-param08) var(--shadow-color11), var(--shadow-param09) var(--shadow-color12), var(--shadow-param10) var(--shadow-color01), var(--shadow-param11) var(--shadow-color02), var(--shadow-param12) var(--shadow-color03);
                box-shadow: var(--shadow-param01) var(--shadow-color04), var(--shadow-param02) var(--shadow-color05), var(--shadow-param03) var(--shadow-color06), var(--shadow-param04) var(--shadow-color07), var(--shadow-param05) var(--shadow-color08), var(--shadow-param06) var(--shadow-color09), var(--shadow-param07) var(--shadow-color10), var(--shadow-param08) var(--shadow-color11), var(--shadow-param09) var(--shadow-color12), var(--shadow-param10) var(--shadow-color01), var(--shadow-param11) var(--shadow-color02), var(--shadow-param12) var(--shadow-color03);
    }
    33.33% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color05), var(--shadow-param02) var(--shadow-color06), var(--shadow-param03) var(--shadow-color07), var(--shadow-param04) var(--shadow-color08), var(--shadow-param05) var(--shadow-color09), var(--shadow-param06) var(--shadow-color10), var(--shadow-param07) var(--shadow-color11), var(--shadow-param08) var(--shadow-color12), var(--shadow-param09) var(--shadow-color01), var(--shadow-param10) var(--shadow-color02), var(--shadow-param11) var(--shadow-color03), var(--shadow-param12) var(--shadow-color04);
                box-shadow: var(--shadow-param01) var(--shadow-color05), var(--shadow-param02) var(--shadow-color06), var(--shadow-param03) var(--shadow-color07), var(--shadow-param04) var(--shadow-color08), var(--shadow-param05) var(--shadow-color09), var(--shadow-param06) var(--shadow-color10), var(--shadow-param07) var(--shadow-color11), var(--shadow-param08) var(--shadow-color12), var(--shadow-param09) var(--shadow-color01), var(--shadow-param10) var(--shadow-color02), var(--shadow-param11) var(--shadow-color03), var(--shadow-param12) var(--shadow-color04);
    }
    41.66% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color06), var(--shadow-param02) var(--shadow-color07), var(--shadow-param03) var(--shadow-color08), var(--shadow-param04) var(--shadow-color09), var(--shadow-param05) var(--shadow-color10), var(--shadow-param06) var(--shadow-color11), var(--shadow-param07) var(--shadow-color12), var(--shadow-param08) var(--shadow-color01), var(--shadow-param09) var(--shadow-color02), var(--shadow-param10) var(--shadow-color03), var(--shadow-param11) var(--shadow-color04), var(--shadow-param12) var(--shadow-color05);
                box-shadow: var(--shadow-param01) var(--shadow-color06), var(--shadow-param02) var(--shadow-color07), var(--shadow-param03) var(--shadow-color08), var(--shadow-param04) var(--shadow-color09), var(--shadow-param05) var(--shadow-color10), var(--shadow-param06) var(--shadow-color11), var(--shadow-param07) var(--shadow-color12), var(--shadow-param08) var(--shadow-color01), var(--shadow-param09) var(--shadow-color02), var(--shadow-param10) var(--shadow-color03), var(--shadow-param11) var(--shadow-color04), var(--shadow-param12) var(--shadow-color05);
    }
    50% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color07), var(--shadow-param02) var(--shadow-color08), var(--shadow-param03) var(--shadow-color09), var(--shadow-param04) var(--shadow-color10), var(--shadow-param05) var(--shadow-color11), var(--shadow-param06) var(--shadow-color12), var(--shadow-param07) var(--shadow-color01), var(--shadow-param08) var(--shadow-color02), var(--shadow-param09) var(--shadow-color03), var(--shadow-param10) var(--shadow-color04), var(--shadow-param11) var(--shadow-color05), var(--shadow-param12) var(--shadow-color06);
                box-shadow: var(--shadow-param01) var(--shadow-color07), var(--shadow-param02) var(--shadow-color08), var(--shadow-param03) var(--shadow-color09), var(--shadow-param04) var(--shadow-color10), var(--shadow-param05) var(--shadow-color11), var(--shadow-param06) var(--shadow-color12), var(--shadow-param07) var(--shadow-color01), var(--shadow-param08) var(--shadow-color02), var(--shadow-param09) var(--shadow-color03), var(--shadow-param10) var(--shadow-color04), var(--shadow-param11) var(--shadow-color05), var(--shadow-param12) var(--shadow-color06);
    }
    58.33% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color08), var(--shadow-param02) var(--shadow-color09), var(--shadow-param03) var(--shadow-color10), var(--shadow-param04) var(--shadow-color11), var(--shadow-param05) var(--shadow-color12), var(--shadow-param06) var(--shadow-color01), var(--shadow-param07) var(--shadow-color02), var(--shadow-param08) var(--shadow-color03), var(--shadow-param09) var(--shadow-color04), var(--shadow-param10) var(--shadow-color05), var(--shadow-param11) var(--shadow-color06), var(--shadow-param12) var(--shadow-color07);
                box-shadow: var(--shadow-param01) var(--shadow-color08), var(--shadow-param02) var(--shadow-color09), var(--shadow-param03) var(--shadow-color10), var(--shadow-param04) var(--shadow-color11), var(--shadow-param05) var(--shadow-color12), var(--shadow-param06) var(--shadow-color01), var(--shadow-param07) var(--shadow-color02), var(--shadow-param08) var(--shadow-color03), var(--shadow-param09) var(--shadow-color04), var(--shadow-param10) var(--shadow-color05), var(--shadow-param11) var(--shadow-color06), var(--shadow-param12) var(--shadow-color07);
    }
    66.66% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color09), var(--shadow-param02) var(--shadow-color10), var(--shadow-param03) var(--shadow-color11), var(--shadow-param04) var(--shadow-color12), var(--shadow-param05) var(--shadow-color01), var(--shadow-param06) var(--shadow-color02), var(--shadow-param07) var(--shadow-color03), var(--shadow-param08) var(--shadow-color04), var(--shadow-param09) var(--shadow-color05), var(--shadow-param10) var(--shadow-color06), var(--shadow-param11) var(--shadow-color07), var(--shadow-param12) var(--shadow-color08);
                box-shadow: var(--shadow-param01) var(--shadow-color09), var(--shadow-param02) var(--shadow-color10), var(--shadow-param03) var(--shadow-color11), var(--shadow-param04) var(--shadow-color12), var(--shadow-param05) var(--shadow-color01), var(--shadow-param06) var(--shadow-color02), var(--shadow-param07) var(--shadow-color03), var(--shadow-param08) var(--shadow-color04), var(--shadow-param09) var(--shadow-color05), var(--shadow-param10) var(--shadow-color06), var(--shadow-param11) var(--shadow-color07), var(--shadow-param12) var(--shadow-color08);
    }
    75% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color10), var(--shadow-param02) var(--shadow-color11), var(--shadow-param03) var(--shadow-color12), var(--shadow-param04) var(--shadow-color01), var(--shadow-param05) var(--shadow-color02), var(--shadow-param06) var(--shadow-color03), var(--shadow-param07) var(--shadow-color04), var(--shadow-param08) var(--shadow-color05), var(--shadow-param09) var(--shadow-color06), var(--shadow-param10) var(--shadow-color07), var(--shadow-param11) var(--shadow-color08), var(--shadow-param12) var(--shadow-color09);
                box-shadow: var(--shadow-param01) var(--shadow-color10), var(--shadow-param02) var(--shadow-color11), var(--shadow-param03) var(--shadow-color12), var(--shadow-param04) var(--shadow-color01), var(--shadow-param05) var(--shadow-color02), var(--shadow-param06) var(--shadow-color03), var(--shadow-param07) var(--shadow-color04), var(--shadow-param08) var(--shadow-color05), var(--shadow-param09) var(--shadow-color06), var(--shadow-param10) var(--shadow-color07), var(--shadow-param11) var(--shadow-color08), var(--shadow-param12) var(--shadow-color09);
    }
    83.33% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color11), var(--shadow-param02) var(--shadow-color12), var(--shadow-param03) var(--shadow-color01), var(--shadow-param04) var(--shadow-color02), var(--shadow-param05) var(--shadow-color03), var(--shadow-param06) var(--shadow-color04), var(--shadow-param07) var(--shadow-color05), var(--shadow-param08) var(--shadow-color06), var(--shadow-param09) var(--shadow-color07), var(--shadow-param10) var(--shadow-color08), var(--shadow-param11) var(--shadow-color09), var(--shadow-param12) var(--shadow-color10);
                box-shadow: var(--shadow-param01) var(--shadow-color11), var(--shadow-param02) var(--shadow-color12), var(--shadow-param03) var(--shadow-color01), var(--shadow-param04) var(--shadow-color02), var(--shadow-param05) var(--shadow-color03), var(--shadow-param06) var(--shadow-color04), var(--shadow-param07) var(--shadow-color05), var(--shadow-param08) var(--shadow-color06), var(--shadow-param09) var(--shadow-color07), var(--shadow-param10) var(--shadow-color08), var(--shadow-param11) var(--shadow-color09), var(--shadow-param12) var(--shadow-color10);
    }
    91.66% {
        -webkit-box-shadow: var(--shadow-param01) var(--shadow-color12), var(--shadow-param02) var(--shadow-color01), var(--shadow-param03) var(--shadow-color02), var(--shadow-param04) var(--shadow-color03), var(--shadow-param05) var(--shadow-color04), var(--shadow-param06) var(--shadow-color05), var(--shadow-param07) var(--shadow-color06), var(--shadow-param08) var(--shadow-color07), var(--shadow-param09) var(--shadow-color08), var(--shadow-param10) var(--shadow-color09), var(--shadow-param11) var(--shadow-color10), var(--shadow-param12) var(--shadow-color11);
                box-shadow: var(--shadow-param01) var(--shadow-color12), var(--shadow-param02) var(--shadow-color01), var(--shadow-param03) var(--shadow-color02), var(--shadow-param04) var(--shadow-color03), var(--shadow-param05) var(--shadow-color04), var(--shadow-param06) var(--shadow-color05), var(--shadow-param07) var(--shadow-color06), var(--shadow-param08) var(--shadow-color07), var(--shadow-param09) var(--shadow-color08), var(--shadow-param10) var(--shadow-color09), var(--shadow-param11) var(--shadow-color10), var(--shadow-param12) var(--shadow-color11);
    }
}
/* 2カラムレイアウト */
.l-multi-column {
    padding: 0;
}
@media screen and (min-width: 61.25em) {
    .l-multi-column {
        padding: 0 3.125%;
    }
}
.l-multi-column__inner {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 61.25em) {
    .l-multi-column__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
.l-multi-column__main {
    width: 100%;
    padding: 0 5.33%;
}
@media screen and (min-width: 61.25em) {
    .l-multi-column__main {
        -ms-flex-negative: 1;
            flex-shrink: 1;
        max-width: 855px;
        padding: 0;
    }
}
.l-multi-column__sub {
    width: 100%;
    padding: 0 5.33%;
    background: #F4F4F4;
}
@media screen and (min-width: 61.25em) {
    .l-multi-column__sub {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        max-width: 220px;
        padding: 0;
        margin-left: 20px;
        background: unset;
    }
}

/* サイドバー */
.l-sidemenu {
    padding: 55px 0 60px;
}
@media screen and (min-width: 61.25em) {
    .l-sidemenu {
        padding: 25px 0 150px;
    }
}
.l-sidemenu-title {
    margin-bottom: 16px;
    font-size: 167%;
    font-weight: bold;
}
@media screen and (min-width: 61.25em) {
    .l-sidemenu-title {
        margin-bottom: 23px;
        font-size: 138.5%;
    }
}
.l-sidemenu-list {
    width: 100%;
    border-top: 1px solid #CECECE;
}
.l-sidemenu-list-box {
    padding: 7px 0;
    border-bottom: 1px solid #CECECE;
    -webkit-transition: padding cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: padding cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.is-close .l-sidemenu-list-box {
    padding: 7px 0 9px;
}
.l-sidemenu-list-box__head {
    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;
    min-height: 30px;
    font-size: 108%;
    font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
    .l-sidemenu-list-box__head:hover {
        color: #004098;
    }
}
.l-sidemenu-list-box__item {
    font-size: 108%;
    font-weight: 500;
    line-height: 1.5;
}
.l-sidemenu-list-box__status {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 12px;
    /* リンクのとき */
}
.l-sidemenu-list-box__status::before, .l-sidemenu-list-box__status::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2px;
    bottom: 0;
    left: 2px;
    display: inline-block;
    width: auto;
    height: 2px;
    margin: auto;
    background-color: #004098;
}
.is-close .l-sidemenu-list-box__status::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.m-arrow .l-sidemenu-list-box__status::before {
    all: unset;
}
.m-arrow .l-sidemenu-list-box__status::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    width: 8px;
    height: 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    background-color: transparent;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.l-sidemenu-list-box__link {
    display: block;
    position: relative;
    padding: 6px 0 6px 15px;
}
.l-sidemenu-list-box__link span {
    display: block;
}
.l-sidemenu-list-box__link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}
@media print, screen and (min-width: 61.25em) {
    .l-sidemenu-list-box__link:hover {
        color: #004098;
    }
    .l-sidemenu-list-box__link:hover span {
        text-decoration: underline;
    }
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none;
}

/*
    button
*/
.c-more-button, .c-button-transparent, .c-button-white, .c-button-blue, .c-button-black {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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;
    width: 280px;
    max-width: 100%;
    min-height: 50px;
    padding: 7px 15px;
    margin: 0 auto;
    border-width: 1px;
    border-style: solid;
    border-radius: 28px;
    color: inherit;
    font-size: 103%;
    font-family: inherit;
    font-weight: bold;
    line-height: 1.5;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    -webkit-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.c-more-button:disabled, .c-button-transparent:disabled, .c-button-white:disabled, .c-button-blue:disabled, .c-button-black:disabled, .is-disabled.c-more-button, .is-disabled.c-button-transparent, .is-disabled.c-button-white, .is-disabled.c-button-blue, .is-disabled.c-button-black {
    cursor: not-allowed;
}
.c-more-button:is(a).is-disabled, .c-button-transparent:is(a).is-disabled, .c-button-white:is(a).is-disabled, .c-button-blue:is(a).is-disabled, .c-button-black:is(a).is-disabled {
    pointer-events: none;
}
.c-more-button:not(:focus-visible), .c-button-transparent:not(:focus-visible), .c-button-white:not(:focus-visible), .c-button-blue:not(:focus-visible), .c-button-black:not(:focus-visible) {
    /* フォーカス時以外はoutlineしない */
    outline: none;
}
.c-more-button span, .c-button-transparent span, .c-button-white span, .c-button-blue span, .c-button-black span {
    text-align: center;
}
.m-main.c-more-button, .m-main.c-button-transparent, .m-main.c-button-white, .m-main.c-button-blue, .m-main.c-button-black {
    /* メインサイズ */
    width: 280px;
    min-height: 50px;
    border-radius: 28px;
    font-size: 103%;
}
.m-small.c-more-button, .m-small.c-button-transparent, .m-small.c-button-white, .m-small.c-button-blue, .m-small.c-button-black {
    /* サブサイズ */
    width: 155px;
    min-height: 40px;
    border-radius: 20px;
    font-size: 93%;
}
.m-mini.c-more-button, .m-mini.c-button-transparent, .m-mini.c-button-white, .m-mini.c-button-blue, .m-mini.c-button-black {
    /* ミニサイズ */
    width: 90px;
    min-height: 30px;
    padding: 5px;
    font-size: 93%;
    font-weight: 500;
}
.m-pdf.c-more-button, .m-pdf.c-button-transparent, .m-pdf.c-button-white, .m-pdf.c-button-blue, .m-pdf.c-button-black {
    /* PDF */
}
.m-pdf.c-more-button span::after, .m-pdf.c-button-transparent span::after, .m-pdf.c-button-white span::after, .m-pdf.c-button-blue span::after, .m-pdf.c-button-black span::after {
    content: "";
    position: relative;
    top: 0.1em;
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url("/assets/img/common/icn_pdf.svg") no-repeat center center/contain;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    margin-left: 0.5em;
}
.m-blank.c-more-button, .m-blank.c-button-transparent, .m-blank.c-button-white, .m-blank.c-button-blue, .m-blank.c-button-black {
    /* 別タブ */
}
.m-blank.c-more-button span::after, .m-blank.c-button-transparent span::after, .m-blank.c-button-white span::after, .m-blank.c-button-blue span::after, .m-blank.c-button-black span::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/assets/img/common/icon-blank.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 0.5em;
}

/* black */
.c-button-black {
    border-color: #333;
    background-color: #333;
    color: #fff;
}
.c-button-black:disabled, .c-button-black:disabled:hover, .c-button-black.is-disabled, .c-button-black.is-disabled:hover {
    background-color: #BEBEBE;
    border-color: #BEBEBE;
    color: #fff;
}
.c-button-black:is(a).is-disabled {
    pointer-events: none;
}

@media print, screen and (min-width: 61.25em) {
    .c-button-black:hover {
        background-color: #fff;
        color: #333;
    }
}
/* blue */
.c-button-blue {
    border-color: #004098;
    background-color: #fff;
    color: #004098;
}
.c-button-blue:disabled, .c-button-blue:disabled:hover, .c-button-blue.is-disabled, .c-button-blue.is-disabled:hover {
    background-color: #fff;
    border-color: #B4C5E0;
    color: #B4C5E0;
}
.c-button-blue:is(a).is-disabled {
    pointer-events: none;
}

@media print, screen and (min-width: 61.25em) {
    .c-button-blue:hover {
        background-color: #004098;
        color: #fff;
    }
}
/* white */
.c-button-white {
    border-color: #CECECE;
    background-color: #fff;
    color: #202020;
}
.c-button-white:disabled, .c-button-white:disabled:hover, .c-button-white.is-disabled, .c-button-white.is-disabled:hover {
    background-color: #fff;
    color: #CECECE;
}
.c-button-white:is(a).is-disabled {
    pointer-events: none;
}

@media print, screen and (min-width: 61.25em) {
    .c-button-white:hover {
        background-color: #f3f3f3;
    }
}
/* transparent */
.c-button-transparent {
    border-color: #fff;
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
}
.c-button-transparent:disabled, .c-button-transparent:disabled:hover, .c-button-transparent.is-disabled, .c-button-transparent.is-disabled:hover {
    background-color: rgba(255, 255, 255, 0.7);
    color: #CECECE;
}
.c-button-transparent:is(a).is-disabled {
    pointer-events: none;
}

/* 削除 */
.c-button-delete {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    position: relative;
    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;
    padding: 0;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border: 2px solid #333333;
    background-color: #333333;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.c-button-delete span {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
}
.c-button-delete span::before, .c-button-delete span::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.c-button-delete span::after {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
}
@media print, screen and (min-width: 61.25em) {
    .c-button-delete:hover {
        background-color: #fff;
    }
    .c-button-delete:hover span::before, .c-button-delete:hover span::after {
        background-color: #333333;
        -webkit-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
        transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    }
}

/* さらに表示 */
.c-more-button {
    position: relative;
    width: 155px;
    min-height: 40px;
    padding: 0;
    margin: 0;
    border: 1px solid #CECECE;
    border-radius: 20px;
    background-color: #fff;
    font-size: 93%;
    line-height: 1.8;
    text-align: center;
}
.c-more-button-text--close {
    display: none;
}
.c-more-button-icon {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    width: 14px;
    height: 14px;
    margin: auto 0;
}
.c-more-button-icon::before, .c-more-button-icon::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 10px;
    height: 2px;
    background-color: #202020;
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.c-more-button-icon::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.c-more-button.is-open {
    /* 開いた状態 */
}
.c-more-button.is-open .c-more-button-text--close {
    display: inline;
}
.c-more-button.is-open .c-more-button-text--open {
    display: none;
}
.c-more-button.is-open .c-more-button-icon::after {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
.c-more-button.is-hidden {
    display: none;
}
@media print, screen and (min-width: 61.25em) {
    .c-more-button:hover {
        background-color: #F3F3F3;
    }
}
.c-more-button.m-black {
    border-color: #333;
    background-color: #333;
    color: #fff;
}
.c-more-button.m-black .c-more-button-icon::before, .c-more-button.m-black .c-more-button-icon::after {
    background-color: #fff;
}
@media print, screen and (min-width: 61.25em) {
    .c-more-button.m-black:hover {
        background-color: #fff;
        color: #333;
    }
    .c-more-button.m-black:hover .c-more-button-icon::before, .c-more-button.m-black:hover .c-more-button-icon::after {
        background-color: #333;
    }
}
.c-more-button.m-blue {
    border-color: #004098;
    background-color: #fff;
    color: #004098;
}
.c-more-button.m-blue .c-more-button-icon::before, .c-more-button.m-blue .c-more-button-icon::after {
    background-color: #004098;
}
@media print, screen and (min-width: 61.25em) {
    .c-more-button.m-blue:hover {
        background-color: #004098;
        color: #fff;
    }
    .c-more-button.m-blue:hover .c-more-button-icon::before, .c-more-button.m-blue:hover .c-more-button-icon::after {
        background-color: #fff;
    }
}

/* ラジオボタン・チェックボックス兼用 */
.c-input-radio {
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .c-input-radio {
        font-size: 108%;
    }
}
.c-input-radio__input {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.c-input-radio__label {
    position: relative;
    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;
    width: 100%;
    max-width: 100%;
    padding: 7px 12px 7px 37px;
    border: 1px solid #CECECE;
    border-radius: 21px;
    font-size: inherit;
    font-weight: bold;
    line-height: 26px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.c-input-radio__label::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    width: 26px;
    height: 26px;
    margin: auto 0;
    background-color: #CECECE;
    border-radius: 13px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
}
.c-input-radio__label::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 3px;
    left: 20px;
    display: block;
    width: 12px;
    height: 7px;
    margin: auto 0;
    border-style: solid;
    border-width: 0 0 2px 2px;
    border-color: #fff;
    color: #fff;
    -webkit-transform: translateX(-50%) rotate(-45deg);
            transform: translateX(-50%) rotate(-45deg);
    z-index: 2;
}
.c-input-radio__color {
    /* 色玉 */
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #CECECE;
    border-radius: 50%;
    margin-right: 3px;
    background-color: #FFF;
}
.c-input-radio__second {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
}
.c-input-radio__second::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 46px;
    height: 46px;
    margin: auto 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #CECECE;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1;
}
.c-input-radio__second::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 18px;
    height: 12px;
    margin: auto 0;
    border-style: solid;
    border-width: 0 0 2px 2px;
    border-color: #fff;
    color: #fff;
    -webkit-transform: translate(-50%, -75%) rotate(-45deg);
            transform: translate(-50%, -75%) rotate(-45deg);
    z-index: 2;
}

:checked ~ .c-input-radio__label {
    border-color: #074396;
    background-color: #074396;
    color: #fff;
}
:checked ~ .c-input-radio__label::before {
    background-color: #fff;
}
:checked ~ .c-input-radio__label::after {
    border-color: #074396;
    color: #074396;
}

:checked ~ .c-input-radio__second::before {
    background-color: #074396;
}
:checked ~ .c-input-radio__second::after {
    border-color: #fff;
}

:disabled ~ .c-input-radio__label {
    background-color: #BEBEBE;
    color: #fff;
    cursor: not-allowed;
}
:disabled ~ .c-input-radio__label::before {
    background-color: #CECECE;
}
:disabled ~ .c-input-radio__label::after {
    border-color: #fff;
}

:focus-visible ~ .c-input-radio__label,
:focus-visible ~ .c-input-radio__second {
    outline: auto;
    outline-offset: 1px;
}

/* input[type=radio] のとき*/
[type=radio] ~ .c-input-radio__label::before {
    left: 20px;
    width: 26px;
    height: 26px;
    border: 1px solid #CECECE;
    border-radius: 50%;
    background-color: transparent;
}
[type=radio] ~ .c-input-radio__label::after {
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border-width: 0;
    background-color: #CECECE;
}

[type=radio]:checked ~ .c-input-radio__label::before {
    border: 1px solid #fff;
}
[type=radio]:checked ~ .c-input-radio__label::after {
    background-color: #fff;
}

/* 縦幅の狭いラジオボタン */
.c-input-radio.c-input-radio--1 {
    font-size: 93%;
    /* input[type=radio] のとき*/
}
.c-input-radio.c-input-radio--1 .c-input-radio__input {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.c-input-radio.c-input-radio--1 .c-input-radio__label {
    padding: 7px 15px 7px 27px;
    border-radius: 15px;
    font-weight: 500;
    line-height: 16px;
}
.c-input-radio.c-input-radio--1 .c-input-radio__label::before {
    left: 15px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
}
.c-input-radio.c-input-radio--1 .c-input-radio__label::after {
    bottom: 1px;
    left: 15px;
    width: 7px;
    height: 4px;
}
.c-input-radio.c-input-radio--1 [type=radio] ~ .c-input-radio__label::before {
    left: 15px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.c-input-radio.c-input-radio--1 [type=radio] ~ .c-input-radio__label::after {
    top: 0;
    left: 15px;
    bottom: 0;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border-width: 0;
}

/* 縦幅の狭い & 解除専用ラジオボタン */
.c-input-radio.c-input-radio--2 {
    font-size: 93%;
}
.c-input-radio.c-input-radio--2 .c-input-radio__input {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.c-input-radio.c-input-radio--2 .c-input-radio__label {
    padding: 7px 15px 7px 27px;
    border-radius: 15px;
    font-weight: 500;
    line-height: 16px;
}
.c-input-radio.c-input-radio--2 .c-input-radio__label::before {
    left: 15px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
}
.c-input-radio.c-input-radio--2 .c-input-radio__label::after {
    content: "";
    border: none;
    top: 0;
    bottom: 0;
    left: 15px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto 0;
    -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8.484" height="8.484" viewBox="0 0 8.484 8.484"><path d="M-14091.758,19697.656l-2.828,2.828-1.414-1.414,2.828-2.828-2.828-2.828,1.414-1.414,2.828,2.828,2.828-2.828,1.414,1.414-2.828,2.828,2.828,2.828-1.414,1.414Z" transform="translate(14096 -19692)"/></svg>');
    -webkit-mask-size: contain;
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8.484" height="8.484" viewBox="0 0 8.484 8.484"><path d="M-14091.758,19697.656l-2.828,2.828-1.414-1.414,2.828-2.828-2.828-2.828,1.414-1.414,2.828,2.828,2.828-2.828,1.414,1.414-2.828,2.828,2.828,2.828-1.414,1.414Z" transform="translate(14096 -19692)"/></svg>');
    mask-size: contain;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.c-input-radio.c-input-radio--2 :checked ~ .c-input-radio__label::after {
    background-color: #004098;
}

/* 色玉ラジオボタン */
.c-input-radio-color {
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 4px;
}
.c-input-radio-color__input {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.c-input-radio-color__label {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 15px;
    background-color: #fff;
    line-height: 0;
    z-index: 1;
    isolation: isolate;
    cursor: pointer;
}
.c-input-radio-color__label::before {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    margin: 0;
    width: auto;
    height: auto;
    border-radius: 50%;
    border: 2px solid #074396;
    background-color: rgba(255, 255, 255, 0);
    z-index: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-input-radio-color__label:hover::before {
        content: "";
    }
}
:focus-visible ~ .c-input-radio-color__label {
    outline: auto;
    outline-offset: 1px;
}
:checked ~ .c-input-radio-color__label::before, .c-input-radio-color.is-current .c-input-radio-color__label::before {
    content: "";
}

/* 角丸のラジオボタン・チェックボックス  */
.c-input-radio-text__input {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.c-input-radio-text__label {
    position: relative;
    display: inline-block;
    width: auto;
    min-height: 28px;
    padding: 3.5px 8px;
    border: 1px solid #CECECE;
    border-radius: 3px;
    font-size: 93%;
    line-height: 1.5;
    text-align: center;
    z-index: 1;
}
.c-input-radio-text__label::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border-radius: 5px;
    border: 2px solid rgba(255, 255, 255, 0);
    width: auto;
    height: auto;
    z-index: 0;
}
.c-input-radio-text.m-black .c-input-radio-text__label {
    background-color: #333333;
    color: #fff;
}
:focus-visible ~ .c-input-radio-text__label {
    outline: auto;
    outline-offset: 1px;
}
:checked ~ .c-input-radio-text__label::before, .c-input-radio-text.is-current .c-input-radio-text__label::before {
    border-color: #004098;
}
@media print, screen and (min-width: 61.25em) {
    .c-input-radio-text .c-input-radio-text__label:hover::before {
        border-color: #074396;
    }
}

/* キーワード入力欄 */
.c-input-search-wrap {
    max-width: 700px;
    margin: 0 auto;
}
.l-dropdown-search .c-input-search-wrap {
    max-width: 900px;
    margin: 0 auto;
}
.c-input-search {
    position: relative;
    display: block;
}

.c-input-search__input {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    width: 100%;
    min-height: 50px;
    border-radius: 25px;
    border: 2px solid #EBEBEB;
    background-color: #fff;
    padding: 0.6em 110px 0.6em 2em;
    color: #333;
    font-size: 108%;
    line-height: 1.6;
}

.c-input-search__input::-webkit-input-placeholder {
    color: #B4B4B4;
}

.c-input-search__input::-moz-placeholder {
    color: #B4B4B4;
}

.c-input-search__input:-ms-input-placeholder {
    color: #B4B4B4;
}

.c-input-search__input::-ms-input-placeholder {
    color: #B4B4B4;
}

.c-input-search__input::placeholder {
    color: #B4B4B4;
}

.c-input-search__input:-moz-placeholder-shown {
    background-color: #F3F3F3;
}

.c-input-search__input:-ms-input-placeholder {
    background-color: #F3F3F3;
}

.c-input-search__input:placeholder-shown {
    background-color: #F3F3F3;
}

@media print, screen and (min-width: 61.25em) {
    .c-input-search__input {
        min-height: 70px;
        border-radius: 35px;
        padding: 0.6em 110px 0.6em 2em;
        font-size: 123.1%;
    }
}
/* 検索ボタン */
.c-input-search__button {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    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;
    border: none;
    border-radius: 0 25px 25px 0;
    padding: 0 30px 0 15px;
    background-color: rgba(255, 255, 255, 0);
}

.c-input-search__button svg {
    width: 24px;
    height: 24px;
    fill: #074396;
}

@media print, screen and (min-width: 61.25em) {
    .c-input-search__button {
        border-radius: 0 35px 35px 0;
    }
}
/* キャンセルボタン */
.c-input-search__cancel {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    position: absolute;
    top: 0;
    right: 69px;
    bottom: 0;
    margin: 0;
    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;
    border: none;
    border-radius: 0;
    padding: 0 10px;
    background-color: rgba(255, 255, 255, 0);
}

.c-input-search__cancel svg {
    width: 20px;
    height: 20px;
    fill: #074396;
}

.c-input-search__cancel.is-hidden {
    display: none;
}

/* サジェスト */
.c-suggest {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 50px;
    left: 0;
    display: none;
    width: 100%;
    max-height: calc(100vh - 210px);
    padding: 17px 10px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    z-index: 3;
    overflow-x: hidden;
    overflow-y: auto;
}

@media print, screen and (min-width: 61.25em) {
    .c-suggest {
        top: 70px;
        padding: 14px 20px;
    }
}
.c-suggest.c-suggest--noscroll {
    max-height: none;
    overflow: hidden;
}

.c-suggest-list {
    display: block;
}

.c-suggest-list > li {
    display: block;
}

.c-suggest-list > li + li {
    border-top: 1px solid #EBEBEB;
}

.c-suggest-choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 8px;
}

@media print, screen and (min-width: 61.25em) {
    .c-suggest-choice {
        padding: 10px;
    }
    .c-suggest-choice:hover {
        background-color: #F3F3F3;
    }
}
.c-suggest-tag {
    display: inline-block;
    -webkit-box-flex: 80px;
        -ms-flex: 80px 0 0px;
            flex: 80px 0 0;
    border: 1px solid #004098;
    border-radius: 3px;
    margin-right: 9px;
    color: #004098;
    font-size: 77%;
    line-height: 1.8;
    text-align: center;
}

.c-suggest-tag--cat {
    color: #fff;
    background-color: #004098;
}

.c-suggest-title {
    font-size: 93%;
    line-height: 1.65;
}

@media print, screen and (min-width: 61.25em) {
    .c-suggest-title {
        font-size: 108%;
        line-height: 1.45;
    }
}
/* 
    link
*/
/* small */
.c-link[class] {
    color: #004098;
    text-decoration: underline;
}
.c-link[target=_blank]::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/assets/img/common/icon-blank.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 0.3em;
}
@media print, screen and (min-width: 61.25em) {
    .c-link:hover {
        text-decoration: none;
    }
}

/* > link */
.c-link-arrow[class] {
    position: relative;
    display: inline-block;
    padding-left: 1.2em;
    color: #202020;
    vertical-align: middle;
}
.c-link-arrow::before {
    content: "";
    position: absolute;
    top: 0.85em;
    top: 0.5lh;
    left: 0.5em;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    -webkit-transform: translate(-75%, -50%) rotate(45deg);
            transform: translate(-75%, -50%) rotate(45deg);
    font-size: inherit;
    line-height: inherit;
}
.c-link-arrow[target=_blank]::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/assets/img/common/icon-blank.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 0.3em;
}
@media print, screen and (min-width: 61.25em) {
    .c-link-arrow:hover {
        color: #004098;
        text-decoration: underline;
    }
}

/* image */
.c-zoomImage {
    max-width: 100%;
    overflow: hidden;
    isolation: isolate;
}

.c-zoomImage img {
    max-width: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

@media print, screen and (min-width: 61.25em) {
    a:hover .c-zoomImage img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
    }
}
@media print, screen and (min-width: 61.25em) {
    a:hover .c-opacity-image {
        opacity: 0.7;
    }
}
/* 
    title
*/
/* ページタイトル */
.c-page-title {
    width: 100%;
    max-width: 1400px;
    padding: 22px 0;
    margin: 0 auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-title {
        padding: 15px 0;
    }
}
.c-page-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 84px;
    padding: 0 5.33%;
    border-bottom: 2px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-title-wrap {
        min-height: 86px;
        padding: 0 3.125%;
    }
}
.c-page-title__heading {
    margin: 0;
    color: #202020;
    font-size: 182%;
    font-weight: bold;
    line-height: 1.6;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-title__heading {
        font-size: 261.5%;
        line-height: 1.8;
    }
}
.c-page-title.m-large .c-page-title__heading {
    font-size: 215%;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-title.m-large .c-page-title__heading {
        font-size: 261.5%;
    }
}
.c-page-title.m-center .c-page-title__heading {
    text-align: center;
}

/* 見出し下テキスト */
.c-page-read {
    padding: 0 5.33%;
    margin: 36px 0;
    font-size: 93%;
    line-height: 1.7;
}

@media print, screen and (min-width: 61.25em) {
    .c-page-read {
        padding: 0 3.125%;
        margin: 26px 0 36px;
        font-size: 108%;
    }
}
/* 同階層のページへのリンク */
.c-page-siblings {
    position: relative;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-siblings {
        padding-bottom: 0;
    }
}
.c-page-siblings__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 1;
    scrollbar-width: none;
    cursor: pointer !important;
}
.c-page-siblings__inner::-webkit-scrollbar { /* Chrome, Safari 対応 */
    display: none;
}
@media print, screen and (max-width: 61.24em) {
    body:not([class*=device-]) .c-page-siblings__inner {
        /* bodyタグにclassがない → UA判定前はスクロールバー非表示*/
        scrollbar-width: none;
    }
    body:not([class*=device-]) .c-page-siblings__inner::-webkit-scrollbar { /* Chrome, Safari 対応 */
        display: none;
    }
    body[class]:not(.device-is-mobile) .c-page-siblings__inner {
        /* SP端末の場合はスクロールバーを表示しない */
        scrollbar-width: thin;
        scrollbar-color: #777777 #DBDBDB;
    }
    body[class]:not(.device-is-mobile) .c-page-siblings__inner::-webkit-scrollbar {
        display: block;
        height: 17px;
        background-color: #DBDBDB;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        background-clip: padding-box;
    }
    body[class]:not(.device-is-mobile) .c-page-siblings__inner::-webkit-scrollbar-thumb {
        height: 17px;
        background-color: #777777;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        background-clip: padding-box;
        cursor: -webkit-grab;
        cursor: grab;
    }
    body[class]:not(.device-is-mobile) .c-page-siblings__inner::-webkit-scrollbar-thumb:active {
        cursor: -webkit-grabbing;
        cursor: grabbing;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-page-siblings__inner {
        display: block;
        overflow-x: hidden;
    }
}
.c-page-siblings__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    gap: 0 20px;
    padding: 0 10px;
    cursor: auto;
}
.c-page-siblings__list:first-child {
    padding-left: 5.33vw;
}
.c-page-siblings__list:last-child {
    padding-right: 5.33vw;
}
.c-page-siblings__list::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    margin: 0;
    display: inline-block;
    width: auto;
    height: 3px;
    background-color: #EBEBEB;
    z-index: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-siblings__list {
        width: 100%;
        padding: 0;
        gap: 0 60px;
        gap: 0 5.26%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .c-page-siblings__list:first-child {
        padding-left: 0;
    }
    .c-page-siblings__list:last-child {
        padding-right: 0;
    }
}
.c-page-siblings__list li {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: auto;
    margin: 0;
}
.c-page-siblings-button {
    position: relative;
    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;
    padding: 4px 0 7px;
    width: 100%;
    height: 100%;
    min-height: 57px;
    border: none;
    background-color: transparent;
    color: #888;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-siblings-button {
        min-height: 70px;
        padding: 15px 0 18px;
    }
    .c-page-siblings-button:hover {
        color: #004098;
    }
}
.c-page-siblings-button-inner {
    line-height: 20px;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-siblings-button-inner {
        line-height: 21px;
    }
}
.c-page-siblings-button-inner > span {
    display: block;
    width: 100%;
    font-size: 100%;
    white-space: nowrap;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-siblings-button-inner > span {
        font-size: 123.1%;
    }
}
.c-page-siblings-button-inner > small {
    display: block;
    width: 100%;
    font-size: 93%;
}
.c-page-siblings-button.is-active {
    color: #004098;
}
.c-page-siblings-button.is-active::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 3px;
    background-color: #004098;
    z-index: 1;
}

/* 「NEW」バッジ */
.c-budge-new {
    display: inline-block;
    padding: 2px 3px 1px;
    border-radius: 3px;
    border: 1px solid #E52D2D;
    background-color: #E52D2D;
    color: #fff;
    font-size: 77%;
    font-weight: bold;
    line-height: 1;
}

/* 切り替えナビLv1 */
.c-localnav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: left;
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav-list.m-col2 .c-localnav-item {
        width: 50%;
    }
    .c-localnav-list.m-col2 .c-localnav-item:nth-child(2n+1) .c-localnav-link {
        border-left: 1px solid #cecece;
    }
    .c-localnav-list.m-col2 .c-localnav-item:nth-child(2n) .c-localnav-link {
        border-left: none;
    }
    .c-localnav-list.m-col2 .c-localnav-item:nth-child(-n+2) .c-localnav-link {
        border-top: 1px solid #cecece;
    }
    .c-localnav-list.m-col2 .c-localnav-item:nth-child(-n+2):nth-child(2n) .c-localnav-link {
        border-top-right-radius: 8px;
    }
    .c-localnav-list.m-col2 .c-localnav-item:last-child .c-localnav-link {
        border-right: 1px solid #cecece;
        border-bottom-right-radius: 8px;
    }
    .c-localnav-list.m-col2 .c-localnav-item:nth-last-child(-n+2):nth-child(2n+1) .c-localnav-link {
        border-bottom-left-radius: 8px;
    }
    .c-localnav-list.m-col2 .c-localnav-item:nth-last-child(-n+2):nth-child(2n) .c-localnav-link {
        border-bottom-right-radius: 8px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav-list.m-col3 .c-localnav-item {
        width: 33.33%;
    }
    .c-localnav-list.m-col3 .c-localnav-item:nth-child(-n+3) .c-localnav-link {
        border-top: 1px solid #cecece;
    }
    .c-localnav-list.m-col3 .c-localnav-item:nth-child(-n+3):nth-child(3n) .c-localnav-link {
        border-top-right-radius: 8px;
    }
    .c-localnav-list.m-col3 .c-localnav-item:nth-child(-n+3):last-child .c-localnav-link {
        border-top-right-radius: 8px;
    }
    .c-localnav-list.m-col3 .c-localnav-item:nth-child(3n+1) .c-localnav-link {
        border-left: 1px solid #cecece;
    }
    .c-localnav-list.m-col3 .c-localnav-item:last-child .c-localnav-link {
        border-right: 1px solid #cecece;
        border-bottom-right-radius: 8px;
    }
    .c-localnav-list.m-col3 .c-localnav-item:nth-last-child(-n+3):nth-child(3n+1) .c-localnav-link {
        border-bottom-left-radius: 8px;
    }
    .c-localnav-list.m-col3 .c-localnav-item:nth-last-child(-n+3):nth-child(3n) .c-localnav-link {
        border-bottom-right-radius: 8px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav-list.m-col4 .c-localnav-item {
        width: 25%;
    }
    .c-localnav-list.m-col4 .c-localnav-item:nth-child(-n+4) .c-localnav-link {
        border-top: 1px solid #cecece;
    }
    .c-localnav-list.m-col4 .c-localnav-item:nth-child(-n+4):nth-child(4n) .c-localnav-link {
        border-top-right-radius: 8px;
    }
    .c-localnav-list.m-col4 .c-localnav-item:nth-child(-n+4):last-child .c-localnav-link {
        border-top-right-radius: 8px;
    }
    .c-localnav-list.m-col4 .c-localnav-item:nth-last-child(-n+3):nth-child(4n) .c-localnav-link {
        border-bottom-right-radius: 8px;
    }
    .c-localnav-list.m-col4 .c-localnav-item:nth-child(4n+1) .c-localnav-link {
        border-left: 1px solid #cecece;
    }
    .c-localnav-list.m-col4 .c-localnav-item:nth-last-child(-n+4):nth-child(4n+1) .c-localnav-link {
        border-bottom-left-radius: 8px;
    }
    .c-localnav-list.m-col4 .c-localnav-item:nth-last-child(-n+4):nth-child(4n) .c-localnav-link {
        border-bottom-right-radius: 8px;
    }
    .c-localnav-list.m-col4 .c-localnav-item:last-child .c-localnav-link {
        border-bottom-right-radius: 8px;
    }
}
.c-localnav-list.m-center {
    text-align: center;
}
.c-localnav-item {
    width: 50%;
    min-height: 56px;
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav-item {
        min-height: 56px;
    }
}
.c-localnav-item:first-child .c-localnav-link {
    border-top-left-radius: 8px;
}
@media print, screen and (max-width: 61.24em) {
    .c-localnav-item:nth-child(2n) .c-localnav-link {
        border-left: none;
    }
    .c-localnav-item:nth-child(-n+2) .c-localnav-link {
        border-top: 1px solid #cecece;
    }
    .c-localnav-item:nth-child(-n+2):nth-child(2n) .c-localnav-link {
        border-top-right-radius: 8px;
    }
    .c-localnav-item:last-child .c-localnav-link {
        border-right: 1px solid #cecece;
        border-bottom-right-radius: 8px;
    }
    .c-localnav-item:nth-last-child(-n+2):nth-child(2n+1) .c-localnav-link {
        border-bottom-left-radius: 8px;
    }
    .c-localnav-item:nth-last-child(-n+2):nth-child(2n) .c-localnav-link {
        border-bottom-right-radius: 8px;
    }
}
.c-localnav-item.m-current .c-localnav-link {
    border-color: #004098;
    background-color: #004098;
    color: #ffffff;
}
.c-localnav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    padding: 12px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #CECECE;
    border-top: none;
    color: #888888;
    font-weight: bold;
    -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav-link {
        border-left: none;
        padding: 15px 20px;
    }
    .c-localnav-link:hover {
        background-color: #F3F3F3;
        color: #004098;
    }
}
.c-localnav-link__inner {
    width: 100%;
}
.c-localnav-link__inner > span {
    display: block;
    font-size: 108%;
    line-height: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav-link__inner > span {
        font-size: 123.1%;
        line-height: 1.5;
    }
}
.c-localnav-link__inner > small {
    display: block;
    width: 100%;
    font-size: 93%;
    line-height: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav-link__inner > small {
        line-height: 2;
    }
}

/* 切り替えナビLv2 */
.c-localnav2-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav2-list.m-col2 .c-localnav2-item {
        width: 50%;
    }
    .c-localnav2-list.m-col3 .c-localnav2-item {
        width: 33%;
    }
    .c-localnav2-list.m-col4 .c-localnav2-item {
        width: 25%;
    }
}
.c-localnav2-item {
    width: 50%;
    min-height: 56px;
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav2-item {
        min-height: 56px;
    }
}
.c-localnav2-item.m-current .c-localnav2-link {
    border-color: #004098;
    color: #004098;
}
.c-localnav2-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    padding: 12px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 3px solid #EBEBEB;
    color: #888888;
    font-weight: bold;
    -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav2-link {
        padding: 22px 20px;
    }
    .c-localnav2-link:hover {
        color: #004098;
    }
}
.c-localnav2-link__inner {
    width: 100%;
}
.c-localnav2-link__inner > span {
    display: block;
    font-size: 108%;
    line-height: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav2-link__inner > span {
        font-size: 123.1%;
        line-height: 1.5;
    }
}
.c-localnav2-link__inner > small {
    display: block;
    width: 100%;
    font-size: 93%;
    line-height: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .c-localnav2-link__inner > small {
        line-height: 2;
    }
}

/* 製品絞り込み一覧 カテゴリボタン */
.c-page-button {
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-button {
        padding: 0 3.125%;
    }
}
.c-page-button-inner {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    padding: 15px 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-button-inner {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, 280px);
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
.c-page-button.m-row {
    /* SP２カラム */
}
.c-page-button.m-row .c-page-button-inner {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, min(48%, 280px));
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 15px min(15px, 4%);
}
.c-page-button.m-row .c-page-button-inner .c-button-white {
    height: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-button.m-row .c-page-button-inner {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, 280px);
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 15px;
    }
}

/* セレクトボックス */
.c-input-select {
    position: relative;
}
.c-input-select__selected {
    position: relative;
    display: block;
    padding: 13px 25px 13px 18px;
    border: 1px solid #CECECE;
    border-radius: 3px;
    background: #fff;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.5;
    cursor: pointer;
    pointer-events: all;
}
.c-input-select__selected::after {
    content: "";
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 4px;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto 0;
    border: solid #333;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    pointer-events: none;
}
.c-input-select__list {
    position: absolute;
    top: 100%;
    width: 100%;
    display: none;
    max-height: 160px;
    padding: 12px 0;
    border: 1px solid #CECECE;
    background: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow-y: auto;
    z-index: 1;
}
.c-input-select__item.is-selected {
    background: #ddd;
}
.c-input-select__label {
    display: inline-block;
    width: 100%;
    padding: 8px 18px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.c-input-select__option {
    font-size: 108%;
    line-height: 1.7;
}
.c-input-select__radio {
    display: none;
}
.c-input-select.is-disabled {
    opacity: 0.7;
}
.c-input-select.is-disabled .c-input-select__selected {
    background-color: #EBEBEB;
    color: #AAAAAA;
    cursor: not-allowed;
}
.c-input-select.m-mini {
    /* ミニサイズ */
}
.c-input-select.m-mini .c-input-select__selected {
    padding: 4.5px 25px 4.5px 9px;
    font-size: 93%;
    font-weight: 500;
    line-height: 1.75;
}
.c-input-select.m-mini .c-input-select__list {
    padding: 0;
}
.c-input-select.m-mini .c-input-select__label {
    padding: 5px 10px;
}
.c-input-select.m-mini .c-input-select__option {
    font-size: 81%;
    line-height: 1.75;
}
@media print, screen and (min-width: 61.25em) {
    .c-input-select__selected:hover {
        background-color: #f3f3f3;
    }
    .c-input-select__item:hover {
        background-color: #f3f3f3;
    }
    .c-input-select.is-disabled .c-input-select__selected:hover {
        background-color: #EBEBEB;
        color: #AAAAAA;
    }
}

/* 対象を選択 */
.c-search-target {
    display: block;
    margin: 20px 0 0;
}

@media print, screen and (min-width: 61.25em) {
    .c-search-target {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        max-width: 900px;
        margin: 25px auto 0;
    }
}
.c-search-target__heading {
    width: 100%;
    font-size: 123.1%;
    font-weight: bold;
    line-height: 1.6;
}

@media print, screen and (min-width: 61.25em) {
    .c-search-target__heading {
        width: 6em;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        font-size: 138.5%;
        line-height: 2.22;
    }
}
.c-search-target__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px 15px;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    margin-top: 10px;
}

@media print, screen and (min-width: 61.25em) {
    .c-search-target__list {
        margin-top: 0;
    }
}
/* 検索絞り込み アコーディオンパーツ */
.js-ac-multi.is-close .js-ac-container,
.js-ac-filter.is-close .js-ac-container,
.js-ac-sidemenu.is-close .js-ac-container {
    height: 0;
    overflow: hidden;
}
.js-ac-multi.is-close .js-ac-another,
.js-ac-filter.is-close .js-ac-another,
.js-ac-sidemenu.is-close .js-ac-another {
    height: 0;
    overflow: hidden;
}

.c-search-accordion {
    display: block;
}
.c-search-accordion.is-hidden {
    display: none;
}
.c-search-accordion + .c-search-accordion {
    margin-top: 40px;
}
@media print, screen and (min-width: 61.25em) {
    .c-search-accordion + .c-search-accordion {
        margin-top: 25px;
    }
}
.c-search-accordion__heading {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 60px;
    background-color: #F3F3F3;
    font-size: 123.1%;
    font-weight: bold;
    line-height: 1.7;
    padding-left: 5.33%;
    padding-right: 60px;
}
@media print, screen and (min-width: 61.25em) {
    .c-search-accordion__heading {
        font-size: 138.5%;
        padding-left: 20px;
    }
}
.c-search-accordion__heading.js-ac-multi {
    cursor: pointer;
}
.c-search-accordion__icon {
    width: 14px;
    height: 16px;
    margin-right: 10px;
}
.c-search-accordion__button {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    /* bottom: 0; */
    border: none;
    width: 60px;
    height: 60px;
    background-color: #333333;
}
.c-search-accordion__button::before, .c-search-accordion__button::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    z-index: 2;
}
.c-search-accordion__button::after {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
.c-search-accordion__container {
    overflow: visible;
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .c-search-accordion__container {
        border-style: solid;
        border-width: 0 1px 1px 1px;
        border-color: #EBEBEB;
        padding: 0 20px;
    }
}
.c-search-accordion__another {
    overflow: visible;
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .c-search-accordion__another {
        padding: 0;
    }
}
.c-search-accordion .c-text-common {
    font-size: 93%;
}

/* close */
.c-search-accordion.is-close .c-search-accordion__container {
    overflow: hidden;
}
.c-search-accordion.is-close .c-search-accordion__button::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

/* 絞り込み検索項目 */
.c-search-detail {
    padding: 25px 0 0;
}
.c-search-detail__item {
    border: none;
    padding: 0;
    margin: 0;
}
.c-search-detail__item + .c-search-detail__item {
    padding: 15px 0 0;
    margin-top: 15px;
    border-top: 1px solid #EBEBEB;
}
.c-search-detail__heading {
    margin: 0;
    color: #004098;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
}
.c-search-detail__body {
    margin: 15px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
}
.c-search-detail__body.is-hidden {
    display: none;
}
.c-search-detail__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 20px auto 0;
}
.c-search-detail__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 0 0;
    margin: 20px auto 0;
    border-top: 1px solid #EBEBEB;
}

@media print, screen and (min-width: 61.25em) {
    .c-search-detail {
        padding: 25px 0;
    }
    .c-search-detail__item + .c-search-detail__item {
        padding: 15px 0 0;
        margin-top: 20px;
    }
    .c-search-detail__heading {
        font-size: 123.1%;
    }
    .c-search-detail__footer {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
}
/* 選択中の条件表示エリア */
.c-search-checked {
    padding: 30px 0 0;
}
.c-search-checked__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px 8px;
}
.c-search-checked__list .c-input-radio {
    display: none;
}
.c-search-checked__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 20px auto 0;
}

/* 全て解除ボタン */
.c-search-clear-button {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    position: relative;
    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;
    border: 1px solid #CECECE;
    border-radius: 20px;
    min-height: 40px;
    width: 155px;
    max-width: 100%;
    background-color: #fff;
    color: inherit;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
}
.c-search-clear-button > span {
    line-height: 1.5;
}
.c-search-clear-button__icon {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    font-size: inherit;
    line-height: inherit;
}
.c-search-clear-button__icon::before, .c-search-clear-button__icon::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    width: 10px;
    height: 2px;
    background-color: #333;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.c-search-clear-button__icon::after {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
}
@media print, screen and (min-width: 61.25em) {
    .c-search-clear-button:hover {
        background-color: #F3F3F3;
    }
}
.c-search-clear-button.is-disabled, .c-search-clear-button:disabled {
    border-color: #BEBEBE;
    background-color: #BEBEBE;
    color: #FFFFFF;
    cursor: not-allowed;
}
.c-search-clear-button.is-disabled .c-search-clear-button__icon::before, .c-search-clear-button.is-disabled .c-search-clear-button__icon::after, .c-search-clear-button:disabled .c-search-clear-button__icon::before, .c-search-clear-button:disabled .c-search-clear-button__icon::after {
    background-color: #FFFFFF;
}
@media print, screen and (min-width: 61.25em) {
    .c-search-clear-button.is-disabled:hover, .c-search-clear-button:disabled:hover {
        background-color: #BEBEBE;
    }
}
.c-search-clear-buttona.is-disabled {
    pointer-events: none;
}

.c-search-filtering-button {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    position: relative;
    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;
    border: 1px solid #333;
    border-radius: 20px;
    min-height: 40px;
    width: 155px;
    max-width: 100%;
    background-color: #333;
    color: #fff;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.7;
}

@media print, screen and (min-width: 61.25em) {
    .c-search-filtering-button:hover {
        background-color: #fff;
        color: #333;
    }
}
/* タブ切り替え */
.c-tabs__switchers {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 0 3px;
}
.c-tabs__switchers::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 3px;
    background-color: #EBEBEB;
    z-index: 0;
}
.c-tabs__switchers li {
    -webkit-box-flex: 50%;
        -ms-flex: 50% 0 1;
            flex: 50% 0 1;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
}
@media print, screen and (min-width: 48em) {
    .c-tabs__switchers li {
        -webkit-box-flex: 180px;
            -ms-flex: 180px 0 1;
                flex: 180px 0 1;
    }
}
.c-tabs__button {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    position: relative;
    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;
    padding: 7px 2px;
    width: 100%;
    height: 100%;
    min-height: 52px;
    border: none;
    background-color: transparent;
    color: #888888;
    font-size: 100%;
    font-weight: bold;
}
.c-tabs__button span {
    text-align: center;
}
.c-tabs__button.is-active {
    color: #004098;
}
.c-tabs__button.is-active::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    width: auto;
    height: 3px;
    background-color: #004098;
    z-index: 1;
}
@media print, screen and (min-width: 61.25em) {
    .c-tabs__button:hover {
        color: #004098;
    }
}
.c-tabs__fixed {
    /* タブに常に表示するエリア */
    margin-top: 30px;
}
.c-tabs__contents {
    /* タブのコンテンツ部分 */
}
.c-tabs__content {
    display: none;
}
.c-tabs__content.is-active {
    display: block;
}
.c-tabs.m-lv1 {
    /* 汎用タブlv1 */
}
@media print, screen and (max-width: 47.99em) {
    .c-tabs.m-lv1 .c-tabs__scroll {
        margin: 0 -5.33vw;
        overflow-x: auto;
        overflow-y: hidden;
    }
}
@media print, screen and (max-width: 47.99em) {
    .c-tabs.m-lv1 .c-tabs__switchers {
        width: 100%;
        min-width: -webkit-min-content;
        min-width: -moz-min-content;
        min-width: min-content;
        padding: 0 5.33vw 3px;
    }
}
.c-tabs.m-lv1 .c-tabs__button {
    font-size: 93%;
}
@media print, screen and (min-width: 48em) {
    .c-tabs.m-lv1 .c-tabs__button {
        font-size: 123.1%;
    }
}
.c-tabs.m-lv1 .c-tabs__contents {
    padding: 16px 0;
}
.c-tabs.m-lv2 {
    /* 汎用タブlv2 */
}
@media print, screen and (max-width: 47.99em) {
    .c-tabs.m-lv2 .c-tabs__scroll {
        margin: 0 -5.33vw;
        overflow-x: auto;
        overflow-y: hidden;
    }
}
.c-tabs.m-lv2 .c-tabs__switchers {
    gap: 0 10px;
    width: 100%;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    padding: 0 5.33vw 1px;
}
@media print, screen and (min-width: 48em) {
    .c-tabs.m-lv2 .c-tabs__switchers {
        min-width: auto;
        padding: 0 10px 1px;
    }
}
.c-tabs.m-lv2 .c-tabs__switchers::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 1px;
    background-color: #004098;
    z-index: 0;
}
.c-tabs.m-lv2 .c-tabs__switchers li {
    -webkit-box-flex: 49%;
        -ms-flex: 49% 0 1;
            flex: 49% 0 1;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
}
.c-tabs.m-lv2 .c-tabs__button {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    position: relative;
    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;
    padding: 7px 2px;
    width: 100%;
    height: 100%;
    border: none;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #F3F3F3;
    border-radius: 3px 3px 0 0;
    background-color: #F3F3F3;
    color: #333333;
    font-size: 93%;
    font-weight: bold;
}
.c-tabs.m-lv2 .c-tabs__button span {
    text-align: center;
}
.c-tabs.m-lv2 .c-tabs__button.is-active {
    color: #004098;
    border-color: #004098;
    background-color: #fff;
}
.c-tabs.m-lv2 .c-tabs__button.is-active::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    width: auto;
    height: 3px;
    background-color: #fff;
    z-index: 1;
}
@media print, screen and (min-width: 48em) {
    .c-tabs.m-lv2 .c-tabs__button {
        font-size: 123.1%;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-tabs.m-lv2 .c-tabs__button:hover {
        color: #004098;
        border-color: #004098;
        background-color: #fff;
    }
}
.c-tabs.m-lv2 .c-tabs__contents {
    padding: 16px 0;
}

/* パネルモジュール */
.c-panel-list {
    /* パネルモジュール　画像付きボタン */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px 3.6%;
}
@media screen and (min-width: 37.5em) {
    .c-panel-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media screen and (min-width: 61.25em) {
    .c-panel-list {
        gap: 30px 3.6%;
    }
    .c-panel-list.m-col3 {
        gap: 30px 2.6%;
    }
}
.c-panel-item {
    width: 100%;
}
@media screen and (min-width: 37.5em) {
    .c-panel-item {
        -webkit-box-flex: 48.2%;
            -ms-flex: 48.2% 0 1;
                flex: 48.2% 0 1;
    }
}
@media screen and (min-width: 61.25em) {
    .c-panel-item {
        -webkit-box-flex: 22.3%;
            -ms-flex: 22.3% 0 1;
                flex: 22.3% 0 1;
    }
    .m-col3 .c-panel-item {
        -webkit-box-flex: 31.6%;
            -ms-flex: 31.6% 0 1;
                flex: 31.6% 0 1;
    }
    .m-col2 .c-panel-item {
        -webkit-box-flex: 48.2%;
            -ms-flex: 48.2% 0 1;
                flex: 48.2% 0 1;
    }
}
.c-panel-item__link {
    display: block;
    border: 1px solid #CECECE;
    border-radius: 8px;
    overflow: hidden;
    isolation: isolate;
}
@media screen and (min-width: 61.25em) {
    .c-panel-item__link:hover {
        color: #004098;
        text-decoration: underline;
    }
}
.c-panel-item__figure img {
    max-width: 100%;
    height: auto;
}
.c-panel-item__title {
    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;
    min-height: 80px;
    padding: 15px 20px;
    font-size: 123.1%;
    font-weight: bold;
    line-height: 1.5;
}
.c-panel-item__icon {
    position: relative;
    width: 14px;
    height: 14px;
}
.c-panel-item__icon::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
    display: inline-block;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.c-panel-links {
    /* パネルモジュール　テキストボタン */
}
.c-panel-links-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px 3.6%;
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-links-list {
        gap: 25px 3.6%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .c-panel-links-list.m-col3 {
        gap: 25px 2.6%;
    }
}
.c-panel-links-item {
    width: 100%;
}
@media screen and (min-width: 61.25em) {
    .c-panel-links-item {
        -webkit-box-flex: 22.3%;
            -ms-flex: 22.3% 0 1;
                flex: 22.3% 0 1;
    }
    .m-col3 .c-panel-links-item {
        -webkit-box-flex: 31.6%;
            -ms-flex: 31.6% 0 1;
                flex: 31.6% 0 1;
    }
    .m-col2 .c-panel-links-item {
        -webkit-box-flex: 48.2%;
            -ms-flex: 48.2% 0 1;
                flex: 48.2% 0 1;
    }
    .m-col1 .c-panel-links-item {
        -webkit-box-flex: 100%;
            -ms-flex: 100% 0 1;
                flex: 100% 0 1;
    }
}
.c-panel-links-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: 60px;
    padding: 10px 30px 10px 10px;
    border: 1px solid #CECECE;
    border-radius: 8px;
    color: #202020;
    font-size: 108%;
    line-height: 1.4;
}
.c-panel-links-link span {
    display: inline-block;
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-links-link {
        padding: 0 30px 0 17px;
        -webkit-transition: 0.3s color, 0.3s border-color;
        transition: 0.3s color, 0.3s border-color;
    }
    .c-panel-links-link:hover {
        color: #004098;
        border-color: #004098;
    }
}
.c-panel-links-link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    font-size: inherit;
    line-height: inherit;
}
.m-large .c-panel-links-link {
    /* パネルモジュール　テキストボタン（大） */
    min-height: 80px;
    font-size: 123.1%;
    font-weight: bold;
}
.c-panel-links-icon {
    width: 40px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 10px;
}
.c-panel-links-icon img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.c-panel-links-image {
    width: 50px;
    height: 50px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 10px;
}
.c-panel-links-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.c-panel-links-text {
    margin-top: 1em;
    font-size: 93%;
    line-height: 1.67;
}
.c-panel-links-anchor {
    /* SEO対策コラム: 目次 */
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: 60px;
    padding: 10px 0 10px 30px;
    border: 1px solid #CECECE;
    border-radius: 8px;
    color: #202020;
    font-size: 108%;
    line-height: 1.4;
}
.c-panel-links-anchor span {
    display: inline-block;
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-links-anchor {
        padding: 0 17px 0 30px;
        -webkit-transition: 0.3s color, 0.3s border-color;
        transition: 0.3s color, 0.3s border-color;
    }
    .c-panel-links-anchor:hover {
        color: #004098;
        border-color: #004098;
    }
}
.c-panel-links-anchor::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    -webkit-transform: translateY(-75%) rotate(135deg);
            transform: translateY(-75%) rotate(135deg);
    font-size: inherit;
    line-height: inherit;
}
.c-panel-bnrs {
    /* 画像バナー */
}
.c-panel-bnrs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 3.6%;
}
@media print, screen and (min-width: 48em) {
    .c-panel-bnrs-list {
        gap: 25px 3.6%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .c-panel-bnrs-list.m-col3 {
        gap: 25px 2.6%;
    }
}
.c-panel-bnrs-list + .c-panel-bnrs-list {
    margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
    .c-panel-bnrs-list + .c-panel-bnrs-list {
        margin-top: 50px;
    }
}
.c-panel-bnrs-item {
    width: 100%;
}
@media screen and (min-width: 48em) {
    .c-panel-bnrs-item {
        -webkit-box-flex: 22.3%;
            -ms-flex: 22.3% 0 1;
                flex: 22.3% 0 1;
    }
    .m-col3 .c-panel-bnrs-item {
        -webkit-box-flex: 31.6%;
            -ms-flex: 31.6% 0 1;
                flex: 31.6% 0 1;
    }
    .m-col2 .c-panel-bnrs-item {
        -webkit-box-flex: 48.2%;
            -ms-flex: 48.2% 0 1;
                flex: 48.2% 0 1;
    }
    .m-col1 .c-panel-bnrs-item {
        -webkit-box-flex: 100%;
            -ms-flex: 100% 0 1;
                flex: 100% 0 1;
    }
}
.c-panel-bnrs-item__content {
    /* テキスト・タイトル・ボタン部 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 25px 0 7% 7%;
}
@media screen and (min-width: 48em) {
    .c-panel-bnrs-item__content {
        padding: 7% 0 8% 9.7%;
    }
}
.c-panel-bnrs-item__shoulder {
    color: #fff;
    font-size: 123.1%;
    font-size: clamp(1.231rem, 0.688rem + 1.95vw, 1.845rem);
    font-weight: bold;
}
@media screen and (min-width: 48em) {
    .c-panel-bnrs-item__shoulder {
        font-size: 138.5%;
        font-size: clamp(0.85rem, -0.098rem + 1.7vw, 1.385rem);
        line-height: 1.8;
    }
}
.c-panel-bnrs-item__title {
    color: #fff;
    font-size: 182%;
    font-size: clamp(1.82rem, 0.989rem + 3vw, 2.76rem);
    font-weight: bold;
}
@media screen and (min-width: 48em) {
    .c-panel-bnrs-item__title {
        font-size: clamp(1.231rem, -0.078rem + 2.36vw, 1.97rem);
        line-height: 1.8;
    }
}
.c-panel-bnrs-item__text {
    color: #fff;
    font-size: 93%;
    font-size: clamp(0.93rem, 0.107rem + 2.7vw, 1.86rem);
}
@media screen and (min-width: 48em) {
    .c-panel-bnrs-item__text {
        display: block;
        font-size: 108%;
        font-size: clamp(0.656rem, -0.095rem + 1.27vw, 1.08rem);
        line-height: 2;
    }
}
.c-panel-bnrs-item__button {
    margin-top: auto;
    width: 155px;
    text-align: center;
    max-width: 50%;
}
@media screen and (min-width: 48em) {
    .c-panel-bnrs-item__button {
        font-size: 93%;
    }
}
.c-panel-bnrs-item__button .c-button-transparent {
    background-color: #fff;
    color: #004098;
}
@media screen and (min-width: 61.25em) {
    a:hover .c-panel-bnrs-item__button .c-button-transparent {
        background-color: transparent;
        color: #fff;
    }
}
.m-col1 .c-panel-bnrs-item {
    border-radius: 8px;
    isolation: isolate;
    overflow: hidden;
}
.m-col1 .c-panel-bnrs-item__content {
    /* テキスト・タイトル・ボタン部 */
    position: relative;
    background-color: #074098;
    padding: 6.5% 8% 8%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
@media screen and (min-width: 48em) {
    .m-col1 .c-panel-bnrs-item__content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0 0 5px 3.3%;
        background-color: transparent;
    }
}
.m-col1 .c-panel-bnrs-item__shoulder {
    font-size: 123.1%;
    font-size: clamp(1.231rem, 0.688rem + 1.95vw, 1.845rem);
    font-weight: bold;
    line-height: 1.5;
}
@media screen and (min-width: 48em) {
    .m-col1 .c-panel-bnrs-item__shoulder {
        font-size: 153.9%;
        font-size: clamp(0.93rem, -0.171rem + 1.85vw, 1.539rem);
        line-height: 1.8;
    }
}
.m-col1 .c-panel-bnrs-item__title {
    margin: 0.4em 0 0.7em;
    font-size: clamp(2.15rem, 0.248rem + 6.86vw, 4.3rem);
    font-weight: bold;
    line-height: 1.3;
}
@media screen and (min-width: 48em) {
    .m-col1 .c-panel-bnrs-item__title {
        margin: 0;
        font-size: clamp(1.97rem, -0.27rem + 3.794vw, 3.23rem);
        line-height: 1.8;
    }
}
.m-col1 .c-panel-bnrs-item__text {
    display: none;
    font-size: clamp(0.93rem, 0.107rem + 2.7vw, 1.86rem);
}
@media screen and (min-width: 48em) {
    .m-col1 .c-panel-bnrs-item__text {
        display: block;
        font-size: clamp(0.656rem, -0.095rem + 1.27vw, 1.08rem);
        line-height: 2;
    }
}
.m-col1 .c-panel-bnrs-item__button {
    position: static;
    width: 155px;
    text-align: center;
}
@media screen and (min-width: 48em) {
    .m-col1 .c-panel-bnrs-item__button {
        margin-top: 27px;
        margin-top: clamp(1.231rem, -0.083rem + 2.74vw, 1.97rem);
    }
}
.m-col1.m-slim .c-panel-bnrs-item {
    /* スリムバージョン */
}
.m-col1.m-slim .c-panel-bnrs-item__content {
    padding: 7.8% 8% 9.37%;
}
@media screen and (min-width: 48em) {
    .m-col1.m-slim .c-panel-bnrs-item__content {
        padding: 0 0 5px 3.94%;
    }
}
.m-col1.m-slim .c-panel-bnrs-item__shoulder {
    font-size: 108%;
    font-size: clamp(1.08rem, 0.309rem + 3.13vw, 2.16rem);
}
@media screen and (min-width: 48em) {
    .m-col1.m-slim .c-panel-bnrs-item__shoulder {
        font-size: 138.5%;
        font-size: clamp(0.831rem, -0.003rem + 1.405vw, 1.385rem);
    }
}
.m-col1.m-slim .c-panel-bnrs-item__title {
    font-size: 197%;
    font-size: clamp(1.97rem, 0.563rem + 5.4vw, 3.94rem);
}
@media screen and (min-width: 48em) {
    .m-col1.m-slim .c-panel-bnrs-item__title {
        font-size: 292%;
        font-size: 261.5%;
        font-size: clamp(1.59rem, 0.047rem + 2.61vw, 2.615rem);
    }
}
@media screen and (min-width: 48em) {
    .m-col1.m-slim .c-panel-bnrs-item__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        gap: 0 25px;
        gap: 0 clamp(15px, 1.96vw, 25px);
        max-width: 500px;
    }
}
@media screen and (min-width: 48em) {
    .m-col1.m-slim .c-panel-bnrs-item__text {
        white-space: nowrap;
    }
}
@media screen and (min-width: 48em) {
    .m-col1.m-slim .c-panel-bnrs-item__button {
        margin-top: 0;
    }
}
.m-col1.m-slim .c-panel-bnrs-item__button .c-button-transparent {
    border-color: #084098;
}
@media screen and (min-width: 61.25em) {
    .m-col1.m-slim .c-panel-bnrs-item a:hover .c-button-transparent {
        border-color: #fff;
    }
}
.c-panel-bnrs-link {
    position: relative;
    display: block;
    width: 100%;
}
.c-panel-bnrs-image {
    width: 100%;
    height: auto;
}
.c-panel-support {
    /* アイコン＋キャプション縦配置 */
}
.c-panel-support-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px 6%;
}
@media print, screen and (min-width: 48em) {
    .c-panel-support-list {
        gap: 25px 3%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .c-panel-support-list.m-col3 {
        gap: 25px 2.6%;
    }
    .c-panel-support-list.m-col2 {
        gap: 25px 3.6%;
    }
}
.c-panel-support-item {
    width: 47%;
    min-height: 150px;
}
@media print, screen and (min-width: 48em) {
    .c-panel-support-item {
        -webkit-box-flex: 22.75%;
            -ms-flex: 22.75% 0 1;
                flex: 22.75% 0 1;
        min-height: 200px;
    }
    .m-col3 .c-panel-support-item {
        -webkit-box-flex: 31.6%;
            -ms-flex: 31.6% 0 1;
                flex: 31.6% 0 1;
    }
    .m-col2 .c-panel-support-item {
        -webkit-box-flex: 48.2%;
            -ms-flex: 48.2% 0 1;
                flex: 48.2% 0 1;
    }
    .m-col1 .c-panel-support-item {
        -webkit-box-flex: 100%;
            -ms-flex: 100% 0 1;
                flex: 100% 0 1;
    }
}
.c-panel-support-icon {
    width: 80px;
    display: block;
    margin: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-support-icon {
        width: 120px;
    }
}
.c-panel-support-icon img {
    width: 100%;
    display: block;
}
.c-panel-support-text {
    position: relative;
    display: inline-block;
    padding-left: 1em;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
    /* リンクテキストが長く、途中で２行にしたいときは各まとまりをspanで囲む */
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-support-text {
        font-size: 138.6%;
    }
}
.c-panel-support-text::before {
    content: "";
    position: absolute;
    left: -3px;
    top: 0.8em;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}
.c-panel-support-text > span {
    display: inline-block;
}
.c-panel-support-text:has(span) {
    padding-left: 0;
}
.c-panel-support-text:has(span)::before {
    left: auto;
}
.c-panel-support-text:has(span) > span:first-child {
    padding-left: 1em;
}
.c-panel-support-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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #CECECE;
    border-radius: 8px;
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-support-link:hover {
        color: #004098;
        border-color: #004098;
    }
}
.c-panel-service {
    /* 画像配置 */
}
.c-panel-service-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-service-list {
        gap: 30px 3%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .c-panel-service-list.m-col3 {
        gap: 30px 2.6%;
    }
    .c-panel-service-list.m-col2 {
        gap: 30px 3.6%;
    }
}
.c-panel-service-item {
    min-height: 90px;
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-service-item {
        min-height: 90px;
        -webkit-box-flex: 22.75%;
            -ms-flex: 22.75% 0 1;
                flex: 22.75% 0 1;
    }
    .m-col3 .c-panel-service-item {
        -webkit-box-flex: 31.6%;
            -ms-flex: 31.6% 0 1;
                flex: 31.6% 0 1;
        min-height: 110px;
    }
    .m-col2 .c-panel-service-item {
        -webkit-box-flex: 48.2%;
            -ms-flex: 48.2% 0 1;
                flex: 48.2% 0 1;
        min-height: 110px;
    }
    .m-col1 .c-panel-service-item {
        -webkit-box-flex: 100%;
            -ms-flex: 100% 0 1;
                flex: 100% 0 1;
        min-height: 110px;
    }
}
.c-panel-service-item img {
    width: 232px;
    max-width: 100%;
    height: auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-service-item img {
        width: 200px;
    }
    .m-col3 .c-panel-service-item img, .m-col2 .c-panel-service-item img, .m-col1 .c-panel-service-item img {
        width: 260px;
    }
}
.c-panel-service-link {
    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;
    width: 100%;
    height: 100%;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-service-link {
        -webkit-transition: 0.3s opacity;
        transition: 0.3s opacity;
    }
    .c-panel-service-link:hover {
        opacity: 0.7;
    }
}
.c-panel-access {
    /* アイコン＋キャプション縦配置+SP１カラム  */
}
.c-panel-access-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 26px 6%;
}
@media print, screen and (min-width: 48em) {
    .c-panel-access-list {
        gap: 26px 3%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .c-panel-access-list.m-col3 {
        gap: 26px 2.6%;
    }
    .c-panel-access-list.m-col2 {
        gap: 26px 3.6%;
    }
}
.c-panel-access-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px 0;
    width: 100%;
    min-height: 150px;
}
@media print, screen and (min-width: 48em) {
    .c-panel-access-item {
        -webkit-box-flex: 22.75%;
            -ms-flex: 22.75% 0 1;
                flex: 22.75% 0 1;
        min-height: 200px;
    }
    .m-col3 .c-panel-access-item {
        -webkit-box-flex: 31.6%;
            -ms-flex: 31.6% 0 1;
                flex: 31.6% 0 1;
    }
    .m-col2 .c-panel-access-item {
        -webkit-box-flex: 48.2%;
            -ms-flex: 48.2% 0 1;
                flex: 48.2% 0 1;
    }
    .m-col1 .c-panel-access-item {
        -webkit-box-flex: 100%;
            -ms-flex: 100% 0 1;
                flex: 100% 0 1;
    }
}
.c-panel-access-icon {
    width: 80px;
    display: block;
    margin: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-access-icon {
        width: 120px;
    }
}
.c-panel-access-icon img {
    width: 100%;
    display: block;
}
.c-panel-access-text {
    position: relative;
    display: inline-block;
    padding-left: 1em;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
    /* リンクテキストが長く、途中で２行にしたいときは各まとまりをspanで囲む */
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-access-text {
        font-size: 138.6%;
    }
}
.c-panel-access-text::before {
    content: "";
    position: absolute;
    left: -3px;
    top: 0.8em;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}
.c-panel-access-text > span {
    display: inline-block;
}
.c-panel-access-text:has(span) {
    padding-left: 0;
}
.c-panel-access-text:has(span)::before {
    left: auto;
}
.c-panel-access-text:has(span) > span:first-child {
    padding-left: 1em;
}
.c-panel-access-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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    max-width: 100%;
    min-height: inherit;
    border: 1px solid #CECECE;
    border-radius: 8px;
}
@media print, screen and (min-width: 61.25em) {
    .c-panel-access-link:hover {
        color: #004098;
        border-color: #004098;
    }
}
.c-panel-access-descript {
    font-size: 93%;
    line-height: 1.66;
}

/* おしらせパーツ */
.c-info-list__item {
    display: block;
}
.c-info-list__item + .c-info-list__item {
    margin-top: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .c-info-list__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: start;
            align-self: flex-start;
        gap: 16px;
    }
    .c-info-list__item + .c-info-list__item {
        margin-top: 12px;
    }
}
.c-info-list__head {
    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: 20px;
    width: 100%;
    margin: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-info-list__head {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 0;
        -webkit-box-flex: 169px;
            -ms-flex: 169px 0 0px;
                flex: 169px 0 0;
    }
    .m-no-icon .c-info-list__head {
        -webkit-box-flex: 80px;
            -ms-flex: 80px 0 0px;
                flex: 80px 0 0;
        white-space: nowrap;
    }
}
.c-info-list__body {
    width: 100%;
    margin-top: 4px;
}
@media print, screen and (min-width: 61.25em) {
    .c-info-list__body {
        -webkit-box-flex: 970px;
            -ms-flex: 970px 0 1;
                flex: 970px 0 1;
        margin-top: 0;
    }
}
.c-info-list__date {
    font-size: 93%;
    line-height: 1.75;
}
@media print, screen and (min-width: 61.25em) {
    .c-info-list__date {
        font-size: 108%;
    }
}
.c-info-list__tag {
    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;
    width: 80px;
    min-height: 20px;
    border-radius: 3px;
    background-color: #59BF3F;
    color: #fff;
    font-size: 81%;
    line-height: 1.7;
    text-align: center;
}
.m-no-icon .c-info-list__tag {
    display: none;
}
.c-info-list__tag.m-ir {
    /* IR資料 */
    background-color: #59BF3F;
    color: #fff;
}
.c-info-list__tag.m-kaiji {
    /* 適時開示 */
    background-color: #04129C;
    color: #fff;
}
.c-info-list__tag.m-kessan {
    /* 決算 */
    background-color: #5798E8;
    color: #fff;
}
.c-info-list__tag.m-kessan2 {
    /* 決算 */
    background-color: #E4922B;
    color: #fff;
}
.c-info-list__title {
    color: #004098;
    font-size: 93%;
    text-decoration: underline;
    line-height: 2;
}
@media print, screen and (min-width: 61.25em) {
    .c-info-list__title {
        font-size: 108%;
    }
    .c-info-list__title:hover {
        text-decoration: none;
    }
}
.c-info-list__type {
    display: inline-block;
    padding: 0 3px;
    min-width: 40px;
    border: 1px solid currentColor;
    border-radius: 3px;
    margin-left: 5px;
    color: #E52D2D;
    font-size: 81%;
    line-height: 1.2;
    text-align: center;
}
.c-info-list__type.m-pdf {
    color: #E52D2D;
}
.c-info-list__type.m-url {
    color: #2196F3;
}
.c-info-list__size {
    display: inline-block;
    font-size: 81%;
    margin-left: 5px;
}

/* ページネーション */
.c-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
}

.c-pagination__item {
    width: 30px;
    height: 34px;
}

.c-pagination__link {
    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: 100%;
    height: 100%;
    border: 1px solid #CECECE;
    border-radius: 3px;
    color: #202020;
    font-size: 93%;
}

.c-pagination__link.m-current {
    background: #004098;
    border-color: #004098;
    color: #fff;
}

.c-pagination__link.m-arrowPrev,
.c-pagination__link.m-arrowNext {
    position: relative;
}

.c-pagination__link.m-arrowPrev::before,
.c-pagination__link.m-arrowNext::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto 0;
    border: solid #004098;
    border-width: 2px 2px 0 0;
}

.c-pagination__link.m-arrowPrev::before {
    left: 12px;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}

.c-pagination__link.m-arrowNext::before {
    right: 12px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

@media print, screen and (min-width: 61.25em) {
    .c-pagination__item {
        width: 33px;
        height: 36px;
    }
    .c-pagination__link {
        font-size: 108%;
    }
    .c-pagination__link.m-arrowPrev::before {
        left: 14px;
    }
    .c-pagination__link.m-arrowNext::before {
        right: 14px;
    }
    a.c-pagination__link:hover {
        /* hover */
        background: #004098;
        border-color: #004098;
        color: #fff;
    }
    a.c-pagination__link:hover::before {
        border-color: #fff;
    }
}
/* HTMLバナー */
.c-bnr {
    position: relative;
    width: 100%;
}
.c-bnr-list {
    /* 縦積みの際の親要素 */
    width: 100%;
}
.c-bnr-list .c-bnr + .c-bnr {
    margin-top: 2px;
}
.c-bnr .f-container {
    max-width: 1200px;
}
.c-bnr__inner {
    position: relative;
    width: 100%;
}
.c-bnr__inner img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.c-bnr-html {
    /* バナー内HTMLエリア */
    position: absolute;
    top: 34px;
    left: 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;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    color: #fff;
    line-height: 1.75;
    z-index: 2;
}
@media screen and (max-width: 47.99em) {
    .c-bnr-html.m-logo {
        top: 30px;
        top: max(30px, 8vw);
    }
    .c-bnr-html.m-bottom {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        top: auto;
        bottom: 40px;
        bottom: max(40px, 10.66vw);
    }
    .c-bnr-html.m-bottom.m-logo {
        top: auto;
        bottom: 30px;
        bottom: max(30px, 8vw);
    }
}
@media print, screen and (min-width: 48em) {
    .c-bnr-html {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 5%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 30%;
        max-width: 360px;
        padding: 0;
        height: auto;
    }
    .c-bnr-html.m-right {
        right: 5%;
        left: auto;
    }
}
.c-bnr-html__logo {
    text-align: center;
}
.c-bnr-html__title {
    font-size: 200%;
    font-size: clamp(1.625rem, 0.464rem + 5.8vw, 3.25rem);
    font-weight: bold;
    line-height: 1.45;
    text-align: center;
}
.c-bnr-html__logo + .c-bnr-html__title {
    margin-top: 12px;
    margin-top: 3.2vw;
}
@media print, screen and (min-width: 48em) {
    .c-bnr-html__title {
        font-size: 246.15%;
        font-size: clamp(1.347rem, 0.186rem + 2.42vw, 2rem);
    }
    .c-bnr-html__logo + .c-bnr-html__title {
        margin-top: 23px;
        margin-top: clamp(11.05px, 13.776px + 3.23vw, 23px);
    }
}
.c-bnr-html__button {
    max-width: 155px;
    margin: 15px auto 0;
    margin: 4vw auto 0;
    text-align: center;
}
@media print, screen and (min-width: 48em) {
    .c-bnr-html__button {
        margin: min(17px, 1.4vw) auto 0;
    }
}
.c-bnr-html .c-button-transparent {
    min-height: 40px;
    padding: 3px 25px;
    font-size: 93%;
}
@media print, screen and (min-width: 48em) {
    a:hover .c-bnr-html .c-button-transparent {
        background-color: #fff;
        color: #333333;
    }
}
.c-bnr-html.m-black {
    /* 黒文字バナー */
    color: #202020;
}
.c-bnr-html.m-black .c-button-transparent {
    border-color: #202020;
    color: #202020;
}
@media print, screen and (min-width: 48em) {
    a:hover .c-bnr-html.m-black .c-button-transparent {
        border-color: #333333;
        background-color: #333333;
        color: #fff;
    }
}

/* 記事リスト */
.c-list-article {
    border-top: 1px solid #EBEBEB;
}

.c-list-article__text {
    font-size: 77%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.c-list-article__item {
    padding: 20px 0;
    border-bottom: 1px solid #EBEBEB;
}

.c-list-article-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
}

.c-list-article-category__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.4em 1em;
}

.c-list-article-category__list .c-link {
    color: #004098;
    font-size: 77%;
}

.c-list-article__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4.6875%;
    margin: 0 0 20px;
}

.c-list-article__image {
    width: 21.875%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.c-list-article__image img {
    width: 100%;
}

.c-list-article__info {
    width: 73.4375%;
}

.c-list-article__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 5px;
}

.c-list-article__label {
    display: inline-block;
    min-width: 98px;
    border: 1px solid #004098;
    border-radius: 3px;
    color: #004098;
    font-size: 77%;
    text-align: center;
}

.c-list-article__date {
    margin: 0 0 0 1em;
    font-size: 108%;
}

.c-list-article__name {
    color: #004098;
    font-size: 108%;
    line-height: 1.7;
}

.c-list-article__model {
    margin: 0 0 2px;
    font-size: 93%;
    font-weight: bold;
}

.c-list-article__model-type {
    font-size: 85%;
    font-weight: bold;
    margin-left: 1em;
}

.c-list-article__model-type.c-list-article__model-type--soon {
    color: #D33645;
}

.c-list-article__model-type.c-list-article__model-type--new {
    color: #D33645;
}

.c-list-article__model-type.c-list-article__model-type--limit {
    color: #e87529;
}

.c-list-article__data dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 77%;
}

.c-list-article__data dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.c-list-article__wrap {
    margin: 10px 0 0;
}

.c-list-article__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px 15px;
}

.c-list-article__banner img {
    width: auto;
    height: auto;
    max-width: 80px;
    max-height: 60px;
    vertical-align: top;
    vertical-align: top;
}

.c-list-article__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
    margin: 12px 0 0;
}

.c-list-article__tag li a {
    display: inline-block;
    padding: 3.5px 13.5px;
    border: 1px solid #CECECE;
    border-radius: 30px;
    font-size: 93%;
}

@media print, screen and (min-width: 61.25em) {
    .c-list-article__text {
        font-size: 93%;
    }
    .c-list-article__item {
        padding: 25px 0;
    }
    .c-list-article-category__list .c-link {
        font-size: 93%;
    }
    .c-list-article__link {
        gap: 32px;
    }
    .c-list-article__link:hover .c-list-article__name {
        text-decoration: underline;
    }
    .c-list-article__link:hover .c-list-article__image img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
    }
    .c-list-article__image {
        isolation: isolate;
        width: 100px;
        overflow: hidden;
    }
    .c-list-article__image img {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
        transition: opacity 0.25s, -webkit-transform 0.25s;
        transition: opacity 0.25s, transform 0.25s;
        transition: opacity 0.25s, transform 0.25s, -webkit-transform 0.25s;
    }
    .c-list-article__info {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        width: auto;
    }
    .c-list-article__head {
        margin: 0 0 15px;
    }
    .c-list-article__label {
        min-width: 140px;
        font-size: 93%;
    }
    .c-list-article__date {
        margin: 0 0 0 20px;
        font-size: 108%;
    }
    .c-list-article__name {
        margin: 0 0 5px;
        font-size: 138.5%;
        line-height: 1.3;
    }
    .c-list-article__model {
        margin: 0 0 2px;
        font-size: 108%;
    }
    .c-list-article__model-type {
        font-size: 93%;
    }
    .c-list-article__data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 30px;
    }
    .c-list-article__data dl {
        font-size: 93%;
    }
    .c-list-article__wrap {
        margin: 20px 0 0;
    }
    .c-list-article__banner {
        margin: 0;
    }
    .c-list-article__tag {
        margin: 10px 0 0;
    }
    .c-list-article__tag li a:hover {
        background-color: #f3f3f3;
    }
}
/* 記事リンク、タグリスト */
.c-tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    gap: 10px;
}
.c-tag-list li span {
    display: inline-block;
    width: 100%;
    padding: 2px 6px;
    border-radius: 3px;
    border: 1px solid #004098;
    background-color: #fff;
    color: #004098;
    font-size: 77%;
    line-height: 1.5;
}
@media print, screen and (min-width: 61.25em) {
    .c-tag-list li span {
        font-size: 93%;
    }
}
.c-tag-list li span[data-url] {
    cursor: pointer;
    -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
@media print, screen and (min-width: 61.25em) {
    .c-tag-list li span[data-url]:hover {
        background-color: #004098;
        color: #fff;
    }
}

/* トピックス記事リスト */
.c-topics-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 26px 30px;
    overflow: hidden;
    margin-top: 30px;
    width: 100%;
}
.c-topics-list::before, .c-topics-list::after {
    content: "";
    display: block;
    width: 360px;
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.c-topics-list .c-topics-item:last-child {
    padding-bottom: 30px;
}
.c-topics-list .c-topics-item__link {
    padding-bottom: 8px;
}
.c-topics-list.m-noImage {
    /* 画像がない場合 */
    margin-top: 0;
}
.c-topics-list.m-noImage .c-topics-item {
    padding-top: 30px;
    margin-top: -1px;
    border-top: 1px solid #EBEBEB;
}

.c-topics-item {
    width: 360px;
    max-width: 100%;
}
.c-topics-item.is-hidden {
    display: none;
}
.c-topics-item__link {
    display: block;
    width: 100%;
}
.c-topics-item__figure {
    border-radius: 8px;
    margin-bottom: 15px;
    text-align: center;
}
.c-topics-item__figure img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.c-topics-item__info {
    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;
    padding: 0 10px;
}
.c-topics-item__date {
    font-size: 108%;
    text-align: left;
}
.c-topics-item__label {
    display: inline-block;
    min-width: 92px;
    border: 1px solid #004098;
    border-radius: 3px;
    padding: 2px;
    margin-left: auto;
    color: #004098;
    font-size: 77%;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-topics-item__label {
        min-width: 115px;
    }
}
.c-topics-item__label + .c-topics-item__label {
    margin-left: 8px;
}
.c-topics-item__label.m-important {
    /* 重要なお知らせ */
    color: #e60012;
    border-color: #e60012;
}
.c-topics-item__label.m-release {
    /* ニュースリリース */
    color: #333333;
    border-color: #333333;
}
.c-topics-item__label.m-info {
    /* お知らせ */
    color: #0C9595;
    border-color: #0C9595;
}
.c-topics-item__label.m-security {
    /* セキュリティ情報 */
    color: #6B4399;
    border-color: #6B4399;
}
.c-topics-item__content {
    padding: 0 10px;
    margin-top: 6px;
    font-size: 93%;
    line-height: 1.6;
}
@media print, screen and (min-width: 61.25em) {
    .c-topics-item__label {
        font-size: 93%;
    }
    .c-topics-item__content {
        margin-top: 10px;
        -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
        transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    }
    .c-topics-item__link:hover .c-topics-item__content {
        color: #004098;
        text-decoration: underline;
    }
}

.c-topics-button-wrap {
    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: 30px 0;
}

/* ピックアップ記事リスト */
.c-pickup-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 26px 30px;
    overflow: hidden;
    margin-top: 30px;
    width: 100%;
}
.c-pickup-list::before, .c-pickup-list::after {
    content: "";
    display: block;
    width: 360px;
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.c-pickup-list .c-pickup-item:last-child {
    padding-bottom: 30px;
}
.c-pickup-list .c-pickup-item__link {
    padding-bottom: 8px;
}
.c-pickup-list.m-noImage {
    /* 画像がない場合 */
    margin-top: 0;
}
.c-pickup-list.m-noImage .c-pickup-item {
    padding-top: 30px;
    margin-top: -1px;
    border-top: 1px solid #EBEBEB;
}

.c-pickup-item {
    display: none;
    width: 360px;
    max-width: 100%;
}
.c-pickup-item.is-visible {
    display: block;
}
.c-pickup-item.is-hidden {
    display: none;
}
.c-pickup-item__link {
    position: relative;
    display: block;
    width: 100%;
}
.c-pickup-item__figure {
    position: relative;
    border-radius: 8px;
    margin-bottom: 15px;
    text-align: center;
}
.c-pickup-item__figure img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.c-pickup-item__info {
    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;
}
.c-pickup-item__date {
    font-size: 108%;
    text-align: left;
}
.c-pickup-item__title {
    font-size: 108%;
    font-weight: bold;
    line-height: 2;
}
.c-pickup-item__content {
    margin-top: 6px;
    font-size: 93%;
    line-height: 1.7;
}
.c-pickup-item .c-tag-list {
    margin-top: 15px;
}
@media print, screen and (min-width: 61.25em) {
    .c-pickup-item__title {
        font-size: 123.1%;
        line-height: 1.7;
        -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
        transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    }
    .c-pickup-item__link:hover .c-pickup-item__title {
        color: #004098;
    }
    .c-pickup-item__content {
        margin-top: 10px;
        font-size: 108%;
        -webkit-transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
        transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    }
    .c-pickup-item__link:hover .c-pickup-item__content {
        color: #004098;
        text-decoration: underline;
    }
}
.c-pickup-item.m-movie {
    /* 動画ポップアップの場合 */
}
.c-pickup-item.m-movie .c-pickup-item__figure::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    background-image: url(/assets/img/products/product/icn_movie-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
@media print, screen and (min-width: 61.25em) {
    .c-pickup-item.m-movie .c-pickup-item__figure::after {
        width: 100px;
        height: 100px;
    }
}

.c-pickup-button-wrap {
    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: 30px 0;
}

/*
    swiperベース調整
*/
/* swiper装飾 */
.swiper-initialized {
    position: relative;
}

.swiper-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
}

.swiper-slide {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.swiper-arrow {
    position: absolute;
    top: calc((100% - 50px) * 0.5);
    display: none;
    width: 70px;
    height: 70px;
    background: #333;
    border-radius: 50%;
    opacity: 0.7;
    cursor: pointer;
    z-index: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.swiper-arrow.m-show {
    display: block;
}
.swiper-arrow::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 42%;
    width: 12px;
    height: 12px;
    margin: auto;
    border: solid #fff;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.swiper-prev {
    left: -35px;
}

.swiper-next {
    right: -35px;
}
.swiper-next::before {
    left: 36%;
    -webkit-transform: rotate(45deg) scale(-1, -1);
            transform: rotate(45deg) scale(-1, -1);
}

.swiper-scrollbar {
    height: 3px;
    background: #dbdbdb;
    border-radius: 2px;
}
.swiper-scrollbar-drag {
    height: 100%;
    background: #777;
    border-radius: 2px;
    cursor: pointer;
}

.swiper-pagination.swiper-pagination {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
}

.swiper-pagination-bullet.swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 0;
    --swiper-pagination-bullet-inactive-opacity: 1;
    width: 12px;
    height: 12px;
    background: #CECECE;
    border-radius: 50%;
}
.swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #333;
}

/* スクロールバーの出るswiper */
.c-scroll-swiper {
    /* テキストの左右に余白をもたせる */
}
.c-scroll-swiper__item {
    max-width: 240px;
    text-align: left;
    margin: 0 20px 0 0;
}
.c-scroll-swiper__item:last-child {
    margin: 0;
}
.c-scroll-swiper__item__link.js-popup-video {
    /* 動画ポップアップ */
}
.c-scroll-swiper__item__link.js-popup-video .c-scroll-swiper__item__image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background-image: url(/assets/img/products/product/icn_movie-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.c-scroll-swiper__item__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.c-scroll-swiper__item__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
}
.c-scroll-swiper__item__body {
    padding: 0 10px;
}
.c-scroll-swiper__item__title {
    font-size: 108%;
    line-height: 1.4;
    font-weight: bold;
    margin: 15px 0 0;
}
.c-scroll-swiper__item__title + .c-scroll-swiper__text {
    margin-top: 6px;
}
.c-scroll-swiper__item__text {
    font-size: 93%;
    margin: 15px 0 0;
}
.c-scroll-swiper__item__caption {
    font-size: 93%;
    margin: 15px 0 0;
}
.c-scroll-swiper__arrow {
    display: none;
    opacity: 0.7;
}
.c-scroll-swiper__arrow.swiper-button-disabled {
    opacity: 0.15;
    cursor: not-allowed;
}
.c-scroll-swiper__scrollbar {
    margin: 20px 0 0;
}
.c-scroll-swiper .c-scroll-swiper__scrollbar.c-scroll-swiper__scrollbar {
    position: static;
    width: 100%;
    height: 3px;
    bottom: auto;
    z-index: auto;
}
.c-scroll-swiper.m-middle .c-scroll-swiper__item, .c-scroll-swiper.m-small .c-scroll-swiper__item {
    max-width: 110px;
    text-align: center;
    margin: 0 30px 0 0;
}
.c-scroll-swiper.m-middle .c-scroll-swiper__item:last-child, .c-scroll-swiper.m-small .c-scroll-swiper__item:last-child {
    margin: 0;
}
.c-scroll-swiper.m-middle .c-scroll-swiper__item__title, .c-scroll-swiper.m-small .c-scroll-swiper__item__title {
    margin: 15px 0 0;
    font-size: 93%;
}
.c-scroll-swiper.m-middle .c-scroll-swiper__scrollbar, .c-scroll-swiper.m-small .c-scroll-swiper__scrollbar {
    margin: 30px 0 0;
}
.c-scroll-swiper.m-relative {
    /* 関連製品 */
}
.c-scroll-swiper.m-relative .c-scroll-swiper__item {
    max-width: 150px;
}
.c-scroll-swiper.m-view-log {
    /* 閲覧履歴 */
}
.c-scroll-swiper.m-view-log .c-scroll-swiper__item {
    max-width: 120px;
    text-align: center;
}
.c-scroll-swiper.m-view-log .c-scroll-swiper__item__image {
    border-radius: 0;
}
.c-scroll-swiper.m-view-log .c-scroll-swiper__item__caption {
    margin: 15px 0 0;
}
.c-scroll-swiper.m-view-log .c-scroll-swiper__scrollbar {
    margin: 30px 0 0;
}

.c-scroll-swiper {
    /* 画像の比率変更用 */
}
.c-scroll-swiper.m-aspect4-3 {
    /* 4-3 */
}
.c-scroll-swiper.m-aspect4-3 .c-scroll-swiper__item__image {
    padding-top: 75%;
}
.c-scroll-swiper.m-aspect3-4 {
    /* 3-4 */
}
.c-scroll-swiper.m-aspect3-4 .c-scroll-swiper__item__image {
    padding-top: 133.33%;
}
.c-scroll-swiper.m-aspect16-9 {
    /* 16-9 */
}
.c-scroll-swiper.m-aspect16-9 .c-scroll-swiper__item__image {
    padding-top: 56.25%;
}
.c-scroll-swiper.m-aspect3-1 {
    /* 3-1 */
}
.c-scroll-swiper.m-aspect3-1 .c-scroll-swiper__item__image {
    padding-top: 33.33%;
}

@media print, screen and (min-width: 61.25em) {
    .c-scroll-swiper__item {
        max-width: 260px;
        margin: 0 33px 0 0;
    }
    .c-scroll-swiper__item:last-child {
        margin: 0;
    }
    .c-scroll-swiper__item__title {
        margin: 15px 0 0;
    }
    .c-scroll-swiper__item__title + .c-scroll-swiper__item__text {
        margin-top: 9px;
    }
    .c-scroll-swiper__item__text {
        margin-top: 13px;
    }
    .c-scroll-swiper__item__caption {
        font-size: 108%;
    }
    .c-scroll-swiper__arrow {
        top: 130px;
    }
    .c-scroll-swiper__scrollbar {
        margin: 56px 0 0;
    }
    .c-scroll-swiper.m-middle .c-scroll-swiper__item {
        max-width: 185px;
        margin: 0 54px 0 0;
    }
    .c-scroll-swiper.m-middle .c-scroll-swiper__item:last-child {
        margin: 0;
    }
    .c-scroll-swiper.m-middle .c-scroll-swiper__item__title {
        margin: 20px 0 0;
        font-size: 108%;
    }
    .c-scroll-swiper.m-middle .c-scroll-swiper__arrow {
        top: 130px;
    }
    .c-scroll-swiper.m-middle .c-scroll-swiper__scrollbar {
        margin: 40px 0 0;
    }
    .c-scroll-swiper.m-small .c-scroll-swiper__item {
        max-width: 150px;
        margin: 0 48px 0 0;
    }
    .c-scroll-swiper.m-small .c-scroll-swiper__item:last-child {
        margin: 0;
    }
    .c-scroll-swiper.m-small .c-scroll-swiper__item__image {
        padding-top: 80%;
    }
    .c-scroll-swiper.m-small .c-scroll-swiper__item__image img {
        max-width: 80%;
    }
    .c-scroll-swiper.m-small .c-scroll-swiper__item__title {
        margin: 20px 0 0;
        font-size: 108%;
    }
    .c-scroll-swiper.m-small .c-scroll-swiper__arrow {
        top: calc((100% - 50px) * 0.5);
    }
    .c-scroll-swiper.m-small .c-scroll-swiper__scrollbar {
        margin: 40px 0 0;
    }
    .c-scroll-swiper.m-view-log {
        /* 閲覧履歴 */
    }
    .c-scroll-swiper.m-view-log .c-scroll-swiper__item {
        max-width: 160px;
        margin: 0 36px 0 0;
    }
    .c-scroll-swiper.m-view-log .c-scroll-swiper__item:last-child {
        margin: 0;
    }
    .c-scroll-swiper.m-view-log .c-scroll-swiper__item__caption {
        font-size: 108%;
        text-align: left;
    }
    .c-scroll-swiper.m-relative {
        /* 関連製品 */
    }
    .c-scroll-swiper.m-relative .c-scroll-swiper__item {
        max-width: 200px;
    }
}
/*------ mfp-customize ----*/
.c-gallery-popup .mfp-container,
.c-inline-popup .mfp-container {
    padding: 0;
    max-width: 90%;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.c-gallery-popup .mfp-container.mfp-image-holder,
.c-inline-popup .mfp-container.mfp-image-holder {
    width: 600px;
}
.c-gallery-popup .mfp-s-error,
.c-inline-popup .mfp-s-error {
    /* 画像の読み込み失敗 */
}
.c-gallery-popup .mfp-s-error .mfp-content,
.c-inline-popup .mfp-s-error .mfp-content {
    position: relative;
    display: inline-block;
}
.c-gallery-popup .mfp-s-error .mfp-content figure::after,
.c-inline-popup .mfp-s-error .mfp-content figure::after {
    content: "";
    position: inherit;
    display: block;
    aspect-ratio: 1250/1250;
    width: 600px;
    max-width: 100%;
    height: auto;
    background: url("https://www.elecom.co.jp/photo/img_no_image.jpg") no-repeat center/contain;
    padding: 0;
    margin: 0 auto;
    line-height: 0;
    text-align: center;
    vertical-align: top;
}
.c-gallery-popup .mfp-s-error .mfp-content .mfp-img,
.c-inline-popup .mfp-s-error .mfp-content .mfp-img {
    display: none;
}
.c-gallery-popup .mfp-image-holder .mfp-figure figure,
.c-inline-popup .mfp-image-holder .mfp-figure figure {
    border-radius: 8px;
    overflow: hidden;
}
.c-gallery-popup .mfp-image-holder .mfp-figure figure img.mfp-img,
.c-inline-popup .mfp-image-holder .mfp-figure figure img.mfp-img {
    max-width: 100%;
    height: auto;
    padding: 0;
}
.c-gallery-popup .mfp-image-holder .popup-close,
.c-inline-popup .mfp-image-holder .popup-close {
    padding-right: 0;
    right: 0;
    width: 52px;
    height: 52px;
    display: block;
    background-image: url(/assets/img/products/product/icn_close.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%);
}
.c-gallery-popup .mfp-image-holder .popup-close:active,
.c-inline-popup .mfp-image-holder .popup-close:active {
    top: 0;
}
.c-gallery-popup .mfp-inline-holder .popup-close,
.c-inline-popup .mfp-inline-holder .popup-close {
    padding-right: 0;
    right: 10px;
    top: -10px;
    width: 40px;
    height: 40px;
    display: block;
    background-image: url(/assets/img/products/product/icn_close.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.c-gallery-popup .mfp-inline-holder .popup-close:active,
.c-inline-popup .mfp-inline-holder .popup-close:active {
    top: -10px;
}
@media print, screen and (min-width: 61.25em) {
    .c-gallery-popup .mfp-inline-holder .popup-close,
    .c-inline-popup .mfp-inline-holder .popup-close {
        width: 52px;
        height: 52px;
        right: 0;
        top: -20px;
    }
    .c-gallery-popup .mfp-inline-holder .popup-close:active,
    .c-inline-popup .mfp-inline-holder .popup-close:active {
        top: -20px;
    }
}
.c-gallery-popup.mfp-bg.mfp-ready,
.c-inline-popup.mfp-bg.mfp-ready {
    background-color: #333333;
    opacity: 0.7;
}
.c-gallery-popup .mfp-arrow,
.c-inline-popup .mfp-arrow {
    /* ギャラリー表示 矢印 */
    display: none;
    width: 70px;
    height: 70px;
    margin: 0;
    border-radius: 50%;
    background: #333;
    opacity: 1;
}
.c-gallery-popup .mfp-arrow:active,
.c-inline-popup .mfp-arrow:active {
    margin-top: 0;
}
.c-gallery-popup .mfp-arrow::before,
.c-inline-popup .mfp-arrow::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 12px;
    height: 12px;
    margin: auto;
    border: solid #fff;
    border-width: 0 0 2px 2px;
    opacity: 1;
    -webkit-transform: translateX(-25%) rotate(45deg);
            transform: translateX(-25%) rotate(45deg);
}
.c-gallery-popup .mfp-arrow::after,
.c-inline-popup .mfp-arrow::after {
    content: none;
}
.c-gallery-popup .mfp-arrow.mfp-arrow-left,
.c-inline-popup .mfp-arrow.mfp-arrow-left {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.c-gallery-popup .mfp-arrow.mfp-arrow-right,
.c-inline-popup .mfp-arrow.mfp-arrow-right {
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
}
.c-gallery-popup .mfp-arrow.mfp-arrow-right::before,
.c-inline-popup .mfp-arrow.mfp-arrow-right::before {
    -webkit-transform: translateX(-75%) rotate(225deg);
            transform: translateX(-75%) rotate(225deg);
}
.c-gallery-popup .c-video-block,
.c-inline-popup .c-video-block {
    /* 動画用ブロック */
    position: relative;
    width: 100%;
    max-height: 90vh;
    margin: auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-gallery-popup .c-video-block,
    .c-inline-popup .c-video-block {
        width: 90%;
        max-width: 1140px;
    }
}

/* 重要なお知らせ */
.c-important-info {
    display: block;
    padding: 14px 20px 13px;
    border-radius: 8px;
    background-color: #F4F4F4;
}
@media print, screen and (min-width: 48em) {
    .c-important-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0 14px;
    }
}
.c-important-info__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.c-important-info__heading svg {
    width: 17px;
    height: 15px;
    margin-right: 10px;
}
.c-important-info__heading span {
    font-size: 108%;
    font-weight: bold;
}
@media print, screen and (min-width: 48em) {
    .c-important-info__heading span {
        font-size: 123.1%;
    }
}
.c-important-info__list {
    padding: 0;
    margin: 8px 0 0;
}
@media print, screen and (min-width: 48em) {
    .c-important-info__list {
        margin: 0;
    }
}
.c-important-info__list li {
    width: 100%;
}
.c-important-info__list li + li {
    margin-top: 8px;
}
.c-important-info__list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0 12px;
    -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
@media print, screen and (min-width: 61.25em) {
    .c-important-info__list a:hover {
        color: #004098;
        text-decoration: underline;
    }
}
.c-important-info__figure {
    -webkit-box-flex: 40px;
        -ms-flex: 40px 0 0px;
            flex: 40px 0 0;
    -ms-flex-item-align: start;
        align-self: flex-start;
}
.c-important-info__figure img {
    max-width: 100%;
    height: auto;
}
.c-important-info__text {
    font-size: 77%;
}
@media print, screen and (min-width: 48em) {
    .c-important-info__text {
        font-size: 108%;
    }
}
.c-important-info__strong {
    display: block;
    font-weight: bold;
}
@media print, screen and (min-width: 48em) {
    .c-important-info__strong {
        display: inline-block;
    }
}

/* HTML差し込みエリア - ダミーパーツ */
.c-dummy-html {
    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;
    height: 225px;
    background-color: #F3F3F3;
}
.c-dummy-html div {
    text-align: center;
    font-weight: bold;
}

/* HTML差し込みエリア */
.c-insert-html:empty {
    display: none;
}
.c-insert-html + .c-insert-html {
    margin-top: 60px;
}
.c-insert-html-block {
    margin-top: 35px;
}
.c-insert-html-block.m-has-border {
    /* ボーダーあり */
    padding-top: 30px;
    border-top: 1px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .c-insert-html-block {
        margin-top: 65px;
    }
    .c-insert-html-block.m-has-border {
        /* ボーダーあり */
        padding-top: 60px;
        border-top: 1px solid #EBEBEB;
    }
}
.c-insert-html-block:first-of-type {
    margin-top: 0;
}
.c-insert-html-block > *:first-child:not(h1, h2, h3, h4, h5, h6),
.c-insert-html-block .f-container > *:first-child:not(h1, h2, h3, h4, h5, h6) {
    margin-top: 0;
}
.c-insert-html-block > *:last-child:not(h1, h2, h3, h4, h5, h6),
.c-insert-html-block .f-container > *:last-child:not(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0;
}
.c-insert-html-box {
    margin-top: 25px;
}
.c-insert-html-box.m-has-border {
    padding-top: 20px;
    border-top: 1px solid #EBEBEB;
}
.c-insert-html-box:first-child {
    margin-top: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-insert-html-box {
        margin-top: 45px;
    }
    .c-insert-html-box.m-has-border {
        padding-top: 40px;
        border-top: 1px solid #EBEBEB;
    }
    .c-insert-html-box:first-child {
        margin-top: 0;
    }
}
.c-insert-html-spacer {
    /* 余白作成用 */
    width: 100%;
    padding-top: 65px;
}
.c-insert-html-spacer.m-5 {
    padding-top: 5px;
}
.c-insert-html-spacer.m-10 {
    padding-top: 10px;
}
.c-insert-html-spacer.m-15 {
    padding-top: 15px;
}
.c-insert-html-spacer.m-20 {
    padding-top: 20px;
}
.c-insert-html-spacer.m-25 {
    padding-top: 25px;
}
.c-insert-html-spacer.m-30 {
    padding-top: 30px;
}
.c-insert-html-spacer.m-35 {
    padding-top: 35px;
}
.c-insert-html-spacer.m-40 {
    padding-top: 40px;
}
.c-insert-html-spacer.m-45 {
    padding-top: 45px;
}
.c-insert-html-spacer.m-50 {
    padding-top: 50px;
}
.c-insert-html-spacer.m-55 {
    padding-top: 55px;
}
.c-insert-html-spacer.m-60 {
    padding-top: 60px;
}
.c-insert-html-spacer.m-65 {
    padding-top: 65px;
}
.c-insert-html-spacer.m-70 {
    padding-top: 70px;
}
.c-insert-html-spacer.m-75 {
    padding-top: 75px;
}
.c-insert-html-spacer.m-80 {
    padding-top: 80px;
}
.c-insert-html-spacer.m-85 {
    padding-top: 85px;
}
.c-insert-html-spacer.m-90 {
    padding-top: 90px;
}
.c-insert-html-spacer.m-95 {
    padding-top: 95px;
}
.c-insert-html-spacer.m-100 {
    padding-top: 100px;
}
.c-insert-html::after {
    content: "";
    display: block;
    clear: both;
}

.c-flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
}
.c-flex-wrap > * {
    margin: 0;
}
.c-flex-wrap + .c-flex-wrap {
    margin-top: 15px;
}
@media screen and (min-width: 61.25em) {
    .c-flex-wrap {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
}

/* （画像＋テキスト） */
.c-card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 45px;
}
.c-card-list-item {
    width: 100%;
}
.c-card-list__image img {
    width: 100%;
    max-width: 100%;
    vertical-align: top;
}
.c-card-list__read {
    margin: 16px 0 0;
    font-size: 93%;
}
.c-card-list__title {
    margin: 5px 0 0;
    font-size: 138.5%;
}
.c-card-list__text {
    margin: 10px 0 0;
    font-size: 93%;
}
@media print, screen and (min-width: 37.5em) {
    .c-card-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 45px 4%;
    }
    .c-card-list-item {
        width: 48%;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-card-list {
        gap: 45px 2.6%;
    }
    .c-card-list-item {
        width: 31.6%;
    }
    .c-card-list.m-col2 {
        gap: 45px 3.5%;
    }
    .c-card-list.m-col2 .c-card-list__item {
        width: 31%;
    }
    .c-card-list.m-col4 {
        gap: 45px 3.46%;
    }
    .c-card-list.m-col4 .c-card-list__item {
        width: 22.4%;
    }
    .c-card-list__image {
        margin: 5px 0 0;
        font-size: 108%;
    }
    .c-card-list__title {
        margin: 6px 0 0;
        font-size: 153.9%;
    }
    .c-card-list__text {
        margin: 12px 0 0;
        font-size: 108%;
    }
}

/* （画像＋テキスト） */
.c-box-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 45px;
}
.c-box-list-item {
    width: 100%;
    border: 2px solid #EBEBEB;
    border-radius: 8px;
    background-color: #fff;
}
.c-box-list__inner {
    padding: 30px 8.33%;
}
.c-box-list__image {
    margin: 14px 0 0;
    text-align: center;
}
.c-box-list__image img {
    width: 100%;
    max-width: 100%;
    vertical-align: top;
}
.c-box-list__read {
    margin: 16px 0 0;
    font-size: 93%;
}
.c-box-list__title {
    margin: 5px 0 0;
    font-size: 138.5%;
}
.c-box-list__text {
    margin: 14px 0 0;
    font-size: 93%;
}
.c-box-list__bullet {
    margin: 22px 0 0;
    line-height: 1.7;
}
.c-box-list__bullet li {
    padding-left: 15px;
    text-indent: -15px;
}
.c-box-list__bullet li::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 6px;
    background-color: #004098;
    font-size: inherit;
    line-height: inherit;
    text-align: center;
}
+ .c-box-list__bullet li {
    margin-top: 5px;
}
@media print, screen and (min-width: 37.5em) {
    .c-box-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 45px 4%;
    }
    .c-box-list-item {
        width: 48%;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-box-list {
        gap: 45px 2.6%;
    }
    .c-box-list-item {
        width: 31.6%;
    }
    .c-box-list.m-col2 {
        gap: 45px 4%;
    }
    .c-box-list.m-col2 .c-box-list-item {
        width: 48%;
    }
    .c-box-list.m-col4 {
        gap: 45px 3.46%;
    }
    .c-box-list.m-col4 .c-box-list-item {
        width: 22.4%;
    }
    .c-box-list__image {
        margin: 16px 0 0;
    }
    .c-box-list__read {
        margin: 5px 0 0;
        font-size: 108%;
    }
    .c-box-list__title {
        margin: 6px 0 0;
        font-size: 153.9%;
    }
    .c-box-list__text {
        font-size: 108%;
    }
    .c-box-list__bullet {
        margin: 20px 0 0;
        font-size: 108%;
    }
}

/* 読み取り性能比較 */
.c-standard-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 37px 40px;
}
.c-standard-list__above {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.c-standard-list__image {
    -webkit-box-flex: 60px;
        -ms-flex: 60px 0 1;
            flex: 60px 0 1;
    line-height: 1;
}
.c-standard-list__image img {
    max-width: 100%;
    height: auto;
    vertical-align: text-bottom;
}
.c-standard-list__info {
    -webkit-box-flex: 70px;
        -ms-flex: 70px 1 1;
            flex: 70px 1 1;
    margin-left: 10px;
}
.c-standard-list__name {
    font-size: 93%;
    font-weight: bold;
    line-height: 1.7;
}
.c-standard-list-star {
    margin-top: 7px;
    font-size: 81%;
    line-height: 1;
}
.c-standard-list-star span {
    color: #E6942B;
}
.c-standard-list__text {
    margin-top: 7px;
    font-size: 81%;
}
@media print, screen and (min-width: 61.25em) {
    .c-standard-list {
        grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
        gap: 37px 30px;
    }
    .c-standard-list__name {
        font-size: 108%;
    }
    .c-standard-list__text {
        font-size: 93%;
    }
}

/* ページ内アンカーリンクリスト アコーディオンへの遷移を想定 */
.c-anchor-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
}
@media print, screen and (min-width: 48em) {
    .c-anchor-list {
        gap: 20px 2.6%;
    }
}
.c-anchor-list__item {
    width: 100%;
}
@media print, screen and (min-width: 48em) {
    .c-anchor-list__item {
        width: 31.6%;
        max-width: 360px;
    }
}
.c-anchor-list__link {
    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;
    width: 100%;
    height: 100%;
    min-height: 70px;
    border: 1px solid #CECECE;
    border-radius: 8px;
    padding: 5px 10px 5px 15px;
}
@media print, screen and (min-width: 48em) {
    .c-anchor-list__link {
        padding: 5px 12px 5px 15px;
    }
    .c-anchor-list__link:hover {
        border-color: #004098;
        color: #004098;
    }
}
.c-anchor-list__link[href^=\#]::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
    -webkit-transform: translateY(-25%) rotate(135deg);
            transform: translateY(-25%) rotate(135deg);
}
.c-anchor-list__figure {
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 15px;
    text-align: center;
}
.c-anchor-list__figure img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.c-anchor-list__content {
    padding-right: 8px;
    margin-right: auto;
}
.c-anchor-list__subtitle {
    margin-bottom: 5px;
    font-size: 93%;
    line-height: 1.5;
}
@media print, screen and (min-width: 48em) {
    .c-anchor-list__subtitle {
        font-size: 108%;
    }
}
.c-anchor-list__title {
    font-size: 108%;
    font-weight: bold;
    line-height: 1.3;
}
@media print, screen and (min-width: 48em) {
    .c-anchor-list__title {
        font-size: 123.1%;
    }
}

/* ページ内アンカーリンクリスト 特定のセクションへの遷移を想定 */
.c-function-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px 3.125%;
}
@media print, screen and (min-width: 48em) {
    .c-function-list {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px 16px;
    }
}
.c-function-list__item {
    width: 31.25%;
    max-width: 100px;
}
.c-function-list__link {
    display: block;
    width: 100%;
    min-height: 70px;
}
.c-function-list__figure {
    position: relative;
    width: 100%;
    height: 0;
    border-radius: 8px;
    padding-top: 100%;
    background-color: #F3F3F3;
    text-align: center;
}
.c-function-list__figure > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
}
.c-function-list__content {
    margin-top: 4px;
}
.c-function-list__title {
    font-size: 93%;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
}

/* グレー丸リスト */
.c-bullet-list {
    list-style: none;
}
.c-bullet-list > li {
    position: relative;
    font-size: 93%;
    line-height: 1.67;
    padding-left: 1.2em;
}
.c-bullet-list > li::before {
    content: "●";
    position: absolute;
    left: 0;
    font-size: 77%;
    color: #CECECE;
    top: 0.2em;
}
.c-bullet-list > li + li {
    margin-top: 7px;
}
@media print, screen and (min-width: 61.25em) {
    .c-bullet-list > li {
        font-size: 108%;
        line-height: 1.7;
    }
    .c-bullet-list > li + li {
        margin-top: 5px;
    }
}

.c-order-list {
    counter-reset: item;
    list-style-type: none;
    margin-left: -0.7em;
}
.c-order-list > li {
    padding-left: 2.3em;
    font-size: 93%;
    font-weight: 500;
    line-height: 1.67;
}
.c-order-list > li::before {
    counter-increment: item;
    content: counter(item) ".";
    font-weight: bold;
    display: inline-block;
    width: 2.3em;
    text-align: right;
    padding-right: 0.3em;
    margin-left: -2.3em;
}
.c-order-list > li + li {
    margin-top: 0.5em;
}
@media print, screen and (min-width: 61.25em) {
    .c-order-list > li {
        font-size: 108%;
        line-height: 1.71;
    }
}

.c-title-list > li + li {
    margin-top: 12px;
}
@media print, screen and (min-width: 61.25em) {
    .c-title-list > li + li {
        margin-top: 20px;
    }
}
.c-title-list__head {
    /* 日付部分 */
    position: relative;
    margin: 0 0 8px;
}
.c-title-list__head:last-child {
    margin-bottom: 0;
}
.c-title-list__head span {
    font-size: 123.1%;
    font-weight: bold;
    line-height: 1.5;
}
@media print, screen and (min-width: 61.25em) {
    .c-title-list__head span {
        font-size: 138.5%;
    }
}
.c-title-list .c-order-list {
    /* 変更内容 */
    margin-top: 10px;
}
.c-title-list.m-bullet {
    /* ●付き */
}
.c-title-list.m-bullet .c-title-list__head {
    padding-left: 1.2em;
}
.c-title-list.m-bullet .c-title-list__head::before {
    content: "●";
    position: absolute;
    left: 0;
    font-size: 93%;
    color: #CECECE;
    top: 0.2em;
}

/* ページ内アンカーリンク（SPで横スクロールしない）*/
.c-anchor-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.c-anchor-link__item {
    width: 100%;
    min-height: 45px;
    border-bottom: 1px solid #CECECE;
    font-size: 93%;
    line-height: 1.5;
}
@media print, screen and (min-width: 61.25em) {
    .c-anchor-link__item {
        min-height: 50px;
        font-size: 108%;
    }
}
.c-anchor-link__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    padding: 9px 0 8px 20px;
}
@media print, screen and (min-width: 61.25em) {
    .c-anchor-link__link:hover {
        color: #004098;
        text-decoration: underline;
    }
}
.c-anchor-link__link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    border: solid #004098;
    border-width: 0 2px 2px 0;
    -webkit-transform: translateY(-75%) rotate(45deg);
            transform: translateY(-75%) rotate(45deg);
}
.c-anchor-link__link span {
    display: inline-block;
}
@media print, screen and (min-width: 48em) {
    .c-anchor-link {
        gap: 0 3.1%;
    }
    .c-anchor-link.m-col5 .c-anchor-link__item {
        width: 31.26%;
    }
    .c-anchor-link.m-col4 .c-anchor-link__item {
        width: 31.26%;
    }
    .c-anchor-link.m-col3 {
        gap: 0 2.75%;
    }
    .c-anchor-link.m-col3 .c-anchor-link__item {
        width: 31.5%;
    }
    .c-anchor-link.m-col2 {
        gap: 0 3.5%;
    }
    .c-anchor-link.m-col2 .c-anchor-link__item {
        width: 48.25%;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-anchor-link.m-col5 .c-anchor-link__item {
        width: 22.67%;
    }
}
@media print, screen and (min-width: 80em) {
    .c-anchor-link.m-col5 .c-anchor-link__item {
        width: 17.52%;
    }
    .c-anchor-link.m-col4 .c-anchor-link__item {
        width: 22.67%;
    }
}
.c-anchor-link-scroll {
    /* アンカーリンクLv1（SPで横スクロールのとき）*/
    overflow-x: scroll;
    overflow-y: hidden;
}
.c-anchor-link-scroll::-webkit-scrollbar {
    width: 100%;
    height: 3px;
}
.c-anchor-link-scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}
.c-anchor-link-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
}
@media screen and (min-width: 61.25em) {
    .c-anchor-link-scroll {
        overflow-x: hidden;
    }
}
@media screen and (max-width: 61.24em) {
    .c-anchor-link-scroll .c-anchor-link {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
}
.c-anchor-link-scroll .c-anchor-link__item {
    min-height: 56px;
    font-weight: bold;
    font-size: 123%;
}
@media screen and (max-width: 61.24em) {
    .c-anchor-link-scroll .c-anchor-link__item {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: auto !important;
        border: none;
        margin-right: 2em;
    }
}
.c-anchor-link-seamless {
    /* アンカーリンクLv3（インライン対応、はみ出した時点で横スクロールのとき）*/
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    cursor: pointer !important;
}
.c-anchor-link-seamless::-webkit-scrollbar, .c-anchor-link-seamless::-webkit-scrollbar-track, .c-anchor-link-seamless::-webkit-scrollbar-thumb {
    display: none;
}
.c-anchor-link-seamless.is-dragscroll {
    scrollbar-width: thin;
}
.c-anchor-link-seamless.is-dragscroll::-webkit-scrollbar {
    display: block;
    width: 100%;
    height: 3px;
}
.c-anchor-link-seamless.is-dragscroll::-webkit-scrollbar-track {
    display: block;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}
.c-anchor-link-seamless.is-dragscroll::-webkit-scrollbar-thumb {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
}
.c-anchor-link-seamless .c-anchor-link {
    gap: 0;
    cursor: auto;
}
@media screen and (max-width: 61.24em) {
    .c-anchor-link-seamless .c-anchor-link {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
}
.c-anchor-link-seamless .c-anchor-link__item {
    width: auto;
    min-height: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-bottom: none;
    margin-right: 2em;
    font-size: 93%;
    font-weight: 500;
    line-height: 1.5;
}
@media screen and (min-width: 61.25em) {
    .c-anchor-link-seamless .c-anchor-link__item {
        font-size: 108%;
    }
}
.c-anchor-link-seamless .c-anchor-link__link {
    position: relative;
    display: inline-block;
    padding: 17px 0 17px 1.1em;
}
.c-anchor-link-seamless .c-anchor-link__link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    border: 2px solid #004098;
    border-width: 0 2px 2px 0;
    -webkit-transform: translateY(-75%) rotate(45deg);
            transform: translateY(-75%) rotate(45deg);
}

/* 関連リンクなどリンクリスト */
.c-link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.c-link-list__item {
    width: 100%;
    min-height: 45px;
    border-bottom: 1px solid #CECECE;
    font-size: 108%;
    line-height: 1.5;
}
@media print, screen and (min-width: 61.25em) {
    .c-link-list__item {
        min-height: 50px;
    }
}
.c-link-list__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    padding: 9px 0 8px 20px;
}
@media print, screen and (min-width: 61.25em) {
    .c-link-list__link:hover {
        color: #004098;
        text-decoration: underline;
    }
}
.c-link-list__link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    border: solid #004098;
    border-width: 0 2px 2px 0;
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
}
.c-link-list__link span {
    display: inline-block;
}
.c-link-list__link.m-pdf span::after {
    content: "";
    position: relative;
    top: 0.1em;
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url("/assets/img/common/icn_pdf.svg") no-repeat center center/contain;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    margin-left: 0.5em;
}
@media print, screen and (min-width: 48em) {
    .c-link-list {
        gap: 0 3.1%;
    }
    .c-link-list.m-col5 .c-link-list__item {
        width: 31.26%;
    }
    .c-link-list.m-col4 .c-link-list__item {
        width: 31.26%;
    }
    .c-link-list.m-col3 {
        gap: 0 2.75%;
    }
    .c-link-list.m-col3 .c-link-list__item {
        width: 31.5%;
    }
    .c-link-list.m-col2 {
        gap: 0 3.6%;
    }
    .c-link-list.m-col2 .c-link-list__item {
        width: 48.2%;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-link-list.m-col5 .c-link-list__item {
        width: 22.67%;
    }
}
@media print, screen and (min-width: 80em) {
    .c-link-list.m-col5 .c-link-list__item {
        width: 17.52%;
    }
    .c-link-list.m-col4 .c-link-list__item {
        width: 22.67%;
    }
}
.c-link-list.m-right {
    /* 左右レイアウト変更 */
}
.c-link-list.m-right .c-link-list__link {
    padding: 9px 20px 8px 0;
}
.c-link-list.m-right .c-link-list__link::before {
    right: 4px;
    left: auto;
}
.c-link-list.m-inline {
    /* インライン */
    display: block;
}
@media print, screen and (min-width: 61.25em) {
    .c-link-list.m-inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px 50px;
    }
}
.c-link-list.m-inline .c-link-list__item {
    width: 100%;
    min-height: auto;
    border-bottom: none;
    font-size: 1rem;
    line-height: 1.7;
}
+ .c-link-list.m-inline .c-link-list__item {
    margin-top: 15px;
}
@media print, screen and (min-width: 61.25em) {
    .c-link-list.m-inline .c-link-list__item {
        width: auto;
        min-height: auto;
        margin: 0;
        font-size: 1rem;
    }
}
.c-link-list.m-inline .c-link-arrow {
    display: block;
    width: 100%;
    font-size: 108%;
}
.c-link-list.m-vertical {
    /* インライン */
    display: block;
}
@media print, screen and (min-width: 61.25em) {
    .c-link-list.m-vertical {
        display: block;
    }
}
.c-link-list.m-vertical .c-link-list__item {
    width: 100%;
    min-height: auto;
    border-bottom: none;
    font-size: 1rem;
    line-height: 1.7;
}
.c-link-list.m-vertical .c-link-list__item + .c-link-list__item {
    margin-top: 15px;
}
@media print, screen and (min-width: 61.25em) {
    .c-link-list.m-vertical .c-link-list__item {
        width: 100%;
        min-height: auto;
        font-size: 1rem;
    }
    .c-link-list.m-vertical .c-link-list__item + .c-link-list__item {
        margin-top: 15px;
    }
}
.c-link-list.m-vertical .c-link-list__text {
    font-size: 81%;
    margin-top: 3px;
}
@media print, screen and (min-width: 61.25em) {
    .c-link-list.m-vertical .c-link-list__text {
        margin-top: 6px;
        font-size: 93%;
    }
}
.c-link-list.m-vertical .c-link-arrow {
    display: block;
    width: 100%;
    font-size: 108%;
}

/* 対応OSリスト */
.c-os-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.c-os-list + .c-os-list {
    margin-top: 16px;
}
@media print, screen and (min-width: 61.25em) {
    .c-os-list {
        gap: 10px;
    }
    .c-os-list + .c-os-list {
        margin-top: 20px;
    }
}
.c-os-list > li {
    position: relative;
    width: 47px;
}
@media print, screen and (min-width: 61.25em) {
    .c-os-list > li {
        width: 56px;
    }
}

.c-device-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px 40px;
}
.c-device-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 70px;
    border-bottom: 1px solid #cecece;
}
@media print, screen and (min-width: 61.25em) {
    .c-device-list__item {
        width: calc((100% - 40px) * 0.5);
    }
}
.c-device-list__figure {
    width: 30px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.c-device-list__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    gap: 0 2em;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .c-device-list__text {
        font-size: 123.1%;
    }
}

/*
    管理用
*/
.c-page-heading-template {
    padding: 5px 10px;
    margin: 0 0 20px;
    background-color: #D6D6D6;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7;
}

/*
    左帯見出し
    製品絞り込み一覧などh2見出しを想定
*/
.c-page-heading01 {
    position: relative;
    padding: 0 0 0 15px;
    margin: 0 0 30px;
    font-size: 167%;
    font-weight: bold;
    line-height: 1.6;
}
.c-page-heading01::before {
    content: "";
    position: absolute;
    top: 0.12em;
    bottom: 0.12em;
    left: 0;
    width: 5px;
    height: auto;
    font-size: inherit;
    background: #004098;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-heading01 {
        margin: 0 0 32px;
        font-size: 215%;
        line-height: 1.7;
    }
    .c-page-heading01::before {
        top: 0.24em;
        bottom: 0.24em;
    }
}

/* 製品絞り込み一覧などh3見出しを想定 */
.c-page-heading02 {
    margin: 0 0 22px;
    font-size: 138.5%;
    font-weight: bold;
    line-height: 1.55;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-heading02 {
        margin: 0 0 32px;
        font-size: 182%;
        line-height: 1.58;
    }
}

/* 製品ダウンロードなど h2見出しを想定 */
.c-page-heading03 {
    margin: 0;
    color: #202020;
    font-size: 182%;
    font-weight: bold;
    line-height: 1.58;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-heading03 {
        font-size: 197%;
        line-height: 1.35;
    }
}

/* 製品ダウンロードなど h2見出しを想定 */
.c-page-heading04 {
    margin-bottom: 6px;
    font-size: 123.1%;
    font-weight: bold;
    line-height: 1.7;
}

/* 製品詳細 アコーディオン内 小見出しを想定*/
.c-page-heading05 {
    position: relative;
    margin-bottom: 25px;
    padding-left: 13px;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
}
.c-page-heading05::before {
    content: "";
    position: absolute;
    top: 0.25em;
    bottom: 0.25em;
    left: 0;
    display: inline-block;
    width: 5px;
    height: auto;
    background-color: #004098;
    font-size: inherit;
    line-height: inherit;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-heading05 {
        font-size: 138.5%;
        line-height: 1.5;
    }
}

/* 製品詳細 中見出し - センター揃えを想定*/
.c-page-heading06 {
    position: relative;
    margin-bottom: 15px;
    font-size: 138.5%;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-page-heading06 {
        margin-bottom: 23px;
        font-size: 182%;
    }
}

/* 汎用見出し */
.c-heading-common {
    /* H2相当見出し */
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    gap: 0 10px;
    padding: 0;
    margin: 23px 0 23px;
    font-size: 1rem;
    font-weight: 500;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-common {
        margin: 23px 0 23px;
    }
}
.c-heading-common:first-child {
    margin-top: 0;
}
.c-heading-common.m-ribbon {
    /* リボン付き */
    padding: 0 0 0 15px;
}
.c-heading-common.m-ribbon::before {
    content: "";
    position: absolute;
    top: 0.12em;
    bottom: 0.12em;
    left: 0;
    width: 5px;
    height: auto;
    font-size: inherit;
    background: #004098;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-common.m-ribbon::before {
        top: 0.24em;
        bottom: 0.24em;
    }
}
.c-heading-common__image {
    width: 30px;
    height: 30px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-common__image {
        width: 48px;
        height: 48px;
    }
}
.c-heading-common__text {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
}
.c-heading-common__title {
    /* 見出し */
    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;
    gap: 4px 30px;
    width: 100%;
}
.c-heading-common__title-text {
    display: inline-block;
    width: 100%;
    font-size: 167%;
    font-weight: bold;
    line-height: 1.45;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-common__title-text {
        width: auto;
        font-size: 215%;
    }
}
.c-heading-common__title-supplement {
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 100%;
    font-size: 81%;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-common__title-supplement {
        font-size: 93%;
    }
}
.c-heading-common__title .c-link-arrow {
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 100%;
    font-size: 93%;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-common__title .c-link-arrow {
        font-size: 108%;
    }
}
.c-heading-common__subtitle {
    /* ショルダーテキスト */
    margin-top: 2px;
    font-size: 81%;
    line-height: 1.66;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-common__subtitle {
        font-size: 93%;
        line-height: 1.7;
    }
}
.c-heading-common.m-h3 {
    /* H3相当見出し　リボン付き */
}
.c-heading-common.m-h3 .c-heading-common__image {
    width: 30px;
    height: 30px;
}
.c-heading-common.m-h3 .c-heading-common__title {
    /* 見出し */
    gap: 4px 20px;
}
.c-heading-common.m-h3 .c-heading-common__title-text {
    font-size: 138.5%;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-common.m-h3 .c-heading-common__title-text {
        font-size: 182%;
    }
}
.c-heading-common.m-h4 {
    /* H4相当見出し　リボン付き */
}
.c-heading-common.m-h4 .c-heading-common__image {
    width: 30px;
    height: 30px;
}
.c-heading-common.m-h4 .c-heading-common__title {
    /* 見出し */
    gap: 4px 20px;
}
.c-heading-common.m-h4 .c-heading-common__title-text {
    font-size: 108%;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-common.m-h4 .c-heading-common__title-text {
        font-size: 138.5%;
    }
}

/* 汎用見出し - 中央揃え 装飾なし */
.c-heading-simple {
    margin: 20px 0;
    font-size: 167%;
    font-weight: bold;
    text-align: center;
    line-height: 1.7;
}
.c-heading-simple:first-child {
    margin-top: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-simple {
        margin: 30px 0;
        font-size: 215%;
    }
}
.c-heading-simple.m-left {
    text-align: left;
}
.c-heading-simple.m-smaller {
    font-size: 138.5%;
    line-height: 1.4;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-simple.m-smaller {
        font-size: 153.9%;
    }
}
.c-heading-simple.m-small {
    margin: 0 0 14px;
    font-size: 123.1%;
    line-height: 1.75;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-simple.m-small {
        margin: 0 0 15px;
        font-size: 138.5%;
        line-height: 1.56;
    }
}

/* 汎用テキスト */
.c-text-common {
    margin: 1em 0;
    font-size: 93%;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .c-text-common {
        font-size: 108%;
    }
}
.c-text-common:first-child {
    margin-top: 0;
}
.c-text-common:last-child {
    margin-bottom: 0;
}
.c-text-common.m-bold,
.c-text-common .m-bold {
    font-weight: bold;
}
.c-text-common.m-red,
.c-text-common .m-red {
    color: #E52D2D;
}
.c-text-common.m-center {
    /* 左右中央 */
    text-align: center;
}
.c-text-common.m-right {
    text-align: right;
}
.c-text-common.m-left {
    text-align: left;
}

/* 汎用グレーラッパー */
.c-wrapper-common {
    padding: 17px 20px;
    border-radius: 8px;
    background-color: #F3F3F3;
}
@media print, screen and (min-width: 61.25em) {
    .c-wrapper-common {
        padding: 26px 30px 35px;
    }
}
.c-wrapper-common.m-narrow {
    /* 内側の余白が大きくコンテンツエリアが狭い */
    padding: 23px 22px 26px;
}
@media print, screen and (min-width: 61.25em) {
    .c-wrapper-common.m-narrow {
        padding: 30px 50px 40px;
    }
}

/* 罫線付き囲みブロック */
.c-frame-common {
    padding: 35px 19px 37px;
    border-radius: 8px;
    border: 1px solid #CECECE;
}
@media print, screen and (min-width: 61.25em) {
    .c-frame-common {
        padding: 55px 69px 57px;
    }
}
.c-frame-common.m-has-bg {
    /* 背景付き囲みブロック */
    border-color: #F3F3F3;
    background-color: #F3F3F3;
}

/* 変更日時つき見出しs */
.c-heading-modified {
    margin-bottom: 25px;
}
@media print, screen and (min-width: 61.25em) {
    .c-heading-modified {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 20px;
        margin-bottom: 34px;
    }
    .c-heading-modified .c-heading-common,
    .c-heading-modified .c-heading-simple {
        margin: 0;
    }
    .c-heading-modified__date {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding-left: 1em;
        margin: 0 0 0 auto;
        text-align: right;
    }
}

/* 汎用イメージ */
.c-image-common {
    margin: 0.5em 0;
    text-align: center;
}
.c-image-common:first-child {
    margin-top: 0;
}
.c-image-common:last-child {
    margin-bottom: 0;
}
.c-image-common img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
.c-image-common figcaption {
    margin: 16px 0 0;
    font-size: 93%;
    line-height: 1.7;
    text-align: left;
}
.c-image-common + .c-heading-common {
    margin-top: 16px;
    margin-bottom: 8px;
}
.c-image-common + .c-heading-common:last-child {
    margin-bottom: 0;
}
.c-image-common + .c-heading-common + .c-text-common {
    margin-top: 8px;
}
.c-image-common + .c-heading-common + .c-text-common:last-child {
    margin-bottom: 0;
}
.c-image-common + .c-text-common {
    margin-top: 16px;
}
.c-image-common + .c-text-common:last-child {
    margin-bottom: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-image-common figcaption {
        margin: 15px 0 0;
        font-size: 108%;
    }
    .c-image-common + .c-text-common {
        margin: 25px 0 0;
    }
}
.c-image-common.m-center {
    text-align: center;
}
.c-image-common.m-left {
    text-align: left;
}
.c-image-common.m-right {
    text-align: right;
}

/* HTML差し込みエリア ここまで */
/* リスト型テキストリンク 縦並び */
@media print, screen and (min-width: 61.25em) {
    .c-category-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.c-category-list-box {
    margin-top: 40px;
}
.c-category-list-box:first-of-type {
    margin-top: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-category-list-box {
        width: 22.3%;
        margin-right: 3.6%;
        margin-top: 50px;
    }
    .c-category-list-box:nth-of-type(-n+4) {
        margin-top: 0;
    }
    .c-category-list-box:nth-of-type(4n) {
        margin-right: 0;
    }
}
.c-category-list-box__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 30px;
    margin-bottom: 15px;
    font-size: 123.1%;
    font-weight: bold;
}
.c-category-list-box__icon {
    width: 30px;
    margin-right: 0.5em;
}
.c-category-list-box__icon img {
    width: 100%;
    height: auto;
}
.c-category-list-box__item {
    border-bottom: 1px solid #EBEBEB;
    font-size: 108%;
    font-weight: 500;
}
.c-category-list-box__item:first-of-type {
    border-top: 1px solid #EBEBEB;
}
.c-category-list-box__link {
    display: block;
    position: relative;
    padding: 11px 15px 10px 0;
}
.c-category-list-box__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
            transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
@media print, screen and (min-width: 61.25em) {
    .c-category-list-box__link:hover {
        color: #004098;
    }
    .c-category-list-box__link:hover span {
        text-decoration: underline;
    }
}
.c-category-list.m-no-bt {
    /* １つ目のリンクの上線を削除 */
}
.c-category-list.m-no-bt .c-category-list-box__item {
    border-top: none;
}
.c-category-list.m-no-head {
    /* 3カラム */
}
.c-category-list.m-no-head .c-category-list-box {
    margin-top: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-category-list.m-no-head .c-category-list-box {
        margin-top: 50px;
    }
    .c-category-list.m-no-head .c-category-list-box:nth-of-type(-n+4) {
        margin-top: 0;
    }
}
@media screen and (max-width: 61.24em) {
    .c-category-list.m-no-head .c-category-list-box__item {
        border-top: none;
    }
}
.c-category-list.m-large {
    /* .c-category-list-box__head のフォントサイズを大きく */
}
@media print, screen and (min-width: 61.25em) {
    .c-category-list.m-large .c-category-list-box__head {
        font-size: 138.5%;
    }
}
.c-category-list.m-col3 {
    /* 3カラム */
}
@media print, screen and (min-width: 61.25em) {
    .c-category-list.m-col3 .c-category-list-box {
        width: 31.6%;
        margin-right: 2.6%;
        margin-top: 50px;
    }
    .c-category-list.m-col3 .c-category-list-box:nth-of-type(-n+3) {
        margin-top: 0;
    }
    .c-category-list.m-col3 .c-category-list-box:nth-of-type(n+4) {
        margin-top: 50px;
    }
    .c-category-list.m-col3 .c-category-list-box:nth-of-type(3n) {
        margin-right: 0;
    }
}

/* リスト型テキストリンク 縦並び - サイトマップ型*/
@media print, screen and (min-width: 61.25em) {
    .c-sitemap-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.c-sitemap-list-column {
    margin-top: 25px;
}
.c-sitemap-list-column:first-of-type {
    margin-top: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-sitemap-list-column {
        width: 22.3%;
        margin-right: 3.6%;
        margin-top: 25px;
    }
    .c-sitemap-list-column:nth-of-type(-n+4) {
        margin-top: 0;
    }
    .c-sitemap-list-column:nth-of-type(4n) {
        margin-right: 0;
    }
}
.c-sitemap-list-box {
    width: 100%;
    margin-top: 10px;
}
.c-sitemap-list-box:first-of-type {
    margin-top: 0;
}
.c-sitemap-list-box:last-of-type .c-sitemap-list-box__list {
    padding-bottom: 0;
}
.c-sitemap-list-box__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: 48px;
    font-size: 138.5%;
    font-weight: bold;
}
.c-sitemap-list-box__head .c-link-arrow {
    font-size: inherit;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .c-sitemap-list-box__head:hover .c-link-arrow {
        color: #004098;
        text-decoration: underline;
    }
}
.c-sitemap-list-box__icon {
    width: 30px;
    margin-right: 0.5em;
}
.c-sitemap-list-box__icon img {
    width: 100%;
    height: auto;
}
.c-sitemap-list-box__list {
    padding-bottom: 15px;
}
.c-sitemap-list-box__item {
    border-bottom: 1px solid #EBEBEB;
    font-size: 108%;
    font-weight: 500;
}
.c-sitemap-list-box__link {
    display: block;
    position: relative;
    padding: 11px 15px 10px 0;
}
.c-sitemap-list-box__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
            transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
@media print, screen and (min-width: 61.25em) {
    .c-sitemap-list-box__link:hover {
        color: #004098;
    }
    .c-sitemap-list-box__link:hover span {
        text-decoration: underline;
    }
}
.c-sitemap-list.m-col3 {
    /* 3カラム */
}
@media print, screen and (min-width: 61.25em) {
    .c-sitemap-list.m-col3 .c-sitemap-list-column {
        width: 31.6%;
        margin-right: 2.6%;
        margin-top: 50px;
    }
    .c-sitemap-list.m-col3 .c-sitemap-list-column:nth-of-type(-n+3) {
        margin-top: 0;
    }
    .c-sitemap-list.m-col3 .c-sitemap-list-column:nth-of-type(3n) {
        margin-right: 0;
    }
}

/* 企業・IR情報トップ */
.c-ir-list {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-ir-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.c-ir-list-wrap {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-ir-list-column {
        width: 31.6%;
        margin-right: 2.6%;
        margin-top: 50px;
    }
    .c-ir-list-column:nth-of-type(-n+3) {
        margin-top: 0;
    }
    .c-ir-list-column:nth-of-type(3n) {
        margin-right: 0;
    }
}
.c-ir-list-box {
    /* アコーディオン */
    padding: 7px 0;
    border-bottom: 1px solid #CECECE;
    -webkit-transition: padding cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: padding cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.is-close .c-ir-list-box {
    padding: 7px 0 9px;
}
.c-ir-list-box__head {
    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;
    min-height: 30px;
    font-size: 108%;
    font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
    .c-ir-list-box__head:hover {
        color: #004098;
    }
}
.c-ir-list-box__item {
    font-size: 108%;
    font-weight: 500;
    line-height: 1.5;
}
.c-ir-list-box__status {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 12px;
}
.c-ir-list-box__status::before, .c-ir-list-box__status::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2px;
    bottom: 0;
    left: 2px;
    display: inline-block;
    width: auto;
    height: 2px;
    margin: auto;
    background-color: #004098;
}
.is-close .c-ir-list-box__status::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.m-arrow .c-ir-list-box__status {
    /* リンクのとき */
}
.m-arrow .c-ir-list-box__status::before {
    all: unset;
}
.m-arrow .c-ir-list-box__status::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    width: 8px;
    height: 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    background-color: transparent;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.c-ir-list-box__link {
    display: block;
    position: relative;
    padding: 6px 0 6px 15px;
}
.c-ir-list-box__link span {
    display: block;
}
.c-ir-list-box__link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}
@media print, screen and (min-width: 61.25em) {
    .c-ir-list-box__link:hover {
        color: #004098;
    }
    .c-ir-list-box__link:hover span {
        text-decoration: underline;
    }
}

/* リスト型アコーディオンテキスト */
.c-accordion-list {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-accordion-list-wrap .c-accordion-list {
        width: 31.6%;
        margin-right: 2.6%;
        margin-top: 50px;
    }
    .c-accordion-list-wrap .c-accordion-list:nth-of-type(-n+3) {
        margin-top: 0;
    }
    .c-accordion-list-wrap .c-accordion-list:nth-of-type(3n) {
        margin-right: 0;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-accordion-list-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.c-accordion-list-box {
    padding: 8px 0;
    border-bottom: 1px solid #EBEBEB;
    -webkit-transition: padding cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: padding cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.is-close .c-accordion-list-box {
    padding: 8px 0 10px;
}
.c-accordion-list-box__item {
    font-size: 108%;
    font-weight: 500;
    line-height: 1.5;
}
.c-accordion-list-box__head {
    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;
    min-height: 30px;
    font-size: 108%;
    font-weight: 500;
}
@media print, screen and (min-width: 61.25em) {
    .c-accordion-list-box__head:hover {
        color: #004098;
    }
}
.c-accordion-list-box__status {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 12px;
}
.c-accordion-list-box__status::before, .c-accordion-list-box__status::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2px;
    bottom: 0;
    left: 2px;
    display: inline-block;
    width: auto;
    height: 2px;
    margin: auto;
    background-color: #004098;
}
.is-close .c-accordion-list-box__status::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.c-accordion-list-box__link {
    display: block;
    position: relative;
    padding: 6px 0 6px 15px;
}
.c-accordion-list-box__link span {
    display: block;
}
.c-accordion-list-box__link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}
@media print, screen and (min-width: 61.25em) {
    .c-accordion-list-box__link:hover {
        color: #004098;
    }
    .c-accordion-list-box__link:hover span {
        text-decoration: underline;
    }
}

/* ボタン型アコーディオンテキスト */
.c-accordion-button-box {
    width: 100%;
    border: 1px solid #CECECE;
    border-radius: 8px;
}
.c-accordion-button-box + .c-accordion-button-box {
    margin-top: 20px;
}
.c-accordion-button-box__head {
    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;
    min-height: 30px;
    padding: 13px 20px;
    color: #202020;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.5;
}
@media print, screen and (min-width: 61.25em) {
    .c-accordion-button-box__head:hover {
        color: #004098;
    }
}
.c-accordion-button-box__status {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 12px;
}
.c-accordion-button-box__status::before, .c-accordion-button-box__status::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2px;
    bottom: 0;
    left: 2px;
    display: inline-block;
    width: auto;
    height: 2px;
    margin: auto;
    background-color: #004098;
}
.is-close .c-accordion-button-box__status::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.c-accordion-button-box__inner {
    border-top: 1px solid #CECECE;
    padding: 15px 20px;
}

/* 製品カテゴリ - 関連製品 */
.c-category-products-list {
    margin-top: 30px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 25px 20px;
    padding: 0;
}
.c-category-products-list.m-col1, .c-category-products-list.m-col2, .c-category-products-list.m-col3 {
    grid-template-columns: repeat(auto-fill, 100%);
}
@media print, screen and (min-width: 48em) {
    .c-category-products-list {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 30px 35px;
    }
    .c-category-products-list.m-col1, .c-category-products-list.m-col2 {
        gap: 30px 3.6%;
        grid-template-columns: repeat(auto-fill, minmax(48.2%, 1fr));
    }
    .c-category-products-list.m-col3 {
        gap: 30px 2.6%;
        grid-template-columns: repeat(auto-fill, minmax(31.6%, 1fr));
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-category-products-list.m-col1, .c-category-products-list.m-col2 {
        gap: 30px 3.6%;
        grid-template-columns: repeat(auto-fill, minmax(48.2%, 1fr));
    }
    .c-category-products-list.m-col3 {
        gap: 30px 2.6%;
        grid-template-columns: repeat(auto-fill, minmax(31.6%, 1fr));
    }
}

/* 製品カテゴリ - 関連製品アイテム */
.c-category-products-item__img {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background-color: #F3F3F3;
    border-radius: 8px;
}
.c-category-products-item__img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    margin: auto;
}
.c-category-products-item-tag {
    /* 法人様向け */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    left: 10px;
    top: 10px;
    height: 18px;
    padding: 0 1em;
    border-radius: 10px;
    background-color: #004098;
    color: #ffffff;
    font-size: 77%;
    font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
    .c-category-products-item-tag {
        height: 20px;
        font-size: 93%;
    }
}
.c-category-products-item__body {
    padding: 0 10px;
}
.c-category-products-item-editions {
    margin-top: 20px;
}
.c-category-products-item-editions span {
    display: inline-block;
    width: auto;
    padding: 1px 5px;
    border-radius: 3px;
    background-color: #004098;
    color: #fff;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-category-products-item-editions span {
        font-size: 93%;
    }
}
.c-category-products-item-editions span.m-standard {
    background-color: #004098;
}
.c-category-products-item-editions span.m-workgroup {
    background-color: #B2071D;
}
.c-category-products-item__ttl {
    margin-top: 0.8em;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.5;
    vertical-align: middle;
}
@media print, screen and (min-width: 61.25em) {
    .c-category-products-item__ttl {
        font-size: 123.1%;
    }
}
.c-category-products-item__ttl-arrow {
    position: relative;
    display: inline-block;
    padding-left: 1em;
    margin-top: 0.8em;
    color: #202020;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.5;
    vertical-align: middle;
}
@media print, screen and (min-width: 61.25em) {
    .c-category-products-item__ttl-arrow {
        font-size: 123.1%;
    }
    .c-category-products-item__ttl-arrow:hover {
        color: #004098;
        text-decoration: underline;
    }
}
.c-category-products-item__ttl-arrow::before {
    content: "";
    position: absolute;
    top: 0.75em;
    top: 0.5lh;
    left: 0.5em;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    -webkit-transform: translate(-100%, -50%) rotate(45deg);
            transform: translate(-100%, -50%) rotate(45deg);
    font-size: inherit;
    line-height: inherit;
}
.c-category-products-item__text {
    margin-top: 0.6em;
    font-size: 93%;
    font-weight: 500;
    line-height: 1.7;
}
.c-category-products-item__text.m-bold {
    font-weight: bold;
}

/* 閲覧履歴 */
.c-view-log {
    padding: 40px 5.33%;
    background: #fff;
}
.c-view-log__title {
    margin-bottom: 1.1em;
    font-weight: bold;
    font-size: 167%;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-view-log__title {
        margin-bottom: 1.25em;
        font-size: 215%;
    }
}
.c-view-log__button {
    margin: 40px 0 0;
}
.c-view-log__button .c-button-white {
    width: 155px;
    min-height: 40px;
}
@media print, screen and (min-width: 61.25em) {
    .c-view-log {
        padding: 55px 3.125% 50px;
    }
    .c-view-log .c-scroll-swiper__arrow {
        top: 80px;
    }
}

/* 対応表 / 動作検証 非スライダーパーツ */
.c-verification__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(150px, 45.125%), 1fr));
    gap: 30px min(30px, 9.375%);
}
@media print, screen and (min-width: 61.25em) {
    .c-verification__list {
        grid-template-columns: repeat(auto-fill, min(150px, 13.166%));
        gap: 60px min(48px, 4.2%);
    }
}
.c-verification__item {
    margin: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-verification__item {
        max-width: 150px;
    }
}
.c-verification__item__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 8px;
    overflow: hidden;
}
@media screen and (min-width: 61.25em) {
    .c-verification__item__image {
        width: 80%;
        padding-top: 80%;
        margin: 0 auto;
    }
}
.c-verification__item__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
}
.c-verification__item__body {
    padding: 0;
}
.c-verification__item__title {
    margin: 15px 0 0;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
}
.c-verification__item__title + .c-scroll-swiper__text {
    margin-top: 6px;
}
@media print, screen and (min-width: 61.25em) {
    .c-verification__item__title {
        margin: 15px 0 0;
    }
    .c-verification__item__title + .c-scroll-swiper__item__text {
        margin-top: 9px;
    }
}
.c-verification__item__text {
    margin: 15px 0 0;
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .c-verification__item__text {
        margin-top: 13px;
    }
}
.c-verification__item__caption {
    margin: 15px 0 0;
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .c-verification__item__caption {
        font-size: 108%;
    }
}

/*-- アイコン大付きボタン　*/
.c-icon-link-item {
    width: 100%;
    height: 60px;
}
@media print, screen and (max-width: 47.99em) {
    .c-icon-link-item {
        height: 65px;
    }
}
.c-icon-link-item-inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #CECECE;
    border-radius: 8px;
    position: relative;
    padding: 0 25px 0 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.c-icon-link-item-inn::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border: 2px solid #004098;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg) translateY(-50%);
            transform: rotate(45deg) translateY(-50%);
    position: absolute;
    right: 15px;
    top: 45%;
}
@media print, screen and (min-width: 61.25em) {
    .c-icon-link-item-inn:hover {
        border-color: #004098;
        color: #004098;
    }
}
.c-icon-link-item-img {
    width: 40px;
}
.c-icon-link-item-img img {
    display: block;
}
.c-icon-link-item-ttl {
    width: calc(100% - 40px);
    padding-left: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 108%;
}
@media print, screen and (max-width: 61.24em) {
    .c-icon-link-item-ttl {
        font-size: 93%;
    }
}

/*-- アイコン大付きボタン--リスト　*/
.c-icon-link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media print, screen and (max-width: 47.99em) {
    .c-icon-link-list {
        display: block;
    }
}
.c-icon-link-list .c-icon-link-item {
    width: 32%;
    margin-right: 2%;
    margin-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .c-icon-link-list .c-icon-link-item:nth-of-type(3n) {
        margin-right: 0;
    }
    .c-icon-link-list .c-icon-link-item:nth-of-type(-n+3) {
        margin-top: 0;
    }
}
@media print, screen and (max-width: 61.24em) and (min-width: 48em) {
    .c-icon-link-list .c-icon-link-item {
        width: 49%;
    }
    .c-icon-link-list .c-icon-link-item:nth-of-type(2n) {
        margin-right: 0;
    }
    .c-icon-link-list .c-icon-link-item:nth-of-type(-n+2) {
        margin-top: 0;
    }
}
@media print, screen and (max-width: 47.99em) {
    .c-icon-link-list .c-icon-link-item {
        width: 100%;
        margin: 20px auto auto;
    }
    .c-icon-link-list .c-icon-link-item:first-of-type {
        margin-top: 0;
    }
}

/* 表 */
table {
    word-break: break-all;
}
table tbody td.m-center {
    /* テキスト調整用 */
    text-align: center;
}
table tbody td.m-large {
    font-size: 123.1%;
}
table tbody td.m-hdmi2_1 {
    /* HDMI規格説明用 */
    background-color: #333333;
    color: #FFDE68;
    font-weight: bold;
    text-align: center;
}
table tbody td.m-hdmi2_0 {
    background-color: #003A74;
    color: #FDF3DA;
    font-weight: bold;
    text-align: center;
}
table tbody td.m-hdmi1_4 {
    background-color: #0478AB;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
table tbody td.m-cat8 {
    /* LANケーブルCAT説明 */
    background-color: #592A73;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
}
table tbody td.m-cat8 span {
    font-size: 108%;
    font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
    table tbody td.m-cat8 span {
        font-size: 123.1%;
    }
}
table tbody td.m-cat8 small {
    font-size: 93%;
    font-weight: bold;
}
table tbody td.m-cat7 {
    background-color: #353535;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
}
table tbody td.m-cat7 span {
    font-size: 108%;
    font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
    table tbody td.m-cat7 span {
        font-size: 123.1%;
    }
}
table tbody td.m-cat7 small {
    font-size: 93%;
    font-weight: bold;
}
table tbody td.m-cat6a {
    background-color: #C54430;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
}
table tbody td.m-cat6a span {
    font-size: 108%;
    font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
    table tbody td.m-cat6a span {
        font-size: 123.1%;
    }
}
table tbody td.m-cat6a small {
    font-size: 93%;
    font-weight: bold;
}
table tbody td.m-cat6 {
    background-color: #FF8E00;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
}
table tbody td.m-cat6 span {
    font-size: 108%;
    font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
    table tbody td.m-cat6 span {
        font-size: 123.1%;
    }
}
table tbody td.m-cat6 small {
    font-size: 93%;
    font-weight: bold;
}
table tbody td.m-cat5e {
    background-color: #2C803D;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
}
table tbody td.m-cat5e span {
    font-size: 108%;
    font-weight: bold;
}
@media print, screen and (min-width: 61.25em) {
    table tbody td.m-cat5e span {
        font-size: 123.1%;
    }
}
table tbody td.m-cat5e small {
    font-size: 93%;
    font-weight: bold;
}

/* シンプルな表 */
.c-common-table {
    position: relative;
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #CECECE;
    table-layout: fixed;
    font-size: 1rem;
    text-align: left;
}
.c-common-table-wrap {
    /* SPスクロール */
    width: 100%;
}
@media screen and (max-width: 61.25em) {
    .c-common-table-wrap {
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: #777777 #DBDBDB;
    }
    .c-common-table-wrap::-webkit-scrollbar {
        height: 33px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        background-clip: padding-box;
        background-color: #DBDBDB;
    }
    .c-common-table-wrap::-webkit-scrollbar-thumb {
        height: 33px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        background-clip: padding-box;
        background-color: #777777;
    }
    .c-common-table-wrap .c-common-table {
        width: 1000px;
    }
}
.c-common-table.m-center {
    /* 全体で中央揃え */
}
.c-common-table.m-center thead th {
    text-align: center;
}
.c-common-table.m-center tbody th, .c-common-table.m-center tbody td {
    text-align: center;
}
.c-common-table.m-no-border {
    /* 縦線なし */
}
.c-common-table.m-no-border thead th:first-child {
    border-left: none;
}
.c-common-table.m-no-border thead th:last-child {
    border-right: none;
}
.c-common-table.m-no-border tbody th, .c-common-table.m-no-border tbody td {
    border-left: none;
}
.c-common-table.m-no-border tbody th:last-child, .c-common-table.m-no-border tbody td:last-child {
    border-right: none;
}
.c-common-table.m-axis2 {
    /* 2軸 */
}
.c-common-table.m-axis2 thead th {
    background-color: #333333;
    color: #fff;
}
.c-common-table.m-axis2 thead th:first-child {
    width: 100px;
}
.c-common-table.m-axis2 thead th[colspan="2"] {
    width: 160px;
}
@media screen and (min-width: 61.25em) {
    .c-common-table.m-axis2 thead th:first-child, .c-common-table.m-axis2 thead th[colspan="2"] {
        width: 250px;
    }
}
.c-common-table.m-stacking {
    /* SP縦積み */
}
@media screen and (max-width: 61.24em) {
    .c-common-table.m-stacking tbody tr {
        display: block;
    }
    .c-common-table.m-stacking tbody th,
    .c-common-table.m-stacking tbody td {
        display: block;
        border-right: 1px solid #CECECE;
        border-bottom: 1px solid #CECECE;
        width: 100%;
    }
    .c-common-table.m-stacking tbody th:last-child,
    .c-common-table.m-stacking tbody td:last-child {
        border-bottom: none;
    }
}
.c-common-table thead tr {
    border-top: 1px solid #CECECE;
}
.c-common-table thead th {
    width: auto;
    padding: 12px 7px;
    border-left: 1px solid #CECECE;
    background-color: #F3F3F3;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.67;
}
.c-common-table thead th:last-child {
    border-right: 1px solid #CECECE;
}
@media screen and (min-width: 61.25em) {
    .c-common-table thead th {
        padding: 12px 19px;
        font-size: 108%;
        line-height: 1.7;
    }
}
.c-common-table thead td {
    background-color: #CECECE;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.67;
}
@media screen and (min-width: 61.25em) {
    .c-common-table thead td {
        font-size: 108%;
        line-height: 1.7;
    }
}
.c-common-table tbody tr {
    border-bottom: 1px solid #CECECE;
}
.c-common-table tbody tr:first-child {
    border-top: 1px solid #CECECE;
}
.c-common-table tbody th {
    width: 100px;
    padding: 12px 7px;
    border-left: 1px solid #CECECE;
    background-color: #F3F3F3;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.67;
}
.c-common-table tbody th:last-child {
    border-right: 1px solid #CECECE;
}
.c-common-table tbody th[colspan="2"] {
    width: 160px;
}
.c-common-table tbody th.bdr {
    border-left: 1px solid #CECECE;
}
@media screen and (min-width: 61.25em) {
    .c-common-table tbody th {
        width: 250px;
        padding: 12px 19px;
        font-size: 108%;
        line-height: 1.7;
    }
    .c-common-table tbody th[colspan="2"] {
        width: 250px;
    }
    .c-common-table tbody th + th {
        width: 125px;
    }
}
.c-common-table tbody td {
    width: auto;
    padding: 12px 7px;
    border-left: 1px solid #CECECE;
    background-color: #fff;
    font-size: 93%;
    font-weight: 500;
    line-height: 1.67;
}
.c-common-table tbody td:last-child {
    border-right: 1px solid #CECECE;
}
@media screen and (min-width: 61.25em) {
    .c-common-table tbody td {
        padding: 12px 19px;
        line-height: 1.7;
        font-size: 108%;
    }
}

/* 比較表（横スクロールできる） */
.c-overflow-table-scrollbar {
    display: none;
    width: 100%;
    margin: 0 0 12px auto;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: #777777 #DBDBDB;
    overscroll-behavior-x: none;
    overscroll-behavior-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    cursor: pointer;
}
.c-overflow-table-scrollbar::-webkit-scrollbar {
    height: 33px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    background-clip: padding-box;
    background-color: #DBDBDB;
}
.c-overflow-table-scrollbar::-webkit-scrollbar-thumb {
    height: 33px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    background-clip: padding-box;
    background-color: #777777;
}
.is-scrolable .c-overflow-table-scrollbar {
    display: block;
}
.c-overflow-table-scrollbar .inner {
    width: 100%;
    height: 1px;
}
.c-overflow-table-container {
    /* wrapとguideの親 */
    position: relative;
}
.c-overflow-table-container + .c-overflow-table-scrollbar {
    /* 下側のスクロールバー */
    margin: 12px 0 0 auto;
}
.c-overflow-table-wrap {
    /* tableの親 - スクロール領域 */
    position: relative;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    /* scrollbar非表示 */
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior-x: none;
    overscroll-behavior-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: translateZ(0px);
            transform: translateZ(0px);
}
.c-overflow-table-wrap::-webkit-scrollbar {
    display: none;
}
.c-overflow-table-wrap.browser-is-safari.device-is-mobile {
    -webkit-overflow-scrolling: auto;
    overflow-scrolling: auto;
}
.c-overflow-table-guide {
    /* スクロールガイド */
    display: none;
}
.is-scrolable .c-overflow-table-guide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    display: block;
    width: auto;
    height: auto;
    max-height: 270px;
    padding: 45px 20px 0;
    background-color: rgba(51, 51, 51, 0.8);
    z-index: 2;
    pointer-events: all;
    cursor: pointer;
}
.is-scrolable .c-overflow-table-guide.is-clicked {
    display: none;
}
@media print, screen and (min-width: 61.25em) {
    .is-scrolable .c-overflow-table-guide {
        display: none;
    }
}
.c-overflow-table-guide__inner {
    width: 320px;
    max-width: 96%;
    margin: 0 auto;
    color: #fff;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .c-overflow-table-guide__inner {
        display: none;
    }
}
.c-overflow-table-guide__motion {
    text-align: center;
    margin-top: 55px;
}
.c-overflow-table-guide__motion svg {
    width: 90px;
}
@media print, screen and (min-width: 61.25em) {
    .c-overflow-table-guide__motion {
        display: none;
    }
}
.c-overflow-table-arrow {
    /* 左右矢印 */
    display: none;
    position: absolute;
    top: 200px;
    right: 0;
    left: auto;
    -webkit-transform: translate3d(50%, -50%, 0);
            transform: translate3d(50%, -50%, 0);
}
.c-overflow-table-arrow.m-prev {
    position: absolute;
    right: auto;
    left: 0;
    display: none;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
}
.is-scrolable .c-overflow-table-arrow {
    display: block;
    z-index: 2;
    pointer-events: all;
    cursor: pointer;
}
@media print, screen and (min-width: 61.25em) {
    .c-overflow-table-arrow {
        position: absolute;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin: 0;
        background-color: rgba(51, 51, 51, 0.7);
    }
    .c-overflow-table-arrow::before {
        content: "";
        position: absolute;
        top: 0;
        right: 7px;
        bottom: 0;
        left: 0;
        margin: auto;
        display: inline-block;
        width: 14px;
        height: 14px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    .c-overflow-table-arrow.m-prev::before {
        right: 0;
        left: 7px;
        -webkit-transform: rotate(225deg);
                transform: rotate(225deg);
    }
}

.c-overflow-table-table {
    position: relative;
    width: auto;
    max-width: none;
    border: none;
    border-collapse: separate;
    border-spacing: 0px;
    background-color: #CECECE;
    table-layout: auto;
    text-align: left;
}
.is-scrolable .c-overflow-table-table {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.is-scrolable .c-overflow-table-table:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.c-overflow-table.m-pc-no-overlfow .c-overflow-table-table {
    /* PCではスクロールしない（HTML差し込みエリア用） */
    width: 100%;
    min-width: 620px;
    table-layout: fixed;
}
.c-overflow-table.m-pc-no-overlfow .c-overflow-table-table th[colspan="2"] {
    width: 140px;
    min-width: 140px;
}
.c-overflow-table.m-pc-no-overlfow .c-overflow-table-table th[rowspan] {
    width: 70px;
    min-width: 70px;
}
.c-overflow-table.m-pc-no-overlfow .c-overflow-table-table th[rowspan] ~ th {
    width: 70px;
    min-width: 70px;
}
.c-overflow-table.m-pc-no-overlfow .c-overflow-table-table td {
    width: 130px;
    min-width: 130px;
}
@media print, screen and (min-width: 61.25em) {
    .c-overflow-table.m-pc-no-overlfow .c-overflow-table-table {
        width: 100%;
        max-width: 100%;
        min-width: auto;
        table-layout: fixed;
    }
    .c-overflow-table.m-pc-no-overlfow .c-overflow-table-table th {
        width: 250px;
        min-width: auto;
    }
    .c-overflow-table.m-pc-no-overlfow .c-overflow-table-table th[colspan="2"] {
        width: 250px;
    }
    .c-overflow-table.m-pc-no-overlfow .c-overflow-table-table th[rowspan] {
        width: 125px;
    }
    .c-overflow-table.m-pc-no-overlfow .c-overflow-table-table th[rowspan] ~ th {
        width: 125px;
    }
    .c-overflow-table.m-pc-no-overlfow .c-overflow-table-table td {
        width: auto;
        min-width: auto;
    }
}
.c-overflow-table-table img {
    max-width: 100%;
    height: auto;
}
.c-overflow-table-table tr:last-child th, .c-overflow-table-table tr:last-child td {
    border-bottom: 1px solid #CECECE;
}
.c-overflow-table-table th {
    width: 115px;
    min-width: 115px;
    border-top: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    padding: 12px 10px;
    background-color: #F3F3F3;
    font-size: 93%;
    line-height: 1.5;
    font-weight: bold;
    vertical-align: top;
    z-index: 2;
}
.c-overflow-table-table th:first-child {
    border-left: 1px solid #CECECE;
}
.c-overflow-table-table th.m-no-border-left {
    border-left: none;
}
@media print, screen and (min-width: 61.25em) {
    .c-overflow-table-table th {
        width: 200px;
        min-width: 200px;
        padding: 10px 20px;
        font-size: 108%;
        line-height: 1.7;
    }
}
.c-overflow-table-table.m-sticky {
    /* thの左固定 */
}
.c-overflow-table-table.m-sticky th:first-child {
    position: sticky;
    left: 0;
}
.c-overflow-table-table td {
    position: relative;
    width: 130px;
    min-width: 130px;
    border-right: 1px solid #CECECE;
    border-top: 1px solid #CECECE;
    padding: 12px 14px;
    background-color: #fff;
    font-size: 93%;
    font-weight: 500;
    line-height: 1.5;
    vertical-align: top;
    z-index: 1;
}
@media print, screen and (min-width: 61.25em) {
    .c-overflow-table-table td {
        width: 240px;
        min-width: 240px;
        padding: 10px 18px;
        font-size: 108%;
        line-height: 1.7;
    }
}

/* 製品比較表 製品名のセル */
.c-comparison-cell {
    font-size: 1rem;
}
.c-comparison-cell .c-button-delete {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2;
}
.c-comparison-cell__figure {
    position: relative;
    width: 100%;
    padding-top: 100%;
    height: 0;
    margin: 0;
}
.c-comparison-cell__figure img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}
.c-comparison-cell__content {
    margin-top: 7px;
}
.c-comparison-cell__model-number {
    font-size: 81%;
    line-height: 1.7;
}
.c-comparison-cell__title {
    position: relative;
    display: block;
    padding-left: 1.1em;
    font-size: 93%;
    line-height: 1.6;
    font-weight: bold;
}
.c-comparison-cell__title::before {
    content: "";
    position: absolute;
    left: -3px;
    top: 0.8em;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}
.c-comparison-cell__title span {
    display: inline-block;
}

.c-plane-cell {
    font-size: 1rem;
}
.c-plane-cell p {
    font-size: 93%;
}
.c-plane-cell p.m-larger {
    font-size: 108%;
}
.c-plane-cell p:first-child {
    margin-top: 0;
}
.c-plane-cell p:last-child {
    margin-bottom: 0;
}
@media screen and (min-width: 61.25em) {
    .c-plane-cell p {
        font-size: 108%;
    }
}
.c-plane-cell figcaption {
    margin: 6px 0 0;
    font-size: 93%;
}

/* ソフトウェア使用許諾契約書 */
.c-iframe-license {
    width: 100%;
}
.c-iframe-license__inner {
    position: relative;
    width: 100%;
    height: 300px;
    border: 1px solid #cecece;
    border-radius: 8px;
    overflow: hidden;
}
.c-iframe-license iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.c-iframe-license iframe::-webkit-scrollbar {
    display: none;
}
.c-iframe-license iframe::-webkit-scrollbar-thumb {
    display: none;
}

/* 注釈リスト */
.c-annotation-list {
    padding: 0;
    margin: 0;
}
.c-annotation-list.m-center {
    text-align: center;
}
.c-annotation-list li {
    padding: 0 0 0 2em;
    font-size: 81%;
    font-weight: 500;
    line-height: 1.6;
    text-indent: -2em;
}
.c-annotation-list li.m-red {
    color: #E52D2D;
}
.c-annotation-list li::before {
    content: "※";
    display: inline-block;
    width: 2em;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-indent: 0;
}
.c-annotation-list li + li {
    margin-top: 4px;
}
@media print, screen and (min-width: 61.25em) {
    .c-annotation-list li {
        font-size: 93%;
    }
}
.c-annotation-list.m-counter {
    counter-reset: annotation;
}
.c-annotation-list.m-counter li {
    counter-increment: annotation;
    padding: 0 0 0 3em;
    text-indent: -3em;
}
.c-annotation-list.m-counter li::before {
    content: "※" counter(annotation) "：";
    min-width: 3em;
}

/* タイトルタイトルタイトル ? */
.c-data-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.c-data-list__head {
    width: 8em;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-weight: bold;
}
.c-data-list__body {
    font-weight: 500;
}

/* お問い合わせモジュール */
.c-contact-section {
    background-color: #fff;
}
.c-contact-section.m-gray {
    background-color: #F3F3F3;
}
.c-contact-section.m-has-border .c-contact-section-inner {
    border-bottom: 1px solid #EBEBEB;
}
.c-contact-section-inner {
    padding: 45px 0 47px;
}
@media print, screen and (min-width: 61.25em) {
    .c-contact-section-inner {
        padding: 53px 0 57px;
    }
}
.c-contact-section-title {
    margin: 0 0 0.5em;
    font-size: 182%;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-contact-section-title {
        font-size: 215%;
    }
}
.c-contact-section-text {
    margin: 0.5em 0;
    font-size: 93%;
    text-align: center;
}
.c-contact-section-text.m-left {
    text-align: left;
}
@media print, screen and (min-width: 37.5em) {
    .c-contact-section-text.m-left {
        text-align: center;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-contact-section-text {
        font-size: 108%;
    }
}
.c-contact-section-button {
    width: 100%;
    max-width: 550px;
    margin: 25px auto 0;
}
.c-contact-section-button .c-button-black {
    width: 100%;
    min-height: 60px;
    border-radius: 30px;
    font-size: 123.1%;
}
@media print, screen and (min-width: 61.25em) {
    .c-contact-section-button .c-button-black {
        min-height: 70px;
        border-radius: 35px;
        font-size: 153.9%;
    }
}
.c-contact-section .c-annotation-list {
    margin: 15px 0 0;
}

/* らくちんプリント3.0のご利用はこちらから など */
.c-service-section {
    background-color: #fff;
}
.c-service-section.m-gray {
    background-color: #F3F3F3;
}
.c-service-section.m-has-border .c-service-section__inner {
    border-top: 1px solid #EBEBEB;
}
.c-service-section__inner {
    padding: 35px 0 37px;
}
@media print, screen and (min-width: 61.25em) {
    .c-service-section__inner {
        padding: 55px 0 60px;
    }
}
.c-service-section__inner .c-heading-common,
.c-service-section__inner .c-heading-simple {
    margin-bottom: 10px;
}
@media print, screen and (min-width: 61.25em) {
    .c-service-section__inner .c-heading-common,
    .c-service-section__inner .c-heading-simple {
        margin-bottom: 5px;
    }
}
.c-service-section__inner .c-text-common {
    margin: 5px 0 20px;
}
.c-service-section__inner .c-text-common:first-child {
    margin-top: 0;
}
.c-service-section__inner .c-text-common:last-child {
    margin-bottom: 0;
}

/* 製品トップ　メインスライダー.c-main-slider */
.c-main-slider {
    position: relative;
}
.c-main-slider-wrap .f-container {
    max-width: 1200px;
}
.c-main-slider__item {
    display: block;
    overflow: hidden;
    isolation: isolate;
}
.c-main-slider__item.m-round {
    border-radius: 8px;
}
.c-main-slider__item img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
@media print, screen and (min-width: 61.25em) {
    .c-main-slider__arrow {
        top: calc((100% - 35px) * 0.5);
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}

/* メインビジュアル下スライダー .c-sub-slider */
.c-sub-slider .f-container {
    max-width: 750px;
}
.c-sub-slider__list {
    margin: 0 0 44px;
    list-style: none;
}
.c-sub-slider__item {
    max-width: 270px;
    border-radius: 8px;
    overflow: hidden;
}
.c-sub-slider__item img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
@media print, screen and (min-width: 61.25em) {
    .c-sub-slider__list {
        margin: 0 0 36px;
    }
    .c-sub-slider__item {
        max-width: 750px;
    }
}

/* 製品譲情報詳細パーツ */
.c-products-parts-title {
    position: relative;
    padding: 0 0 0 15px;
    margin: 0 0 25px;
    font-size: 138.5%;
    line-height: 1.55;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-parts-title {
        font-size: 182%;
        margin: 0 0 23px;
    }
}
.c-products-parts-title::before {
    content: "";
    position: absolute;
    top: 0.125em;
    bottom: 0.125em;
    left: 0;
    width: 5px;
    height: auto;
    font-size: inherit;
    background: #004098;
}
.c-products-parts-logo {
    /* 「らくちんプリント2.0」などテキストブロック内の画像 */
    text-align: left;
}
.c-products-parts-logo img {
    vertical-align: top;
}
.c-products-parts-checklist {
    /* 「らくちんプリント2.0」などチェックアイコン付きリスト */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 6px 20px;
    color: #1BAEA8;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.5;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-parts-checklist {
        padding: 9px 0;
        font-size: 123.1%;
    }
}
.c-products-parts-checklist li {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-left: 1.4em;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-parts-checklist li {
        width: auto;
    }
}
.c-products-parts-checklist li::before {
    content: "";
    position: absolute;
    top: 0.75em;
    top: 0.5lh;
    left: 0;
    width: 16px;
    height: 16px;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.434%22%20height%3D%227.132%22%20viewBox%3D%220%200%209.434%207.132%22%3E%20%3Cpath%20d%3D%22M69.2%2C19.771%2C65.345%2C15.8%2C66.78%2C14.4%2C69.2%2C16.9l4.141-4.262%2C1.434%2C1.394Z%22%20transform%3D%22translate(-65.345%20-12.639)%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
            mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.434%22%20height%3D%227.132%22%20viewBox%3D%220%200%209.434%207.132%22%3E%20%3Cpath%20d%3D%22M69.2%2C19.771%2C65.345%2C15.8%2C66.78%2C14.4%2C69.2%2C16.9l4.141-4.262%2C1.434%2C1.394Z%22%20transform%3D%22translate(-65.345%20-12.639)%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    -webkit-mask-size: auto;
            mask-size: auto;
    background-color: currentColor;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.c-products-parts-annotation {
    /* 注意書き */
    padding-left: 1.5em;
    font-size: 77%;
    line-height: 1.7;
    text-indent: -1.5em;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-parts-annotation {
        font-size: 93%;
    }
}
.c-products-parts-annotation::before {
    content: "※";
    display: inline-block;
    padding-right: 0.5em;
    font-size: inherit;
    font-family: inherit;
    text-indent: 0;
}
.c-products-parts-annotation.m-red {
    color: #E52D2D;
}
.c-products-parts-heading {
    /* 見出し */
    margin: 16px 0 12px;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.5;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-parts-heading {
        font-size: 123.1%;
    }
}
.c-products-parts-heading:first-child {
    margin-top: 0;
}
.c-products-parts-heading:last-child {
    margin-bottom: 0;
}
.c-products-parts-heading + .c-products-parts-text {
    margin-top: 12px;
}
.c-products-parts-button {
    /* ボタン */
}
.c-products-parts-button-wrap {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-parts-button-wrap {
        margin-top: 35px;
        gap: 25px;
    }
}
.c-products-parts img {
    vertical-align: top;
    height: auto;
    max-width: 100%;
}
.c-products-parts .c-annotation-list {
    /* 汎用注釈リスト */
    margin: 16px 0;
}
.c-products-parts::after {
    content: "";
    display: block;
    clear: both;
}

.c-products-parts-box,
.c-products-accordion-box {
    margin-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-parts-box,
    .c-products-accordion-box {
        margin-top: 50px;
    }
}
.c-products-parts-box:first-of-type,
.c-products-accordion-box:first-of-type {
    margin-top: 0;
}
.c-products-parts-box > *:first-child,
.c-products-parts-box .f-container > *:first-child,
.c-products-accordion-box > *:first-child,
.c-products-accordion-box .f-container > *:first-child {
    margin-top: 0;
}
.c-products-parts-box > *:last-child,
.c-products-parts-box .f-container > *:last-child,
.c-products-accordion-box > *:last-child,
.c-products-accordion-box .f-container > *:last-child {
    margin-bottom: 0;
}

.c-products-parts-explanation__image {
    margin: 0 0 20px;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-parts-explanation__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 60px;
    }
    .c-products-parts-explanation__image {
        width: 240px;
        margin: 0;
    }
    .c-products-parts-explanation__text {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
}

.c-column-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 30px;
}

.c-column-block > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
@media print, screen and (min-width: 48em) {
    .c-column-block {
        gap: 55px 40px;
    }
    .c-column-block.m-col2, .c-column-block.m-col4 {
        grid-template-columns: repeat(auto-fill, 48%);
        gap: 40px 4%;
    }
    .c-column-block.m-col3 {
        grid-template-columns: repeat(auto-fill, 31.5%);
        gap: 40px 2.75%;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-column-block.m-col4 {
        grid-template-columns: repeat(auto-fill, 22%);
        gap: 40px 4%;
    }
}

.c-col2-block + .c-col2-block {
    margin-top: 35px;
}
.c-col2-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px;
}
.c-col2-block__content > * {
    margin: 12px 0;
}
.c-col2-block__content > *:first-child {
    margin-top: 0;
    margin-bottom: 0;
}
.c-col2-block__figure {
    width: 100%;
    text-align: center;
    -ms-flex-negative: 1;
        flex-shrink: 1;
}
@media print, screen and (min-width: 61.25em) {
    .c-col2-block + .c-col2-block {
        margin-top: 45px;
    }
    .c-col2-block__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: start;
            align-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 40px;
    }
    .c-col2-block__content {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        gap: 12px;
    }
    .c-col2-block__figure {
        width: 450px;
        max-width: 40%;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }
}
.c-col2-block.m-reverse {
    /* PCのみ左右反転 */
}
@media print, screen and (min-width: 61.25em) {
    .c-col2-block.m-reverse .c-col2-block__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
}
.c-col2-block.m-nowrap {
    /* SPで縦レイアウトにしない */
}
.c-col2-block.m-nowrap .c-col2-block__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.c-col2-block.m-nowrap .c-col2-block__figure {
    width: 150px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.c-col2-block.m-360 .c-col2-block__figure {
    max-width: 100%;
    width: 360px;
    margin: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-col2-block.m-360 .c-col2-block__figure {
        margin: 0;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-col2-block.m-180 .c-col2-block__inner {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
.c-col2-block.m-180 .c-col2-block__figure {
    max-width: 100%;
    width: 180px;
    margin: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-col2-block.m-180 .c-col2-block__figure {
        margin: 0 0 auto;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-col2-block.m-200 .c-col2-block__inner {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
.c-col2-block.m-200 .c-col2-block__figure {
    max-width: 100%;
    width: 200px;
    margin: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-col2-block.m-200 .c-col2-block__figure {
        margin: 0 0 auto;
    }
}

.c-rowbox-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
@media print, screen and (min-width: 61.25em) {
    .c-rowbox-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 4%;
    }
}
.c-rowbox-block__figure {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-rowbox-block__figure {
        width: 45%;
    }
}
.c-rowbox-block__content {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-rowbox-block__content {
        width: 51%;
    }
}
.c-rowbox-block.m-sp-row {
    /* SP/PCともに横並び ３カラムレイアウト内に配置する場合など */
    gap: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.c-rowbox-block.m-sp-row .c-rowbox-block__figure {
    width: 100px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-rowbox-block.m-sp-row .c-rowbox-block__figure {
        width: 120px;
    }
}
.c-rowbox-block.m-sp-row .c-rowbox-block__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.c-rowbox-block.m-150 {
    gap: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.c-rowbox-block.m-150 .c-rowbox-block__figure {
    width: 150px;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-rowbox-block.m-150 .c-rowbox-block__figure {
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }
}
.c-rowbox-block.m-150 .c-rowbox-block__content {
    -ms-flex-negative: 1;
        flex-shrink: 1;
}
.c-rowbox-block.m-300 .c-rowbox-block__figure {
    width: 300px;
    max-width: 100%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin: 0 auto;
}
.c-rowbox-block.m-300 .c-rowbox-block__content {
    -ms-flex-negative: 1;
        flex-shrink: 1;
}

.c-video-block__inner {
    position: relative;
    width: 100%;
    /* 動画比率 */
}
.c-video-block__inner.m-ratio16-9 {
    padding-top: 56.25%;
}
.c-video-block__inner.m-ratio4-3 {
    padding-top: 75%;
}
.c-video-block__iframe,
.c-video-block iframe,
.c-video-block video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.c-products-accordion {
    display: block;
    max-width: 1140px;
    margin: 0 auto;
    border-top: 1px solid #CECECE;
}
.c-products-accordion:last-child {
    border-bottom: 1px solid #CECECE;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-accordion-wrap {
        padding: 0 3.125%;
    }
}
.c-products-accordion-all {
    /* すべて開く すべて閉じる */
    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: 10px 20px;
    max-width: 1140px;
    padding: 20px 5.33%;
    margin: 0 auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-accordion-all {
        padding: 20px 0;
    }
}
.c-products-accordion-head {
    /* 見出し */
    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;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 16px 5.33% 15px;
    gap: 0 25px;
}
.c-products-accordion-head.js-ac-multi {
    cursor: pointer;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-accordion-head {
        padding: 24px 20px 23px;
    }
}
.c-products-accordion-heading {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    gap: 0 10px;
    padding-left: 15px;
    margin: 0;
}
.c-products-accordion-heading::before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0;
    width: 5px;
    height: auto;
    margin: 0;
    background-color: #004098;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-accordion-heading::before {
        top: 5px;
        bottom: 7px;
    }
}
.c-products-accordion-heading__image {
    display: none;
    width: 58px;
    height: 58px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
@media print, screen and (min-width: 48em) {
    .c-products-accordion-heading__image {
        display: block;
    }
}
.c-products-accordion-heading__text {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
}
.c-products-accordion-heading__icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    display: none;
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
}
@media print, screen and (min-width: 48em) {
    .c-products-accordion-heading__icon {
        display: block;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-products-accordion-heading__icon {
        width: 80px;
        height: 80px;
    }
}
.c-products-accordion__subtitle {
    /* ショルダーテキスト */
    margin-bottom: 6px;
    font-size: 93%;
    line-height: 1.66;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-accordion__subtitle {
        font-size: 108%;
        line-height: 1.7;
    }
}
.c-products-accordion__title {
    /* 見出し */
    font-size: 138.5%;
    font-weight: bold;
    line-height: 1.45;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-accordion__title {
        font-size: 215%;
    }
}
.c-products-accordion-status {
    /* 開閉表示 */
    position: relative;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.c-products-accordion-status::before, .c-products-accordion-status::after {
    content: "";
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;
    left: 1px;
    margin: 0;
    width: auto;
    height: 2px;
    margin: auto;
    background-color: #004098;
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.is-close .c-products-accordion-status::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.c-products-accordion-body {
    /* コンテンツ部分 */
    padding: 0;
}
.c-products-accordion-content {
    border-top: 1px solid #CECECE;
    padding: 30px 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-accordion-content {
        padding: 30px 20px 55px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-products-accordion-content .c-col2-block__figure {
        width: 31%;
        max-width: 340px;
    }
}

/*---------- 製品詳細リッチテンプレート　-------*/
.c-products-parts.m-rich .c-products-parts-box {
    margin-top: 80px;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-parts.m-rich .c-products-parts-box {
        margin-top: 100px;
    }
}
.c-products-parts.m-rich .c-products-parts-box:first-of-type {
    margin-top: 0;
}
.c-products-parts.m-rich .c-col2-block + .c-products-parts.m-rich .c-col2-block {
    margin-top: 55px;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-parts.m-rich .c-col2-block__figure {
        width: 31%;
        max-width: 340px;
    }
}

.c-products-rich .is-hidden {
    display: none;
}
.c-products-rich .c-products-parts-heading {
    font-size: 167%;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich .c-products-parts-heading {
        font-size: 182%;
    }
}
.c-products-rich-inner {
    padding: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-inner {
        max-width: 900px;
        margin: auto;
    }
}
.c-products-rich-fullimage img {
    width: 100%;
    height: auto;
}
.c-products-rich-title {
    margin-bottom: 1em;
    font-size: 215%;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-title {
        font-size: 307.7%;
    }
}
.c-products-rich-title02 {
    margin-bottom: 1em;
    font-size: 167%;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-title02 {
        font-size: 246.2%;
    }
}
.c-products-rich-text {
    margin-top: 2em;
    font-size: 93%;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-text {
        font-size: 123%;
        line-height: 1.75;
    }
}
.c-products-rich-image {
    width: 100%;
}
.c-products-rich-image img {
    width: 100%;
    height: auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-col2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.c-products-rich-col2.m-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.c-products-rich-col2.m-bgcolor {
    background-color: #333333;
}
.c-products-rich-col2.m-bgcolor .c-products-rich-title02,
.c-products-rich-col2.m-bgcolor .c-products-rich-text {
    color: #ffffff;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-col2 .c-products-rich-parts {
        width: 50%;
        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;
    }
}
.c-products-rich-col2 .c-products-rich-parts + .c-products-rich-col2 .c-products-rich-parts {
    margin-top: 25px;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-col2 .c-products-rich-parts + .c-products-rich-col2 .c-products-rich-parts {
        margin-top: 0;
    }
}
.c-products-rich-col2 .c-products-rich-parts-inn {
    padding: 65px 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-col2 .c-products-rich-parts-inn {
        width: 540px;
        max-width: 90%;
        padding: 0;
    }
}
.c-products-rich-fullimage-text {
    position: relative;
}
.c-products-rich-fullimage-text img {
    width: 100%;
    height: auto;
}
.c-products-rich-fullimage-text__content {
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 8%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-fullimage-text__content {
        bottom: 11%;
    }
}
.c-products-rich-fullimage-text__content .c-products-rich-text {
    text-align: center;
}
.c-products-rich-fullimage-text__content .c-products-rich-inner {
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-fullimage-text__content .c-products-rich-inner {
        padding: 0;
    }
}
.c-products-rich-fullimage-text .c-products-rich-col2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.c-products-rich-fullimage-text.m-top .c-products-rich-fullimage-text__content {
    bottom: auto;
    top: 9%;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-fullimage-text.m-top .c-products-rich-fullimage-text__content {
        top: 13%;
    }
}
.c-products-rich-fullimage-text.m-text-white .c-products-rich-title02,
.c-products-rich-fullimage-text.m-text-white .c-products-rich-text {
    color: #ffffff;
}
.c-products-rich-fullimage-text.m-right .c-products-rich-col2 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
@media screen and (max-width: 61.24em) {
    .c-products-rich-fullimage-text.m-right .c-products-rich-parts-inn {
        bottom: auto;
        top: 9%;
    }
}
@media screen and (max-width: 61.24em) {
    .c-products-rich-fullimage-text .c-products-rich-parts-inn {
        padding: 0 5.33%;
        position: absolute;
        width: 100%;
        bottom: 8%;
    }
}
.c-products-rich-movie .c-products-rich-title {
    padding: 0 5.33%;
    margin-top: 25px;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-movie .c-products-rich-title {
        padding: 0;
        margin-bottom: 35px;
    }
}
.c-products-rich-movie .c-products-rich-text {
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-movie .c-products-rich-text {
        padding: 0;
    }
}
.c-products-rich-movie .c-products-rich-video {
    margin-top: 25px;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-movie .c-products-rich-video {
        margin-top: 40px;
    }
}
.c-products-rich-youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.c-products-rich-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.c-products-rich-video-image {
    position: relative;
}
.c-products-rich-video-image img {
    width: 100%;
}
.c-products-rich-video-image::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.5);
    position: absolute;
    left: 0;
    top: 0;
}
.c-products-rich-video-arrow {
    width: 80px;
    height: 80px;
    background-image: url(/assets/img/products/product/icn_movie-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-video-arrow {
        width: 100px;
        height: 100px;
    }
}
.c-products-rich-video-popup {
    width: 100%;
    max-height: 90vh;
    margin: auto;
    position: relative;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-video-popup {
        width: 1140px;
        max-width: 90%;
    }
}
.c-products-rich-video-video {
    width: 100%;
    padding-top: 56.23%;
    position: relative;
}
.c-products-rich-video-video video,
.c-products-rich-video-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-slider {
        width: 900px;
        margin: auto;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-slider.m-narrow {
        width: 600px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-slider.m-narrow .c-main-slider__arrow {
        top: 225px;
    }
}
.c-products-rich-slider__body {
    padding: 0 5.33%;
    margin-top: 40px;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-slider__body {
        padding: 0;
    }
}
.c-products-rich-slider__title {
    font-weight: bold;
    font-size: 167%;
    line-height: 1.63;
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich-slider__title {
        font-size: 215%;
    }
}
.c-products-rich-slider__text {
    font-size: 108%;
    margin-top: 1em;
}
.c-products-rich-slider .swiper-pagination.swiper-pagination {
    margin-top: 30px;
}
@media screen and (max-width: 61.24em) {
    .c-products-rich .c-rich-col-swiper {
        overflow: hidden;
    }
    .c-products-rich .c-rich-col-swiper .c-column-block {
        gap: 0;
    }
    .c-products-rich .c-rich-col-swiper .c-column-block.m-col4 .c-image-common {
        width: 260px;
        max-width: 100%;
        margin: auto;
    }
    .c-products-rich .c-rich-col-swiper__dots {
        margin-top: 30px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-products-rich .c-rich-col-swiper .c-column-block {
        display: -ms-grid;
        display: grid;
    }
}

/*
    お知らせ・ブランド・コラム共通
*/
/* カテゴリ選択select */
.c-post-filter__inner {
    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;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-post-filter__inner {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
}
.c-post-filter .is-hidden {
    display: none;
}
.c-post-filter-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 50%;
}
@media print, screen and (min-width: 61.25em) {
    .c-post-filter-form {
        width: 75%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
}
.c-post-filter-form .c-input-select {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-post-filter-form .c-input-select {
        width: 300px;
        margin-right: 35px;
    }
}
.c-post-filter-form .c-input-select:last-of-type {
    margin-right: 0;
}
.c-post-filter-form .c-input-select__selected {
    padding: 13px 25px 13px 18px;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.5;
}
.c-post-filter-form .c-input-select__list {
    padding: 12px 0;
}
.c-post-filter-form .c-input-select__label {
    padding: 8px 18px;
}
.c-post-filter-form .c-input-select__option {
    font-size: 108%;
    line-height: 1.7;
}
.c-post-filter-rss {
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-left: auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-post-filter-rss {
        width: auto;
    }
}
.c-post-filter-rss a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #004098;
    font-size: 108%;
    text-decoration: underline;
}
.c-post-filter-rss .icon {
    margin-left: 0.5em;
}
.c-post-filter-rss .icon img {
    display: block;
}

/* おしらせ・ピックアップ系 */
.c-article-slider {
    /* スライダー */
    width: 560px;
    padding: 0 30px;
    margin: auto;
    max-width: 100%;
    --swiper-arrow-mt: 1.0; /* 画像の比率 */
}
.c-article-slider__item.m-movie .c-article-slider__image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    background-image: url(/assets/img/products/product/icn_movie-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-slider__item.m-movie .c-article-slider__image::after {
        width: 100px;
        height: 100px;
    }
}
.c-article-slider__image {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.c-article-slider__popup {
    width: 100%;
    max-height: 90vh;
    margin: auto;
    position: relative;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-slider__popup {
        width: 1140px;
        max-width: 90%;
    }
}
.c-article-slider__popup-video {
    width: 100%;
    padding-top: 56.23%;
    position: relative;
}
.c-article-slider__popup-video video,
.c-article-slider__popup-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.c-article-slider__title {
    padding: 0 5.33%;
    margin-top: 15px;
    font-size: 138.5%;
    font-weight: bold;
    line-height: 1.5;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-slider__title {
        padding: 0;
        margin-top: 16px;
        font-size: 153.9%;
        line-height: 1.4;
    }
}
.c-article-slider__arrow {
    top: 0;
    margin-top: calc((100% - 60px) * var(--swiper-arrow-mt, 1) * 0.5);
}
.c-article-slider__arrow.swiper-prev {
    left: -10px;
}
.c-article-slider__arrow.swiper-next {
    right: -10px;
}
.c-article-slider__dots {
    margin-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-slider__dots {
        margin-top: 40px;
    }
}
.c-article-slider.m-column {
    /* コラム一覧のスライダーはフォントサイズ・画像の比率が異なる */
    --swiper-arrow-mt: 0.75;
}
.c-article-slider.m-column .c-article-slider__title {
    font-size: 138.5%;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-slider.m-column .c-article-slider__title {
        font-size: 138.5%;
    }
}
.c-article-filter-sibilings {
    margin: 0 0 50px;
}
.c-article-filter-select {
    /* 絞り込み条件アコーディオン */
    margin-bottom: 40px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-filter-select {
        margin-bottom: 50px;
    }
}
.c-article-topics {
    margin-top: 45px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-topics {
        margin-top: 50px;
    }
}
.c-article-topics-title {
    font-weight: bold;
    font-size: 215%;
}
.c-article-topics-no {
    /* 検索結果がないとき */
}
.c-article-topics-no__title {
    margin: 0 0 30px;
    font-size: 138.5%;
    font-weight: bold;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-topics-no__title {
        margin: 0 0 40px;
        font-size: 153.9%;
        text-align: center;
    }
    .c-article-topics-no__title br {
        display: none;
    }
}
.c-article-topics-no__text {
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-topics-no__text {
        font-size: 108%;
        text-align: center;
    }
}
.c-article-more {
    /* もっと見る */
    margin-top: 24px;
}
.c-article-more-button {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
}
.c-article-back-button {
    /* 一覧に戻る  */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 60px;
}

/*
    詳細ページ
*/
.c-article-share {
    /* この記事をSNSで共有しませんか？ */
}
.c-article-share-inner {
    border-radius: 8px;
    background-color: #F3F3F3;
    padding: 15px 0 12px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-share-inner {
        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;
        padding: 13px 60px 10px;
    }
}
.c-article-share-title {
    margin-bottom: 13px;
    font-size: 108%;
    font-weight: bold;
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-share-title {
        margin-bottom: 0;
        font-size: 123.1%;
    }
}
.c-article-share-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 6px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-share-link {
        padding-top: 9px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
}
.c-article-download {
    /* 詳細資料（PDF）をご用意しております */
}
.c-article-download-inner {
    border-radius: 8px;
    background-color: #F3F3F3;
    padding: 25px 20px 30px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-download-inner {
        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: 0 30px;
        min-height: 140px;
        padding: 30px 120px 30px 60px;
    }
}
.c-article-download-title {
    margin-bottom: 25px;
    font-size: 138.5%;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-download-title {
        font-size: 153.9%;
        margin-bottom: 0;
    }
}
.c-article-download-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-download-link {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
}
.c-article-company {
    /* 取材にご協力いただいた企業 */
}
.c-article-company + .c-article-company {
    margin-top: 35px;
}
.c-article-company__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px;
}
.c-article-company__content > * {
    margin: 12px 0;
}
.c-article-company__content > *:first-child {
    margin-top: 0;
    margin-bottom: 0;
}
.c-article-company__figure {
    width: 360px;
    max-width: 100%;
    text-align: center;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    margin: auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-company + .c-article-company {
        margin-top: 45px;
    }
    .c-article-company__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: start;
            align-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 40px;
    }
    .c-article-company__content {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        gap: 12px;
    }
    .c-article-company__figure {
        width: 450px;
        max-width: 40%;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin: 0;
    }
}
.c-article-company.m-360 .c-article-company__figure {
    width: 360px;
}
.c-article-company.m-180 .c-article-company__figure {
    width: 180px;
}
.c-article-company.m-200 .c-article-company__figure {
    width: 200px;
}
.c-article-profile {
    /* 取材にご協力いただいた方 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-profile {
        gap: 30px 0;
    }
}
.c-article-profile__item {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-profile__item {
        width: 50%;
    }
}
.c-article-profile__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 20px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-profile__inner {
        gap: 0 30px;
    }
}
.c-article-profile__figure {
    width: 100px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    isolation: isolate;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-profile__figure {
        width: 150px;
    }
}
.c-article-profile__company {
    margin-bottom: 7px;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-profile__company {
        margin-bottom: 5px;
        font-size: 123.1%;
        line-height: 1.6;
    }
}
.c-article-profile__name {
    font-size: 138.5%;
    font-weight: bold;
    line-height: 1.5;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-profile__name {
        font-size: 153.9%;
        line-height: 1.4;
    }
}
.c-article-information {
    /* 訂正のお知らせ */
    margin-bottom: 27px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-information {
        margin-bottom: 25px;
    }
}
.c-article-information__box {
    padding: 17px 20px 10px;
    border: 2px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-information__box {
        padding: 23px 35px 20px;
    }
}
.c-article-information__head {
    font-size: 108%;
    font-weight: bold;
    margin-bottom: 6px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-information__head {
        font-size: 138.5%;
        margin-bottom: 10px;
    }
}
.c-article-information__date {
    display: block;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-information__date {
        display: inline-block;
    }
}
.c-article-information__title {
    display: block;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-information__title {
        display: inline-block;
        margin-left: 1em;
    }
}
.c-article-information__text {
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-information__text {
        font-size: 108%;
    }
}
.c-article-information__history {
    margin-top: 10px;
}
.c-article-head {
    /* 記事タイトル・日付など */
    padding: 0;
}
.c-article-head-info {
    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;
    gap: 6px 10px;
    margin-bottom: 15px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-head-info {
        margin-bottom: 22px;
    }
}
.c-article-head-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px 8px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-head-category {
        gap: 6px 10px;
    }
}
.c-article-head-category__item {
    min-width: 92px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 77%;
    font-weight: 500;
    color: #004098;
    border-radius: 3px;
    border: 1px solid #004098;
    padding: 0.1em 0.5em 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-head-category__item {
        font-size: 93%;
        min-width: 140px;
    }
}
.c-article-head-category__item.m-important {
    /* 重要なお知らせ */
    color: #e60012;
    border-color: #e60012;
}
.c-article-head-category__item.m-release {
    /* ニュースリリース */
    color: #333333;
    border-color: #333333;
}
.c-article-head-category__item.m-info {
    /* お知らせ */
    color: #0C9595;
    border-color: #0C9595;
}
.c-article-head-category__item.m-security {
    /* セキュリティ情報 */
    color: #6B4399;
    border-color: #6B4399;
}
.c-article-head-code {
    font-size: 93%;
    font-weight: bold;
    text-align: right;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-head-code {
        font-size: 108%;
    }
}
.c-article-head-date {
    font-size: 93%;
    font-weight: bold;
    text-align: right;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-head-date {
        font-size: 108%;
    }
}
.c-article-head-title__main {
    font-size: 167%;
    font-weight: bold;
    line-height: 1.64;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-head-title__main {
        font-size: 215%;
        text-align: center;
        line-height: 1.6;
    }
}
.c-article-head-title__sub {
    margin-top: 7px;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-head-title__sub {
        font-size: 138.5%;
        text-align: center;
        line-height: 1.7;
        margin-top: 25px;
    }
}
.c-article-head .c-article-share {
    margin: 20px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-head .c-article-share {
        margin: 44px 0 0;
    }
}
.c-article-body {
    /* 編集可能本文エリア */
    padding: 25px 0 35px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-body {
        padding: 45px 0 55px;
    }
}
.c-article-body .c-insert-html-block {
    margin-top: 35px;
}
.c-article-body .c-insert-html-block:first-child {
    margin-top: 0;
}
.c-article-body .c-insert-html-block.m-has-border {
    /* ボーダートップあり */
    padding-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-body .c-insert-html-block {
        margin-top: 55px;
    }
    .c-article-body .c-insert-html-block:first-child {
        margin-top: 0;
    }
    .c-article-body .c-insert-html-block.m-has-border {
        /* ボーダートップあり */
        padding-top: 50px;
    }
}
.c-article-body .c-insert-html-box {
    margin-top: 35px;
}
.c-article-body .c-insert-html-box:first-child {
    margin-top: 0;
}
.c-article-body .c-insert-html-box.m-has-border {
    /* ボーダートップあり */
    padding-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-body .c-insert-html-box {
        margin-top: 45px;
    }
    .c-article-body .c-insert-html-box:first-child {
        margin-top: 0;
    }
    .c-article-body .c-insert-html-box.m-has-border {
        /* ボーダートップあり */
        padding-top: 40px;
    }
}
.c-article-footer-annotation {
    margin-top: 60px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-footer-annotation {
        margin-top: 80px;
    }
}
.c-article-footer-annotation .c-annotation-list li + li {
    margin-top: 9px;
}
.c-article-footer-button {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px 37px;
    margin-top: 47px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-footer-button {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-top: 57px;
    }
}
.c-article-footer-button > * {
    margin: 0;
}
+ .c-article-footer-button {
    margin-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    + .c-article-footer-button {
        margin-top: 40px;
    }
}
.c-article-footer .c-article-share {
    margin: 50px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-footer .c-article-share {
        margin: 50px 0 0;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-article-footer .c-article-share-inner {
        padding: 32px 60px 29px;
    }
}
.c-article-figure-image {
    margin: 50px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-figure-image {
        margin: 60px 0 0;
    }
}
.c-article-figure-image:first-of-type {
    margin-top: 0;
}
.c-article-figure-image img {
    display: block;
    margin: auto;
    max-width: 100%;
}
.c-article-col {
    /* 画像サイズ: カラム */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
}
.c-article-col + .c-article-col {
    margin-top: 45px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 40px 90px;
    }
    .c-article-col.m-gap-small {
        gap: 40px 30px;
    }
    .c-article-col + .c-article-col {
        margin-top: 55px;
    }
}
.c-article-col-item {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col-item {
        width: 360px;
        margin: 0;
    }
}
.c-article-col-item.m-popup {
    /* ポップアップあり */
}
.c-article-col-item.m-popup .c-article-col-item__image {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col-item.m-popup .c-article-col-item__image {
        cursor: pointer;
    }
    .c-article-col-item.m-popup .c-article-col-item__image::after {
        content: "";
        position: absolute;
        right: 10px;
        bottom: 10px;
        display: block;
        width: 36px;
        height: 36px;
        background-image: url(/assets/img/products/product/icn_popup.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}
.c-article-col-item.m-ratio-16-9 {
    /* 画像サイズ調整 */
}
.c-article-col-item.m-ratio-16-9 .c-article-col-item {
    max-width: 100%;
}
.c-article-col-item.m-ratio-16-9 .c-article-col-item__image {
    max-width: 100%;
    width: 640px;
}
.c-article-col-item.m-ratio-3-4 {
    max-width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col-item.m-ratio-3-4 {
        width: 320px;
    }
}
.c-article-col-item.m-ratio-3-4 .c-article-col-item__image {
    width: 320px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col-item.m-ratio-3-4 .c-article-col-item__image {
        max-height: 480px;
    }
}
.c-article-col-item.m-ratio-1-2 {
    max-width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col-item.m-ratio-1-2 {
        width: 240px;
    }
}
.c-article-col-item.m-ratio-1-2 .c-article-col-item__image {
    width: 240px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col-item.m-ratio-1-2 .c-article-col-item__image {
        max-height: 480px;
    }
}
.c-article-col-item__image img {
    max-width: 100%;
    display: block;
    margin: auto;
}
.c-article-col-item__title {
    font-weight: bold;
    font-size: 123.1%;
    margin-top: 18px;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col-item__title {
        font-size: 138.5%;
        margin-top: 16px;
    }
}
.c-article-col-item__link {
    font-size: 93%;
    line-height: 1.67;
    font-weight: 500;
    margin-top: 1em;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col-item__link {
        font-size: 108%;
        line-height: 1.71;
    }
}
.c-article-col-item__link a {
    display: inline-block;
    position: relative;
    padding-left: 1.5em;
    color: #202020;
    text-decoration: none;
}
.c-article-col-item__link a::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #004098;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg) translateY(-50%);
            transform: rotate(45deg) translateY(-50%);
    position: absolute;
    left: 0;
    top: 0.7em;
}
.c-article-col-item__link a[target=_blank]::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/assets/img/common/icon-blank.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 0.3em;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col-item__link a:hover {
        color: #004098;
        text-decoration: underline;
    }
}
.c-article-textbox-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 35px 8.76%;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-textbox-column {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
}
.c-article-textbox-column-item {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-textbox-column-item {
        width: 45.62%;
    }
}

/* 目次ブロック */
.c-toc__inner {
    padding: 35px 20px;
    border-radius: 8px;
    background: #F3F3F3;
}
@media print, screen and (min-width: 61.25em) {
    .c-toc__inner {
        padding: 40px 60px 45px;
    }
}
.c-toc .c-heading-simple {
    margin: 0 0 15px;
}
.c-toc-list {
    display: block;
    list-style: none;
}
.c-toc-list li + li {
    margin-top: 23px;
}
.c-toc-list li ul {
    margin-top: 5px;
    padding-left: 22px;
}
.c-toc-list li ul li + li {
    margin-top: 5px;
}
.c-toc-list li ul a {
    font-size: 93%;
    font-weight: 500;
}
@media print, screen and (min-width: 61.25em) {
    .c-toc-list li ul a {
        font-size: 108%;
    }
}
.c-toc-list__link {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
    padding: 0 0 0 22px;
}
@media print, screen and (min-width: 61.25em) {
    .c-toc-list__link:hover {
        text-decoration: underline;
    }
}
.c-toc-list__link::before {
    content: "";
    position: absolute;
    top: 0.85em;
    top: 0.5lh;
    left: 7px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 2px solid #004098;
    border-bottom: 2px solid #004098;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: translate(-50%, -75%) rotate(45deg);
            transform: translate(-50%, -75%) rotate(45deg);
}

/* -----------------------
    総合TOP
----------------------- */
.p-top-mv {
    margin: 0 0 20px;
}

.p-top-banner {
    margin: 0 0 44px;
}

.p-top-important {
    padding: 18px 23px;
    margin: 0 auto;
    background: #FFF4F4;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.p-top-important-wrap {
    padding: 0 5.33%;
    margin: 0 0 12px;
}
.p-top-important + .p-top-important {
    margin-top: 12px;
}
.p-top-important__title {
    margin: 0 0 7px;
    color: #E52D2D;
    font-size: 108%;
}
.p-top-important__text {
    font-size: 92%;
}
@media print, screen and (min-width: 61.25em) {
    .p-top-important-wrap {
        padding: 0 3.125%;
        margin: 0 0 10px;
    }
}

/* TOP共通セクションパーツ */
.p-top-section {
    padding: 40px 5.33%;
}
.p-top-section.m-gray {
    background: #F4F4F4;
}
.p-top-section__title {
    margin: 0 0 29px;
    color: #202020;
    font-size: 167%;
    font-weight: bold;
    text-align: center;
}
.p-top-section__all {
    margin: 30px 0 0;
}

@media print, screen and (min-width: 61.25em) {
    .p-top-section {
        padding: 60px 3.125% 50px;
    }
    .p-top-section__title {
        margin: 0 0 50px;
        font-size: 215%;
    }
    .p-top-section__all {
        margin: 40px 0 0;
    }
}
@media print, screen and (max-width: 47.99em) {
    .p-top-topics .c-tabs__switchers {
        margin-right: -5.33vw;
        margin-left: -5.33vw;
    }
}

/* 各ページへのリンク */
.p-top-nav {
    padding: 37px 0 50px;
}

@media print, screen and (min-width: 61.25em) {
    .p-top-nav {
        padding: 50px 0;
    }
}
.p-top-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1px;
    padding: 0 0 70px;
}
.p-top-panel__item {
    width: calc((100% - 1px) * 0.5);
}
.p-top-panel__link {
    position: relative;
    display: block;
}
.p-top-panel__image {
    position: relative;
}
.p-top-panel__image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#202020));
    background: linear-gradient(transparent, #202020);
    opacity: 0.8;
    z-index: 1;
}
.p-top-panel__image img {
    width: 100%;
    vertical-align: top;
}
.p-top-panel__caption {
    position: absolute;
    bottom: 14px;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 123.1%;
    font-weight: bold;
    text-align: center;
    z-index: 2;
}

@media print, screen and (min-width: 61.25em) {
    .p-top-panel {
        gap: 5px;
        padding: 0 0 98px;
    }
    .p-top-panel__item {
        width: calc((100% - 20px) * 0.2);
    }
    .p-top-panel__caption {
        bottom: 14px;
        font-size: 123.1%;
    }
}
.p-top-list {
    padding: 0 5.33%;
}
.p-top-list__item:nth-child(n+2) {
    margin: 20px 0 0;
}
.p-top-list__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 93%;
    line-height: 1.58;
}
.p-top-list__link:not(.m-no-arrow) {
    padding: 0 0 0 18px;
}
.p-top-list__link:not(.m-no-arrow)::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 8px;
    height: 8px;
    border: solid #004098;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.p-top-list__icon {
    width: 100%;
    max-width: 33px;
    margin: 0 9px 0 0;
}
.p-top-list__icon img {
    max-width: 100%;
}

@media print, screen and (min-width: 61.25em) {
    .p-top-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px;
        padding: 0 3.125%;
    }
    .p-top-list__item {
        width: calc((100% - 40px) / 3);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .p-top-list__item:nth-child(n+2) {
        margin: 0;
    }
    .p-top-list__item:not(:nth-child(3n+1)) {
        padding: 0 0 0 20px;
        border-left: 1px solid #cecece;
    }
    .p-top-list__link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 93%;
        line-height: 1.58;
    }
    .p-top-list__link:not(.m-no-arrow) {
        padding: 0 0 0 18px;
    }
    .p-top-list__link:not(.m-no-arrow)::before {
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        width: 8px;
        height: 8px;
        border: solid #004098;
        border-width: 2px 2px 0 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    .p-top-list__link:hover {
        color: #004098;
        text-decoration: underline;
    }
    .p-top-list__icon {
        width: 100%;
        max-width: 33px;
        margin: 0 9px 0 0;
    }
    .p-top-list__icon img {
        max-width: 100%;
    }
}
/* -----------------------
    サイト内検索
----------------------- */
.p-search-form {
    padding: 40px 0 50px;
}

@media print, screen and (min-width: 61.25em) {
    .p-search-form {
        padding: 50px 0;
        /* padding-right: 3.125%;
        padding-left: 3.125%; */
    }
}
/* 入力欄〜〇〇検索はこちら */
.p-search-form__above {
    padding-right: 5.33%;
    padding-left: 5.33%;
}

@media print, screen and (min-width: 61.25em) {
    .p-search-form__above {
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
}
/* 絞り込み検索〜関連ページ */
.p-search-form__below {
    margin-top: 30px;
}

.p-search-form__below.is-hidden {
    display: none;
}

@media print, screen and (min-width: 61.25em) {
    .p-search-form__below {
        padding-right: 3.125%;
        padding-left: 3.125%;
    }
}
/* 関連キーワード */
.p-search-keyword {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 700px;
    margin: 14px auto 0;
    font-size: 93%;
    line-height: 2;
}

@media print, screen and (min-width: 61.25em) {
    .p-search-keyword {
        margin: 13px auto 0;
        font-size: 108%;
    }
}
.p-search-keyword-heading {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-right: 0.5em;
}

.p-search-keyword-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 1em;
}

/* 〇〇はこちら */
.p-search-other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px 15px;
    margin-top: 25px;
    font-size: 93%;
    line-height: 1.7;
}

@media print, screen and (min-width: 61.25em) {
    .p-search-other {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 10px 15px;
        margin-top: 35px;
        font-size: 108%;
    }
}
/* 公開日で絞り込む */
.p-search-published {
    padding: 30px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
}

.p-search-published__year,
.p-search-published__month {
    width: 100%;
}

@media print, screen and (min-width: 61.25em) {
    .p-search-published {
        padding: 30px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px;
    }
    .p-search-published__year,
    .p-search-published__month {
        -webkit-box-flex: 300px;
            -ms-flex: 300px 0 1;
                flex: 300px 0 1;
    }
}
/* 絞り込み検索 */
.p-search-detail {
    padding: 25px 0 0;
}

.p-search-detail__item {
    border: none;
    padding: 0;
    margin: 0;
}

.p-search-detail__item + .p-search-detail__item {
    padding: 15px 0 0;
    margin-top: 15px;
    border-top: 1px solid #EBEBEB;
}

.p-search-detail__heading {
    margin: 0;
    color: #004098;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
}

.p-search-detail__body {
    margin: 15px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
}

.p-search-detail__body .is-hidden {
    display: none;
}

.p-search-detail__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 20px auto 0;
}

@media print, screen and (min-width: 61.25em) {
    .p-search-detail {
        padding: 25px 0;
    }
    .p-search-detail__item + .p-search-detail__item {
        padding: 15px 0 0;
        margin-top: 20px;
    }
    .p-search-detail__heading {
        font-size: 123.1%;
    }
    .p-search-detail__footer {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
}
/* 関連ページ */
.p-search-related {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 15px 4%;
    padding: 21px 0 10px;
}

.p-search-related__item {
    width: 48%;
    max-width: 150px;
}

.p-search-related__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

.p-search-related__figure {
    width: 38%;
    max-width: 58px;
    vertical-align: top;
}

.p-search-related__figure img {
    max-width: 100%;
    height: auto;
}

.p-search-related__name {
    display: block;
    -webkit-box-flex: 62%;
        -ms-flex: 62% 0 1;
            flex: 62% 0 1;
    padding: 0 0 0 1em;
    font-size: 93%;
}

@media print, screen and (min-width: 61.25em) {
    .p-search-related {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .p-search-related__item {
        width: 120px;
    }
    .p-search-related__link {
        display: block;
    }
    .p-search-related__figure {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .p-search-related__name {
        padding: 18px 0 0;
        font-size: 108%;
        line-height: 1.5;
        text-align: center;
    }
}
/*検索結果*/
.p-search-result {
    padding: 0 0 90px;
}

.p-search-result__text {
    font-size: 93%;
}

.p-search-result__strong {
    font-weight: bold;
}

.p-search-result-info {
    padding: 20px 5.33%;
    background: #F3F3F3;
}

.p-search-result__word {
    margin: 0 0 4px;
    font-size: 138.5%;
    font-weight: bold;
}

.p-search-result__word span {
    font-weight: 500;
}

.p-search-result-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-search-result-total__count {
    color: #004098;
    font-size: 138.5%;
    font-weight: bold;
}

.p-search-result-total__text {
    font-size: 108%;
}

.p-search-result-total__page::before {
    content: "全";
    font-size: 108%;
}

.p-search-result-total__product:not(.is-hidden) + .p-search-result-total__page::before {
    content: "＋";
}

.p-search-result__order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 13px 0 0;
}
.p-search-result__order .c-input-select__selected {
    padding: 4.5px 25px 4.5px 9px;
    font-size: 93%;
    font-weight: 500;
    line-height: 1.75;
}
.p-search-result__order .c-input-select__list {
    padding: 0;
}
.p-search-result__order .c-input-select__label {
    padding: 5px 10px;
}
.p-search-result__order .c-input-select__option {
    font-size: 81%;
    line-height: 1.75;
}

.p-search-result__show {
    font-size: 93%;
    white-space: nowrap;
}

.p-search-result__select-count {
    width: 74px;
    margin: 0 0 0 5px;
}

.p-search-result__select-order {
    width: 94px;
    margin: 0 0 0 5px;
}

.p-search-result__select-count .c-input-select__selected,
.p-search-result__select-order .c-input-select__selected {
    padding: 4.5px 25px 4.5px 9px;
    font-size: 93%;
    font-weight: 500;
}

.p-search-result-sort {
    padding: 0 5.33%;
    margin: 40px 0 50px;
}

.p-search-result-sort__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5px 15px;
    margin: 5px 0 0;
}

.p-search-result-sort__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px 0 0;
    border-right: 1px solid #CECECE;
    font-size: 93%;
}

.p-search-result-sort__item a {
    color: #004098;
    text-decoration: underline;
}

.p-search-result-sort__item a:nth-of-type(n + 2) {
    margin: 0 0 0 1em;
}

.p-search-result__pagination {
    padding: 0 5.33%;
    margin: 40px 0 0;
}

.p-search-result__section {
    padding: 0 5.33%;
    margin: 50px 0 0;
}

.p-search-result__section:nth-of-type(n + 2) {
    margin: 80px 0 0;
}

.p-search-result__title {
    margin: 0 0 30px;
    font-size: 182%;
    text-align: center;
}

.p-search-result__title.is-hidden {
    display: none;
}

.p-search-result__all {
    margin: 25px 0 0;
    text-align: center;
}

.p-search-result-total.is-hidden,
.p-search-result-total__product.is-hidden,
.p-search-result__select-count.is-hidden,
.p-search-result__select-order.is-hidden,
.p-search-result__show.is-hidden,
.p-search-result__select.is-hidden,
.p-search-result-sort.is-hidden,
.p-search-result__pagination.is-hidden,
.p-search-result__section.is-hidden,
.p-search-result__all.is-hidden {
    display: none;
}

@media print, screen and (min-width: 61.25em) {
    .p-search-result__text {
        font-size: 108%;
    }
    .p-search-result-info {
        padding: 30px 3.125%;
    }
    .p-search-result-info__inner {
        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;
    }
    .p-search-result__word {
        margin: 0 0 4px;
        font-size: 153.9%;
    }
    .p-search-result-total__count {
        font-size: 153.9%;
    }
    .p-search-result-total__text {
        font-size: 123.1%;
    }
    .p-search-result-total__page::before {
        font-size: 123.1%;
    }
    .p-search-result__order {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        margin: 0;
    }
    .p-search-result__show {
        font-size: 108%;
    }
    .p-search-result-sort {
        padding: 0 3.125%;
        margin: 30px 0 50px;
    }
    .p-search-result-sort__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .p-search-result-sort__list {
        gap: 5px 20px;
        margin: 0 0 0 3px;
    }
    .p-search-result-sort__item {
        padding: 0 20px 0 0;
        font-size: 108%;
    }
    .p-search-result-sort__item a:nth-of-type(n + 2) {
        margin: 0 0 0 10px;
    }
    .p-search-result__pagination {
        padding: 0 3.125%;
        margin: 50px 0 0;
    }
    .p-search-result__section {
        padding: 0 3.125%;
    }
    .p-search-result__title {
        margin: 0 0 50px;
        font-size: 215%;
    }
    .p-search-result__all {
        margin: 37px 0 0;
    }
}
.p-search-result-no.is-hidden {
    display: none;
}

.p-search-result-no__title {
    margin: 0 0 30px;
    font-size: 138.5%;
    text-align: center;
}

.p-search-result-no__text {
    font-size: 93%;
}

@media print, screen and (min-width: 61.25em) {
    .p-search-result-no__title {
        margin: 0 0 40px;
        font-size: 153.9%;
        text-align: center;
    }
    .p-search-result-no__title br {
        display: none;
    }
    .p-search-result-no__text {
        font-size: 108%;
        text-align: center;
    }
}
/* -----------------------
    製品カテゴリ
----------------------- */
.p-category {
    padding-top: 55px;
    padding-bottom: 120px;
}
@media print, screen and (max-width: 61.24em) {
    .p-category {
        padding-top: 45px;
        padding-bottom: 75px;
    }
}
.p-category-ttl {
    text-align: center;
    font-weight: bold;
    font-size: 169%;
    line-height: 1.7;
    margin-bottom: 23px;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-ttl {
        font-size: 215%;
        margin-bottom: 30px;
    }
}
.p-category-search {
    padding: 0 5.33% 40px;
    border-bottom: 1px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-search {
        padding: 0 3.125% 60px;
    }
}
.p-category-area {
    padding: 0;
}
.p-category-area-nav {
    padding: 48px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-area-nav {
        padding: 50px 3.125% 0;
    }
}
.p-category-area-list {
    padding: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-area-list {
        padding: 95px 3.125% 0;
    }
}
.p-category-business-button {
    margin-top: 50px;
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-business-button {
        padding: 0 3.125%;
    }
}

.p-category-nav-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0 40px;
    gap: 0 min(3.5%, 40px);
}
.p-category-nav-item {
    margin-top: -1px;
    border-top: 1px solid #EBEBEB;
    background-color: #fff;
}
.p-category-nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 60px;
    height: 100%;
    border-bottom: 1px solid #EBEBEB;
}
.p-category-nav__link::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-right: 2px solid #004098;
    border-bottom: 2px solid #004098;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.p-category-nav__figure {
    width: 30px;
    margin-left: 5px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.p-category-nav__figure img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.p-category-nav__name {
    display: inline-block;
    margin-left: 13px;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
}

.p-category-item {
    width: 100%;
    max-width: 100%;
    min-height: 62px;
    margin-right: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-item {
        border-top: 1px solid #EBEBEB;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-category-item:last-child {
        border-bottom: 1px solid #EBEBEB;
    }
}
.p-category-item:last-child .p-category-item-heading__inner {
    border-bottom: 1px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-item:last-child .p-category-item-heading__inner {
        border-bottom: none;
    }
}
.p-category-item-heading {
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-item-heading {
        padding: 0 20px 0 0;
    }
}
.p-category-item-heading__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 60px;
    border-top: 1px solid #EBEBEB;
    cursor: pointer;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-item-heading__inner {
        border-top: none;
        cursor: text;
    }
}
.p-category-item-heading__toggle {
    position: relative;
    width: 10px;
    height: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: auto;
}
.p-category-item-heading__toggle::before, .p-category-item-heading__toggle::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    width: 8px;
    height: 2px;
    background-color: #004098;
}
.is-close .p-category-item-heading__toggle::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.p-category-item-heading__figure {
    width: 30px;
    margin-left: 5px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-item-heading__figure {
        width: 60px;
    }
}
.p-category-item-heading__figure img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.p-category-item-heading__name {
    display: inline-block;
    margin-left: 13px;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-item-heading__name {
        font-size: 215%;
    }
}
.p-category-item-content {
    padding: 0 5.33%;
    background-color: #F4F4F4;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-item-content {
        padding: 0;
        background-color: #fff;
    }
}
.p-category-item-above {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 25px 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-item-above {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}

.p-category-child {
    padding: 0;
    background-color: #F4F4F4;
    z-index: 1;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-child {
        padding: 14px 0 0;
        width: 100%;
        background-color: #fff;
    }
}
.p-category-child-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-child-area {
        display: block;
        margin-top: 40px;
    }
}
.p-category-child-box {
    width: 100%;
    padding: 0 0 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-child-box {
        padding: 0 0 40px;
    }
}
.p-category-child-head {
    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;
    gap: 0 30px;
    margin-bottom: 15px;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-child-head {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-bottom: 24px;
    }
}
.p-category-child-ttl {
    font-weight: bold;
    font-size: 138.5%;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-child-ttl {
        font-size: 182%;
        line-height: 1.5;
    }
}
.p-category-child-more {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-left: 1.5em;
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-child-more {
        font-size: 108%;
    }
}
.p-category-child-more::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border: 2px solid #004098;
    border-width: 2px 2px 0 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    position: absolute;
    left: 0;
    top: 45%;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-child .c-scroll-swiper__list {
        display: -ms-grid;
        display: grid;
        gap: 15px;
        grid-template-columns: repeat(auto-fill, 100px);
    }
}
.p-category-child .c-scroll-swiper__item {
    width: 100px;
    margin-right: 10px;
}
.p-category-child .c-scroll-swiper__item:last-child {
    margin-right: 0;
}
.p-category-child .c-scroll-swiper__item__image {
    background-color: #fff;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-child .c-scroll-swiper__item__image {
        background-color: #F4F4F4;
    }
}
.p-category-child .c-scroll-swiper__item img {
    max-width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-child .c-scroll-swiper__item {
        width: 100px;
        margin-right: 15px;
    }
}
.p-category-child .c-scroll-swiper__item__title {
    font-weight: 500;
    font-size: 93%;
    text-align: left;
}

/*------------ category 絞り込み一覧 ----------------------*/
/* 絞り込み条件 */
.p-category-filtering {
    /* 絞り込み結果 */
}
.p-category-filtering-buttons {
    margin-top: 30px;
    padding: 0 5.33%;
}
.p-category-filtering-buttons-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
}
.p-category-filtering-buttons-inner .c-button-white,
.p-category-filtering-buttons-inner .c-button-black {
    margin: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-filtering-buttons-inner {
        gap: 30px;
    }
}
.p-category-filtering-select {
    padding: 30px 0 0;
}
.p-category-filtering-insert-area {
    margin: 35px 0 0;
}
.p-category-filtering-result {
    padding: 46px 0 90px;
}
.p-category-filtering-result__section:nth-child(n+2) {
    margin: 60px 0 0;
}
.p-category-filtering-result__section > .c-insert-html:last-child {
    margin-top: 22px;
}
.p-category-filtering-result__subsection:nth-child(n+2) {
    margin: 22px 0 0;
}
.p-category-filtering-result__subsection .p-product-article-list {
    margin: 32px 0;
}
.p-category-filtering-result__block {
    margin: 60px 0 0;
    padding: 40px 0 0;
    border-top: 1px solid #F3F3F3;
}
.p-category-filtering-result__button:nth-child(n+2) {
    margin: 20px 0 0;
}
.p-category-filtering-result__button button {
    margin: 0 auto;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-filtering-select {
        padding: 50px 3.125% 0;
    }
    .p-category-filtering-result {
        padding: 75px 0 120px;
    }
    .p-category-filtering-result__section:nth-child(n+2) {
        margin: 80px 0 0;
    }
    .p-category-filtering-result__section > .c-insert-html:last-child {
        margin-top: 32px;
    }
    .p-category-filtering-result__subsection:nth-child(n+2) {
        margin: 32px 0 0;
    }
    .p-category-filtering-result__block {
        padding: 50px 0 0;
    }
    .p-category-filtering-result__button:nth-child(n+2) {
        margin: 30px 0 0;
    }
}

.p-category-comparison-fixed {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    width: auto;
    padding-bottom: calc(env(safe-area-inset-bottom, 44px) * 2);
    background-color: #333;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: padding 0.15s, -webkit-transform 0.25s;
    transition: padding 0.15s, -webkit-transform 0.25s;
    transition: transform 0.25s, padding 0.15s;
    transition: transform 0.25s, padding 0.15s, -webkit-transform 0.25s;
    z-index: 10;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-comparison-fixed {
        padding: 15px 3.125%;
        background-color: #fff;
        border-top: 1px solid #EBEBEB;
    }
}
@media print, screen and (max-width: 61.24em) {
    .p-category-comparison-fixed .c-button-black {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        padding: 13px 15px;
        font-size: 123.1%;
    }
}

/* 製品カード */
.p-product-article {
    position: relative;
    margin: 50px 0 0;
    padding: 0;
    -webkit-transition: border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.p-product-article::before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #EBEBEB;
}
.p-product-article:first-child {
    margin: 0;
}
.p-product-article:first-child::before {
    content: none;
}
.p-product-article .c-more-button,
.p-product-article .c-input-radio {
    width: 280px;
    max-width: 77%;
    margin: 0 auto;
    font-size: 93%;
}
.p-product-article .c-input-radio__input {
    display: none;
}
.p-product-article .c-input-radio__label {
    padding-right: 37px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.p-product-article__image {
    /* 製品画像 */
    display: block;
    margin: 0;
}
.p-product-article__image .c-zoomImage {
    position: relative;
    width: 100%;
    padding-top: 100%;
    height: 0;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    background-color: #fff;
    z-index: 0;
}
.is-checked .p-product-article__image .c-zoomImage {
    border-color: #074098;
}
.p-product-article__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
    z-index: 0;
}
.p-product-article__image img.is-current {
    z-index: 1;
}
.p-product-article__info {
    /* 製品名/型番/価格など */
    padding: 20px 0 0;
}
.p-product-article__labels {
    /* 「IPv6対応」など */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 8px;
    margin: 0 0 20px;
}
.p-product-article__label {
    padding: 5px 8px;
    background: #000;
    border-radius: 3px;
    color: #fff;
    font-size: 77%;
    line-height: 1;
}
.p-product-article__label.m-red {
    background: #CF2327;
}
.p-product-article__label.m-blue {
    background: #0077B8;
}
.p-product-article__link {
    /* 製品名部分リンク */
    display: inline-block;
}
.p-product-article__title {
    /* 製品名 */
    margin: 0 0 5px;
    font-size: 123.1%;
    font-weight: bold;
    line-height: 1.4;
}
.p-product-article__model {
    /* 型番 */
    font-size: 93%;
}
.p-product-article__price {
    /* 価格 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.p-product-article__yen {
    /* 円 */
    font-size: 123.1%;
    font-weight: bold;
}
.p-product-article__tax {
    /* 税込 */
    font-size: 93%;
    font-weight: 500;
}
.p-product-article__new {
    /* 新商品 */
    color: #E52D2D;
}
.p-product-article__recommendation {
    /* 補足情報 */
    margin: 14px 0 0;
    font-size: 93%;
    line-height: 1.25;
}
.p-product-article__color {
    /* 色バリエーション切り替え */
    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;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px 7px;
    margin: 20px 0 0;
}
.p-product-article__color .c-input-radio-color__label {
    border: 1px solid #CECECE;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.p-product-article__accordion {
    /* 「さらに表示」アコーディオン */
    padding: 20px 0 0;
}
.p-product-article__more {
    /* 「さらに表示」ボタン */
    padding: 0 5.33%;
}
.p-product-article__hide {
    /* 「さらに表示」で表示されるエリア */
    padding: 20px 0 0;
}
.p-product-article__hide.is-hidden {
    display: none;
}
.p-product-article__hide > *:first-child {
    margin-top: 0;
}
.p-product-article__standard {
    /* 対応OSリストなど */
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, 60px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px 13px;
}
.p-product-article__standard__item {
    width: 60px;
}
.p-product-article__standard__item img {
    max-width: 100%;
    vertical-align: top;
}
.p-product-article__feature {
    /* 機能リスト */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px 4px;
    margin: 20px 0 0;
}
.p-product-article__feature__item {
    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: calc((100% - 4px) * 0.5);
    padding: 7px;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    font-size: 93%;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
}
.p-product-article__performance {
    /* 性能表 */
    margin: 20px 0 0;
    border: 1px solid #EBEBEB;
}
.p-product-article__performance__item:nth-child(n+2) {
    border-top: 1px solid #EBEBEB;
}
.p-product-article__performance__title {
    padding: 10px;
    background: #F3F3F3;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.25;
}
.p-product-article__performance__data {
    padding: 10px;
    font-size: 93%;
    line-height: 1.25;
}
.p-product-article__performance__data span {
    color: #E23034;
}
.p-product-article__performance__standard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3px;
    font-size: 93%;
    color: #fff;
}
.p-product-article__performance__standard li {
    padding: 3px 8px 4px;
    border-radius: 3px;
}
.p-product-article__variation {
    /* バリエーション別情報 */
    margin: 20px 0 0;
}
.p-product-article__variation__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.p-product-article__variation__item:nth-child(n+2) {
    margin: 10px 0 0;
}
.p-product-article__variation__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
@media screen and (min-width: 61.25em) {
    .p-product-article__variation__link:hover .p-product-article__variation__price, .p-product-article__variation__link:hover .p-product-article__variation__status {
        text-decoration: underline;
    }
}
.p-product-article__variation__color {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 60px;
    padding: 0 3px;
    height: 20px;
    margin: 0 10px 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 77%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.m-long .p-product-article__variation__color {
    min-width: 110px;
}
.p-product-article__variation__price {
    font-size: 93%;
}
.p-product-article__variation__status {
    margin: 0 0 0 5px;
    font-size: 93%;
}
.p-product-article__variation__status.m-new {
    color: #E52D2D;
}
.p-product-article__supplement {
    padding: 0 0 0 1em;
    margin: 20px 0 0;
    font-size: 77%;
    text-indent: -1em;
}
.p-product-article__select {
    margin: 20px 0 0;
    padding: 0 5.33%;
    text-align: center;
}
.p-product-article-edition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 9px;
}
.p-product-article-edition__work {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 120px;
        -ms-flex: 120px 0 1;
            flex: 120px 0 1;
    padding: 2px 4px;
    border-radius: 3px;
    color: #fff;
    background-color: #B14346;
}
.p-product-article-edition__work span {
    font-size: 108%;
    font-weight: bold;
    line-height: 1.5;
}
.p-product-article-edition__work small {
    font-size: 93%;
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
}
.p-product-article-edition__standard {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 120px;
        -ms-flex: 120px 0 1;
            flex: 120px 0 1;
    padding: 2px 4px;
    border-radius: 3px;
    color: #fff;
    background-color: #3079AD;
}
.p-product-article-edition__standard span {
    font-size: 108%;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
.p-product-article-edition__standard small {
    font-size: 93%;
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
}
.p-product-article-edition__eurohs {
    -webkit-box-flex: 54px;
        -ms-flex: 54px 0 1;
            flex: 54px 0 1;
}
.p-product-article-edition img {
    max-width: 100%;
}

@media print, screen and (min-width: 37.5em) {
    .p-product-article-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 50px 40px;
    }
    .p-product-article {
        width: calc((100% - 40px) * 0.5);
        margin: 0;
    }
    .p-product-article:nth-child(-n+2)::before {
        content: none;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-product-article {
        width: calc((100% - 80px) / 3);
    }
    .p-product-article::before {
        content: none;
    }
    .p-product-article__link:hover .p-product-article__title {
        text-decoration: underline;
    }
    .p-product-article-list.m-col2 .p-product-article {
        width: calc((100% - 40px) * 0.5);
    }
    .p-product-article-list.m-col2 .p-product-article__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .p-product-article-list.m-col2 .p-product-article__image {
        width: 200px;
    }
    .p-product-article-list.m-col2 .p-product-article__image .c-zoomImage {
        border-radius: 8px;
    }
    .p-product-article-list.m-col2 .p-product-article__info {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 0;
        margin: 0 0 0 20px;
    }
    .p-product-article-list.m-col2 .p-product-article__color {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .p-product-article-list.m-col2 .p-product-article__performance__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .p-product-article-list.m-col2 .p-product-article__performance__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 35.3%;
    }
    .p-product-article-list.m-col2 .p-product-article__performance__data {
        width: 64.7%;
    }
    .p-product-article-list.m-col2 .p-product-article .c-input-radio__second {
        top: 5px;
        left: 195px;
        right: auto;
        -webkit-transform-origin: top right;
                transform-origin: top right;
        -webkit-transform: translateX(-100%) scale(0.8);
                transform: translateX(-100%) scale(0.8);
    }
    .p-product-article-list.m-col4 .p-product-article {
        width: calc((100% - 120px) * 0.25);
    }
    .p-product-article-list.m-col4 .p-product-article .c-input-radio__label {
        padding-right: 14px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
/* -----------------------
    製品カテゴリ_index
----------------------- */
.p-category-index {
    padding-bottom: 0;
}

.p-category-index-mv {
    position: relative;
    margin-bottom: 30px;
}
@media print, screen and (min-width: 48em) {
    .p-category-index-mv {
        margin-bottom: 22px;
    }
}
.p-category-index-mv-img picture {
    display: block;
}
.p-category-index-mv-img img {
    width: 100%;
    display: block;
}
.p-category-index-mv-cnt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 13% 20px 0;
    font-size: 16px;
    text-align: center;
}
@media print, screen and (min-width: 48em) {
    .p-category-index-mv-cnt {
        top: 50%;
        padding: 0 3.125%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        text-align: left;
    }
}
.p-category-index-mv-ttl {
    font-size: clamp(1.5em, 0.01em + 6.62vw, 4.063em);
    font-weight: bold;
}
@media print, screen and (min-width: 48em) {
    .p-category-index-mv-ttl {
        font-size: clamp(1.275em, -0.003em + 2.09vw, 1.875em);
    }
}
.p-category-index-mv-txt {
    font-size: clamp(0.75em, 0.023em + 3.23vw, 2em);
    margin-top: 0.66em;
    font-weight: 500;
}
@media print, screen and (min-width: 48em) {
    .p-category-index-mv-txt {
        font-size: clamp(0.766em, 1.25vw, 1em);
    }
}

.p-category-index-top-banner {
    margin: 0 0 60px;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-index-top-banner {
        margin: 0 0 70px;
    }
}

.p-category-index-html-area {
    margin-top: 70px;
    margin-bottom: 80px;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-index-html-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.p-category-index-pagenav {
    padding: 0 0 20px;
    margin: 60px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-index-pagenav {
        padding: 40px 0 45px;
    }
}
.p-category-index-pagenav-list {
    width: 100%;
    padding: 11px 0 0;
    border-top: 1px solid #EBEBEB;
}

.p-category-index-section {
    padding: 25px 5.33% 30px;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-index-section {
        padding: 45px 3.125% 50px;
    }
}
.p-category-index-section.m-relative {
    padding-bottom: 90px;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-index-section.m-relative {
        padding-bottom: 150px;
    }
}

/* -----------------------
    製品比較表
----------------------- */
@media print, screen and (min-width: 61.25em) {
    .p-category-comparison-lineup {
        padding: 0 3.125%;
    }
}

.p-category-comparison-section {
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-comparison-section {
        padding: 0 3.125%;
    }
}
.p-category-comparison-section.m-relative {
    padding-top: 50px;
    padding-bottom: 70px;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-comparison-section.m-relative {
        padding-top: 65px;
        padding-bottom: 150px;
    }
}
.p-category-comparison-section.m-table {
    padding-top: 47px;
    padding-bottom: 0px;
}
@media print, screen and (min-width: 61.25em) {
    .p-category-comparison-section.m-table {
        padding-top: 47px;
        padding-bottom: 0px;
    }
}
.p-category-comparison-section.m-table .c-annotation-list {
    margin-top: 15px;
}

/* -----------------------
    ドライバ・ユーティリティ
    マニュアル・取扱説明書
----------------------- */
.p-driver {
    padding-top: 35px;
    padding-bottom: 90px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver {
        padding-top: 30px;
        padding-bottom: 120px;
    }
}
.p-driver-header {
    padding: 0 5.33% 53px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-header {
        padding: 0 3.125% 70px;
    }
}
.p-driver-header .c-localnav {
    margin-bottom: 45px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-header .c-localnav {
        margin-bottom: 66px;
    }
}
.p-driver-header-notice li {
    font-size: 77%;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-header-notice li {
        font-size: 93%;
    }
}
.p-driver-header-notice li::before {
    content: "※";
}
.p-driver-title {
    text-align: center;
    font-weight: bold;
    font-size: 167%;
    margin-bottom: 1.1em;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-title {
        font-size: 215%;
    }
}
.p-driver-read {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-read {
        margin-top: 30px;
        font-size: 108%;
    }
}
.p-driver-search {
    /* 型番・品名から探す */
    padding: 0 5.33% 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-search {
        padding: 0 3.125% 40px;
    }
}
.p-driver-search .p-driver-read {
    margin-bottom: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-search .p-driver-read {
        text-align: center;
    }
}
.p-driver-search-textlink {
    text-align: center;
    margin-top: 25px;
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-search-textlink {
        font-size: 108%;
    }
}
.p-driver-category {
    /* 型番から探す */
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-category {
        padding: 0 3.125%;
    }
}
.p-driver-category-inner {
    border: 1px solid #EBEBEB;
    border-width: 1px 0;
    padding-top: 40px;
    padding-bottom: 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-category-inner {
        padding: 50px 0 50px;
    }
}
.p-driver-support {
    /* グループ会社・関連サービスのサポート情報はこちら */
    padding: 40px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-support {
        padding: 50px 3.125% 0;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-support-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.p-driver-support-item {
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    height: 98px;
    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;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-support-item {
        height: 110px;
        width: 31.6%;
        margin-right: 2.6%;
        margin-top: 30px;
        -webkit-transition: 0.3s opacity;
        transition: 0.3s opacity;
    }
    .p-driver-support-item:nth-of-type(3n) {
        margin-right: 0;
    }
    .p-driver-support-item:nth-of-type(-n+3) {
        margin-top: 0;
    }
    .p-driver-support-item:hover {
        opacity: 0.7;
    }
}
@media print, screen and (max-width: 61.24em) {
    .p-driver-support-item:first-of-type {
        margin-top: 0;
    }
}
.p-driver-support-item img {
    width: 232px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-support-item img {
        width: 260px;
    }
}
.p-driver-filter {
    /* search: 製品カテゴリを絞り込む */
    padding: 20px 5.33% 50px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-filter {
        padding: 20px 3.125% 50px;
    }
}
.p-driver-filter.is-hidden {
    display: none;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-filter-form {
        width: 400px;
        margin: auto;
    }
}
.p-driver-result {
    /* search: XXの検索結果 */
    padding: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-result {
        padding: 0;
    }
}
.p-driver-result .p-search-result-total__product:not(.is-hidden) + .p-search-result-total__page::before {
    content: "";
    width: 0.5em;
    display: inline-block;
}
.p-driver-result .p-search-result-total__page::before {
    content: none;
}
.p-driver-result .p-search-result__section {
    margin-top: 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-result .p-search-result__section {
        margin-top: 60px;
    }
}
.p-driver-filter-result {
    /* search: 検索結果一覧 */
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-filter-result {
        padding: 0 3.125%;
    }
}
.p-driver-filter-result-list {
    display: -ms-grid;
    display: grid;
    gap: 25px min(6.4%, 20px);
    grid-template-columns: repeat(auto-fill, 46.8%);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-filter-result-list {
        grid-template-columns: repeat(auto-fill, minmax(17.5%, 200px));
        gap: 50px 35px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-filter-result-item-link:hover .c-link-arrow {
        color: #004098;
        text-decoration: underline;
    }
}
.p-driver-filter-result-item-img {
    margin-bottom: 15px;
    border-radius: 8px;
    overflow: hidden;
}
.p-driver-filter-result-item-img img {
    width: 100%;
    display: block;
}
.p-driver-filter-result-item-title {
    font-size: 123.1%;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 0 5px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-filter-result-item-title {
        height: auto !important;
        padding: 0 10px;
    }
}
.p-driver-filter-result-item-title .c-link-arrow {
    padding-left: 1em;
}
.p-driver-filter-result-item-title .c-link-arrow::before {
    top: 0.75em;
    top: 0.5lh;
}
.p-driver-filter-result-item-text {
    font-size: 93%;
    line-height: 1.67;
    padding: 0 5px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver-filter-result-item-text {
        padding: 0 10px;
    }
}
.p-driver-filter-result .c-pagination {
    margin-top: 60px;
}
.p-driver.m-search {
    /* 検索画面 */
}
.p-driver.m-search .p-driver-header {
    padding: 0 5.33% 48px;
}
@media print, screen and (min-width: 61.25em) {
    .p-driver.m-search .p-driver-header {
        padding: 0 3.125% 50px;
    }
}

/* -----------------------
    ソフトウェア・アプリケーション
----------------------- */
.p-soft {
    padding-top: 35px;
    padding-bottom: 90px;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft {
        padding-top: 30px;
        padding-bottom: 120px;
    }
}
.p-soft-title {
    text-align: center;
    font-weight: bold;
    font-size: 167%;
    margin-bottom: 1.2em;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-title {
        font-size: 215%;
    }
}
.p-soft-read {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-read {
        font-size: 108%;
        margin-top: 28px;
        margin-bottom: 32px;
    }
}
.p-soft-header {
    padding: 0 5.33% 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-header {
        padding: 0 3.125% 60px;
    }
}
.p-soft-header .c-localnav-list {
    margin-bottom: 50px;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-header .c-localnav-list {
        margin-bottom: 70px;
    }
}
.p-soft-header-app {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 10px auto;
    grid-template-columns: 50px auto;
    grid-auto-rows: auto;
    gap: 5px 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    padding: 15px;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-header-app {
        -ms-grid-columns: 80px 28px auto;
        grid-template-columns: 80px auto;
        gap: 5px 28px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 15px 20px;
    }
}
.p-soft-header-app-image {
    width: 50px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-header-app-image {
        width: 80px;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
    }
}
.p-soft-header-app-image a, .p-soft-header-app-image img {
    display: block;
}
.p-soft-header-app-image img {
    width: 100%;
}
.p-soft-header-app-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    font-size: 108%;
    font-weight: 500;
}
.p-soft-header-app-text {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    font-size: 93%;
    line-height: 1.67;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-header-app-text {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
}
.p-soft-links {
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-links {
        padding: 0 3.125%;
    }
}
.p-soft-links-inner {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    padding: 40px 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-links-inner {
        padding: 60px 0 35px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-links-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
    }
}
.p-soft-links-list + .p-soft-title {
    margin-top: 35px;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-links-list + .p-soft-title {
        margin-top: 70px;
    }
}
.p-soft-links-item {
    width: 100%;
    margin-top: 25px;
}
@media print, screen and (max-width: 61.24em) {
    .p-soft-links-item:first-of-type {
        margin-top: 0;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-links-item {
        width: 31.6%;
        margin-right: 2.6%;
        margin-top: 30px;
    }
    .p-soft-links-item:nth-of-type(3n) {
        margin-right: 0;
    }
    .p-soft-links-item:nth-of-type(-n+3) {
        margin-top: 0;
    }
}
.p-soft-links-link {
    width: 100%;
    height: 60px;
    font-size: 108%;
    font-weight: 500;
    line-height: 1.4;
    color: #202020;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 30px 10px 10px;
    border: 1px solid #CECECE;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-links-link {
        padding: 0 30px 0 17px;
        -webkit-transition: 0.3s color, 0.3s border-color;
        transition: 0.3s color, 0.3s border-color;
    }
    .p-soft-links-link:hover {
        color: #004098;
        border-color: #004098;
    }
}
.p-soft-links-link::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #074396;
    -webkit-transform: rotate(45deg) translateY(-50%) translateX(-50%);
    transform: rotate(45deg) translateY(-50%) translateX(-50%);
    font-size: inherit;
    line-height: inherit;
    position: absolute;
    top: 50%;
    right: 15px;
}
.p-soft-links-icon {
    width: 40px;
    margin-right: 10px;
}
.p-soft-links-icon img {
    display: block;
}
.p-soft-links-text {
    margin-top: 1em;
    font-size: 93%;
    line-height: 1.67;
}
@media print, screen and (max-width: 61.24em) {
    .p-soft-links-text {
        min-height: 3.3333333333em;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-links-text {
        margin-top: 20px;
    }
}
.p-soft-support {
    padding: 40px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-soft-support {
        padding: 50px 3.125% 0;
    }
}

/* -----------------------
    製品情報TOP
----------------------- */
.p-products {
    padding-top: 0;
    padding-bottom: 90px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products {
        padding-top: 0;
        padding-bottom: 120px;
    }
}
.p-products-ttl {
    text-align: center;
    font-weight: bold;
    font-size: 167%;
    margin-bottom: 1.3em;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-ttl {
        font-size: 215%;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-products-slider .f-container {
        max-width: 1200px;
    }
}
.p-products-slider__list {
    margin-bottom: 23px;
}
.p-products-anchor-link {
    padding: 25px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-anchor-link {
        padding: 60px 3.125% 0;
    }
}
.p-products-category {
    padding: 60px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-category {
        padding: 80px 3.125% 60px;
    }
}
.p-products-category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.p-products-category-item {
    width: 28.1%;
    margin-right: 7.85%;
    margin-top: 18px;
}
@media print, screen and (max-width: 61.24em) {
    .p-products-category-item:nth-of-type(3n) {
        margin-right: 0;
    }
    .p-products-category-item:nth-of-type(-n+3) {
        margin-top: 0;
    }
    .p-products-category-item.is-hidden {
        display: none;
    }
}
@media print, screen and (min-width: 61.25em) and (max-width: 79.99em) {
    .p-products-category-item {
        width: 12.5%;
        margin-right: 2.0833333333%;
        margin-top: 50px;
    }
    .p-products-category-item:nth-of-type(7n) {
        margin-right: 0;
    }
    .p-products-category-item:nth-of-type(-n+7) {
        margin-top: 0;
    }
}
@media print, screen and (min-width: 80em) {
    .p-products-category-item {
        width: 10.5%;
        margin-right: 2.2857142857%;
        margin-top: 50px;
    }
    .p-products-category-item:nth-of-type(8n) {
        margin-right: 0;
    }
    .p-products-category-item:nth-of-type(-n+8) {
        margin-top: 0;
    }
}
.p-products-category-item-img {
    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-color: #F3F3F3;
    border-radius: 8px;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}
.p-products-category-item-img img {
    display: block;
    width: 100%;
}
.p-products-category-item-name {
    display: block;
    text-align: center;
    font-size: 93%;
    line-height: 1.5;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-category-item-name {
        font-size: 108%;
    }
}
.p-products-category-morebtn {
    margin-top: 25px;
}
.p-products-category-morebtn .c-more-button {
    margin: auto;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-category-morebtn {
        display: none;
    }
}
.p-products-category-btn {
    margin-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-category-btn {
        margin-top: 35px;
    }
}
.p-products-pickup {
    padding: 55px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-pickup {
        padding: 0 3.125% 0;
    }
    .p-products-pickup .f-container {
        border-top: 1px solid #EBEBEB;
        padding-top: 60px;
    }
}
.p-products-pickup-btn {
    margin-top: 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-pickup-btn {
        margin-top: 35px;
    }
}
.p-products-iphone {
    padding: 60px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-iphone {
        padding: 100px 3.125% 0;
    }
}
.p-products-iphone-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media print, screen and (max-width: 61.24em) {
    .p-products-iphone-list {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
.p-products-iphone-item {
    width: 41.6vw;
    margin-top: 25px;
}
@media print, screen and (max-width: 61.24em) {
    .p-products-iphone-item:nth-of-type(-n+2) {
        margin-top: 0;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-products-iphone-item {
        width: 31.6%;
        margin-right: 2.6%;
        margin-top: 45px;
    }
    .p-products-iphone-item:nth-of-type(3n) {
        margin-right: 0;
    }
    .p-products-iphone-item:nth-of-type(-n+3) {
        margin-top: 0;
    }
}
.p-products-iphone-item-img {
    width: 100%;
    height: 41.6vw;
    display: block;
    overflow: hidden;
    border-radius: 8px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-iphone-item-img {
        height: 270px;
    }
}
.p-products-iphone-item-img img {
    width: 100%;
    height: 100%;
    -o-object-position: right top;
       object-position: right top;
    -o-object-fit: cover;
       object-fit: cover;
}
.p-products-iphone-item-txt {
    display: block;
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
    margin-top: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-iphone-item-txt {
        font-size: 123%;
    }
}
.p-products-support {
    padding: 60px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-support {
        padding: 100px 3.125% 0;
    }
}
.p-products-table {
    padding: 65px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-table {
        padding: 100px 3.125% 0;
    }
}
.p-products-table .c-scroll-swiper__item {
    width: 110px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-table .c-scroll-swiper__item {
        width: 162px;
    }
}
.p-products-table .c-scroll-swiper__item__image img {
    width: 110px;
}
.p-products-table .c-scroll-swiper__item__caption {
    font-size: 93%;
    font-weight: bold;
    text-align: center;
    line-height: 1.6666666667;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-table .c-scroll-swiper__item__caption {
        font-size: 108%;
        line-height: 1.4285714286;
    }
}
.p-products-table-btn {
    margin-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-table-btn {
        margin-top: 45px;
    }
}
.p-products .c-view-log {
    padding-bottom: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products .c-view-log {
        padding-top: 75px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-products .c-view-log .c-scroll-swiper__arrow {
        top: 80px;
    }
}

/* -----------------------
    製品情報詳細
----------------------- */
.p-products-product {
    padding-top: 0;
    padding-bottom: 90px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product {
        padding-top: 0;
        padding-bottom: 120px;
    }
}
.p-products-product .c-insert-html .dmy {
    background-color: #888888;
    color: #fff;
    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;
    width: 100%;
    height: 100px;
    font-weight: bold;
    font-size: 123%;
}
.p-products-product .c-insert-html .dmy.-h60 {
    height: 60px;
}
.p-products-product-detail {
    /* 製品名、型番、製品概要、製品画像など */
    padding: 30px 5.33% 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-detail {
        padding: 50px 3.125% 50px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-detail-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-detail-img {
        width: 480px;
        max-width: 42.2%;
    }
}
.p-products-product-detail-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-detail-content {
        width: 560px;
        max-width: 49.1%;
        padding-top: 0;
    }
}
.p-products-product-detail-content .c-insert-html:first-child {
    margin-bottom: 30px;
}
.p-products-product-detail-title {
    font-size: 182%;
    font-weight: bold;
    line-height: 1.58;
}
.p-products-product-detail-number {
    margin-top: 10px;
}
.p-products-product-detail-text01 {
    font-size: 108%;
}
.p-products-product-detail-text02 {
    font-size: 163.9%;
    font-weight: bold;
}
.p-products-product-detail-price {
    margin-bottom: 10px;
}
.p-products-product-detail-price > * {
    display: inline-block;
}
.p-products-product-detail-price .price {
    font-weight: bold;
    font-size: 163.9%;
}
.p-products-product-detail-price .tax {
    font-size: 93%;
}
.p-products-product-detail-price .note {
    font-size: 108%;
    margin-left: 0.5em;
}
.p-products-product-detail-price .note.-color-red {
    color: #E52D2D;
}
.p-products-product-detail-text03 {
    font-size: 93%;
    color: #888888;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-detail-text03 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .p-products-product-detail-text03 p + p::before {
        content: "｜";
    }
}
.p-products-product-detail-variation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px 7px;
    padding-bottom: 50px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-detail-variation {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-ordinal-group: initial;
            -ms-flex-order: initial;
                order: initial;
        padding-bottom: 0;
        margin-top: 20px;
    }
}
.p-products-product-detail-description {
    font-size: 93%;
    line-height: 1.67;
    margin-top: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-detail-description {
        font-size: 108%;
    }
}
.p-products-product-detail-attention {
    margin-top: 13px;
    margin-bottom: 25px;
}
.p-products-product-detail-attention li {
    font-size: 93%;
    line-height: 1.7;
    color: #E52D2D;
    position: relative;
    padding-left: 1.5em;
}
.p-products-product-detail-attention li::before {
    content: "※";
    position: absolute;
    left: 0;
}
.p-products-product-detail-attention li + li {
    margin-top: 0.5em;
}
.p-products-product-detail-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 30px;
    gap: 15px 10px;
}
.p-products-product-detail-link-item-inn {
    border: 1px solid #CECECE;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 25px;
    padding: 0.9em 2.3em;
    font-size: 93%;
    font-weight: bold;
    cursor: pointer;
}
.p-products-product-detail-link-item-inn.c-button-white {
    min-height: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
}
.p-products-product-detail-link-item .icon {
    margin-left: 0.5em;
    position: relative;
    top: 0.2em;
}
@media print, screen and (max-width: 61.24em) {
    .p-products-product-detail-link-item.m-print {
        display: none;
    }
}
.p-products-product-detail-link-item.m-print .icon img {
    width: 12px;
    display: block;
}
.p-products-product-detail-label {
    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;
    margin-top: 30px;
    gap: 20px 20px;
}
.p-products-product-detail-label + .c-insert-html {
    margin-top: 30px;
}
.p-products-product-detail-label li img {
    max-height: 90px;
}
.p-products-product-slider {
    /* 製品画像スライダー */
    position: relative;
}
.p-products-product-slider__item img {
    width: 100%;
    height: auto;
    display: block;
}
.p-products-product-slider__popup {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
.p-products-product-slider__popup:not([data-mfp-src*="."]) {
    border: 1px solid #cecece;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-slider__popup[data-mfp-src*="."] {
        cursor: pointer;
    }
    .p-products-product-slider__popup[data-mfp-src*="."]::after {
        content: "";
        width: 36px;
        height: 36px;
        background-image: url(/assets/img/products/product/icn_popup.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
}
.p-products-product-slider__container {
    overflow: hidden;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-slider__container {
        width: 480px;
        max-width: 100%;
    }
}
@media print, screen and (max-width: 80em) {
    .p-products-product-slider .swiper-arrow.swiper-prev {
        left: -30px;
    }
    .p-products-product-slider .swiper-arrow.swiper-next {
        right: -30px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-slider .swiper-arrow {
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .p-products-product-slider .swiper-arrow.swiper-button-disabled {
        opacity: 0.15;
        cursor: not-allowed;
    }
}
.p-products-product-thumb {
    /* 製品画像サムネイルスライダー */
    position: relative;
    margin-top: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-thumb__wrap {
        -webkit-transform: none !important;
                transform: none !important;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px 20px;
    }
}
.p-products-product-thumb__item {
    position: relative;
    border-radius: 8px;
    width: 80px !important;
    overflow: hidden;
    cursor: pointer;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-thumb__item {
        max-width: calc((100% - 80px) * 0.2);
    }
}
.p-products-product-thumb__item::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 3px solid #074396;
    border-radius: 8px;
    opacity: 0;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
    z-index: 0;
}
.p-products-product-thumb__item.swiper-slide-thumb-active::after {
    opacity: 1;
}
.p-products-product-thumb__item img {
    width: 100%;
    height: auto;
    display: block;
}
@media screen and (min-width: 61.25em) {
    .p-products-product-thumb__item.is-hidden {
        display: none;
    }
}
@media screen and (min-width: 61.25em) {
    .p-products-product-thumb__item:hover .c-zoomImage img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
    }
}
.p-products-product-thumb__container {
    width: 100%;
}
.p-products-product-thumb__morebtn {
    margin: 30px auto 0;
}
.p-products-product-thumb__morebtn .c-more-button {
    margin: auto;
}
.p-products-product-thumb .swiper-scrollbar.swiper-scrollbar {
    position: static;
    width: 100%;
    height: 3px;
    margin-top: 20px;
    height: 3px;
    background: #dbdbdb;
    border-radius: 2px;
}
.p-products-product-thumb .swiper-scrollbar.swiper-scrollbar-drag {
    height: 100%;
    background: #777;
    border-radius: 2px;
    cursor: pointer;
}
.p-products-product-anchor-link {
    /* 製品詳細アンカーリンク */
    padding: 50px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-anchor-link {
        padding: 80px 3.125% 0;
    }
}
.p-products-product-lineup {
    /* ラインナップセクション */
    padding: 60px 5.33% 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-lineup {
        padding: 80px 3.125% 50px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-lineup-table {
        width: 100%;
    }
}
.p-products-product-lineup-table th, .p-products-product-lineup-table td {
    border: none;
    border-bottom: 1px solid #CECECE;
    vertical-align: middle;
}
.p-products-product-lineup-table th:first-child {
    border-left: none;
}
.p-products-product-lineup-table th.head {
    font-weight: bold;
    text-align: left;
    background-color: #F3F3F3;
    border-top: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    padding: 11px 10px 10px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-lineup-table th.head {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.p-products-product-lineup-table td {
    padding: 20px 10px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-lineup-table td {
        padding: 20px 10px;
    }
}
.p-products-product-lineup-table td p {
    font-size: 108%;
    line-height: 1.7;
}
.p-products-product-lineup-table td .taxin {
    font-weight: bold;
}
.p-products-product-lineup-table .fixed {
    border-right: 1px solid #cecece;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-lineup-table .fixed {
        border-right: none;
    }
}
.p-products-product-lineup-table .col1 {
    width: 100px;
    min-width: auto;
    padding: 20px;
    background-color: #ffffff;
}
.p-products-product-lineup-table .col2 {
    min-width: 200px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-lineup-table .col2 {
        width: 23.7%;
    }
}
.p-products-product-lineup-table .col3 {
    min-width: 200px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-lineup-table .col3 {
        width: 33.3%;
    }
}
.p-products-product-lineup-table .col4 {
    min-width: 170px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-lineup-table .col4 {
        width: 17.6%;
    }
}
.p-products-product-lineup-table .col5 {
    min-width: 150px;
}
.p-products-product-lineup-table .color-red {
    color: #E52D2D;
}
.p-products-product-lineup-table .thumb {
    display: block;
    width: 60px;
    height: 60px;
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: 8px;
    overflow: hidden;
    isolation: isolate;
}
.p-products-product-lineup-table .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.p-products-product-lineup-table .thumb.m-current, .p-products-product-lineup-table .thumb:hover {
    border-color: #074396;
}
.p-products-product-lineup-table .number {
    font-weight: bold;
    font-size: 108%;
}
.p-products-product-lineup-table .number > a,
.p-products-product-lineup-table .number > span {
    position: relative;
    padding-left: 1em;
    display: inline-block;
}
.p-products-product-lineup-table .number > a::before,
.p-products-product-lineup-table .number > span::before {
    content: "";
    position: absolute;
    left: -3px;
    top: 0.85em;
    top: 0.5lh;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-lineup-table .number > a:hover,
    .p-products-product-lineup-table .number > span:hover {
        color: #004098;
    }
}
.p-products-product-lineup-table .number.m-current > a,
.p-products-product-lineup-table .number.m-current > span {
    color: #004098;
    padding-left: 0;
}
.p-products-product-lineup-table .number.m-current > a::before,
.p-products-product-lineup-table .number.m-current > span::before {
    content: none;
}
.p-products-product-lineup-table .jancd {
    font-size: 108%;
    color: #888888;
}
.p-products-product-lineup-table .is-hidden {
    display: none;
}
.p-products-product-lineup-morebtn {
    margin-top: 20px;
}
.p-products-product-lineup-morebtn .c-more-button {
    margin: auto;
}
.p-products-product-lineup-endlink {
    text-align: center;
    font-size: 93%;
    margin-top: 15px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-lineup-endlink {
        font-size: 108%;
    }
}
.p-products-product-lineup-endlink .c-link:not(.is-active) [data-old-active=true] {
    display: none;
}
.p-products-product-lineup-endlink .c-link.is-active [data-old-active=false] {
    display: none;
}
.p-products-product-lineup-attentionbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 15px;
}
.p-products-product-lineup-attentionbox .p-products-product-detail-attention {
    margin-bottom: 0;
    margin-top: 0;
}
.p-products-product-lineup-link {
    font-size: 93%;
    margin-top: 15px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-lineup-link {
        font-size: 108%;
        text-align: center;
    }
}
.p-products-product-feature {
    /* 製品の特長セクション */
}
.p-products-product-feature .c-insert-html {
    margin-top: 30px;
}
.p-products-product-feature .c-insert-html + .c-insert-html {
    margin-top: 30px;
}
.p-products-product-feature .c-insert-html:first-of-type {
    margin-top: 0;
}
.p-products-product-feature-head {
    padding: 40px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-feature-head {
        padding: 60px 3.125% 0;
    }
}
.p-products-product-feature-head .f-container {
    padding-top: 40px;
    border-top: 1px solid #EBEBEB;
}
.p-products-product-feature-img {
    padding: 30px 5.33% 30px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-feature-img {
        padding: 0 3.125% 0;
        margin: 30px auto;
    }
}
.p-products-product-feature-img img {
    display: block;
    max-width: 100%;
    margin: auto;
    height: auto;
}
.p-products-product-feature-post {
    padding: 0 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-feature-post {
        padding: 0 3.125%;
    }
}
.p-products-product-feature-post .dmy {
    width: 100%;
    height: 100px;
    background-color: rgba(229, 45, 45, 0.5) !important;
    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;
    color: #fff;
    font-weight: bold;
    font-size: 123%;
}
.p-products-product-feature-note {
    padding: 30px 5.33% 30px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-feature-note {
        padding: 30px 3.125% 30px;
    }
}
.p-products-product-feature-note-list li {
    font-size: 93%;
    line-height: 1.67;
    position: relative;
    padding-left: 1.2em;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-feature-note-list li {
        font-size: 108%;
        line-height: 1.7;
    }
}
.p-products-product-feature-note-list li::before {
    content: "●";
    position: absolute;
    left: 0;
    font-size: 77%;
    color: #CECECE;
    top: 0.2em;
}
.p-products-product-feature-note-list li + li {
    margin-top: 0.5em;
}
.p-products-product-bdr {
    /* セクション間の罫線 */
    padding: 40px 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-bdr {
        padding: 60px 3.125% 60px;
    }
}
.p-products-product-bdr .bdr {
    border-bottom: 1px solid #EBEBEB;
}
.p-products-product-spec {
    /* スペックセクション */
}
.p-products-product-spec .c-insert-html:last-child {
    margin-top: 25px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-spec .c-insert-html:last-child {
        margin-top: 37px;
    }
}
.p-products-product-spec-content {
    padding: 30px 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-spec-content {
        padding: 60px 3.125% 30px;
    }
}
@media print, screen and (max-width: 61.24em) {
    .p-products-product-spec-scroll {
        overflow-x: scroll;
        padding-bottom: 15px;
    }
    .p-products-product-spec-scroll::-webkit-scrollbar {
        width: 100%;
        height: 3px;
    }
    .p-products-product-spec-scroll::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
        border-radius: 2px;
    }
    .p-products-product-spec-scroll::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 2px;
    }
}
.p-products-product-spec-table {
    border-bottom: 1px solid #CECECE;
    min-width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-spec-table {
        width: 100%;
    }
}
.p-products-product-spec-table tr {
    border-bottom: 1px solid #CECECE;
}
.p-products-product-spec-table tr:first-of-type {
    border-top: 1px solid #CECECE;
}
.p-products-product-spec-table tr:last-child th, .p-products-product-spec-table tr:last-child td {
    border-bottom: none;
}
.p-products-product-spec-table th {
    width: 100px;
    background-color: #F3F3F3;
    font-size: 108%;
    font-weight: bold;
    text-align: left;
    padding: 13px 20px 12px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-spec-table th {
        width: 15%;
    }
}
.p-products-product-spec-table th:first-child.bdr {
    border-left: none;
}
.p-products-product-spec-table td {
    font-size: 108%;
    padding: 13px 20px 12px;
    min-width: 250px;
}
.p-products-product-spec-note {
    padding: 0 5.33%;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-spec-note {
        padding: 30px 3.125% 0;
    }
}
.p-products-product-spec-note-text {
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-spec-note-text {
        font-size: 108%;
    }
}
.p-products-product-spec-note-text a {
    color: #004098;
    text-decoration: underline;
}
.p-products-product-spec-note-text a:hover {
    text-decoration: none;
}
.p-products-product-spec-note-text + .p-products-product-spec-note-list {
    margin-top: 0.5em;
}
.p-products-product-spec-note-list li {
    font-size: 77%;
    position: relative;
    padding-left: 1.5em;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-spec-note-list li {
        font-size: 93%;
    }
}
.p-products-product-spec-note-list li + li {
    margin-top: 0.5em;
}
.p-products-product-spec-note-list li::before {
    content: "※";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.p-products-product-relation {
    /* 関連製品 */
    padding: 50px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-relation {
        padding: 80px 3.125% 0;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-relation .c-scroll-swiper__arrow {
        top: 97px;
    }
}
.p-products-product-relation-link {
    /* 関連リンク */
    padding: 60px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-relation-link {
        padding: 80px 3.125% 0;
    }
}
.p-products-product-relation-link .p-products-ttl {
    margin-bottom: 0.9em;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-relation-link-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 25px 3.6%;
    }
}
.p-products-product-relation-link-item {
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 10px;
    padding-top: 11px;
    font-size: 108%;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-relation-link-item {
        width: 22.3%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 0;
    }
}
.p-products-product-relation-link-item .c-link-arrow::before {
    top: 48%;
}
.p-products-product-pickup {
    /* 関連リンク（記事）*/
    padding: 50px 5.33% 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-pickup {
        padding: 80px 3.125% 0;
    }
}
.p-products-product-relation-post {
    /* 関連記事 */
    padding: 50px 5.33% 65px;
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-relation-post {
        padding: 80px 3.125% 100px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-products-product-relation-post .c-scroll-swiper__arrow {
        top: 97px;
    }
}

/* 旧製品詳細 */
#index-feature .js-accordion-trigger {
    cursor: pointer;
}

/* 製品ページ印刷時に印刷ボタンを消す */
@media print {
    .p-products-product-detail-link-item.m-print {
        display: none;
    }
}
/* -----------------------
    お知らせ
    ブランド
    ピックアップ
    コラム
----------------------- */
/* news */
.p-news {
    padding-top: 50px;
    padding-bottom: 85px;
}
@media print, screen and (min-width: 61.25em) {
    .p-news {
        padding-top: 40px;
        padding-bottom: 115px;
    }
}
.p-news.m-detail {
    padding-top: 40px;
    padding-bottom: 90px;
}
@media print, screen and (min-width: 61.25em) {
    .p-news.m-detail {
        padding-top: 40px;
        padding-bottom: 150px;
    }
}
.p-news .c-post-filter-form {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-news .c-post-filter-form {
        width: 75%;
    }
}
.p-news .c-post-filter-form .c-input-select {
    width: 47%;
}
@media print, screen and (min-width: 61.25em) {
    .p-news .c-post-filter-form .c-input-select {
        width: 300px;
    }
}

/* ブランド */
.p-brand {
    padding-top: 25px;
    padding-bottom: 85px;
    /* カテゴリページ */
    /* 詳細ページ */
}
@media print, screen and (min-width: 61.25em) {
    .p-brand {
        padding-top: 30px;
        padding-bottom: 115px;
    }
}
.p-brand.m-category {
    padding-top: 0;
}
.p-brand.m-category .c-article-filter-sibilings {
    margin-bottom: 32px;
}
@media print, screen and (min-width: 61.25em) {
    .p-brand.m-category .c-article-filter-sibilings {
        margin-bottom: 40px;
    }
}
.p-brand.m-category .c-article-filter-select {
    margin-top: 30px;
}
.p-brand.m-detail {
    padding-top: 30px;
    padding-bottom: 90px;
}
@media print, screen and (min-width: 61.25em) {
    .p-brand.m-detail {
        padding-top: 40px;
        padding-bottom: 150px;
    }
}
.p-brand .c-article-slider {
    margin-bottom: 35px;
}

/* ピックアップ */
.p-pickup {
    padding-top: 25px;
    padding-bottom: 85px;
    /* カテゴリページ */
    /* 詳細ページ */
}
@media print, screen and (min-width: 61.25em) {
    .p-pickup {
        padding-top: 30px;
        padding-bottom: 115px;
    }
}
.p-pickup.m-category {
    padding-top: 0;
}
.p-pickup.m-category .c-article-filter-sibilings {
    margin-bottom: 32px;
}
@media print, screen and (min-width: 61.25em) {
    .p-pickup.m-category .c-article-filter-sibilings {
        margin-bottom: 40px;
    }
}
.p-pickup.m-category .c-article-filter-select {
    margin-top: 30px;
}
.p-pickup.m-detail {
    padding-top: 30px;
    padding-bottom: 90px;
}
@media print, screen and (min-width: 61.25em) {
    .p-pickup.m-detail {
        padding-top: 40px;
        padding-bottom: 150px;
    }
}
.p-pickup .c-article {
    /* 詳細 */
}
.p-pickup .c-article-slider {
    margin-bottom: 35px;
}
.p-pickup .c-article-head-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.p-pickup .c-article-head-category {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-pickup .c-article-head-category {
        width: auto;
    }
}
.p-pickup .c-article-head-category__item {
    min-width: 70px;
}
@media print, screen and (min-width: 61.25em) {
    .p-pickup .c-article-head-category__item {
        min-width: 80px;
    }
}
.p-pickup .c-article-head-code-area {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-pickup .c-article-head-code-area {
        width: auto;
    }
}
.p-pickup .c-article-head-date {
    font-weight: 500;
    text-align: left;
}
@media print, screen and (min-width: 61.25em) {
    .p-pickup .c-article-head-date {
        font-size: 93%;
        font-weight: bold;
    }
}
.p-pickup .c-article-head-title__main {
    text-align: left;
}
.p-pickup .c-article-footer {
    padding-bottom: 80px;
}

/* コラム */
.p-column {
    padding-top: 25px;
    padding-bottom: 85px;
}
@media print, screen and (min-width: 61.25em) {
    .p-column {
        padding-top: 30px;
        padding-bottom: 115px;
    }
}
.p-column.m-category {
    /* カテゴリページ */
    padding-top: 0;
}
.p-column.m-category .c-article-filter-sibilings {
    margin-bottom: 32px;
}
@media print, screen and (min-width: 61.25em) {
    .p-column.m-category .c-article-filter-sibilings {
        margin-bottom: 40px;
    }
}
.p-column.m-category .c-article-filter-select {
    margin-top: 30px;
}
.p-column.m-detail {
    /* 詳細ページ */
    padding-top: 30px;
    padding-bottom: 90px;
}
@media print, screen and (min-width: 61.25em) {
    .p-column.m-detail {
        padding-top: 40px;
        padding-bottom: 150px;
    }
}
.p-column .c-article {
    /* 詳細 */
}
.p-column .c-article-slider {
    margin-top: 35px;
    margin-bottom: 35px;
}
.p-column .c-article-head-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.p-column .c-article-head-category {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-column .c-article-head-category {
        width: auto;
    }
}
.p-column .c-article-head-category__item {
    min-width: 70px;
}
@media print, screen and (min-width: 61.25em) {
    .p-column .c-article-head-category__item {
        min-width: 80px;
    }
}
.p-column .c-article-head-code-area {
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-column .c-article-head-code-area {
        width: auto;
    }
}
.p-column .c-article-head-date {
    font-weight: 500;
    text-align: left;
}
@media print, screen and (min-width: 61.25em) {
    .p-column .c-article-head-date {
        font-size: 93%;
        font-weight: bold;
    }
}
.p-column .c-article-head-title__main {
    text-align: left;
}
.p-column .c-article-footer {
    padding-bottom: 80px;
}

/* -----------------------
    サポート
----------------------- */
/* サポートTOP（support） */
.p-support {
    padding: 25px 0 120px;
}
@media print, screen and (min-width: 61.25em) {
    .p-support {
        padding: 34px 0 140px;
    }
}

/* お問い合わせ（support/access） */
.p-access {
    padding: 25px 0 120px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access {
        padding: 34px 0 140px;
    }
}

/* 法人向けお問い合わせ（support/access/business） */
.p-access-b {
    padding: 35px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b {
        padding: 30px 0 0;
    }
}
.p-access-b-header {
    padding: 0 0 53px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-header {
        padding: 0 0 70px;
    }
}
.p-access-b-header .c-localnav {
    margin-bottom: 39px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-header .c-localnav {
        margin-bottom: 50px;
    }
}
.p-access-b-web {
    /* WEBお問い合わせ窓口 */
    padding: 33px 0 50px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-web {
        padding: 50px 0 60px;
    }
}
.p-access-b-web .c-panel-access-list {
    padding-top: 3px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-web .c-panel-access-list {
        padding-top: 10px;
    }
}
.p-access-b-web .c-category-list {
    margin-top: 56px;
}
.p-access-b-web .c-category-list-box {
    margin-top: 30px;
}
.p-access-b-contact {
    /* お電話での相談 など */
    margin-top: 70px;
    padding: 40px 7.14% 35px;
    border: 1px solid #CECECE;
    border-radius: 8px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-contact {
        padding: 46px 6.14%;
    }
}
.p-access-b-contact__above {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 46px 0;
    padding-bottom: 36px;
    border-bottom: 1px solid #CECECE;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-contact__above {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 0 min(50px, 5%);
        padding-bottom: 46px;
    }
}
.p-access-b-contact__above-item {
    text-align: center;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-contact__above-item {
        -webkit-box-flex: 300px;
            -ms-flex: 300px 0 1;
                flex: 300px 0 1;
    }
}
.p-access-b-contact__above-item .c-button-black {
    width: 100%;
    max-width: 280px;
}
.p-access-b-contact__above-text {
    margin: 16px 0 0;
    font-size: 93%;
    line-height: 1.66;
}
.p-access-b-contact__below {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 26px 0;
    padding: 37px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-contact__below {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 0 min(36px, 3.6%);
        padding: 43px 0 0;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-contact__below-item {
        -webkit-box-flex: 350px;
            -ms-flex: 350px 0 1;
                flex: 350px 0 1;
    }
    .p-access-b-contact__below-item:last-child {
        -webkit-box-flex: 615px;
            -ms-flex: 615px 0 1;
                flex: 615px 0 1;
    }
}
.p-access-b-contact__below-item .c-bullet-list > li {
    font-size: 93%;
}
.p-access-b-contact__below-heading {
    margin-bottom: 5px;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.66;
}
.p-access-b-contact__below-heading.m-navi {
    font-size: 108%;
    line-height: 1.45;
}
.p-access-b-contact__below-text {
    font-size: 93%;
    line-height: 1.66;
}
.p-access-b-download {
    /* ダウンロード */
    padding: 33px 0 40px;
    background-color: #F3F3F3;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-download {
        padding: 50px 0 60px;
    }
}
.p-access-b-download .c-scroll-swiper-panel {
    padding-top: 3px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-download .c-scroll-swiper-panel {
        padding-top: 10px;
    }
}
.p-access-b-system {
    /* 販売店様向け 商品発注システム */
    padding: 33px 0 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-system {
        padding: 50px 0 60px;
    }
}
.p-access-b-elenavi {
    /* えれナビ */
    max-width: 750px;
    margin: 26px auto 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-elenavi {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 28px auto 0;
    }
}
.p-access-b-elenavi-main {
    -webkit-box-flex: 360px;
        -ms-flex: 360px 0 1;
            flex: 360px 0 1;
    /* 左 */
}
.p-access-b-elenavi-main__item {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-elenavi-main__item {
        padding: 15px 0;
    }
    .p-access-b-elenavi-main__item a:hover .p-access-b-elenavi-main__frame {
        border-color: #004098;
        -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
        transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    }
    .p-access-b-elenavi-main__item a:hover .p-access-b-elenavi-main__label {
        color: #004098;
    }
    .p-access-b-elenavi-main__item a:hover .p-access-b-elenavi-main__label > span {
        text-decoration: underline;
    }
}
.p-access-b-elenavi-main__frame {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 150px;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    padding: 15px 0 14px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-elenavi-main__frame {
        min-height: 200px;
    }
}
.p-access-b-elenavi-main__icon {
    width: 100%;
    max-width: 228px;
    height: auto;
    text-align: center;
}
.p-access-b-elenavi-main__icon img {
    max-width: 100%;
    height: auto;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-elenavi-main__icon {
        width: 100%;
        max-width: 200px;
    }
    .p-access-b-elenavi-main__icon img {
        max-width: 100%;
    }
}
.p-access-b-elenavi-main__text {
    margin-top: 16px;
    font-size: 93%;
}
.p-access-b-elenavi-sub {
    width: 100%;
    margin-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-elenavi-sub {
        width: 49%;
        max-width: 360px;
        margin-top: 0;
    }
}
.p-access-b-elenavi-sub .c-category-list-box {
    width: 100%;
}
.p-access-b-elenavi-sub__button {
    margin-top: 30px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-elenavi-sub__button {
        margin-top: 20px;
    }
}
.p-access-b-support {
    /* その他サポート関連 */
    padding: 33px 0 40px;
    background-color: #F3F3F3;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-support {
        padding: 50px 0 70px;
    }
}
.p-access-b-support .c-category-list {
    padding-top: 3px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access-b-support .c-category-list {
        padding-top: 3px;
    }
}

/* アイコンありリンク / swiper */
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper__scrollbar {
    margin: 30px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper__scrollbar {
        margin: 40px 0 0;
    }
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__item {
    -webkit-box-flex: 255px;
        -ms-flex: 255px 0 0px;
            flex: 255px 0 0;
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__item a:hover .c-scroll-swiper-panel__frame {
    border-color: #004098;
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__item a:hover .c-scroll-swiper-panel__label {
    color: #004098;
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__item a:hover .c-scroll-swiper-panel__label > span {
    text-decoration: underline;
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__frame {
    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;
    padding: 15px 0 14px;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__icon {
    width: 70px;
    height: 70px;
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__icon img {
    max-width: 70px;
    height: auto;
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__label {
    position: relative;
    display: inline-block;
    margin: 8px 0 0;
    padding-left: 0;
    font-size: 108%;
    font-weight: 500;
    text-align: center;
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__label > span {
    display: inline-block;
    text-indent: 0;
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__label > span:first-child {
    padding-left: 18px;
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__label::before {
    content: "";
    position: absolute;
    top: 0.875em;
    left: auto;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #073F98;
    border-right: 2px solid #073F98;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    font-size: inherit;
    line-height: inherit;
}
.c-scroll-swiper-panel.c-scroll-swiper .c-scroll-swiper-panel__text {
    margin-top: 16px;
    font-size: 93%;
}

/* お問い合わせ（support/access） */
.p-access {
    padding: 25px 0 120px;
}
@media print, screen and (min-width: 61.25em) {
    .p-access {
        padding: 34px 0 140px;
    }
}

/* ダウンロード詳細 */
.p-download {
    padding: 37px 0 120px;
}
@media print, screen and (min-width: 61.25em) {
    .p-download {
        padding: 46px 0 140px;
    }
}
.p-download-changelog {
    /* 変更履歴 */
    margin-top: 30px;
}
.p-download-license {
    /* ダウンロード */
    padding: 18px 0 0;
}
.p-download-license .c-iframe-license {
    margin-bottom: 40px;
}
.p-download-license .c-input-radio {
    display: block;
    width: 280px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 93%;
}
.p-download-license .c-text-common {
    font-size: 93%;
}
.p-download-license .c-text-common.m-center {
    text-align: left;
}
@media print, screen and (min-width: 61.25em) {
    .p-download-license .c-text-common.m-center {
        text-align: center;
    }
}
.p-download-license-button {
    margin-top: 26px;
}
@media print, screen and (min-width: 61.25em) {
    .p-download-license-button {
        margin-top: 36px;
    }
}

/* CAD図ダウンロード */
.p-cad {
    padding-top: 35px;
    padding-bottom: 90px;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad {
        padding-top: 30px;
        padding-bottom: 120px;
    }
}
.p-cad-header {
    padding: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad-header {
        padding: 0;
    }
}
.p-cad-header .c-localnav {
    /* 「同カテゴリ」切り替えナビLv.1 */
    margin-bottom: 45px;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad-header .c-localnav {
        margin-bottom: 56px;
    }
}
.p-cad-header-notice {
    /* 注意書き */
}
.p-cad-header-notice li {
    font-size: 77%;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad-header-notice li {
        font-size: 93%;
    }
}
.p-cad-header-notice li::before {
    content: "※";
}
.p-cad-header .c-localnav2-list {
    /* 「同カテゴリ」切り替えナビLv.2: 現行モデル/在庫限定・販売終了モデル */
    margin: 40px 0 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad-header .c-localnav2-list {
        margin: 30px 0 40px;
    }
}
.p-cad-header .c-anchor-link-scroll {
    /* アンカーリンクテキスト Lv1: 「法人向けスイッチングハブ」 */
    margin: 30px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad-header .c-anchor-link-scroll {
        margin: 60px 0 0;
    }
}
.p-cad-read {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad-read {
        margin-top: 30px;
        font-size: 108%;
    }
}
.p-cad-download {
    /* ダウンロード */
    padding: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad-download {
        padding: 20px 0 0;
    }
}
.p-cad-download-section {
    /* ダウンロード - セクション */
    padding: 55px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad-download-section {
        padding: 50px 0 0;
    }
}
.p-cad-download-section + .p-cad-download-section {
    border-top: 1px solid #EBEBEB;
}
.p-cad-download-block {
    /* ダウンロード - サブセクション */
    padding: 0 0 100px;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad-download-block {
        padding: 0 0 60px;
    }
}
.p-cad-list {
    /* CAD図リスト */
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-template-columns: repeat(auto-fill, 1fr);
    grid-template-columns: repeat(auto-fill, minmax(max(260px, 37.2%), 1fr));
    gap: 16px 33px;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad-list {
        grid-template-columns: repeat(auto-fill, minmax(min(260px, 22.8%), 1fr));
        gap: 26px 33px;
    }
}
.p-cad-list__item {
    width: 100%;
    margin: 0;
}
.p-cad-list__head {
    width: 100%;
    padding: 9px 0;
    border-bottom: 1px solid #D8D8D8;
    font-size: 123.1%;
    font-weight: bold;
    line-height: 1.7;
}
.p-cad-list__body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 15px;
}
.p-cad-list__figure {
    width: 80px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    isolation: isolate;
}
.p-cad-list__content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-left: 1.5em;
    margin-left: 10px;
}
.p-cad-list__link {
    color: #004098;
    font-size: 108%;
    line-height: 1.7;
    text-decoration: underline;
}
@media print, screen and (min-width: 61.25em) {
    .p-cad-list__link {
        text-decoration: none;
    }
}
.p-cad-list__contains {
    list-style: decimal;
}

/* -----------------------
    製品カテゴリ
----------------------- */
.p-catalog {
    padding-top: 35px;
    padding-bottom: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog {
        padding-top: 30px;
        padding-bottom: 0;
    }
}
.p-catalog-header .c-localnav {
    /* 「同カテゴリ」切り替えナビLv.1 */
    margin-bottom: 45px;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-header .c-localnav {
        margin-bottom: 56px;
    }
}
.p-catalog-header .c-page-heading03 {
    margin-bottom: 25px;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-header .c-page-heading03 {
        margin-bottom: 34px;
    }
}
.p-catalog-header .c-anchor-link-scroll {
    /* アンカーリンクテキスト Lv1: 【総合カタログ】 */
    margin: 35px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-header .c-anchor-link-scroll {
        margin: 30px 0 0;
    }
}
.p-catalog-read {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 93%;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-read {
        margin-top: 30px;
        font-size: 108%;
    }
}
.p-catalog-download {
    /* カタログ一覧 */
    padding: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-download {
        padding: 20px 0 0;
    }
}
.p-catalog-download-section {
    /* カタログ一覧 - セクション */
    padding: 33px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-download-section {
        padding: 50px 0 0;
    }
}
.p-catalog-download-section + .p-catalog-download-section {
    border-top: 1px solid #EBEBEB;
}
.p-catalog-download-block {
    /* カタログ一覧 - サブセクション */
    padding: 0 0 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-download-block {
        padding: 0 0 60px;
    }
}
.p-catalog-download.m-gray {
    /* グレー背景 */
    padding: 30px 0 50px;
    background: #F3F3F3;
}
.p-catalog-box {
    /* ２カラムレイアウト: 総合カタログ / 周辺機器カタログ */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
}
.p-catalog-box__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-box__content {
        width: 280px;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    }
}
.p-catalog-box__image {
    width: 250px;
    max-width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 auto;
    border: 1px solid #CECECE;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-box__image {
        margin: 0;
    }
}
.p-catalog-list {
    /* 5カラムレイアウト: 新製品ニュースなど */
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(155px, 48.4%), 1fr));
    gap: 40px min(35px, 3.07%);
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-list {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 40px min(35px, 3.07%);
    }
}
.p-catalog-list-item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px 0;
    width: 100%;
    height: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-list-item__link:hover .c-button-white {
        background-color: #f3f3f3;
    }
}
.p-catalog-list-item__figure {
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-list-item__figure {
        width: 100%;
    }
}
.p-catalog-list-item__figure img {
    width: 100%;
    height: auto;
}
.p-catalog-list-item__content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.p-catalog-list-item__head {
    font-size: 108%;
    font-weight: bold;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-list-item__head {
        font-size: 123.1%;
        line-height: 1.5;
    }
}
.p-catalog-list-item__info {
    margin: 9px 0 0;
    font-size: 93%;
    line-height: 1.7;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-list-item__info {
        margin: 11px 0 0;
        font-size: 108%;
    }
}
.p-catalog-list-item .c-button-white {
    margin-top: 15px;
    margin-left: 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-catalog-list-item .c-button-white {
        margin-top: 14px;
    }
}

/* -----------------------
    企業・IR情報
----------------------- */
.p-ir-message {
    /* Message */
    padding: 35px 0 80px;
}
@media screen and (min-width: 61.25em) {
    .p-ir-message {
        padding: 80px 0 120px;
    }
}
@media screen and (min-width: 61.25em) {
    .p-ir-message__inner {
        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;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
}
.p-ir-message__content {
    /* テキスト部 */
    padding: 30px 0 0;
}
@media screen and (min-width: 61.25em) {
    .p-ir-message__content {
        width: 360px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding: 0;
    }
}
.p-ir-message__figure {
    /* 画像部 */
    width: 100%;
}
@media screen and (min-width: 61.25em) {
    .p-ir-message__figure {
        -ms-flex-negative: 1;
            flex-shrink: 1;
        max-width: 700px;
    }
}
.p-ir-message__figure img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.p-ir-message__eng {
    /* 英語「Message」 */
    color: #004098;
    font-size: 108%;
    font-weight: bold;
    line-height: 1;
}
@media screen and (min-width: 61.25em) {
    .p-ir-message__eng {
        font-size: 123.1%;
    }
}
.p-ir-message__title {
    margin: 13px 0 0;
    font-size: 200%;
    font-weight: bold;
    line-height: 1.7;
}
@media screen and (min-width: 61.25em) {
    .p-ir-message__title {
        margin: 11px 0 0;
        font-size: 246%;
    }
}
.p-ir-message__copy {
    margin: 15px 0 0;
    font-size: 138.5%;
    font-weight: bold;
    line-height: 1.7;
}
@media screen and (min-width: 61.25em) {
    .p-ir-message__copy {
        margin: 34px 0 0;
        font-size: 167%;
        line-height: 1.5;
    }
}
.p-ir-message__name {
    margin: 5px 0 0;
    font-size: 108%;
    line-height: 1.85;
}
@media screen and (min-width: 61.25em) {
    .p-ir-message__name {
        margin: 9px 0 0;
        font-size: 123.1%;
        line-height: 2;
    }
}
.p-ir-message__button {
    margin: 24px 0 0;
}
.p-ir-message__button .c-button-black {
    margin-left: 0;
}
@media screen and (min-width: 61.25em) {
    .p-ir-message__button {
        margin: 32px 0 0;
    }
}
.p-ir-activity {
    /* サステナビリティ・CSR活動 */
}
@media screen and (min-width: 48em) {
    .p-ir-activity__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
}
.p-ir-activity__item {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media screen and (min-width: 48em) {
    .p-ir-activity__item {
        padding-top: 400px;
    }
}
.p-ir-activity__item.m-sustainability {
    background-image: url("/assets/img/ir/img_sustainability.jpg");
}
@media screen and (min-width: 48em) {
    .p-ir-activity__item.m-sustainability {
        background-image: url("/assets/img/ir/img_sustainability-pc.jpg");
    }
}
.p-ir-activity__item.m-social {
    background-image: url("/assets/img/ir/img_social.jpg");
}
@media screen and (min-width: 48em) {
    .p-ir-activity__item.m-social {
        background-image: url("/assets/img/ir/img_social-pc.jpg");
    }
}
.p-ir-activity__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 246px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    min-height: 205px;
    padding: 0 5.33%;
    color: #fff;
}
@media screen and (min-width: 48em) {
    .p-ir-activity__content {
        height: 246px;
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        min-height: 246px;
        padding: 26px 8.8% 0;
        padding: 26px min(64px, 8.8%) 0;
    }
}
.p-ir-activity__eng {
    font-size: 108%;
    font-weight: bold;
    line-height: 1;
}
.p-ir-activity__title {
    margin: 13px 0 0;
    font-size: 200%;
    font-weight: bold;
    line-height: 1.7;
}
@media screen and (min-width: 48em) {
    .p-ir-activity__title {
        margin: 11px 0 0;
        font-size: 246%;
    }
}
.p-ir-activity__description {
    margin: 14px 0 24px;
    max-width: 348px;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.7;
}
@media screen and (min-width: 48em) {
    .p-ir-activity__description {
        margin: 14px 0 32px;
        font-size: 108%;
    }
}
.p-ir-activity__button {
    margin: auto 0 0;
}
@media screen and (min-width: 48em) {
    .p-ir-activity__button {
        margin: auto 0 0;
    }
}
.p-ir-activity__button .c-button-blue {
    margin-left: 0;
    border-color: #fff;
}
@media screen and (min-width: 61.25em) {
    .p-ir-activity__button .c-button-blue:hover {
        border-color: #004098;
    }
}
.p-ir-subpage {
    /* 下層ページリンク */
    padding: 80px 0 50px;
}
@media screen and (min-width: 48em) {
    .p-ir-subpage {
        padding: 80px 0 100px;
    }
}
.p-ir-subpage .c-insert-html-block + .c-insert-html-block {
    margin-top: 30px;
}
.p-ir-subpage .c-insert-html-block.m-has-border {
    margin-top: 50px;
    padding-top: 50px;
}
@media screen and (min-width: 48em) {
    .p-ir-subpage .c-insert-html-block + .c-insert-html-block {
        margin-top: 40px;
    }
    .p-ir-subpage .c-insert-html-block.m-has-border {
        margin-top: 60px;
        padding-top: 60px;
    }
}
.p-ir-news {
    /* お知らせ */
    padding: 50px 0 60px;
    background-color: #F3F3F3;
}
@media screen and (min-width: 61.25em) {
    .p-ir-news {
        padding: 43px 0 50px;
    }
}
.p-ir-news-button {
    margin-top: 36px;
}
.p-ir-resource {
    /* 各種資料リンク */
    padding: 42px 0 100px;
}
@media screen and (min-width: 61.25em) {
    .p-ir-resource {
        padding: 93px 0 120px;
    }
}
.p-ir-resource .c-insert-html-block + .c-insert-html-block {
    margin-top: 30px;
}
.p-ir-resource .c-insert-html-block.m-has-border {
    margin-top: 50px;
    padding-top: 50px;
}
@media screen and (min-width: 48em) {
    .p-ir-resource .c-insert-html-block + .c-insert-html-block {
        margin-top: 40px;
    }
    .p-ir-resource .c-insert-html-block.m-has-border {
        margin-top: 60px;
        padding-top: 60px;
    }
}
.p-ir-pagelist {
    /* ページリスト */
    padding: 70px 0;
    background-color: #F3F3F3;
}
@media print, screen and (min-width: 61.25em) {
    .p-ir-pagelist {
        padding: 70px 0;
    }
}

/*  
    下層テンプレート
*/
.p-ir-localnav {
    /* ローカルナビ */
    padding: 35px 0 45px;
}
@media screen and (min-width: 61.25em) {
    .p-ir-localnav {
        padding: 30px 0 75px;
    }
}
.p-ir-content {
    /* コンテンツ部分  */
    padding: 0 0 90px;
}
@media screen and (min-width: 61.25em) {
    .p-ir-content {
        padding: 0 0 150px;
    }
}
.p-ir-content .c-insert-html-block + .c-insert-html-block {
    margin-top: 55px;
}
@media screen and (min-width: 61.25em) {
    .p-ir-content .c-insert-html-block + .c-insert-html-block {
        margin-top: 70px;
    }
}
.p-ir-content .c-heading-common.m-h2 {
    margin-bottom: 30px;
}

/* -----------------------
    サイトマップ
----------------------- */
.p-sitemap {
    padding: 25px 0 84px;
}
@media print, screen and (min-width: 61.25em) {
    .p-sitemap {
        padding: 35px 0 120px;
    }
}

/* -----------------------
    閲覧履歴
----------------------- */
.p-history {
    padding: 40px 0 90px;
}
@media screen and (min-width: 61.25em) {
    .p-history {
        padding: 50px 0 115px;
    }
}
.p-history-delete-button {
    /* 削除ボタン */
}
.p-history-delete-button .c-button-white {
    margin-right: 0;
}
.p-history-list {
    /* 閲覧履歴 リスト */
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, 1fr);
    gap: 35px 20px;
    width: 100%;
    padding: 40px 0 50px;
}
@media print, screen and (min-width: 40.0625em) {
    .p-history-list {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 35px 30px;
        padding: 30px 0 60px;
    }
}
.p-history-list.is-no-history {
    /* 履歴が0県のときはCSS指定を変更 */
    display: block;
}
.p-history-list-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
    margin: 0;
}
@media print, screen and (min-width: 40.0625em) {
    .p-history-list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 15px;
    }
}
.p-history-list-item__image {
    width: 37.5%;
    max-width: 120px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
@media print, screen and (min-width: 40.0625em) {
    .p-history-list-item__image {
        width: 100%;
        max-width: 100%;
    }
}
.p-history-list-item__image .c-zoomImage {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border: 1px solid #CECECE;
    border-radius: 8px;
    z-index: 1;
}
.p-history-list-item__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
@media print, screen and (min-width: 61.25em) {
    .p-history-list-item__image:hover ~ .p-history-list-item__text .p-history-list-item__title {
        color: #004098;
    }
}
.p-history-list-item__text {
    width: 61%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
@media print, screen and (min-width: 40.0625em) {
    .p-history-list-item__text {
        width: 100%;
    }
}
.p-history-list-item__title {
    display: block;
    font-size: 93%;
    line-height: 1.7;
}
@media print, screen and (min-width: 40.0625em) {
    .p-history-list-item__title {
        font-size: 108%;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-history-list-item__title:hover {
        color: #004098;
    }
}
.p-history-list-item__price {
    margin-top: 12px;
    display: block;
    font-size: 77%;
    line-height: 1.7;
}
@media print, screen and (min-width: 40.0625em) {
    .p-history-list-item__price {
        font-size: 93%;
    }
}
.p-history-list-item .c-button-white {
    width: auto;
    border-radius: 16px;
    min-width: 54px;
    margin-top: 12px;
    margin-left: 0;
}

/* -----------------------
    対応表
----------------------- */
.p-list {
    padding: 35px 0 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-list {
        padding: 30px 0 0;
    }
}
.p-list-header {
    /* ナビゲーション＆見出し */
    padding: 0 0 45px;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-header {
        padding: 0 0 55px;
    }
}
.p-list-header .c-localnav {
    margin-bottom: 23px;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-header .c-localnav {
        margin-bottom: 25px;
    }
}
.p-list-header .c-page-heading03 {
    margin-top: 53px;
    margin-bottom: 19px;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-header .c-page-heading03 {
        margin-top: 51px;
        margin-bottom: 21px;
    }
}
.p-list-header .c-anchor-link {
    margin-top: 18px;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-header .c-anchor-link {
        margin-top: 40px;
    }
}
.p-list-pickup {
    /* ピックアップ */
}
.p-list-pickup-inner {
    padding: 33px 0 40px;
    border-top: 1px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-pickup-inner {
        padding: 50px 0 60px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-list-pickup-swiper .c-scroll-swiper__list {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, min(150px, 13.166%));
        gap: 60px min(48px, 4.2%);
    }
}
.p-list-pickup-swiper .c-scroll-swiper__item {
    max-width: 120px;
    margin-right: 30px;
}
@media screen and (min-width: 61.25em) {
    .p-list-pickup-swiper .c-scroll-swiper__item {
        max-width: 150px;
        margin-right: 0;
    }
}
@media screen and (min-width: 61.25em) {
    .p-list-pickup-swiper .c-scroll-swiper__item__image {
        width: 80%;
        padding-top: 80%;
        margin: 0 auto;
    }
}
.p-list-pickup-swiper .c-scroll-swiper__item__body {
    padding: 0;
}
.p-list-pickup-swiper .c-scroll-swiper__item__title {
    text-align: center;
}
.p-list-category {
    /* カテゴリ一覧 */
}
.p-list-category-inner {
    padding: 33px 0 0;
    border-top: 1px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-inner {
        padding: 50px 0 0;
    }
}
.p-list-category-section {
    /* 各カテゴリのセクション */
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-section + .p-list-category-section {
        margin-top: 60px;
    }
}
.p-list-category-section:first-child .p-list-category-accordion__head {
    border-top: 1px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-section:first-child .p-list-category-accordion__head {
        border-color: #fff;
    }
}
.p-list-category-section-wrap {
    padding: 0 0 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-section-wrap {
        padding: 0 0 60px;
    }
}
@media print, screen and (max-width: 61.24em) {
    .p-list-category-section-wrap .f-wrapper {
        padding: 0;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-section-wrap {
        margin-top: 80px;
    }
}
.p-list-category-accordion {
    /* 各カテゴリのアコーディオン */
}
.p-list-category-accordion__head {
    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;
    border-bottom: 1px solid #fff;
    padding: 15px 0;
    margin: 0 5.33%;
    -webkit-transition: border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: border cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-accordion__head {
        border-bottom: none;
        padding: 0;
        margin: 0;
    }
}
.p-list-category-accordion__status {
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 15px;
}
.p-list-category-accordion__status::before, .p-list-category-accordion__status::after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 1px;
    right: 3px;
    bottom: 1px;
    left: 3px;
    width: auto;
    height: 2px;
    margin: auto 0;
    background-color: #004098;
    -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-accordion__status {
        display: none;
    }
}
.p-list-category-accordion__container {
    background-color: #F4F4F4;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-accordion__container {
        background-color: #fff;
    }
}
.p-list-category-accordion__inner {
    padding: 5px 5.33% 20px;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-accordion__inner {
        padding: 15px 0 0;
    }
}
.p-list-category-accordion .c-link-list {
    display: block;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-accordion .c-link-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-accordion .c-link-list__item {
        min-height: 45px;
    }
}
.p-list-category-accordion .c-link-list.m-col3 .c-link-list__item {
    width: 100%;
    border-color: #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-category-accordion .c-link-list.m-col3 .c-link-list__item {
        width: 31.5%;
    }
}
.p-list-category-accordion.is-close .p-list-category-accordion__head {
    border-color: #EBEBEB;
}
.p-list-category-accordion.is-close .p-list-category-accordion__status::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.p-list-support {
    /* グループ会社・関連サービスのサポート情報はこちら */
}
.p-list-support-inner {
    padding: 33px 0 90px;
    border-top: 1px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-support-inner {
        padding: 50px 0 120px;
    }
}
.p-list-download {
    /* ダウンロード関連 */
    background-color: #F3F3F3;
    padding: 60px 0;
}
@media print, screen and (min-width: 61.25em) {
    .p-list-download {
        padding: 80px 0;
    }
}
.p-list-download .c-category-list-box__item {
    border-color: #CECECE;
}

/* -----------------------
    GLOBAL / TRANSLATION
----------------------- */
.p-notes {
    padding: 10px 0 90px;
}
@media print, screen and (min-width: 61.25em) {
    .p-notes {
        padding: 12px 0 120px;
    }
}
.p-notes-global {
    padding: 35px 0 40px;
}
@media print, screen and (min-width: 61.25em) {
    .p-notes-global {
        padding: 70px 0 60px;
    }
}
.p-notes-global .c-panel-support-list {
    margin-top: 23px;
}
@media print, screen and (min-width: 61.25em) {
    .p-notes-global .c-panel-support-list {
        margin-top: 40px;
    }
}
.p-notes-global .c-panel-support-list + .c-panel-support-list {
    margin-top: 20px;
}
@media print, screen and (min-width: 61.25em) {
    .p-notes-global .c-panel-support-list + .c-panel-support-list {
        margin-top: 33px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-notes-global .c-panel-support-list.m-row .c-panel-support-item {
        min-height: 100px;
    }
    .p-notes-global .c-panel-support-list.m-row .c-panel-support-link {
        padding: 0 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .p-notes-global .c-panel-support-list.m-row .c-panel-support-icon {
        width: 92px;
        height: 92px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }
    .p-notes-global .c-panel-support-list.m-row .c-panel-support-text {
        text-align: left;
    }
}
.p-notes-global .c-panel-support-item {
    width: 100%;
    min-height: 200px;
}
@media print, screen and (max-width: 61.24em) {
    .p-notes-global .c-panel-support-link {
        padding-bottom: 15px;
    }
}
@media print, screen and (max-width: 61.24em) {
    .p-notes-global .c-panel-support-icon {
        width: 120px;
    }
}
.p-notes-japan {
    padding: 35px 0 0;
    border-top: 1px solid #EBEBEB;
}
@media print, screen and (min-width: 61.25em) {
    .p-notes-japan {
        padding: 50px 0 0;
    }
}
.p-notes-ts-list {
    /* 翻訳リスト */
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px 40px;
    margin-top: 36px;
}
@media print, screen and (min-width: 61.25em) {
    .p-notes-ts-list {
        grid-template-columns: repeat(auto-fill, min(48.24%, 550px));
        -ms-grid-rows: 327px 40px 327px;
        grid-template-rows: 327px 327px;
        gap: 40px min(40px, 3.5%);
        margin-top: 36px;
    }
}
.p-notes-ts-list__item {
    display: block;
    width: 100%;
    border: 1px solid #CECECE;
    border-radius: 8px;
    padding: 30px 4.6%;
    background-color: #fff;
}
.p-notes-ts-list__item.m-kr {
    /* 韓国語 */
    font-family: "Malgun Gothic", Gulim, "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Noto Sans KR", "Segoe UI", SegoeUI, sans-serif;
}
.p-notes-ts-list__item.m-sc {
    /* 简体中文 */
    font-family: "Microsoft YaHei", 微軟雅黒, "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Noto Sans SC", 思源黑体, "Segoe UI", SegoeUI, sans-serif; /*USERFRIENDLY変更*/
}
.p-notes-ts-list__item.m-tc {
    /* 繁體中文 */
    font-family: "Microsoft JhengHei", 微軟正黑體, "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Noto Sans TC", 思源黑體, "Segoe UI", SegoeUI, sans-serif;
}
@media print, screen and (min-width: 61.25em) {
    .p-notes-ts-list__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 40px 24px;
    }
}
.p-notes-ts-list__item .c-button-black {
    margin-bottom: 30px;
}
.p-notes-ts-list__text {
    font-size: 108%;
    font-weight: bold;
}

.p-template {
    padding: 40px 0 80px;
}

/* --------------------------------------------------
  display
-------------------------------------------------- */
@media print, screen and (min-width: 48em) { /* 768px */
    .u-sp {
        display: none;
    }
}
@media screen and (max-width: 47.99em) { /* 767px, 印刷プレビューで消えないように調整 */
    .u-pc {
        display: none;
    }
}
@media print, screen and (min-width: 61.25em) { /* 980px */
    .u-sm {
        display: none;
    }
}
@media screen and (max-width: 61.24em) { /* 979px, 印刷プレビューで消えないように調整 */
    .u-md {
        display: none;
    }
}
/* --------------------------------------------------
  cleafix
-------------------------------------------------- */
.u-clearfix:after {
    display: block;
    clear: both;
    content: "";
}

/* --------------------------------------------------
  align
-------------------------------------------------- */
.u-alignL {
    text-align: left;
}

.u-alignC {
    text-align: center;
}

.u-alignR {
    text-align: right;
}

@media print, screen and (min-width: 61.25em) {
    .u-alignL-pc {
        text-align: left;
    }
    .u-alignC-pc {
        text-align: center;
    }
    .u-alignR-pc {
        text-align: right;
    }
}
@media screen and (max-width: 61.24em) {
    .u-alignL-sp {
        text-align: left;
    }
    .u-alignC-sp {
        text-align: center;
    }
    .u-alignR-sp {
        text-align: right;
    }
}
/* --------------------------------------------------
  margin
-------------------------------------------------- */
.u-margin.-short {
    margin-bottom: 16px;
}
.u-margin.-middle {
    margin-bottom: 32px;
}
.u-margin.-large {
    margin-bottom: 64px;
}

/* --------------------------------------------------
  margin
-------------------------------------------------- */
.u-mt0 {
    margin-top: 0px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt0 {
        margin-top: 0px !important;
    }
}

.u-mt5 {
    margin-top: 3px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt5 {
        margin-top: 5px !important;
    }
}

.u-mt10 {
    margin-top: 6px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt10 {
        margin-top: 10px !important;
    }
}

.u-mt15 {
    margin-top: 9px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt15 {
        margin-top: 15px !important;
    }
}

.u-mt20 {
    margin-top: 12px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt20 {
        margin-top: 20px !important;
    }
}

.u-mt25 {
    margin-top: 15px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt25 {
        margin-top: 25px !important;
    }
}

.u-mt30 {
    margin-top: 18px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt30 {
        margin-top: 30px !important;
    }
}

.u-mt35 {
    margin-top: 21px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt35 {
        margin-top: 35px !important;
    }
}

.u-mt40 {
    margin-top: 24px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt40 {
        margin-top: 40px !important;
    }
}

.u-mt45 {
    margin-top: 27px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt45 {
        margin-top: 45px !important;
    }
}

.u-mt50 {
    margin-top: 30px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt50 {
        margin-top: 50px !important;
    }
}

.u-mt55 {
    margin-top: 33px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt55 {
        margin-top: 55px !important;
    }
}

.u-mt60 {
    margin-top: 36px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt60 {
        margin-top: 60px !important;
    }
}

.u-mt65 {
    margin-top: 39px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt65 {
        margin-top: 65px !important;
    }
}

.u-mt70 {
    margin-top: 42px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt70 {
        margin-top: 70px !important;
    }
}

.u-mt75 {
    margin-top: 45px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt75 {
        margin-top: 75px !important;
    }
}

.u-mt80 {
    margin-top: 48px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt80 {
        margin-top: 80px !important;
    }
}

.u-mt85 {
    margin-top: 51px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt85 {
        margin-top: 85px !important;
    }
}

.u-mt90 {
    margin-top: 54px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt90 {
        margin-top: 90px !important;
    }
}

.u-mt95 {
    margin-top: 57px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt95 {
        margin-top: 95px !important;
    }
}

.u-mt100 {
    margin-top: 60px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mt100 {
        margin-top: 100px !important;
    }
}

.u-mb0 {
    margin-bottom: 0px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb0 {
        margin-bottom: 0px !important;
    }
}

.u-mb5 {
    margin-bottom: 3px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb5 {
        margin-bottom: 5px !important;
    }
}

.u-mb10 {
    margin-bottom: 6px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb10 {
        margin-bottom: 10px !important;
    }
}

.u-mb15 {
    margin-bottom: 9px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb15 {
        margin-bottom: 15px !important;
    }
}

.u-mb20 {
    margin-bottom: 12px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb20 {
        margin-bottom: 20px !important;
    }
}

.u-mb25 {
    margin-bottom: 15px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb25 {
        margin-bottom: 25px !important;
    }
}

.u-mb30 {
    margin-bottom: 18px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb30 {
        margin-bottom: 30px !important;
    }
}

.u-mb35 {
    margin-bottom: 21px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb35 {
        margin-bottom: 35px !important;
    }
}

.u-mb40 {
    margin-bottom: 24px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb40 {
        margin-bottom: 40px !important;
    }
}

.u-mb45 {
    margin-bottom: 27px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb45 {
        margin-bottom: 45px !important;
    }
}

.u-mb50 {
    margin-bottom: 30px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb50 {
        margin-bottom: 50px !important;
    }
}

.u-mb55 {
    margin-bottom: 33px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb55 {
        margin-bottom: 55px !important;
    }
}

.u-mb60 {
    margin-bottom: 36px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb60 {
        margin-bottom: 60px !important;
    }
}

.u-mb65 {
    margin-bottom: 39px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb65 {
        margin-bottom: 65px !important;
    }
}

.u-mb70 {
    margin-bottom: 42px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb70 {
        margin-bottom: 70px !important;
    }
}

.u-mb75 {
    margin-bottom: 45px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb75 {
        margin-bottom: 75px !important;
    }
}

.u-mb80 {
    margin-bottom: 48px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb80 {
        margin-bottom: 80px !important;
    }
}

.u-mb85 {
    margin-bottom: 51px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb85 {
        margin-bottom: 85px !important;
    }
}

.u-mb90 {
    margin-bottom: 54px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb90 {
        margin-bottom: 90px !important;
    }
}

.u-mb95 {
    margin-bottom: 57px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb95 {
        margin-bottom: 95px !important;
    }
}

.u-mb100 {
    margin-bottom: 60px !important;
}
@media print, screen and (min-width: 61.25em) {
    .u-mb100 {
        margin-bottom: 100px !important;
    }
}

/* --------------------------------------------------
  font
-------------------------------------------------- */
.u-bold {
    font-weight: bold;
}

@media print, screen and (min-width: 61.25em) {
    .u-bold-pc {
        font-weight: bold;
    }
}
@media screen and (max-width: 61.24em) {
    .u-bold-sp {
        font-weight: bold;
    }
}
/* --------------------------------------------------
  padding
-------------------------------------------------- */
.-ratio16-9 {
    padding-top: 56.25%;
}

.-ratio4-3 {
    padding-top: 75%;
}