@charset "UTF-8";

/* mv */
.i_mv {
    position: relative;
    height: 537px;
    overflow: hidden;
}
.i_mv__bg,
.i_mv__image {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    min-width: 1920px;
    transform: translateX(-50%);
}
.i_mv__bg img,
.i_mv__image img {
    width: 100%;
}
.i_mv__image {
    transition: opacity 2.0s;
    opacity: 0;
}
.i_mv__image.is_show {
    opacity: 1;
}
.i_mv__text {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 1200px;
    text-align: center;
    transform: translateX(-50%);
    transition: opacity 0.2s;
    opacity: 0;
}
.i_mv__text.is_show {
    opacity: 1;
}
.i_mv__icon {
    position: absolute;
    top: 25px;
    left: 50%;
    width: 293px;
    transform: translateX(-50%);
}
.i_mv__button {
    position: absolute;
    bottom: 150px;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translateX(-50%);
    transition: opacity 0.2s;
    opacity: 0;
}
.i_mv__button.is_show {
    opacity: 1;
}
.i_mv__button > * {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #014165;
    width: 400px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.9);
    border: solid rgba(255, 255, 255, 0.9) 1px;
    transition: all 0.2s;
}
.i_mv__button > *::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% - 52px);
    width: 28px;
    height: 6px;
    border-right: solid #014165 1px;
    border-bottom: solid #014165 1px;
    transform: translateY(-75%) skew(45deg);
    transition: all 0.2s;
}
.i_mv__button > *:hover {
    color: var(--color-secondary);
    background-color: #ffffff;
    border-color: var(--color-secondary);
}
.i_mv__button > *:hover::after {
    width: 120px;
    border-right-color: var(--color-secondary);
    border-bottom-color: var(--color-secondary);
}

@media screen and (max-width: 768px) {
    .i_mv {
        height: 402px;
    }
    .i_mv__bg,
    .i_mv__image {
        min-width: 375px;
    }
    .i_mv__image {
        bottom: 50%;
        transform: translate(-50%, 50%);
    }
    .i_mv__text {
        max-width: 335px;
    }
    .i_mv__icon {
        top: 30px;
        width: 227.5px;
    }
    .i_mv__button {
        bottom: 80px;
    }
    .i_mv__button > * {
        width: calc(100% - 40px);
        max-width: 335px;
        height: 50px;
        padding: 0 37px 0 5px;
    }
    .i_mv__button > *::after {
        left: calc(100% - 37px);
    }
    .i_mv__button > *:hover::after {
        width: 28px;
    }
}
/* mvProduct */
.i_mvProduct {
    /* 変数定義 */
    --mvFontColor-default: #ffffff;
    --mvBackgroundColor-default: rgba(0,0,0,0.7);
    --mvTitleBorderColor-default: #cccccc;
    --mvBtnFontColor-default: #ffffff;
    --mvBtnFontColorHover-default: #990000;
    --mvBtnBackgroundColor-default: transparent;
    --mvBtnBackgroundColorHover-default: #ffffff;
    --mvBtnBorderColor-default: #ffffff;
    --mvBtnBorderColorHover-default: #990000;

    display: flex;
    height: 537px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 1.5;
}
.i_mvProduct__txtArea {
    color: var(--mvFontColor-default);
    width: 56.25%;
    background-color: var(--mvBackgroundColor-default);
}
.i_mvProduct__txtArea > * {
    max-width: 675px;
    height: 100%;
    margin-right: 0;
    margin-left: auto;
    padding: 50px calc(50 * 100% / 675);
}
.i_mvProduct__imgArea {
    width: 43.75%;
}
.i_mvProduct__imgArea > * {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 525px;
    height: 100%;
    margin-right: auto;
    margin-left: 0;
}
.i_mvProduct__title {
    position: relative;
    font-size: 3.2rem;
    font-weight: bold;
    margin-bottom: 1em;
    padding-bottom: 1em;
    line-height: 1.3125;
}
.i_mvProduct__title::before {
    content: "";
    position: absolute;
    right: 7px;
    bottom: 0;
    width: calc(100% + 50px - 7px - 10px);
    height: 2px;
    background-color: var(--mvTitleBorderColor-default);
}
.i_mvProduct__title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 7px;
    height: 7px;
    border: solid #cccccc 1px;
    border-radius: 50%;
}
.i_mvProduct__lead {
    display: block;
    font-size: 2.0rem;
    font-weight: normal;
    margin-bottom: 10px;
}
.i_mvProduct__txt {
    font-size: 2.0rem;
}
.i_mvProduct__btnArea {
    margin-top: 50px;
}
.i_mvProduct__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mvBtnFontColor-default);
    font-size: 2.2rem;
    min-height: 50px;
    padding: 5px 50px;
    background-color: var(--mvBtnBackgroundColor-default);
    border: solid #cccccc 1px;
    transition: color 0.2s, background 0.2s, border 0.2s;
}
.i_mvProduct__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% - 37px);
    width: 27px;
    height: 6px;
    border-right: solid var(--mvBtnBorderColor-default) 1px;
    border-bottom: solid var(--mvBtnBorderColor-default) 1px;
    transform: translateY(-50%) skew(45deg);
    transition: width 0.2s;
}
.i_mvProduct:hover .i_mvProduct__btn {
    color: var(--mvBtnFontColorHover-default);
    background-color: var(--mvBtnBackgroundColorHover-default);
    border-color: var(--mvBtnBorderColorHover-default);
}
.i_mvProduct:hover .i_mvProduct__btn::after {
    width: 55px;
    border-right-color: var(--mvBtnBorderColorHover-default);
    border-bottom-color: var(--mvBtnBorderColorHover-default);
}

.i_mvProduct.s_small .i_mvProduct__title {
    font-size: 2.8rem;
}
.i_mvProduct.s_small .i_mvProduct__lead {
    font-size: 1.6rem;
}
.i_mvProduct.s_small .i_mvProduct__txt {
    font-size: 1.6rem;
}
.i_mvProduct.s_small .i_mvProduct__btn {
    font-size: 1.8rem;
}

@media screen and (min-width: 1200px) {
    .i_mvProduct__txtArea > * {
        padding: 50px 50px;
    }
    .i_mvProduct__title::before {
        width: calc(100% + (100vw - 1200px) * 0.5625 + 50px - 7px - 10px);
    }
}

@media screen and (max-width: 768px) {
    .i_mvProduct {
        /* 変数定義 */
        --mvBackground-default: linear-gradient(to bottom, #000000 80%, rgba(34,24,21,0.8));
        
        position: relative;
        flex-direction: column;
        justify-content: space-between;
        height: 402px;
        background-position: right bottom;
        background-size: auto 50%;
        background-color: #000000;
    }
    .i_mvProduct__txtArea {
        width: 100%;
        min-height: 234px;
        background: var(--mvBackground-default);
    }
    .i_mvProduct__txtArea > * {
        max-width: none;
        padding: 20px 30px;
    }
    .i_mvProduct__imgArea {
        width: 100%;
    }
    .i_mvProduct__imgArea > * {
        justify-content: flex-start;
        max-width: none;
    }
    .i_mvProduct__title {
        font-size: 2.8rem;
        margin-bottom: 0.5em;
        padding-bottom: 0.5em;
    }
    .i_mvProduct__title::before {
        width: calc(100% + 30px - 7px);
    }
    .i_mvProduct__lead {
        font-size: 1.4rem;
    }
    .i_mvProduct__txt {
        font-size: 1.4rem;
    }
    .i_mvProduct__img {
        width: calc(254px / 2);
        padding: 10px;
        box-sizing: content-box;
    }
    .i_mvProduct__btnArea {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 20px 30px;
    }
    .i_mvProduct__btn {
        font-size: 0;
        width: 40px;
        height: 40px;
        min-height: auto;
        padding: 0;
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2283px%22%20height%3D%2283px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(11%2C%2027%2C%2099)%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill-opacity%3D%220.702%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M40.999%2C0.999%20C63.91%2C0.999%2081.0%2C18.908%2081.0%2C41.0%20C81.0%2C63.91%2063.91%2C81.0%2040.999%2C81.0%20C18.908%2C81.0%201.0%2C63.91%201.0%2C41.0%20C1.0%2C18.908%2018.908%2C0.999%2040.999%2C0.999%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(11%2C%2027%2C%2099)%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M14.999%2C40.938%20L60.999%2C40.938%20C60.999%2C40.938%2056.961%2C36.931%2052.942%2C32.943%20%22%2F%3E%3C%2Fsvg%3E');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: transparent !important;
        border: none !important;
    }
    .i_mvProduct:hover:hover .i_mvProduct__btn {
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2283px%22%20height%3D%2283px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(153%2C%200%2C%200)%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M40.999%2C0.999%20C63.91%2C0.999%2081.0%2C18.908%2081.0%2C41.0%20C81.0%2C63.91%2063.91%2C81.0%2040.999%2C81.0%20C18.908%2C81.0%201.0%2C63.91%201.0%2C41.0%20C1.0%2C18.908%2018.908%2C0.999%2040.999%2C0.999%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(153%2C%200%2C%200)%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M14.999%2C40.938%20L60.999%2C40.938%20C60.999%2C40.938%2056.961%2C36.931%2052.942%2C32.943%20%22%2F%3E%3C%2Fsvg%3E');
    }
    .i_mvProduct__btn::after {
        display: none;
    }

    .i_mvProduct.s_small .i_mvProduct__title {
        font-size: 2.4rem;
    }
    .i_mvProduct.s_small .i_mvProduct__lead {
        font-size: 1.4rem;
    }
    .i_mvProduct.s_small .i_mvProduct__txt {
        font-size: 1.4rem;
    }
    .i_mvProduct.s_small .i_mvProduct__btn {
        font-size: 0;
    }
}

/* mvContainer */
.i_mvContainer {
    position: relative;
}

/* scrolldown */
.i_scrolldown {
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.i_scrolldown span {
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.i_scrolldown::after {
    content: "";
    position: absolute;
    top: 30px;
    left: 50%;
    width: 1px;
    height: 120px;
    background: #cccccc;
    transform: translateX(-50%);
    opacity: 0;
    animation: pathmoveMv 1.4s ease-in-out infinite;
}

@keyframes pathmoveMv {
    0% {
        top: 30px;
        height: 0;
        opacity: 0;
    }
    30% {
        height: 60px;
        opacity: 1;
    }
    100%{
        top: 120px;
        height: 0;
        opacity: 0;
    }
}

@media screen and (max-width: 768px) {
    .i_scrolldown {
        bottom: 40px;
    }
    .i_scrolldown::after {
        height: 100px;
    }

    @keyframes pathmoveMv {
        0% {
            top: 30px;
            height: 0;
            opacity: 0;
        }
        30% {
            height: 50px;
            opacity: 1;
        }
        100%{
            top: 100px;
            height: 0;
            opacity: 0;
        }
    }
}

/* carousel */
.i_carousel .slick-arrow {
    font-size: 0;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%) rotate(45deg);
    z-index: 10;
}
.i_carousel .slick-prev {
    left: 22px;
    border-bottom: solid #ffffff 2px;
    border-left: solid #ffffff 2px;
}
.i_carousel .slick-next {
    right: 22px;
    border-top: solid #ffffff 2px;
    border-right: solid #ffffff 2px;
}
.i_carousel .slick-dots {
    position: absolute;
    bottom: 25px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    line-height: 1;
    z-index: 20;
}
.i_carousel .slick-dots > * + * {
    margin-left: 20px;
}
.i_carousel .slick-dots button {
    font-size: 0;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: all 0.2s;
}
.i_carousel .slick-dots .slick-active button {
    background-color: var(--color-secondary);
}

@media screen and (max-width: 768px) {
    .i_carousel .slick-prev {
        left: 12px;
    }
    .i_carousel .slick-next {
        right: 12px;
    }
    .i_carousel .slick-dots {
        bottom: 12.5px;
    }
    .i_carousel .slick-dots > * + * {
        margin-left: 10px;
    }
    .i_carousel .slick-dots button {
        width: 8px;
        height: 8px;
    }
}

/* section */
.i_section {
    position: relative;
    padding: 100px 0;
}
.i_section:first-child {
    padding-top: 60px;
}
.i_section::after {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    width: 1px;
    height: 120px;
    background-color: #cccccc;
    transform: translateX(-50%);
    animation: pathmoveSection 1.4s ease-in-out infinite;
}

@keyframes pathmoveSection {
    0% {
        top: -30px;
        height: 0;
        opacity: 0;
    }
    30% {
        height: 60px;
        opacity: 1;
    }
    100%{
        top: 90px;
        height: 0;
        opacity: 0;
    }
}

.i_section:first-child::after {
    display: none;
}
.i_section--small {
    padding-top: 50px;
}
.i_section--small::after {
    display: none;
}
.i_section#News01 {
    background-image: url("/images/pc/bg_section_01.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.i_section#News02 {
    background-color: #f8f8f8;
}
.i_section#News02::before {
    content: "";
    position: absolute;
    top: 0;
    left: -15px;
    width: 370px;
    height: 30px;
    background-color: #ffffff;
    transform: skew(-45deg);
}
.i_section#About::before {
    content: "";
    position: absolute;
    top: -30px;
    right: -15px;
    width: 370px;
    height: 30px;
    background-color: #ffffff;
    transform: skew(-45deg);
}
.i_section#Recommended {
    background-image: url("/images/pc/bg_section_02.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.i_section#Search {
    border-top: solid #cccccc 1px;
}
.i_section#Search::before {
    content: "";
    position: absolute;
    top: -1px;
    right: 372px;
    width: 20px;
    height: 1px;
    background-color: #ffffff;
}
.i_section#Search::after {
    top: -4px;
    right: 385px;
    left: auto;
    display: block;
    width: 7px;
    height: 7px;
    background-color: transparent;
    border: solid #cccccc 1px;
    border-radius: 50%;
    transform: translateX(0);
    animation: none;
}

@media screen and (min-width: 1920px) {
    .i_section#News01 {
        background-size: cover;
    }
    .i_section#Recommended {
        background-size: cover;
    }
}

@media screen and (max-width: 768px) {
    .i_section#News02::before {
        width: 60px;
    }
    .i_section#About::before {
        width: 60px;
    }
    .i_section#News01 {
        background-image: url("/images/sp/bg_section_01.png");
        background-position: center bottom;
        background-size: 100% auto;
    }
    .i_section#Recommended {
        background-image: url("/images/sp/bg_section_02.png");
        background-size: 100% auto;
    }
}

/* about */
.i_about {
    display: flex;
    border: solid var(--color-secondary) 1px;
}
.i_about > * {
    position: relative;
}
.i_about > *::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    background-color: #ffffff;
}
.i_about > *::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border: solid var(--color-secondary) 1px;
    border-radius: 50%;
}
.i_about__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(605 * 100% / 1198);
    padding: calc(50 * 100% / 1198) calc(70 * 100% / 1198);
}
.i_about__text::before {
    top: -1px;
    left: 160px;
}
.i_about__text::after {
    top: -4px;
    left: 173px;
}
.i_about__image {
    display: flex;
    align-items: center;
    width: calc(593 * 100% / 1198);
}
.i_about__image img {
    width: 100%;
}
.i_about__image::before {
    right: 160px;
    bottom: -1px;
}
.i_about__image::after {
    right: 173px;
    bottom: -4px;
}
.i_about__title {
    color: var(--color-secondary);
    font-size: 3.2rem;
    font-weight: bold;
    margin-bottom: 0.8em;
}
.i_about__button {
    margin-top: 50px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .i_about {
        display: block;
    }
    .i_about__text {
        width: 100%;
        padding: 40px 20px 30px;
    }
    .i_about__text::before {
        left: 40px;
    }
    .i_about__text::after {
        left: 53px;
    }
    .i_about__image {
        width: 100%;
    }
    .i_about__image::before {
        right: 40px;
    }
    .i_about__image::after {
        right: 53px;
    }
    .i_about__title {
        font-size: 2.8rem;
    }
    .i_about__button {
        margin-top: 30px;
    }
}

/* recommended */
.i_recommended {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.i_recommended > * {
    width: calc(366 * 100% / 1200);
}

@media screen and (max-width: 768px) {
    .i_recommended > * {
        width: 100%;
    }
    .i_recommended > * + * {
        margin-top: 50px;
    }
}

/* search */
.i_search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 885px;
    margin: 0 auto;
}
.i_search__search {
    width: calc(500 * 100% / 885);
}
.i_search__link {
    width: calc(335 * 100% / 885);
}

@media screen and (max-width: 768px) {
    .i_search {
        display: block;
    }
    .i_search__search {
        width: 100%;
    }
    .i_search__link {
        width: 100%;
        margin-top: 30px;
    }
}

/*************************************************
en\buy\css\style.css
*************************************************/
/* map */
.eb_map {
    background-color: #cccccc;
    overflow-x: auto;
}
.eb_map__content {
    position: relative;
    min-width: 1200px;
}
.eb_map__select {
    position: absolute;
}
.eb_map__select--americas {
    top: 190px;
    left: 220px;
}
.eb_map__selectName {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-secondary);
    min-width: 220px;
    min-height: 60px;
    background-color: #ffffff;
    border: solid var(--color-secondary) 1px;
    transition: all 0.2s;
}
.eb_map__selectName::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    border-top: solid var(--color-secondary) 6px;
    border-right: solid transparent 6px;
    border-left: solid transparent 6px;
    transform: translateY(-50%);
}
.eb_map__selectName.is_hover,
.eb_map__selectName.is_current {
    color: #ffffff;
    background-color: var(--color-secondary);
}
.eb_map__selectOption {
    display: none;
    padding: 10px 20px;
    background-color: #ffffff;
    border: solid var(--color-secondary) 1px;
}
.eb_map__selectOption.is_hover {
    display: block;
}
.eb_map__selectOption > * {
    display: flex;
    align-items: center;
}
.eb_map__selectOption > *::before {
    content: "";
    flex-shrink: 0;
    margin-right: 10px;
    border-top: solid transparent 6px;
    border-bottom: solid transparent 6px;
    border-left: solid var(--color-secondary) 6px;
}
.eb_map__selectOption a {
    color: var(--color-secondary);
}
.eb_map__selectOption a:hover {
    text-decoration: underline;
}
.eb_map__button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-secondary);
    min-width: 220px;
    min-height: 60px;
    background-color: #ffffff;
    border: solid var(--color-secondary) 1px;
    transition: all 0.2s;
}
.eb_map__button:hover,
.eb_map__button.is_current {
    color: #ffffff;
    background-color: var(--color-secondary);
}
.eb_map__button--europe {
    top: 140px;
    left: 545px;
}
.eb_map__button--asia {
    top: 285px;
    left: 860px;
}
.eb_map__button::before {
    content: "";
    flex-shrink: 0;
    margin-right: 10px;
    border-top: solid transparent 6px;
    border-bottom: solid transparent 6px;
    border-left: solid var(--color-secondary) 6px;
}
.eb_map__button:hover::before {
    border-left-color: #ffffff;
}
.eb_map__note {
    position: absolute;
    bottom: 20px;
    left: 5px;
    font-size: 1.4rem;
}

/* mapLink */
.eb_mapLink {
    display: flex;
    align-items: center;
    transition: all 0.2s;
}
.eb_mapLink:hover {
    color: var(--color-secondary);
}
.eb_mapLink::before {
    content: "";
    width: 10px;
    height: 1px;
    margin-right: 10px;
    background-color: #cccccc;
}

/* mapLinkList */
.eb_mapLinkList {
    display: flex;
    align-items: center;
    justify-content: center;
}
.eb_mapLinkList > * + * {
    margin-left: 10%;
}

@media screen and (max-width: 768px) {
    .eb_map {
        display: none;
    }
    .eb_mapLinkList {
        display: block;
    }
    .eb_mapLinkList > * + * {
        margin-top: 5px;
        margin-left: 0;
    }
}

.uk-article {
    padding-bottom: 30px;
}
.uk-article:last-child {
    padding-bottom: 0;
}
.uk-article + .uk-article {
    padding-top: 30px;
    border-top: solid #cccccc 1px;
}
.uk-article h3 {
    display: inline-block;
    margin-bottom: 5px;
}
.uk-article h5 {
    display: inline-block;
    margin-bottom: 5px;
}
.uk-article a {
    display: inline-block;
    color: #0153ce;
    font-weight: bold;
}
.uk-article a:hover {
    text-decoration: underline;
}
.uk-icon-external-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background-image: url("/common/images/ico_blank_989898.svg");
    background-repeat: no-repeat;
}
.uk-icon-building {
    display: inline-block;
    width: 15px;
    height: 17px;
    margin-right: 5px;
    background-image: url("/common/images/ico_building_cccccc.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
}
.uk-icon-map {
    display: inline-block;
    width: 15px;
    height: 16px;
    margin-right: 5px;
    background-image: url("/common/images/ico_map_cccccc.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
}
.uk-icon-phone {
    display: inline-block;
    width: 15px;
    height: 14px;
    margin-right: 5px;
    background-image: url("/common/images/ico_phone_cccccc.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
}
.uk-icon-fax {
    display: inline-block;
    width: 16px;
    height: 13px;
    margin-right: 4px;
    background-image: url("/common/images/ico_fax_cccccc.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
}
.uk-icon-envelope {
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-right: 5px;
    background-image: url("/common/images/ico_envelope_cccccc.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
}

/* distributorsList */
/* .eb_distributorsList > * {
    padding: 30px 0;
}
.eb_distributorsList > *:first-child {
    padding-top: 0;
}
.eb_distributorsList > *:last-child {
    padding-bottom: 0;
}
.eb_distributorsList > * + * {
    border-top: solid #cccccc 1px;
} */

/* tel */
/* .eb_tel {
    position: relative;
    padding-left: 20px;
}
.eb_tel::before {
    content: "";
    position: absolute;
    top: 0.8125em;
    left: 1px;
    width: 13px;
    height: calc(150px * 13 / 165);
    background-image: url("/common/images/ico_tel_cccccc.svg");
    background-repeat: no-repeat;
    transform: translateY(-50%);
} */

/* mail */
/* .eb_mail {
    position: relative;
    padding-left: 20px;
}
.eb_mail::before {
    content: "";
    position: absolute;
    top: 0.8125em;
    left: 0;
    width: 15px;
    height: calc(150px * 15 / 225);
    background-image: url("/common/images/ico_mail_cccccc.svg");
    background-repeat: no-repeat;
    transform: translateY(-50%);
} */

/*************************************************
ja\about\businessfield\css\style.css
*************************************************/
.jabi_businessfield {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.jabi_businessfield--01 {
    min-height: 669px;
    background-image: url("/ja/about/businessfield/images/pc/bg_businessfield_01.jpg");
}
.jabi_businessfield--02 {
    min-height: 668px;
    background-image: url("/ja/about/businessfield/images/pc/bg_businessfield_02.jpg");
}
.jabi_businessfield--03 {
    min-height: 555px;
    background-image: url("/ja/about/businessfield/images/pc/bg_businessfield_03.jpg");
}
.jabi_businessfield--04 {
    min-height: 705px;
    background-image: url("/ja/about/businessfield/images/pc/bg_businessfield_04.jpg");
}
.jabi_businessfield__content {
    width: 50%;
}
.jabi_businessfield--left .jabi_businessfield__content {
    margin-right: auto;
    margin-left: 0;
}
.jabi_businessfield--right .jabi_businessfield__content {
    margin-right: 0;
    margin-left: auto;
}
.jabi_businessfield .c_heading2::before {
    width: calc(100% - 600px);
}

@media screen and (max-width: 1920px) {
    .jabi_businessfield {
        background-position: center top;
        background-size: contain;
    }
}

@media screen and (max-width: 768px) {
    .jabi_businessfield {
        min-height: auto;
        padding-top: calc(400 * 100% / 750);
    }
    .jabi_businessfield--01 {
        background-image: url("/ja/about/businessfield/images/sp/bg_businessfield_01.jpg");
    }
    .jabi_businessfield--02 {
        background-image: url("/ja/about/businessfield/images/sp/bg_businessfield_02.jpg");
    }
    .jabi_businessfield--03 {
        background-image: url("/ja/about/businessfield/images/sp/bg_businessfield_03.jpg");
    }
    .jabi_businessfield--04 {
        background-image: url("/ja/about/businessfield/images/sp/bg_businessfield_04.jpg");
    }
    .jabi_businessfield__content {
        width: 100%;
        min-width: auto;
    }
    .jabi_businessfield .c_heading2::before {
        width: calc((100% - 1200px) / 2);
    }
}

/*************************************************
ja\about\csr\compliance\css\style.css
*************************************************/
/* about */
.jacc_compliance_box01 {
	background-image: url("/ja/about/csr/compliance/images/pc/pic_compliance_02.jpg");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 49px 29px;
}
.jacc_compliance_box01--tit {
	border-left: 2px solid #990000;
	padding-top: 0.15em;
	padding-left: 15px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
}
.jacc_compliance_list01 {
	max-width: 62.2807018%;
	margin-top: calc(50px - 1em);
}
.jacc_compliance_list01 > * {
	border-bottom: 1px solid #ccc;
	padding-top: 1em;
	padding-bottom: 1em;
}
.jacc_compliance_list01--dl {
	display: flex;
}
.jacc_compliance_list01--dl > dt {
	width: 125px;
}
.jacc_compliance_list01--dl > dt.c_text + dd.c_text {
	margin-top: 0;
}
.jacc_compliance_list01--dl > dd {
	width: calc(100% - 125px);
}
.jacc_compliance.c_button {
	background: #990000;
	color: #fff;
	transition: all 0.2s;
}
.jacc_compliance.c_button:hover {
	background: #505050;
}
.jacc_compliance__link {
	margin-top: 3em;
}
.jacc_compliance.c_button .c_button__icon.c_button__icon--data {
	margin-left: 10px;
}

@media screen and (max-width: 768px) {
	.jacc_compliance .c_text.jai_about_text {
		margin-top: 1.5em;
		margin-bottom: 2em;
	}
	.jacc_compliance_box01 {
		background-image: url("/ja/about/csr/compliance/images/sp/pic_compliance_02.jpg");
		background-position: center bottom;
		background-size: contain;
		padding: 29px 19px 100% 19px;
	}
	.jacc_compliance_list01 {
		max-width: 100%;
	}
	.jacc_compliance_list01--dl > dt {
		width: 105px;
	}
	.jacc_compliance_list01--dl > dd {
		width: calc(100% - 105px);
	}
}

/*************************************************
ja\about\hayawakari\css
*************************************************/
/* jahi_mv */
.jahi_mv {
    position: relative;
    padding-top: 428px;
    background-image: url("/ja/about/hayawakari/images/pc/bg_hayawakari_01.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.jahi_mv_en {
    position: relative;
    padding-top: 428px;
    background-image: url("/en/about/hayawakari/images/pc/bg_hayawakari_01.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.jahi_mv_zh {
    position: relative;
    padding-top: 428px;
    background-image: url("/zh/about/hayawakari/images/pc/bg_hayawakari_01.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.jahi_mv__text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1049px;
    max-width: 100%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
    .jahi_mv {
        padding-top: calc(805 * 100% / 750);
        background-image: url("/ja/about/hayawakari/images/sp/bg_hayawakari_01.jpg");
    }
    .jahi_mv_en {
        padding-top: calc(805 * 100% / 750);
        background-image: url("/en/about/hayawakari/images/sp/bg_hayawakari_01.jpg");
    }
    .jahi_mv_zh {
        padding-top: calc(805 * 100% / 750);
        background-image: url("/zh/about/hayawakari/images/sp/bg_hayawakari_01.jpg");
    }
    .jahi_mv__text {
        top: 0;
        width: 100%;
        max-width: 100%;
        transform: translateX(-50%);
    }
}

/* jahi_bg */
.jahi_bg {
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 100px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.jahi_bg--01 {
    background-image: url("/ja/about/hayawakari/images/bg_hayawakari_02.jpg");
}
.jahi_bg--02 {
    background-image: url("/ja/about/hayawakari/images/bg_hayawakari_03.jpg");
}
.jahi_bg--03 {
    background-image: url("/ja/about/hayawakari/images/bg_hayawakari_04.jpg");
}

@media screen and (max-width: 768px) {
    .jahi_bg--01 {
        background-position: left bottom;
    }
    .jahi_bg--02 {
        background-position: right bottom;
    }
    .jahi_bg--03 {
        background-position: left bottom;
    }
}

/*************************************************
ja\about\office\css
*************************************************/
/* jaoi_map */
.jaoi_map {
    position: relative;
    min-width: 1000px;
    overflow-x: auto;
}
.jaoi_map__link {
    position: absolute;
    font-weight: bold;
    padding-left: 16px;
    text-shadow:
        2px  2px 1px #ffffff,
        -2px  2px 1px #ffffff,
        2px -2px 1px #ffffff,
        -2px -2px 1px #ffffff,
        2px  0px 1px #ffffff,
        0px  2px 1px #ffffff,
        -2px  0px 1px #ffffff,
        0px -2px 1px #ffffff;
    transition: all 0.2s;
}
.jaoi_map__link:hover {
    opacity: 0.7;
}
.jaoi_map__link::before {
    content: "";
    position: absolute;
    top: 0.8125em;
    left: 0;
    border-top: solid var(--color-secondary) 6px;
    border-right: solid transparent 6px;
    border-left: solid transparent 6px;
    transform: translateY(-50%);
}
.jaoi_map__link--jp01 {
    top: 75.5%;
    left: 65%;
}
.jaoi_map__link--jp02 {
    top: 63%;
    left: 65%;
}
.jaoi_map__link--jp03 {
    top: 58%;
    left: 41%;
}
.jaoi_map__link--jp04 {
    top: 85%;
    left: 34.5%;
}
.jaoi_map__link--jp05 {
    top: 59%;
    left: 30%;
}
.jaoi_map__link--jp06 {
    top: 64%;
    left: 17%;
}
.jaoi_map__link--jp07 {
    top: 59%;
    left: 0%;
}
.jaoi_map__link--jp08 {
    top: 91%;
    left: 0%;
}
.jaoi_map__link--jp09 {
    top: 68%;
    left: 0%;
}
.jaoi_map__link--jp10 {
    top: 56%;
    left: 0%;
}
.jaoi_map__link--jp11 {
    top: 88%;
    left: 0%;
}
.jaoi_map__link--en01 {
    top: 35%;
    left: 82%;
}
.jaoi_map__link--en02 {
    top: 24%;
    left: 47%;
}
.jaoi_map__link--en03 {
    top: 36%;
    left: 47%;
}
.jaoi_map__link--en04 {
    top: 47%;
    left: 47%;
}
.jaoi_map__link--en05 {
    top: 59%;
    left: 47%;
}
.jaoi_map__link--en06 {
    top: 69%;
    left: 47%;
}
.jaoi_map__link--en07 {
    top: 17%;
    left: 23%;
}
.jaoi_map__link--en08 {
    top: 32%;
    left: 23%;
}
.jaoi_map__link--en09 {
    top: 67%;
    left: 25%;
}
.jaoi_map__link--en10 {
    top: 4%;
    left: 2%;
}

/* jaoi_heading */
.jaoi_heading {
    display: flex;
    align-items: center;
    font-size: 2.8rem;
    font-weight: bold;
    min-height: 80px;
    margin-bottom: 50px;
    padding: 0 25px;
    background: linear-gradient(to right, #f0f0f0 80%, transparent);
}

/* jaoi_homeMap */
.jaoi_homeMap {
    display: flex;
}
.jaoi_homeMap iframe {
    width: 100%;
    height: 400px;
}
.jaoi_homeMap > *:first-child {
    width: calc(480 * 100% / 1200);
    margin-right: 20px;
}
.jaoi_homeMap > *:last-child {
    width: calc(700 * 100% / 1200);
}

@media screen and (max-width: 768px) {
    .jaoi_homeMap {
        display: block;
    }
    .jaoi_homeMap > *:first-child {
        width: 100%;
        margin-right: 0;
    }
    .jaoi_homeMap > *:last-child {
        width: 100%;
        margin-top: 20px;
    }
}

/* jaoi_mapBtn */
.jaoi_mapBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    min-height: 50px;
    border: solid #cccccc 1px;
    transition: all 0.2s;
}
.jaoi_mapBtn:hover {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}
.jaoi_mapBtn::after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background-image: url("/common/images/ico_blank_989898.svg");
    background-size: cover;
    transition: all 0.2s;
}
.jaoi_mapBtn:hover::after {
    background-image: url("/common/images/ico_blank_990000.svg");
}

/*************************************************
ja\about\profile\css\style.css
*************************************************/
/* descList */
.jap_descList {
    display: flex;
    padding: 20px 0;
    border-bottom: solid #cccccc 1px;
}
.jap_descList:first-child {
    padding-top: 0;
}
.jap_descList__term {
    width: calc(100% / 6 * 1);
    padding-right: 5px;
}
.jap_descList__desc {
    width: calc(100% / 6 * 5);
    padding-left: 5px;
}
.jap_descList__list > * {
    display: flex;
    padding: 20px 0;
}
.jap_descList__list > *:first-child {
    padding-top: 0;
}
.jap_descList__list > *:last-child {
    padding-bottom: 0;
}
.jap_descList__list > * + * {
    border-top: solid #cccccc 1px;
}
.jap_descList__list > * span {
    width: 20%;
    padding-right: 5px;
}
.jap_descList__list > * span + * {
    width: 80%;
    padding-left: 5px;
}

@media screen and (max-width: 768px) {
    .jap_descList {
        display: block;
    }
    .jap_descList__term {
        width: 100%;
        padding-right: 0;
    }
    .jap_descList__desc {
        width: 100%;
        padding-left: 0;
    }
    .jap_descList__list > * span {
        width: 40%;
    }
    .jap_descList__list > * span + * {
        width: 60%;
    }
}

/* history */
.jap_history {
    position: relative;
    padding: 50px 30px;
    border: solid transparent 1px;
}
.jap_history::before,
.jap_history::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 7px;
    z-index: 10;
}
.jap_history::before {
    top: -4px;
    right: 40px;
}
.jap_history::after {
    bottom: -4px;
    left: 40px;
}
.jap_history--primary {
    padding: 0;
    border-color: #cccccc;
}
.jap_history--primary::before,
.jap_history--primary::after {
    background-image: url("/common/images/ico_border_cccccc.svg");
}
.jap_history--secondary {
    border-color: var(--color-secondary-a30);
}
.jap_history--secondary::before,
.jap_history--secondary::after {
    background-image: url("/common/images/ico_border_990000.svg");
}
.jap_history_title {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
    height: 80px;
    padding: 0 70px 0 30px;
    background-color: #f8f8f8;
    cursor: pointer;
}
.jap_history_title span {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 0;
    width: 40px;
    height: 40px;
    background-color: #cccccc;
    border-radius: 50%;
    transform: translateY(-50%);
}
.jap_history_title span::before,
.jap_history_title span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 3px;
    background-color: #ffffff;
    transition: all 0.2s;
}
.jap_history_title span::before {
    transform: translate(-50%, -50%);
}
.jap_history_title span::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.jap_history_title.is_show span::after {
    transform: translate(-50%, -50%);
}
.jap_history_content {
    display: none;
    padding: 30px;
}
.jap_history_close {
    position: relative;
    padding: 5px 0 5px 25px;
    border-bottom: solid #cccccc 1px;
}
.jap_history_close::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 3px;
    background-color: #505050;
    transform: translateY(-50%);
}
.jap_history_list > * {
    display: flex;
    padding: 20px 0;
}
.jap_history_list > *:last-child {
    padding-bottom: 0;
}
.jap_history_list > * + * {
    border-top: solid #cccccc 1px;
}
.jap_history_list > * > *:nth-child(1),
.jap_history_list > * > *:nth-child(2) {
    flex-shrink: 0;
}
.jap_history_list > * > *:nth-child(1) {
    width: 4em;
}
.jap_history_list > * > *:nth-child(2) {
    width: 3em;
}
.jap_history_list > * > *:nth-child(3) {
    flex: 1;
}
.jap_history_list > * > * + * {
    margin-left: 20px;
}
.jap_history_list > * > * > span {
    display: block;
}
.jap_history_list > * > * > span + span {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid #cccccc 1px;
}

/* jap_historyContainer */
.jap_historyContainer > * + * {
    position: relative;
    margin-top: 116px;
}
.jap_historyContainer > * + *::before {
    content: "";
    position: absolute;
    top: -58px;
    left: 50%;
    border-top: solid var(--color-secondary-a30) 16px;
    border-right: solid transparent 36px;
    border-left: solid transparent 36px;
    transform: translate(-50%, -50%);
}

/*************************************************
ja\about\topmessage\css\style.css
*************************************************/
/* topmessage */
.jati_topmessage {
    display: flex;
}
.jati_topmessage > *:first-child {
    position: relative;
    width: calc(100% - 500px);
    margin-right: -50px;
    z-index: 10;
}
.jati_topmessage > *:last-child {
    width: 550px;
}
.jati_topmessage .c_heading2__content::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: -50vw;
    width: 50vw;
    height: 1px;
    background-color: #cccccc;
}

@media screen and (max-width: 768px) {
    .jati_topmessage {
        display: block;
    }
    .jati_topmessage > * {
        width: 100% !important;
    }
    .jati_topmessage > *:first-child {
        margin-right: 0;
    }
    .jati_topmessage__image {
        margin: -60px 0 20px;
        text-align: center;
    }
}

/*************************************************
ja\applications\css\style.css
*************************************************/
/* ai_bannerLink */
.ai_bannerLink {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 2.0rem;
    font-weight: bold;
    min-height: 100px;
    padding: 10px 52px 10px 30px;
    background-image: url("/ja/applications/images/bg_applications_01.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: solid #cccccc 1px;
    transition: all 0.2s;
    word-break: break-all;
}
.ai_bannerLink:hover {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}
.ai_bannerLink::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 22px;
    height: 6px;
    border-right: solid #505050 1px;
    border-bottom: solid #505050 1px;
    transform: translateY(-50%) skew(45deg);
    transition: all 0.2s;
}
.ai_bannerLink[target="_blank"]::after {
    right: 10px;
    width: 16px;
    height: 16px;
    background-image: url("/common/images/ico_blank_989898.svg");
    background-size: cover;
    border: none;
    transform: translateY(-50%);
}
.ai_bannerLink:hover::after {
    right: 8px;
    width: 44px;
    border-right-color: var(--color-secondary);
    border-bottom-color: var(--color-secondary);
}
.ai_bannerLink[target="_blank"]:hover::after {
    right: 10px;
    width: 16px;
    background-image: url("/common/images/ico_blank_989898.svg");
}
.ai_bannerLink > *:first-child {
    position: relative;
    flex-shrink: 0;
}
.ai_bannerLink > * + * {
    margin-left: 30px;
}
.ai_bannerLink_hover {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s;
    opacity: 0;
}
.ai_bannerLink:hover .ai_bannerLink_hover {
    opacity: 1;
}

/* ai_imageAndText */
.ai_imageAndText {
    display: flex;
    min-height: 250px;
}
.ai_imageAndText > *:first-child {
    width: calc(500 * 100% / 1200);
}
.ai_imageAndText > *:last-child {
    width: calc(700 * 100% / 1200);
    padding-left: 30px;
}

@media screen and (max-width: 768px) {
    .ai_imageAndText {
        display: block;
    }
    .ai_imageAndText img {
        width: 100%;
    }
    .ai_imageAndText > *:first-child {
        width: 100%;
    }
    .ai_imageAndText > *:last-child {
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }
}

/* ai_imageAndTextLink */
.ai_imageAndTextLink {
    display: flex;
    align-items: center;
    padding: 25px;
    border: solid #989898 1px;
    transition: all 0.2s;
}
.ai_imageAndTextLink:hover {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}
.ai_imageAndTextLink > *:first-child {
    flex-shrink: 0;
    width: 213px;
}
.ai_imageAndTextLink > *:last-child {
    width: calc(100% - 213px - 35px);
}
.ai_imageAndTextLink > * + * {
    margin-left: 35px;
}
.ai_imageAndTextLink__arrow {
    display: inline-block;
    width: 22px;
    height: 6px;
    border-right: solid #505050 1px;
    border-bottom: solid #505050 1px;
    transform: skew(45deg);
    transition: all 0.2s;
}
.ai_imageAndTextLink:hover .ai_imageAndTextLink__arrow {
    width: 44px;
    border-right-color: var(--color-secondary);
    border-bottom-color: var(--color-secondary);
}

@media screen and (max-width: 768px) {
    .ai_imageAndTextLink {
        display: block;
    }
    .ai_imageAndTextLink img {
        width: 100%;
    }
    .ai_imageAndTextLink > *:first-child {
        width: 100%;
        text-align: center;
    }
    .ai_imageAndTextLink > *:last-child {
        width: 100%;
    }
    .ai_imageAndTextLink > * + * {
        margin-top: 20px;
        margin-left: 0;
    }
}

/*************************************************
ja\contact\css\style.css
*************************************************/
.jci_keywordSearch {
    display: flex;
    align-items: center;
    padding: 30px;
    background-color: #faf2f2;
    border: solid #fccbcb 2px;
}
.jci_keywordSearch > *:first-child {
    flex-shrink: 0;
    color: #656565;
    font-size: 1.8rem;
}
.jci_keywordSearch > *:last-child {
    flex: 1;
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .jci_keywordSearch {
        display: block;
    }
    .jci_keywordSearch > *:last-child {
        margin-top: 10px;
        margin-left: 0;
    }
}

.jci_box {
    padding: 40px;
    background-image: url("/ja/contact/images/bg_contact_01.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: solid #cccccc 1px;
}
.jci_box__title {
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 1em;
}
.jci_box__linkList {
    margin-top: 20px;
    padding-top: 40px;
    border-top: solid #b1b1b1 1px;
}

/*************************************************
ja\products\electronic_device\css\style.css
*************************************************/
/* product */
.jpei_product__meta {
    display: flex;
    justify-content: space-between;
}
.jpei_product__meta > *:first-child {
    width: calc(650 * 100% / 1200);
}
.jpei_product__meta > *:last-child {
    width: calc(500 * 100% / 1200);
}
.jpei_product__details {
    margin-top: 80px;
}

@media screen and (max-width: 768px) {
    .jpei_product__meta {
        display: block;
    }
    .jpei_product__meta > *:first-child,
    .jpei_product__meta > *:last-child {
        width: 100%;
    }
}

/* productImages */
.jpei_productImages img {
    max-height: 248px;
    margin: 0 auto;
}
.jpei_productImages .slick-arrow {
    position: absolute;
    top: 50%;
    font-size: 0;
    width: 30px;
    height: 40px;
    transform: translateY(-50%);
    transition: all 0.2s;
    z-index: 10;
}
.jpei_productImages .slick-arrow:hover {
    opacity: 0.7;
}
.jpei_productImages .slick-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%) rotate(45deg);
}
.jpei_productImages .slick-prev {
    left: 0;
}
.jpei_productImages .slick-prev::before {
    border-bottom: solid #989898 2px;
    border-left: solid #989898 2px;
}
.jpei_productImages .slick-next {
    right: 0;
}
.jpei_productImages .slick-next::before {
    border-top: solid #989898 2px;
    border-right: solid #989898 2px;
}
.jpei_productImages .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transform: translateY(100%);
}
.jpei_productImages .slick-dots > * + * {
    margin-left: 10px;
}
.jpei_productImages .slick-dots > * > button {
    font-size: 0;
    width: 10px;
    height: 10px;
    background-color: #cccccc;
    border-radius: 50%;
    transition: all 0.2s;
}
.jpei_productImages .slick-dots > *.slick-active > button {
    background-color: var(--color-secondary);
}

@media screen and (max-width: 768px) {
    .jpei_productImages {
        padding-top: 30px;
        border-top: solid #cccccc 1px;
    }
}

/* otherProductImages */
.jpei_otherProductImages {
    padding: 0 36px;
}
.jpei_otherProductImages .slick-arrow {
    position: absolute;
    top: 50%;
    font-size: 0;
    width: 30px;
    height: 40px;
    transform: translateY(-50%);
    transition: all 0.2s;
    z-index: 10;
}
.jpei_otherProductImages .slick-arrow:hover {
    opacity: 0.7;
}
.jpei_otherProductImages .slick-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%) rotate(45deg);
}
.jpei_otherProductImages .slick-prev {
    left: 0;
}
.jpei_otherProductImages .slick-prev::before {
    border-bottom: solid #989898 2px;
    border-left: solid #989898 2px;
}
.jpei_otherProductImages .slick-next {
    right: 0;
}
.jpei_otherProductImages .slick-next::before {
    border-top: solid #989898 2px;
    border-right: solid #989898 2px;
}
.jpei_otherProductImages__link {
    position: relative;
    display: block;
    margin: 0 10px;
    padding-bottom: 30px;
    transition: all 0.2s;
}
.jpei_otherProductImages__link:hover {
    color: var(--color-secondary);
}
.jpei_otherProductImages__link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 22px;
    height: 6px;
    border-right: solid #505050 1px;
    border-bottom: solid #505050 1px;
    transform: skew(45deg);
    transition: all 0.2s;
}
.jpei_otherProductImages__link:hover::before {
    width: 44px;
    border-right-color: var(--color-secondary);
    border-bottom-color: var(--color-secondary);
}
.jpei_otherProductImages__image {
    margin-bottom: 30px;
    border: solid #cccccc 1px;
    transition: all 0.2s;
    overflow: hidden;
}
.jpei_otherProductImages__image img {
    max-height: 248px;
    margin: 0 auto;
}
.jpei_otherProductImages__link:hover .jpei_otherProductImages__image {
    border-color: var(--color-secondary);
}
.jpei_otherProductImages__image img {
    transition: all 0.2s;
}
.jpei_otherProductImages__link:hover .jpei_otherProductImages__image img {
    transform: scale(1.1);
}
.jpei_otherProductImages__name {
    font-weight: bold;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .jpei_otherProductImages {
        padding: 0;
    }
    .jpei_otherProductImages > * + * {
        margin-top: 30px;
    }
    .jpei_otherProductImages__link {
        margin: 0;
    }
    .jpei_otherProductImages__image {
        display: none;
    }
}

/* gradeList */
.jpei_gradeList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -10px;
    margin-left: -20px;
}
.jpei_gradeList--small {
    margin-top: -5px;
    margin-left: -10px;
}
.jpei_gradeList > * {
    margin-top: 10px;
    margin-left: 20px;
}
.jpei_gradeList--small > * {
    margin-top: 5px;
    margin-left: 10px;
}
.jpei_gradeList img {
    height: 51px;
}
.jpei_gradeList--small img {
    height: 28px;
}

@media screen and (max-width: 768px) {
    .jpei_gradeList img {
        height: 40px;
    }
    .jpei_gradeList--small img {
        height: 28px;
    }
}

/* download */
.jpei_download {
    margin-top: 30px;
    padding-top: 30px;
    border-top: solid #cccccc 1px;
}
.jpei_download__title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.jpei_download__button {
    display: flex;
    flex-wrap: wrap;
    margin-top: -20px;
    margin-left: -20px;
}
.jpei_download__button > * {
    width: calc((100% - 60px) / 3);
    margin-top: 20px;
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .jpei_download {
        padding-bottom: 30px;
    }
    .jpei_download__title {
        font-size: 1.6rem;
    }
    .jpei_download__button > * {
        width: calc((100% - 40px) / 2);
    }
}

/* list */
.jpei_list > * {
    position: relative;
    padding-left: 18px;
}
.jpei_list > * + * {
    margin-top: 2px;
}
.jpei_list > *::before {
    content: "";
    position: absolute;
    top: 0.6875em;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--color-primary);
    transform: translateY(-50%);
}

/* iconCheck */
.jpei_iconCheck {
    width: 32px;
}

/* box */
.jpei_box {
    padding: 50px;
    background-color: #ffffff;
}

@media screen and (max-width: 768px) {
    .jpei_box {
        padding: 30px 10px;
    }
}

/* column */
.jpei_column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -20px;
    margin-left: -50px;
}
.jpei_column--m30 {
    margin-left: -30px;
}
.jpei_column > * {
    width: 200px;
    margin-top: 20px;
    margin-left: 50px;
}
.jpei_column--m30 > * {
    margin-left: 30px;
}

/* table */
.jpei_table {
    table-layout: fixed;
    width: 100%;
    border: solid #989898 1px;
}
.jpei_table th {
    color: #ffffff;
    padding: 17px 20px;
    background-color: #989898;
    border-top: solid #ffffff 1px;
    vertical-align: middle;
}
.jpei_table td {
    padding: 17px 20px;
    border-top: solid #989898 1px;
    vertical-align: middle;
}
.jpei_table tr:first-child th,
.jpei_table tr:first-child td {
    border-top: none;
}

/* button */
.jpei_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    min-height: 50px;
    transition: all 0.2s;
}
.jpei_button:hover {
    opacity: 0.7;
}
.jpei_button--ok {
    color: #ffffff;
    font-weight: bold;
    background-color: #505050;
}
.jpei_button--no {
    background-color: #ffffff;
    border: solid #505050 1px;
}

/* linkArrow */
.jpei_linkArrow {
    position: relative;
    padding-right: 42px;
}
.jpei_linkArrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% - 22px);
    width: 22px;
    height: 6px;
    border-right: solid #505050 1px;
    border-bottom: solid #505050 1px;
    transform: translateY(-50%) skew(45deg);
    transition: all 0.2s;
}
.jpei_linkArrow:hover::before {
    width: 44px;
    border-right-color: var(--color-secondary);
    border-bottom-color: var(--color-secondary);
}

/* category */
.jpei_category {
    margin-bottom: 20px;
}
.jpei_category a {
    color: #0153ce;
    font-weight: bold;
}
.jpei_category a:hover {
    text-decoration: underline;
}

/* frame */
.jpei_frame {
    display: flex;
    flex-wrap: wrap;
}
.jpei_frame > * {
    width: 100%;
}
.jpei_frame > * + * {
    margin-top: 50px;
    padding-top: 50px;
    border-top: solid #cccccc 1px;
}
.jpei_frame__left,
.jpei_frame__right {
    width: 50%;
}
.jpei_frame__left {
    padding-right: 30px;
}
.jpei_frame__right {
    position: relative;
    padding-left: 30px;
}
.jpei_frame__left:nth-child(1),
.jpei_frame__right:nth-child(2) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.jpei_frame__left + .jpei_frame__right::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    width: 1px;
    height: calc(100% - 30px);
    background-color: #cccccc;
}
.jpei_frame__left + .jpei_frame__right:nth-child(2)::before {
    top: 0;
    height: 100%
}

@media screen and (max-width: 768px) {
    .jpei_frame__left,
    .jpei_frame__right {
        width: 100%;
    }
    .jpei_frame__left {
        padding-right: 0;
    }
    .jpei_frame__right {
        padding-left: 0;
    }
    .jpei_frame__left + .jpei_frame__right::before {
        display: none;
    }
    .jpei_frame__right:nth-child(2) {
        margin-top: 50px;
        padding-top: 50px;
        border-top: solid #cccccc 1px;
    }
}

/* linkBox */
.jpei_linkBox {
    position: relative;
    display: inline-flex;
    width: 100%;
    padding: 20px 62px 20px 20px;
    background-color: #ffffff;
    border: solid #cccccc 1px;
    transition: all 0.2s;
}
.jpei_linkBox:hover {
    border-color: var(--color-secondary);
}
.jpei_linkBox::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% - 52px);
    width: 22px;
    height: 6px;
    border-right: solid #505050 1px;
    border-bottom: solid #505050 1px;
    transform: translateY(-50%) skew(45deg);
    transition: all 0.2s;
}
.jpei_linkBox:hover::before {
    width: 44px;
    border-right-color: var(--color-secondary);
    border-bottom-color: var(--color-secondary);
}
.jpei_linkBox--small {
    flex-direction: column;
    align-items: center;
    padding: 10px;
}
.jpei_linkBox--small::before {
    left: calc(100% - 37px);
}
.jpei_linkBox--small:hover::before {
    width: 28px;
}
.jpei_linkBox--center {
    align-items: center;
}
.jpei_linkBox--none {
    padding: 0;
    border: none;
}
.jpei_linkBox--none::before {
    display: none;
}
.jpei_linkBox__image {
    display: block;
    flex-shrink: 0;
}
.jpei_linkBox__text {
    display: block;
    margin-left: 20px;
}
.jpei_linkBox__icon {
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .jpei_linkBox {
        display: block;
        padding: 20px 20px 40px;
    }
    .jpei_linkBox::before {
        top: auto;
        bottom: 20px;
        left: 20px;
    }
    .jpei_linkBox--small {
        display: inline-flex;
        padding: 10px;
    }
    .jpei_linkBox--small::before {
        top: 50%;
        left: calc(100% - 52px);
    }
    .jpei_linkBox__image {
        text-align: center;
    }
    .jpei_linkBox__text {
        margin-top: 20px;
        margin-left: 0;
    }
}

/* linkBoxList */
.jpei_linkBoxList {
    display: flex;
    flex-wrap: wrap;
}
.jpei_linkBoxList > * {
    width: calc((100% - 30px * 1) / 2);
    margin-top: 20px;
    margin-left: 30px;
}
.jpei_linkBoxList > *:nth-child(1),
.jpei_linkBoxList > *:nth-child(2) {
    margin-top: 0;
}
.jpei_linkBoxList > *:nth-child(2n-1) {
    margin-left: 0;
}


@media screen and (max-width: 768px) {
    .jpei_linkBoxList > * {
        width: 100%;
        margin-left: 0;
    }
    .jpei_linkBoxList > *:nth-child(2) {
        margin-top: 20px;
    }
}

/* linkBoxFrame */
.jpei_linkBoxFrame {
    padding: 30px;
    background-color: #f0f0f0;
}

/* linkImage */
.jpei_linkImage {
    position: relative;
    display: inline-block;
    width: 100%;
    border: solid #cccccc 1px;
    transition: all 0.2s;
}
.jpei_linkImage:hover {
    border-color: var(--color-secondary);
}
.jpei_linkImage--nolink:hover {
    border-color: #cccccc;
    cursor: auto;
}
.jpei_linkImage[target="_blank"]::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    background-image: url("/common/images/ico_blank_989898.svg");
    background-size: cover;
    transform: translateY(-50%);
}
.jpei_linkImage--nolink::before {
    display: none !important;
}
.jpei_linkImage img {
    width: 100%;
}

/* heading */
.jpei_heading {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.jpei_heading--666666 {
    color: #666666;
}
.jpei_heading--small {
    font-size: 2.0rem;
    margin-bottom: 10px;
}

/* tableAndLinkBox */
.jpei_tableAndLinkBox {
    display: flex;
}
.jpei_tableAndLinkBox > *:first-child {
    width: 83%;
    padding-right: 10px;
}
.jpei_tableAndLinkBox > *:last-child {
    width: 17%;
}

@media screen and (max-width: 768px) {
    .jpei_tableAndLinkBox {
        display: block;
    }
    .jpei_tableAndLinkBox > *:first-child {
        width: 100%;
        padding-right: 0;
    }
    .jpei_tableAndLinkBox > *:last-child {
        width: 100%;
        margin-top: 20px;
    }
}

/*************************************************
ja\products\product_list\css\style.css
*************************************************/
/* tools */
.jppi_tools {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-left: -20px;
}
.jppi_tools > * {
    width: 260px;
    margin-top: 10px;
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .jppi_tools {
        margin-top: -20px;
    }
    .jppi_tools > * {
        width: 100%;
        margin-top: 20px;
    }
    .jppi_tools > *:nth-child(1) {
        display: none;
    }
}

/* grade */
.jppi_grade {
    max-width: 820px;
 }
.jppi_grade__select {
    display: none;
}
.jppi_grade__list {
    display: flex;
    flex-wrap: wrap;
    border: solid #505050 1px;
}
.jppi_grade__list > * {
    width: 25%;
}
.jppi_grade__list > * + * {
    border-left: solid #505050 1px;
}
.jppi_grade__list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
}
.jppi_grade__list a.is_current {
    background-color: #f0f0f0;
}
.jppi_grade__list img {
    margin-right: 10px;
}

@media screen and (min-width: 767px) {
    .jppi_grade__content {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
    .jppi_grade__select {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: 50px;
        border: solid #cccccc 1px;
        padding: 0 30px 0 10px;
    }
    .jppi_grade__select::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
        border-right: solid #989898 1px;
        border-bottom: solid #989898 1px;
        transform: translate(50%, -50%) rotate(45deg);
    }
    .jppi_grade__content {
        display: none;
    }
    .jppi_grade__list > * {
        width: 50%;
        border-top: solid #505050 1px;
    }
    .jppi_grade__list > *:nth-child(1),
    .jppi_grade__list > *:nth-child(2) {
        border-top: none;
    }
    .jppi_grade__list > *:nth-child(odd) {
        border-left: none;
    }
}

/* table */
.jppi_table {
    table-layout: fixed;
    font-size: 1.4rem;
    height: 100%;
    border-top: solid #989898 1px;
    border-left: solid #989898 1px;
}
.jppi_table--center {
    margin-right: auto;
    margin-left: auto;
}
.jppi_table thead {
    border-bottom: solid #989898 2px;
}
.jppi_table tbody tr.is_hover td {
    background-color: #f5e5e5;
}
.jppi_table th,
.jppi_table td {
    min-width: 156px;
    white-space: nowrap;
}
.jppi_table th.button,
.jppi_table td.button {
    height: 100%;
    /*
    max-width: 156px;
    min-width: 156px;
    */
    min-width: unset;
    word-break: break-all;
}
.jppi_table thead th {
    color: #ffffff;
    background-color: #989898;
    border-right: solid #ffffff 1px;
    text-align: center;
    vertical-align: middle;
}
.jppi_table thead th:last-child {
    border-right-color: #989898;
}
.jppi_table thead td {
    padding: 10px;
    background-color: #f0f0f0;
    border-right: solid #989898 1px;
    text-align: left;
    vertical-align: top;
}
.jppi_table thead td:last-child {
    border-right-color: #989898;
}
.jppi_table tbody th,
.jppi_table tbody td {
    padding: 10px;
    background-color: #ffffff;
    border-right: solid #989898 1px;
    border-bottom: solid #989898 1px;
    vertical-align: top;
}
.jppi_table__name {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    height: 100%;
    min-height: 40px;
    padding: 5px 10px;
    background-color: #989898;
    text-align: center;
    transition: all 0.2s;
    line-height: 1.2;
    cursor: pointer;
}
.jppi_table__name.is_checked {
    background-color: var(--color-secondary);
}
.jppi_table__name.is_ascending,
.jppi_table__name.is_descending {
    padding: 5px 15px;
    background-color: var(--color-secondary);
}
.jppi_table__name::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 6px;
    display: none;
    width: 8px;
    height: 8px;
    border-top: solid #ffffff 2px;
    border-right: solid #ffffff 2px;
}
.jppi_table__name.is_ascending::before {
    display: block;
    transform: translateY(-30%) rotate(-45deg);
}
.jppi_table__name.is_descending::before {
    display: block;
    transform: translateY(-70%) rotate(135deg);
}
.jppi_table__inputList {
    position: relative;
    max-height: 80px;
    min-height: 80px;
    overflow: auto;
}
.jppi_table__inputList > * + * {
    margin-top: 2px;
}
.jppi_table__inputArea {
    display: flex;
    align-items: center;
}
.jppi_table__inputArea input[type="radio"],
.jppi_table__inputArea input[type="checkbox"] {
    flex-shrink: 0;
}
.jppi_table__inputText {
    min-width: 1em;
    margin-right: 5px;
}
* + .jppi_table__inputText {
    margin-right: 0;
    margin-left: 5px;
}
.jppi_table__linkList > * + * {
    margin-top: 2px;
}
.jppi_table__link {
    color: #0153ce;
}
.jppi_table__link:hover {
    text-decoration: underline;
}
#seriesInfo .jppi_table__link {
    padding-right: 20px;
}
.jppi_table__icon {
    margin-right: 5px;
}
.jppi_table__pdf {
    width: 20px;
}
.jppi_table__gradeList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -10px;
    margin-left: -10px;
}
.jppi_table__gradeList > * {
    margin-top: 10px;
    margin-left: 10px;
}
.jppi_table__new {
    display: inline-block;
    color: var(--color-secondary);
    font-size: 1.2rem;
    margin-bottom: 2px;
    padding: 2px 6px;
    border: solid var(--color-secondary) 1px;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    .jppi_table {
        font-size: 1.2rem;
    }
    .jppi_table th,
    .jppi_table td {
        min-width: calc(335px / 3);
    }
    .jppi_table__name {
        padding: 4px 8px;
    }
    .jppi_table__name.is_ascending,
    .jppi_table__name.is_descending {
        padding: 4px 12px;
    }
    .jppi_table__name::before {
        width: 6px;
        height: 6px;
    }
    .jppi_table__gradeList {
        margin-top: -5px;
        margin-left: -5px;
    }
    .jppi_table__gradeList > * {
        width: calc((335px / 4 - 20px) / 3 - 5px);
        margin-top: 5px;
        margin-left: 5px;
    }
    .jppi_table__pdf {
        width: 15px;
    }
}

/* tableContainer */
.jppi_tableContainer {
    position: relative;
    margin-top: 10px;
}
.jppi_tableContainer::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    background-color: #ffffff;
}
.jppi_tableContainer > *:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    max-width: calc(157px * 2);
    overflow: hidden;
}
.jppi_tableContainer > *:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jppi_tableContainer > *:nth-child(4) {
    position: absolute;
    top: 0;
    left: 0;
    max-width: calc(157px * 2);
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .jppi_tableContainer > *:nth-child(2) {
        /*max-width: calc((335px / 3) * 2 + 1px);*/
        max-width: 176px;
    }
    .jppi_tableContainer > *:nth-child(4) {
        /*max-width: calc((335px / 3) * 2 + 1px);*/
        max-width: 176px;
    }
}

/* numberofHits */
.jppi_numberofHits {
    color: var(--color-secondary);
    margin-top: 20px;
}

/* notApplicable */
.jppi_notApplicable {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-secondary);
    font-size: 2.0rem;
    font-weight: bold;
    height: 120px;
    margin-top: 15px;
    background-color: var(--color-secondary-a10);
}

/* filter */
.jppi_filter {
    display: flex;
    max-width: 100%;
    padding: 30px;
    background-color: #f8f8f8;
}
.jppi_filter > *:nth-child(1),
.jppi_filter > *:nth-child(3) {
    width: calc((100% -100px) / 2);
}
.jppi_filter > *:nth-child(2) {
    width: 100px;
}
.jppi_filter__title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.jppi_filter__select {
    width: 100%;
    height: 442px;
    background-color: #ffffff;
    border: solid #505050 1px;
    overflow-y: auto;
}
.jppi_filter__select:focus {
    border-color: var(--color-secondary);
}
.jppi_filter__select option {
    padding: 8px 20px;
}
.jppi_filter__button {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border: solid #505050 1px;
    transition: all 0.2s;
}
.jppi_filter__button:hover {
    opacity: 0.7;
}
.jppi_filter__button--toRight::before,
.jppi_filter__button--toLeft::before,
.jppi_filter__button--toRightAll::before,
.jppi_filter__button--toLeftAll::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translate(-50%, -50%) rotate(45deg);
}
.jppi_filter__button--toRight::before,
.jppi_filter__button--toRightAll::before {
    border-top: solid #505050 1px;
    border-right: solid #505050 1px;
}
.jppi_filter__button--toLeft::before,
.jppi_filter__button--toLeftAll::before {
    border-bottom: solid #505050 1px;
    border-left: solid #505050 1px;
}
.jppi_filter__button--toRight::before {
    left: 46%;
}
.jppi_filter__button--toLeft::before {
    left: 54%;
}
.jppi_filter__button--toRightAll::before {
    left: 36%;
}
.jppi_filter__button--toLeftAll::before {
    left: 44%;
}
.jppi_filter__button--toRightAll::after,
.jppi_filter__button--toLeftAll::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translate(-50%, -50%) rotate(45deg);
}
.jppi_filter__button--toRightAll::after {
    left: 56%;
    border-top: solid #505050 1px;
    border-right: solid #505050 1px;
}
.jppi_filter__button--toLeftAll::after {
    left: 64%;
    border-bottom: solid #505050 1px;
    border-left: solid #505050 1px;
}
.jppi_filter__submit {
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 40px;
    background-color: #505050;
    transition: all 0.2s;
}
.jppi_filter__submit:hover {
    background-color: var(--color-secondary);
}
.jppi_filter__buttonArea {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.jppi_filter__buttonArea > *:last-child {
    margin-top: 30px;
}
.jppi_filter__buttonArea > * + * {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .jppi_filter {
        font-size: 1.0rem;
        padding: 20px 10px;
    }
    .jppi_filter > *:nth-child(1),
    .jppi_filter > *:nth-child(3) {
        width: calc((100% - 50px) / 2);
    }
    .jppi_filter > *:nth-child(2) {
        width: 50px;
    }
    .jppi_filter__title {
        font-size: 1.4rem;
    }
    .jppi_filter__select option {
        padding: 12.5px 10px;
    }
    .jppi_filter__button {
        width: 30px;
        height: 30px;
    }
    .jppi_filter__button--toRight::before,
    .jppi_filter__button--toLeft::before,
    .jppi_filter__button--toRightAll::before,
    .jppi_filter__button--toLeftAll::before {
        width: 6px;
        height: 6px;
    }
    .jppi_filter__button--toRightAll::after,
    .jppi_filter__button--toLeftAll::after {
        width: 6px;
        height: 6px;
    }
    .jppi_filter__submit {
        width: 38px;
        height: 38px;
    }
}

.inf {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 20px;
}
.ldiv {
    color: var(--color-secondary);
}
.rdiv a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 335px;
    min-height: 50px;
    border: solid #505050 1px;
}
.rdiv a:hover {
    border-color: var(--color-secondary);
}
.rdiv a::before {
    content: "";
    width: 30px;
    height: calc(75px * 30 / 94);
    margin-right: 10px;
    background-image: url("/common/images/ico_reset_505050.svg");
    background-repeat: no-repeat;
}
.rdiv a:hover::before {
    background-image: url("/common/images/ico_reset_990000.svg");
}
.mdiv {
    display: none;
}
.fltrow td {
    background-color: #efefef;
}
.flt {
    width: 100%;
    height: 25px;
    padding: 0 5px;
    background-color: #ffffff;
    border: solid #cccccc 1px;
}
.flt:focus {
    border-color: var(--color-secondary);
}
select.flt {
    -webkit-appearance: auto;
    appearance: auto;
}

@media screen and (max-width: 768px) {
    .inf {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .ldiv {
        margin-top: 10px;
    }
}

/*************************************************
ja\quality\css\style.css
*************************************************/
/* quality */
.jqi_quality_column {
	margin-top: 0.875em;
}
.jqi_quality_column .c_linkBox {
	height: auto;
}
.jqi_quality_column .c_list.c_list--line {
	margin-top: 1.75em;
}
.jqi_quality_column .c_list_tit + .c_list.c_list--line {
	margin-top: 1.0em;
}
.jqi_quality_column .c_list.quality_list--line {
	margin-top: 1.75em;
}
.jqi_quality_column .c_list_tit {
	margin-top: 1.75em;
	position: relative;
	padding-bottom: 0.875em;
	border-bottom: 1px solid #cccccc;
}
.jqi_quality_column .jqi_list_tit {
	margin-top: 1.25em;
}
.jqi_quality_column .c_list_tit > a {
    position: relative;
    display: block;
}
.jqi_quality_column .c_list_tit > a::before {
    content: "";
    position: absolute;
    bottom: 0.5em;
    left: calc(100% - 32px);
    width: 22px;
    height: 6px;
    border-right: solid #505050 1px;
    border-bottom: solid #505050 1px;
    transform: skew(45deg);
    transition: all 0.2s;
}
.jqi_quality_column .c_list_tit > a:hover::before {
    width: 44px;
    border-right-color: var(--color-secondary);
    border-bottom-color: var(--color-secondary);
}
.jqi_quality_column .c_list_tit::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 7px;
    height: 7px;
    background-color: #ffffff;
    border: solid #cccccc 1px;
    border-radius: 50%;
}
.jqi_quality_column .jqi_quality--open {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 0.875em;
    padding-bottom: 0.875em;
		cursor: pointer;
}
.jqi_quality_column .jqi_quality--open::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: calc(100% - 15px);
    width: 15px;
    height: 3px;
    border-bottom: 3px solid #505050;
    transition: all 0.2s;
}
.jqi_quality_column .jqi_quality--open::after {
    content: "";
    position: absolute;
    top: calc(0.5em - 6px);
    left: calc(100% - 9px);
    width: 3px;
    height: 15px;
    border-left: 3px solid #505050;
    transition: all 0.2s;
}
.jqi_quality_column .jqi_quality--ico::after {
    content: none;
}
/*
.jqi_quality_column .jqi_quality--open:hover::before {
    width: 30px;
    border-bottom-color: var(--color-secondary);
}
*/
.jqi_quality_column .c_list.c_list--line.jqi_quality--close {
	margin-top: 1.0em;
	display: none;
	/*
	border-top: 1px solid #cccccc;
	margin-top: 0.875em;
	padding-top: 0.875em;
	*/
}


@media screen and (max-width: 768px) {
	.jqi_quality_column {
	margin-top: 0.875em;
	}
	.jqi_quality_column .c_list_tit {
	margin-top: 0.875em;
	}
	.jqi_quality_column .c_list.quality_list--line {
	margin-top: 0.875em;
	}
}


/*************************************************
JRCE追加
＜更新履歴＞
2021/10/11 PDFアイコン付きリンク　追加
2021/10/18 アコーディオン 設定変更(.nd_accordion-container .nd_accordion-title)
2021/10/19 Skeleton 一部改造してもってきた
2021/10/20 背景色付文字　追加
2021/10/21 H2タグで左側赤線を消す 追加
2021/10/25 直線枠：線・背景　灰色 追加
2021/10/26 nd_border_solid 追加
2021/10/27 nd_white_bgcolor 追加
           背景色、枠色　追加
2021/10/28 nd_fontcolor_dedede、線：グレー・点線・太 追加
*************************************************/

/***** H2タグで左側赤線を消す *****
-------------------------------------------------------------------------------*/
.nd_h2_delete_border {border-left: none !important;}


/***** 境界線 *****
-------------------------------------------------------------------------------*/
.nd_hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: gray;   /* 線色 */
   height: 1px;         /* 高さ(※古いIE用) */
}

/***** アンカーリンク（強制左寄せ） *****
-------------------------------------------------------------------------------*/
.nd_l_column_align_left {
    justify-content: start !important;
}


/***** アンカーリンク（アイコン） *****
-------------------------------------------------------------------------------*/
/* linkImage */
.nd_anchor_Image {
    position: relative;
    display: inline-block;
    border: solid #cccccc 1px;
    transition: all 0.2s;
}
.nd_anchor_Image:hover {
    border-color: var(--color-secondary);
}


/****** リンク（枠付き3列） *****
-------------------------------------------------------------------------------*/
.nd_col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.nd_col_3 > div{
	width: 33.33333%;
	padding: 10px;
	overflow-wrap: break-word;
	border: 1px solid #ddd;
	margin-left:-1px;
	margin-top:-1px;
}
@media screen and (max-width: 768px) {
	.nd_col_3 > div{
		width: 50%;
	}
}

/****** リンク（枠付き4列） *****
-------------------------------------------------------------------------------*/
.nd_col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.nd_col_4 > div{
	width: 25%;
	padding: 10px;
	overflow-wrap: break-word;
	border: 1px solid #ddd;
	margin-left:-1px;
	margin-top:-1px;
}
@media screen and (max-width: 768px) {
	.nd_col_4 > div{
		width: 50%;
	}
}

/****** 長文リンク *****
-------------------------------------------------------------------------------*/
.nd_linklist { margin-top: 16px; border-top: 1px solid #c9c9c9; }
.nd_linklist .nd_lst { display: block; padding: 8px 0; border-bottom: 1px solid #c9c9c9;}


/****** 複合リンク *****
-------------------------------------------------------------------------------*/
.nd_composit_link {}
.nd_composit_link .nd_composit_link_main { padding: 12px 16px; list-style: none; background: #f3f3f3; border-top: 1px solid #cfcfcf; }
.nd_composit_link .nd_composit_link_list { margin-left: 16px; margin-top: 16px; padding-top: 0; padding-left: 0; list-style: none; }


/****** 枠囲み記事 *****
-------------------------------------------------------------------------------*/
/* 点線枠：灰色 */
.nd_border_dotted {
  border: 1px dashed;
  border-color:#c9c9c9;
  margin: 20px 8px 8px 0;
  padding: 2px 16px;
}

.nd_border_solid {
  border: 1px solid;
  border-color:#c9c9c9;
  padding: 2px 16px;
}

/* 直線枠：灰色 */
.nd_gray_frame {
    position: relative;
    width: 100%;
    padding: 20px 62px 20px 20px;
    background-color: #ffffff;
    border: solid #cccccc 1px;
}

/* 背景：灰色 */
.nd_bgcolor_cccccc {
    position: relative;
    width: 100%;
    padding: 20px 62px 20px 20px;
    background-color: #cccccc;
}

/* 直線枠：線・背景　灰色 */
.nd_gray_framebgcolor {
position: relative;
width: 100%;
padding: 20px 62px 20px 20px;
background-color: #f5f5f5;
border: solid #cccccc 4px;
}

/* 枠：背景灰色・線なし */
.nd_gray_bgcolornoborder {
position: relative;
width: 100%;
padding: 20px 62px 20px 20px;
background-color: #f5f5f5;
}

/* ボックス：白色 */
.nd_white_bgcolor {
position: relative;
width: 100%;
padding: 30px 30px 20px 20px;
background-color: white;
}

/* 線：グレー・点線・太 */

.nd_border_gray{
border-top: 3px dashed;
color: gray;
}
/****** アコーディオン *****
-------------------------------------------------------------------------------*/
/* タグ部分 */
.nd_tag_lst { overflow: hidden; margin-bottom: -8px; padding-left: 0; list-style: none; padding-bottom:  8px !important; }
.nd_tag_lst li { float: left; margin: 0 8px 8px 0; padding: 2px 16px; border: 1px solid #c9c9c9; background: #ffffff; color: #333333; font-size: 14px; }
li.nd_tag_5da1d1 {color: #fff; background-color: #5da1d1;}
li.nd_tag_e9b300 {color: #fff; background-color: #e9b300;}
li.nd_tag_e15574 {color: #fff; background-color: #e15574;}
li.nd_tag_01aa8d {color: #fff; background-color: #01aa8d;}
li.nd_tag_6c7074 {color: #fff; background-color: #6c7074;}
li.nd_tag_c8c300 {color: #fff; background-color: #c8c300;}
li.nd_tag_999999 {color: #fff; background-color: #999999;}
li.nd_tag_b04537 {color: #fff; background-color: #b04537;}

/* 本体部分 */
.nd_accordion-container {
  width: 100%;
  border: 1px solid #c9c9c9;
  outline: 0;
  cursor: pointer
}

.nd_accordion-container .nd_accordion-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.625em 3em 0.625em 2em;
  color: #000;
  background: #fff;
  cursor: pointer;
}

.nd_accordion-container .nd_accordion-title:hover,
.nd_accordion-container .nd_accordion-title:active,
.nd_accordion-container .content-entry.open .nd_accordion-title {
  background-color: #EEEEEE;
  color: black;
}

.nd_accordion-container .nd_accordion-title:hover i:before,
.nd_accordion-container .nd_accordion-title:hover i:active,
.nd_accordion-container .content-entry.open i {
  color: black;
}

.nd_accordion-title{
  position: relative;
}

.nd_accordion-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.nd_accordion-title.open{
  background-color: #EEEEEE;
}

.nd_accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.nd_accordion-content {
  display: none;
  padding-left: 2.3125em;
}

/****** 画像 *****
-------------------------------------------------------------------------------*/
/* 画像キャプション */
.nd_caption { display: block; margin-top: 8px; font-size: 14px; }



/****** アイコン *****
-------------------------------------------------------------------------------*/
.nd_icon { display: inline-block; margin-left: 4px; margin-right: 4px; padding: 2px 8px; font-size: 12px; font-weight: normal; }
/* 赤色 */
.nd_icon.redicon { background: #cf142b; color: #ffffff; }
/* 緑色 */
.nd_icon.greenicon { background: #b7d24e; color: #ffffff; }
/* 灰色 */
.nd_icon.grayicon { background: #999999; color: #ffffff; }
/* 灰色（黒字） */
.nd_icon.gray_blackicon { background: #dedede; color: #000000; }
/* 淡い青（濃いグレー） */
.nd_icon.lightblue_blackicon { background: #E9F1F4; color: #33333; }

/****** テキスト *****
-------------------------------------------------------------------------------*/
/* リンク */
.nd_txt_link { color: #0000cc; text-decoration: none; }

/* 下線 */
.nd_txt_underline { text-decoration: underline !important; }

/* フォント色 */
.nd_fontcolor_4e92ab { color: #4e92ab !important; }
.nd_fontcolor_e36d76 { color: #e36d76 !important; }
.nd_fontcolor_cf142b { color: #cf142b !important; }
.nd_fontcolor_717171 { color: #717171 !important; }
.nd_fontcolor_ee9193 { color: #ee9193 !important; }
.nd_fontcolor_f8bf56 { color: #f8bf56 !important; }
.nd_fontcolor_b7d24e { color: #b7d24e !important; }
.nd_fontcolor_4bbdcd { color: #4bbdcd !important; }
.nd_fontcolor_74bde7 { color: #74bde7 !important; }
.nd_fontcolor_c5a983 { color: #c5a983 !important; }
.nd_fontcolor_759b6b { color: #759b6b !important; }
.nd_fontcolor_38958e { color: #38958e !important; }
.nd_fontcolor_ed171f { color: #ed171f !important; }

.nd_fontcolor_000000 { color: #000000 !important; }
.nd_fontcolor_333333 { color: #333333 !important; }
.nd_fontcolor_666666 { color: #666666 !important; }
.nd_fontcolor_999999 { color: #999999 !important; }
.nd_fontcolor_c9c9c9 { color: #c9c9c9 !important; }
.nd_fontcolor_dedede { color: #dedede !important; }
.nd_fontcolor_f3f3f3 { color: #f3f3f3 !important; }
.nd_fontcolor_ffffff { color: #ffffff !important; }
.nd_fontcolor_217892 { color: #217892 !important; }
.nd_fontcolor_dedede { color: #dedede !important; }

/* フォントサイズ */
.nd_fontsize10 { font-size: 10px !important; }
.nd_fontsize12 { font-size: 12px !important; }
.nd_fontsize14 { font-size: 14px !important; }
.nd_fontsize16 { font-size: 16px !important; }
.nd_fontsize18 { font-size: 18px !important; }
.nd_fontsize20 { font-size: 20px !important; }
.nd_fontsize22 { font-size: 22px !important; }
.nd_fontsize24 { font-size: 24px !important; }
.nd_fontsize26 { font-size: 26px !important; }
.nd_fontsize28 { font-size: 28px !important; }
.nd_fontsize30 { font-size: 30px !important; }
.nd_fontsize32 { font-size: 32px !important; }
.nd_fontsize34 { font-size: 34px !important; }
.nd_fontsize36 { font-size: 36px !important; }
.nd_fontsize38 { font-size: 38px !important; }
.nd_fontsize40 { font-size: 40px !important; }

.nd_fontsize_xs { font-size:  60% !important; }
.nd_fontsize_s  { font-size:  80% !important; }
.nd_fontsize_l  { font-size: 120% !important; }
.nd_fontsize_xl { font-size: 140% !important; }

/* PDFアイコン付きリンク */
.nd_link_pdf { color: #0000cc; text-decoration: none; padding-left: 24px; background-image: url(/common/images/ico_pdf.svg) !important; background-repeat: no-repeat; }

/* 背景色付文字 */
.nd_bgcolor_dimgray {
position: relative;
width: 100%;
padding: 20px 62px 20px 20px;
background-color: #696969;
}

.nd_bgcolor_indianred {
position: relative;
width: 100%;
padding: 20px 62px 20px 20px;
background-color: #cd5c5c;
}

.nd_bgcolor_antiquewhite {
position: relative;
width: 100%;
padding: 20px 62px 20px 20px;
background-color: #faebd7;
}

/****** 強制的に文字を左寄せ *****
-------------------------------------------------------------------------------*/
.nd_talign_left {
    text-align: left !important;
}


/****** Background Color*****
-------------------------------------------------------------------------------*/
.nd_bg_ee9193 { background-color: #ee9193 !important; }
.nd_bg_f8bf56 { background-color: #f8bf56 !important; }
.nd_bg_b7d24e { background-color: #b7d24e !important; }
.nd_bg_4bbdcd { background-color: #4bbdcd !important; }
.nd_bg_74bde7 { background-color: #74bde7 !important; }
.nd_bg_e36d76 { background-color: #e36d76 !important; }
.nd_bg_c5a983 { background-color: #c5a983 !important; }
.nd_bg_759b6b { background-color: #759b6b !important; }
.nd_bg_38958e { background-color: #38958e !important; }
.nd_bg_4e92ab { background-color: #4e92ab !important; }

.nd_bg_000000 { background-color: #000000 !important; }
.nd_bg_333333 { background-color: #333333 !important; }
.nd_bg_666666 { background-color: #666666 !important; }
.nd_bg_999999 { background-color: #999999 !important; }
.nd_bg_c9c9c9 { background-color: #c9c9c9 !important; }
.nd_bg_dedede { background-color: #dedede !important; }
.nd_bg_f3f3f3 { background-color: #f3f3f3 !important; }
.nd_bg_ffffff { background-color: #ffffff !important; }
.nd_bg_e9f2f4 { background-color: #e9f2f4 !important; }
.nd_bg_f2f5fb { background-color: #f2f5fb !important; }
.nd_bg_f3f3f3 { background-color: #f3f3f3 !important; }
.nd_bg_5da1d1 { background-color: #5da1d1 !important; }
.nd_bg_e0edff { background-color: #e0edff !important; }
.nd_bg_fbebea { background-color: #fbebea !important; }
.nd_bg_fdf3dc { background-color: #fdf3dc !important; }
.nd_bg_fefbe2 { background-color: #fefbe2 !important; }
.nd_bg_f2f3e2 { background-color: #f2f3e2 !important; }
.nd_bg_f0e800 { background-color: #f0e800 !important; }
.nd_bg_ee9193 { background-color: #ee9193 !important; }
.nd_bg_dfecf3 { background-color: #dfecf3 !important; }
.nd_bg_ffc107 { background-color: #ffc107 !important; }
.nd_bg_cf142b { background-color: #cf142b !important; }
.nd_bg_e15574 { background-color: #e15574 !important; }
.nd_bg_01aa8d { background-color: #01aa8d !important; }
.nd_bg_f19d69 { background-color: #f19d69 !important; }

/****** Border Color*****
-------------------------------------------------------------------------------*/
.nd_bordercolor_ffc107 { border-color: #ffc107!important; }


/****** チェックポイント*****
-------------------------------------------------------------------------------*/
.nd_chk_frame {
    width: 80%;
    margin: 30px auto 25px;
    padding: 30px 20px 10px;
    border: 3px solid #CC0000;
    position: relative;
    border-radius: 3px;
    background-color: #fff;
}
.nd_chk_frame-title {
    position: absolute;
    top: -13px;
    left: 20px;
    padding: 0 5px;
    background-color: #fff;
}
.nd_chk_frame-title .fa {
    margin-right: 5px;
}
.caution {
    background-color: #CC0000;
    border: 2px solid #CC0000;
    color: #fff;
    border-radius: 3px;
}
.nd_chk_frame-red {
 border-color: #CC0000;
}


/****** 下部固定表示メニュー*****
-------------------------------------------------------------------------------*/
.nd_lowmenu {
    display: none;
    background: rgba(0, 188, 212, 0.88);
    box-shadow: 0 0 8px grey;
    width: 100%;
    position:fixed;
    bottom:0;
    z-index: 100;
}

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
-------------------------------------------------------------------------------*/

/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Clearing
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.nd_container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.nd_column,
.nd_columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

@media (min-width: 768px) {
  .nd_container {
    width: 85%;
    padding: 0; }
}

@media (min-width: 768px) {
  .nd_container {
    width: 80%; }
  .nd_column,
  .nd_columns {
    margin-left: 4%; }
  .nd_column:first-child,
  .nd_columns:first-child {
    margin-left: 0; }

  .nd_one.nd_column,
  .nd_one.nd_columns                    { width: 4.66666666667%; }
  .nd_two.nd_columns                    { width: 13.3333333333%; }
  .nd_three.nd_columns                  { width: 22%;            }
  .nd_four.nd_columns                   { width: 30.6666666667%; }
  .nd_five.nd_columns                   { width: 39.3333333333%; }
  .nd_six.nd_columns                    { width: 48%;            }
  .nd_seven.nd_columns                  { width: 56.6666666667%; }
  .nd_eight.nd_columns                  { width: 65.3333333333%; }
  .nd_nine.nd_columns                   { width: 74.0%;          }
  .nd_ten.nd_columns                    { width: 82.6666666667%; }
  .nd_eleven.nd_columns                 { width: 91.3333333333%; }
  .nd_twelve.nd_columns                 { width: 100%; margin-left: 0; }

  .nd_one-third.nd_column               { width: 30.6666666667%; }
  .nd_two-thirds.nd_column              { width: 65.3333333333%; }

  .nd_one-half.nd_column                { width: 48%; }

  /* Offsets */
  .nd_offset-by-one.nd_column,
  .nd_offset-by-one.nd_columns          { margin-left: 8.66666666667%; }
  .nd_offset-by-two.nd_column,
  .nd_offset-by-two.nd_columns          { margin-left: 17.3333333333%; }
  .nd_offset-by-three.nd_column,
  .nd_offset-by-three.nd_columns        { margin-left: 26%;            }
  .nd_offset-by-four.nd_column,
  .nd_offset-by-four.nd_columns         { margin-left: 34.6666666667%; }
  .nd_offset-by-five.nd_column,
  .nd_offset-by-five.nd_columns         { margin-left: 43.3333333333%; }
  .nd_offset-by-six.nd_column,
  .nd_offset-by-six.nd_columns          { margin-left: 52%;            }
  .nd_offset-by-seven.nd_column,
  .nd_offset-by-seven.nd_columns        { margin-left: 60.6666666667%; }
  .nd_offset-by-eight.nd_column,
  .nd_offset-by-eight.nd_columns        { margin-left: 69.3333333333%; }
  .nd_offset-by-nine.nd_column,
  .nd_offset-by-nine.nd_columns         { margin-left: 78.0%;          }
  .nd_offset-by-ten.nd_column,
  .nd_offset-by-ten.nd_columns          { margin-left: 86.6666666667%; }
  .nd_offset-by-eleven.nd_column,
  .nd_offset-by-eleven.nd_columns       { margin-left: 95.3333333333%; }

  .nd_offset-by-one-third.nd_column,
  .nd_offset-by-one-third.nd_columns    { margin-left: 34.6666666667%; }
  .nd_offset-by-two-thirds.nd_column,
  .nd_offset-by-two-thirds.nd_columns   { margin-left: 69.3333333333%; }

  .nd_offset-by-one-half.nd_column,
  .nd_offset-by-one-half.nd_columns     { margin-left: 52%; }

}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.nd_container:after,
.nd_row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/****** 画像＋説明 ※上に記述してあるSkeleton利用バージョン推奨 *****
-------------------------------------------------------------------------------*/


/* 01.PC
-------------------------------------------------------------------- */

.nd_detailL, .nd_detailR {
    width: 1200px;
	overflow: hidden;
	padding: 0 0 60px;
	margin: 0 auto;
}

.nd_detailL .img {
	float: left;
	margin: 0 50px 0 0;
}

.nd_detailR .img {
	float: right;
	margin: 0 0 0 50px;
}


/* 02. MEDIAQUERY for TABLET		
-------------------------------------------------------------------- */

@media screen and (max-width: 1200px) {
    .nd_detailL, .nd_detailR {
        width: 90%;
    }
	
	.nd_detailL .img, .nd_detailR .img {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.nd_paddingT {
		padding: 0;
        margin-top: 20px;
	}
}

/* 07. MEDIAQUERY for BIG SP SMALL TABLET		
-------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
	/* 02.SERVICE */
	.nd_detailL, .nd_detailR {
		padding: 0 40px;
	}
	.nd_detailL .img img, .nd_detailR .img img {
		max-width: 100%;
		height: auto;
	}

}

/* SortAllowColumn
-------------------------------------------------------------------- */
.nd_sortAllowColumn::before {
    content: "";
    position: absolute;
    top: 35%;
    right: 6px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid #ffffff 2px;
    border-right: solid #ffffff 2px;
    transform: translateY(-30%) rotate(-45deg);
}

.nd_sortAllowColumn::after {
    content: "";
    position: absolute;
    top: 65%;
    right: 6px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid #ffffff 2px;
    border-right: solid #ffffff 2px;
    transform: translateY(-70%) rotate(135deg);
}

.is_ascending .nd_sortAllowColumn::before,
.is_ascending .nd_sortAllowColumn::after, 
.is_descending .nd_sortAllowColumn::before,
.is_descending .nd_sortAllowColumn::after 
{
    border-top: solid var(--color-secondary) 2px;
    border-right: solid var(--color-secondary) 2px;
}

/* Adjust ProductDetailTable
-------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    .nd_productDetailTable {
        word-wrap: normal;
        white-space: nowrap;
        min-width: auto !important;
        table-layout: auto;
    }
}

/* Print
-------------------------------------------------------------------- */
@media print {
    @page {
        size: landscape;
    }
    div.i_mv {
        width:1024px;
    }
    div.l_inner {
        max-width: none !important;
    }
    table {
        word-wrap: normal;
        white-space: nowrap;
    }
    div.c_tableContainer {
        display: block;
        overflow: unset !important;
    }
    .jppi_table__name {
        display: inline !important;
        padding: 0px !important;
    }
    .l_header__globalNav {
        display: none;
    }
}

/* WebWidget
-------------------------------------------------------------------- */

#prsearch input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 0px 3px 5px 4px;
    padding: initial;
    border: initial;
}

#prsearch input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 0px 3px 5px 4px;
    padding: initial;
    border: initial;
}

/*
#prsearch {
  width: fit-content;
}
#prsearch > fieldset legend {
  font-size: 110%; 
  font-weight: bold;
}
#prsearch > fieldset div.col1 {
  margin: 5px 0 5px;
  border-spacing: 2px;
}
#prsearch > fieldset div.col1 > label {
  display: inline-table; 
  width: 160px;
  color: #4F6AB8;
}

#prsearch > fieldset div > input {
  font: 14px RobotoLight;
}

#prsearch > fieldset div.col1 > input {
  width: 50px;  
  border: 1px solid black;
}

#prsearch > fieldset div.col1 > input:hover,
#prsearch > fieldset div > input[type="submit" i]:hover
{
  border: 1px solid #C8113D;
  -moz-box-shadow: 0 0 5px 0 #C8113D;
  -webkit-box-shadow: 0 0 5px 0 #C8113D;
  box-shadow: 0 0 5px 0 #C8113D;
  outline: none;
}

#prsearch > fieldset div > input:focus,
#prsearch > fieldset div > input[type="submit" i]:focus {
  border: 1px solid #C8113D;
  outline: none;
}

#prsearch > fieldset div > input[type="submit" i] {
  width: 130px; 
  height: 25px; 
  border: 1px solid grey; 
  background-color: #C8113D;
  color: white; 
  margin-top: 5px; 
  font-family: corbel;
  font-size: 110%
}

#prsearch > fieldset div > input[type="submit" i]:active:hover {
  box-shadow: rgb(159, 0, 0) 0px 0px 5px 1px inset;
}


#prsearch input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 0px 3px 5px 4px;
    padding: initial;
    border: initial;
}

#prsearch input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 0px 3px 5px 4px;
    padding: initial;
    border: initial;
}

#prsearch fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: groove;
    border-color: rgb(192, 192, 192);
    border-image: initial;
}

*/

/*---tool tip irie20231220 ---*/
.list_bn-r {
    display: inline-block;
    border-radius: 3px;
    padding: 0 0.5em;
    margin-left: 8px;
    background: #505050;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    /* border: 1px solid; */
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    font-size: 1.5rem;
}

.list_bn-r::after {
    /*content: '\f1de';
    font: var(--fa-font-regular);
    position: absolute;*/
    top: 50%;
    right: .5em;
    transform: translateY(-50%);
}

.list_bn-r:hover {
    background: #900;
    color: #ffffff;
}

.list_bn-r svg {
    width: 20px;
    height: 20px;
    padding: 3px;
    border: 2px solid #c6cdd3;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
}

.list_bn-r p.tooltip {
    display: flex;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    position: absolute;
/*    left: 100%;*/
    top: 50%;
    left: calc(100% + 12px);
    transform: translateY(-50%);
    padding: .5em 1em;
    border-radius: 3px;
    background-color: #00000099;
    color: #fff;
    font-size: .7em;
    white-space: nowrap;
    transition: opacity .3s;
}

.list_bn-r:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

.list_bn-r p.tooltip::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -6px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent #00000099 transparent transparent;
}