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

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

Contents:
    module
    page
    utility
========================================================== */
/* ==========================================================
*
*   module
*
========================================================== */
/* ---------------------------------------------
*   clearfix
--------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

.js-fadein {
    opacity: 0;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
}

.js-fadein.js-fadein--content {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* ---------------------------------------------
*   container
--------------------------------------------- */
.container {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}

@media screen and (max-width: 767px) {
    .container {
        margin-right: 2.66667vw;
        margin-left: 2.66667vw;
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    .container--sp-none {
        margin-right: 0;
        margin-left: 0;
    }
}

.container-narrow {
    margin-right: auto;
    margin-left: auto;
    width: 1176px;
}

@media screen and (max-width: 767px) {
    .container-narrow {
        margin-right: 2.66667vw;
        margin-left: 2.66667vw;
        width: auto;
    }
}

/* ---------------------------------------------
*   main-keyvisual
--------------------------------------------- */
.main-keyvisual {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.main-keyvisual__inner {
    margin: 0 auto;
    padding: 165px 20px 179px;
    width: 1200px;
}

@media screen and (max-width: 767px) {
    .main-keyvisual__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        padding: 2.66667vw 2.4vw;
        min-height: 27.33333vw;
        width: auto;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.main-keyvisual__title {
    color: #FFF;
    line-height: 1.4;
}

.main-keyvisual__title-jp {
    display: block;
    font-weight: bold;
    font-size: 54px;
}

@media screen and (max-width: 767px) {
    .main-keyvisual__title-jp {
        font-size: 5.33333vw;
    }
}

.main-keyvisual__title-en {
    display: block;
    letter-spacing: 3px;
    font-weight: normal;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .main-keyvisual__title-en {
        letter-spacing: normal;
        font-size: 2.66667vw;
    }
}

.main-keyvisual--technical {
    background-image: url(/img/common/img_keyvisual_technical.jpg);
}

.main-keyvisual--work {
    background-image: url(/img/common/img_keyvisual_works.jpg);
}

.main-keyvisual--corporate {
    background-image: url(/img/common/img_keyvisual_corporate.jpg);
}

.main-keyvisual--information {
    background-image: url(/img/common/img_keyvisual_information.jpg);
}

.main-keyvisual--contact {
    background-image: url(/img/common/img_keyvisual_contact.jpg);
}

.main-keyvisual--business {
    background-image: url(/img/common/img_keyvisual_business.jpg);
}

/* ---------------------------------------------
*   search-area
--------------------------------------------- */
.search-area {
    padding: 20px 0;
    background-color: #F6F6F6;
}

@media screen and (max-width: 767px) {
    .search-area {
        padding: 4vw 0;
    }
}

.search-area--gnav {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    background-color: transparent;
}

.search-area--gnav .search-area__title-en {
    color: #fff;
}

.search-area--gnav .search-area__title-jp {
    color: #fff;
}

.search-area--gnav .search-area__target-form {
    width: 550px;
}

@media screen and (max-width: 767px) {
    .search-area--gnav .search-area__target-form {
        width: 73.33333vw;
    }
}

.search-area--gnav .search-area__target-form-text {
    margin-right: 50px;
    width: 500px;
}

@media screen and (max-width: 767px) {
    .search-area--gnav .search-area__target-form-text {
        margin-right: 6.66667vw;
        width: 66.66667vw;
    }
}

.search-area__title {
    text-align: center;
}

.search-area__title-en {
    display: block;
    font-weight: bold;
    font-size: 35px;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .search-area__title-en {
        font-size: 4.66667vw;
    }
}

.search-area__title-jp {
    display: block;
    font-size: 16px;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .search-area__title-jp {
        font-size: 2.13333vw;
    }
}

.search-area__target-form {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    width: 540px;
    border: 1px solid #909090;
}

@media screen and (max-width: 767px) {
    .search-area__target-form {
        width: 72vw;
    }
}

.search-area__target-form-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    width: 500px;
    height: 50px;
    background-color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .search-area__target-form-text {
        padding: 0.66667vw 1.33333vw;
        width: 66.66667vw;
        height: 6.66667vw;
        font-size: 2.4vw;
    }
}

.search-area__target-form-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 50px;
    height: 50px;
    border: 0;
    background: #212A4B url(/img/common/icon_search_white.png) no-repeat 50% 50%;
    background-size: 21px auto;
    text-indent: -9999px;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .search-area__target-form-button {
        width: 6.66667vw;
        height: 6.66667vw;
        background-size: 2.8vw auto;
    }
}

.search-area__text {
    text-align: center;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .search-area__text {
        font-size: 2.13333vw;
    }
}

/* ---------------------------------------------
*   harf-contens
--------------------------------------------- */
.harf-contens__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

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

.harf-contens__list-item {
    margin-right: 2.38095%;
    width: 48.80952%;
}

.harf-contens__list-item:nth-of-type(2n) {
    margin-right: 0;
}

.harf-contens__list-item:nth-child(n + 3) {
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    .harf-contens__list-item:nth-child(n + 3) {
        margin-top: 6.66667vw;
    }
}

@media screen and (max-width: 767px) {
    .harf-contens--wide .harf-contens__list {
        display: block;
    }
}

.harf-contens--wide .harf-contens__list-item {
    margin-right: 3.5%;
    width: 48.25%;
}

@media screen and (max-width: 767px) {
    .harf-contens--wide .harf-contens__list-item {
        width: 100%;
    }
}

.harf-contens--wide .harf-contens__list-item:nth-of-type(2n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .harf-contens--wide .harf-contens__list-item:nth-child(n + 2) {
        margin-top: 10.66667vw;
    }
}

.harf-contens--wide .harf-contens__list-item:nth-child(n + 3) {
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    .harf-contens--wide .harf-contens__list-item:nth-child(n + 3) {
        margin-top: 10.66667vw;
    }
}

.harf-contens--mechanical .harf-contens__list-item {
    margin-right: 1.66667%;
    width: 48.25%;
}

@media screen and (max-width: 767px) {
    .harf-contens--mechanical .harf-contens__list-item {
        margin-right: 1.97183%;
        width: 49.01408%;
    }
}

.harf-contens--mechanical .harf-contens__list-item:last-child {
    margin-right: 0;
}

.harf-contens--payment .harf-contens__list-item {
    margin-right: 3.33333%;
    width: 48.25%;
}

@media screen and (max-width: 767px) {
    .harf-contens--payment .harf-contens__list-item {
        margin-right: 0;
        width: 100%;
    }
}

.harf-contens--payment .harf-contens__list-item:last-child {
    margin-right: 0;
}

.harf-contens--institute .harf-contens__list-item {
    margin-right: 1.66667%;
    width: 48.83333%;
}

@media screen and (max-width: 767px) {
    .harf-contens--institute .harf-contens__list-item {
        margin-right: 0;
        width: 100%;
    }
}

.harf-contens--institute .harf-contens__list-item:nth-of-type(2n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .harf-contens--technicalinfo .harf-contens__list-item {
        margin-bottom: 8vw;
        width: 100%;
    }
}

.harf-cassette__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

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

.harf-cassette__list-item {
    margin-right: 2.75%;
    width: 48.58333%;
}

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

.harf-cassette__list-item:nth-of-type(2n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .harf-cassette__list-item:nth-of-type(2n) .heading-cassette-body {
        position: relative;
        background-color: #E9E9E9;
    }
    .harf-cassette__list-item:nth-of-type(2n) .heading-cassette-body:after {
        position: absolute;
        top: 50%;
        right: -2.66667vw;
        left: auto;
        width: 4.13333vw;
        height: 7.86667vw;
        background: url(/img/sp/business/icon_arrow_gray.png) 0 0 no-repeat;
        background-size: 100% auto;
        content: "";
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none;
    }
}

.harf-cassette__list-item:nth-child(n + 3) {
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    .harf-cassette__list-item:nth-child(n + 3) {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .harf-cassette__list-item:nth-of-type(even) .heading-cassette {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;

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

@media screen and (max-width: 767px) {
    .harf-cassette__list-item--long .heading-cassette__image {
        position: relative;
        overflow: hidden;
        height: 60vw;
    }
}

@media screen and (max-width: 767px) {
    .harf-cassette__list-item--long .heading-cassette__image img {
        position: absolute;
        left: 50%;
        max-width: none;
        width: auto;
        height: 60vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 767px) {
    .harf-cassette__list-item--long .heading-cassette-body {
        position: relative;
        height: 60vw;
    }
    .harf-cassette__list-item--long .heading-cassette-body:after {
        position: absolute;
        top: 50%;
        left: -2.66667vw;
        width: 4.13333vw;
        height: 7.86667vw;
        background: url(/img/sp/business/icon_arrow_white.png) 0 0 no-repeat;
        background-size: 100% auto;
        content: "";
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none;
    }
}

/* ---------------------------------------------
*   harf-detail-menu
--------------------------------------------- */
.harf-detail-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

@media screen and (max-width: 767px) {
    .harf-detail-menu__list {
        display: block;
    }
}

.harf-detail-menu__list-item {
    margin-right: 1.66667%;
    width: 49.16667%;
}

@media screen and (max-width: 767px) {
    .harf-detail-menu__list-item {
        margin-bottom: 2.66667vw;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .harf-detail-menu__list-item:last-child {
        margin-bottom: 0;
    }
}

.harf-detail-menu__list-item:nth-of-type(2n) {
    margin-right: 0;
}

.harf-detail-menu__list-item:nth-child(n + 3) {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .harf-detail-menu__list-item:nth-child(n + 3) {
        margin-top: 0;
    }
}

/* ---------------------------------------------
*   three-contens
--------------------------------------------- */
@media screen and (max-width: 767px) {
    .three-contens--wide .three-contens__list {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .three-contens--wide .three-contens__list-item {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .three-contens--wide .three-contens__list-item:nth-child(n + 2) {
        margin-top: 2.66667vw;
    }
}

@media screen and (max-width: 767px) {
    .three-contens--sp-wide .three-contens__list-item {
        margin-right: 0;
        width: 100%;
    }
    .three-contens--sp-wide .three-contens__list-item:nth-of-type(3n) {
        margin-right: 0;
    }
}

.three-contens__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

.three-contens__list-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 1.33333%;
    width: 32.41667%;
}

@media screen and (max-width: 767px) {
    .three-contens__list-item {
        margin-right: 1.97183%;
        width: 49.01408%;
    }
}

.three-contens__list-item:nth-of-type(3n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .three-contens__list-item:nth-of-type(3n) {
        margin-right: 1.97183%;
    }
}

@media screen and (max-width: 767px) {
    .three-contens__list-item:nth-child(n + 3) {
        margin-top: 2.66667vw;
    }
}

.three-contens__list-item:nth-child(n + 4) {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .three-contens__list-item:nth-child(n + 4) {
        margin-top: 2.66667vw;
    }
}

@media screen and (max-width: 767px) {
    .three-contens__list-item:nth-child(even) {
        margin-right: 0;
    }
}

.three-contens--work .three-contens__list-item {
    margin-right: 2.33333%;
    width: 31.75%;
}

@media screen and (max-width: 767px) {
    .three-contens--work .three-contens__list-item {
        margin-right: 1.97183%;
        width: 49.01408%;
    }
}

.three-contens--work .three-contens__list-item:nth-of-type(3n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .three-contens--work .three-contens__list-item:nth-of-type(3n) {
        margin-right: 1.97183%;
    }
}

.three-contens--work .three-contens__list-item:nth-child(n + 4) {
    margin-top: 55px;
}

@media screen and (max-width: 767px) {
    .three-contens--work .three-contens__list-item:nth-child(n + 4) {
        margin-top: 2.66667vw;
    }
}

@media screen and (max-width: 767px) {
    .three-contens--work .three-contens__list-item:nth-child(n + 3) {
        margin-top: 2.66667vw;
    }
}

@media screen and (max-width: 767px) {
    .three-contens--work .three-contens__list-item:nth-child(even) {
        margin-right: 0;
    }
}

.three-contens--mechanical .three-contens__list-item {
    margin-right: 2.33333%;
    width: 31.75%;
}

@media screen and (max-width: 767px) {
    .three-contens--mechanical .three-contens__list-item {
        margin-right: 1.97183%;
        width: 49.01408%;
    }
}

@media screen and (max-width: 767px) {
    .three-contens--mechanical .three-contens__list-item:nth-of-type(2n) {
        margin-right: 0;
    }
}

.three-contens--mechanical .three-contens__list-item:nth-of-type(3n) {
    margin-right: 0;
}

.three-contens--big-space .three-contens__list-item:nth-child(n + 4) {
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    .three-contens--big-space .three-contens__list-item:nth-child(n + 4) {
        margin-top: 4vw;
    }
}

/* ---------------------------------------------
*   two-contents
--------------------------------------------- */
@media screen and (max-width: 767px) {
    .two-contents--wide .two-contents__list {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .two-contents--wide .two-contents__list-item {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .two-contents--wide .two-contents__list-item:nth-child(n + 2) {
        margin-top: 2.66667vw;
    }
}

@media screen and (max-width: 767px) {
    .two-contents--sp-wide .two-contents__list-item {
        margin-right: 0;
        width: 100%;
    }
    .two-contents--sp-wide .two-contents__list-item:nth-of-type(2n) {
        margin-right: 0;
    }
}

.two-contents__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

.two-contents__list-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2%;
    width: 48%;
}

@media screen and (max-width: 767px) {
    .two-contents__list-item {
        margin-right: 1.97183%;
        width: 49.01408%;
    }
}

.two-contents__list-item:nth-of-type(2n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .two-contents__list-item:nth-of-type(2n) {
        margin-right: 1.97183%;
    }
}

@media screen and (max-width: 767px) {
    .two-contents__list-item:nth-child(n + 3) {
        margin-top: 2.66667vw;
    }
}

.two-contents__list-item:nth-child(n + 3) {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .two-contents__list-item:nth-child(n + 3) {
        margin-top: 2.66667vw;
    }
}

@media screen and (max-width: 767px) {
    .two-contents__list-item:nth-child(even) {
        margin-right: 0;
    }
}

.two-contents--work .two-contents__list-item {
    margin-right: 2%;
    width: 48%;
}

@media screen and (max-width: 767px) {
    .two-contents--work .two-contents__list-item {
        margin-right: 1.97183%;
        width: 49.01408%;
    }
}

.two-contents--work .two-contents__list-item:nth-of-type(2n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .two-contents--work .two-contents__list-item:nth-of-type(2n) {
        margin-right: 1.97183%;
    }
}

.two-contents--work .two-contents__list-item:nth-child(n + 3) {
    margin-top: 55px;
}

@media screen and (max-width: 767px) {
    .two-contents--work .two-contents__list-item:nth-child(n + 3) {
        margin-top: 2.66667vw;
    }
}

@media screen and (max-width: 767px) {
    .two-contents--work .two-contents__list-item:nth-child(even) {
        margin-right: 0;
    }
}

.two-contents--mechanical .two-contents__list-item {
    margin-right: 2%;
    width: 48%;
}

@media screen and (max-width: 767px) {
    .two-contents--mechanical .two-contents__list-item {
        margin-right: 1.97183%;
        width: 49.01408%;
    }
}

@media screen and (max-width: 767px) {
    .two-contents--mechanical .two-contents__list-item:nth-of-type(2n) {
        margin-right: 0;
    }
}

.two-contents--big-space .two-contents__list-item:nth-child(n + 3) {
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    .two-contents--big-space .two-contents__list-item:nth-child(n + 3) {
        margin-top: 4vw;
    }
}

/* ---------------------------------------------
*   caption-image
--------------------------------------------- */
.caption-image__text {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .caption-image__text {
        font-size: 2.93333vw;
    }
}

/* ---------------------------------------------
*   heading-cassette
--------------------------------------------- */
@media screen and (max-width: 767px) {
    .heading-cassette {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.heading-cassette__image {
    position: relative;
}

@media screen and (max-width: 767px) {
    .heading-cassette__image {
        width: 34.13333vw;
        height: 48vw;
    }
}

.heading-cassette__image .title-blue-heading {
    position: absolute;
    top: 50%;
    left: 65px;
    color: #fff;
    font-size: 22px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .heading-cassette__image .title-blue-heading {
        left: 6.66667vw;
        font-size: 4.26667vw;
    }
}

.heading-cassette__image-text {
    display: none;
}

@media screen and (max-width: 767px) {
    .heading-cassette__image-text {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 100%;
        color: #fff;
        text-align: center;
        letter-spacing: .08em;
        font-weight: bold;
        font-size: 2.93333vw;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.heading-cassette__text {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .heading-cassette__text {
        margin-bottom: 2.66667vw;
    }
}

.heading-cassette__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

.heading-cassette__list-item {
    margin-bottom: 8px;
    width: 50%;
}

@media screen and (max-width: 767px) {
    .heading-cassette__list-item {
        margin-bottom: 1.33333vw;
    }
}

.heading-cassette__list-item:nth-of-type(2n) {
    margin-right: 0;
}

.heading-cassette__list-item-link {
    position: relative;
    padding-left: 13px;
    color: #427C9D;
    font-weight: bold;
}

.heading-cassette__list-item-link:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 12px;
    background: url(/img/common/icon_arrow_blue_small.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .heading-cassette__list-item-link:before {
        width: 0.93333vw;
        height: 1.6vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .heading-cassette__list-item-link {
        padding-left: 0;
    }
}

@media screen and (min-width: 768px) {
    .heading-cassette__list-item-link:hover {
        text-decoration: underline;
    }
}

.heading-cassette--single {
    display: block;
}

@media screen and (max-width: 767px) {
    .heading-cassette--single {
        margin-bottom: 6.66667vw;
    }
}

@media screen and (max-width: 767px) {
    .heading-cassette--single .heading-cassette__image {
        width: 100%;
        height: auto;
    }
    .heading-cassette--single .heading-cassette__image img {
        position: static;
        width: 100%;
        height: auto;
        -webkit-transform: none;
        transform: none;
    }
}

@media screen and (max-width: 767px) {
    .heading-cassette--single .heading-cassette-body {
        width: auto;
        height: 15.33333vw;
        background-color: #fff !important;
    }
    .heading-cassette--single .heading-cassette-body:after {
        display: none;
    }
    .heading-cassette--single .heading-cassette-body .title-blue-heading {
        display: block;
        padding-bottom: 9.33333vw;
        text-align: center;
    }
    .heading-cassette--single .heading-cassette-body .blue-frame-outer {
        position: static;
        display: block;
    }
    .heading-cassette--single .heading-cassette-body .blue-frame-link {
        padding: 2.66667vw 6.66667vw;
    }
}

@media screen and (max-width: 767px) {
    .heading-cassette--business {
        display: block;
        margin-bottom: 6.66667vw;
    }
    .heading-cassette--business .heading-cassette-body {
        padding: 2.66667vw 6.66667vw;
        width: auto;
        height: 100%;
        background-color: #fff !important;
    }
    .heading-cassette--business .heading-cassette-body:after {
        display: none;
    }
    .heading-cassette--business .heading-cassette-body .title-blue-heading {
        display: block;
        padding-bottom: 0;
        font-size: 4.26667vw;
    }
    .heading-cassette--business .heading-cassette-body .blue-frame-link {
        padding: 2vw 0;
        max-width: 100%;
        width: 100%;
    }
    .heading-cassette--business .heading-cassette-body .blue-frame-outer {
        position: static;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 4vw;
        padding: 0 3.06667vw;
        width: 100%;
    }
    .heading-cassette--business .heading-cassette-body .heading-cassette__text {
        margin-bottom: 4vw;
    }
    .heading-cassette--business .heading-cassette__image {
        width: 100%;
        height: auto;
    }
    .heading-cassette--business .heading-cassette__image img {
        position: static;
        width: 100%;
        height: auto;
        -webkit-transform: none;
        transform: none;
    }
    .heading-cassette--business .heading-cassette__list-item-link {
        padding-left: 2.66667vw;
        font-size: 2.66667vw;
    }
}

/*  heading-cassette-body
--------------------------------------------- */
.heading-cassette-body {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 0;
    width: 530px;
    height: 315px;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .heading-cassette-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        padding: 2.66667vw;
        width: calc(100% - 34.13333vw);
        height: 48vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .heading-cassette-body:after {
        position: absolute;
        top: 50%;
        left: -2.66667vw;
        width: 4.13333vw;
        height: 7.86667vw;
        background: url(/img/sp/business/icon_arrow_white.png) 0 0 no-repeat;
        background-size: 100% auto;
        content: "";
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none;
    }
}

.heading-cassette-body--reduce {
    height: 105px;
}

.heading-cassette-body .blue-frame-outer {
    position: absolute;
    right: 0;
    bottom: 35px;
    left: 0;
}

@media screen and (max-width: 767px) {
    .heading-cassette-body .blue-frame-outer {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .heading-cassette-body .title-blue-heading {
        display: none;
    }
}

/* ---------------------------------------------
*   link-excel
--------------------------------------------- */
.link-excel {
    position: relative;
    padding-right: 15px;
    color: #427C9D;
    font-weight: bold;
    font-size: 18px;
}

.link-excel:after {
    position: absolute;
    top: 15%;
    right: -10px;
    width: 15px;
    height: 15px;
    background: url(/img/common/icon_excel.png) 0 0 no-repeat;
    content: "";
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .link-excel:after {
        right: -1.33333vw;
        width: 2vw;
        height: 2vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .link-excel {
        padding-right: 2vw;
        font-size: 3.33333vw;
    }
}

.link-excel:hover {
    text-decoration: underline;
}

/* ---------------------------------------------
*   lineup-icon
--------------------------------------------- */
.lineup-icon__image {
    position: relative;
    margin-bottom: 15px;
}

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

.lineup-icon__image-caption {
    position: absolute;
    top: 50%;
    left: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .lineup-icon__image-caption {
        position: static;
        padding-top: 2.66667vw;
        padding-bottom: 2vw;
        color: #212A4B;
        text-align: center;
        font-weight: bold;
        font-size: 4.26667vw;
        -webkit-transform: none;
        transform: none;
    }
}

@media screen and (max-width: 767px) {
    .lineup-icon__contents {
        position: relative;
        z-index: 1;
        margin-top: -8vw;
        margin-right: auto;
        margin-left: auto;
        padding-right: 3.65079%;
        padding-left: 3.65079%;
        width: 88.73239%;
        background-color: #fff;
    }
}

.lineup-icon__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

.lineup-icon__list-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2.43902%;
    width: 48.78049%;
    border: 2px solid #CFCFCF;
    color: #333;
    font-weight: bold;
    font-size: 17px;
}

@media screen and (max-width: 767px) {
    .lineup-icon__list-item {
        margin-top: 1.33333vw;
        margin-right: 2.73973%;
        width: 48.63014%;
        border-width: 0.26667vw;
        font-size: 2.66667vw;
    }
}

.lineup-icon__list-item:nth-of-type(2n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .lineup-icon__list-item:nth-of-type(2n) {
        margin-top: 1.33333vw;
    }
}

.lineup-icon__list-item:nth-child(n + 3) {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .lineup-icon__list-item:nth-child(n + 3) {
        margin-top: 1.33333vw;
    }
}

.lineup-icon__list-item:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 53px;
    height: 53px;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
}

@media screen and (max-width: 767px) {
    .lineup-icon__list-item:before {
        width: 7.06667vw;
        height: 7.06667vw;
    }
}

.lineup-icon__list-item--highway:before {
    background-image: url(/img/common/icon_highway.png);
}

.lineup-icon__list-item--airplane:before {
    background-image: url(/img/common/icon_airplane.png);
}

.lineup-icon__list-item--car:before {
    background-image: url(/img/common/icon_car.png);
}

.lineup-icon__list-item--drop:before {
    background-image: url(/img/common/icon_drop.png);
}

.lineup-icon__list-item--environment:before {
    background-image: url(/img/common/icon_environment.png);
}

.lineup-icon__list-item--friction:before {
    background-image: url(/img/common/icon_friction.png);
}

.lineup-icon__list-item--labor:before {
    background-image: url(/img/common/icon_labor.png);
}

.lineup-icon__list-item--road1:before {
    background-image: url(/img/common/icon_road1.png);
}

.lineup-icon__list-item--road2:before {
    background-image: url(/img/common/icon_road2.png);
}

.lineup-icon__list-item--safety:before {
    background-image: url(/img/common/icon_safety.png);
}

.lineup-icon__list-item--sports:before {
    background-image: url(/img/common/icon_sports.png);
}

.lineup-icon__list-item--sprout:before {
    background-image: url(/img/common/icon_sprout.png);
}

.lineup-icon__list-item--timer:before {
    background-image: url(/img/common/icon_timer.png);
}

.lineup-icon__list-item--tree:before {
    background-image: url(/img/common/icon_tree.png);
}

.lineup-icon__list-item--tunnel:before {
    background-image: url(/img/common/icon_tunnel.png);
}

.lineup-icon__list-item--vincent-thomas-bridge:before {
    background-image: url(/img/common/icon_vincent-thomas-bridge.png);
}

.lineup-icon__list-item--wave:before {
    background-image: url(/img/common/icon_wave.png);
}

.lineup-icon__list-item--asphalt:before {
    background-image: url(/img/common/icon_asphalt.png);
}

.lineup-icon__list-item--cement:before {
    background-image: url(/img/common/icon_cement.png);
}

.lineup-icon__list-item--crack:before {
    background-image: url(/img/common/icon_crack.png);
}

.lineup-icon__list-item--ict:before {
    background-image: url(/img/common/icon_ict.png);
}

.lineup-icon__list-item--interface:before {
    background-image: url(/img/common/icon_interface.png);
}

.lineup-icon__list-item--organic:before {
    background-image: url(/img/common/icon_organic.png);
}

.lineup-icon__list-item--others:before {
    background-image: url(/img/common/icon_others.png);
}

.lineup-icon__list-item--pothole:before {
    background-image: url(/img/common/icon_pothole.png);
}

.lineup-icon__list-item--recycling:before {
    background-image: url(/img/common/icon_recycling.png);
}

.lineup-icon__list-item--resin:before {
    background-image: url(/img/common/icon_resin.png);
}

.lineup-icon__list-item--rutting:before {
    background-image: url(/img/common/icon_rutting.png);
}

.lineup-icon__list-item--sliding:before {
    background-image: url(/img/common/icon_sliding.png);
}

.lineup-icon__list-item--step:before {
    background-image: url(/img/common/icon_step.png);
}

.lineup-icon__list-item-target {
    display: block;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.lineup-icon__list-item-target:hover {
    opacity: 0.8;
}

.lineup-icon__list-item-target-text {
    padding: 14px 0 14px 76px;
}

@media screen and (max-width: 767px) {
    .lineup-icon__list-item-target-text {
        padding: 1.46667vw 0 1.6vw 8.4vw;
    }
}

/* ---------------------------------------------
*   blue-num
--------------------------------------------- */
.blue-num__list {
    counter-reset: number;
    line-height: 1.5;
}

.blue-num__list-item {
    margin-bottom: 10px;
    padding-left: 50px;
    text-indent: -50px;
}

@media screen and (max-width: 767px) {
    .blue-num__list-item {
        margin-bottom: 1.33333vw;
        padding-left: 6.66667vw;
        text-indent: -6.66667vw;
        font-size: 2.4vw;
    }
}

.blue-num__list-item:last-child {
    margin-bottom: 0;
}

.blue-num__list-item:before {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 15px;
    padding: 6px 0;
    width: 35px;
    height: 35px;
    background-color: #427C9D;
    color: #fff;
    content: counter(number);
    counter-increment: number;
    text-align: center;
    text-indent: 0;
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .blue-num__list-item:before {
        margin-right: 2vw;
        padding: 0.8vw 1.33333vw;
        width: 4.66667vw;
        height: 4.66667vw;
        font-size: 2.4vw;
    }
}

.blue-num__list-item + .blue-num__list-item {
    margin-top: .5em;
}

.blue-num__list-item p {
    padding-left: 50px;
}

@media screen and (max-width: 767px) {
    .blue-num__list-item p {
        padding-left: 6.66667vw;
    }
}

.blue-num--narrow {
    padding: 0 30px;
}

@media screen and (max-width: 767px) {
    .blue-num--narrow {
        padding: 0 4vw;
    }
}

.blue-num--narrow .blue-num__list-item {
    letter-spacing: .04em;
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .blue-num--narrow .blue-num__list-item {
        margin-bottom: 1.33333vw;
        font-size: 2.4vw;
    }
}

/* ---------------------------------------------
*   section
--------------------------------------------- */
.section--info {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .section--info {
        margin-bottom: 6.66667vw;
    }
}

.section--info:last-child {
    margin-bottom: 0;
}

/*  section-head
--------------------------------------------- */
/*  section-detail
--------------------------------------------- */
/*  section-indent
--------------------------------------------- */
/*  section-image
--------------------------------------------- */
.section-image {
    margin-right: auto;
    margin-left: auto;
}

/*  section-institute
--------------------------------------------- */
.section-institute {
    padding: 20px 25px;
    border: 1px solid #CFCFCF;
}

@media screen and (max-width: 767px) {
    .section-institute {
        padding: 2.66667vw 3.33333vw;
    }
}

.section-institute__image {
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .section-institute__image {
        margin-bottom: 3.33333vw;
        text-align: center;
    }
}

.section-institute-divide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 767px) {
    .section-institute-divide {
        display: block;
    }
}

.section-institute-divide-inner {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .section-institute-divide-inner {
        width: 100%;
    }
}

/*  section-gray
--------------------------------------------- */
.section-gray {
    padding: 30px 25px;
    background-color: #FAFAFA;
}

@media screen and (max-width: 767px) {
    .section-gray {
        padding: 4vw 3.33333vw;
    }
}

.section-gray--narrow {
    padding: 20px 15px;
}

@media screen and (max-width: 767px) {
    .section-gray--narrow {
        padding: 2.66667vw 2vw;
    }
}

/*  section-border-title
--------------------------------------------- */
.section-border-title {
    position: relative;
    padding-bottom: 25px;
    padding-left: 18px;
    border-bottom: 3px solid #CFCFCF;
    font-weight: bold;
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .section-border-title {
        padding-bottom: 2.66667vw;
        padding-left: 1.33333vw;
        border-width: 0.4vw;
        font-size: 4.26667vw;
        line-height: 1.3;
    }
}

.section-border-title:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 145px;
    height: 3px;
    background-color: #427C9D;
    content: "";
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .section-border-title:after {
        width: 19.33333vw;
        height: 0.4vw;
    }
}

.section-border-title--narrow {
    padding-left: 0;
}

.border-title-large {
    position: relative;
    padding-bottom: 8px;
    border-bottom: 3px solid #CFCFCF;
    font-weight: bold;
    font-size: 32px;
}

@media screen and (max-width: 767px) {
    .border-title-large {
        padding-bottom: 1.06667vw;
        border-width: 0.4vw;
        font-size: 4.26667vw;
        line-height: 1.3;
    }
}

.border-title-large:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 150px;
    height: 3px;
    background-color: #427C9D;
    content: "";
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .border-title-large:after {
        width: 13.73333vw;
        height: 0.4vw;
    }
}

.border-title-small {
    position: relative;
    padding-bottom: 24px;
    border-bottom: 3px solid #CFCFCF;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .border-title-small {
        padding-bottom: 2vw;
        border-width: 0.4vw;
        font-size: 3.33333vw;
        line-height: 1.3;
    }
}

.border-title-small:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 103px;
    height: 3px;
    background-color: #427C9D;
    content: "";
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .border-title-small:after {
        width: 13.73333vw;
        height: 0.4vw;
    }
}

.border-title-small.works-height {
    max-height: 38px;
    height: 38px;
    line-height: 1.3;
}

/*  title-blue-big
--------------------------------------------- */
.title-blue-big {
    color: #212A4B;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .title-blue-big {
        font-size: 2.93333vw;
    }
}

/*  title-blue-heading
--------------------------------------------- */
.title-blue-heading {
    color: #212A4B;
    letter-spacing: -.03em;
    font-weight: bold;
    font-size: 26px;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .title-blue-heading {
        font-size: 3.46667vw;
    }
}

/*  title-border-bottom
--------------------------------------------- */
.title-border-bottom {
    border-bottom: 3px solid #427C9D;
}

@media screen and (max-width: 767px) {
    .title-border-bottom {
        border-bottom: 0;
    }
}

/*  title-bg-border
--------------------------------------------- */
.title-bg-border {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0 15px 40px;
    background-color: #EFEFEF;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 767px) {
    .title-bg-border {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 5.33333vw;
        min-height: 11.33333vw;
        font-size: 3.2vw;

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

.title-bg-border--large {
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .title-bg-border--large {
        font-size: 3.46667vw;
    }
}

.title-bg-border:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 30px;
    background-color: #427C9D;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .title-bg-border:after {
        width: 1.33333vw;
        height: 4vw;
    }
}

.windows .title-bg-border {
    padding-top: 17px;
    padding-bottom: 13px;
}

/* ---------------------------------------------
*   blue-frame-link
--------------------------------------------- */
.blue-frame-link {
    position: relative;
    display: block;
    padding: 12px 0;
    border: 1px solid #427C9D;
    background-color: #fff;
    color: #427C9D;
    text-align: center;
    font-weight: bold;
}

.blue-frame-link:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 14px;
    background: url(/img/common/icon_arrow_blue.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .blue-frame-link:after {
        right: 2.66667vw;
        width: 1.06667vw;
        height: 1.86667vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .blue-frame-link {
        margin-right: auto;
        margin-left: auto;
        padding: 1.6vw 0;
        max-width: 59.06667vw;
        font-size: 2.4vw;
    }
}

.blue-frame-link:hover {
    background-color: #427C9D;
    color: #fff;
}

.blue-frame-link:hover:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 14px;
    background: url(/img/common/icon_arrow_white.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .blue-frame-link:hover:after {
        right: 2.66667vw;
        width: 1.06667vw;
        height: 1.86667vw;
        background-size: 100% auto;
    }
}

.blue-frame-link--anchor {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 15px;
    padding: 12px 0 20px;
}

@media screen and (max-width: 767px) {
    .blue-frame-link--anchor {
        margin-right: 2vw;
    }
}

.blue-frame-link--anchor:after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) rotateZ(90deg);
    transform: translateX(-50%) rotateZ(90deg);
}

.blue-frame-link--anchor:hover:after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) rotateZ(90deg);
    transform: translateX(-50%) rotateZ(90deg);
}

.blue-frame-link--anchor:last-child {
    margin-right: 0;
}

.blue-frame-link--single {
    margin-right: auto;
    margin-left: auto;
    padding: 14px 0;
    width: 445px;
}

.blue-frame-link--small {
    margin-right: 10px;
    padding: 14px 0;
    width: 348px;
}

@media screen and (max-width: 767px) {
    .blue-frame-link--small {
        margin-right: auto;
        margin-bottom: 2.66667vw;
        padding: 2vw 0;
        width: 44.8vw;
    }
}

.blue-frame-link--small:last-child {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .blue-frame-link--small:last-child {
        margin-right: auto;
    }
}

.blue-frame-link--re:after {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 8px;
    height: 14px;
    background: url(/img/common/icon_arrow_blue.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .blue-frame-link--re:after {
        left: 2.66667vw;
        width: 1.06667vw;
        height: 1.86667vw;
        background-size: 100% auto;
    }
}

.blue-frame-link--re:hover {
    background-color: #427C9D;
    color: #fff;
}

.blue-frame-link--re:hover:after {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 8px;
    height: 14px;
    background: url(/img/common/icon_arrow_white.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .blue-frame-link--re:hover:after {
        left: 2.66667vw;
        width: 1.06667vw;
        height: 1.86667vw;
        background-size: 100% auto;
    }
}

.blue-frame-link--map {
    padding-left: 20px;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .blue-frame-link--long {
        width: 76.66667vw;
    }
}

.windows .blue-frame-link {
    padding: 12px 0 12px;
}

.windows .blue-frame-link--map {
    padding-left: 20px;
    text-align: left;
}

/*  blue-frame-outer
--------------------------------------------- */
.blue-frame-outer {
    margin-right: auto;
    margin-left: auto;
    width: 443px;
}

@media screen and (max-width: 767px) {
    .blue-frame-outer {
        width: auto;
    }
}

/* ---------------------------------------------
*   mod-caption
--------------------------------------------- */
.mod-caption {
    padding: 25px 0;
}

@media screen and (max-width: 767px) {
    .mod-caption {
        padding: 3.33333vw 0;
    }
}

/* ---------------------------------------------
*   mod-image
--------------------------------------------- */
.mod-image--center {
    text-align: center;
}

/* ---------------------------------------------
*   mod-note
--------------------------------------------- */
.mod-note {
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .mod-note {
        font-size: 2.93333vw;
    }
}

/* ---------------------------------------------
*   mod-text
--------------------------------------------- */
.mod-text {
    line-height: 1.8;
}

.mod-text--small {
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .mod-text--small {
        font-size: 2.93333vw;
    }
}

.mod-text--large {
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .mod-text--large {
        font-size: 3.33333vw;
    }
}

/*  mod-text-indent
--------------------------------------------- */
.mod-text-indent {
    text-indent: 1em;
    line-height: 1.8;
}

/* ---------------------------------------------
*   mod-form
--------------------------------------------- */
/*  mod-form-content
--------------------------------------------- */
.mod-form-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #DFDFDF;
}

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

.mod-form-content:first-child {
    border-top: 2px solid #DFDFDF;
}

.mod-form-content__title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 35px 10px 20px;
    width: 390px;
    background-color: #EFEFEF;
}

@media screen and (max-width: 767px) {
    .mod-form-content__title {
        margin-bottom: 0;
        padding: 2vw 2.66667vw 2vw 2.66667vw;
        width: 100%;
    }
}

.mod-form-content__title--divide {
    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-form-content__title--divide {
        width: auto;
    }
}

.mod-form-content__title--divide .mod-form-content__title-item {
    margin-right: 15px;
    width: 210px;
}

@media screen and (max-width: 767px) {
    .mod-form-content__title--divide .mod-form-content__title-item {
        margin-right: 0;
        width: auto;
        text-align: left;
    }
}

.mod-form-content__title-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: 65px;
    height: 25px;
    background-color: red;
    color: #fff;
    font-weight: bold;
    font-size: 14px;

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

@media screen and (max-width: 767px) {
    .mod-form-content__title-label {
        width: 8.66667vw;
        height: 4.66667vw;
        font-size: 2.4vw;
    }
}

.mod-form-content__title-item {
    color: #212A4B;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .mod-form-content__title-item {
        font-weight: bold;
    }
}

.mod-form-content__detail {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 25px;
    width: calc(100% - 390px);
}

@media screen and (max-width: 767px) {
    .mod-form-content__detail {
        padding: 4.66667vw 3.33333vw 6vw;
        width: 100%;
    }
}

.mod-form-content__detail--divide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;

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

.mod-form-content__detail input {
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .mod-form-content__detail input {
        font-size: 3.73333vw;
    }
}

.mod-form-content__detail-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;

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

.mod-form-content__detail-frame .mod-form-content__detail-title {
    margin-right: 5px;
    width: 40px;
}

@media screen and (max-width: 767px) {
    .mod-form-content__detail-frame .mod-form-content__detail-title {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0.66667vw;
        width: 10vw;
    }
}

@media screen and (max-width: 767px) {
    .mod-form-content__detail-frame .mod-form-content__detail-title--left-space {
        padding-left: 0.93333vw;
    }
}

.mod-form-content__detail-frame .mod-form-content__detail-text {
    width: 180px;
}

@media screen and (max-width: 767px) {
    .mod-form-content__detail-frame .mod-form-content__detail-text {
        width: 26.66667vw;
    }
}

.mod-form-content__detail-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 10px 17px;
    min-height: 50px;
    width: 100%;
    border: 1px solid #BCBCBC;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .mod-form-content__detail-text {
        padding: 1.33333vw 1.33333vw 1.33333vw 2.26667vw;
        min-height: 8vw;
        font-size: 2.13333vw;
    }
}

.mod-form-content__detail-text--narrow-small {
    width: 82px !important;
}

@media screen and (max-width: 767px) {
    .mod-form-content__detail-text--narrow-small {
        width: 14.93333vw !important;
    }
}

.mod-form-content__detail-text--narrow-midium {
    width: 384px !important;
}

@media screen and (max-width: 767px) {
    .mod-form-content__detail-text--narrow-midium {
        width: 100% !important;
    }
}

.mod-form-content__detail-icon {
    margin-right: 7px;
    margin-left: 7px;
}

@media screen and (max-width: 767px) {
    .mod-form-content__detail-icon {
        margin-right: 1.33333vw;
        margin-left: 1.33333vw;
    }
}

.mod-form-content__reference {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-left: 20px;
    width: 150px;
    height: 40px;
    border-radius: 20px;
    background-color: #000;
    color: #fff;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;

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

.mod-form-content__reference:hover {
    opacity: 0.8;
}

@media screen and (min-width: 768px) {
    .mod-form-content__reference {
        color: #fff !important;
    }
}

@media screen and (max-width: 767px) {
    .mod-form-content__reference {
        margin-left: 4.66667vw;
        width: auto;
        height: auto;
        border-radius: 0;
        background-color: transparent;
        color: #000;
        text-decoration: underline;
        font-size: 3.73333vw;
    }
}

.mod-form-content__link {
    position: relative;
    padding-left: 20px;
    color: #427C9D;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .mod-form-content__link {
        padding-left: 2.66667vw;
        font-size: 2.4vw;
    }
}

.mod-form-content__link:hover {
    text-decoration: underline;
}

.mod-form-content__link:after {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 7px;
    height: 12px;
    background: url(/img/common/icon_arrow_blue_small.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .mod-form-content__link:after {
        left: 0.66667vw;
        width: 0.93333vw;
        height: 1.6vw;
        background-size: 100% auto;
    }
}

/*  mod-form-buttons
--------------------------------------------- */
.mod-form-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

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

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

/* ---------------------------------------------
*   mod-select
--------------------------------------------- */
.mod-select select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 10px 17px;
    min-height: 50px;
    width: 233px;
    border: 1px solid #BCBCBC;
    border-radius: 0;
    background-color: #fff;
    background-image: url(/img/common/icon_select.png);
    background-position: 95% 50%;
    background-size: 16px 18px;
    background-repeat: no-repeat;
    font-size: 16px;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .mod-select select {
        min-height: 8vw;
        width: 100%;
        background-size: 2.93333vw 2vw;
        font-size: 2.4vw;
    }
}

/* ---------------------------------------------
*   mod-radio-box
--------------------------------------------- */
.mod-radio-box__input {
    display: none;
}

.mod-radio-box__input + .mwform-radio-field-text {
    position: relative;
    padding-left: 40px;
    letter-spacing: normal;
}

@media screen and (max-width: 767px) {
    .mod-radio-box__input + .mwform-radio-field-text {
        display: block;
        padding-left: 4.66667vw;
        font-size: 2.4vw;
    }
}

.mod-radio-box__input + .mwform-radio-field-text:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    background: url(/img/common/icon_radio_off.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .mod-radio-box__input + .mwform-radio-field-text:before {
        width: 3.33333vw;
        height: 3.33333vw;
    }
}

.mod-radio-box__input:checked + .mwform-radio-field-text:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    background: url(/img/common/icon_radio_on.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .mod-radio-box__input:checked + .mwform-radio-field-text:after {
        width: 3.33333vw;
        height: 3.33333vw;
    }
}

.mod-radio-box label {
    cursor: pointer;
}

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

.mod-radio-box .mwform-radio-field {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 20px;
    margin-left: 0 !important;
}

@media screen and (max-width: 767px) {
    .mod-radio-box .mwform-radio-field {
        margin-right: 0;
        margin-bottom: 2.66667vw;
    }
}

.mod-radio-box .mwform-radio-field:last-of-type {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .mod-radio-box .mwform-radio-field:last-of-type {
        margin-bottom: 0;
    }
}

.mod-radio-box--half .mwform-radio-field {
    margin-right: 0;
    width: 49%;
}

@media screen and (max-width: 767px) {
    .mod-radio-box--half .mwform-radio-field {
        width: auto;
    }
}

.mod-radio-box--line .mwform-radio-field {
    margin-right: 83px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .mod-radio-box--line .mwform-radio-field {
        margin-right: 0;
        margin-bottom: 2.66667vw;
    }
}

/* ---------------------------------------------
*   mod-textarea
--------------------------------------------- */
.mod-textarea textarea {
    overflow: -moz-scrollbars-none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 10px 17px;
    min-height: 210px;
    width: 100%;
    outline: none;
    border: 1px solid #BCBCBC;
    font-size: 16px;
    resize: none;

    -webkit-appearance: none;
    -ms-overflow-style: none;
}

@media screen and (max-width: 767px) {
    .mod-textarea textarea {
        min-height: 31.73333vw;
        width: 100%;
        font-size: 2.4vw;
    }
}

.mod-textarea textarea::-webkit-scrollbar {
    display: none;
}

/* ---------------------------------------------
*   mwform
--------------------------------------------- */
/*  mwform-zip-field
--------------------------------------------- */
.mwform-zip-field {
    overflow: hidden;
    text-indent: -1em;
}

/* ---------------------------------------------
*   image-contents
--------------------------------------------- */
.image-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.image-contents--message .image-contents__figure {
    width: 487px;
}

@media screen and (max-width: 767px) {
    .image-contents--message .image-contents__figure {
        margin-top: 4vw;
        margin-right: auto;
        margin-bottom: 6.66667vw;
        margin-left: auto;
        width: 59.57746%;
        text-align: center;
    }
}

.image-contents--message .image-contents__texts {
    margin-left: 110px;
    width: calc(100% - 487px - 110px);
}

@media screen and (max-width: 767px) {
    .image-contents--message .image-contents__texts {
        margin-left: 0;
        width: auto;
    }
}

.image-contents--message .image-contents__texts-item {
    letter-spacing: .05em;
    font-size: 18px;
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .image-contents--message .image-contents__texts-item {
        margin-bottom: 6.66667vw;
        font-size: 3.06667vw;
    }
}

.image-contents__figure {
    width: 423px;
}

@media screen and (max-width: 767px) {
    .image-contents__figure {
        margin-top: 4vw;
        margin-right: auto;
        margin-bottom: 6.66667vw;
        margin-left: auto;
        width: 59.57746%;
        text-align: center;
    }
}

.image-contents__texts {
    margin-left: 50px;
    width: calc(100% - 423px - 50px);
}

@media screen and (max-width: 767px) {
    .image-contents__texts {
        margin-left: 0;
        width: auto;
    }
}

.image-contents__texts-item {
    margin-bottom: 30px;
    line-height: 1.7;
}

@media screen and (max-width: 767px) {
    .image-contents__texts-item {
        margin-bottom: 4vw;
    }
}

.image-contents__texts-item:last-child {
    margin-bottom: 0;
}

.image-contents__president {
    margin-left: auto;
    width: 220px;
}

@media screen and (max-width: 767px) {
    .image-contents__president {
        width: 29.33333vw;
    }
}

.image-contents__president-position {
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .image-contents__president-position {
        font-size: 3.33333vw;
    }
}

.image-contents__president-name {
    line-height: 1;
}

/* ---------------------------------------------
*   contents-cassette
--------------------------------------------- */
.contents-cassette__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    min-height: 80px;
    letter-spacing: .03em;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;

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

@media screen and (max-width: 767px) {
    .contents-cassette__title {
        min-height: 10.66667vw;
        font-size: 3.2vw;
    }
}

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

.contents-cassette__text {
    margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .contents-cassette__text {
        margin-bottom: 4.66667vw;
    }
}

.contents-cassette__text-item {
    letter-spacing: .02em;
    line-height: 1.7;
}

/*  contents-cassette-body
--------------------------------------------- */
.contents-cassette-body {
    padding: 30px 30px 25px 30px;
    background-color: #EFEFEF;
}

@media screen and (max-width: 767px) {
    .contents-cassette-body {
        padding: 4vw 4vw 3.33333vw 4vw;
    }
}

.contents-cassette-body--narrow {
    padding: 30px 35px;
}

@media screen and (max-width: 767px) {
    .contents-cassette-body--narrow {
        padding: 2.93333vw;
    }
}

/* ---------------------------------------------
*   image-lineup
--------------------------------------------- */
.image-lineup__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

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

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

.image-lineup__list-item {
    margin-right: 2.91667%;
    width: 37.66667%;
}

@media screen and (max-width: 767px) {
    .image-lineup__list-item {
        margin-right: auto;
        margin-left: auto;
        width: 63.66197%;
    }
}

/* ---------------------------------------------
*   search-page
--------------------------------------------- */
.search-page {
    width: 100%;
}

.search-page__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
}

@media screen and (max-width: 767px) {
    .search-page__block {
        padding: 2.66667vw;
    }
}

.search-page__block:first-child {
    border-top: 1px solid #E5E5E5;
}

.search-page__block-image {
    overflow: hidden;
    margin-right: 20px;
    width: 200px;
    height: 200px;
}

@media screen and (max-width: 767px) {
    .search-page__block-image {
        margin-right: 2.66667vw;
        width: 26.66667vw;
        height: 26.66667vw;
    }
}

.search-page__block-image img {
    width: 100%;
}

.search-page__block-contents {
    width: calc(100% - 200px - 20px);
}

@media screen and (max-width: 767px) {
    .search-page__block-contents {
        width: calc(100% - 26.66667vw - 2.66667vw);
    }
}

.search-page__block-contents-title {
    color: #427C9D;
    font-weight: bold;
    font-size: 23px;
}

@media screen and (max-width: 767px) {
    .search-page__block-contents-title {
        font-size: 3.2vw;
    }
}

.search-page__block-contents-title:hover {
    text-decoration: underline;
}

/* ---------------------------------------------
*   nowrap-text
--------------------------------------------- */
.nowrap-text {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.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-top: 1em;
    margin-bottom: 1em;
}

.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;
}

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

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

.wysiwyg blockquote {
    margin: 1.12em 0;
}

/* ==========================================================
*
*   page
*
========================================================== */

.dohkenkyo-recruit_pc{
    float: right;
    margin-top: -110px;
    width: 410px;
}

.dohkenkyo-recruit_pc :hover {
    opacity: 0.8;
}

@media screen and (max-width: 767px) {
    .dohkenkyo-recruit_sp {
    width: 100%;
    }
}

.un_mainvis {
    min-height: 767px;
    background: url(/img/top/img_mainvis01.jpg) no-repeat center top;
    background-size: cover;
}

.un_mainvis .un_mainvis_inner {
    margin: 0 auto;
    width: 1196px;
}

.un_mainvis .un_subBox {
    margin: 0 -2px 0 1px;
    padding: 17px 20px 16px;
    background-color: #fff;
}

.un_mainvis .un_subBox .un_Pick {
    position: relative;
    float: left;
    margin-top: 12px;
    width: 224px;
    width: 280px;
    color: #939393;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 12px;
}

.un_mainvis .un_subBox .un_Pick:before {
    position: absolute;
    top: -2px;
    right: 1px;
    width: 1px;
    height: 30px;
    background-color: #DEDEDE;
    content: "";
}

.un_mainvis .un_subBox .un_Pick .un_en_txt {
    display: inline-block;
    margin: 0px 13px 0 0;
    color: #363941;
    vertical-align: middle;
    letter-spacing: 0;
    font-size: 18px;
}

.un_mainvis .un_subBox .un_listUl {
    float: right;
    width: 858px;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_item {
    position: relative;
    float: left;
    margin-right: 20px;
    width: 280px;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_link {
    display: block;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_link:hover {
    opacity: 0.7;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child {
    margin: 0;
    width: 230px;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child .un_listUl_txt {
    width: 156px;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_item:before {
    position: absolute;
    top: 10px;
    right: 1px;
    width: 1px;
    height: 30px;
    background-color: #DEDEDE;
    content: "";
}

.un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child:before {
    background: none;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_img {
    float: left;
    padding-right: 18px;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_txt {
    float: left;
    padding-top: 13px;
    width: 172px;
    color: #363941;
    font-weight: bold;
    font-size: 15px;
}

@media all and (min-width: 0) and (max-width: 767px) {
    .un_mainvis {
        min-height: 251px;
        background: none;
    }
    .un_mainvis .un_sp_info {
        min-height: 251px;
        background: url(/img/sp/top/img_mainvis01.jpg) no-repeat center top;
        background-size: cover;
    }
    .un_mainvis .un_mainvis_inner {
        width: inherit;
    }
    .un_mainvis .un_ttl {
        padding: 160px 0 0px 18px;
        letter-spacing: 0px;
        font-size: 22px;
        line-height: 1.3;
    }
    .un_mainvis .un_ttl .un_en_txt {
        margin-top: 4px;
        letter-spacing: 1px;
        font-weight: normal;
        font-size: 8px;
    }
    .un_mainvis .un_subBox {
        margin: 0;
        padding: 7px 15px 13px;
        background-color: #fff;
    }
    .un_mainvis .un_subBox .un_Pick {
        float: none;
        margin: 0 0 12px;
        width: 100%;
        text-align: center;
        letter-spacing: 1px;
        font-size: 8px;
    }
    .un_mainvis .un_subBox .un_Pick:before {
        background: none;
    }
    .un_mainvis .un_subBox .un_Pick .un_en_txt {
        margin: 0px 8px 0 0;
        font-size: 13px;
    }
    .un_mainvis .un_subBox .un_listUl {
        float: none;
        width: 100%;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item {
        margin-right: 2%;
        width: 32%;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child {
        margin: 0;
        width: 32%;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item:before {
        position: absolute;
        top: 3px;
        right: 0px;
        width: 1px;
        height: 15px;
        background-color: #DEDEDE;
        content: "";
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child:before {
        background: none;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_img {
        padding: 2px 8px 0 0;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_img img {
        width: 25px;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_txt {
        padding: 0px 0px 0 0;
        width: 70px;
        font-size: 9px;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child .un_listUl_txt {
        width: 77px;
    }
}

@media all and (min-width: 0) and (max-width: 374px) {
    .un_mainvis .un_subBox .un_listUl .un_listUl_txt {
        width: 60px;
        font-size: 8px;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_img {
        padding-right: 3px;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child .un_listUl_txt {
        width: 64px;
    }
}

@media all and (-ms-high-contrast: none) {
    .un_mainvis .un_subBox .un_listUl .un_listUl_txt {
        padding-top: 16px;
    }
}

.un_mainvis .un_mainvis_inner {
    margin: 0 auto;
    width: 1196px;
}

.un_mainvis .un_ttl {
    position: relative;
    padding: 380px 0 44px 0;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 67px;
    line-height: 1.3;
}

.un_mainvis .un_ttl .un_top_ttl {
    display: inline-block;
    opacity: 0;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.un_mainvis .un_ttl .un_top_ttl.on {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.un_mainvis .un_ttl .un_en_txt {
    display: block;
    visibility: hidden;
    margin-top: 10px;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 15px;
}
.un_mainvis .un_ttl .js_modalbtn {
    position: absolute;
    right: 0;
    bottom: 20px;
    display: block;
    padding: 10px 25px 10px 10px;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
}
.un_mainvis .un_ttl .js_modalbtn:before {
    position: absolute;
    top: 50%;
    right: 13px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: #000 solid 2px;
    border-right: #000 solid 2px;
    transform: rotate(45deg);
}
.un_mainvis .un_ttl .js_modalbtn:hover {
    opacity: 0.8;
}

.un_mainvis .un_ttl .js_modalbtn_multistakeholder {
    position: absolute;
    right: 0;
    bottom: 74px;
    display: block;
        width: 375px;
    padding: 10px 25px 10px 10px;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
}
.un_mainvis .un_ttl .js_modalbtn_multistakeholder:before {
    position: absolute;
    top: 50%;
    right: 13px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: #000 solid 2px;
    border-right: #000 solid 2px;
    transform: rotate(45deg);
}
.un_mainvis .un_ttl .js_modalbtn_multistakeholder:hover {
    opacity: 0.8;
}

.un_mainvis .un_ttl .js_modalbtn_partnership {
    position: absolute;
    right: 0;
    bottom: 128px;
    display: block;
	width: 375px;
    padding: 10px 25px 10px 10px;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
}
.un_mainvis .un_ttl .js_modalbtn_partnership:before {
    position: absolute;
    top: 50%;
    right: 13px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: #000 solid 2px;
    border-right: #000 solid 2px;
    transform: rotate(45deg);
}
.un_mainvis .un_ttl .js_modalbtn_partnership:hover {
    opacity: 0.8;
}
.un_mainvis .un_subBox {
    margin: 0 -2px 0 1px;
    padding: 17px 20px 16px;
    background-color: #fff;
}

.un_mainvis .un_subBox .un_Pick {
    position: relative;
    float: left;
    margin-top: 12px;
    width: 224px;
    width: 280px;
    color: #939393;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 12px;
}

.un_mainvis .un_subBox .un_Pick:before {
    position: absolute;
    top: -2px;
    right: 1px;
    width: 1px;
    height: 30px;
    background-color: #DEDEDE;
    content: "";
}

.un_mainvis .un_subBox .un_Pick .un_en_txt {
    display: inline-block;
    margin: 0px 13px 0 0;
    color: #363941;
    vertical-align: middle;
    letter-spacing: 0;
    font-size: 18px;
}

.un_mainvis .un_subBox .un_listUl {
    float: right;
    width: 858px;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_item {
    position: relative;
    float: left;
    margin-right: 20px;
    width: 280px;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_link {
    display: block;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_link:hover {
    opacity: 0.7;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child {
    margin: 0;
    width: 230px;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child .un_listUl_txt {
    width: 156px;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_item:before {
    position: absolute;
    top: 10px;
    right: 1px;
    width: 1px;
    height: 30px;
    background-color: #DEDEDE;
    content: "";
}

.un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child:before {
    background: none;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_img {
    float: left;
    padding-right: 18px;
}

.un_mainvis .un_subBox .un_listUl .un_listUl_txt {
    float: left;
    padding-top: 13px;
    width: 172px;
    color: #363941;
    font-weight: bold;
    font-size: 15px;
}

.title-white {
    color: #A7DFFF;
    font-size: 15px;
}

@media screen and (max-width: 767px) {
    .title-white {
        font-size: 2.4vw;
    }
}

.title-white__en {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 35px;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .title-white__en {
        margin-bottom: 0.66667vw;
        font-size: 5.33333vw;
    }
}

.title-gray {
    color: #333;
    font-weight: bold;
    font-size: 15px;
}

@media screen and (max-width: 767px) {
    .title-gray {
        vertical-align: middle;
        font-size: 2.4vw;
    }
}

.title-gray__en {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 35px;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .title-gray__en {
        display: inline-block;
        margin-right: 1.33333vw;
        margin-bottom: 0.66667vw;
        vertical-align: middle;
        font-size: 4.66667vw;
    }
}

.un_inner_box {
    background-color: #2879A7;
}

.un_inner_box .un_txtBox {
    display: table;
    float: left;
    width: 50%;
}

.un_inner_box .un_txtBox .un_info {
    display: table-cell;
    vertical-align: middle;
}

.un_inner_box .un_txtBox .un_info_txt {
    float: right;
    padding-right: 100px;
    width: 495px;
}

.un_inner_box .un_txtBox .text-white {
    margin-bottom: 38px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 2.2;
}

.un_inner_box .un_photoBox {
    float: right;
    width: 50%;
}

.un_inner_box .un_photoBox img {
    width: 50%;
}

.un_inner_box01 {
    background-color: #009982;
}

.un_inner_box01 .un_photoBox img {
    width: 100%;
}

.un_inner_box01 .un_photoBox {
    float: left;
}

.un_inner_box01 .un_txtBox {
    float: right;
}

.un_inner_box01 .un_txtBox .title-white {
    color: #fff;
}

.un_inner_box01 .un_txtBox .title-white .title-white_en {
    margin-bottom: 6px;
}

.un_inner_box01 .un_txtBox .text-white {
    margin-bottom: 33px;
    font-size: 30px;
    line-height: 1.55;
}

.un_inner_box01 .un_txtBox .title-white {
    margin-bottom: 28px;
}

.un_inner_box01 .un_txtBox .un_info_txt {
    float: left;
    padding: 0 0 0 90px;
}

.bl_detail_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    text-align: center;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    justify-content: center;
}

.un_inner_box01 .bl_detail_btn .bl_detail_btn_lnk:hover {
    background: #fff url(/img/common/ico09.png) no-repeat right 23px center;
    color: #009982;
}

.un_info_box {
    display: table;
    width: 100%;
    font-size: 0;
}

.un_info_box .un_news_box {
    display: table-cell;
    width: 60.5%;
    vertical-align: middle;
}

.un_info_box .un_news_box .un_newsList {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 70px 40px 70px 0;
    width: 775px;
}

.un_info_box .un_news_box dt {
    float: left;
    padding: 0 0 0 15px;
    color: #41538f;
    font-weight: bold;
    font-size: 14px;
}

.un_info_box .un_news_box dt .un_txtSpan {
    display: inline-block;
    margin-left: 35px;
    padding: 3px 0;
    min-width: 74px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.un_info_box .un_news_box dd {
    margin-bottom: 19px;
    padding: 0px 0 16px 15.9em;
    min-height: 24px;
    border-bottom: 1px solid #DFDFDF;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 14px;
}

.un_info_box .un_news_box dd a {
    color: #333;
}

.un_info_box .un_news_box dd .un_newsSpan {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 0;
    width: 52px;
    border: 1px solid #F3704E;
    color: #ed6e46;
    vertical-align: middle;
    text-align: center;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.2;
}

.un_info_box .un_txtBox {
    display: table-cell;
    width: 39.5%;
    background-color: #EEE;
    vertical-align: middle;
}

.un_info_box .un_txtBox .un_info_txtBox {
    padding-left: 98px;
}

.un_info_box .un_txtBox .title-white {
    margin-bottom: 42px;
    color: #333;
}

.un_info_box .un_txtBox .title-white .title-white_en {
    margin-bottom: 6px;
    color: #333;
}

.un_info_box .un_txtBox .bl_detail_btn .bl_detail_btn_lnk {
    border: 1px solid #363636;
    background: url(/img/common/ico02.png) no-repeat right 20px center;
    color: #333;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.un_info_box .un_txtBox .bl_detail_btn .bl_detail_btn_lnk:hover {
    background: #000 url(/img/common/ico01.png) no-repeat right 20px center;
    color: #fff;
}

.un_detailBox {
    padding: 68px 0 88px;
    background: url(/img/top/bg_detail_box.jpg) no-repeat center center;
    background-size: cover;
}

.un_detailBox .un_detail_inner {
    margin: 0 auto;
    padding-left: 5px;
    width: 1195px;
}

.un_detailBox .un_subBox {
    background-color: #fff;
}

.un_detailBox .un_subBox .un_photoBox {
    position: relative;
    float: left;
}

.un_detailBox .un_subBox .un_photoBox .un_info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.un_detailBox .un_subBox .un_photoBox .un_infoTxt01 {
    display: table;
    width: 100%;
    height: 100%;
}

.un_detailBox .un_subBox .un_photoBox .un_infoTxt02 {
    display: table-cell;
    color: #fff;
    vertical-align: middle;
    font-weight: bold;
    font-size: 30px;
}

.un_detailBox .un_subBox .un_textBox {
    position: relative;
    display: table;
    float: right;
    width: 599px;
    text-align: center;
}

.un_detailBox .un_subBox .un_textBox:before {
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -18.5px;
    width: 19px;
    height: 37px;
    background: url(/img/common/ico03.png) no-repeat left top;
    background-size: 19px 37px;
    content: "";
}

.un_detailBox .un_subBox .un_textBox .un_info {
    display: table-cell;
    vertical-align: middle;
}

.un_detailBox .un_subBox .un_textBox .text-white {
    margin-bottom: 35px;
    font-weight: bold;
    font-size: 15px;
}

.un_detailBox .un_subBox .un_textBox .bl_detail_btn_lnk {
    margin: 0 auto;
    border: 1px solid #363636;
    background: url(/img/common/ico02.png) no-repeat right 20px center;
    color: #333;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.un_detailBox .un_subBox .un_textBox .bl_detail_btn_lnk:hover {
    background: #000 url(/img/common/ico01.png) no-repeat right 20px center;
    color: #fff;
}

.un_detailBox .un_subBox01 .un_photoBox {
    float: right;
}

.un_detailBox .un_subBox01 .un_textBox {
    float: left;
    width: 595px;
}

.un_detailBox .un_subBox01 .un_textBox:before {
    position: absolute;
    top: 50%;
    right: -19px;
    left: auto;
    margin-top: -18.5px;
    width: 19px;
    height: 37px;
    background: url(/img/common/ico04.png) no-repeat left top;
    background-size: 19px 37px;
    content: "";
}

.un_search {
    margin: 47px auto 54px;
    width: 550px;
}

.un_search .un_search_box {
    margin: 0 auto 19px;
    width: 548px;
    border: 1px solid #909090;
}

.un_search .un_search_box .un_input_txt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px;
    width: 489px;
    height: 48px;
    border: none;
    font-size: 15px;

    -webkit-appearance: none;
}

.un_search .un_input_search {
    float: right;
    width: 50px;
    height: 48px;
    border: none;
    border-radius: 0;
    background: #212A4B url(/img/common/icon_search.jpg) no-repeat left 17px top 16px;
    cursor: pointer;

    -webkit-appearance: none;
}

.un_search .un_input_search:hover {
    opacity: 0.7;
}

.un_search .title-white {
    margin-bottom: 23px;
    color: #333;
    text-align: center;
    font-size: 16px;
}

.un_search .title-white .title-white_en {
    margin-bottom: 4px;
    color: #333;
    text-align: center;
}

.un_search .un_search_txt {
    margin-bottom: 41px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.un_search .un_ttl {
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 19.5px;
}

.un_search .bl_detail_btn .bl_detail_btn_lnk {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 15px 50px 15px 10px;
    border: 1px solid #333;
    background: url(/img/common/ico02.png) no-repeat right 19px center;
    color: #333;
    letter-spacing: 1px;
    font-weight: bold;
}

.un_search .bl_detail_btn .bl_detail_btn_lnk .bl_contact_txt {
    display: inline-block;
    padding-left: 48px;
    background: url(/img/common/ico_mail.png) no-repeat left center;
}

.un_search .bl_detail_btn .bl_detail_btn_lnk:hover {
    background: #000 url(/img/common/ico01.png) no-repeat right 19px center;
    color: #fff;
}

.un_search .bl_detail_btn .bl_detail_btn_lnk:hover .bl_contact_txt {
    background: url(/img/common/ico_mail_on.png) no-repeat left center;
}

.un_link_box {
    padding: 45px 0 53px;
    background-color: #EFEFEF;
}

.un_link_box .un_textUl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    width: 1208px;

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

.un_link_box .un_textUl .un_textUl_item {
    width: 33.3%;
    text-align: center;
}

.un_link_box .un_textUl .un_textUl_item .un_textUl_lnk {
    display: block;
}

.un_link_box .un_textUl .un_textUl_item .un_textUl_lnk:link,
.un_link_box .un_textUl .un_textUl_item .un_textUl_lnk:visited,
.un_link_box .un_textUl .un_textUl_item .un_textUl_lnk:active {
    color: #333;
}

.un_link_box .un_textUl .un_textUl_item .un_textUl_lnk:hover {
    color: #333;
    text-decoration: none;
}

.un_link_box .un_textUl_item .un_link_ttl {
    margin-bottom: 12px;
    color: #333;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 20px;
}

.un_link_box .un_textUl_item .un_img {
    margin-bottom: 21px;
}

.un_link_box .un_textUl_item .un_link_txt {
    margin-bottom: 18px;
    letter-spacing: 0.5px;
    font-size: 14px;
    line-height: 1.76;
}

.un_link_box .un_textUl_item .bl_detail_btn_lnk {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px 26px 15px;
    border: 1px solid #333;
    background-image: url(/img/common/ico02.png);
    color: #333;
    letter-spacing: 1px;
    font-weight: bold;
}

.un_link_box .un_textUl_item .bl_detail_btn_lnk:hover {
    background: #000 url(/img/common/ico01.png) no-repeat right 23px center;
    color: #fff;
}

.un_link_box .un_textUl_item:nth-child(2) .un_link_txt {
    margin-bottom: 42px;
}

.un_imgBox {
    padding: 61px 0 57px;
    text-align: center;
}

@media all and (min-width: 0) and (max-width: 767px) {
    .un_load_box .un_first_logo img {
        max-width: 100%;
    }
    .un_mainvis {
        min-height: 251px;
        background: none;
    }
    .un_mainvis .un_sp_info {
        min-height: 251px;
        background: url(/img/sp/top/img_mainvis01.jpg) no-repeat center top;
        background-size: cover;
    }
    .un_mainvis .un_mainvis_inner {
        width: inherit;
    }
    .un_mainvis .un_ttl {
        padding: 53px 0 63px 18px;
        letter-spacing: 0px;
        font-size: 22px;
        line-height: 1.3;
    }
    .un_ma invis .un_ttl .un_en_txt {
        margin-top: 4px;
        letter-spacing: 1px;
        font-weight: normal;
        font-size: 8px;
    }
    .un_mainvis .un_ttl .js_modalbtn {
        right: 5px;
        bottom: -40px;
        padding: 7px 17px 7px 10px;
        font-size: 8px;
		width: 50vw;
    }
    .un_mainvis .un_ttl .js_modalbtn:before {
        right: 8px;
        width: 4px;
        height: 4px;
        margin-top: -3px;
        border-width: 1px;
    }
    .un_mainvis .un_ttl .js_modalbtn_multistakeholder {
        right: 5px;
        bottom: 0px;
        padding: 7px 17px 7px 10px;
        font-size: 8px;
		width: 50vw;
    }
    .un_mainvis .un_ttl .js_modalbtn_multistakeholder:before {
        right: 8px;
        width: 4px;
        height: 4px;
        margin-top: -3px;
        border-width: 1px;
    }
    .un_mainvis .un_ttl .js_modalbtn_partnership {
        right: 5px;
        bottom: 30px;
        padding: 7px 17px 7px 10px;
        font-size: 8px;
		width: 50vw;
    }
    .un_mainvis .un_ttl .js_modalbtn_partnership:before {
        right: 8px;
        width: 4px;
        height: 4px;
        margin-top: -3px;
        border-width: 1px;
    }
    .un_mainvis .un_subBox {
        margin: 0;
        padding: 7px 15px 13px;
        background-color: #fff;
    }
    .un_mainvis .un_subBox .un_Pick {
        float: none;
        margin: 0 0 12px;
        width: 100%;
        text-align: center;
        letter-spacing: 1px;
        font-size: 8px;
    }
    .un_mainvis .un_subBox .un_Pick:before {
        background: none;
    }
    .un_mainvis .un_subBox .un_Pick .un_en_txt {
        margin: 0px 8px 0 0;
        font-size: 13px;
    }
    .un_mainvis .un_subBox .un_listUl {
        float: none;
        width: 100%;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item {
        margin-right: 2%;
        width: 32%;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child {
        margin: 0;
        width: 32%;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item:before {
        position: absolute;
        top: 3px;
        right: 0px;
        width: 1px;
        height: 15px;
        background-color: #DEDEDE;
        content: "";
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child:before {
        background: none;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_img {
        padding: 2px 8px 0 0;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_img img {
        width: 25px;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_txt {
        padding: 0px 0px 0 0;
        width: 70px;
        font-size: 9px;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child .un_listUl_txt {
        width: 77px;
    }
    .un_inner_box .un_txtBox .un_info {
        display: table-cell;
        vertical-align: middle;
    }
    .un_inner_box .un_txtBox .un_info_txt {
        float: none;
        padding: 0 9px;
        width: auto;
    }
    .un_inner_box .un_txtBox .text-white {
        margin-bottom: 11px;
        font-size: 9px;
        line-height: 1.8;
    }
    .un_inner_box .un_photoBox img {
        width: 100%;
    }
    .un_inner_box01 .un_photoBox img {
        width: 100%;
    }
    .un_inner_box01 .un_txtBox .title-white .title-white_en {
        margin-bottom: 3px;
        font-size: 17px;
    }
    .un_inner_box01 .un_txtBox .text-white {
        margin-bottom: 22px;
        font-size: 11px;
        line-height: 1.75;
    }
    .un_inner_box01 .un_txtBox .title-white {
        margin-bottom: 16px;
    }
    .un_inner_box01 .un_txtBox .un_info_txt {
        float: none;
        padding: 0 15px 0 16px;
    }
    .un_inner_box01 .un_txtBox .bl_detail_btn_lnk {
        margin: 0 8px;
        width: auto;
    }
    .un_inner_box01 .bl_detail_btn .bl_detail_btn_lnk:hover {
        border: 1px solid #fff;
        background: url(/img/common/ico01.png) no-repeat right 7px center;
        background-size: 4px auto;
        color: #fff;
    }
    .un_info_box {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 13px 8px 18px;
        border-top: 1px solid #fff;
        background-color: #EEE;
    }
    .un_info_box .un_news_box {
        display: block;
        width: 100%;
    }
    .un_info_box .un_news_box .un_newsList {
        float: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 0 10px 0;
        width: 100%;
    }
    .un_info_box .un_news_box dt {
        padding: 0 0 1px 5px;
        width: 100%;
        font-weight: bold;
        font-size: 9px;
    }
    .un_info_box .un_news_box dt .un_txtSpan {
        margin-left: 13px;
        padding: 1px 0;
        min-width: 40px;
        font-size: 7px;
    }
    .un_info_box .un_news_box dt .un_txtSpan.un_txtSpan01 {
        background-color: #636F96;
    }
    .un_info_box .un_news_box dd {
        margin-bottom: 6px;
        padding: 0px 0 9px 5px;
        min-height: inherit;
        letter-spacing: 1px;
        font-weight: bold;
        font-size: 9px;
    }
    .un_info_box .un_news_box dd a {
        color: #333;
    }
    .un_info_box .un_news_box dd a:hover {
        text-decoration: none;
    }
    .un_info_box .un_news_box dd .un_newsSpan {
        margin-left: 6px;
        padding: 2px 0;
        width: 26px;
        color: #ed6e46;
        font-size: 7px;
    }
    .un_info_box .un_txtBox {
        display: none;
    }
    .un_info_box .un_txtBox .un_info_txtBox {
        padding-left: 98px;
    }
    .un_info_box .title-white {
        margin-bottom: 12px;
        color: #333;
    }
    .un_info_box .title-white .title-white_en {
        display: inline-block;
        margin: 0 15px 0 0;
        color: #333;
        vertical-align: middle;
        font-size: 17px;
    }
    .un_info_box .bl_detail_btn .bl_detail_btn_lnk {
        margin: 0 auto;
        width: 46%;
        border: 1px solid #363636;
        background: url(/img/common/ico02.png) no-repeat right 17px center;
        background-size: 4px auto;
        color: #333;
    }
    .un_detailBox {
        padding: 0;
        background: none;
    }
    .un_detailBox .un_detail_inner {
        margin: 0 auto;
        padding-left: 0px;
        width: auto;
    }
    .un_detailBox .un_subBox .un_photoBox {
        width: 50%;
    }
    .un_detailBox .un_subBox .un_photoBox img {
        width: 100%;
    }
    .un_detailBox .un_subBox .un_photoBox .un_infoTxt02 {
        letter-spacing: 0px;
        font-size: 13px;
    }
    .un_detailBox .un_subBox .un_textBox {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 5px;
        width: 50%;
    }
    .un_detailBox .un_subBox .un_textBox:before {
        position: absolute;
        top: 50%;
        left: -10px;
        margin-top: -9px;
        width: 10px;
        height: 18px;
        background: url(/img/sp/common/ico03.png) no-repeat left top;
        background-size: 10px 18px;
        content: "";
    }
    .un_detailBox .un_subBox .un_textBox .text-white {
        margin-bottom: 15px;
        font-size: 9px;
    }
    .un_detailBox .un_subBox .un_textBox .bl_detail_btn_lnk {
        margin: 0 20px;
        width: auto;
        border: 1px solid #363636;
        background: url(/img/common/ico02.png) no-repeat right 15px center;
        background-size: 4px auto;
        color: #333;
    }
    .un_detailBox .un_subBox .un_textBox .bl_detail_btn_lnk:hover {
        border: 1px solid #363636;
        background: url(/img/common/ico02.png) no-repeat right 15px center;
        background-size: 4px auto;
        color: #333;
    }
    .un_detailBox .un_subBox01 .un_textBox {
        width: 50%;
    }
    .un_detailBox .un_subBox01 .un_textBox:before {
        position: absolute;
        top: 50%;
        right: -10px;
        left: auto;
        margin-top: -9px;
        width: 10px;
        height: 18px;
        background: url(/img/sp/common/ico04.png) no-repeat left top;
        background-size: 10px 18px;
        content: "";
    }
    .un_search {
        margin: 17px 10px 18px;
        width: auto;
    }
    .un_search .title-white {
        margin-bottom: 12px;
        font-size: 9px;
    }
    .un_search .title-white .title-white_en {
        margin-bottom: 3px;
        font-size: 17px;
    }
    .un_sec_ttl {
        margin-bottom: 12px;
        font-size: 17px;
    }
    .un_sec_ttl .un_sec_txt {
        margin-top: 1px;
        font-size: 9px;
    }
    .un_search .un_search_box {
        margin-bottom: 12px;
        width: 324px;
    }
    .un_search .un_search_box .un_input_txt {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 280px;
        height: 30px;

        -webkit-appearance: none;
    }
    .un_search .un_input_search {
        width: 31px;
        height: 30px;
        border-radius: 0;
        background-position: left 10px top 9px;
        background-size: 13px auto;

        -webkit-appearance: none;
    }
    .un_search .un_input_search:hover {
        opacity: 1;
    }
    .un_search .un_search_txt {
        margin-bottom: 17px;
        font-size: 9px;
    }
    .un_search .un_ttl {
        margin-bottom: 10px;
        font-size: 11px;
    }
    .un_search .bl_detail_btn .bl_detail_btn_lnk {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 29px 10px 7px;
        width: 39%;
        background-position: right 13px center;
        background-size: 4px auto;
        font-size: 9px;
    }
    .un_search .bl_detail_btn .bl_detail_btn_lnk:hover {
        border: 1px solid #333;
        background: #fff url(/img/common/ico02.png) no-repeat right 13px center;
        background-size: 4px auto;
        color: #333;
    }
    .un_search .bl_detail_btn .bl_detail_btn_lnk .bl_contact_txt {
        padding-left: 29px;
        background-size: 18px auto;
    }
    .un_search .bl_detail_btn .bl_detail_btn_lnk:hover .bl_contact_txt {
        background: url(/img/common/ico_mail.png) no-repeat left center;
        background-size: 18px auto;
    }
    .un_link_box .un_textUl {
        width: auto;
    }
    .un_link_box .un_textUl .un_textUl_item {
        margin-bottom: 9px;
        width: 100%;
    }
    .un_link_box {
        padding: 26px 19px 30px;
    }
    .un_link_box .un_textUl_item .un_img {
        float: left;
        margin: 3px 0 0;
        width: 9%;
    }
    .un_link_box .un_textUl_item .un_img img {
        margin: 0;
        width: 100%;
    }
    .un_link_box .un_textUl_item .text-white {
        float: right;
        width: 87%;
        text-align: left;
    }
    .un_link_box .un_textUl_item .un_textUl_lnk {
        display: block;
        padding: 8px 9px 9px 12px;
        border: 1px solid #333;
        background: url(/img/common/ico02.png) no-repeat right 10px center;
        background-size: 4px auto;
    }
    .un_link_box .un_textUl_item .un_link_ttl {
        margin-bottom: 1px;
        font-size: 11px;
    }
    .un_link_box .un_textUl_item .un_link_txt {
        margin-bottom: 0;
        color: #000;
        font-size: 8px;
        line-height: 1.54;
    }
    .un_link_box .un_textUl_item:nth-child(2) .un_link_txt {
        margin-bottom: 0;
    }
    .un_link_box .un_textUl_item:last-child {
        margin-bottom: 0;
    }
    .un_link_box .un_textUl .un_textUl_item .un_textUl_lnk:hover {
        opacity: 1;
    }
    .un_imgBox {
        padding: 15px 0 14px;
    }
    .un_imgBox img {
        width: 150px;
    }
}

@media all and (min-width: 0) and (max-width: 374px) {
    .un_mainvis .un_subBox .un_listUl .un_listUl_txt {
        width: 60px;
        font-size: 8px;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_img {
        padding-right: 3px;
    }
    .un_detailBox .un_subBox .un_textBox .text-white {
        margin-bottom: 10px;
    }
    .un_inner_box01 .un_txtBox .text-white {
        margin-bottom: 9px;
    }
    .un_search .bl_detail_btn .bl_detail_btn_lnk {
        width: 45%;
    }
    .un_search .un_search_box {
        width: 300px;
    }
    .un_search .un_search_box .un_input_txt {
        width: 260px;
        font-size: 9px;
    }
    .un_mainvis .un_subBox .un_listUl .un_listUl_item:last-child .un_listUl_txt {
        width: 64px;
    }
}

@media all and (-ms-high-contrast: none) {
    .un_mainvis .un_subBox .un_listUl .un_listUl_txt {
        padding-top: 16px;
    }
    .bl_detail_btn .bl_detail_btn_lnk {
        padding: 18px 0 14px;
    }
    .un_search .bl_detail_btn .bl_detail_btn_lnk {
        padding: 16px 50px 11px 10px;
    }
    .un_link_box .un_textUl_item .bl_detail_btn_lnk {
        padding: 18px 26px 14px;
    }
    .un_info_box .un_news_box dt .un_txtSpan {
        padding: 5px 0 2px;
    }
    .un_search .bl_detail_btn .bl_detail_btn_lnk .bl_contact_txt {
        background: url(/img/common/ico_mail.png) no-repeat left top;
    }
    .un_search .bl_detail_btn .bl_detail_btn_lnk:hover .bl_contact_txt {
        background: url(/img/common/ico_mail_on.png) no-repeat left top;
    }
}

.un_info_box .un_news_box dt .un_txtSpan {
    background-color: #636f96;
}

.un_info_box .un_news_box dt .un_txtSpan.un_txtSpan01 {
    background-color: #76b790;
}

.btn-detail {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    min-height: 54px;
    width: 220px;
    font-weight: bold;
    font-size: 14px;

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

@media screen and (max-width: 767px) {
    .btn-detail {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto;
        min-height: 9.33333vw;
        width: 98%;
        font-size: 2.4vw;
    }
}

.btn-detail--white {
    border: 1px solid #fff;
    color: #fff;
}

.btn-detail--white:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 16px;
    background: url(/img/common/icon_arrow_white_low.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .btn-detail--white:after {
        right: 2.66667vw;
        width: 1.33333vw;
        height: 2.13333vw;
        background-size: 100% auto;
    }
}

.btn-detail--white:hover {
    background-color: #fff;
    color: #297DAD;
}

.btn-detail--white:hover:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 16px;
    background: url(/img/common/icon_arrow_blue_large.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .btn-detail--white:hover:after {
        right: 2.66667vw;
        width: 1.33333vw;
        height: 2.13333vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .btn-detail--white-spnone {
        margin-right: auto;
        margin-left: auto;
        width: 44.8vw;
        border: 1px solid #333;
        color: #333;
    }
    .btn-detail--white-spnone:after {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 10px;
        height: 16px;
        background: url(/img/common/icon_arrow_gray_low.png) 0 0 no-repeat;
        content: "";
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none;
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .btn-detail--white-spnone:after {
        right: 2.66667vw;
        width: 1.33333vw;
        height: 2.13333vw;
        background-size: 100% auto;
    }
}

.btn-detail--white-green:hover {
    background-color: #fff;
    color: #2E9B82;
}

.btn-detail--white-green:hover:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 16px;
    background: url(/img/common/icon_arrow_green.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .btn-detail--white-green:hover:after {
        right: 2.66667vw;
        width: 1.33333vw;
        height: 2.13333vw;
        background-size: 100% auto;
    }
}

.btn-detail--gray {
    border: 1px solid #333;
    color: #333;
}

.btn-detail--gray:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 16px;
    background: url(/img/common/icon_arrow_gray_low.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .btn-detail--gray:after {
        right: 2.66667vw;
        width: 1.33333vw;
        height: 2.13333vw;
        background-size: 100% auto;
    }
}

.btn-detail--gray:hover {
    background-color: #333;
    color: #fff;
}

.btn-detail--gray:hover:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 16px;
    background: url(/img/common/icon_arrow_white_low.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .btn-detail--gray:hover:after {
        right: 2.66667vw;
        width: 1.33333vw;
        height: 2.13333vw;
        background-size: 100% auto;
    }
}

.btn-detail--center {
    margin-right: auto;
    margin-left: auto;
}

/* ---------------------------------------------
*   index-logo
--------------------------------------------- */
.index-logo {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .index-logo {
        padding-top: 8vw;
        padding-bottom: 8vw;
    }
}

.index-logo__image {
    margin-right: auto;
    margin-left: auto;
    width: 40.4vw;
}

/* ---------------------------------------------
*   technical-content
--------------------------------------------- */
.technical-content {
    padding: 13px;
    border: 1px solid #CFCFCF;
    background-color: #EFEFEF;
}

@media screen and (max-width: 767px) {
    .technical-content {
        padding: 1.73333vw;
    }
}

.technical-content__caption {
    display: inline-block;
    margin-bottom: 7px;
    padding: 3px 13px;
    background-color: #707070;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .technical-content__caption {
        margin-bottom: 0.93333vw;
        padding: 0.4vw 1.73333vw;
        font-size: 2.4vw;
    }
}

.technical-content__title {
    padding: 4px 10px;
    background-color: #297DAD;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .technical-content__title {
        padding: 0.66667vw 1.33333vw;
        font-size: 3.2vw;
    }
}

.technical-content__text {
    padding: 7px 10px;
    background-color: #fff;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .technical-content__text {
        padding: 1.06667vw 1.33333vw;
        font-size: 2.66667vw;
    }
}

.technical-content__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    width: 356px;
    height: 246px;

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

@media screen and (max-width: 767px) {
    .technical-content__image {
        margin-top: 2.26667vw;
        margin-bottom: 1.33333vw;
        width: 40.53333vw;
        height: 28vw;
    }
}

.technical-content__image img {
    max-width: 356px;
    max-height: 246px;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
    .technical-content__image img {
        max-width: 40.53333vw;
        max-height: 28vw;
    }
}

/* ---------------------------------------------
*   technical-detail
--------------------------------------------- */
.technical-detail__title {
    padding: 55px 0;
    border-bottom: 3px solid #427C9D;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
}

@media screen and (max-width: 767px) {
    .technical-detail__title {
        padding: 7.33333vw 0;
        border-bottom: 0;
        font-size: 2.66667vw;
    }
}

.technical-detail__text {
    margin-top: 25px;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .technical-detail__text {
        display: none;
        margin-top: 3.33333vw;
    }
}

.technical-detail__input {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .technical-detail__input {
        margin-bottom: 2.66667vw;
    }
}

/* ---------------------------------------------
*   section-technical
--------------------------------------------- */
.section-technical__title {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 26px;
}

@media screen and (max-width: 767px) {
    .section-technical__title {
        margin-bottom: 4vw;
        font-size: 2.4vw;
    }
}

.section-technical__image {
    margin-bottom: 30px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .section-technical__image {
        margin-bottom: 6.66667vw;
        padding-right: 11.26761%;
        padding-left: 11.26761%;
        font-size: 2.4vw;
    }
}

.section-technical__text {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 1.7;
}

@media screen and (max-width: 767px) {
    .section-technical__text {
        margin-bottom: 3.33333vw;
        font-size: 2.4vw;
    }
}

.section-technical__free {
    line-height: 1.7;
}

.section-technical__free a {
    color: #427C9D;
}

.section-technical__free a:hover {
    text-decoration: underline;
}

.section-technical__free p {
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .section-technical__free p {
        font-size: 2.4vw;
    }
}

/*  section-technical-detail
--------------------------------------------- */
.section-technical-detail {
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .section-technical-detail {
        margin-bottom: 5.33333vw;
    }
}

.section-technical-detail:last-child {
    margin-bottom: 0;
}

/* ---------------------------------------------
*   technical-banner
--------------------------------------------- */
.technical-banner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 140px;
    margin-right: auto;
    margin-left: auto;
    padding: 38px 78px 10px;
    width: 780px;
    height: 280px;
    border: 1px solid #DFDFDF;
    background-color: #EFEFEF;
}

@media screen and (max-width: 767px) {
    .technical-banner {
        margin-top: 18.66667vw;
        padding: 4.66667vw 6.66667vw;
        width: auto;
        height: 37.33333vw;
    }
}

.technical-banner__title {
    position: relative;
    margin-bottom: 32px;
    padding-bottom: 17px;
    border-bottom: 3px solid #CFCFCF;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .technical-banner__title {
        margin-bottom: 4.26667vw;
        padding-bottom: 2.26667vw;
        border-width: 0.4vw;
        font-size: 3.2vw;
    }
}

.technical-banner__title:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 42px;
    height: 3px;
    background-color: #427C9D;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .technical-banner__title:after {
        width: 5.6vw;
        height: 0.4vw;
    }
}

.technical-banner__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;

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

.technical-banner__data {
    line-height: 1.3;
}

.technical-banner__data-title {
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .technical-banner__data-title {
        font-size: 2.66667vw;
    }
}

.technical-banner__data-tel {
    color: #212A4B;
    font-weight: bold;
    font-size: 35px;
}

@media screen and (max-width: 767px) {
    .technical-banner__data-tel {
        font-size: 4.66667vw;
    }
}

.technical-banner__data-caption {
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .technical-banner__data-caption {
        font-size: 1.86667vw;
    }
}

.technical-banner__data-link {
    position: relative;
    display: block;
    padding: 14px 0;
    width: 270px;
    background-color: #212A4B;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.technical-banner__data-link:hover {
    opacity: 0.8;
}

.technical-banner__data-link:before {
    position: absolute;
    top: 50%;
    left: 28px;
    width: 26px;
    height: 26px;
    background: url(/img/common/icon_mail_white.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .technical-banner__data-link:before {
        left: 3.73333vw;
        width: 3.46667vw;
        height: 3.46667vw;
        background-size: 100% auto;
    }
}

.technical-banner__data-link:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 16px;
    background: url(/img/common/icon_arrow_white_low.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .technical-banner__data-link:after {
        right: 2.66667vw;
        width: 1.33333vw;
        height: 2.13333vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .technical-banner__data-link {
        padding: 1.86667vw 0;
        width: 36vw;
        font-size: 2.4vw;
    }
}

/* ---------------------------------------------
*   technical-tab
--------------------------------------------- */
.technical-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.selector {
    width: 93px;
}

@media screen and (max-width: 767px) {
    .selector {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto;
    }
}

.selector__list {
    border-bottom: 1px solid #fff;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .selector__list {
        font-size: 3.06667vw;
    }
}

@media screen and (max-width: 767px) {
    .selector__list:last-child .selector__trigger {
        border-right: none;
    }
}

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

.selector__trigger {
    display: block;
    padding: 10px;
    min-height: 64px;
    width: 100%;
    background-color: #EFEFEF;
    color: #297DAD;
    text-align: left;
    letter-spacing: -.1em;
    line-height: 1.1;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .selector__trigger {
        padding: 1.33333vw 0.66667vw;
        min-height: 10.66667vw;
        max-width: 8.4vw;
        width: 8.4vw;
        border-right: 2px solid #fff;
        text-align: center;
        font-size: 2.66667vw;
    }
}

.selector__trigger.current {
    position: relative;
    background-color: #297DAD;
    color: #fff;
    font-weight: bold;
}

.selector__trigger.current:after {
    position: absolute;
    top: 50%;
    right: -22px;
    width: 0;
    height: 0;
    border-width: 32px 0 32px 22px;
    border-style: solid;
    border-color: transparent transparent transparent #297DAD;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .selector__trigger.current:after {
        top: auto;
        right: auto;
        bottom: -2.26667vw;
        left: 50%;
        border-width: 2.26667vw 4.2vw 0 4.2vw;
        border-color: #297DAD transparent transparent transparent;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
    }
}

.block-wrapper {
    padding: 20px 20px 20px 50px;
    width: calc(100% - 93px);
    border: 1px solid #CFCFCF;
}

@media screen and (max-width: 767px) {
    .block-wrapper {
        overflow-x: scroll;
        padding: 2.66667vw;
        padding: 0;
        width: 100%;
    }
}

.block {
    display: none;
}

.block.current {
    display: block;
}

/* ---------------------------------------------
*   tab-table
--------------------------------------------- */
.tab-table {
    width: 100%;
    border: 1px solid #fff;
    table-layout: fixed;
}

@media screen and (max-width: 767px) {
    .tab-table {
        width: 160vw;
    }
}

.tab-table thead {
    background-color: #427C9D;
}

.tab-table thead tr {
    border-bottom: 1px solid #fff;
}

.tab-table thead th {
    padding-top: 8px;
    padding-bottom: 8px;
    border-right: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .tab-table thead th {
        padding-top: 1.33333vw;
        padding-bottom: 1.33333vw;
        width: 30%;
    }
}

.tab-table thead th:last-child {
    border-right: none;
}

.tab-table thead td {
    padding-top: 8px;
    padding-bottom: 18px;
    border-right: 1px solid #fff;
    color: #fff;
    vertical-align: top;
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .tab-table thead td {
        padding-top: 1.33333vw;
        padding-bottom: 2.66667vw;
    }
}

.tab-table thead td:last-child {
    border-right: none;
}

.tab-table tbody tr {
    border-bottom: 1px solid #DFDFDF;
}

.tab-table tbody tr:last-child {
    border-bottom: 1px solid #DFDFDF;
}

.tab-table tbody th {
    padding: 10px 10px 10px 20px;
    background-color: #EFEFEF;
    color: #427C9D;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .tab-table tbody th {
        padding: 1.33333vw 1.33333vw 1.33333vw 2.66667vw;
    }
}

.tab-table tbody th:first-child {
    border-right: 1px solid #DFDFDF;
}

.tab-table tbody th:hover {
    text-decoration: underline;
}

.tab-table tbody td {
    border-right: 1px solid #DFDFDF;
    background-color: #fff;
    color: #000;
    text-align: center;
}

/* ---------------------------------------------
*   work-links
--------------------------------------------- */
.work-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    border: 1px solid #DDD;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    justify-content: center;
}

.work-links__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    min-height: 98px;
    font-weight: bold;
    font-size: 20px;

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

@media screen and (max-width: 767px) {
    .work-links__text {
        min-height: 6.66667vw;
        font-size: 2.93333vw;
    }
}

@media screen and (min-width: 768px) {
    .work-links:hover {
        background: url(/img/common/icon_link.png) no-repeat right bottom;
    }
}

/* ---------------------------------------------
*   work-detail
--------------------------------------------- */
.work-detail {
    display: block;
    padding: 22px 5.65553%;
    border: 1px solid #CFCFCF;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.work-detail:hover {
    opacity: 0.8;
}

@media screen and (max-width: 767px) {
    .work-detail {
        padding: 2.93333vw;
    }
}

.work-detail__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 17px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    width: 343px;
    height: 237px;

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

@media screen and (max-width: 767px) {
    .work-detail__image {
        margin-top: 2.26667vw;
        margin-bottom: 2.66667vw;
        width: 40.53333vw;
        height: 28vw;
    }
}

.work-detail__image img {
    max-width: 343px;
    max-height: 237px;
    width: auto;
    height: auto;
}

@media screen and (max-width: 767px) {
    .work-detail__image img {
        max-width: 40.53333vw;
        max-height: 28vw;
    }
}

.work-detail__category-item {
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .work-detail__category-item {
        margin-bottom: 0.66667vw;
    }
}

.work-detail__category-item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;

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

.work-detail__category-item-list-title {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 5px;
    min-width: 93px;
    background-color: #707070;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .work-detail__category-item-list-title {
        padding: 0.4vw 0.66667vw;
        min-width: 12.4vw;
        font-size: 2.13333vw;
    }
}

.work-detail__category-item-list-text {
    padding-left: 15px;
}

@media screen and (max-width: 767px) {
    .work-detail__category-item-list-text {
        padding-left: 2vw;
    }
}

.work-detail__category-item-list-link {
    padding-left: 15px;
    color: #427C9D;
}

@media screen and (max-width: 767px) {
    .work-detail__category-item-list-link {
        padding-left: 2vw;
    }
}

/* ---------------------------------------------
*   work-detail-link
--------------------------------------------- */
.work-detail-link {
    position: relative;
    display: block;
    padding: 21px 40px 21px 25px;
    border: 1px solid #DDD;
    font-weight: bold;
    font-size: 20px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.work-detail-link:hover {
    opacity: 0.8;
}

.work-detail-link:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 14px;
    background: url(/img/common/icon_arrow_black.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .work-detail-link:after {
        right: 3.06667vw;
        width: 1.06667vw;
        height: 1.86667vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .work-detail-link {
        padding: 3.46667vw 5.33333vw 3.33333vw 3.33333vw;
        font-size: 2.4vw;
    }
}

/* ---------------------------------------------
*   csr-list
--------------------------------------------- */
.csr-list {
    padding: 23px;
    border: 1px solid #CFCFCF;
}

@media screen and (max-width: 767px) {
    .csr-list {
        padding: 2.66667vw;
    }
}

.csr-list__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    width: 341px;
    height: 237px;

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

@media screen and (max-width: 767px) {
    .csr-list__image {
        margin-top: 4vw;
        margin-bottom: 2.66667vw;
        width: 37.33333vw;
        height: 28vw;
    }
}

.csr-list__image img {
    max-width: 341px;
    max-height: 237px;
    width: auto;
    height: auto;
}

@media screen and (max-width: 767px) {
    .csr-list__image img {
        max-width: 37.33333vw;
        max-height: 28vw;
    }
}

/* ---------------------------------------------
*   csr-contents
--------------------------------------------- */
.csr-contents {
    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) {
    .csr-contents {
        display: block;
        margin-bottom: 5.33333vw;
    }
}

.csr-contents__main {
    width: 267px;
}

@media screen and (max-width: 767px) {
    .csr-contents__main {
        margin-top: 4vw;
        margin-bottom: 4vw;
        width: auto;
    }
}

.csr-contents__main-image {
    text-align: center;
}

.csr-contents__main-pdf {
    text-align: center;
}

.csr-contents__main-pdf-item {
    position: relative;
    display: inline-block;
    padding-right: 20px;
}

.csr-contents__main-pdf-item:after {
    position: absolute;
    top: 50%;
    right: -20px;
    width: 23px;
    height: 23px;
    background: url(/img/common/icon_pdf.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .csr-contents__main-pdf-item:after {
        right: -2.66667vw;
        width: 3.06667vw;
        height: 3.06667vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .csr-contents__main-pdf-item {
        padding-right: 2.66667vw;
    }
}

.csr-contents__detail {
    width: 858px;
}

@media screen and (max-width: 767px) {
    .csr-contents__detail {
        width: auto;
    }
}

.csr-contents__list-item {
    border-top: 2px solid #DFDFDF;
}

@media screen and (max-width: 767px) {
    .csr-contents__list-item {
        border-width: 0.26667vw;
    }
}

.csr-contents__list-item:last-child {
    border-bottom: 2px solid #DFDFDF;
}

@media screen and (max-width: 767px) {
    .csr-contents__list-item:last-child {
        border-width: 0.26667vw;
    }
}

.csr-contents__page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.csr-contents__page:hover {
    color:#427C9D;
	text-decoration: underline;
}

.csr-contents__page-title {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 22px 0;
    padding-left: 20px;
    width: 95px;
    background-color: #EFEFEF;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .csr-contents__page-title {
        padding: 2.93333vw 0;
        padding-left: 4vw;
        width: 16vw;
        font-size: 3.06667vw;
    }
}

.csr-contents__page-text {
    display: block;
    padding: 22px 0 22px 25px;
    width: calc(100% - 95px);
}

@media screen and (max-width: 767px) {
    .csr-contents__page-text {
        padding: 2.93333vw 0 2.93333vw 3.33333vw;
        width: calc(100% - 16vw);
    }
}

.csr-contents__caption {
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .csr-contents__caption {
        margin-top: 5.33333vw;
    }
}

/* ---------------------------------------------
*   map-area
--------------------------------------------- */
.map-area {
    margin-bottom: 75px;
    padding: 27px;
    border: 1px solid #DFDFDF;
    background-color: #EFEFEF;
}

@media screen and (max-width: 767px) {
    .map-area {
        margin-bottom: 9.33333vw;
        padding: 3.52113%;
    }
}

/*  map-area-head
--------------------------------------------- */
.map-area-head {
    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) {
    .map-area-head {
        display: block;
    }
}

.map-area-head__image {
    width: 715px;
}

@media screen and (max-width: 767px) {
    .map-area-head__image {
        margin-bottom: 2.66667vw;
        width: 100%;
    }
}

.map-area-head__image--single {
    width: 100%;
}

.map-area-head__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 34px;
    width: calc(100% - 715px);

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

@media screen and (max-width: 767px) {
    .map-area-head__list {
        padding-left: 0;
        width: 100%;
    }
}

.map-area-head__list--office .blue-frame-link:after {
    -webkit-transform: translateY(-50%) rotateZ(90deg);
    transform: translateY(-50%) rotateZ(90deg);
}

.map-area-head__list--office .map-area-head__list-item.current .blue-frame-link:after {
    background-color: #427C9D;
    color: #fff;
    -webkit-transform: translateY(-50%) rotateZ(90deg);
    transform: translateY(-50%) rotateZ(90deg);
}

.map-area-head__list--office .map-area-head__list-item.current .blue-frame-link:after:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 14px;
    background: url(/img/common/icon_arrow_white.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .map-area-head__list--office .map-area-head__list-item.current .blue-frame-link:after:after {
        right: 2.66667vw;
        width: 1.06667vw;
        height: 1.86667vw;
        background-size: 100% auto;
    }
}

.map-area-head__list-item {
    margin-right: 16px;
    width: 187px;
}

@media screen and (max-width: 767px) {
    .map-area-head__list-item {
        margin-right: 2.12766%;
        width: 48.93617%;
    }
}

.map-area-head__list-item:nth-of-type(2n) {
    margin-right: 0;
}

.map-area-head__list-item:nth-child(n + 3) {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .map-area-head__list-item:nth-child(n + 3) {
        margin-top: 2vw;
    }
}

.map-area-head__list-item.current .blue-frame-link {
    background-color: #427C9D;
    color: #fff;
}

.map-area-head__list-item.current .blue-frame-link:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 14px;
    background: url(/img/common/icon_arrow_white.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .map-area-head__list-item.current .blue-frame-link:after {
        right: 2.66667vw;
        width: 1.06667vw;
        height: 1.86667vw;
        background-size: 100% auto;
    }
}

/*  map-area-body
--------------------------------------------- */
.map-area-body {
    padding: 15px 0;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .map-area-body {
        padding: 2vw;
    }
}

.map-area-body__title {
    text-align: center;
    font-weight: bold;
}

.map-area-body__note {
    color: #474747;
    text-align: center;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .map-area-body__note {
        font-size: 2.66667vw;
    }
}

/*  network-address-table
--------------------------------------------- */
.network-address-table {
    margin-bottom: 20px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .network-address-table {
        margin-bottom: 2.66667vw;
        width: 168vw;
    }
}

.network-address-table tr {
    border-bottom: 1px solid #DFDFDF;
}

.network-address-table tr:first-child {
    border-top: 1px solid #DFDFDF;
}

.network-address-table th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px 20px 20px;
    width: 200px;
    background-color: #EFEFEF;
    color: #427C9D;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .network-address-table th {
        padding: 2.66667vw 1.33333vw 2.66667vw 2.66667vw;
        width: 26.66667vw;
    }
}

.network-address-table td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 20px;
    width: calc(100% - 100px);
}

@media screen and (max-width: 767px) {
    .network-address-table td {
        padding-right: 1.33333vw;
        padding-left: 2.66667vw;
        width: calc(100% - 26.66667vw);
    }
}

.network-address-table .map-links {
    margin-left: 20px;
}

.network-address-table--institure {
    margin-bottom: 0;
    width: calc(100% - 343px - 45px);
}

@media screen and (max-width: 767px) {
    .network-address-table--institure {
        width: 100%;
    }
}

.network-address-table--institure th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px 21px 20px;
    width: 167px;
    background-color: #EFEFEF;
    color: #212A4B;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .network-address-table--institure th {
        display: block;
        padding: 2.93333vw 1.33333vw 2.8vw 2.66667vw;
        width: 100%;
    }
}

.network-address-table--institure td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 20px;
    width: calc(100% - 167px);
}

@media screen and (max-width: 767px) {
    .network-address-table--institure td {
        display: block;
        padding: 3.46667vw 1.33333vw 3.46667vw 2.66667vw;
        width: 100%;
    }
}

/*  network-area-table
--------------------------------------------- */
.network-area-table {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .network-area-table {
        width: 168vw;
    }
}

.network-area-table thead {
    background-color: #427C9D;
}

.network-area-table thead th {
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .network-area-table thead th {
        padding: 1.06667vw 1.33333vw;
    }
}

.network-area-table tbody tr {
    border-bottom: 1px solid #DFDFDF;
}

.network-area-table tbody tr:first-child {
    border-top: 1px solid #DFDFDF;
}

.network-area-table tbody th {
    padding: 20px 10px 20px 20px;
    background-color: #EFEFEF;
    color: #427C9D;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .network-area-table tbody th {
        padding: 2.66667vw 1.33333vw 2.66667vw 2.66667vw;
    }
}

.network-area-table tbody td {
    padding-right: 10px;
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    .network-area-table tbody td {
        padding-right: 1.33333vw;
        padding-left: 2.66667vw;
    }
}

.network-area-table__border {
    border-left: 1px solid #DFDFDF;
}

.network-area-table__center {
    text-align: center;
}

/*  network-area-table-outer
--------------------------------------------- */
@media screen and (max-width: 767px) {
    .network-area-table-outer {
        overflow-x: scroll;
    }
}

/*  map-links
--------------------------------------------- */
.map-links {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 10px 2px 2px;
    width: 73px;
    border: 1px solid #427C9D;
    color: #427C9D;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

.map-links:after {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 5px;
    height: 9px;
    background: url(/img/common/icon_arrow_blue_map.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .map-links:after {
        right: 0.66667vw;
        width: 0.66667vw;
        height: 0.93333vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .map-links {
        padding: 0.26667vw 1.33333vw 0.26667vw 0.26667vw;
        width: 13.33333vw;
        font-size: 2.66667vw;
    }
}

/* ---------------------------------------------
*   section-message
--------------------------------------------- */
.section-message__title {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
}

@media screen and (max-width: 767px) {
    .section-message__title {
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   table-financial
--------------------------------------------- */
.table-financial {
    width: 100%;
}

.table-financial tr {
    border-bottom: 1px solid #DFDFDF;
}

.table-financial tr:first-child {
    border-top: 1px solid #DFDFDF;
}

.table-financial th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 21px 20px;
    width: 250px;
    background-color: #EFEFEF;
    color: #212A4B;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .table-financial th {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.66667vw;
        width: 100%;
        font-size: 3.06667vw;
    }
}

.table-financial td {
    padding: 21px 20px;
    width: calc(100% - 250px);
}

@media screen and (max-width: 767px) {
    .table-financial td {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.66667vw;
        width: 100%;
        font-size: 3.06667vw;
    }
}

/* ---------------------------------------------
*   table-history
--------------------------------------------- */
.table-history {
    width: 100%;
}

.table-history tr {
    border-bottom: 1px solid #DFDFDF;
}

.table-history tr:first-child {
    border-top: 1px solid #DFDFDF;
}

.table-history th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 21px 20px;
    width: 185px;
    background-color: #EFEFEF;
    color: #212A4B;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .table-history th {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.66667vw;
        width: 100%;
        font-size: 3.06667vw;
    }
}

.table-history td {
    padding: 21px 20px;
    width: calc(100% - 185px);
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .table-history td {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.66667vw;
        width: 100%;
        font-size: 3.06667vw;
    }
}

.table-history-in-img {
	display: flex;
    align-items: center;
}

.table-history-in-img img {
	margin: 0 0 0 20px;
}

.table-history-in-img :hover {
    opacity: 0.8;
}

.table-history-br-sp {
	display: none;
}

@media screen and (max-width: 767px) {
    .table-history-in-img {
        display: block;
    }
    
    .table-history-in-img :hover {
    	opacity: 1;
	}
    
    .table-history-in-img img {
		margin: 10px 0 0 0;
	}
    
    .table-history-br-sp {
		display: block;
	}
}


/* ---------------------------------------------
*   table-summary
--------------------------------------------- */
.table-summary {
    width: 100%;
}

.table-summary tr {
    border-bottom: 1px solid #DFDFDF;
}

.table-summary tr:first-child {
    border-top: 1px solid #DFDFDF;
}

.table-summary th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 21px 20px;
    width: 270px;
    background-color: #EFEFEF;
    color: #212A4B;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .table-summary th {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.66667vw;
        width: 100%;
        font-size: 3.06667vw;
    }
}

.table-summary td {
    padding: 21px 20px;
    width: calc(100% - 270px);
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .table-summary td {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.66667vw;
        width: 100%;
        font-size: 3.06667vw;
    }
}

/* ---------------------------------------------
*   history-contents
--------------------------------------------- */
.history-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.history-contents--small-pdf .history-contents__texts {
    margin-right: 35px;
    width: calc(100% - 240px - 35px);
}

@media screen and (max-width: 767px) {
    .history-contents--small-pdf .history-contents__texts {
        margin-right: 0;
        width: auto;
    }
}

.history-contents--small-pdf .history-contents__texts--narrow {
    margin-right: 90px;
    width: calc(100% - 240px - 90px);
}

@media screen and (max-width: 767px) {
    .history-contents--small-pdf .history-contents__texts--narrow {
        margin-right: 0;
        width: auto;
    }
}

.history-contents--small-pdf .history-contents__figure {
    width: 240px;
}

@media screen and (max-width: 767px) {
    .history-contents--small-pdf .history-contents__figure {
        width: auto;
    }
}

.history-contents--small-pdf .image-lineup-item {
    width: 240px;
    border: none;
}

@media screen and (max-width: 767px) {
    .history-contents--small-pdf .image-lineup-item {
        margin-right: 2.93333vw;
        width: 33.6vw;
    }
    .history-contents--small-pdf .image-lineup-item:last-child {
        margin-right: 0;
    }
}

.history-contents--big-pdf .history-contents__texts {
    margin-right: 35px;
    width: calc(100% - 525px - 35px);
}

@media screen and (max-width: 767px) {
    .history-contents--big-pdf .history-contents__texts {
        margin-right: 0;
        width: auto;
    }
}

.history-contents--big-pdf .history-contents__figure {
    width: 525px;
}

@media screen and (max-width: 767px) {
    .history-contents--big-pdf .history-contents__figure {
        width: auto;
    }
}

.history-contents--big-pdf .image-lineup-item {
    width: 255px;
    border: none;
}

@media screen and (max-width: 767px) {
    .history-contents--big-pdf .image-lineup-item {
        margin-right: 2.93333vw;
        width: 33.6vw;
    }
    .history-contents--big-pdf .image-lineup-item:last-child {
        margin-right: 0;
    }
}

.history-contents--middle .history-contents__texts {
    margin-right: 40px;
    width: calc(100% - 360px - 40px);
}

@media screen and (max-width: 767px) {
    .history-contents--middle .history-contents__texts {
        margin-right: 0;
        width: auto;
    }
}

.history-contents--middle .history-contents__figure {
    width: 360px;
}

@media screen and (max-width: 767px) {
    .history-contents--middle .history-contents__figure {
        width: auto;
    }
}

.history-contents--middle .image-lineup-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 3px;
    width: 361px;
    height: 250px;
}

@media screen and (max-width: 767px) {
    .history-contents--middle .image-lineup-item {
        margin-right: 2.93333vw;
        margin-left: auto;
        padding: 0.4vw;
        width: 48.13333vw;
        height: 33.33333vw;
    }
    .history-contents--middle .image-lineup-item:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .history-contents--middle .image-lineup-item:last-child {
        margin-right: auto;
    }
}

.history-contents--middle .image-lineup-item img {
    width: 351px;
    height: 239px;
}

@media screen and (max-width: 767px) {
    .history-contents--middle .image-lineup-item img {
        width: 46.8vw;
        height: 31.86667vw;
    }
}

.history-contents--middle .image-lineup-item--long {
    height: 280px;
}

@media screen and (max-width: 767px) {
    .history-contents--middle .image-lineup-item--long {
        height: 37.33333vw;
    }
}

.history-contents--middle .image-lineup-item--long img {
    height: 270px;
}

@media screen and (max-width: 767px) {
    .history-contents--middle .image-lineup-item--long img {
        height: 36vw;
    }
}

.history-contents--middle .image-lineup-item--height {
    height: 314px;
}

@media screen and (max-width: 767px) {
    .history-contents--middle .image-lineup-item--height {
        height: 41.86667vw;
    }
}

.history-contents--middle .image-lineup-item--height img {
    width: 214px;
    height: 303px;
}

@media screen and (max-width: 767px) {
    .history-contents--middle .image-lineup-item--height img {
        width: 28.53333vw;
        height: 40.4vw;
    }
}

.history-contents--big .history-contents__texts {
    margin-right: 35px;
    width: calc(100% - 523px - 35px);
}

@media screen and (max-width: 767px) {
    .history-contents--big .history-contents__texts {
        margin-right: 0;
        width: auto;
    }
}

.history-contents--big .history-contents__figure {
    width: 523px;
}

@media screen and (max-width: 767px) {
    .history-contents--big .history-contents__figure {
        width: auto;
    }
}

.history-contents--big .image-lineup-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    width: 250px;
    height: 250px;
}

@media screen and (max-width: 767px) {
    .history-contents--big .image-lineup-item {
        margin-right: 2.93333vw;
        padding: 0.4vw;
        width: 33.33333vw;
        height: 33.33333vw;
    }
    .history-contents--big .image-lineup-item:last-child {
        margin-right: 0;
    }
}

.history-contents--large .history-contents__texts {
    margin-right: 40px;
    width: calc(100% - 350px - 40px);
}

@media screen and (max-width: 767px) {
    .history-contents--large .history-contents__texts {
        margin-right: 0;
        width: auto;
    }
}

.history-contents--large .history-contents__figure {
    width: 350px;
}

@media screen and (max-width: 767px) {
    .history-contents--large .history-contents__figure {
        width: auto;
    }
}

.history-contents--large .image-lineup-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 3px;
    width: 350px;
    height: 253px;
}

@media screen and (max-width: 767px) {
    .history-contents--large .image-lineup-item {
        margin-right: 2.93333vw;
        padding: 0.4vw;
        width: 46.66667vw;
        height: 33.73333vw;
    }
    .history-contents--large .image-lineup-item:last-child {
        margin-right: 0;
    }
}

.history-contents--large .image-lineup-item img {
    width: 343px;
    height: 243px;
}

@media screen and (max-width: 767px) {
    .history-contents--large .image-lineup-item img {
        width: 45.73333vw;
        height: 32.4vw;
    }
}

.history-contents--large-line .history-contents__texts {
    margin-right: 40px;
    width: calc(100% - 720px - 40px);
}

@media screen and (max-width: 767px) {
    .history-contents--large-line .history-contents__texts {
        margin-right: 0;
        width: auto;
    }
}

.history-contents--large-line .history-contents__figure {
    width: 720px;
}

@media screen and (max-width: 767px) {
    .history-contents--large-line .history-contents__figure {
        width: auto;
    }
}

.history-contents--large-line .image-lineup-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 3px;
    width: 350px;
    height: 253px;
}

@media screen and (max-width: 767px) {
    .history-contents--large-line .image-lineup-item {
        margin-right: 2.93333vw;
        padding: 0.4vw;
        width: 46.66667vw;
        height: 33.73333vw;
    }
    .history-contents--large-line .image-lineup-item:last-child {
        margin-right: 0;
    }
}

.history-contents--large-line .image-lineup-item img {
    width: 343px;
    height: 243px;
}

@media screen and (max-width: 767px) {
    .history-contents--large-line .image-lineup-item img {
        width: 45.73333vw;
        height: 32.4vw;
    }
}

.history-contents--peculiar-line .history-contents__texts {
    margin-right: 40px;
    width: calc(100% - 585px - 40px);
}

@media screen and (max-width: 767px) {
    .history-contents--peculiar-line .history-contents__texts {
        margin-right: 0;
        width: auto;
    }
}

.history-contents--peculiar-line .history-contents__figure {
    width: 585px;
}

@media screen and (max-width: 767px) {
    .history-contents--peculiar-line .history-contents__figure {
        width: auto;
    }
}

.history-contents--peculiar-line .image-lineup-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 3px;
    width: 350px;
    height: 253px;
}

@media screen and (max-width: 767px) {
    .history-contents--peculiar-line .image-lineup-item {
        margin-right: 2.93333vw;
        padding: 0.4vw;
        width: 46.66667vw;
        height: 33.73333vw;
    }
    .history-contents--peculiar-line .image-lineup-item:last-child {
        margin-right: 0;
    }
}

.history-contents--peculiar-line .image-lineup-item img {
    width: 343px;
    height: 243px;
}

@media screen and (max-width: 767px) {
    .history-contents--peculiar-line .image-lineup-item img {
        width: 45.73333vw;
        height: 32.4vw;
    }
}

.history-contents--peculiar-line .image-lineup-item--small {
    width: 218px;
}

@media screen and (max-width: 767px) {
    .history-contents--peculiar-line .image-lineup-item--small {
        width: 29.06667vw;
    }
}

.history-contents--peculiar-line .image-lineup-item--small img {
    width: 208px;
}

@media screen and (max-width: 767px) {
    .history-contents--peculiar-line .image-lineup-item--small img {
        width: 27.73333vw;
    }
}

.history-contents__texts {
    letter-spacing: .02em;
}

/*  history-contents-detail
--------------------------------------------- */
.history-contents-detail {
    padding: 0 5px;
}

@media screen and (max-width: 767px) {
    .history-contents-detail {
        padding: 0;
    }
}

/*  image-map
--------------------------------------------- */
.image-map {
    text-align: center;
}

/* ---------------------------------------------
*   image-lineup
--------------------------------------------- */
.image-lineup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.image-lineup--justify {
    -ms-flex-pack: justify;

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

@media screen and (max-width: 767px) {
    .image-lineup--justify {
        -ms-flex-pack: center;

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

.image-lineup--length {
    display: block;
}

.image-lineup--length .image-lineup-item {
    margin-right: auto;
    margin-left: auto;
}

.image-lineup--length .image-lineup-item:last-child {
    margin-right: auto;
}

/*  image-lineup-item
--------------------------------------------- */
.image-lineup-item {
    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;
    border: 1px solid #707070;

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

.image-lineup-item__pdf {
    text-align: center;
}

.image-lineup-item__pdf img {
    border: 1px solid #707070;
}

.image-lineup-item__pdf-link {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    padding-right: 10px;
    color: #427C9D;
}

.image-lineup-item__pdf-link:after {
    position: absolute;
    top: 50%;
    right: -20px;
    width: 23px;
    height: 23px;
    background: url(/img/common/icon_pdf.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .image-lineup-item__pdf-link:after {
        right: -2.66667vw;
        width: 3.06667vw;
        height: 3.06667vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .image-lineup-item__pdf-link {
        margin-top: 2vw;
        padding-right: 2vw;
    }
}

.image-lineup-item__pdf-link:hover {
    text-decoration: underline;
}

/* ---------------------------------------------
*   corporate-slider
--------------------------------------------- */
.corporate-slider {
    margin-bottom: 50px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .corporate-slider {
        margin-bottom: 2.66667vw;
    }
}

/*  corporate-thumbnails
--------------------------------------------- */
.corporate-thumbnails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

/*  thumbnails-target
--------------------------------------------- */
.thumbnails-target {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    overflow: hidden;
    margin-right: 20px;
    width: 113px;
    height: 108px;
    cursor: pointer;

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

@media screen and (max-width: 767px) {
    .thumbnails-target {
        margin-right: 2.26667vw;
        width: 17.06667vw;
        height: 16.26667vw;
    }
}

@media screen and (max-width: 767px) {
    .thumbnails-target:nth-of-type(5n) {
        margin-right: 0;
    }
}

.thumbnails-target:nth-of-type(9n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .thumbnails-target:nth-of-type(9n) {
        margin-right: 2.26667vw;
    }
}

@media screen and (max-width: 767px) {
    .thumbnails-target:nth-child(n + 6) {
        margin-top: 2.66667vw;
    }
}

.thumbnails-target:nth-child(n + 10) {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .thumbnails-target:nth-child(n + 10) {
        margin-top: 2.66667vw;
    }
}

.thumbnails-target img {
    width: auto;
    height: 108px;
}

@media screen and (max-width: 767px) {
    .thumbnails-target img {
        height: 16.26667vw;
    }
}

.thumbnails-target:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 7px solid #427C9D;
    content: "";
    opacity: 0;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

@media screen and (max-width: 767px) {
    .thumbnails-target:before {
        border-width: 1.33333vw;
    }
}

.thumbnails-target.current:before {
    opacity: 1;
}

/*  slider-detail
--------------------------------------------- */
.slider-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.slider-detail__image {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 650px;
    height: 385px;
}

@media screen and (max-width: 767px) {
    .slider-detail__image {
        width: 94.66667vw;
        height: 56vw;
    }
}

.slider-detail__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.slider-detail__content {
    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;
    padding: 0 60px 45px 60px;
    width: calc(100% - 650px);
    height: 385px;
    background-color: #EFEFEF;

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

@media screen and (max-width: 767px) {
    .slider-detail__content {
        padding: 0 1.33333vw 10.66667vw 1.33333vw;
        width: auto;
        height: 22.66667vw;
    }
}

.slider-detail__content-text {
    color: #212A4B;
    font-weight: bold;
    font-size: 22px;
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .slider-detail__content-text {
        font-size: 2.93333vw;
    }
}

.blue-frame-link.slick-arrow {
    position: absolute;
    bottom: 80px;
    z-index: 1;
    width: 195px;
}

@media screen and (max-width: 767px) {
    .blue-frame-link.slick-arrow {
        bottom: 3.73333vw;
        width: 26vw;
    }
}

.blue-frame-link.js-prev {
    right: 290px;
}

@media screen and (max-width: 767px) {
    .blue-frame-link.js-prev {
        right: 47.86667vw;
    }
}

.blue-frame-link.js-next {
    right: 75px;
}

@media screen and (max-width: 767px) {
    .blue-frame-link.js-next {
        right: 20.66667vw;
    }
}

/* ---------------------------------------------
*   policy-name
--------------------------------------------- */
.policy-name {
    margin-left: auto;
    width: 200px;
}

@media screen and (max-width: 767px) {
    .policy-name {
        width: 40vw;
    }
}

/*  policy-name-head
--------------------------------------------- */
.policy-name-head {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .policy-name-head {
        margin-bottom: 2.66667vw;
        font-size: 3.06667vw;
    }
}

/*  policy-name-main
--------------------------------------------- */
.policy-name-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.policy-name-main__positon {
    margin-right: 20px;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .policy-name-main__positon {
        margin-right: 2.66667vw;
        font-size: 3.06667vw;
    }
}

@media screen and (max-width: 767px) {
    .policy-name-main__name {
        width: 26.66667vw;
    }
}

/* ---------------------------------------------
*   philosophy-detail
--------------------------------------------- */
.philosophy-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 25px 15px 0px;
    min-height: 210px;
    border: 1px solid #CFCFCF;
}

@media screen and (max-width: 767px) {
    .philosophy-detail {
        padding: 2.66667vw 3.33333vw 2.66667vw 1.06667vw;
        min-height: 0;
    }
}

.philosophy-detail__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: calc(100% - 335px);

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

@media screen and (max-width: 767px) {
    .philosophy-detail__image {
        margin-bottom: 4vw;
        width: calc(100% - 53.33333vw);
    }
}

@media screen and (max-width: 767px) {
    .philosophy-detail__image img {
        margin-right: 2vw;
        width: 80%;
    }
}

.philosophy-detail__contents {
    width: 335px;
}

@media screen and (max-width: 767px) {
    .philosophy-detail__contents {
        width: 80vw;
    }
}

.philosophy-detail__contents-link {
    position: relative;
    display: inline-block;
    margin-bottom: 18px;
    color: #427C9D;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;
}

.philosophy-detail__contents-link:after {
    position: absolute;
    top: 15%;
    right: -33px;
    width: 27px;
    height: 20px;
    background: url(/img/common/icon_link_blank.png) 0 0 no-repeat;
    content: "";
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .philosophy-detail__contents-link:after {
        right: -4.4vw;
        width: 3.6vw;
        height: 2.66667vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .philosophy-detail__contents-link {
        margin-bottom: 2.4vw;
        font-size: 3.6vw;
    }
}

.philosophy-detail__contents-link:hover {
    text-decoration: underline;
}

.philosophy-detail__contents-title {
    margin-bottom: 18px;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .philosophy-detail__contents-title {
        margin-bottom: 2.4vw;
        font-size: 3.6vw;
    }
}

.philosophy-detail__contents-text {
    line-height: 1.9;
}

@media screen and (max-width: 767px) {
    .philosophy-detail__contents-text {
        line-height: 1.6;
    }
}

.philosophy-detail--single {
    padding: 25px;
}

@media screen and (max-width: 767px) {
    .philosophy-detail--single {
        padding: 2.66667vw 3.33333vw;
    }
}

.philosophy-detail--single .philosophy-detail__contents {
    width: auto;
}

.philosophy-detail--mini {
    min-height: 218px;
}

@media screen and (max-width: 767px) {
    .philosophy-detail--mini {
        min-height: 0;
    }
}

.ie .philosophy-detail__contents-link:after {
    top: 0;
}

/* ---------------------------------------------
*   institure-heading
--------------------------------------------- */
.institure-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.institure-heading__image {
    margin-right: 45px;
    width: 343px;
}

@media screen and (max-width: 767px) {
    .institure-heading__image {
        margin-right: 0;
        margin-bottom: 2.66667vw;
        width: 100%;
        text-align: center;
    }
}

/* ---------------------------------------------
*   section-mechanical
--------------------------------------------- */
.section-mechanical {
    margin-bottom: 280px;
}

@media screen and (max-width: 767px) {
    .section-mechanical {
        margin-bottom: 13.33333vw;
    }
}

.section-mechanical__title {
    text-align: center;
    letter-spacing: -.03em;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.7;
}

@media screen and (max-width: 767px) {
    .section-mechanical__title {
        font-size: 2.66667vw;
    }
}

.section-mechanical__title--narrow {
    letter-spacing: -.03em;
}

/* ---------------------------------------------
*   section-payment
--------------------------------------------- */
.section-payment {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 8px;
    border: 1px solid #CFCFCF;
}

@media screen and (max-width: 767px) {
    .section-payment {
        padding-top: 1.06667vw;
    }
}

/*  section-payment-frame
--------------------------------------------- */
.section-payment-frame {
    padding: 25px;
}

@media screen and (max-width: 767px) {
    .section-payment-frame {
        padding: 3.33333vw;
    }
}

/* ---------------------------------------------
*   productsales-anchor
--------------------------------------------- */
.productsales-anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.productsales-anchor a {
    width: 253px;
}

@media screen and (max-width: 767px) {
    .productsales-anchor a {
        margin-left: 0;
        padding: 4vw 4vw;
        width: 30.66667vw;
    }
}

/* ---------------------------------------------
*   productsales-table
--------------------------------------------- */
.productsales-table {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .productsales-table {
        width: 200vw;
    }
}

.productsales-table thead {
    background-color: #427C9D;
}

.productsales-table thead th {
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.productsales-table tbody tr {
    border-bottom: 1px solid #DFDFDF;
}

.productsales-table tbody tr:first-child {
    border-top: 1px solid #DFDFDF;
}

.productsales-table tbody th {
    padding: 10px 5px 10px 15px;
    border-right: 1px solid #DFDFDF;
    background-color: #EFEFEF;
    color: #212A4B;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .productsales-table tbody th {
        font-size: 3.06667vw;
    }
}

.productsales-table tbody td {
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 20px;
    border-right: 1px solid #DFDFDF;
}

.productsales-table tbody td:last-child {
    border-right: none;
}

.productsales-table tbody a {
    color: #427C9D;
}

.productsales-table tbody a:hover {
    text-decoration: underline;
}

.productsales-table__border {
    border-left: 1px solid #DFDFDF;
}

.productsales-table__center {
    text-align: center;
}

/*  productsales-table-outer
--------------------------------------------- */
@media screen and (max-width: 767px) {
    .productsales-table-outer {
        overflow-x: scroll;
    }
}

/* ---------------------------------------------
*   area
--------------------------------------------- */
area:focus {
    outline: none;
}

/* ---------------------------------------------
*   corporate index
--------------------------------------------- */
.un_txt {
    font-size: 14px;
    line-height: 1.76;
}

.un_linkUl_txt {
    font-size: 14px;
    line-height: 1.76;
}

.un_sec_ttl {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 24px;
}

.un_sec_ttl .un_sec_txt {
    margin: 0 10px;
    letter-spacing: 1px;
    font-size: 15px;
    opacity: 0.7;
}

.ly_mainvis .ly_mainvis_inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 196px 4px 189px;
}

.ly_mainvis .bl_pageTtl .bl_pageTtl_jp {
    margin-bottom: -2px;
}

.ly_mainvis .bl_pageTtl .bl_pageTtl_en {
    letter-spacing: 1px;
}

.un_content {
    margin: 0 auto;
    width: 1068px;
}

.un_message {
    padding-top: 6px;
    background-color: #F7F4EF;
}

.un_message .un_content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 38px;
}

.un_message .un_sec_ttl .un_sec_txt {
    opacity: 0.7;
}

.un_message .un_photo_box {
    float: left;
}

.un_message .un_photo_box img {
    margin-left: -61px;
    max-width: none;
}

.un_message .un_text_box {
    position: relative;
    float: right;
    margin-top: 97px;
    width: 456px;
    background-color: #fff;
}

.un_message .un_text_box .un_link {
    position: relative;
    display: block;
    padding: 67px 37px 73px;
    color: #333;
}

.un_message .un_text_box .un_link:hover {
    color: #212a4b;
    text-decoration: none;
}

.un_message .un_text_box .un_link:hover:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: url(/img/corporate/ico.png) no-repeat left top;
    content: '';
}

.un_message .un_text_box .un_txt {
    font-size: 14px;
    line-height: 1.76;
}

.un-philosophy {
    padding: 103px 0 102px;
    background: url(/img/corporate/company-photo02.jpg) no-repeat center center;
    background-size: cover;
}

.un-philosophy .un_text_box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 456px;
    background-color: rgba(255, 255, 255, 0.9);
}

.un-philosophy .un_text_box .un_link {
    position: relative;
    display: block;
    padding: 66px 37px 98px;
    color: #333;
    text-decoration: none;
}

.un-philosophy .un_text_box .un_link:hover {
    color: #212a4b;
    text-decoration: none;
}

.un-philosophy .un_text_box .un_link:hover:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: url(/img/corporate/ico.png) no-repeat left top;
    content: '';
}

.un-philosophy .un_text_box .un_sec_ttl {
    margin-bottom: 10px;
}

.un-philosophy .un_content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 38px;
}

.un_linkUl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    width: 992px;

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

.un_link_box.corporate {
    padding: 102px 0 91px;
    background-color: #fafafa;
}

.un_linkUl .un_linkUl_item {
    width: 456px;
}

.un_linkUl .un_linkUl_item .un_linkUl_lnk {
    display: block;
    color: #333;
}

.un_linkUl .un_linkUl_item .un_linkUl_lnk:hover {
    color: #333;
    text-decoration: none;
    opacity: 0.7;
}

.un_linkUl .un_linkUl_item .un_linkUl_lnk .un_linkUl_photo {
    margin-bottom: 21px;
}

.un_linkUl .un_linkUl_item .un_linkUl_lnk .un_sec_ttl {
    margin-bottom: 8px;
}

.un_linkUl .un_linkUl_item .un_linkUl_lnk .un_linkUl_txt {
    font-size: 14px;
    line-height: 1.76;
}

.un_develop {
    padding: 103px 0 102px;
    background: url(/img/corporate/company-photo05.jpg) no-repeat center center;
    background-size: cover;
}

.un_develop .un_content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 38px;
}

.un_link_box01 {
    margin-bottom: 98px;
    padding-bottom: 66px;
}

.un_develop .un_text_box {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 456px;
    background-color: rgba(255, 255, 255, 0.9);
}

.un_develop .un_text_box .un_link {
    position: relative;
    display: block;
    padding: 67px 37px 56px;
    color: #333;
    text-decoration: none;
}

.un_develop .un_text_box .un_link:hover {
    color: #212a4b;
}

.un_develop .un_text_box .un_link:hover:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: url(/img/corporate/ico.png) no-repeat left top;
    content: '';
}

.un_linkUl01 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
}

.un_linkUl01 .un_linkUl_item {
    width: 301px;
}

@media all and (min-width: 0) and (max-width: 767px) {
    .ly_body {
        margin: 0px 0 40px;
    }
    .ly_mainvis .ly_mainvis_inner {
        padding: 30px 9px 23px;
    }
    .ly_mainvis .bl_pageTtl .bl_pageTtl_jp {
        margin-bottom: 0;
    }
    .ly_mainvis .bl_pageTtl .bl_pageTtl_en {
        letter-spacing: 1px;
    }
    .un_content {
        width: auto;
    }
    .un_sec_ttl {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .un_sec_ttl .un_sec_txt.sp {
        display: inline !important;
        margin: 0 5px;
        vertical-align: 2px;
        font-style: inherit;
        font-size: 9px;
        line-height: 1.54;
    }
    .un_message {
        padding-top: 4px;
        background-color: #F7F4EF;
    }
    .un_message .un_content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 10px;
    }
    .un_message .un_sec_ttl,
    .un_message .un_sec_ttl .un_sec_txt {
        color: #212a4b;
    }
    .un_sec_ttl .un_sec_txt {
        margin: 0 5px;
        letter-spacing: 0;
        font-size: 9px;
    }
    .un_message .un_photo_box {
        margin: 0 -100px 0 -3px;
        width: 48.5%;
    }
    .un_message .un_photo_box img {
        margin: 0;
        width: 100%;
    }
    .un_message .un_text_box {
        margin-top: 13px;
        width: 57.4%;
    }
    .un_message .un_text_box .un_link {
        padding: 36px 5px 41px 20px;
    }
    .un_message .un_text_box .un_link:hover {
        opacity: 1;
    }
    .un_message .un_text_box .un_link:hover:before {
        width: 23px;
        height: 23px;
        background-size: 23px 23px;
    }
    .un_message .un_text_box .un_txt {
        font-size: 9px;
        line-height: 1.54;
    }
    .un-philosophy {
        padding: 16px 0;
    }
    .un-philosophy .un_text_box {
        width: 56.8%;
    }
    .un-philosophy .un_text_box .un_link {
        padding: 36px 28px 34px 20px;
    }
    .un_develop .un_text_box .un_link:hover::before,
    .un-philosophy .un_text_box .un_link:hover::before {
        width: 23px;
        height: 23px;
        background-size: 23px 23px;
    }
    .un-philosophy .un_content {
        padding-left: 10px;
    }
    .un-philosophy .un_text_box .un_sec_ttl {
        margin-bottom: 5px;
    }
    .un-philosophy .un_txt {
        font-size: 9px;
    }
    .un_linkUl {
        width: auto;
    }
    .un_link_box.corporate {
        padding: 38px 10px;
        background-color: #fff;
    }
    .un_linkUl .un_linkUl_item {
        width: 48.6%;
    }
    .un_linkUl .un_linkUl_item .un_linkUl_lnk .un_linkUl_photo {
        margin-bottom: 7px;
    }
    .un_linkUl .un_linkUl_item .un_linkUl_lnk .un_linkUl_photo img {
        width: 100%;
    }
    .un_linkUl .un_linkUl_item .un_linkUl_lnk .un_sec_ttl {
        margin-bottom: 3px;
        font-size: 10px;
    }
    .un_linkUl .un_linkUl_item .un_linkUl_lnk .un_linkUl_txt {
        font-size: 8px;
        line-height: 1.54;
    }
    .un_linkUl .un_linkUl_item .un_sec_ttl .un_sec_txt {
        margin: 0 8px;
        vertical-align: -1px;
        font-size: 8px;
    }
    .un_linkUl .un_linkUl_item .un_linkUl_lnk:hover {
        opacity: 1;
    }
    .un_develop {
        padding: 20px 0;
    }
    .un_develop .un_text_box {
        width: 56.8%;
    }
    .un_develop .un_text_box .un_link {
        padding: 36px 15px 34px 20px;
    }
    .un_text_box .un_txt {
        font-size: 9px;
    }
    .un_develop .un_content {
        padding-right: 10px;
    }
    .un_develop .un_sec_ttl .un_sec_txt {
        display: block;
        margin: 0;
        font-size: 9px;
    }
    .un_link_box01 {
        margin-bottom: 0;
    }
    .un_linkUl01 {
        margin: -10px 10px 0;
        padding: 0;
    }
    .un_linkUl01 .un_linkUl_item {
        margin-top: 10px;
    }
}

@media all and (min-width: 0) and (max-width: 374px) {
    .un_message .un_text_box .un_link {
        padding-bottom: 17px;
    }
}

/* ---------------------------------------------
*   info-contents
--------------------------------------------- */
.info-contents__list {
    padding: 0 2px;
}

.info-contents__list-item--release .info-contents__menu-title-cate {
    background-color: #636F96;
}

.info-contents__list-item--notice .info-contents__menu-title-cate {
    background-color: #76B790;
}

.info-contents__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 0;
    border-bottom: 1px solid #DFDFDF;
}

@media screen and (max-width: 767px) {
    .info-contents__menu {
        display: block;
        padding: 10px 0;
    }
}

.info-contents__menu-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    width: 195px;

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

@media screen and (max-width: 767px) {
    .info-contents__menu-title {
        margin-bottom: 5px;
        width: 100%;
    }
}

.info-contents__menu-title-date {
    margin-right: 25px;
    width: 95px;
    color: #427C9D;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .info-contents__menu-title-date {
        margin-right: 10px;
        padding: 0 0 1px 5px;
        width: auto;
        font-weight: bold;
        font-size: 10px;
    }
}

.info-contents__menu-title-cate {
    padding: 3px 0;
    width: 75px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .info-contents__menu-title-cate {
        width: 50px;
        font-size: 10px;
    }
}

.info-contents__menu-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 25px;
    width: calc(100% - 195px);
}

@media screen and (max-width: 767px) {
    .info-contents__menu-text {
        padding-left: 0;
        width: 100%;
    }
}

.info-contents__menu-text-link {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .info-contents__menu-text-link {
        font-size: 10px;
    }
}

.info-contents__menu-text-link-new {
    display: inline-block;
    margin-left: 30px;
    padding: 4px 12px;
    border: 1px solid #ED6E46;
    color: #ED6E46;
    white-space: nowrap;
    font-size: 11px;
}

@media screen and (max-width: 767px) {
    .info-contents__menu-text-link-new {
        margin-left: 15px;
        padding: 2px 6px;
        font-size: 10px;
    }
}

/* ---------------------------------------------
*   section-info
--------------------------------------------- */
.section-info__title {
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
}

@media screen and (max-width: 767px) {
    .section-info__title {
        margin-top: 6.66667vw;
        margin-bottom: 9.33333vw;
        font-size: 3.33333vw;
    }
}

.section-info__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    margin-bottom: 10px;

    -webkit-box-pack: end;
    justify-content: flex-end;
}

.section-info__date--release .section-info__date-category {
    background-color: #636F96;
}

.section-info__date--notice .section-info__date-category {
    background-color: #76B790;
}

.section-info__date-text {
    margin-right: 20px;
}

.section-info__date-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 73px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 12px;

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

@media screen and (max-width: 767px) {
    .section-info .title-border-bottom {
        border-bottom: 0;
    }
}

/* ---------------------------------------------
*   info-article
--------------------------------------------- */
.info-article__list {
    padding: 0 3px;
}

@media screen and (max-width: 767px) {
    .info-article__list {
        padding: 0 0.4vw;
    }
}

.info-article__list-item {
    padding: 15px 0;
}

@media screen and (max-width: 767px) {
    .info-article__list-item {
        padding: 2vw 0;
    }
}

.info-article__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.info-article__menu-title {
    width: 110px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .info-article__menu-title {
        width: 14.66667vw;
        font-size: 2.4vw;
    }
}

.info-article__menu-text {
    width: calc(100% - 110px);
}

@media screen and (max-width: 767px) {
    .info-article__menu-text {
        width: calc(100% - 14.66667vw);
        font-size: 2.4vw;
    }
}

.info-article__menu-text-link {
    font-weight: bold;
}

.info-article__menu-text-link:hover .info-article__menu-text-link-text {
    text-decoration: underline;
}

.info-article__menu-text-link-text {
    position: relative;
    display: inline-block;
    padding-right: 20px;
}

.info-article__menu-text-link-text:after {
    position: absolute;
    top: 50%;
    right: -20px;
    width: 23px;
    height: 23px;
    background: url(/img/common/icon_pdf.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .info-article__menu-text-link-text:after {
        right: -2.66667vw;
        width: 3.06667vw;
        height: 3.06667vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .info-article__menu-text-link-text {
        padding-right: 2.66667vw;
    }
}

.info-article__menu-text-link:hover .info-article__menu-text-link-copy {
    text-decoration: underline;
}

.info-article__menu-text-link-copy {
    position: relative;
    display: inline-block;
    padding-right: 20px;
}

.info-article__menu-text-link-copy:after {
    position: absolute;
    top: 50%;
    right: -20px;
    width: 28px;
    height: 23px;
    background: url(/img/common/icon_link_blank.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .info-article__menu-text-link-copy:after {
        right: -2.66667vw;
        width: 3.06667vw;
        height: 3.06667vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .info-article__menu-text-link-copy {
        padding-right: 2.66667vw;
    }
}

.info-article__menu-text-link-pdf {
    display: inline-block;
    padding-left: 28px;
    font-weight: normal;
}

@media screen and (max-width: 767px) {
    .info-article__menu-text-link-pdf {
        padding-left: 3.73333vw;
    }
}

/* ---------------------------------------------
*   contact-window
--------------------------------------------- */
.contact-window {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 75px;

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

@media screen and (max-width: 767px) {
    .contact-window {
        display: block;
        margin-top: 6.66667vw;
    }
}

/*  contact-window-section
--------------------------------------------- */
.contact-window-section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 22px 22px;
    width: 48.25%;
    border: 1px solid #CFCFCF;
}

@media screen and (max-width: 767px) {
    .contact-window-section {
        margin-bottom: 2.66667vw;
        padding: 4.66667vw 3.73333vw 3.73333vw;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .contact-window-section:last-child {
        margin-bottom: 0;
    }
}

.contact-window-section__head {
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .contact-window-section__head {
        margin-bottom: 5.33333vw;
    }
}

.contact-window-section__title {
    margin-bottom: 10px;
    color: #212A4B;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 767px) {
    .contact-window-section__title {
        margin-bottom: 2vw;
        font-size: 3.6vw;
    }
}

.contact-window-section__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 23px;
    min-height: 205px;
    background-color: #EFEFEF;
}

@media screen and (max-width: 767px) {
    .contact-window-section__body {
        padding: 3.06667vw;
        min-height: auto;
    }
}

.contact-window-section__frame {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .contact-window-section__frame {
        margin-bottom: 2.66667vw;
    }
}

.contact-window-section__frame:last-child {
    margin-bottom: 0;
}

.contact-window-section__frame-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .contact-window-section__frame-list {
        margin-bottom: 0.93333vw;
    }
}

.contact-window-section__frame-list:last-child {
    margin-bottom: 0;
}

.contact-window-section__frame-list-title--20px {
    margin-right: 35px;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .contact-window-section__frame-list-title--20px {
        font-size: 3.0vw;
    }
}

@media screen and (max-width: 767px) {
    .contact-window-section__frame-list-title {
        margin-right: 4.66667vw;
    }
}

.contact-window-section__frame-list-link {
    color: #427C9D;
}

.contact-window-section__frame-list-link--20px {
    color: #427C9D;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .contact-window-section__frame-list-link--20px {
        font-size: 3.0vw;
    }
}

.contact-window-section__frame-text {
    line-height: 1.7;
}

.contact-window-section__frame-text--bold {
    font-weight: bold;
}

/* ---------------------------------------------
*   complete-content
--------------------------------------------- */
.complete-content {
    padding: 0 18px;
}

@media screen and (max-width: 767px) {
    .complete-content {
        padding: 0;
    }
}

/* ---------------------------------------------
*   section-business
--------------------------------------------- */
.section-business {
    margin-bottom: 280px;
}

@media screen and (max-width: 767px) {
    .section-business {
        margin-bottom: 13.33333vw;
    }
}

.section-business__title {
    text-align: center;
    letter-spacing: .03em;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.7;
}

@media screen and (max-width: 767px) {
    .section-business__title {
        font-size: 2.66667vw;
    }
}

.section-business__title--narrow {
    letter-spacing: -.03em;
}

/* ---------------------------------------------
*   pavement-example
--------------------------------------------- */
.pavement-example {
    padding: 25px 22px;
    border: 1px solid #CFCFCF;
}

@media screen and (max-width: 767px) {
    .pavement-example {
        padding: 3.33333vw 2.93333vw;
    }
}

.pavement-example__image {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .pavement-example__image {
        margin-bottom: 1.33333vw;
    }
}

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

.pavement-example__text {
    min-height: 85px;
    letter-spacing: .06em;
    line-height: 1.7;
}

@media screen and (max-width: 767px) {
    .pavement-example__text {
        min-height: 11.33333vw;
    }
}

/* ---------------------------------------------
*   recycling-image-contents
--------------------------------------------- */
.recycling-image-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 767px) {
    .recycling-image-contents {
        display: block;
    }
}

.recycling-image-contents--center {
    -ms-flex-align: center;

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

.recycling-image-contents__image {
    width: 428px;
}

@media screen and (max-width: 767px) {
    .recycling-image-contents__image {
        margin-right: auto;
        margin-left: auto;
        width: 57.06667vw;
    }
}

.recycling-image-contents__texts {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    width: calc(100% - 428px);
    color: #212A4B;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 767px) {
    .recycling-image-contents__texts {
        padding-left: 0;
        width: 100%;
        text-align: center;
        font-size: 2.93333vw;
    }
}

/* ---------------------------------------------
*   recycling-main
--------------------------------------------- */
.recycling-main {
    padding: 40px 30px;
    border: 1px solid #CFCFCF;
}

@media screen and (max-width: 767px) {
    .recycling-main {
        padding: 0;
        border: 0;
    }
}

/*  recycling-cassettes-lineup
--------------------------------------------- */
.recycling-cassettes-lineup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 767px) {
    .recycling-cassettes-lineup {
        display: block;
    }
}

.recycling-cassettes-lineup--middle {
    -ms-flex-pack: justify;

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

.recycling-cassettes-lineup--middle .recycling-cassettes {
    width: 270px;
}

@media screen and (max-width: 767px) {
    .recycling-cassettes-lineup--middle .recycling-cassettes {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .recycling-cassettes-lineup--middle .recycling-cassettes img {
        width: 36vw;
    }
}

/*  recycling-cassettes
--------------------------------------------- */
.recycling-cassettes {
    background-color: #EFEFEF;
}

@media screen and (max-width: 767px) {
    .recycling-cassettes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.recycling-cassettes:last-child {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .recycling-cassettes__image img {
        width: 36vw;
    }
}

.recycling-cassettes__contents {
    padding: 10px;
}

@media screen and (max-width: 767px) {
    .recycling-cassettes__contents {
        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;
        padding: 4vw;
        width: calc(100% - 36vw);

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

.recycling-cassettes__contents-title {
    color: #002A7B;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 767px) {
    .recycling-cassettes__contents-title {
        font-size: 3.46667vw;
    }
}

.recycling-cassettes__contents-text {
    color: #212A4B;
    letter-spacing: .05em;
}

.recycling-cassettes--space {
    margin-right: 30px;
}

@media screen and (max-width: 767px) {
    .recycling-cassettes--space {
        display: block;
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .recycling-cassettes--space .recycling-cassettes__contents {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .recycling-cassettes--space .recycling-cassettes__contents-title {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .recycling-cassettes--space .recycling-cassettes__contents-text {
        display: block;
    }
}

.recycling-cassettes--554 {
    width: 554px;
}

@media screen and (max-width: 767px) {
    .recycling-cassettes--554 {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .recycling-cassettes--554 img {
        width: 100%;
    }
}

.recycling-cassettes--270 {
    width: 270px;
}

@media screen and (max-width: 767px) {
    .recycling-cassettes--270 {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .recycling-cassettes--270 img {
        width: 36vw;
    }
}

/*  recycling-contens
--------------------------------------------- */
/* ---------------------------------------------
*   sitemap-contents
--------------------------------------------- */
.sitemap-contents__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 1460px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .sitemap-contents__list {
        display: block;
        height: auto;
    }
}

.sitemap-contents__list-item {
    width: 380px;
}

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

.sitemap-contents__list-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding-left: 30px;
    width: 380px;
    height: 98px;
    border: 1px solid #DDD;
    font-weight: bold;
    font-size: 24px;

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

@media screen and (max-width: 767px) {
    .sitemap-contents__list-link {
        margin-bottom: 1.33333vw;
        padding-left: 4vw;
        width: 100%;
        height: 13.06667vw;
        font-size: 3.2vw;
    }
}

.sitemap-contents__list-link:hover:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: url(/img/corporate/ico.png) no-repeat left top;
    content: '';
}

.sitemap-contents__detail {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .sitemap-contents__detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

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

@media screen and (max-width: 767px) {
    .sitemap-contents__detail-item {
        margin-right: 6.33803%;
        width: 46.47887%;
    }
}

@media screen and (max-width: 767px) {
    .sitemap-contents__detail-item:nth-of-type(2n) {
        margin-right: 0;
    }
}

.sitemap-contents__detail-item-link {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    width: 380px;
    border-bottom: 1px solid #DDD;
    color: #427C9D;
    font-weight: bold;
    font-size: 22px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.sitemap-contents__detail-item-link:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 9px;
    height: 15px;
    background: url(/img/common/icon_arrow_blue_bold.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .sitemap-contents__detail-item-link:after {
        right: 2.66667vw;
        width: 1.2vw;
        height: 2vw;
        background-size: 100% auto;
    }
}

.sitemap-contents__detail-item-link:hover {
    opacity: 0.8;
}

@media screen and (max-width: 767px) {
    .sitemap-contents__detail-item-link {
        padding-top: 3.2vw;
        padding-bottom: 3.2vw;
        padding-left: 4vw;
        width: 100%;
        font-size: 2.93333vw;
    }
}

.sitemap-contents__underlayer {
    padding-bottom: 20px;
    border-bottom: 1px solid #DDD;
}

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

.sitemap-contents__underlayer-item {
    padding-left: 70px;
}

@media screen and (max-width: 767px) {
    .sitemap-contents__underlayer-item {
        padding-left: 9.33333vw;
    }
}

.sitemap-contents__underlayer-item-link {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #427C9D;
    font-weight: bold;
    font-size: 18px;
}

.sitemap-contents__underlayer-item-link:before {
    position: absolute;
    top: 50%;
    left: -20px;
    width: 9px;
    height: 2px;
    background: url(/img/common/icon_title_blue.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .sitemap-contents__underlayer-item-link:before {
        left: -2.66667vw;
        width: 1.2vw;
        height: 0.26667vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .sitemap-contents__underlayer-item-link {
        margin-top: 1.33333vw;
        margin-bottom: 1.33333vw;
        font-size: 2.4vw;
    }
}

.sitemap-contents__underlayer-item-link:hover {
    text-decoration: underline;
}


/* ---------------------------------------------
*   english-lead
--------------------------------------------- */
.english-lead {
    padding-top: 445px;
}

@media screen and (max-width: 767px) {
    .english-lead {
        padding-top: 160px;
    }
}

.english-lead__title {
    margin-bottom: 10px;
    color: #fff;
    letter-spacing: .08em;
    font-weight: bold;
    font-size: 39px;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .english-lead__title {
        margin-bottom: 5px;
        letter-spacing: -.03em;
        font-size: 15px;
        line-height: 1.4;
    }
}

.english-lead__text {
    color: #fff;
    letter-spacing: .08em;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .english-lead__text {
        letter-spacing: -.03em;
        font-size: 9px;
    }
}

/* ---------------------------------------------
*   english-main
--------------------------------------------- */
.english-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

@media screen and (max-width: 767px) {
    .english-main__profile {
        float: left;
        margin-bottom: 2.66667vw;
    }
}

.english-main__profile-image {
    margin-top: 10px;
    margin-right: 43px;
    margin-bottom: 28px;
    width: 236px;
}

@media screen and (max-width: 767px) {
    .english-main__profile-image {
        margin-top: 2vw;
        margin-right: 4vw;
        margin-bottom: 0.66667vw;
        width: 31.46667vw;
    }
}

.english-main__profile-caption {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    .english-main__profile-caption {
        margin-bottom: 2.26667vw;
        font-size: 2.4vw;
        line-height: 1.5;
    }
}

@media screen and (max-width: 767px) {
    .english-main__profile-name {
        width: 27.73333vw;
    }
}

.english-main__contents {
    width: calc(100% - 236px - 43px);
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@media screen and (max-width: 767px) {
    .english-main__contents {
        width: auto;
    }
}

.english-main__contents-head {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .english-main__contents-head {
        margin-bottom: 5.33333vw;
    }
}

.english-main__contents-text {
    font-size: 18px;
    line-height: 2.2;
}

@media screen and (max-width: 767px) {
    .english-main__contents-text {
        font-size: 2.4vw;
        line-height: 2.4;
    }
}

.english-main__contents-link {
    color: #427C9D;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .english-main__contents-link {
        font-size: 2.4vw;
    }
}

.english-main__contents-link:hover .english-main__contents-link-title {
    text-decoration: underline;
}

.english-main__contents-link-title {
    position: relative;
    padding-right: 20px;
}

.english-main__contents-link-title:after {
    position: absolute;
    top: 50%;
    right: -20px;
    width: 23px;
    height: 23px;
    background: url(/img/common/icon_pdf.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .english-main__contents-link-title:after {
        right: -2.66667vw;
        width: 3.06667vw;
        height: 3.06667vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .english-main__contents-link-title {
        padding-right: 2.66667vw;
    }
}

.english-main__contents-link-caption {
    margin-left: 15px;
    color: #333;
}

@media screen and (max-width: 767px) {
    .english-main__contents-link-caption {
        margin-left: 2vw;
    }
}

/* ---------------------------------------------
*   english-contact
--------------------------------------------- */
.english-contact {
    padding-top: 42px;
    padding-bottom: 42px;
    background-color: #EFEFEF;
}

@media screen and (max-width: 767px) {
    .english-contact {
        padding-top: 5.6vw;
        padding-bottom: 5.6vw;
    }
}

.english-contact__link {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 12px 0;
    width: 220px;
    border: 1px solid #212A4B;
    background-color: #212A4B;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.english-contact__link:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    background: url(/img/common/icon_arrow_white10.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .english-contact__link:after {
        right: 2.66667vw;
        width: 1.33333vw;
        height: 1.33333vw;
        background-size: 100% auto;
    }
}

.english-contact__link:before {
    position: absolute;
    top: 50%;
    left: 28px;
    width: 26px;
    height: 18px;
    background: url(/img/common/icon_mail_white_small.png) 0 0 no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .english-contact__link:before {
        left: 3.73333vw;
        width: 3.46667vw;
        height: 2.4vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .english-contact__link {
        margin-right: auto;
        margin-left: auto;
        padding: 2.8vw 0;
        width: 47.33333vw;
        font-size: 2.13333vw;
    }
    .english-contact__link:before {
        height: 2.53333vw;
        background-size: 100% 100%;
    }
}

@media screen and (min-width: 768px) {
    .english-contact__link:hover {
        background-color: #fff;
        color: #212A4B;
    }
    .english-contact__link:hover:after {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 10px;
        height: 10px;
        background: url(/img/common/icon_arrow_blue10.png) 0 0 no-repeat;
        content: "";
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .english-contact__link:hover:after {
        right: 2.66667vw;
        width: 1.33333vw;
        height: 1.33333vw;
        background-size: 100% auto;
    }
}

@media screen and (min-width: 768px) {
    .english-contact__link:hover:before {
        position: absolute;
        top: 50%;
        left: 28px;
        width: 26px;
        height: 18px;
        background: url(/img/common/icon_mail_blue_small.png) 0 0 no-repeat;
        content: "";
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .english-contact__link:hover:before {
        left: 3.73333vw;
        width: 3.46667vw;
        height: 2.4vw;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 767px) {
    .un_mainvis--english {
        height: 320px;
        background: url(/img/top/img_mainvis01.jpg) no-repeat center top;
        background-size: cover;
    }
}


/* ---------------------------------------------
*   Others
--------------------------------------------- */
.hidden {
    visibility: hidden;
}

/* ==========================================================
*
*   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.66667vw !important;
    }
    .mgt-sp--10 {
        margin-top: 1.33333vw !important;
    }
    .mgt-sp--15 {
        margin-top: 2vw !important;
    }
    .mgt-sp--20 {
        margin-top: 2.66667vw !important;
    }
    .mgt-sp--25 {
        margin-top: 3.33333vw !important;
    }
    .mgt-sp--30 {
        margin-top: 4vw !important;
    }
    .mgt-sp--35 {
        margin-top: 4.66667vw !important;
    }
    .mgt-sp--40 {
        margin-top: 5.33333vw !important;
    }
    .mgt-sp--45 {
        margin-top: 6vw !important;
    }
    .mgt-sp--50 {
        margin-top: 6.66667vw !important;
    }
    .mgt-sp--55 {
        margin-top: 7.33333vw !important;
    }
    .mgt-sp--60 {
        margin-top: 8vw !important;
    }
    .mgt-sp--65 {
        margin-top: 8.66667vw !important;
    }
    .mgt-sp--70 {
        margin-top: 9.33333vw !important;
    }
    .mgt-sp--75 {
        margin-top: 10vw !important;
    }
    .mgt-sp--80 {
        margin-top: 10.66667vw !important;
    }
    .mgt-sp--85 {
        margin-top: 11.33333vw !important;
    }
    .mgt-sp--90 {
        margin-top: 12vw !important;
    }
    .mgt-sp--95 {
        margin-top: 12.66667vw !important;
    }
    .mgt-sp--100 {
        margin-top: 13.33333vw !important;
    }
    .mgt-sp--105 {
        margin-top: 14vw !important;
    }
    .mgt-sp--110 {
        margin-top: 14.66667vw !important;
    }
    .mgt-sp--115 {
        margin-top: 15.33333vw !important;
    }
    .mgt-sp--120 {
        margin-top: 16vw !important;
    }
    .mgt-sp--125 {
        margin-top: 16.66667vw !important;
    }
    .mgt-sp--130 {
        margin-top: 17.33333vw !important;
    }
    .mgt-sp--135 {
        margin-top: 18vw !important;
    }
    .mgt-sp--140 {
        margin-top: 18.66667vw !important;
    }
    .mgt-sp--145 {
        margin-top: 19.33333vw !important;
    }
    .mgt-sp--150 {
        margin-top: 20vw !important;
    }
    .mgt-sp--155 {
        margin-top: 20.66667vw !important;
    }
    .mgt-sp--160 {
        margin-top: 21.33333vw !important;
    }
    .mgt-sp--165 {
        margin-top: 22vw !important;
    }
    .mgt-sp--170 {
        margin-top: 22.66667vw !important;
    }
    .mgt-sp--175 {
        margin-top: 23.33333vw !important;
    }
    .mgt-sp--180 {
        margin-top: 24vw !important;
    }
    .mgt-sp--185 {
        margin-top: 24.66667vw !important;
    }
    .mgt-sp--190 {
        margin-top: 25.33333vw !important;
    }
    .mgt-sp--195 {
        margin-top: 26vw !important;
    }
    .mgt-sp--200 {
        margin-top: 26.66667vw !important;
    }
    .mgt-sp--205 {
        margin-top: 27.33333vw !important;
    }
    .mgt-sp--210 {
        margin-top: 28vw !important;
    }
    .mgt-sp--215 {
        margin-top: 28.66667vw !important;
    }
    .mgt-sp--220 {
        margin-top: 29.33333vw !important;
    }
    .mgt-sp--225 {
        margin-top: 30vw !important;
    }
    .mgt-sp--230 {
        margin-top: 30.66667vw !important;
    }
    .mgt-sp--235 {
        margin-top: 31.33333vw !important;
    }
    .mgt-sp--240 {
        margin-top: 32vw !important;
    }
    .mgt-sp--245 {
        margin-top: 32.66667vw !important;
    }
    .mgt-sp--250 {
        margin-top: 33.33333vw !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;
}

.mgb-pc--255 {
    margin-bottom: 255px !important;
}

.mgb-pc--260 {
    margin-bottom: 260px !important;
}

.mgb-pc--265 {
    margin-bottom: 265px !important;
}

.mgb-pc--270 {
    margin-bottom: 270px !important;
}

.mgb-pc--275 {
    margin-bottom: 275px !important;
}

.mgb-pc--280 {
    margin-bottom: 280px !important;
}

.mgb-pc--285 {
    margin-bottom: 285px !important;
}

.mgb-pc--290 {
    margin-bottom: 290px !important;
}

.mgb-pc--295 {
    margin-bottom: 295px !important;
}

.mgb-pc--300 {
    margin-bottom: 300px !important;
}

.mgb-pc--305 {
    margin-bottom: 305px !important;
}

.mgb-pc--310 {
    margin-bottom: 310px !important;
}

.mgb-pc--315 {
    margin-bottom: 315px !important;
}

.mgb-pc--320 {
    margin-bottom: 320px !important;
}

.mgb-pc--325 {
    margin-bottom: 325px !important;
}

.mgb-pc--330 {
    margin-bottom: 330px !important;
}

.mgb-pc--335 {
    margin-bottom: 335px !important;
}

.mgb-pc--340 {
    margin-bottom: 340px !important;
}

.mgb-pc--345 {
    margin-bottom: 345px !important;
}

.mgb-pc--350 {
    margin-bottom: 350px !important;
}

.mgb-pc--355 {
    margin-bottom: 355px !important;
}

.mgb-pc--360 {
    margin-bottom: 360px !important;
}

.mgb-pc--365 {
    margin-bottom: 365px !important;
}

.mgb-pc--370 {
    margin-bottom: 370px !important;
}

.mgb-pc--375 {
    margin-bottom: 375px !important;
}

.mgb-pc--380 {
    margin-bottom: 380px !important;
}

.mgb-pc--385 {
    margin-bottom: 385px !important;
}

.mgb-pc--390 {
    margin-bottom: 390px !important;
}

.mgb-pc--395 {
    margin-bottom: 395px !important;
}

.mgb-pc--400 {
    margin-bottom: 400px !important;
}

.mgb-pc--405 {
    margin-bottom: 405px !important;
}

.mgb-pc--410 {
    margin-bottom: 410px !important;
}

.mgb-pc--415 {
    margin-bottom: 415px !important;
}

.mgb-pc--420 {
    margin-bottom: 420px !important;
}

.mgb-pc--425 {
    margin-bottom: 425px !important;
}

.mgb-pc--430 {
    margin-bottom: 430px !important;
}

.mgb-pc--435 {
    margin-bottom: 435px !important;
}

.mgb-pc--440 {
    margin-bottom: 440px !important;
}

.mgb-pc--445 {
    margin-bottom: 445px !important;
}

.mgb-pc--450 {
    margin-bottom: 450px !important;
}

.mgb-pc--455 {
    margin-bottom: 455px !important;
}

.mgb-pc--460 {
    margin-bottom: 460px !important;
}

.mgb-pc--465 {
    margin-bottom: 465px !important;
}

.mgb-pc--470 {
    margin-bottom: 470px !important;
}

.mgb-pc--475 {
    margin-bottom: 475px !important;
}

.mgb-pc--480 {
    margin-bottom: 480px !important;
}

.mgb-pc--485 {
    margin-bottom: 485px !important;
}

.mgb-pc--490 {
    margin-bottom: 490px !important;
}

.mgb-pc--495 {
    margin-bottom: 495px !important;
}

.mgb-pc--500 {
    margin-bottom: 500px !important;
}

@media screen and (max-width: 767px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 0.66667vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 1.33333vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 2vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 2.66667vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 3.33333vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 4.66667vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 5.33333vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 6vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 6.66667vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 7.33333vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 8.66667vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 9.33333vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 10vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 10.66667vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 11.33333vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 12.66667vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 13.33333vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 14vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 14.66667vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 15.33333vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 16.66667vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 17.33333vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 18vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 18.66667vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 19.33333vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 20.66667vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 21.33333vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 22vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 22.66667vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 23.33333vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 24.66667vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 25.33333vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 26vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 26.66667vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 27.33333vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 28.66667vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 29.33333vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 30vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 30.66667vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 31.33333vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 32.66667vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 33.33333vw !important;
    }
}

@media screen and (min-width: 768px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .sp-hide {
        display: none !important;
    }
}





/********************************************
 new add css 2021 / 02
********************************************/

/* nikkenren css */

.nikkenren-contents-title {
    padding: 120px 0;
    font-size: 54px;
    font-weight: bold;
}
.nikkenren-contents .info-article__menu-title {
    width: 0;
}
@media only screen and (max-width:767px) {
    .nikkenren-contents-title {
        padding: 13vw 0;
        font-size: 5.33333vw;
    }
}


/* modal css */
.js-modal-material {
    display: none !important;
}
.js-modal-partnership {
    display: none !important;
}
.js-modal-multistakeholder {
    display: none !important;
}
#modalArea {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
}
#modalTable {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    padding: 60px 20px;
}
#modalCell {
    display: table-cell;
    vertical-align: middle;
}
#modalInner {
    box-sizing: border-box;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
}
#modalInner img {
    max-width: 100%;
    height: auto;
}
#modalContents p {
    margin-bottom: 20px;
}
#modalContents p:last-child {
    margin-bottom: 0;
}
#modalContents a {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    color: #000;
    font-weight: 700;
    text-decoration: underline;
}
#modalContents a:before {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: #000 solid 2px;
    border-right: #000 solid 2px;
    transform: rotate(45deg);
}
#modalContents a:hover {
    opacity: 0.5;
}
#modalInner .inVertical img {
    max-width: 60%;
}
#modalClose {
    position: relative;
    display: table;
    margin: 10px 0 0 auto;
    padding: 3px 20px;
    border: #000 solid 1px;
    cursor: pointer;
}
@media only screen and (max-width:767px) {
    #modalArea {
        -webkit-overflow-scrolling: touch;
    }
    #modalContents a {
        padding-right: 10px;
    }
    #modalContents a:before {
        width: 4px;
        height: 4px;
        margin-top: -3px;
        border-width: 1px;
    }
    #modalClose {
        margin: 20px auto 0;
    }
}

  .maintenance-message {
            border: 2px solid white;
            padding: 8px;
            text-align: center;
            color: black;
            background-color: white;
            font-size: 18px;
                               }

        .maintenance-message h1 {
            font-weight: bold;
            font-size: 21px; /* デフォルトのサイズ */
        }

        /* スマートフォン向けのスタイル */
        @media (max-width: 600px) {
            .maintenance-message h1 {
                font-size: 16px; /* スマートフォンでのh1のサイズを調整 */
            }

            .maintenance-message p {
                font-size: 11px;
            }

            .mobile-line-break {
                display: inline;
            }
        }

        /* PC向けのスタイル */
        @media (min-width: 601px) {
            .mobile-line-break {
                display: none;
            }
            .maintenance-message {
            
                       width: 800px;
                      margin: auto;
        }

        }