@charset "UTF-8";
/* ==========================================================
Name:
    module.css

Description:
    サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する
    汎用モジュールは、アルファベット降順(A->Z)に記述する
    ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、
    ファイル名のアルファベット降順(A->Z)にそれぞれ記述する

Contents:
    module
    page
    utility
========================================================== */
/*  border-radius
--------------------------------------------- */
/* ==========================================================
*
*   module
*
========================================================== */
/*  mod-h1
--------------------------------------------- */
.mod-h1 {
    padding: 40px 0 50px;
    font-weight: bold;
    font-size: 2rem;
}

@media screen and (max-width: 767px) {
    .mod-h1 {
        padding: 6.5189vw 0;
        font-size: 1.25rem;
    }
}

.mod-h1__sub {
    display: block;
    margin-top: 5px;
    word-break: break-all;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .mod-h1__sub {
        margin-top: 1.30378vw;
        font-size: 0.875rem;
    }
}

.mod-h2 {
    padding-bottom: 15px;
    color: #006835;
    font-weight: bold;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .mod-h2 {
        padding-bottom: 6.5189vw;
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 767px) {
    .mod-h2--tax {
        padding-bottom: 71.03781vw;
    }
}

.mod-h2--black {
    color: #000;
}

.mod-h2--wide {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .mod-h2--wide {
        padding-bottom: 3.91134vw;
    }
}

/*  mod-news-list
--------------------------------------------- */
.mod-news-list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 34px;
}

@media screen and (max-width: 767px) {
    .mod-news-list__link {
        margin-bottom: 8.86571vw;
    }
}

@media screen and (max-width: 767px) {
    .mod-news-list__link {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .mod-news-list__link:hover .mod-news-list__text {
        text-decoration: underline;
    }
}

@media screen and (min-width: 768px) {
    .mod-news-list__link--none:hover .mod-news-list__text {
        text-decoration: none;
    }
}

.mod-news-list__link--index {
    margin-bottom: 22px;
}

.mod-news-list__link--index-none .mod-news-list__text--index {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .mod-news-list__link--index {
        margin-bottom: 5.73664vw;
        position: relative;
    }
}

@media screen and (min-width: 768px) {
    .mod-news-list__link--index:hover .mod-news-list__text--index {
        text-decoration: none;
    }
}

.mod-news-list__inner {
    white-space: nowrap;
}

.mod-news-list__inner--news {
    padding-bottom: 1.30378vw;
    min-width: 230px;
}

@media screen and (max-width: 767px) {
    .mod-news-list__inner--news {
        min-width: auto;
        min-width: none;
        min-width: initial;
    }
}

.mod-news-list__item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .mod-news-list__item-info {
        padding-bottom: 1.95567vw;
    }
}

.mod-news-list__item-content {
    padding-left: 10px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .mod-news-list__item-content {
        padding-left: 0;
    }
}

.mod-news-list__date {
    margin-right: 15px;
    letter-spacing: -0.01em;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .mod-news-list__date {
        margin-right: 3.91134vw;
        font-size: 0.875rem;
    }
}

.mod-news-list__label {
    margin-right: 5px;
    padding: 1px 12px;
    color: #fff;
    font-weight: bold;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .mod-news-list__label {
        margin-right: 1.30378vw;
        padding: 0.52151vw 3.12907vw;
        font-size: 0.5625rem;
    }
}

.mod-news-list__label--category {
    background-color: #006835;
}

.mod-news-list__label--news {
    padding: 3px 12px;
    background-color: #d2ebdb;
    color: #000;
    font-weight: normal;
    font-weight: bold;
    font-size: 0.875rem;
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .mod-news-list__label--news {
        position: relative;
        top: -0.39113vw;
        margin-right: 1.30378vw;
        padding: 1.30378vw 3.12907vw;
        font-size: 0.5625rem;
    }
}

.mod-news-list__label--new {
    background-color: #ff8400;
}

.mod-news-list__text {
}

@media screen and (max-width: 767px) {
    .mod-news-list__text  {
        position: relative;
    }
}

.external .mod-news-list__text:after {
    position: absolute;
    display: inline-block;
    margin: 3px 0 0 6px;
    width: 16px;
    height: 16px;
    background-image: url(../img/news/icon_external.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    content: "";
}

@media screen and (max-width: 767px) {
    .external .mod-news-list__text:after {
        right: -5.21512vw;
        bottom: 0;
        margin: 0;
        width: 3.91134vw;
        height: 3.91134vw;
        background-size: 3.91134vw 3.91134vw;
    }
}

.mod-news-list__text--index {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .mod-news-list__text--index {
        font-size: 0.9rem;
    }
}

/*  mod__link
--------------------------------------------- */
.mod-link__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .mod-link__list {
        display: block;
    }
}

.mod-link__list--between {
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mod-link__list-item {
    width: 50%;
    background-color: #f7f7f7;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.mod-link__list-item:hover {
    opacity: 0.8;
}

.ios .mod-link__list-item:hover,
.android .mod-link__list-item:hover {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .mod-link__list-item {
        width: 100%;
    }
}

.mod-link__list-item img {
    width: 100%;
}

.mod-link__list-item--products {
    margin-top: 60px;
    width: 48.75%;
    background-color: #d2ebdb;
    background-color: #d2ebdb;
    background-position: top 50% right 10%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    .mod-link__list-item--products {
        margin-top: 7.82269vw;
        width: 100%;
    }
}

.mod-link__list-item--products-1 {
    background-image: url(../img/products/icon_01.png);
}

@media screen and (max-width: 767px) {
    .mod-link__list-item--products-1 {
        background-size: 10.95176vw 10.16949vw;
    }
}

.mod-link__list-item--products-2 {
    background-image: url(../img/products/icon_02.png);
}

@media screen and (max-width: 767px) {
    .mod-link__list-item--products-2 {
        background-size: 7.04042vw 10.16949vw;
    }
}

.mod-link__title {
    padding: 30px;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .mod-link__title {
        padding: 3.25945vw 4.56323vw;
        font-size: 1rem;
    }
}

.mod-link__title--index {
    padding: 20px;
}

@media screen and (max-width: 767px) {
    .mod-link__title--index {
        padding: 3.91134vw;
    }
}

.mod-link__title--technology {
    padding: 0;
}

.mod-link__title--products {
    padding: 30px 30px 95px;
}

@media screen and (max-width: 767px) {
    .mod-link__title--products {
        padding: 3.91134vw 3.91134vw 11.73403vw;
    }
}

.mod-link__title-item {
    position: relative;
}

.mod-link__title-item:after {
    position: absolute;
    top: 5px;
    right: -42px;
    display: inline-block;
    width: 7px;
    height: 11px;
    background-image: url(../img/common/icon_arrow_g.png);
    background-size: 7px 11px;
    background-repeat: no-repeat;
    content: "";
}

@media screen and (max-width: 767px) {
    .mod-link__title-item:after {
        top: 1.36897vw;
        right: -7.1708vw;
        width: 1.56454vw;
        height: 2.73794vw;
        background-image: url(../img/common/icon_arrow_g_sp.png);
        background-size: 1.56454vw 2.73794vw;
    }
}

.mod-link__title-item .small {
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .mod-link__title-item--scc:after {
        top: 5.86701vw;
        right: -65.18905vw;
    }
}

.mod-link__detail {
    padding: 30px 30px 35px;
}

@media screen and (max-width: 767px) {
    .mod-link__detail {
        padding: 3.91134vw;
    }
}

.mod-link__title-addition {
    padding: 10px 0;
    color: #006835;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .mod-link__title-addition {
        font-size: 0.875rem;
    }
}

.mod-link__text {
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .mod-link__image img {
        width: 100%;
    }
}

/*Table
--------------------------------------------- */
.mod-definition--about {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .mod-definition--about {
        padding-bottom: 7.82269vw;
    }
}

.mod-definition--history {
    border-left: 5px solid #006835;
}

.mod-definition__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    border-bottom: 1px solid #fff;
    font-size: 0.9375rem;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .mod-definition__block {
        display: table;
        font-size: 0.875rem;
    }
}

.mod-definition__block--adopt {
    display: table;
}

@media screen and (max-width: 767px) {
    .mod-definition__block--adopt {
        display: block;
    }
}

.mod-definition__block--condition {
    display: table;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
}

.mod-definition__block--condition:first-of-type {
    border-top: 1px solid #cfcfcf;
}

.apply .mod-definition__block--condition {
    display: block;
    padding: 0;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
}

@media screen and (max-width: 767px) {
    .apply .mod-definition__block--condition {
        border-bottom: none;
    }
}

.apply .mod-definition__block--condition:first-of-type {
    border-top: 1px solid #cfcfcf;
}

.mod-definition__title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8.5px 18px;
    min-width: 140px;
    border-right: 1px solid #fff;
    background-color: #d6eddf;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .mod-definition__title {
        display: table-cell;
        padding: 1.30378vw;
        min-width: 26.07562vw;
        vertical-align: middle;
    }
}

.mod-definition__title--adopt {
    display: table-cell;
    padding: 8.5px 20px;
    width: 200px;
    background-color: #e6f1ea;
}

@media screen and (max-width: 767px) {
    .mod-definition__title--adopt {
        padding: 3.91134vw;
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 767px) {
    .mod-definition__title--adopt {
        display: block;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        background-color: transparent;
    }
}

.mod-definition__title--condition {
    display: table-cell;
    min-width: 140px;
    border-right: 1px solid #cccccc;
    background-color: #eeeeee;
}

@media screen and (max-width: 767px) {
    .mod-definition__title--condition {
        min-width: 31.29074vw;
        text-align: left;
    }
    .apply .mod-definition__title--condition {
        display: block;
        padding: 2.60756vw;
        border-bottom: 1px solid #cccccc;
        background-color: transparent;
        text-align: left;
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .apply .mod-definition__title--condition {
        border-right: none;
    }
}

.mod-definition__text {
    padding: 8.5px 20px;
    width: 100%;
    background-color: #f6f6f6;
}

@media screen and (max-width: 738px) {
    .mod-definition__text {
        padding: 1.30378vw 2.60756vw;
    }
}

@media screen and (max-width: 767px) {
    .mod-definition__text {
        display: table-cell;
    }
}

.mod-definition__text--adopt {
    display: table-cell;
    padding: 8.5px 25px;
    width: 550px;
    line-height: 1.9;
}

@media screen and (max-width: 767px) {
    .mod-definition__text--adopt {
        display: block;
        padding: 3.91134vw;
        width: auto;
        background-color: transparent;
    }
}

.mod-definition__text--condition {
    display: table-cell;
    width: 100%;
    line-height: 1.7;
}

@media screen and (max-width: 767px) {
    .mod-definition__text--condition {
        width: 100%;
    }
    .apply .mod-definition__text--condition {
        display: block;
        width: auto;
        border-bottom: 1px solid #cccccc;
        background-color: transparent;
        text-align: left;
    }
}

/*  mod-btn
--------------------------------------------- */
.mod-btn--recruit {
    margin: 0 auto;
    width: 440px;
}

@media screen and (max-width: 767px) {
    .mod-btn--recruit {
        width: 100%;
    }
}

.mod-btn--tax {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .mod-btn--tax {
        margin-bottom: 10.43025vw;
    }
}

.mod-btn--tec {
    margin: 0 auto;
    width: 440px;
}

@media screen and (max-width: 767px) {
    .mod-btn--tec {
        width: 100%;
    }
}

.mod-btn--products {
    margin: 0 auto;
    margin-bottom: 50px;
    width: 440px;
}

@media screen and (max-width: 767px) {
    .mod-btn--products {
        margin-bottom: 6.5189vw;
        width: 100%;
    }
}

.mw_wp_form_confirm .mod-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    width: auto;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

@media screen and (max-width: 767px) {
    .mw_wp_form_confirm .mod-btn {
        display: block;
    }
}

.mod-btn--two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .mod-btn--two {
        display: block;
    }
}

.mod-btn--two-mb {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .mod-btn--two-mb {
        display: block;
        margin-bottom: 10.43025vw;
    }
}

.mod-btn--two--reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

.mod-btn--thanks {
    margin: 30px 0 246px;
    width: 390px;
}

@media screen and (max-width: 767px) {
    .mod-btn--thanks {
        margin: 3.91134vw 0 13.03781vw;
        width: 100%;
    }
}

.mod-btn--agent {
    width: 200px;
}

@media screen and (max-width: 767px) {
    .mod-btn--agent {
        margin-top: 3.91134vw;
        width: 100%;
    }
}

.mod-btn__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 80px;
    background-color: #006835;
    font-size: 1.25rem;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    cursor: pointer;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.mod-btn__item:hover {
    opacity: 0.8;
}

.ios .mod-btn__item:hover,
.android .mod-btn__item:hover {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .mod-btn__item {
        height: 15.64537vw;
        font-size: 1rem;
    }
}

.mw_wp_form_confirm .mod-btn__item {
    width: 48%;
}

@media screen and (max-width: 767px) {
    .mw_wp_form_confirm .mod-btn__item {
        margin-bottom: 3.91134vw;
        width: 100%;
    }
}

.mod-btn__item--submit {
    background-image: url(../img/common/icon_arrow_w.png);
    background-position: right 130px top 50%;
    background-size: 7px 11px;
    background-repeat: no-repeat;
    color: #fff;
    letter-spacing: 0.1em;
    font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
    .mod-btn__item--submit {
        background-position: right 24.77184vw top 50%;
        background-size: 1.56454vw 2.73794vw;
        font-size: 1.25rem;
    }
}

.mod-btn__item--reset {
    width: 48%;
    background-color: #868686;
    background-image: url(../img/common/icon_arrow_w.png);
    background-position: right 80px top 50%;
    background-size: 7px 11px;
    background-repeat: no-repeat;
    color: #fff;
    letter-spacing: 0.1em;
    font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
    .mod-btn__item--reset {
        width: 100%;
        background-position: right 15.64537vw top 50%;
        background-size: 1.56454vw 2.73794vw;
        font-size: 1.25rem;
    }
}

.mod-btn__item--two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48%;
}

@media screen and (max-width: 767px) {
    .mod-btn__item--two {
        -ms-flex-pack: center;
        -ms-flex-align: center;
        width: auto;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .mod-btn__item--two:first-of-type {
        margin-bottom: 3.25945vw;
    }
}

.mod-btn__item--agent {
    height: 40px;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .mod-btn__item--agent {
        height: 15.64537vw;
        font-size: 1rem;
    }
}

.mod-btn__item--tec {
    background-image: url(../img/common/icon_arrow_w.png);
    background-position: right 30px top 50%;
    background-size: 7px 11px;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    .mod-btn__item--tec {
        background-position: right 3.91134vw top 50%;
        background-size: 1.56454vw 2.73794vw;
    }
}

.mod-btn__item-text {
    padding-right: 25px;
    background-image: url(../img/common/icon_arrow_w.png);
    background-position: right 0 top 50%;
    background-size: 7px 11px;
    background-repeat: no-repeat;
    color: #fff;
}

.mod-btn__item-text--tec {
    background: none;
}

.mod-btn__item-text--agent {
    margin-left: 15px;
}

@media screen and (max-width: 767px) {
    .mod-btn__item-text {
        padding-right: 6.5189vw;
        background-size: 1.56454vw 2.73794vw;
    }
}

/*  mod-contact
--------------------------------------------- */
.mod-contact {
    margin-top: 65px;
    padding: 30px 30px 15px;
    border: 1px solid #cfcfcf;
}

@media screen and (max-width: 767px) {
    .mod-contact {
        margin-top: 8.47458vw;
        padding: 3.91134vw 3.91134vw 1.95567vw;
    }
}

.mod-contact--tax {
    margin-top: 0;
}

.mod-contact--m0 {
    margin-top: 0;
}

.mod-contact__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .mod-contact__text {
        padding-bottom: 6.5189vw;
    }
}

/*  mod-patent
--------------------------------------------- */
.mod-patent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
    font-size: 0.9375rem;
}

@media screen and (max-width: 767px) {
    .mod-patent {
        display: block;
        padding-bottom: 7.82269vw;
        font-size: 1rem;
    }
}

.mod-patent__title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
    min-width: 140px;
    background-color: #d2ebdb;
}

@media screen and (max-width: 767px) {
    .mod-patent__title {
        padding: 1.30378vw 1.95567vw;
        min-width: auto;
        min-width: none;
        min-width: initial;
    }
}

.mod-patent__text {
    padding: 10px 15px;
    width: 100%;
    background-color: #eeeeee;
}

@media screen and (max-width: 767px) {
    .mod-patent__text {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 1.30378vw 1.95567vw;
    }
}

/*  mod-title-line
--------------------------------------------- */
.mod-title-line {
    margin-bottom: 50px;
    padding: 50px 0 30px;
    border-bottom: 2px solid #000;
    font-weight: bold;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .mod-title-line {
        margin-bottom: 6.5189vw;
        padding: 6.5189vw 0 3.91134vw;
        font-size: 1.375rem;
    }
}

.mod-title-line--bind {
    padding: 25px 0 30px;
}

@media screen and (max-width: 767px) {
    .mod-title-line--bind {
        padding: 3.25945vw 0 3.91134vw;
    }
}

.mod-title-line--hyper {
    margin-bottom: 30px;
    padding: 30px 0 30px;
}

@media screen and (max-width: 767px) {
    .mod-title-line--hyper {
        margin-bottom: 3.91134vw;
        padding: 3.91134vw 0 3.91134vw;
    }
}

.mod-title-line--shuttle {
    margin-bottom: 30px;
    padding: 25px 0 30px;
}

@media screen and (max-width: 767px) {
    .mod-title-line--shuttle {
        margin-bottom: 3.91134vw;
        padding: 3.25945vw 0 3.91134vw;
    }
}

.mod-title-line--home {
    margin-bottom: 25px;
    padding: 43px 0 23px;
}

@media screen and (max-width: 767px) {
    .mod-title-line--home {
        margin-bottom: 3.25945vw;
        padding: 5.60626vw 0 2.9987vw;
    }
}

.mod-title-line--emergency {
    margin-bottom: 24px;
    padding: 58px 0 28px;
}

@media screen and (max-width: 767px) {
    .mod-title-line--emergency {
        margin-bottom: 3.12907vw;
        padding: 7.56193vw 0 3.65059vw;
    }
}

.mod-title-line--hyper-battery {
    margin-bottom: 24px;
    padding: 58px 0 28px;
}

@media screen and (max-width: 767px) {
    .mod-title-line--hyper-battery {
        margin-bottom: 3.12907vw;
        padding: 7.56193vw 0 3.65059vw;
    }
}

.mod-title-line--blp {
    margin-bottom: 24px;
    padding: 58px 0 28px;
}

@media screen and (max-width: 767px) {
    .mod-title-line--blp {
        margin-bottom: 3.12907vw;
        padding: 7.56193vw 0 3.65059vw;
    }
}
/*  table
--------------------------------------------- */
table {
    width: 100%;
    font-size: 0.9375rem;
}

table .title {
    padding: 8px 10px !important;
    background-color: #d2ebdb;
    vertical-align: middle;
    font-weight: bold;
}

.ie11 table .title {
    min-width: 80px;
}

@media screen and (max-width: 767px) {
    table .title {
        min-width: 80px;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    table .title {
        min-width: 200px;
    }
}

th {
    padding: 8px 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #d2ebdb;
    font-weight: bold;
}

th:last-of-type {
    border-right: none;
}

td {
    padding: 8px 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #eeeeee;
    vertical-align: top;
}

td:last-of-type {
    border-right: none;
}

td span {
    font-size: 0.75rem;
}

/* -- Original -- */
.green {
    background-color: #006835;
    color: #fff;
}

.cation {
    padding-top: 10px;
    text-align: center;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .cation {
        padding-top: 1.30378vw;
        font-size: 0.6875rem;
    }
}

.hyper1 th {
    min-width: 100px;
}

@media screen and (max-width: 767px) {
    .hyper2 {
        min-width: 720px;
    }
}

.hyper2 th {
    padding: 7px 7px 7px 14px;
}

.hyper2 .title {
    width: 140px;
}

.hyper2 td {
    width: 225px;
}

.home .title {
    min-width: 240px;
}

@media screen and (max-width: 767px) {
    .emergency {
        min-width: 840px;
    }
}

.emergency td {
    vertical-align: middle;
    text-align: center;
}

.emergency .title {
    text-align: left !important;
}

.emergency2 .title {
    min-width: 150px;
}

@media screen and (max-width: 767px) {
    .emergency2 .title {
        min-width: 200px;
    }
}

.emergency2 td {
    min-width: 180px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .hyper-battery {
        min-width: 840px;
    }
}

.hyper-battery td {
    vertical-align: middle;
    text-align: center;
}

.hyper-battery .title {
    text-align: left !important;
}

.hyper-battery2 .title {
    min-width: 150px;
}

@media screen and (max-width: 767px) {
    .hyper-battery2 .title {
        min-width: 200px;
    }
}

.hyper-battery2 td {
    min-width: 180px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .table-scroll {
        overflow-y: scroll;
    }
}

.table-caution {
    display: none;
}

@media screen and (max-width: 767px) {
    .table-caution {
        display: block;
        padding-bottom: 0.65189vw;
        text-align: right;
        font-size: 0.75rem;
    }
}

/*  breadcrumbs
--------------------------------------------- */
#breadcrumbs {
    margin: 0 auto;
    padding-top: 25px;
    padding-right: 0px;
    padding-left: 0px;
    max-width: 1080px;
    font-size: 0.875rem;
    color: #999;
}

@media screen and (max-width: 767px) {
    #breadcrumbs {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 3.06389%;
        padding-left: 3.06389%;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #breadcrumbs {
        padding-top: 95px;
        font-size: 0.75rem;
    }
}

#breadcrumbs a:hover {
    text-decoration: underline;
}

.ios #breadcrumbs a:hover,
.android #breadcrumbs a:hover {
    text-decoration: none;
}

/*  company
--------------------------------------------- */
.company {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .company {
        padding-bottom: 13.03781vw;
        width: 100%;
    }
}

/*  company-philosophy
--------------------------------------------- */
.company-philosophy {
    padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .company-philosophy {
        padding-bottom: 13.03781vw;
    }
}

.company-philosophy__block {
    padding-bottom: 33px;
}

.company-philosophy__block:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 767px) {
    .company-philosophy__block {
        padding-bottom: 7.82269vw;
    }
}

@media screen and (max-width: 767px) {
    .company-philosophy__block-image {
        padding-bottom: 7.82269vw;
    }
}

.company-philosophy__block-image img {
    float: right;
    margin: 0 0 15px 35px;
    width: 380px;
}

@media screen and (max-width: 767px) {
    .company-philosophy__block-image img {
        float: none;
        margin: 0;
        width: 100%;
    }
}

.company-philosophy__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .company-philosophy__text {
        padding-bottom: 6.5189vw;
    }
}

@media screen and (max-width: 767px) {
    .company-philosophy__image-wrap {
        overflow-y: scroll;
    }
}

.company-philosophy__image {
    padding-top: 35px;
}

@media screen and (max-width: 767px) {
    .company-philosophy__image {
        padding-top: 0.65189vw;
        min-width: 800px;
    }
}

.company-philosophy__image-caution {
    display: none;
}

@media screen and (max-width: 767px) {
    .company-philosophy__image-caution {
        display: block;
        text-align: right;
        font-size: 0.75rem;
    }
}

.company-philosophy__image-seo {
    display: block;
    overflow: hidden;
    height: 0;
}

/*  company-about
--------------------------------------------- */
.company-about {
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .company-about {
        padding-bottom: 7.82269vw;
    }
}

.company-about__text {
    padding-bottom: 15px;
    padding-bottom: 32px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .company-about__text {
        padding-bottom: 6.5189vw;
    }
}

@media screen and (max-width: 767px) {
    .company-about__text {
        padding-bottom: 7.82269vw;
    }
}

.company-about__map {
    padding: 14px 0 43px;
}

@media screen and (max-width: 767px) {
    .company-about__map {
        padding: 0 0 3.91134vw;
    }
}

.company-about__map iframe {
    width: 100%;
    height: 400px;
}

@media screen and (max-width: 767px) {
    .company-about__map iframe {
        height: 52.15124vw;
    }
}

/*  company-boardmember
--------------------------------------------- */
.company-boardmember {
    padding-bottom: 32px;
}

@media screen and (max-width: 767px) {
    .company-boardmember {
        padding-bottom: 4.1721vw;
    }
}

.company-boardmember__block-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .company-boardmember__block-inner {
        display: block;
        padding-bottom: 7.82269vw;
    }
}

.company-boardmember__block-inner--p0 {
    padding: 0;
}

.company-boardmember__block-text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .company-boardmember__block-text {
        padding-bottom: 6.5189vw;
    }
}

.company-boardmember__block-image {
    margin-right: 16px;
    max-width: 250px;
}

@media screen and (max-width: 767px) {
    .company-boardmember__block-image {
        margin-right: 0;
        padding-bottom: 7.82269vw;
        max-width: auto;
        max-width: none;
        max-width: initial;
        width: auto;
        text-align: center;
    }
}

.company-boardmember__block-detail {
    max-width: 540px;
}

@media screen and (max-width: 767px) {
    .company-boardmember__block-detail {
        max-width: 767px;
    }
}

.company-boardmember__definition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .company-boardmember__definition {
        padding-bottom: 3.91134vw;
    }
}

.company-boardmember__definition:last-of-type {
    padding-bottom: 43px;
}

@media screen and (max-width: 767px) {
    .company-boardmember__definition:last-of-type {
        padding-bottom: 5.60626vw;
    }
}

.company-boardmember__definition:first-of-type {
    padding-bottom: 26px !important;
}

@media screen and (max-width: 767px) {
    .company-boardmember__definition:first-of-type {
        padding-bottom: 3.38983vw !important;
    }
}

@media screen and (max-width: 767px) {
    .company-boardmember__definition--last {
        padding-bottom: 15.64537vw !important;
    }
}

.company-boardmember__definition-year {
    min-width: 90px;
    font-weight: bold;
}

.company-boardmember__definition-year--first {
    margin-top: 2px;
}

.ie11 .company-boardmember__definition-year--first {
    margin-top: 4px;
}

@media screen and (max-width: 767px) {
    .company-boardmember__definition-year {
        min-width: 23.46806vw;
    }
}

.company-boardmember__definition-text {
    word-break: break-all;
    line-height: 1.7;
}

/*  company-history
--------------------------------------------- */
.company-history {
    padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .company-history {
        padding-bottom: 13.03781vw;
    }
}

/*  news
--------------------------------------------- */
.news {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .news {
        padding-bottom: 4.1721vw;
    }
}

/*  news-detail
--------------------------------------------- */
.news-detail {
    padding-bottom: 50px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .news-detail {
        padding-bottom: 6.5189vw;
    }
}

.news-detail__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    margin-bottom: -20px;
    padding-top: 55px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .news-detail__head {
        display: block;
        margin-bottom: 0;
        padding-top: 8.99609vw;
    }
}

.news-detail__info {
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .news-detail__info {
        font-size: 0.875rem;
    }
}

.news-detail__info-date {
    margin-right: 20px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .news-detail__info-date {
        margin-right: 5.21512vw;
    }
}

.news-detail__info-category {
    padding: 1px 12px;
    background-color: #d2ebdb;
}

@media screen and (max-width: 767px) {
    .news-detail__info-category {
        padding: 1.30378vw 3.12907vw;
    }
}

.news-detail__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
}

@media screen and (max-width: 767px) {
    .news-detail__sns {
        padding-top: 5.21512vw;
    }
}

.news-detail__sns-block:last-of-type {
    margin-left: 25px;
}

@media screen and (max-width: 767px) {
    .news-detail__sns-block:last-of-type {
        margin-top: -2.5px;
        margin-right: 6.5189vw;
    }
}

/* ---------------------------------------------
*   other
--------------------------------------------- */
/*  privacypolicy
--------------------------------------------- */
.privacypolicy {
    padding-right: 0px;
    padding-bottom: 100px;
    padding-left: 0px;
    max-width: 800px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .privacypolicy {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 3.06389%;
        padding-left: 3.06389%;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .privacypolicy {
        padding-bottom: 13.03781vw;
    }
}

.privacypolicy__text {
    padding-bottom: 15px;
    padding-bottom: 45px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .privacypolicy__text {
        padding-bottom: 6.5189vw;
    }
}

.privacypolicy__text--pb {
    padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .privacypolicy__text--pb {
        padding-bottom: 2.60756vw;
    }
}

@media screen and (max-width: 767px) {
    .privacypolicy__text {
        padding-bottom: 5.86701vw;
    }
}

.privacypolicy__list {
    padding-bottom: 45px;
    line-height: 1.9;
}

@media screen and (max-width: 767px) {
    .privacypolicy__list {
        padding-bottom: 5.86701vw;
    }
}

/*  sitemap
--------------------------------------------- */
.sitemap {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sitemap {
        padding-bottom: 13.03781vw;
    }
}

.sitemap__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: start;

    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sitemap__block:after {
    display: block;
    width: 350px;
    content: "";
}

@media screen and (max-width: 767px) {
    .sitemap__block:after {
        display: none;
    }
}

.sitemap__list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 25px;
    width: 350px;
    background-color: #f7f7f7;
}

@media screen and (max-width: 767px) {
    .sitemap__list {
        margin-bottom: 5.21512vw;
        padding: 6.5189vw;
        width: 100%;
    }
}

.sitemap__link {
    display: inline-block;
    margin-bottom: 7px;
    border-bottom: 1px solid #000;
}

@media screen and (min-width: 768px) {
    .sitemap__link:hover {
        border-bottom: 1px solid #f7f7f7;
    }
}

@media screen and (max-width: 767px) {
    .sitemap__link {
        margin-bottom: 1.82529vw;
    }
}

.sitemap__link--title {
    margin-bottom: 24px;
    padding-right: 73px;
    border-bottom: none;
    background-image: url(../img/common/icon_arrow_g.png);
    background-position: right 0 top 50%;
    background-size: 7px 11px;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.125rem;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.sitemap__link--title:hover {
    opacity: 0.8;
}

.ios .sitemap__link--title:hover,
.android .sitemap__link--title:hover {
    opacity: 1;
}

@media screen and (min-width: 768px) {
    .sitemap__link--title:hover {
        border-bottom: none;
    }
}

@media screen and (max-width: 767px) {
    .sitemap__link--title {
        margin-bottom: 3.12907vw;
        padding-right: 9.5176vw;
        background-image: url(../img/common/icon_arrow_g_sp.png);
        background-size: 1.56454vw 2.73794vw;
        font-size: 1.125rem;
    }
}

.sitemap__link--contact {
    margin-bottom: 0;
    padding-right: 37px;
}

@media screen and (max-width: 767px) {
    .sitemap__link--contact {
        padding-right: 4.82399vw;
    }
}

.sitemap__link--privacy {
    margin-bottom: 0;
    padding-right: 40px;
}

@media screen and (max-width: 767px) {
    .sitemap__link--privacy {
        padding-right: 4.82399vw;
    }
}

/*  contact
--------------------------------------------- */
.contact__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .contact__text {
        padding-bottom: 6.5189vw;
    }
}

/* ---------------------------------------------
*   wysiwyg
--------------------------------------------- */
.wysiwyg:after {
    display: block;
    clear: both;
    content: "";
}

/*  wordpress class
--------------------------------------------- */
.wysiwyg img.alignleft {
    float: left;
    margin-right: 50px;
}

@media screen and (max-width: 767px) {
    .wysiwyg img.alignleft {
        margin-right: 104.30248vw;
    }
}

.wysiwyg img.alignright {
    float: right;
    margin-left: 50px;
}

@media screen and (max-width: 767px) {
    .wysiwyg img.alignright {
        margin-left: 10.43025vw;
    }
}

.wysiwyg img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 767px) {
    .wysiwyg img.alignleft {
        display: block;
        float: none;
        margin-right: auto;
        margin-left: auto;
    }
    .wysiwyg img.alignright {
        display: block;
        float: none;
        margin-right: auto;
        margin-left: auto;
    }
}

/* wysiwyg default
--------------------------------------------- */
.wysiwyg sup {
    vertical-align: super;
    font-size: smaller;
}

.wysiwyg sub {
    vertical-align: sub;
    font-size: smaller;
}

.wysiwyg h1 {
    font-size: 2em;
}

.wysiwyg h2 {
    font-size: 1.5em;
}

.wysiwyg h3 {
    font-size: 1.17em;
}

.wysiwyg h4 {
    font-size: 100%;
}

.wysiwyg h5 {
    font-size: 0.83em;
}

.wysiwyg h6 {
    font-size: 0.67em;
}

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
    font-weight: bold;
}

.wysiwyg i,
.wysiwyg strong {
    font-weight: bold;
}

.wysiwyg p {
    margin-bottom: 40px;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .wysiwyg p {
        margin-bottom: 10.43025vw;
    }
}

.wysiwyg em {
    font-style: italic;
}

.wysiwyg a {
    color: #43a0c0;
    text-decoration: underline;
}

.wysiwyg a:hover {
    text-decoration: none;
}

.wysiwyg ul {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 40px;
    list-style-type: disc;
}

@media screen and (max-width: 767px) {
    .wysiwyg ul {
        padding-left: 1em;
    }
}

.wysiwyg ol {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 40px;
    list-style-type: decimal;
}

@media screen and (max-width: 767px) {
    .wysiwyg ol {
        padding-left: 1em;
    }
}

.wysiwyg li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.wysiwyg blockquote {
    margin: 1.12em 0;
}

@media screen and (max-width: 767px) {
    .wysiwyg p {
        margin-top: 1.0em;
    }
}

/*  products
--------------------------------------------- */
.products {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .products {
        padding-bottom: 13.03781vw;
    }
}

/*  products-home
--------------------------------------------- */
.products-home {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .products-home {
        padding-bottom: 13.03781vw;
    }
}

.products-home__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .products-home__text {
        padding-bottom: 6.5189vw;
    }
}

.products-home__text--small {
    margin-top: -5px;
    letter-spacing: -0.01em;
    font-size: 1rem;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .products-home__text--small {
        font-size: 1rem;
    }
}

.products-home__text--pb {
    padding: 30px 0;
}

.products-home__text--pb--wide {
    padding: 30px 0 63px;
}

@media screen and (max-width: 767px) {
    .products-home__text--pb--wide {
        padding: 3.91134vw 0;
    }
}

@media screen and (max-width: 767px) {
    .products-home__text--pb {
        padding: 3.91134vw 0;
    }
}

.products-home__block-image {
    padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .products-home__block-image {
        padding-bottom: 5.21512vw;
    }
}

.products-home__block-image--quarter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding-bottom: 0;
    width: calc(100% - 75%);
    border-right: 1px solid #fff;
    text-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .products-home__block-image--quarter {
        padding: 5.21512vw 0;
        width: auto;
    }
}

.products-home__block-image--small {
    padding-bottom: 0;
}

.products-home__block-image--full {
    padding-bottom: 75px;
}

@media screen and (max-width: 767px) {
    .products-home__block-image--full {
        padding-bottom: 9.77836vw;
    }
}

.products-home__block-image--wide {
    padding-bottom: 65px;
}

@media screen and (max-width: 767px) {
    .products-home__block-image--wide {
        padding-bottom: 13.03781vw;
    }
}

.products-home__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .products-home__block {
        display: block;
    }
}

.products-home__block--static {
    display: block;
    padding-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .products-home__block--static {
        padding-bottom: 4.56323vw;
    }
}

.products-home__block--gray {
    border-bottom: 1px solid #fff;
    background-color: #fafafa;
}

.products-home__block--gray:first-of-type {
    border-top: 1px solid #fff;
}

.products-home__block--gray:last-of-type {
    border-top: 1px solid #fff;
}

.products-home__block-detail {
    width: 48.75%;
}

@media screen and (max-width: 767px) {
    .products-home__block-detail {
        width: auto;
    }
}

.products-home__block-detail--quarter {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 30px;
    width: 75%;
}

@media screen and (max-width: 767px) {
    .products-home__block-detail--quarter {
        padding: 2.34681vw 3.91134vw;
        width: auto;
    }
}

.products-home__block-detail--small {
    margin-top: -5px;
    margin-left: 15px;
    width: 56%;
}

.products-home__text-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 130px;
    height: 35px;
    background-color: #ff8400;
    color: #fff;
    font-weight: bold;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .products-home__text-label {
        margin-bottom: 7.82269vw;
        width: 39.11343vw;
        height: 10.43025vw;
    }
}

.products-home__title {
    padding: 27px 30px;
    background-color: #eeeeee;
    font-weight: bold;
    font-size: 1.125rem;
}

.windows.firefox .products-home__title sup {
    font-size: 0.6em !important;
}

.windows.ie11 .products-home__title sup {
    font-size: 0.6em !important;
}

.windows.edge .products-home__title sup {
    font-size: 0.8em !important;
}

@media screen and (max-width: 767px) {
    .products-home__title {
        padding: 3.91134vw;
        font-size: 1.125rem;
    }
}

.products-home__description {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .products-home__description {
        padding-bottom: 6.5189vw;
    }
}

@media screen and (max-width: 767px) {
    .products-home__overflow {
        overflow-y: scroll;
    }
}

.products-home__image-bg {
    background-color: #ffffff;
    text-align: center;
}

.products-home__image-bg img {
    max-width: 600px;
}

.products-home__line {
    margin: 68px 0 19px;
    padding: 30px 30px 26px;
    border: 1px solid #006835;
}

@media screen and (max-width: 767px) {
    .products-home__line {
        margin: 8.86571vw 0 2.34681vw;
        padding: 3.91134vw 3.91134vw 3.38983vw;
    }
}

.products-home__line-caution {
    padding-bottom: 50px;
    text-align: right;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .products-home__line-caution {
        padding-bottom: 6.5189vw;
        text-align: left;
        font-size: 0.75rem;
    }
}

.products-home__block-item2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    width: 48.5%;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .products-home__block-item2 {
        width: auto;
    }
    .products-home__block-item2 .bold {
        padding-bottom: 2.60756vw;
    }
}

.products-home__block-item3 {
    width: 240px;
}

@media screen and (max-width: 767px) {
    .products-home__block-item3 {
        width: auto;
    }
}

.products-home__block-item3 .products-home__block-image {
    padding-bottom: 65px;
}

@media screen and (max-width: 767px) {
    .products-home__block-item3 .products-home__block-image {
        padding-bottom: 8.47458vw;
        text-align: center;
    }
}

.products-home__list {
    padding: 20px 0 49px;
}

@media screen and (max-width: 767px) {
    .products-home__list {
        padding: 2.60756vw 0 6.5189vw;
    }
}

.products-home__list-item {
    padding: 3.3px 0;
    font-size: 0.875rem;
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .products-home__list-item {
        padding: 0.43025vw 0;
        font-size: 0.875rem;
    }
}

/*  products-emergency
--------------------------------------------- */
.products-emergency {
    padding-bottom: 100px;
    width: 100%;
}

.products-emergency__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .products-emergency__text {
        padding-bottom: 6.5189vw;
    }
}

.products-emergency__text--caution {
    font-size: 0.75rem;
}

.products-emergency__text--pb25 {
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .products-emergency__text--pb25 {
        padding-bottom: 3.25945vw;
    }
}

.products-emergency__text--pb50 {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .products-emergency__text--pb50 {
        padding-bottom: 6.5189vw;
    }
}

.products-emergency__text--mh {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .products-emergency__text--mh {
        min-height: auto;
        min-height: none;
        min-height: initial;
    }
}

.products-emergency__image {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .products-emergency__image {
        padding-bottom: 7.82269vw;
    }
}

.products-emergency__block-image {
    padding: 10px 0px 20px;
    text-align: center;
}

.products-emergency__block-image--pt {
    padding: 5px 0 20px;
}

@media screen and (max-width: 767px) {
    .products-emergency__block-image--pt {
        padding: 1.30378vw 0 2.60756vw;
    }
}

@media screen and (max-width: 767px) {
    .products-emergency__block-image {
        padding: 1.30378vw 0 2.60756vw;
    }
}

.products-emergency__block-image--wide {
    margin: 0 auto;
    padding: 10px 0 55px;
    max-width: 504px;
}

@media screen and (max-width: 767px) {
    .products-emergency__block-image--wide {
        padding: 1.30378vw 0 7.1708vw;
    }
}

.products-emergency__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .products-emergency__block {
        display: block;
    }
}

.products-emergency__block--pd {
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .products-emergency__block--pd {
        padding-bottom: 3.25945vw;
    }
}

.products-emergency__block--bg {
    margin: 28px 0 26px;
    padding: 30px 30px 11px;
    background-color: #e5e5e5;
}

@media screen and (max-width: 767px) {
    .products-emergency__block--bg {
        margin: 3.25945vw 0 6.5189vw;
        padding: 3.91134vw 3.91134vw 1.30378vw;
    }
}

.products-emergency__block-detail {
    width: 48.75%;
}

.products-emergency__block-detail--short {
    width: 47.5%;
}

@media screen and (max-width: 767px) {
    .products-emergency__block-detail {
        width: auto;
    }
}

.products-emergency__text-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 130px;
    height: 35px;
    background-color: #ff8400;
    color: #fff;
    font-weight: bold;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .products-emergency__text-label {
        margin-bottom: 7.82269vw;
        width: 39.11343vw;
        height: 10.43025vw;
    }
}

.products-emergency__description {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .products-emergency__description {
        padding-bottom: 6.5189vw;
    }
}

.products-emergency__block-item2 {
    padding-bottom: 35px;
    width: 48.5%;
}

@media screen and (max-width: 767px) {
    .products-emergency__block-item2 {
        padding-bottom: 4.56323vw;
        width: auto;
    }
}

.products-emergency__list {
    padding: 20px 0 49px;
}

@media screen and (max-width: 767px) {
    .products-emergency__list {
        padding: 2.60756vw 0 6.5189vw;
    }
}

.products-emergency__list-item {
    padding: 3.3px 0;
    font-size: 0.875rem;
    line-height: 1.65;
}

@media screen and (max-width: 767px) {
    .products-emergency__list-item {
        padding: 0.43025vw;
        font-size: 0.875rem;
    }
}

.products-emergency__image-bg {
    margin-bottom: 25px;
    background-color: #ffffff;
    text-align: center;
}

.products-emergency__image-bg img {
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    .products-emergency__image-bg {
        padding-bottom: 3.25945vw;
    }
}

.products-emergency__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0 50px;
    padding: 0 20px;
    width: 315px;
    height: 58px;
    background-color: #d2ebdb;
    background-image: url(../img/common/icon_arrow_g.png);
    background-position: right 20px top 50%;
    background-size: 7px 11px;
    background-repeat: no-repeat;
    color: #000;
    font-weight: bold;
    font-size: 1.125rem;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .products-emergency__link {
        margin: 2.60756vw 0 6.5189vw;
        padding: 0 2.60756vw;
        width: auto;
        height: 15.64537vw;
        background-position: right 2.60756vw top 50%;
        background-size: 1.56454vw 2.73794vw;
        font-size: 1.125rem;
    }
}

.products-emergency__caution {
    position: relative;
    margin: 28px 0 56px;
    padding: 16px 30px 15px;
    background-color: #d2ebdb;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .products-emergency__caution {
        margin: 7.56193vw 0 7.30117vw;
        padding: 3.91134vw;
        font-size: 1.125rem;
    }
}

.products-emergency__caution:before {
    position: absolute;
    top: -18px;
    right: 60px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 9px 18px 9px;
    border-style: solid;
    border-color: transparent transparent #d2ebdb transparent;
    content: "";
}

/*  products-hyper-battery
--------------------------------------------- */
.products-hyper-battery {
    padding-bottom: 100px;
    width: 100%;
}

.products-hyper-battery__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__text {
        padding-bottom: 6.5189vw;
    }
}

.products-hyper-battery__text--caution {
    font-size: 0.75rem;
}

.products-hyper-battery__text--pb25 {
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__text--pb25 {
        padding-bottom: 3.25945vw;
    }
}

.products-hyper-battery__text--pb50 {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__text--pb50 {
        padding-bottom: 6.5189vw;
    }
}

.products-hyper-battery__text--mh {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__text--mh {
        min-height: auto;
        min-height: none;
        min-height: initial;
    }
}

.products-hyper-battery__image {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__image {
        padding-bottom: 7.82269vw;
    }
}

.products-hyper-battery__block-image {
    padding: 10px 0px 20px;
    text-align: center;
}

.products-hyper-battery__block-image--pt {
    padding: 5px 0 20px;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__block-image--pt {
        padding: 1.30378vw 0 2.60756vw;
    }
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__block-image {
        padding: 1.30378vw 0 2.60756vw;
    }
}

.products-hyper-battery__block-image--wide {
    margin: 0 auto;
    padding: 10px 0 55px;
    max-width: 504px;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__block-image--wide {
        padding: 1.30378vw 0 7.1708vw;
    }
}

.products-hyper-battery__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__block {
        display: block;
    }
}

.products-hyper-battery__block--pd {
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__block--pd {
        padding-bottom: 3.25945vw;
    }
}

.products-hyper-battery__block--bg {
    margin: 28px 0 26px;
    padding: 30px 30px 11px;
    background-color: #e5e5e5;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__block--bg {
        margin: 3.25945vw 0 6.5189vw;
        padding: 3.91134vw 3.91134vw 1.30378vw;
    }
}

.products-hyper-battery__block-detail {
    width: 48.75%;
}

.products-hyper-battery__block-detail--short {
    width: 47.5%;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__block-detail {
        width: auto;
    }
}

.products-hyper-battery__text-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 130px;
    height: 35px;
    background-color: #ff8400;
    color: #fff;
    font-weight: bold;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__text-label {
        margin-bottom: 7.82269vw;
        width: 39.11343vw;
        height: 10.43025vw;
    }
}

.products-hyper-battery__description {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__description {
        padding-bottom: 6.5189vw;
    }
}

.products-hyper-battery__block-item2 {
    padding-bottom: 35px;
    width: 48.5%;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__block-item2 {
        padding-bottom: 4.56323vw;
        width: auto;
    }
}

.products-hyper-battery__list {
    padding: 20px 0 49px;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__list {
        padding: 2.60756vw 0 6.5189vw;
    }
}

.products-hyper-battery__list-item {
    padding: 3.3px 0;
    font-size: 0.875rem;
    line-height: 1.65;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__list-item {
        padding: 0.43025vw;
        font-size: 0.875rem;
    }
}

.products-hyper-battery__image-bg {
    margin-bottom: 25px;
    background-color: #ffffff;
    text-align: center;
}

.products-hyper-battery__image-bg img {
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__image-bg {
        padding-bottom: 3.25945vw;
    }
}

.products-hyper-battery__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0 50px;
    padding: 0 20px;
    width: 315px;
    height: 58px;
    background-color: #d2ebdb;
    background-image: url(../img/common/icon_arrow_g.png);
    background-position: right 20px top 50%;
    background-size: 7px 11px;
    background-repeat: no-repeat;
    color: #000;
    font-weight: bold;
    font-size: 1.125rem;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__link {
        margin: 2.60756vw 0 6.5189vw;
        padding: 0 2.60756vw;
        width: auto;
        height: 15.64537vw;
        background-position: right 2.60756vw top 50%;
        background-size: 1.56454vw 2.73794vw;
        font-size: 1.125rem;
    }
}

.products-hyper-battery__caution {
    position: relative;
    margin: 28px 0 56px;
    padding: 16px 30px 15px;
    background-color: #d2ebdb;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .products-hyper-battery__caution {
        margin: 7.56193vw 0 7.30117vw;
        padding: 3.91134vw;
        font-size: 1.125rem;
    }
}

.products-hyper-battery__caution:before {
    position: absolute;
    top: -18px;
    right: 60px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 9px 18px 9px;
    border-style: solid;
    border-color: transparent transparent #d2ebdb transparent;
    content: "";
}


/*  products-blp
--------------------------------------------- */
.products-blp {
    padding-bottom: 100px;
    width: 100%;
}

.products-blp__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .products-blp__text {
        padding-bottom: 6.5189vw;
    }
}

.products-blp__text--caution {
    font-size: 0.75rem;
}

.products-blp__text--pb25 {
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .products-blp__text--pb25 {
        padding-bottom: 3.25945vw;
    }
}

.products-blp__text--pb50 {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .products-blp__text--pb50 {
        padding-bottom: 6.5189vw;
    }
}

.products-blp__text--mh {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .products-blp__text--mh {
        min-height: auto;
        min-height: none;
        min-height: initial;
    }
}

.products-blp__image {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .products-blp__image {
        padding-bottom: 7.82269vw;
    }
}

.products-blp__block-image {
    padding: 10px 0px 20px;
    text-align: center;
}

.products-blp__block-image--pt {
    padding: 5px 0 20px;
}

@media screen and (max-width: 767px) {
    .products-blp__block-image--pt {
        padding: 1.30378vw 0 2.60756vw;
    }
}

@media screen and (max-width: 767px) {
    .products-blp__block-image {
        padding: 1.30378vw 0 2.60756vw;
    }
}

.products-blp__block-image--wide {
    margin: 0 auto;
    padding: 10px 0 55px;
    max-width: 504px;
}

@media screen and (max-width: 767px) {
    .products-blp__block-image--wide {
        padding: 1.30378vw 0 7.1708vw;
    }
}

.products-blp__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .products-blp__block {
        display: block;
    }
}

.products-blp__block--pd {
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .products-blp__block--pd {
        padding-bottom: 3.25945vw;
    }
}

.products-blp__block--bg {
    margin: 28px 0 26px;
    padding: 30px 30px 11px;
    background-color: #e5e5e5;
}

@media screen and (max-width: 767px) {
    .products-blp__block--bg {
        margin: 3.25945vw 0 6.5189vw;
        padding: 3.91134vw 3.91134vw 1.30378vw;
    }
}

.products-blp__block-detail {
    width: 48.75%;
}

.products-blp__block-detail--short {
    width: 47.5%;
}

@media screen and (max-width: 767px) {
    .products-blp__block-detail {
        width: auto;
    }
}

.products-blp__text-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 130px;
    height: 35px;
    background-color: #ff8400;
    color: #fff;
    font-weight: bold;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .products-blp__text-label {
        margin-bottom: 7.82269vw;
        width: 39.11343vw;
        height: 10.43025vw;
    }
}

.products-blp__description {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .products-blp__description {
        padding-bottom: 6.5189vw;
    }
}

.products-blp__block-item2 {
    padding-bottom: 35px;
    width: 48.5%;
}

@media screen and (max-width: 767px) {
    .products-blp__block-item2 {
        padding-bottom: 4.56323vw;
        width: auto;
    }
}

.products-blp__list {
    padding: 20px 0 49px;
}

@media screen and (max-width: 767px) {
    .products-blp__list {
        padding: 2.60756vw 0 6.5189vw;
    }
}

.products-blp__list-item {
    padding: 3.3px 0;
    font-size: 0.875rem;
    line-height: 1.65;
}

@media screen and (max-width: 767px) {
    .products-blp__list-item {
        padding: 0.43025vw;
        font-size: 0.875rem;
    }
}

.products-blp__image-bg {
    margin-bottom: 25px;
    background-color: #ffffff;
    text-align: center;
}

.products-blp__image-bg img {
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    .products-blp__image-bg {
        padding-bottom: 3.25945vw;
    }
}

.products-blp__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0 50px;
    padding: 0 20px;
    width: 315px;
    height: 58px;
    background-color: #d2ebdb;
    background-image: url(../img/common/icon_arrow_g.png);
    background-position: right 20px top 50%;
    background-size: 7px 11px;
    background-repeat: no-repeat;
    color: #000;
    font-weight: bold;
    font-size: 1.125rem;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .products-blp__link {
        margin: 2.60756vw 0 6.5189vw;
        padding: 0 2.60756vw;
        width: auto;
        height: 15.64537vw;
        background-position: right 2.60756vw top 50%;
        background-size: 1.56454vw 2.73794vw;
        font-size: 1.125rem;
    }
}

.products-blp__caution {
    position: relative;
    margin: 28px 0 56px;
    padding: 16px 30px 15px;
    background-color: #d2ebdb;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .products-blp__caution {
        margin: 7.56193vw 0 7.30117vw;
        padding: 3.91134vw;
        font-size: 1.125rem;
    }
}

.products-blp__caution:before {
    position: absolute;
    top: -18px;
    right: 60px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 9px 18px 9px;
    border-style: solid;
    border-color: transparent transparent #d2ebdb transparent;
    content: "";
}

















.products-pe__link {
	border: 1px solid #0F8444;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px;
	display: inline;
}

.products-pe__link a {
	color: #0F8444;
}

/*  products-agent
--------------------------------------------- */
.products-agent {
    padding-bottom: 40px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .products-agent {
        padding-bottom: 5.21512vw;
    }
}

.products-agent__text {
    padding-bottom: 15px;
    padding-bottom: 18px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .products-agent__text {
        padding-bottom: 6.5189vw;
    }
}

@media screen and (max-width: 767px) {
    .products-agent__text {
        padding-bottom: 2.34681vw;
    }
}

.products-agent__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding-bottom: 38px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .products-agent__list {
        padding-bottom: 10.43025vw;
    }
}

.products-agent__list-item {
    padding: 26px 0;
    width: 49%;
}

@media screen and (max-width: 767px) {
    .products-agent__list-item {
        padding: 6.5189vw 0;
        width: 100%;
    }
}

.products-agent__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding: 12px 0;
    min-height: 70px;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .products-agent__image {
        display: block;
        padding: 2.60756vw 0;
        max-width: auto;
        max-width: none;
        max-width: initial;
    }
}

/*  products-download
--------------------------------------------- */
.products-download {
    padding-bottom: 64px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .products-download {
        padding-bottom: 0;
    }
}

.products-download__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 767px) {
    .products-download__block {
        display: block;
    }
}

.products-download__block--half {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .products-download__block--half {
        width: 100%;
    }
}

.products-download__block-item {
    padding-bottom: 60px;
    width: 50%;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.products-download__block-item:hover {
    opacity: 0.8;
}

.ios .products-download__block-item:hover,
.android .products-download__block-item:hover {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .products-download__block-item {
        padding-bottom: 13.03781vw;
        width: 100%;
    }
}

.products-download__block-item--full {
    width: 100%;
}

.products-download__block-item a {
    display: block;
    width: 100%;
}

.products-download__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding: 33px 0;
    background-color: #d2ebdb;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .products-download__image {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 4.56323vw;
        width: 100%;
    }
}

.products-download__block-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 30px 37px;
    min-height: 120px;
    background-color: #f7f7f7;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .products-download__block-text {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 4.82399vw 3.91134vw 4.82399vw;
        width: 100%;
        font-size: 1.125rem;
    }
}

.products-download__block-text--none {
    min-height: auto;
    min-height: none;
    min-height: initial;
}

.products-download__block-text-item {
    position: relative;
}

.products-download__block-text-item:after {
    position: absolute;
    top: 5px;
    right: -42px;
    display: inline-block;
    width: 7px;
    height: 11px;
    background-image: url(../img/common/icon_arrow_g.png);
    background-size: 7px 11px;
    background-repeat: no-repeat;
    content: "";
}

@media screen and (max-width: 767px) {
    .products-download__block-text-item:after {
        top: 1.36897vw;
        right: -7.1708vw;
        width: 1.56454vw;
        height: 2.73794vw;
        background-image: url(../img/common/icon_arrow_g_sp.png);
        background-size: 1.56454vw 2.73794vw;
    }
}

.products-download__block-text-item--wide:after {
    top: 16px;
    right: -170px;
}

.firefox .products-download__block-text-item--wide:after {
    right: -40px;
}

@media screen and (max-width: 767px) {
    .products-download__block-text-item--wide:after {
        top: 5.21512vw;
        right: -49.54368vw;
    }
}

/*  recruit
--------------------------------------------- */
.recruit {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .recruit {
        padding-bottom: 13.03781vw;
        width: 100%;
    }
}

/*  recruit-message
--------------------------------------------- */
.recruit-message {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .recruit-message {
        padding-bottom: 5.21512vw;
    }
}

.recruit-message__image {
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .recruit-message__image {
        padding-bottom: 7.82269vw;
    }
}

.recruit-message__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .recruit-message__block {
        display: block;
    }
}

.recruit-message__block--reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

.recruit-message__block-detail {
    width: 385px;
}

@media screen and (max-width: 767px) {
    .recruit-message__block-detail {
        width: 100%;
    }
}

.recruit-message__block-detail-text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .recruit-message__block-detail-text {
        padding-bottom: 6.5189vw;
    }
}

.recruit-message__block-image {
    width: 385px;
}

@media screen and (max-width: 767px) {
    .recruit-message__block-image {
        padding-bottom: 7.82269vw;
        width: 100%;
        text-align: center;
    }
}

/*  recruit-adopt
--------------------------------------------- */
.recruit-adopt {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .recruit-adopt {
        padding-bottom: 13.03781vw;
    }
}

.recruit-adopt__block {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .recruit-adopt__block {
        padding-bottom: 7.82269vw;
    }
}

.recruit-adopt__block-title {
    padding: 30px;
    border-bottom: 1px solid #fff;
    background-color: #e6f1ea;
    font-weight: bold;
    font-size: 1.875rem;
}

@media screen and (max-width: 767px) {
    .recruit-adopt__block-title {
        padding: 3.91134vw;
        padding-bottom: 3.91134vw;
        font-size: 1rem;
    }
}

/*  recruit-application
--------------------------------------------- */
.recruit-application {
    padding-bottom: 100px;
    width: 100%;
}

.recruit-application--contact {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .recruit-application {
        padding-bottom: 13.03781vw;
    }
}

.recruit-application__block {
    padding-bottom: 30px;
    font-size: 0.9375rem;
}

@media screen and (max-width: 767px) {
    .recruit-application__block {
        padding-bottom: 3.91134vw;
        font-size: 1rem;
    }
}

.mw_wp_form_confirm .recruit-application__block {
    margin-bottom: 60px;
    padding: 30px;
    background-color: #eeeeee;
}

@media screen and (max-width: 767px) {
    .mw_wp_form_confirm .recruit-application__block {
        padding: 3.91134vw;
    }
}

.recruit-application__block--confirm {
    margin-bottom: 60px;
    padding: 30px 30px 10px;
    background-color: #eeeeee;
}

@media screen and (max-width: 767px) {
    .recruit-application__block--confirm {
        margin-bottom: 7.82269vw;
        padding: 3.91134vw 3.91134vw 1.30378vw;
    }
}

.recruit-application__definition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding-bottom: 59px;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .recruit-application__definition {
        display: block;
        padding-bottom: 7.82269vw;
    }
}

.recruit-application__definition--top {
    -ms-flex-align: start;

    -webkit-box-align: start;
    align-items: flex-start;
}

.mw_wp_form_confirm .recruit-application__definition--top--confirm {
    padding-bottom: 0;
}

.recruit-application__definition--file {
    padding-bottom: 0;
}

.recruit-application__definition--confirm {
    padding-bottom: 32px;
}

@media screen and (max-width: 767px) {
    .recruit-application__definition--confirm {
        padding-bottom: 7.82269vw;
    }
}

.recruit-application__definition-title {
    min-width: 180px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .recruit-application__definition-title {
        padding-bottom: 2.60756vw;
        min-width: auto;
        min-width: none;
        min-width: initial;
    }
}

.recruit-application__definition-title .required {
    color: #ff5a00;
}

.recruit-application__definition-title--top {
    padding-top: 15px;
}

.mw_wp_form_confirm .recruit-application__definition-title--top {
    padding-top: 0;
}

@media screen and (max-width: 767px) {
    .recruit-application__definition-title--top {
        padding-top: 1.95567vw;
    }
}

.recruit-application__definition-text {
    width: 100%;
}

.recruit-application__definition-text--confirm {
    font-weight: bold;
}

.recruit-application__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    min-height: 40px;
    width: 100%;
    border: 1px solid #626262;
    border-radius: 7px;
    font-size: 0.9375rem;
}

.mwform-checkbox-field .recruit-application__input {
    min-height: 10px;
}

@media screen and (max-width: 767px) {
    .recruit-application__input {
        padding: 0 2.60756vw;
        min-height: 10.43025vw;
        font-size: 1rem;
    }
}

.recruit-application__input--file {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 50px;
    opacity: 0;
}

@media screen and (max-width: 767px) {
    .recruit-application__input--file {
        width: 100%;
        height: 13.03781vw;
    }
}

.recruit-application__textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    min-height: 200px;
    width: 100%;
    border: 1px solid #626262;
    border-radius: 7px;
    font-size: 0.9375rem;
}

@media screen and (max-width: 767px) {
    .recruit-application__textarea {
        padding: 1.30378vw 2.60756vw;
        font-size: 1rem;
    }
}

.recruit-application__file {
    position: relative;
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .recruit-application__file {
        padding-bottom: 3.25945vw;
    }
}

.recruit-application__file-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    height: 50px;
    border: 1px solid #626262;
    border-radius: 7px;
    background-color: #dcdcdc;
    font-size: 1rem;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.recruit-application__file-label:hover {
    opacity: 0.8;
}

.ios .recruit-application__file-label:hover,
.android .recruit-application__file-label:hover {
    opacity: 1;
}

.recruit-application__file-label .error {
    font-size: 0.75rem !important;
}

@media screen and (max-width: 767px) {
    .recruit-application__file-label .error {
        font-size: 0.5625rem !important;
    }
}

@media screen and (max-width: 767px) {
    .recruit-application__file-label {
        width: 100%;
        height: 13.03781vw;
        font-size: 0.8125rem;
    }
}

.recruit-application__file-text {
    padding-top: 13px;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .recruit-application__file-text {
        word-break: break-all;
        font-size: 0.875rem;
    }
}

.recruit-application__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
}

.recruit-application__column--textarea {
    padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .recruit-application__column--textarea {
        display: block;
        padding-bottom: 1.95567vw;
    }
}

.recruit-application__column--check {
    position: relative;
}

.recruit-application__column--check .error {
    position: absolute;
    top: 20px;
    left: 0px;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .recruit-application__column--check .error {
        font-size: 0.875rem;
    }
}

.recruit-application__link:hover {
    text-decoration: underline;
}

.ios .recruit-application__link:hover,
.android .recruit-application__link:hover {
    text-decoration: none;
}

.recruit-application__definition-checktext {
    display: block;
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .recruit-application__definition-checktext {
        padding-bottom: 3.25945vw;
    }
}

.recruit-application__radio {
    margin-right: 25px;
}

@media screen and (max-width: 767px) {
    .recruit-application__radio--none {
        margin-right: 0;
        margin-bottom: 1.95567vw;
    }
}

input[type="radio"] {
    -webkit-appearance: radio;
}

@media screen and (max-width: 767px) {
    input[type="radio"] {
        width: 3.91134vw;
        height: 3.91134vw;
    }
    .ios input[type="radio"] {
        position: relative;
        margin-right: 0;
        border: 1px solid #000 !important;
        border-radius: 50%;
        background-color: #f7f7f7 !important;

        -webkit-appearance: none;
    }
    .ios input[type="radio"]:checked:before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 1.69492vw;
        height: 1.69492vw;
        border-radius: 50%;
        background: #000;
        content: "";
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .android input[type="radio"] {
        position: relative;
        margin-right: 0;
        border: 1px solid #000 !important;
        border-radius: 50%;
        background-color: #f7f7f7 !important;

        -webkit-appearance: none;
    }
    .android input[type="radio"]:checked:before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 1.69492vw;
        height: 1.69492vw;
        border-radius: 50%;
        background: #000;
        content: "";
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

input[type="checkbox"] {
    margin-right: 25px;
    width: auto;

    -webkit-appearance: checkbox;
}

@media screen and (max-width: 767px) {
    input[type="checkbox"] {
        margin-right: 6.5189vw;
        width: 3.91134vw;
    }
}

@media screen and (max-width: 767px) {
    .mwform-checkbox-field label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;

        -webkit-box-align: center;
        align-items: center;
    }
}

.error {
    padding-top: 10px;
}

/*  technology
--------------------------------------------- */
.technology {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .technology {
        padding-bottom: 13.03781vw;
        width: 100%;
    }
}

/*technology-bind
--------------------------------------------- */
.technology-bind {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .technology-bind {
        padding-bottom: 13.03781vw;
    }
}

.technology-bind__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .technology-bind__text {
        padding-bottom: 6.5189vw;
    }
}

.technology-bind__text--green {
    color: #006835;
}

.technology-bind__text--pb25 {
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .technology-bind__text--pb25 {
        padding-bottom: 6.5189vw;
    }
}

.technology-bind__text--pb50 {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .technology-bind__text--pb50 {
        padding-bottom: 13.03781vw;
    }
}

.technology-bind__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding: 6px 0 30px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .technology-bind__description {
        display: block;
        padding: 2.60756vw 0 7.82269vw;
    }
}

.technology-bind__description-title {
    padding: 10px 20px;
    border-bottom: 1px solid #fff;
    background-color: #d2ebdb;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .technology-bind__description-title {
        padding: 1.30378vw 2.60756vw;
        text-align: center;
    }
}

.technology-bind__description-title--detail {
    margin: 0 0 20px;
    padding: 0;
    border-bottom: none;
    background-image: url(../img/common/icon_arrow_g.png);
    background-position: top 50% right 45px;
    background-size: 7px 11px;
    background-repeat: no-repeat;
    font-size: 0.9375rem;
}

@media screen and (max-width: 767px) {
    .technology-bind__description-title--detail {
        margin: 3.91134vw 0;
        background-position: top 50% right 1.30378vw;
        background-size: 1.56454vw 2.73794vw;
        text-align: left;
    }
}

.technology-bind__description-image {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .technology-bind__description-image img {
        width: 100%;
    }
}

.technology-bind__description-item {
    width: 48.75%;
}

@media screen and (max-width: 767px) {
    .technology-bind__description-item--pb {
        padding-bottom: 3.91134vw;
    }
}

@media screen and (max-width: 767px) {
    .technology-bind__description-item {
        width: auto;
    }
}

.technology-bind__block {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .technology-bind__block {
        padding-bottom: 3.91134vw;
    }
}

.technology-bind__block-image {
    padding: 40px 0;
}

@media screen and (max-width: 767px) {
    .technology-bind__block-image {
        padding: 5.21512vw 0;
    }
}

.technology-bind__description-detail {
    padding: 30px;
    background-color: #d2ebdb;
    font-size: 0.875rem;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.technology-bind__description-detail:hover {
    opacity: 0.8;
}

.ios .technology-bind__description-detail:hover,
.android .technology-bind__description-detail:hover {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .technology-bind__description-detail {
        padding: 3.91134vw;
    }
}

.technology-bind__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding-bottom: 50px;
    font-size: 1.125rem;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

.technology-bind__link:hover {
    opacity: 0.8;
}

.ios .technology-bind__link:hover,
.android .technology-bind__link:hover {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .technology-bind__link {
        display: block;
        padding-bottom: 6.5189vw;
        font-size: 1.125rem;
    }
}

.technology-bind__image--5 {
    max-width: 500px;
}

.technology-bind__image--6 {
    max-width: 500px;
}

.technology-bind__link-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    width: 48.75%;
    background-color: #d2ebdb;
}

@media screen and (max-width: 767px) {
    .technology-bind__link-item {
        display: block;
        padding: 3.91134vw;
        width: auto;
    }
}

.technology-bind__link-item .small {
    display: block;
    padding-top: 25px;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .technology-bind__link-item .small {
        padding-top: 3.25945vw;
        font-size: 0.875rem;
    }
}

.technology-bind__link-item-text {
    position: relative;
    font-weight: bold;
}

.technology-bind__link-item-text:after {
    position: absolute;
    top: 5px;
    right: -42px;
    display: inline-block;
    width: 7px;
    height: 11px;
    background-image: url(../img/common/icon_arrow_g.png);
    background-size: 7px 11px;
    background-repeat: no-repeat;
    content: "";
}

@media screen and (max-width: 767px) {
    .technology-bind__link-item-text:after {
        top: 1.30378vw;
        right: -5.21512vw;
        width: 1.43416vw;
        height: 2.73794vw;
        background-size: 1.56454vw 2.73794vw;
    }
}

/*  technology-case
--------------------------------------------- */
.technology-case {
    padding-bottom: 60px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .technology-case {
        padding-bottom: 7.82269vw;
    }
}

.technology-case__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding-bottom: 50px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .technology-case__block {
        display: block;
        padding-bottom: 6.5189vw;
    }
}

.technology-case__block--static {
    display: block;
}

.technology-case__block--static .technology-case__block-image {
    padding-bottom: 60px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .technology-case__block--static .technology-case__block-image {
        padding-bottom: 7.82269vw;
    }
}

.technology-case__block--static .technology-case__block-image:last-of-type {
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .technology-case__block--static .technology-case__block-image:last-of-type {
        padding-bottom: 1.30378vw;
    }
}

.technology-case__block--static--pb10 {
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .technology-case__block--static--pb10 {
        padding-bottom: 1.30378vw;
    }
}

.technology-case__block-detail {
    width: 385px;
}

@media screen and (max-width: 767px) {
    .technology-case__block-detail {
        width: auto;
    }
}

.technology-case__block-image {
    text-align: center;
}

.technology-case__block-image--2 {
    margin: 0 auto;
    max-width: 572px;
}

.technology-case__block-image--3 {
    margin: 0 auto;
    max-width: 681px;
}

.technology-case__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .technology-case__text {
        padding-bottom: 6.5189vw;
    }
}

/*  technology-hyper
--------------------------------------------- */
.technology-hyper {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .technology-hyper {
        padding-bottom: 13.03781vw;
    }
}

.technology-hyper__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .technology-hyper__text {
        padding-bottom: 6.5189vw;
    }
}

.technology-hyper__text--pb0 {
    padding-bottom: 0;
}

.technology-hyper__text--pb30 {
    padding-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .technology-hyper__text--pb30 {
        padding-bottom: 4.56323vw;
    }
}

.technology-hyper__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding: 39px 0;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .technology-hyper__block {
        display: block;
        padding: 5.08475vw 0;
    }
}

.technology-hyper__block--two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    padding: 15px 0;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .technology-hyper__block--two {
        display: block;
        padding: 3.91134vw 0;
    }
}

.technology-hyper__block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding: 50px 0;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .technology-hyper__block__inner {
        display: block;
        padding: 6.5189vw 0;
    }
}

.technology-hyper__block--static {
    display: block;
}

.technology-hyper__block--static-pd {
    padding: 15px 0;
}

@media screen and (max-width: 767px) {
    .technology-hyper__block--static-pd {
        padding: 3.91134vw;
    }
}

.technology-hyper__block-item {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .technology-hyper__block-item {
        width: auto;
    }
}

.technology-hyper__image {
    text-align: center;
}

.technology-hyper__image--left {
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .technology-hyper__image--left {
        margin-left: 2.60756vw;
    }
}

.technology-hyper__image--full {
    margin: 0 auto;
    padding-bottom: 50px;
    max-width: 500px;
}

@media screen and (max-width: 767px) {
    .technology-hyper__image--full {
        padding-bottom: 6.5189vw;
    }
}

.technology-hyper__image--mt {
    margin-top: -22px;
}

@media screen and (max-width: 767px) {
    .technology-hyper__image--mt {
        margin-top: 0;
        margin-bottom: 6.5189vw;
    }
}

@media screen and (max-width: 767px) {
    .technology-hyper__image--sp {
        padding-bottom: 7.82269vw;
    }
}

.technology-hyper__block-image {
    padding-bottom: 12px;
}

@media screen and (max-width: 767px) {
    .technology-hyper__block-image {
        padding-bottom: 1.56454vw;
    }
}

.technology-hyper__block2 {
    margin-bottom: 50px;
    padding: 27px 30px 47px;
    border: 1px solid #006835;
}

@media screen and (max-width: 767px) {
    .technology-hyper__block2 {
        margin-bottom: 6.5189vw;
        padding: 3.52021vw 3.91134vw 4.82399vw;
    }
}

.technology-hyper__block2-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .technology-hyper__block2-inner {
        display: block;
    }
}

.technology-hyper__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    width: 48.75%;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .technology-hyper__item {
        padding-bottom: 2.60756vw;
        width: auto;
    }
}

.technology-hyper__detail {
    width: 190px;
}

@media screen and (max-width: 767px) {
    .technology-hyper__detail {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 5.21512vw;
        width: 59%;
    }
}

.technology-hyper__detail-title {
    margin-top: -3px;
    padding-bottom: 10px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .technology-hyper__detail-title {
        margin-top: -1.30378vw;
        padding-bottom: 1.30378vw;
    }
}

@media screen and (max-width: 767px) {
    .technology-hyper__detail-text {
        font-size: 0.875rem;
    }
}

/*  technology-shuttle
--------------------------------------------- */
.technology-shuttle {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .technology-shuttle {
        padding-bottom: 13.03781vw;
    }
}

.technology-shuttle__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .technology-shuttle__text {
        padding-bottom: 6.5189vw;
    }
}

.technology-shuttle__text--pb30 {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .technology-shuttle__text--pb30 {
        padding-bottom: 3.91134vw;
    }
}

.technology-shuttle__text--pd0 {
    padding-bottom: 0;
}

.technology-shuttle__image--full {
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .technology-shuttle__image--full {
        padding-bottom: 3.91134vw;
    }
}

.technology-shuttle__block {
    padding: 35px 0 50px;
}

@media screen and (max-width: 767px) {
    .technology-shuttle__block {
        padding: 4.56323vw 0 6.5189vw;
    }
}

.technology-shuttle__block--pd {
    padding: 0 0 55px;
}

@media screen and (max-width: 767px) {
    .technology-shuttle__block--pd {
        padding: 0 0 7.1708vw;
    }
}

.technology-shuttle__block-image--2 {
    max-width: 632px;
}

.technology-shuttle__block-image--4 {
    max-width: 386px;
}

.technology-shuttle__block-image--5 {
    max-width: 500px;
}

/*  technology-scc
--------------------------------------------- */
.technology-scc {
    padding-bottom: 100px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .technology-scc {
        padding-bottom: 13.03781vw;
    }
}

.technology-scc__text {
    padding-bottom: 15px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .technology-scc__text {
        padding-bottom: 6.5189vw;
    }
}

.technology-scc__text--pb30 {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .technology-scc__text--pb30 {
        padding-bottom: 3.91134vw;
    }
}

.technology-scc__title {
    padding: 10px 0 50px;
    text-align: center;
    font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
    .technology-scc__title {
        padding: 1.30378vw 0 6.5189vw;
        font-size: 1.21875rem;
    }
}

.technology-scc__image--2 {
    max-width: 500px;
}

.technology-scc__image--3 {
    max-width: 725px;
}

.technology-scc__image--4 {
    max-width: 534px;
}

.technology-scc__image--5 {
    max-width: 500px;
}

.technology-scc__image--full {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .technology-scc__image--full {
        padding-bottom: 3.91134vw;
    }
}

.technology-scc__image--left {
    margin-left: 100px;
    padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .technology-scc__image--left {
        margin-left: 0;
        padding-bottom: 1.95567vw;
        text-align: center;
    }
}

.technology-scc__list {
    padding: 25px 0 40px;
    line-height: 1.7;
}

@media screen and (max-width: 767px) {
    .technology-scc__list {
        padding: 3.25945vw 0 5.21512vw;
    }
}

/* ==========================================================
*
*   page
*
========================================================== */
/* ---------------------------------------------
*   Index Page
--------------------------------------------- */
.index {
    padding-bottom: 100px;
    width: 100%;
    /* -- news -- */
}

@media screen and (max-width: 767px) {
    .index {
        padding-bottom: 13.03781vw;
    }
}

.index__keyvisual {
    position: relative;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .index__keyvisual {
        margin-top: 0;
        width: 100%;
    }
}

.index__keyvisual-image {
    margin-right: -100px;
    text-align: right;
}

.index__keyvisual-image img {
    max-width: 960px;
}

@media screen and (max-width: 767px) {
    .index__keyvisual-image img {
        max-width: auto;
        max-width: none;
        max-width: initial;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .index__keyvisual-image {
        margin-right: 0;
        margin-left: 6.5189vw;
        padding-top: 18.90482vw;
    }
}

.ipad .index__keyvisual-image {
    margin-right: 0;
}

.androidtablet .index__keyvisual-image {
    margin-right: 0;
}

.index__keyvisual-catch {
    position: absolute;
    top: 150px;
    left: -60px;
    color: #006835;
    font-size: 2rem;
}

@media screen and (max-width: 767px) {
    .index__keyvisual-catch {
        top: 5.21512vw;
        right: 0;
        left: auto;
        font-size: 0.75rem;
    }
}

.index__keyvisual-catch .big {
    font-weight: bold;
    font-size: 3.75rem;
}

@media screen and (max-width: 767px) {
    .index__keyvisual-catch .big {
        font-size: 1.4375rem;
    }
}

.ipad .index__keyvisual-catch {
    left: 0;
}

.androidtablet .index__keyvisual-catch {
    left: 0;
}

.index__keyvisual-description {
    position: absolute;
    bottom: -89px;
    left: 0;
    padding: 34px 26px;
    background-color: #006835;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .index__keyvisual-description {
        bottom: -39.72099vw;
        padding: 5.21512vw 6.5189vw;
    }
}

.index__keyvisual-description-title {
    padding-bottom: 27px;
    font-size: 24px;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    .index__keyvisual-description-title {
        padding-bottom: 0;
        font-size: 1.0875rem;
        line-height: 1.5;
    }
}

.index__news {
    padding: 140px 0 40px;
}

@media screen and (max-width: 767px) {
    .index__news {
        padding: 44.32855vw 3.91134vw 5.21512vw;
    }
}

.index__news-head {
    padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .index__news-head {
        padding-bottom: 7.82269vw;
    }
}

.index__news-title {
    display: inline;
    font-weight: bold;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .index__news-title {
        color: #006835;
        font-size: 1rem;
    }
}

.index__news-link {
    position: relative;
    margin-left: 30px;
    padding-left: 20px;
    background-image: url(../img/common/icon_arrow_g.png);
    background-position: 6px 4px;
    background-size: 5.5px 8px;
    background-repeat: no-repeat;
    color: #006835;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.index__news-link:hover {
    opacity: 0.8;
}

.ios .index__news-link:hover,
.android .index__news-link:hover {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .index__news-link {
        margin-left: 2.60756vw;
        padding-left: 5.21512vw;
        background-position: 1.56454vw 50%;
        background-size: 1.43416vw 2.21643vw;
        font-size: 0.625rem;
    }
}

/* ==========================================================
*
*   utility
*
========================================================== */
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 767px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 0.65189vw !important;
    }
    .mgt-sp--10 {
        margin-top: 1.30378vw !important;
    }
    .mgt-sp--15 {
        margin-top: 1.95567vw !important;
    }
    .mgt-sp--20 {
        margin-top: 2.60756vw !important;
    }
    .mgt-sp--25 {
        margin-top: 3.25945vw !important;
    }
    .mgt-sp--30 {
        margin-top: 3.91134vw !important;
    }
    .mgt-sp--35 {
        margin-top: 4.56323vw !important;
    }
    .mgt-sp--40 {
        margin-top: 5.21512vw !important;
    }
    .mgt-sp--45 {
        margin-top: 5.86701vw !important;
    }
    .mgt-sp--50 {
        margin-top: 6.5189vw !important;
    }
    .mgt-sp--55 {
        margin-top: 7.1708vw !important;
    }
    .mgt-sp--60 {
        margin-top: 7.82269vw !important;
    }
    .mgt-sp--65 {
        margin-top: 8.47458vw !important;
    }
    .mgt-sp--70 {
        margin-top: 9.12647vw !important;
    }
    .mgt-sp--75 {
        margin-top: 9.77836vw !important;
    }
    .mgt-sp--80 {
        margin-top: 10.43025vw !important;
    }
    .mgt-sp--85 {
        margin-top: 11.08214vw !important;
    }
    .mgt-sp--90 {
        margin-top: 11.73403vw !important;
    }
    .mgt-sp--95 {
        margin-top: 12.38592vw !important;
    }
    .mgt-sp--100 {
        margin-top: 13.03781vw !important;
    }
    .mgt-sp--105 {
        margin-top: 13.6897vw !important;
    }
    .mgt-sp--110 {
        margin-top: 14.34159vw !important;
    }
    .mgt-sp--115 {
        margin-top: 14.99348vw !important;
    }
    .mgt-sp--120 {
        margin-top: 15.64537vw !important;
    }
    .mgt-sp--125 {
        margin-top: 16.29726vw !important;
    }
    .mgt-sp--130 {
        margin-top: 16.94915vw !important;
    }
    .mgt-sp--135 {
        margin-top: 17.60104vw !important;
    }
    .mgt-sp--140 {
        margin-top: 18.25293vw !important;
    }
    .mgt-sp--145 {
        margin-top: 18.90482vw !important;
    }
    .mgt-sp--150 {
        margin-top: 19.55671vw !important;
    }
    .mgt-sp--155 {
        margin-top: 20.2086vw !important;
    }
    .mgt-sp--160 {
        margin-top: 20.8605vw !important;
    }
    .mgt-sp--165 {
        margin-top: 21.51239vw !important;
    }
    .mgt-sp--170 {
        margin-top: 22.16428vw !important;
    }
    .mgt-sp--175 {
        margin-top: 22.81617vw !important;
    }
    .mgt-sp--180 {
        margin-top: 23.46806vw !important;
    }
    .mgt-sp--185 {
        margin-top: 24.11995vw !important;
    }
    .mgt-sp--190 {
        margin-top: 24.77184vw !important;
    }
    .mgt-sp--195 {
        margin-top: 25.42373vw !important;
    }
    .mgt-sp--200 {
        margin-top: 26.07562vw !important;
    }
    .mgt-sp--205 {
        margin-top: 26.72751vw !important;
    }
    .mgt-sp--210 {
        margin-top: 27.3794vw !important;
    }
    .mgt-sp--215 {
        margin-top: 28.03129vw !important;
    }
    .mgt-sp--220 {
        margin-top: 28.68318vw !important;
    }
    .mgt-sp--225 {
        margin-top: 29.33507vw !important;
    }
    .mgt-sp--230 {
        margin-top: 29.98696vw !important;
    }
    .mgt-sp--235 {
        margin-top: 30.63885vw !important;
    }
    .mgt-sp--240 {
        margin-top: 31.29074vw !important;
    }
    .mgt-sp--245 {
        margin-top: 31.94263vw !important;
    }
    .mgt-sp--250 {
        margin-top: 32.59452vw !important;
    }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 767px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 0.65189vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 1.30378vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 1.95567vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 2.60756vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 3.25945vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 3.91134vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 4.56323vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 5.21512vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 5.86701vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 6.5189vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 7.1708vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 7.82269vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 8.47458vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 9.12647vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 9.77836vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 10.43025vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 11.08214vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 11.73403vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 12.38592vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 13.03781vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 13.6897vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 14.34159vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 14.99348vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 15.64537vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 16.29726vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 16.94915vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 17.60104vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 18.25293vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 18.90482vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 19.55671vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 20.2086vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 20.8605vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 21.51239vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 22.16428vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 22.81617vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 23.46806vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 24.11995vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 24.77184vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 25.42373vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 26.07562vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 26.72751vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 27.3794vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 28.03129vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 28.68318vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 29.33507vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 29.98696vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 30.63885vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 31.29074vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 31.94263vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 32.59452vw !important;
    }
}

@media screen and (min-width: 768px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .sp-hide {
        display: none !important;
    }
}

p.deadline {
	color: #FF0000 !important;
	font-size: 18px;
	font-weight: bold;
	text-decoration-line: underline;
}

span.supplement {
	font-size: 12px;
}





.swiper-container{
	text-align: center;
}
.swiper-container .swiper-slide img{
	max-width: 100%;
	height: auto;
}
.prettyprint{
	border: none;
	background: #fafafa;
	color: #697d86;
}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

img.icon_blank {
	vertical-align: top !important;
	margin: 3px 10px 0 0 !important;
}

/*--------------------------------------------------
CatalogBnr
--------------------------------------------------*/
#CatalogBnr{
  display: block;
  overflow:hidden;
  height: 131px;
  margin:50px 0 0;
  background-color: #006835;
  border:#006835 1px solid;
  color:#fff;
}
#CatalogBnr:hover{
  text-decoration: none;
  opacity:0.8;
}
#CatalogBnr h3{
  display:inline-block;
  padding:30px 10px 0 30px;
  font-size:15px;
  line-height: 1.3;
}
#CatalogBnr h3 em{
  display:block;
  font-size:22px;
  font-weight: bold;
}
#CatalogBnr span{
 display:inline-block;
  padding:5px 20px;
  border:#fff 1px solid;
  margin-left:20px;
  vertical-align: text-bottom;
}
#CatalogBnr p{float: right;}

  @media screen and (max-width:767px){
    #CatalogBnr{height: auto; margin:40px 0 0;}
    #CatalogBnr h3{display:block; padding:10px; font-size:12px; text-align: center;}
    #CatalogBnr h3 em{font-size:18px;}
    #CatalogBnr span{display: block; width:50%; text-align: center; margin:0 auto 10px;}
    #CatalogBnr p{display: block; float: none; background-color:#fff; text-align: center;}
    #CatalogBnr p img{width:100px; height: 65px;}
  }

/*--------------------------------------------------
productBnr
--------------------------------------------------*/
#productBnr{
  display: block;
  overflow:hidden;
  height: 131px;
  margin:50px 0 0;
  background-color: #006835;
  border:#006835 1px solid;
  color:#fff;
}
#productBnr:hover{
  text-decoration: none;
  opacity:0.8;
}
#productBnr h3{
  display:inline-block;
  padding:30px 10px 0 30px;
  font-size:18px;
  line-height: 1.3;
}
#productBnr h3 em{
  display:block;
  font-size:41px;
  font-weight: bold;
}
#productBnr span{
  display:inline-block;
  padding:5px 20px;
  border:#fff 1px solid;
  margin-left:20px;
  vertical-align: text-bottom;
}
#productBnr p{float: right;}

  @media screen and (max-width:767px){
    #productBnr{height: auto; margin:40px 0 0;}
    #productBnr h3{display:block; padding:10px; font-size:14px; text-align: center;}
    #productBnr h3 em{font-size:22px;}
    #productBnr span{display: block; width:50%; text-align: center; margin:0 auto 10px;}
    #productBnr p{display: block; float: none; background-color:#fff; text-align: center;}
    #productBnr p img{width:100px; height: 65px;}
  }

/*--------------------------------------------------
YouTube
--------------------------------------------------*/
.yt{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.yt iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}