@charset 'UTF-8';
/* window-size + 17px */
/*  Clear Fix
--------------------------------------- */
.clearfix:after,
.hdg-level1-01-container.link-float:after,
.hdg-level3-01-container:after,
.hdg-level4-02-container:after,
.hdg-case-01-container:after,
.list-bullet-01.bullet-col2:after,
.list-bullet-01.bullet-col3:after,
.list-bullet-01.bullet-col4:after,
.list-bullet-01.bullet-col5:after,
.list-link-01.float:after,
.list-link-01.link-col2:after,
.list-link-01.link-col3:after,
.list-link-01.link-col4:after,
.list-link-01.link-col5:after,
.list-words-01:after,
.list-words-01 .list-link-01:after,
.list-news-01 li a:after,
.list-tag-01:after,
.list-service-01 .column:after,
.list-service-01 .service-list:after,
.list-service-01-sp .column-inner:after,
.list-service-01-sp .service-list:after,
.list-site-search-01 .column:after,
.lyt-main-visual-01 .thumbnail-list-container-01 .thumbnail-list:after,
.lyt-main-visual-02 .list-news li a:after,
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul:after,
.lyt-recruit-top-01 .link-list:after,
.lyt-recruit-top-01 .link-list a:after,
.lyt-services-01 .lyt-services-01-inner:after,
.lyt-services-01 .lyt-services-01-inner .service-list:after,
.lyt-contact-top-01 .lyt-contact-top-01-inner:after,
.lyt-contact-top-01 .column-inner:after,
.lyt-contact-top-01 .list-link:after,
.lyt-members-01 .list-members:after,
.lyt-members-01 .list-members a:after,
.lyt-members-02:after,
.lyt-members-03:after,
.lyt-column-01:after,
.lyt-image-02:after,
.lyt-image-03 ul:after,
.lyt-case-01-container .lyt-case-01:after,
.lyt-fee-calc-01 .fee-select .inner:after,
.lyt-fee-calc-01 .fee-result-02 .profit-result-wrap:after,
.box-contact-01:after,
.box-contact-02 .box-contact-02-inner:after,
.box-site-search-01 .radio-list:after,
.box-site-search-01 .order-switch:after,
.box-order-item-01 .del-wrap:after,
.box-order-item-01 .total-cart-01:after,
#nav-location ul:after,
#nav-fixed-right ul:after,
.nav-anchor-01 ul:after,
.nav-anchor-02 ul:after,
.nav-important-01 a:after,
.nav-index-01 ul:after,
.nav-index-01 .inner:after,
.nav-index-02 ul:after,
.nav-index-02 ul li a:after,
.nav-index-03 ul:after,
.nav-index-04 ul:after,
.nav-index-05 ul:after,
.nav-banner-01 ul:after,
.nav-tab-01 .tab-btns:after,
.nav-btn-02 ul:after,
.nav-category-01 ul:after,
.nav-category-01 ul li a:after,
.nav-index-08 ul:after,
.nav-index-08 .li-inner:after,
.nav-index-08 .block-anchor:after,
.nav-function-01 ul:after,
.nav-members-01 ul:after,
.nav-members-01 ul .column a:after,
.form-input-01 .text-01-container:after,
.form-submit-01 ul:after
{
    display: table;
    clear: both;

    content: '';
}

.icon-bullet-01:before,
.list-bullet-01 li:before,
.list-bullet-01.bullet-col2 li span:before,
.list-bullet-01.bullet-col3 li span:before,
.list-bullet-01.bullet-col4 li span:before,
.list-bullet-01.bullet-col5 li span:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e90e';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right-01:before,
#nav-location ul li:before,
.nav-top-01 ul li:before,
.nav-top-02 ul li .inner span:before,
.nav-local-01 ul li span:before,
.nav-local-01 p a span:before,
.nav-pager-01 ul li.next .inner:before,
.nav-index-01 .inner:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e902';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right-02:before,
.hdg-level3-01.link:before,
.hdg-level4-03:before,
.list-link-01 li:before,
.list-definition-link-01 dt:before,
.list-news-01 .text.link:before,
.list-site-search-01 .title:before,
.lyt-main-visual-02 .list-news .text.link:before,
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-pc p:before,
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-sp p:before,
.nav-index-04 ul .title.large:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e906';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-top-01:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e907';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-top-02:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e903';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-btm-01:before,
.nav-anchor-01 ul li a span:before,
.nav-anchor-02 ul li a span:before,
.nav-btn-02.anchor-link a span:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e904';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-btm-02:before,
.nav-members-01 ul .column a:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e900';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left-01:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e905';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left-02:before,
.nav-pager-01 ul li.prev .inner:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e901';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-circle-01:before,
.hdg-level4-01:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e90a';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-business-01:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e908';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-kuroneko-01:before,
.nav-btn-01 span:before,
.nav-btn-03.type-01 a span:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e90b';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-lang-01:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e90c';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-hamburger-01:before,
.lyt-main-visual-02 .box-news-button .list-link-01 .hamburger:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e90d';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-hamburger-02:before,
.hdg-level2-02-container .link a:before,
.lyt-main-visual-02 .box-news-button .nav-btn-02 .hamburger span:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e916';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-map-01:before,
.list-link-01 li.map:before,
.nav-btn-02 .map span:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e90f';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-close-01:before,
.box-modal-01 .modal-close:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e910';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-close-02:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e909';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-close-03:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e915';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-open-01:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e913';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-movie-01:before,
.hdg-level4-02.movie:before,
.nav-btn-02 .movie span:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e911';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-window-01:before,
.list-link-01 li.external:before,
.list-news-01 .text.external:before,
.lyt-main-visual-02 .list-news .text.external:before,
.lyt-contact-top-01 .list-link li a:before,
.nav-local-01 p a.external:before,
.nav-index-02 ul li a .text.external:before,
.nav-index-03 ul .column a .text .title.external:before,
.nav-index-04 ul .title.external:before,
.nav-btn-02 .external span:before,
.nav-index-07 .column.parent .plan-name.external:before,
.nav-index-08 .text .title.external:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e912';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-search-01:before
{
    font-family: 'iconfont' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '\e914';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* -------------------------------------------------------------------

    Heading Module

-------------------------------------------------------------------- */
/* ---------------------------------------------------------
    Standard Heading Module
--------------------------------------------------------- */
/* hdg-level1-01
--------------------------------------- */
.hdg-level1-01-container
{
    position: relative;

    margin-bottom: 42px;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-01-container
    {
        margin-bottom: 25px;
    }
}
.hdg-level1-01-container .hdg-level1-01
{
    font-size: 243%;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-01-container .hdg-level1-01
    {
        font-size: 158%;
    }
}
.hdg-level1-01-container .hdg-level1-01.bold
{
    font-weight: bold;
}
.hdg-level1-01-container .tag
{
    font-size: 86%;
    font-weight: bold;

    display: inline-block;

    margin-top: 14px;
    padding: 0 10px;

    color: #333;
    border-radius: 2px;
    background-color: #f5f6f8;
}
.hdg-level1-01-container.nav-btn-bottom-01
{
    height: 30px;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-01-container.nav-btn-bottom-01
    {
        height: 100%;
    }
    .hdg-level1-01-container.nav-btn-bottom-01 .nav-btn-02.type-02
    {
        margin: 0;
    }
}
.hdg-level1-01-container .nav-btn-02.type-02
{
    position: absolute;
    top: 50%;
    right: 0;

    margin-top: -15px;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-01-container .nav-btn-02.type-02
    {
        position: static;

        margin-top: 22px;
        margin-bottom: 10px;
    }
}
.hdg-level1-01-container .nav-btn-02.type-02 ul li
{
    margin: 0 10px 0 0;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-01-container .nav-btn-02.type-02 ul li
    {
        width: auto;
        margin: 0 15px 10px 0;
    }
}
.hdg-level1-01-container .nav-btn-02.type-02 ul li:first-child a span
{
    top: -4px;
}
.hdg-level1-01-container .nav-btn-02.type-02 a
{
    font-size: 86%;
    line-height: 1;

    width: auto;

    -webkit-transition: all .2s ease;

    transition: all .2s ease;

    color: #fff;
    border: 1px solid #d4d6df;
    background-color: #d4d6df;
    box-shadow: none;
}
.hdg-level1-01-container .nav-btn-02.type-02 a.all-open
{
    padding: 8px 21.75px;
}
.hdg-level1-01-container .nav-btn-02.type-02 a.all-close
{
    padding: 8px 15.52px;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-01-container .nav-btn-02.type-02 a
    {
        width: 100%;
        height: auto;
        padding: 8px;
    }
}
.hdg-level1-01-container .nav-btn-02.type-02 a.active
{
    color: #10af9e;
    border: 1px solid #c6c9d3;
    background-color: #fff;
}
.hdg-level1-01-container .nav-btn-02.type-02 a.active:hover,
.hdg-level1-01-container .nav-btn-02.type-02 a.active:active
{
    color: #fff !important;
    border: 1px solid #14bfad !important;
    background-color: #14bfad !important;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-01-container .nav-btn-02.type-02 a.active:hover,
    .hdg-level1-01-container .nav-btn-02.type-02 a.active:active
    {
        color: #10af9e !important;
        border: 1px solid #c6c9d3 !important;
        background-color: #fff !important;
    }
}
.hdg-level1-01-container .nav-btn-02.type-02 a:hover,
.hdg-level1-01-container .nav-btn-02.type-02 a:active,
.hdg-level1-01-container .nav-btn-02.type-02 a:focus
{
    background-color: #d4d6df !important;
    box-shadow: none !important;
}
.hdg-level1-01-container .nav-btn-03
{
    position: absolute;
    top: 13px;
    right: 0;

    width: 354px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-01-container .nav-btn-03
    {
        font-size: 86%;

        position: static;

        width: 100%;
        margin-top: 15px;
    }
}
.hdg-level1-01-container.link-float .hdg-level1-01
{
    float: left;

    margin-right: 30px;
}
@media screen and (max-width: 1182px)
{
    .hdg-level1-01-container.link-float .hdg-level1-01
    {
        float: none;

        margin-right: 0;
    }
}
.hdg-level1-01-container.link-float .list-link-01.float
{
    margin-bottom: 0;
    padding-top: 22px;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-01-container.link-float .list-link-01.float
    {
        margin-bottom: 0;
        padding-top: 10px;
    }
}

.js-accordion-03 .hdg-level1-01
{
    padding-right: 300px;
}
@media screen and (max-width: 760px)
{
    .js-accordion-03 .hdg-level1-01
    {
        padding-right: 0;
    }
}

/* hdg-level2-01
--------------------------------------- */
.hdg-level2-01
{
    font-size: 172%;

    margin-top: 70px;
    margin-bottom: 26px;
    padding-top: 13px;

    background: url('/assets/img/bg/bg_hdg-level2-01_01.png') no-repeat 0 0;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-01
    {
        font-size: 115%;
        font-weight: bold;

        margin-top: 40px;
        margin-bottom: 9px;
        padding-top: 7px;
    }
}
@media screen and (max-width: 760px)
{
    .hdg-level2-01.mt-support-01
    {
        margin-top: 12px;
    }
}
.hdg-level2-01.pt-support-01
{
    padding-top: 18px;
}
.hdg-level2-01 .sub-title
{
    font-size: 50%;
    line-height: 1.5;

    display: block;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-01 .sub-title
    {
        font-size: 72%;
    }
}

.hdg-level2-01-container
{
    position: relative;
}
.hdg-level2-01-container.nav-btn-bottom-01
{
    height: 30px;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-01-container.nav-btn-bottom-01
    {
        height: 100%;
    }
}
.hdg-level2-01-container.nav-btn-bottom-01 .nav-btn-02.type-02
{
    margin-top: -15px;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-01-container.nav-btn-bottom-01 .nav-btn-02.type-02
    {
        margin-top: 0;
        margin-bottom: 0;
    }
}
.hdg-level2-01-container .nav-btn-02.type-02
{
    position: absolute;
    top: 50%;
    right: 0;

    margin-top: -10px;
}
.hdg-level2-01-container .nav-btn-02.type-02 ul li
{
    margin: 0 10px 0 0;
}
.hdg-level2-01-container .nav-btn-02.type-02 ul li:first-child a span
{
    top: -4px;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-01-container .nav-btn-02.type-02 ul li
    {
        margin: 0 7.5px 0 0;
    }
}
@media screen and (max-width: 760px)
{
    .hdg-level2-01-container .nav-btn-02.type-02
    {
        position: static;

        margin-top: 22px;
        margin-bottom: 10px;
    }
    .hdg-level2-01-container .nav-btn-02.type-02 ul li
    {
        width: auto;
        margin-bottom: 10px;
    }
}
.hdg-level2-01-container .nav-btn-02.type-02 a
{
    font-size: 86%;
    line-height: 1;

    width: auto;

    -webkit-transition: all .2s ease;

    transition: all .2s ease;

    color: #fff;
    border: 1px solid #d4d6df;
    background-color: #d4d6df;
    box-shadow: none;
}
.hdg-level2-01-container .nav-btn-02.type-02 a.all-open
{
    padding: 8px 21.75px;
}
.hdg-level2-01-container .nav-btn-02.type-02 a.all-close
{
    padding: 8px 15.52px;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-01-container .nav-btn-02.type-02 a
    {
        width: 100%;
        height: auto;
        padding: 8px;
    }
}
.hdg-level2-01-container .nav-btn-02.type-02 a.active
{
    color: #10af9e;
    border: 1px solid #c6c9d3;
    background-color: #fff;
}
.hdg-level2-01-container .nav-btn-02.type-02 a.active:hover,
.hdg-level2-01-container .nav-btn-02.type-02 a.active:active
{
    color: #fff !important;
    border: 1px solid #14bfad !important;
    background-color: #14bfad !important;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-01-container .nav-btn-02.type-02 a.active:hover,
    .hdg-level2-01-container .nav-btn-02.type-02 a.active:active
    {
        color: #10af9e !important;
        border: 1px solid #c6c9d3 !important;
        background-color: FFF !important;
    }
}
.hdg-level2-01-container .nav-btn-02.type-02 a:hover,
.hdg-level2-01-container .nav-btn-02.type-02 a:active,
.hdg-level2-01-container .nav-btn-02.type-02 a:focus
{
    background-color: #d4d6df !important;
    box-shadow: none !important;
}

.hdg-level1-01-container + .hdg-level2-01
{
    margin-top: 0 !important;
}

@media screen and (max-width: 760px)
{
    .hdg-level2-01 + .nav-pager-01
    {
        margin-top: 20px;
    }
}

.content-inner-border .hdg-level2-01
{
    margin-top: 0;

    background: none;
}

/* hdg-level2-02
--------------------------------------- */
.hdg-level2-02-container
{
    position: relative;

    margin-bottom: 20px;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-02-container
    {
        margin-bottom: 15px;
        padding-bottom: 6px;

        border-bottom: 1px solid #10af9e;
    }
}
.hdg-level2-02-container .hdg-level2-02
{
    font-size: 200%;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-02-container .hdg-level2-02
    {
        font-size: 129%;
        font-weight: bold;
    }
}
.hdg-level2-02-container .link
{
    position: absolute;
    top: 8px;
    right: 0;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-02-container .link
    {
        top: 3px;
    }
}
.hdg-level2-02-container .link a
{
    -webkit-transition: color .2s ease 0s;
    transition: color .2s ease 0s;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-02-container .link a
    {
        font-size: 79%;
    }
}
.hdg-level2-02-container .link a:before
{
    font-size: 10px;

    position: relative;
    top: -1px;

    padding-right: 8px;

    -webkit-transition: color .2s ease 0s;

    transition: color .2s ease 0s;
    vertical-align: middle;

    color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-02-container .link a:before
    {
        top: -4px;
    }
}
.hdg-level2-02-container .link a:active,
.hdg-level2-02-container .link a:hover,
.hdg-level2-02-container .link a:focus
{
    text-decoration: none;

    color: #14bfad;
}
.hdg-level2-02-container .link a:active:before,
.hdg-level2-02-container .link a:hover:before,
.hdg-level2-02-container .link a:focus:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-02-container .link a:active,
    .hdg-level2-02-container .link a:hover,
    .hdg-level2-02-container .link a:focus
    {
        color: #009a8b;
    }
    .hdg-level2-02-container .link a:active:before,
    .hdg-level2-02-container .link a:hover:before,
    .hdg-level2-02-container .link a:focus:before
    {
        color: #009a8b;
    }
}
.hdg-level2-02-container .link a:active span,
.hdg-level2-02-container .link a:hover span,
.hdg-level2-02-container .link a:focus span
{
    text-decoration: underline;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-02-container .link a:active span,
    .hdg-level2-02-container .link a:hover span,
    .hdg-level2-02-container .link a:focus span
    {
        text-decoration: none;
    }
}

/* hdg-level2-03
--------------------------------------- */
.hdg-level2-03
{
    font-size: 229%;

    margin-top: 50px;
    margin-bottom: 32px;

    text-align: center;
}
.hdg-level2-03:first-child
{
    margin-top: 0 !important;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-03
    {
        font-size: 129%;
        font-weight: bold;

        margin-top: 0;
        margin-bottom: 15px;
        padding-bottom: 5px;

        text-align: left;

        border-bottom: 1px solid #10af9e;
    }
}
.hdg-level2-03.sp-center
{
    margin-top: 70px;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-03.sp-center
    {
        margin-top: 40px;
        padding-bottom: 0;

        text-align: center;

        border-bottom: none;
    }
}
.hdg-level2-03.bg
{
    margin: 88px 0 40px;
    padding-bottom: 36px;

    background: url('/assets/img/bg/bg_hdg-level2-03.gif') no-repeat 50% 100%;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-03.bg
    {
        margin: 44px 0 20px;
        padding-bottom: 18px;

        background-size: 15px 2px;
    }
}

/* hdg-level2-04
--------------------------------------- */
.hdg-level2-04
{
    font-size: 172%;

    margin-bottom: 26px;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-04
    {
        font-size: 115%;
        font-weight: bold;

        margin-bottom: 12px;
    }
}

/* hdg-level2-05
--------------------------------------- */
.hdg-level2-05
{
    font-size: 129%;

    margin-bottom: 15px;
}
@media screen and (max-width: 760px)
{
    .hdg-level2-05
    {
        font-size: 100%;
        font-weight: bold;

        margin-bottom: 10px;
    }
}

/* hdg-level3-01
--------------------------------------- */
.hdg-level3-01
{
    font-size: 129%;

    margin-top: 37px;
    margin-bottom: 23px;
    padding-bottom: 10px;

    border-bottom: 1px solid #10af9e;
}
@media screen and (max-width: 760px)
{
    .hdg-level3-01
    {
        font-size: 100%;
        font-weight: bold;

        margin-top: 32px;
        margin-bottom: 12px;
        padding-bottom: 5px;
    }
}
.hdg-level3-01.link
{
    position: relative;

    padding-left: 19px;
}
.hdg-level3-01.link:active:before,
.hdg-level3-01.link:hover:before,
.hdg-level3-01.link:focus:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .hdg-level3-01.link:active:before,
    .hdg-level3-01.link:hover:before,
    .hdg-level3-01.link:focus:before
    {
        color: #009a8b;
    }
}
.hdg-level3-01.link:before
{
    font-size: 79%;

    position: absolute;
    top: 8px;
    left: -1px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;

    color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .hdg-level3-01.link:before
    {
        font-size: 100%;

        top: 4px;
    }
}
.hdg-level3-01.link a
{
    display: block;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
}
@media screen and (max-width: 760px)
{
    .hdg-level3-01.link a:active,
    .hdg-level3-01.link a:hover,
    .hdg-level3-01.link a:focus
    {
        text-decoration: none;

        color: #009a8b;
    }
}

.hdg-level3-01-container
{
    margin-top: 37px;
    margin-bottom: 23px;
    padding-bottom: 10px;

    border-bottom: 1px solid #10af9e;
}
@media screen and (max-width: 760px)
{
    .hdg-level3-01-container
    {
        margin-top: 32px;
        margin-bottom: 12px;
        padding-bottom: 5px;
    }
}
.hdg-level3-01-container .hdg-level3-01
{
    float: left;

    margin: 0 30px 0 0;
    padding-bottom: 0;

    border-bottom: none;
}
.hdg-level3-01-container .list-link-01
{
    float: left;

    margin: 0;
}
.hdg-level3-01-container .list-link-01 li
{
    padding-bottom: 0;
}

/* hdg-level4-01
--------------------------------------- */
.hdg-level4-01
{
    font-size: 115%;
    font-weight: bold;

    position: relative;

    margin-bottom: 15px;
    padding-left: 16px;
}
@media screen and (max-width: 760px)
{
    .hdg-level4-01
    {
        font-size: 100%;
        font-weight: bold;

        margin: 25px 0 8px;
    }
}
.hdg-level4-01:before
{
    font-size: 10px;

    position: absolute;
    top: 8px;
    left: 0;

    vertical-align: middle;

    color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .hdg-level4-01:before
    {
        top: 7px;
    }
}

.hdg-level3-01 + .hdg-level4-01,
.hdg-level3-01-container + .hdg-level4-01
{
    margin-top: 0 !important;
}

/* hdg-level4-02
--------------------------------------- */
.hdg-level4-02
{
    font-size: 115%;
    font-weight: bold;

    margin-bottom: 10px;
}
@media screen and (max-width: 760px)
{
    .hdg-level4-02
    {
        font-size: 100%;

        margin-bottom: 5px;
    }
}
.hdg-level4-02.movie
{
    position: relative;

    padding-left: 25px;
}
.hdg-level4-02.movie:before
{
    position: absolute;
    top: 6px;
    left: -1px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;

    color: #333;
}

.hdg-level4-02-container .hdg-level4-02
{
    float: left;

    margin-right: 30px;
}

.hdg-level4-02-container .list-link-01
{
    float: left;

    margin-bottom: 0;
}

/* hdg-level4-03
--------------------------------------- */
.hdg-level4-03
{
    position: relative;

    margin: 30px 0 8px;
    padding-left: 19px;

    border-bottom: 1px solid #d0d2db;
}
.hdg-level4-03:active:before,
.hdg-level4-03:hover:before,
.hdg-level4-03:focus:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .hdg-level4-03:active:before,
    .hdg-level4-03:hover:before,
    .hdg-level4-03:focus:before
    {
        color: #20a898;
    }
}
.hdg-level4-03:before
{
    position: absolute;
    top: 6px;
    left: -1px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;

    color: #009a8b;
}
.hdg-level4-03 a
{
    font-size: 115%;

    display: block;

    padding-bottom: 10px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
}
@media screen and (max-width: 760px)
{
    .hdg-level4-03 a:active,
    .hdg-level4-03 a:hover,
    .hdg-level4-03 a:focus
    {
        text-decoration: none;

        color: #009a8b;
    }
}

/* ---------------------------------------------------------
    Unique Heading Module
--------------------------------------------------------- */
/* hdg-level1-02
--------------------------------------- */
.hdg-level1-02-container
{
    margin-bottom: 60px;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-02-container
    {
        margin-bottom: 25px;
    }
}
.hdg-level1-02-container .hdg-level1-02-inner
{
    display: table-cell;

    box-sizing: border-box;
    width: 1%;
    height: 350px;
    padding: 52px 0 30px;

    vertical-align: top;

    background-image: url(/assets/img/bg/bg_hdg-level1-02_pc.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-02-container .hdg-level1-02-inner
    {
        height: 140px;
        padding: 15px 0 0;

        background-image: url(/assets/img/bg/bg_hdg-level1-02_sp.jpg);
        background-position: center 80%;
    }
}
.hdg-level1-02-container .hdg-level1-02-inner .hdg-level1-02
{
    font-size: 258%;
    font-weight: bold;
    line-height: 42px;

    margin-bottom: 20px;
    padding-top: 68px;

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-02-container .hdg-level1-02-inner .hdg-level1-02
    {
        font-size: 143%;
        line-height: 25px;

        margin-bottom: 10px;
        padding-top: 35px;
    }
}
.hdg-level1-02-container .hdg-level1-02-inner .hdg-img
{
    margin-bottom: 15px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-02-container .hdg-level1-02-inner .hdg-img
    {
        margin-bottom: 7px;
    }
}
.hdg-level1-02-container .hdg-level1-02-inner .hdg-img img
{
    width: 195px;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-02-container .hdg-level1-02-inner .hdg-img img
    {
        width: 90px;
    }
}
.hdg-level1-02-container .hdg-level1-02-inner .hdg-level1-02-description
{
    font-size: 108%;

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-02-container .hdg-level1-02-inner .hdg-level1-02-description
    {
        font-size: 72%;
        line-height: 1.5;
    }
}
.hdg-level1-02-container.type-02 .hdg-level1-02-inner
{
    background-image: url(/assets/img/bg/bg_hdg-level1-02_02_pc.png);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-02-container.type-02 .hdg-level1-02-inner
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-02_02_sp.png);
    }
}
.hdg-level1-02-container.type-02 .hdg-level1-02
{
    color: #008277;
}
.hdg-level1-02-container.type-02 .hdg-level1-02-description
{
    color: #008277;
}

/* hdg-level1-03
--------------------------------------- */
.hdg-level1-03-container
{
    margin-bottom: 33px;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-03-container
    {
        margin-bottom: 19px;
    }
}
.hdg-level1-03-container .hdg-level1-03-inner
{
    display: table-cell;

    width: 1%;
    height: 90px;
    padding: 30px 0;

    vertical-align: middle;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-03-container .hdg-level1-03-inner
    {
        height: 20px;
    }
}
.hdg-level1-03-container .hdg-level1-03-inner.case01
{
    background-image: url(/assets/img/bg/bg_hdg-level1-03_01_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-03-container .hdg-level1-03-inner.case01
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-03_01_sp.jpg);
    }
}
.hdg-level1-03-container .hdg-level1-03-inner.case02
{
    background-image: url(/assets/img/bg/bg_hdg-level1-03_02_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-03-container .hdg-level1-03-inner.case02
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-03_02_sp.jpg);
    }
}
.hdg-level1-03-container .hdg-level1-03-inner.case03
{
    background-image: url(/assets/img/bg/bg_hdg-level1-03_03_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-03-container .hdg-level1-03-inner.case03
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-03_03_sp.jpg);
    }
}
.hdg-level1-03-container .hdg-level1-03-inner.case04
{
    background-image: url(/assets/img/bg/bg_hdg-level1-03_04_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-03-container .hdg-level1-03-inner.case04
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-03_04_sp.jpg);
    }
}
.hdg-level1-03-container .hdg-level1-03-inner.case05
{
    background-image: url(/assets/img/bg/bg_hdg-level1-03_05_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-03-container .hdg-level1-03-inner.case05
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-03_05_sp.jpg);
    }
}
.hdg-level1-03-container .hdg-level1-03-inner.case06
{
    background-image: url(/assets/img/bg/bg_hdg-level1-03_06_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-03-container .hdg-level1-03-inner.case06
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-03_06_sp.jpg);
    }
}
.hdg-level1-03-container .hdg-level1-03-inner.case07
{
    background-image: url(/assets/img/bg/bg_hdg-level1-03_07_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-03-container .hdg-level1-03-inner.case07
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-03_07_sp.jpg);
    }
}
.hdg-level1-03-container .hdg-level1-03-inner.case08
{
    background-image: url(/assets/img/bg/bg_hdg-level1-03_08_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-03-container .hdg-level1-03-inner.case08
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-03_08_sp.jpg);
    }
}
.hdg-level1-03-container .hdg-level1-03-inner .hdg-level1-03
{
    font-size: 243%;
    font-weight: bold;
    line-height: 50px;

    max-width: 1125px;
    margin: 0 auto;
    padding: 0 30px;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-03-container .hdg-level1-03-inner .hdg-level1-03
    {
        font-size: 143%;
        line-height: 25px;

        text-align: center;
    }
}

/* hdg-level1-04
--------------------------------------- */
.hdg-level1-04-container
{
    margin-bottom: 42px;

    background-color: #10af9e;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container
    {
        margin-bottom: 20px;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner
{
    max-width: 1155px;
    height: 95px;
    margin: 0 auto;
    padding: 55px 0 0 30px;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}
@media screen and (max-width: 1064px)
{
    .hdg-level1-04-container .hdg-level1-04-inner
    {
        background-position: 60% center;
    }
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner
    {
        height: 60px;
        padding: 20px 0 0 15px;

        background-size: auto 100%;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner.area01
{
    background-image: url(/assets/img/bg/bg_hdg-level1-04_01_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner.area01
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-04_01_sp.jpg);
        background-position: right center;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner.area02
{
    background-image: url(/assets/img/bg/bg_hdg-level1-04_02_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner.area02
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-04_02_sp.jpg);
        background-position: right center;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner.area03
{
    background-image: url(/assets/img/bg/bg_hdg-level1-04_03_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner.area03
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-04_03_sp.jpg);
        background-position: right center;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner.area04
{
    background-image: url(/assets/img/bg/bg_hdg-level1-04_04_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner.area04
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-04_04_sp.jpg);
        background-position: right center;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner.area05
{
    background-image: url(/assets/img/bg/bg_hdg-level1-04_05_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner.area05
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-04_05_sp.jpg);
        background-position: right center;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner.area06
{
    background-image: url(/assets/img/bg/bg_hdg-level1-04_06_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner.area06
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-04_06_sp.jpg);
        background-position: right center;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner.area07
{
    background-image: url(/assets/img/bg/bg_hdg-level1-04_07_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner.area07
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-04_07_sp.jpg);
        background-position: right center;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner.area08
{
    background-image: url(/assets/img/bg/bg_hdg-level1-04_08_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner.area08
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-04_08_sp.jpg);
        background-position: right center;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner.area09
{
    background-image: url(/assets/img/bg/bg_hdg-level1-04_09_pc.jpg);
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner.area09
    {
        background-image: url(/assets/img/bg/bg_hdg-level1-04_09_sp.jpg);
        background-position: right center;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner .hdg-level1-04
{
    font-size: 243%;
    line-height: 42px;
    line-height: 1;

    display: inline-block;

    margin-right: 30px;

    text-align: center;
    vertical-align: baseline;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner .hdg-level1-04
    {
        font-size: 143%;

        display: block;

        margin-bottom: 5px;

        text-align: left;
    }
}
.hdg-level1-04-container .hdg-level1-04-inner .hdg-level1-04-description
{
    font-size: 100%;

    display: inline-block;

    text-align: center;
    vertical-align: baseline;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-04-container .hdg-level1-04-inner .hdg-level1-04-description
    {
        font-size: 72%;
        line-height: 20px;

        display: block;

        text-align: left;
    }
}

/* hdg-level1-05
--------------------------------------- */
.hdg-level1-05-container
{
    margin-bottom: 80px;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-05-container
    {
        margin-bottom: 25px;
    }
}
.hdg-level1-05-container .hdg-level1-05-inner
{
    display: table-cell;

    width: 1%;
    height: 290px;
    padding: 30px 0;

    vertical-align: middle;

    background-image: url(/assets/img/bg/bg_hdg-level1-05_pc.jpg);
    background-repeat: no-repeat;
    background-position: 40% center;
    background-size: cover;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-05-container .hdg-level1-05-inner
    {
        height: 80px;

        background-image: url(/assets/img/bg/bg_hdg-level1-05_sp.jpg);
        background-position: 40% 75%;
    }
}
.hdg-level1-05-container .hdg-level1-05-inner .hdg-level1-05
{
    font-size: 258%;
    font-weight: bold;
    line-height: 42px;

    margin-bottom: 20px;

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-05-container .hdg-level1-05-inner .hdg-level1-05
    {
        font-size: 143%;
        line-height: 25px;

        margin-bottom: 10px;
    }
}
.hdg-level1-05-container .hdg-level1-05-inner .hdg-level1-05-description
{
    font-size: 115%;

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-level1-05-container .hdg-level1-05-inner .hdg-level1-05-description
    {
        font-size: 72%;
    }
}

/* hdg-services-01
--------------------------------------- */
.hdg-services-01-container
{
    background-color: #fff;
}
.hdg-services-01-container .hdg-services-01
{
    font-size: 172%;

    box-sizing: border-box;
    height: 200px;
    padding-top: 37px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .hdg-services-01-container .hdg-services-01
    {
        font-size: 115%;

        height: 124px;
        padding-top: 22px;
    }
}
.hdg-services-01-container .hdg-services-01 .image
{
    display: block;

    margin-top: 13px;
}
@media screen and (max-width: 760px)
{
    .hdg-services-01-container .hdg-services-01 .image img
    {
        width: auto !important;
        height: 35px;
    }
}
@media screen and (max-width: 760px)
{
    .hdg-services-01-container .hdg-services-01 .image img.time
    {
        height: 30px;
    }
}

/* hdg-case-01
--------------------------------------- */
.hdg-case-01-container
{
    width: 100%;
    margin-bottom: 30px;

    border-top: 1px solid #c6c9d3;
    border-bottom: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .hdg-case-01-container
    {
        margin-bottom: 10px;
    }
}
.hdg-case-01-container .hdg-case-01-map-area
{
    float: right;

    box-sizing: border-box;
    width: 50%;
    padding: 0;

    background: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .hdg-case-01-container .hdg-case-01-map-area
    {
        width: 100%;
        padding: 0;
    }
}
.hdg-case-01-container .hdg-case-01-map-area .inner
{
    float: left;

    max-width: 561px;
    height: 100%;
}
@media screen and (max-width: 760px)
{
    .hdg-case-01-container .hdg-case-01-map-area .inner
    {
        width: 100%;
        max-width: 100%;
    }
}
.hdg-case-01-container .hdg-case-01-map-area .inner #map-view
{
    height: 100%;

    background-color: #bbb !important;
}
.hdg-case-01-container .hdg-case-01-text-area
{
    float: left;

    box-sizing: border-box;
    width: 50%;
    padding: 0 30px 0 30px;

    background: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .hdg-case-01-container .hdg-case-01-text-area
    {
        width: 100%;
        padding: 0 15px;
    }
}
.hdg-case-01-container .hdg-case-01-text-area .inner
{
    float: right;

    max-width: 533px;
    padding: 61px 0 70px;
}
@media screen and (max-width: 760px)
{
    .hdg-case-01-container .hdg-case-01-text-area .inner
    {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding: 26px 0 32.5px;
    }
}
.hdg-case-01-container .hdg-case-01-text-area .tit-text
{
    font-size: 243%;
    line-height: 1.5;

    margin-bottom: 25px;
}
@media screen and (max-width: 760px)
{
    .hdg-case-01-container .hdg-case-01-text-area .tit-text
    {
        font-size: 122%;

        margin-bottom: 15px;
    }
}
.hdg-case-01-container .hdg-case-01-text-area ul
{
    letter-spacing: -.5em;
}
.hdg-case-01-container .hdg-case-01-text-area ul li
{
    display: inline-block;

    letter-spacing: normal;
}
.hdg-case-01-container .hdg-case-01-text-area .list-link-01
{
    line-height: 1;

    margin-bottom: 0;
    padding: 0;
}
.hdg-case-01-container .hdg-case-01-text-area .list-link-01 .map-text
{
    font-size: 129%;
    line-height: 1.5;

    margin-right: 15px;
    margin-bottom: 5px;
    padding: 0;
}
@media screen and (max-width: 960px)
{
    .hdg-case-01-container .hdg-case-01-text-area .list-link-01 .map-text
    {
        font-size: 115%;

        margin-top: 4px;
        margin-right: 5px;
    }
}
@media screen and (max-width: 760px)
{
    .hdg-case-01-container .hdg-case-01-text-area .list-link-01 .map-text
    {
        font-size: 79%;

        margin-right: 7.5px;
        margin-bottom: 6px;
    }
}
.hdg-case-01-container .hdg-case-01-text-area .list-link-01 .map-text:before
{
    display: none;

    padding: 0;
}
.hdg-case-01-container .hdg-case-01-text-area .list-link-01 .external
{
    font-size: 86%;
    line-height: 1;

    position: relative;
    top: -1px;

    margin-right: 10px;
    margin-bottom: 14px;
    padding: 4px 10px 4px 28px;

    border: 1px solid #d0d2db;
    border-radius: 6px;
    background: #fff;
}
.hdg-case-01-container .hdg-case-01-text-area .list-link-01 .external:before
{
    top: 4px;
    left: 12px;
}
@media screen and (max-width: 960px)
{
    .hdg-case-01-container .hdg-case-01-text-area .list-link-01 .external
    {
        font-size: 79%;
    }
}
@media screen and (max-width: 760px)
{
    .hdg-case-01-container .hdg-case-01-text-area .list-link-01 .external
    {
        font-size: 72%;

        margin-bottom: 6px;
        padding: 4px 10px 4px 22px;
    }
    .hdg-case-01-container .hdg-case-01-text-area .list-link-01 .external:before
    {
        font-size: 10px;

        left: 8px;
    }
}
.hdg-case-01-container .hdg-case-01-text-area .list-link-01 .external a
{
    color: #333;
}
.hdg-case-01-container .hdg-case-01-text-area .list-tag
{
    font-size: 86%;

    width: 100%;
    margin: 0 0 -10px -10px;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-case-01-container .hdg-case-01-text-area .list-tag
    {
        font-size: 79%;

        margin: 0 0 -5px -5px;
    }
}
.hdg-case-01-container .hdg-case-01-text-area .list-tag li
{
    line-height: 1;

    margin: 0 0 10px 10px;
    padding: 3px 10px;

    border-radius: 3px;
}
@media screen and (max-width: 760px)
{
    .hdg-case-01-container .hdg-case-01-text-area .list-tag li
    {
        margin: 0 0 5px 5px;
        padding: 3px 4px;
    }
}
.hdg-case-01-container .hdg-case-01-text-area .list-tag .tag-01
{
    background: #ed8247;
}
.hdg-case-01-container .hdg-case-01-text-area .list-tag .tag-02
{
    background: #c7a800;
}
.hdg-case-01-container .hdg-case-01-text-area .list-tag .tag-03
{
    background: #7ec017;
}
.hdg-case-01-container .hdg-case-01-text-area .list-tag .tag-04
{
    background: #34a95a;
}
.hdg-case-01-container .hdg-case-01-text-area .list-tag .tag-05
{
    background: #43a7c4;
}
.hdg-case-01-container .hdg-case-01-text-area .list-tag .tag-06
{
    background: #3c83d3;
}
.hdg-case-01-container .hdg-case-01-text-area .list-tag .tag-07
{
    background: #7e68c1;
}
.hdg-case-01-container .hdg-case-01-text-area .list-tag .tag-08
{
    background: #e25c88;
}

/* hdg-case-02
--------------------------------------- */
.hdg-case-02-container
{
    margin-bottom: 30px;
}
.hdg-case-02-container.bg-01
{
    background: url('/assets/img/bg/bg_hdg_case_02_01_pc.jpg') no-repeat 50% 0;
    background-size: cover;
}
.hdg-case-02-container.bg-02
{
    background: url('/assets/img/bg/bg_hdg_case_02_02_pc.jpg') no-repeat 50% 0;
    background-size: cover;
}
@media screen and (max-width: 760px)
{
    .hdg-case-02-container
    {
        margin-bottom: 10px;

        background: none !important;
    }
}
.hdg-case-02-container .hdg-case-02-inner
{
    max-width: 1122px;
    height: 549px;
    margin: 0 auto;
    padding: 0 30px;
}
@media screen and (max-width: 760px)
{
    .hdg-case-02-container .hdg-case-02-inner
    {
        height: auto;
        padding: 0;
    }
}
.hdg-case-02-container .sp-image
{
    display: none;
}
@media screen and (max-width: 760px)
{
    .hdg-case-02-container .sp-image
    {
        display: block;
    }
    .hdg-case-02-container .sp-image img
    {
        width: 100%;
    }
}
.hdg-case-02-container .hdg-case-02
{
    font-size: 286%;
    font-weight: bold;

    margin-bottom: 10px;
    padding-top: 123px;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-case-02-container .hdg-case-02
    {
        font-size: 122%;

        padding-top: 0;

        color: #333;
    }
}
@media screen and (max-width: 760px)
{
    .hdg-case-02-container .text
    {
        padding: 20px 15px;

        border-bottom: 1px solid #c6c9d3;
        background-color: #f5f6f8;
    }
}
.hdg-case-02-container .area
{
    font-size: 129%;
    font-weight: bold;

    position: relative;

    margin-bottom: 23px;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-case-02-container .area
    {
        font-size: 115%;

        margin-bottom: 12px;

        color: #333;
    }
}
.hdg-case-02-container .list-tag
{
    font-size: 86%;

    width: 560px;
    margin-bottom: 14px;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-case-02-container .list-tag
    {
        font-size: 79%;

        width: 100%;
        margin-bottom: 7px;
    }
}
.hdg-case-02-container .list-tag li
{
    line-height: 1;

    display: inline-block;

    margin: 0 10px 10px 0;
    padding: 3px 10px;

    border-radius: 3px;
}
@media screen and (max-width: 760px)
{
    .hdg-case-02-container .list-tag li
    {
        margin: 0 5px 5px 0;
        padding: 3px 4px;
    }
}
.hdg-case-02-container .list-tag .tag-01
{
    background: #ed8247;
}
.hdg-case-02-container .list-tag .tag-02
{
    background: #c7a800;
}
.hdg-case-02-container .list-tag .tag-03
{
    background: #7ec017;
}
.hdg-case-02-container .list-tag .tag-04
{
    background: #34a95a;
}
.hdg-case-02-container .list-tag .tag-05
{
    background: #43a7c4;
}
.hdg-case-02-container .list-tag .tag-06
{
    background: #3c83d3;
}
.hdg-case-02-container .list-tag .tag-07
{
    background: #7e68c1;
}
.hdg-case-02-container .list-tag .tag-08
{
    background: #e25c88;
}
.hdg-case-02-container .description
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .hdg-case-02-container .description
    {
        font-size: 86%;

        color: #333;
    }
}

/* -------------------------------------------------------------------

    Emphasis Module

-------------------------------------------------------------------- */
/* em-01
--------------------------------------- */
.em-01
{
    font-size: 86%;

    color: #f76c91;
}

/* -------------------------------------------------------------------

    Document Module

-------------------------------------------------------------------- */
/* doc-plain-01
--------------------------------------- */
.doc-plain-01
{
    margin-bottom: 26px;
}
@media screen and (max-width: 760px)
{
    .doc-plain-01
    {
        margin-bottom: 13px;
    }
}
.doc-plain-01.m-half
{
    margin-bottom: 14px;
}
@media screen and (max-width: 760px)
{
    .doc-plain-01.m-half
    {
        margin-bottom: 7px;
    }
}
@media screen and (max-width: 760px)
{
    .doc-plain-01.lead
    {
        margin-bottom: 33px;
    }
}
.doc-plain-01 .name-img
{
    width: 150px;
}
@media screen and (max-width: 760px)
{
    .doc-plain-01 .name-img
    {
        width: 75px;
    }
}

/* doc-notes-01
--------------------------------------- */
.doc-notes-01
{
    font-size: 86%;

    margin-bottom: 28px;

    color: #666;
}
@media screen and (max-width: 760px)
{
    .doc-notes-01
    {
        margin-bottom: 14px;
    }
}

/* doc-no-link-01
--------------------------------------- */
.doc-no-link-01
{
    font-weight: bold;

    padding: 10px 10px 9px;

    text-align: center;

    background-color: #f5f6f8;
}

/* doc-label-01
--------------------------------------- */
.doc-label-01
{
    font-size: 86%;
    font-weight: bold;

    display: inline-block;

    padding: 0 8px 1px;

    background-color: #fcff00;
}

/* doc-num-01
--------------------------------------- */
.doc-num-01
{
    font-weight: bold;
    line-height: 1.2;

    display: inline-block;

    margin-top: 3px;
    padding: 0 5px 2px;

    text-align: center;

    border: 1px solid #c6c9d3;
    background-color: #f5f6f8;
}

/* -------------------------------------------------------------------

    List Module

-------------------------------------------------------------------- */
/* list-bullet-01
--------------------------------------- */
.list-bullet-01
{
    margin-bottom: 23px;
}
@media screen and (max-width: 760px)
{
    .list-bullet-01
    {
        margin-bottom: 11px;
    }
}
.list-bullet-01 li
{
    position: relative;

    padding: 0 0 5px 19px;
}
.list-bullet-01 li:before
{
    font-size: 10px;

    position: absolute;
    top: 8px;
    left: 0;

    vertical-align: middle;

    color: #333;
}
.list-bullet-01 li .list-bullet-01
{
    margin-bottom: 0;
    padding-top: 5px;
}
.list-bullet-01 li .list-bullet-01 li:last-child
{
    padding-bottom: 0;
}
.list-bullet-01.bullet-col2,
.list-bullet-01.bullet-col3,
.list-bullet-01.bullet-col4,
.list-bullet-01.bullet-col5
{
    margin-bottom: 23px;
}
@media screen and (max-width: 760px)
{
    .list-bullet-01.bullet-col2,
    .list-bullet-01.bullet-col3,
    .list-bullet-01.bullet-col4,
    .list-bullet-01.bullet-col5
    {
        margin-bottom: 11px;
    }
}
.list-bullet-01.bullet-col2 li,
.list-bullet-01.bullet-col3 li,
.list-bullet-01.bullet-col4 li,
.list-bullet-01.bullet-col5 li
{
    float: left;

    padding: 0;

    background: none;
}
@media screen and (max-width: 760px)
{
    .list-bullet-01.bullet-col2 li,
    .list-bullet-01.bullet-col3 li,
    .list-bullet-01.bullet-col4 li,
    .list-bullet-01.bullet-col5 li
    {
        float: none;

        width: 100% !important;
    }
}
.list-bullet-01.bullet-col2 li:before,
.list-bullet-01.bullet-col3 li:before,
.list-bullet-01.bullet-col4 li:before,
.list-bullet-01.bullet-col5 li:before
{
    display: none;
}
.list-bullet-01.bullet-col2 li span,
.list-bullet-01.bullet-col3 li span,
.list-bullet-01.bullet-col4 li span,
.list-bullet-01.bullet-col5 li span
{
    position: relative;

    display: block;

    padding: 0 15px 5px 19px;
}
.list-bullet-01.bullet-col2 li span:before,
.list-bullet-01.bullet-col3 li span:before,
.list-bullet-01.bullet-col4 li span:before,
.list-bullet-01.bullet-col5 li span:before
{
    font-size: 10px;

    position: absolute;
    top: 8px;
    left: 0;

    vertical-align: middle;

    color: #333;
}
.list-bullet-01.bullet-col2 li
{
    width: 49.9%;
}
.list-bullet-01.bullet-col3 li
{
    width: 33.3%;
}
.list-bullet-01.bullet-col4 li
{
    width: 24.9%;
}
.list-bullet-01.bullet-col5 li
{
    width: 19.9%;
}

/*  list-link-01
--------------------------------------- */
.list-link-01
{
    margin-bottom: 20px;
}
@media screen and (max-width: 760px)
{
    .list-link-01
    {
        margin-bottom: 10px;
    }
}
.list-link-01.center li
{
    display: inline-block;

    margin: 0 5px;
}
.list-link-01 li
{
    position: relative;

    padding: 0 0 5px 19px;
}
.list-link-01 li:active:before,
.list-link-01 li:hover:before,
.list-link-01 li:focus:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .list-link-01 li:active:before,
    .list-link-01 li:hover:before,
    .list-link-01 li:focus:before
    {
        color: #20a898;
    }
}
.list-link-01 li:active.external:before,
.list-link-01 li:active.map:before,
.list-link-01 li:hover.external:before,
.list-link-01 li:hover.map:before,
.list-link-01 li:focus.external:before,
.list-link-01 li:focus.map:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .list-link-01 li:active.external:before,
    .list-link-01 li:active.map:before,
    .list-link-01 li:hover.external:before,
    .list-link-01 li:hover.map:before,
    .list-link-01 li:focus.external:before,
    .list-link-01 li:focus.map:before
    {
        color: #20a898;
    }
}
.list-link-01 li:active.pdf:before,
.list-link-01 li:hover.pdf:before,
.list-link-01 li:focus.pdf:before
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .list-link-01 li:active.pdf:before,
    .list-link-01 li:hover.pdf:before,
    .list-link-01 li:focus.pdf:before
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.list-link-01 li:before
{
    position: absolute;
    top: 7px;
    left: -1px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;

    color: #009a8b;
}
.list-link-01 li.external:before
{
    font-size: 12px;

    position: absolute;
    top: 8px;
    left: 0;

    vertical-align: middle;

    color: #20a898;
}
.list-link-01 li.map:before
{
    font-size: 12px;

    position: absolute;
    top: 8px;
    left: 0;

    vertical-align: middle;

    color: #20a898;
}
.list-link-01 li.pdf:before
{
    position: absolute;
    top: 6px;
    left: 0;

    width: 11px;
    height: 13px;

    content: '';

    background: url('/assets/img/icon/icon_pdf_01.png') no-repeat 0 0;
    background-size: 11px 13px;
}
.list-link-01 li.no-link
{
    padding-left: 0;
}
.list-link-01 li.no-link span
{
    padding-left: 0 !important;
}
.list-link-01 li.no-link:before
{
    display: none;
}
.list-link-01 li a
{
    -webkit-transition: color .2s ease 0s;
    transition: color .2s ease 0s;
    word-wrap: break-word;

    overflow-wrap: break-word;
}
@media screen and (max-width: 760px)
{
    .list-link-01 li a:active,
    .list-link-01 li a:hover,
    .list-link-01 li a:focus
    {
        text-decoration: none;

        color: #009a8b;
    }
}
.list-link-01.float li,
.list-link-01.link-col2 li,
.list-link-01.link-col3 li,
.list-link-01.link-col4 li,
.list-link-01.link-col5 li
{
    float: left;

    padding: 0;
}
@media screen and (max-width: 760px)
{
    .list-link-01.float li,
    .list-link-01.link-col2 li,
    .list-link-01.link-col3 li,
    .list-link-01.link-col4 li,
    .list-link-01.link-col5 li
    {
        float: none;

        width: 100% !important;
    }
}
.list-link-01.float li span,
.list-link-01.link-col2 li span,
.list-link-01.link-col3 li span,
.list-link-01.link-col4 li span,
.list-link-01.link-col5 li span
{
    display: block;

    padding: 0 15px 5px 19px;
}
.list-link-01.link-col2 li
{
    width: 49.9%;
}
.list-link-01.link-col3 li
{
    width: 33.3%;
}
.list-link-01.link-col4 li
{
    width: 24.9%;
}
.list-link-01.link-col5 li
{
    width: 19.9%;
}
.list-link-01.float li
{
    margin-right: 18px;
}
.list-link-01.border
{
    margin-bottom: 7px;
    padding-bottom: 7px;

    border-bottom: 1px solid #d0d2db;
}

/* list-definition-link-01
--------------------------------------- */
.list-definition-link-01 dt
{
    font-size: 115%;

    position: relative;

    padding: 0 0 5px 19px;
}
@media screen and (max-width: 760px)
{
    .list-definition-link-01 dt
    {
        font-size: 100%;
    }
}
.list-definition-link-01 dt:before
{
    position: absolute;
    top: 7px;
    left: -1px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;

    color: #009a8b;
}
.list-definition-link-01 dt:active:before,
.list-definition-link-01 dt:hover:before,
.list-definition-link-01 dt:focus:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .list-definition-link-01 dt:active:before,
    .list-definition-link-01 dt:hover:before,
    .list-definition-link-01 dt:focus:before
    {
        color: #20a898;
    }
}
.list-definition-link-01 dt a
{
    -webkit-transition: color .2s ease 0s;
    transition: color .2s ease 0s;
}
@media screen and (max-width: 760px)
{
    .list-definition-link-01 dt a:active,
    .list-definition-link-01 dt a:hover,
    .list-definition-link-01 dt a:focus
    {
        text-decoration: none;

        color: #009a8b;
    }
}

.list-definition-link-01 dd
{
    margin-bottom: 26px;
}
@media screen and (max-width: 760px)
{
    .list-definition-link-01 dd
    {
        margin-bottom: 10px;
    }
}

.list-definition-link-01.pc-mb0 dd
{
    margin-bottom: 0;
}
@media screen and (max-width: 760px)
{
    .list-definition-link-01.pc-mb0 dd
    {
        margin-bottom: 10px;
    }
}

/* list-words-01
--------------------------------------- */
.list-words-01
{
    margin-bottom: 10px;
}
.list-words-01 p
{
    font-size: 129%;

    float: left;

    margin-right: 22px;
}
@media screen and (max-width: 760px)
{
    .list-words-01 p
    {
        font-size: 100%;

        float: none;

        margin-right: 0;
    }
}
.list-words-01 .list-link-01
{
    overflow: hidden;

    margin-bottom: 0;
    padding-top: 4px;
}
.list-words-01 .list-link-01 li
{
    float: left;

    margin-right: 30px;
}
@media screen and (max-width: 760px)
{
    .list-words-01 .list-link-01 li
    {
        margin-right: 15px;
    }
}

/* list-ordered-01
--------------------------------------- */
.list-ordered-01
{
    margin-bottom: 22px;
}
@media screen and (max-width: 760px)
{
    .list-ordered-01
    {
        margin-bottom: 11px;
    }
}
.list-ordered-01 li
{
    margin-left: 2.1em;
    padding-bottom: 5px;

    list-style-type: decimal;
}
.list-ordered-01 li .list-ordered-01
{
    margin-bottom: 0;
    padding-top: 5px;
}
.list-ordered-01 li .list-ordered-01 li:last-child
{
    padding-bottom: 0;
}
.list-ordered-01 li .list-bullet-01 li,
.list-ordered-01 li .list-notes-01 li,
.list-ordered-01 li .list-link-01 li,
.list-ordered-01 li .list-numbered-01 li
{
    margin-left: 10px !important;

    list-style: none;
}

/* list-numbered-01
--------------------------------------- */
.list-numbered-01
{
    margin-bottom: 22px;
}
@media screen and (max-width: 760px)
{
    .list-numbered-01
    {
        margin-bottom: 11px;
    }
}
.list-numbered-01 li
{
    position: relative;

    padding-bottom: 5px;
    padding-left: 3em;
}
.list-numbered-01 li .num
{
    position: absolute;
    top: 0;
    left: 0;
}
.list-numbered-01 li .list-bullet-01 li,
.list-numbered-01 li .list-link-01 li
{
    padding: 0 0 5px 19px;
}

/*  list-notes-01
--------------------------------------- */
.list-notes-01
{
    margin-bottom: 25px;
}
@media screen and (max-width: 760px)
{
    .list-notes-01
    {
        margin-bottom: 10px;
    }
}
.list-notes-01 li
{
    font-size: 86%;

    position: relative;

    padding: 0 0 0 22px;

    color: #666;
}
.list-notes-01 li .notes
{
    position: absolute;
    top: 0;
    left: 0;
}
.list-notes-01.num li
{
    padding-left: 30px;
}

/* list-news-01
--------------------------------------- */
.list-news-01
{
    margin-bottom: 48px;

    border-top: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .list-news-01
    {
        margin-bottom: 33px;

        border-top: none;
    }
}
.list-news-01 li
{
    border-bottom: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .list-news-01 li:first-child a
    {
        padding-top: 0;
    }
}
@media screen and (max-width: 760px)
{
    .list-news-01 li.sp-hide
    {
        display: none;
    }
}
.list-news-01 li a
{
    display: block;

    padding: 10px 0 11px;

    -webkit-transition: color .2s ease 0s;

    transition: color .2s ease 0s;

    color: #333;
}
.list-news-01 li a:active,
.list-news-01 li a:hover,
.list-news-01 li a:focus
{
    text-decoration: none;

    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .list-news-01 li a:active,
    .list-news-01 li a:hover,
    .list-news-01 li a:focus
    {
        color: #333;
    }
}
.list-news-01 li a:active .category,
.list-news-01 li a:hover .category,
.list-news-01 li a:focus .category
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .list-news-01 li a:active .category,
    .list-news-01 li a:hover .category,
    .list-news-01 li a:focus .category
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.list-news-01 li a:active .text:before,
.list-news-01 li a:hover .text:before,
.list-news-01 li a:focus .text:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .list-news-01 li a:active .text:before,
    .list-news-01 li a:hover .text:before,
    .list-news-01 li a:focus .text:before
    {
        color: #20a898;
    }
}
.list-news-01 li a:active .text.pdf:before,
.list-news-01 li a:hover .text.pdf:before,
.list-news-01 li a:focus .text.pdf:before
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .list-news-01 li a:active .text.pdf:before,
    .list-news-01 li a:hover .text.pdf:before,
    .list-news-01 li a:focus .text.pdf:before
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.list-news-01 li a:active .text-inner,
.list-news-01 li a:hover .text-inner,
.list-news-01 li a:focus .text-inner
{
    text-decoration: underline;
}
@media screen and (max-width: 760px)
{
    .list-news-01 li a:active .text-inner,
    .list-news-01 li a:hover .text-inner,
    .list-news-01 li a:focus .text-inner
    {
        text-decoration: none;
    }
}
.list-news-01 .category
{
    font-size: 86%;
    line-height: 1.1;

    display: block;
    float: left;

    box-sizing: border-box;
    width: 110px;
    margin: 2px 0 0 0;
    padding: 3px 0 4px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;

    color: #fff;
    border-radius: 3px;
}
.list-news-01 .category.important
{
    background-color: #fb5656;
}
.list-news-01 .category.other
{
    background-color: #afafaf;
}
.list-news-01 .category.product
{
    background-color: #10af9e;
}
.list-news-01 .category.company
{
    background-color: #575a5f;
}
.list-news-01 .category.administration
{
    background-color: #90c43f;
}
.list-news-01 .category.global
{
    background-color: #058295;
}
.list-news-01 .category.human-resources
{
    background-color: #afafaf;
}
.list-news-01 .category.small-cargo
{
    background-color: #09b663;
}
.list-news-01 .category.service
{
    background-color: #07b9a6;
}
.list-news-01 .category.business
{
    background-color: #575a5f;
}
.list-news-01 .category.wide
{
    width: 132px;
}
@media screen and (max-width: 760px)
{
    .list-news-01 .category
    {
        font-size: 72%;

        width: 80px;
    }
}
.list-news-01 .category + .date
{
    margin-left: 20px;
}
@media screen and (max-width: 760px)
{
    .list-news-01 .category + .date
    {
        margin-left: 4px;
    }
}
.list-news-01 .date
{
    float: left;

    box-sizing: border-box;
    width: 110px;
}
@media screen and (max-width: 760px)
{
    .list-news-01 .date
    {
        font-size: 86%;

        overflow: hidden;

        width: auto;
    }
}
@media screen and (max-width: 760px)
{
    .list-news-01 .inner
    {
        width: 100%;
        margin-bottom: 2px;
    }
    .list-news-01 .inner:after
    {
        display: table;
        clear: both;

        content: '';
    }
}
.list-news-01 .text
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-left: 39px;
}
@media screen and (max-width: 760px)
{
    .list-news-01 .text
    {
        overflow: inherit;

        padding-left: 19px;
    }
}
.list-news-01 .text.link:before
{
    position: absolute;
    top: 7px;
    left: 20px;

    vertical-align: middle;

    color: #20a898;
}
@media screen and (max-width: 760px)
{
    .list-news-01 .text.link:before
    {
        left: 0;
    }
}
.list-news-01 .text.external:before
{
    font-size: 12px;

    position: absolute;
    top: 8px;
    left: 20px;

    vertical-align: middle;

    color: #20a898;
}
@media screen and (max-width: 760px)
{
    .list-news-01 .text.external:before
    {
        left: 0;
    }
}
.list-news-01 .text.pdf:before
{
    position: absolute;
    top: 6px;
    left: 20px;

    width: 11px;
    height: 13px;

    content: '';

    background: url('/assets/img/icon/icon_pdf_01.png') no-repeat 0 0;
    background-size: 11px 13px;
}
@media screen and (max-width: 760px)
{
    .list-news-01 .text.pdf:before
    {
        left: 0;
    }
}

/* list-option-01
--------------------------------------- */
.list-option-01
{
    border-top: 1px solid #c6c9d3;
    border-right: 1px solid #c6c9d3;
    border-left: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .list-option-01
    {
        margin-bottom: 36px;
    }
}
.list-option-01 li
{
    position: relative;

    border-bottom: 1px solid #c6c9d3;
}
.list-option-01 li.em
{
    background-color: #fffbd9;
}
.list-option-01 li span
{
    line-height: 1.5;

    display: table-cell;

    box-sizing: border-box;
    width: 500px;
    height: 65px;
    padding: 0 15px 0 60px;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .list-option-01 li span
    {
        height: 50px;
        padding: 0 15px 0 49px;
    }
}
.list-option-01 li span:before
{
    position: absolute;
    top: 50%;
    left: 19px;

    display: block;

    width: 30px;
    height: 30px;
    margin-top: -15px;

    content: '';
}
@media screen and (max-width: 760px)
{
    .list-option-01 li span:before
    {
        left: 9px;
    }
}
.list-option-01 li span .em-01
{
    display: block;
}
.list-option-01 li span .icon-qestion
{
    position: relative;
    top: 3px;

    width: 18px;
    height: 18px;
    margin-left: 9px;

    cursor: pointer;
}
.list-option-01 li.option-01 span:before
{
    background: url('/assets/img/icon/icon_option_01.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-02 span:before
{
    background: url('/assets/img/icon/icon_option_02.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-03 span:before
{
    background: url('/assets/img/icon/icon_option_03.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-04 span:before
{
    background: url('/assets/img/icon/icon_option_04.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-05 span:before
{
    background: url('/assets/img/icon/icon_option_05.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-06 span:before
{
    background: url('/assets/img/icon/icon_option_06.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-07 span:before
{
    background: url('/assets/img/icon/icon_option_07.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-08 span:before
{
    background: url('/assets/img/icon/icon_option_08.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-09 span:before
{
    background: url('/assets/img/icon/icon_option_09.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-10 span:before
{
    background: url('/assets/img/icon/icon_option_10.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-11 span:before
{
    background: url('/assets/img/icon/icon_option_11.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-12 span:before
{
    background: url('/assets/img/icon/icon_option_12.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-13 span:before
{
    background: url('/assets/img/icon/icon_option_13.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.option-14 span:before
{
    background: url('/assets/img/icon/icon_option_14.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled
{
    color: #bbb;
}
.list-option-01 li.disabled.option-01 span:before
{
    background: url('/assets/img/icon/icon_option_01_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-02 span:before
{
    background: url('/assets/img/icon/icon_option_02_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-03 span:before
{
    background: url('/assets/img/icon/icon_option_03_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-04 span:before
{
    background: url('/assets/img/icon/icon_option_04_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-05 span:before
{
    background: url('/assets/img/icon/icon_option_05_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-06 span:before
{
    background: url('/assets/img/icon/icon_option_06_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-07 span:before
{
    background: url('/assets/img/icon/icon_option_07_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-08 span:before
{
    background: url('/assets/img/icon/icon_option_08_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-09 span:before
{
    background: url('/assets/img/icon/icon_option_09_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-10 span:before
{
    background: url('/assets/img/icon/icon_option_10_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-11 span:before
{
    background: url('/assets/img/icon/icon_option_11_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-12 span:before
{
    background: url('/assets/img/icon/icon_option_12_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-13 span:before
{
    background: url('/assets/img/icon/icon_option_13_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}
.list-option-01 li.disabled.option-14 span:before
{
    background: url('/assets/img/icon/icon_option_14_disabled.png') no-repeat 0 0;
    background-size: 30px 30px;
}

/* list-browser-01
--------------------------------------- */
.list-browser-01
{
    margin-bottom: 22px;
}
@media screen and (max-width: 760px)
{
    .list-browser-01
    {
        margin-bottom: 11px;
    }
}
.list-browser-01 li
{
    position: relative;

    margin-bottom: 10px;
    padding-left: 30px;
}
.list-browser-01 li .icon
{
    position: absolute;
    top: 2px;
    left: 0;
}
.list-browser-01 li .icon img
{
    width: 20px;
}
.list-browser-01.type-01
{
    letter-spacing: -.5em;
}
.list-browser-01.type-01 li
{
    display: inline-block;

    box-sizing: border-box;
    width: 24.9%;

    letter-spacing: normal;
}
@media screen and (max-width: 760px)
{
    .list-browser-01.type-01 li
    {
        width: 50%;
    }
}

/* list-tag-01
--------------------------------------- */
.list-tag-01
{
    margin-bottom: 30px;
}
@media screen and (max-width: 760px)
{
    .list-tag-01
    {
        margin-bottom: 15px;
    }
}
.list-tag-01 li
{
    line-height: 1.3;

    float: left;

    margin: 0 8px 10px 0;
    padding: 5px 12px;

    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;

    color: #10af9e;
    border: 1px solid #c6c9d3;
    border-radius: 8px;
    background-color: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .list-tag-01 li
    {
        font-size: 86%;

        display: -webkit-box;

        display: -webkit-flex;

        display: flex;

        box-sizing: border-box;
        width: 32%;
        margin-right: 2%;

        -webkit-align-items: center;
        /* 縦方向中央揃え（Safari用） */
                -webkit-box-align: center;
                align-items: center;
        /* 縦方向中央揃え */
        -webkit-justify-content: center;
        /* 横方向中央揃え（Safari用） */
                -webkit-box-pack: center;
                justify-content: center;
        /* 横方向中央揃え */
    }
    .list-tag-01 li:nth-child(3n)
    {
        margin-right: 0;
    }
}
.list-tag-01 li:active,
.list-tag-01 li:hover,
.list-tag-01 li:focus
{
    color: #fff;
    border: 1px solid transparent;
    background-color: #10af9e;
}
@media screen and (max-width: 760px)
{
    .list-tag-01 li:active,
    .list-tag-01 li:hover,
    .list-tag-01 li:focus
    {
        color: #10af9e;
        border: 1px solid #c6c9d3;
        background-color: #f5f6f8;
    }
}
.list-tag-01 li.current
{
    color: #fff;
    border: 1px solid transparent;
    background-color: #10af9e;
}

/* list-service-01
--------------------------------------- */
.list-service-01
{
    margin-bottom: 65px;

    border-top: 1px solid #c6c9d3;
}
.list-service-01 .column
{
    position: relative;

    padding: 20px;

    border-bottom: 1px solid #c6c9d3;
}
.list-service-01 .image
{
    float: left;

    width: 14.97227356746765%;
    margin-right: 20px;
}
.list-service-01 .image img
{
    width: 100%;
}
.list-service-01 .text
{
    overflow: hidden;

    padding-right: 280px;
}
.list-service-01 .service-list li
{
    float: left;

    margin-right: 5px;
}
.list-service-01 .service-list li a
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}
.list-service-01 .service-list li a:active,
.list-service-01 .service-list li a:hover,
.list-service-01 .service-list li a:focus
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.list-service-01 .title-01
{
    font-size: 172%;
    font-weight: bold;

    margin-bottom: 10px;
}
.list-service-01 .title-01 a
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}
.list-service-01 .title-02
{
    font-size: 100%;
    font-weight: bold;

    margin-bottom: 10px;
}
.list-service-01 .description
{
    margin-bottom: 20px;
}
.list-service-01 .nav-btn-02
{
    position: absolute;
    top: 50%;
    right: 20px;

    margin-top: -21px;
    margin-bottom: 0;
}
.list-service-01 .nav-btn-02 p
{
    margin-bottom: 0;
}

/* list-service-01-sp
--------------------------------------- */
.list-service-01-sp
{
    display: none;

    margin-bottom: 40px;
}
.list-service-01-sp .column
{
    display: block;

    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px;
    padding: 11px 10px;

    border: 1px solid #c6c9d3;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #c6c9d3;
}
.list-service-01-sp .block-anchor
{
    display: block;

    color: #333;
}
.list-service-01-sp .block-anchor:active,
.list-service-01-sp .block-anchor:hover,
.list-service-01-sp .block-anchor:focus
{
    text-decoration: none;
}
.list-service-01-sp .image
{
    float: left;

    width: 27.51937984496124%;
    margin-right: 10px;
}
.list-service-01-sp .image img
{
    width: 100%;
}
.list-service-01-sp .text
{
    overflow: hidden;
}
.list-service-01-sp .title-01
{
    font-size: 115%;
    font-weight: bold;
    line-height: 1.5;

    margin-bottom: 8px;

    color: #009a8b;
}
.list-service-01-sp .description
{
    font-size: 86%;

    margin-top: 10px;
    padding-top: 10px;

    border-top: 1px solid #c6c9d3;
}
.list-service-01-sp .service-list li
{
    float: left;

    margin-right: 1px;
}
@media screen and (max-width: 760px)
{
    .list-service-01-sp
    {
        display: block;
    }
}

/* list-site-search-01
--------------------------------------- */
.list-site-search-01
{
    margin-bottom: 40px;

    border-top: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .list-site-search-01
    {
        margin-bottom: 20px;
    }
}
.list-site-search-01 .column
{
    padding: 29px 0;

    border-bottom: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .list-site-search-01 .column
    {
        padding: 15px 0;
    }
}
.list-site-search-01 .image
{
    float: left;

    width: 15.50802139037433%;
    margin-right: 18px;

    border: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .list-site-search-01 .image
    {
        display: none;
    }
}
.list-site-search-01 .image img
{
    display: block;

    width: 100%;
}
.list-site-search-01 .text
{
    overflow: hidden;
}
.list-site-search-01 .title
{
    position: relative;

    padding: 0 0 5px 19px;
}
.list-site-search-01 .title:before
{
    position: absolute;
    top: 6px;
    left: -1px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;

    color: #009a8b;
}
.list-site-search-01 .title:active:before,
.list-site-search-01 .title:hover:before,
.list-site-search-01 .title:focus:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .list-site-search-01 .title:active:before,
    .list-site-search-01 .title:hover:before,
    .list-site-search-01 .title:focus:before
    {
        color: #20a898;
    }
}
.list-site-search-01 .title a
{
    font-size: 115%;

    -webkit-transition: color .2s ease 0s;

    transition: color .2s ease 0s;
}
@media screen and (max-width: 760px)
{
    .list-site-search-01 .title a
    {
        text-decoration: none;

        color: #009a8b;
    }
}
.list-site-search-01 .url
{
    font-size: 86%;

    margin-bottom: 7px;

    color: #666;
}
.list-site-search-01 .description
{
    line-height: 1.6;

    margin-bottom: 7px;
}
.list-site-search-01 .date
{
    font-size: 86%;
}
.list-site-search-01 .date span
{
    display: inline-block;

    margin-right: 10px;
    padding: 1px 8px;

    border-radius: 2px;
    background-color: #f5f6f8;
}

/*  list-qa-01
--------------------------------------- */
/*.list-qa-01{
    @media screen and ( max-width: $w-760 ){
        margin-bottom:20px;
    }

    .question{
        padding:14px 20px 14px 60px;
        border-top:1px solid #d7d7d7;
        border-bottom:1px solid #d7d7d7;
        line-height:1.5;
        background:#f5f5f5 url('/assets/img/icon/icon_question_01.png') no-repeat 20px 0.8em;
        background-size:30px 30px;
        font-size:fz(16);
        font-weight:bold;
        cursor:default;
        @extend .icon-plus;

        &.active:after{
            @extend .icon-minus;
        }

        @media screen and ( max-width: $w-760 ){
            margin-top:10px;
            margin-bottom:2px;
            padding:14px 50px 14px 37px;
            position:relative;
            border:1px solid #d7d7d7;
            border-radius:4px;
            box-shadow:0 2px 0px 0 #e2e2e2;
            background-color:#fff;
            background-position:10px 1.1em;
            background-size:20px 20px;
            font-size:fz(13);
            cursor:pointer;
        }

        &:after{
            margin-top:-7px;
            position:absolute;
            top:50%;
            right:15px;
            display:none;
            color:$link-color;
            vertical-align:middle;
            font-size:16px;

            @media screen and ( max-width: $w-760 ){
                display:block;
            }
        }
    }

    .answer{
        padding:0 0 10px 60px;
        overflow:hidden;
        max-height:none;
        background:url('/assets/img/icon/icon_answer_01.png') no-repeat 20px 1.15em;
        background-size:30px 30px;

        &.active{
            max-height:none;
        }

        .title{
            margin-bottom:13px;
            padding:19px 0 13px 0;
            border-bottom:1px dashed #c5c5c5;
            line-height:1.5;
            font-size:fz(16);
            font-weight:bold;

            @media screen and ( max-width: $w-760 ){
                border-bottom:1px solid #c5c5c5;
                font-size:fz(13);
            }
        }

        @media screen and ( max-width: $w-760 ){
            padding:0 10px 0 37px;
            border-radius:0 0 4px 4px;
            background-color:#f3f3f3;
            background-position:10px 1.3em;
            background-size:20px 20px;
            max-height:0;
            transition:max-height 0.5s ease-in-out;

            &.active{
                max-height:100em;
            }
        }
    }
}*/
/* -------------------------------------------------------------------

    Table Module

-------------------------------------------------------------------- */
/*  tbl-container
--------------------------------------- */
.tbl-container
{
    margin-bottom: 30px;
}
@media screen and (max-width: 760px)
{
    .tbl-container
    {
        overflow-x: scroll;

        margin-bottom: 20px;
    }
    .tbl-container::-webkit-scrollbar
    {
        height: 10px;
    }
    .tbl-container::-webkit-scrollbar-track
    {
        margin: 0 5px;

        border-radius: 10px;
        background: #f5f6f8;
    }
    .tbl-container::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        background: #c6c9d3;
    }
    .tbl-container .tbl-data-01
    {
        width: 220%;
        margin-bottom: 20px !important;
    }
    .tbl-container .tbl-data-01.sp-w-1122
    {
        width: 1122px;
    }
}
.tbl-container .tbl-data-01
{
    margin-bottom: 0;
}

/*  tbl-data-01
--------------------------------------- */
.tbl-data-01
{
    margin-bottom: 30px;

    table-layout: fixed;

    border: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .tbl-data-01
    {
        font-size: 86%;

        margin-bottom: 20px;

        table-layout: auto;
    }
}
.tbl-data-01.top thead th
{
    vertical-align: top;
}
.tbl-data-01.top tbody th,
.tbl-data-01.top tbody td
{
    vertical-align: top;
}
.tbl-data-01.center thead th
{
    text-align: center;
}
.tbl-data-01.center tbody th,
.tbl-data-01.center tbody td
{
    text-align: center;
}
.tbl-data-01.th-center thead th
{
    text-align: center;
}
.tbl-data-01.th-center tbody th
{
    text-align: center;
}
@media screen and (max-width: 760px)
{
    .tbl-data-01.sp-border-left-none tbody td
    {
        border-left: none !important;
    }
}
.tbl-data-01 thead th
{
    padding: 11px 17px 12px;

    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;

    border-bottom: 1px solid #c6c9d3;
    border-left: 1px solid #c6c9d3;
    background-color: #e1e3e9;
}
@media screen and (max-width: 760px)
{
    .tbl-data-01 thead th
    {
        padding: 6px 8px 7px;
    }
}
.tbl-data-01 tbody th
{
    padding: 11px 17px 12px;

    vertical-align: middle;
    word-wrap: break-word;

    border-bottom: 1px solid #c6c9d3;
    border-left: 1px solid #c6c9d3;
    background-color: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .tbl-data-01 tbody th
    {
        padding: 6px 8px 7px;
    }
}
.tbl-data-01 tbody td
{
    padding: 11px 17px 12px;

    vertical-align: middle;
    word-wrap: break-word;

    border-bottom: 1px solid #c6c9d3;
    border-left: 1px solid #c6c9d3;
    background-color: #fff;
}
@media screen and (max-width: 760px)
{
    .tbl-data-01 tbody td
    {
        padding: 6px 8px 7px;
    }
}
.tbl-data-01 .cell-color-01
{
    background-color: #e1e3e9;
}
@media screen and (max-width: 760px)
{
    .tbl-data-01 .sp-color-cell-01
    {
        background-color: #f5f6f8;
    }
}
.tbl-data-01 .em-cell-01
{
    background-color: #fffbe5;
}
.tbl-data-01 .em-cell-02
{
    background-color: #ffef99;
}
.tbl-data-01 .em-cell-03
{
    background-color: #ffd800;
}
.tbl-data-01 .em-cell-04
{
    font-weight: bold;

    color: #f91e1e;
    background-color: #fff4f4;
}
.tbl-data-01 .disabled
{
    color: #bbb;
    background-color: #f5f6f8;
}
.tbl-data-01 .tbl-title-01
{
    line-height: 1.5;

    margin-bottom: 10px;
}
.tbl-data-01 .lyt-image-02
{
    padding: 8px 0 8px 2px;
}
@media screen and (max-width: 760px)
{
    .tbl-data-01 .lyt-image-02
    {
        padding: 0;
    }
}
.tbl-data-01 .lyt-image-02 .image
{
    margin: 0 15px 0 0 !important;
}
@media screen and (max-width: 760px)
{
    .tbl-data-01 .lyt-image-02 .image
    {
        margin: 0 0 10px 0 !important;
    }
}
.tbl-data-01 .nav-btn-02
{
    margin-bottom: 0;
}
.tbl-data-01 .nav-btn-02 p
{
    margin-bottom: 0;
}
.tbl-data-01 .nav-btn-02 p a
{
    width: 100%;
}
@media screen and (max-width: 760px)
{
    .tbl-data-01.sp-col1
    {
        border-right: none !important;
        border-bottom: none;
    }
    .tbl-data-01.sp-col1 colgroup col
    {
        width: 100% !important;
    }
    .tbl-data-01.sp-col1 .sp-border-top
    {
        border-top: 1px solid #c6c9d3 !important;
    }
    .tbl-data-01.sp-col1 .sp-border-bottom-none
    {
        padding-bottom: 0;

        border-bottom: none !important;
    }
    .tbl-data-01.sp-col1 tbody th,
    .tbl-data-01.sp-col1 tbody td
    {
        display: list-item;

        box-sizing: border-box;
        width: 100% !important;

        list-style: none;

        border-right: 1px solid #c6c9d3 !important;
        border-left: none;
    }
    .tbl-data-01.sp-col1 tbody th .lyt-image-02,
    .tbl-data-01.sp-col1 tbody td .lyt-image-02
    {
        width: 100%;
    }
    .tbl-data-01.sp-col1 tbody th .lyt-image-02 .image,
    .tbl-data-01.sp-col1 tbody td .lyt-image-02 .image
    {
        margin-right: 15px !important;
        margin-bottom: 0 !important;
    }
}

/*  tbl-data-02
--------------------------------------- */
.tbl-data-02
{
    margin-bottom: 30px;

    border: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .tbl-data-02
    {
        font-size: 86%;

        margin-bottom: 20px;

        border-right: none;
        border-bottom: none;
        border-left: none;
    }
    .tbl-data-02 colgroup col
    {
        width: 100% !important;
    }
}
.tbl-data-02 tbody th
{
    padding: 11px 17px 12px;

    vertical-align: middle;
    word-wrap: break-word;

    border-bottom: 1px solid #c6c9d3;
    border-left: 1px solid #c6c9d3;
    background-color: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .tbl-data-02 tbody th
    {
        display: list-item;

        box-sizing: border-box;
        width: 100%;
        padding: 6px 8px 7px;

        list-style: none;

        border-right: 1px solid #c6c9d3;
    }
}
.tbl-data-02 tbody td
{
    padding: 11px 17px 12px;

    vertical-align: middle;
    word-wrap: break-word;

    border-bottom: 1px solid #c6c9d3;
    border-left: 1px solid #c6c9d3;
    background-color: #fff;
}
@media screen and (max-width: 760px)
{
    .tbl-data-02 tbody td
    {
        display: list-item;

        box-sizing: border-box;
        width: 100%;
        padding: 6px 8px 7px;

        list-style: none;

        border-right: 1px solid #c6c9d3;
    }
}
.tbl-data-02 tbody td.em-cell-01
{
    background-color: #fffbe5;
}
.tbl-data-02 tbody td.em-cell-02
{
    background-color: #ffef99;
}
.tbl-data-02 tbody td.em-cell-03
{
    background-color: #ffd800;
}

/* -------------------------------------------------------------------

    Layout Module

-------------------------------------------------------------------- */
/* lyt-main-visual-01
--------------------------------------- */
.lyt-main-visual-01
{
    position: relative;

    width: 100%;
}
.lyt-main-visual-01.bg-type-a
{
    background-color: #00b09f;
}
.lyt-main-visual-01.bg-type-b
{
    background-color: #ffda00;
}
.lyt-main-visual-01.bg-type-c
{
    background-color: #fff;
}
.lyt-main-visual-01 .lyt-main-visual-01-inner
{
    position: relative;

    overflow: hidden;

    box-sizing: border-box;
    width: 100%;
}
.lyt-main-visual-01 .lyt-main-visual-01-inner img
{
    width: 100%;
}
.lyt-main-visual-01 .lyt-main-visual-01-inner .setheight-img
{
    position: relative;
    z-index: -1;

    max-width: 1240px;
    margin: 0 auto;
}
.lyt-main-visual-01 .loader
{
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;

    overflow: hidden;
}
.lyt-main-visual-01 .loader.loader-type-a
{
    width: 118px;
    height: 47px;
    margin: -23px 0 0 -59px;

    -webkit-animation: sprite-loader-a 1.2s steps(25) forwards;

            animation: sprite-loader-a 1.2s steps(25) forwards;

    background: url('/assets/img/img/img_loader_01_a.png') no-repeat 0 0;
    background-size: 118px 1222px;
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-01 .loader.loader-type-a
    {
        width: 59px;
        height: 23px;
        margin: -11px 0 0 -30px;

        background: url('/assets/img/img/img_loader_01_a.png') no-repeat 0 0;
        background-size: 59px 611px;
    }
}

@-webkit-keyframes sprite-loader-a
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -1175px;
    }
}

@keyframes sprite-loader-a
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -1175px;
    }
}
@media screen and (max-width: 760px)
{
    @-webkit-keyframes sprite-loader-a
    {
        0%
        {
            background-position: 0 0;
        }
        100%
        {
            background-position: 0 -588px;
        }
    }
    @keyframes sprite-loader-a
    {
        0%
        {
            background-position: 0 0;
        }
        100%
        {
            background-position: 0 -588px;
        }
    }
}
.lyt-main-visual-01 .loader.loader-type-b
{
    width: 48px;
    height: 112px;
    margin: -56px 0 0 -24px;

    -webkit-animation: sprite-loader-b 1.2s steps(25) forwards;

            animation: sprite-loader-b 1.2s steps(25) forwards;

    background: url('/assets/img/img/img_loader_01_b.png') no-repeat 0 0;
    background-size: 48px 2912px;
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-01 .loader.loader-type-b
    {
        width: 24px;
        height: 56px;
        margin: -28px 0 0 -12px;

        background: url('/assets/img/img/img_loader_01_b.png') no-repeat 0 0;
        background-size: 24px 1456px;
    }
}

@-webkit-keyframes sprite-loader-b
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -2800px;
    }
}

@keyframes sprite-loader-b
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -2800px;
    }
}
@media screen and (max-width: 760px)
{
    @-webkit-keyframes sprite-loader-b
    {
        0%
        {
            background-position: 0 0;
        }
        100%
        {
            background-position: 0 -1400px;
        }
    }
    @keyframes sprite-loader-b
    {
        0%
        {
            background-position: 0 0;
        }
        100%
        {
            background-position: 0 -1400px;
        }
    }
}
.lyt-main-visual-01 .loader.loader-type-c
{
    width: 57px;
    height: 78px;
    margin: -39px 0 0 -28px;

    -webkit-animation: sprite-loader-c 1.2s steps(25) forwards;

            animation: sprite-loader-c 1.2s steps(25) forwards;

    background: url('/assets/img/img/img_loader_01_c.png') no-repeat 0 0;
    background-size: 57px 2028px;
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-01 .loader.loader-type-c
    {
        width: 29px;
        height: 39px;
        margin: -19px 0 0 -14px;

        background: url('/assets/img/img/img_loader_01_c.png') no-repeat 0 0;
        background-size: 28px 1014px;
    }
}

@-webkit-keyframes sprite-loader-c
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -1950px;
    }
}

@keyframes sprite-loader-c
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -1950px;
    }
}
@media screen and (max-width: 760px)
{
    @-webkit-keyframes sprite-loader-c
    {
        0%
        {
            background-position: 0 0;
        }
        100%
        {
            background-position: 0 -975px;
        }
    }
    @keyframes sprite-loader-c
    {
        0%
        {
            background-position: 0 0;
        }
        100%
        {
            background-position: 0 -975px;
        }
    }
}
.lyt-main-visual-01 .visual-list
{
    visibility: hidden;

    width: 100%;
}
.lyt-main-visual-01 .visual-list li
{
    position: absolute;

    width: 100%;
}
.lyt-main-visual-01 .visual-list li .li-inner
{
    position: relative;

    width: 100%;
}
.lyt-main-visual-01 .visual-list li .li-inner .text
{
    position: relative;
    z-index: 2;

    max-width: 1240px;
    margin: 0 auto;
}
.lyt-main-visual-01 .visual-list li .li-inner .text a
{
    display: block;
}
.lyt-main-visual-01 .visual-list li .li-inner .image
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
}
.lyt-main-visual-01 .thumbnail-list-container-01
{
    position: absolute;
    z-index: 1;
    bottom: 7.272727272727273%;
    left: 0;

    width: 100%;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-01 .thumbnail-list-container-01
    {
        z-index: -1;

        visibility: hidden;
    }
}
.lyt-main-visual-01 .thumbnail-list-container-01 .thumbnail-list-container-02
{
    position: relative;

    box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1112px;
    margin: 0 auto;
}
@media screen and (max-width: 1182px)
{
    .lyt-main-visual-01 .thumbnail-list-container-01 .thumbnail-list-container-02
    {
        margin: 0 30px;
    }
}
.lyt-main-visual-01 .thumbnail-list-container-01 .thumbnail-list-inner
{
    overflow: hidden;

    width: 452px;
    margin-left: 41px;
}
.lyt-main-visual-01 .thumbnail-list-container-01 .prev
{
    position: absolute;
    top: 13px;
    left: 0;

    width: 26px;
    height: 26px;

    cursor: pointer;

    background: url('/assets/img/btn/btn_prev_01.png') no-repeat 0 0;
    background-size: 26px 26px;
}
.lyt-main-visual-01 .thumbnail-list-container-01 .prev:active,
.lyt-main-visual-01 .thumbnail-list-container-01 .prev:hover,
.lyt-main-visual-01 .thumbnail-list-container-01 .prev:focus
{
    background: url('/assets/img/btn/btn_prev_01_o.png') no-repeat 0 0;
    background-size: 26px 26px;
}
.lyt-main-visual-01 .thumbnail-list-container-01 .next
{
    position: absolute;
    top: 13px;
    left: 506px;

    width: 26px;
    height: 26px;

    cursor: pointer;

    background: url('/assets/img/btn/btn_next_01.png') no-repeat 0 0;
    background-size: 26px 26px;
}
.lyt-main-visual-01 .thumbnail-list-container-01 .next:active,
.lyt-main-visual-01 .thumbnail-list-container-01 .next:hover,
.lyt-main-visual-01 .thumbnail-list-container-01 .next:focus
{
    background: url('/assets/img/btn/btn_next_01_o.png') no-repeat 0 0;
    background-size: 26px 26px;
}
.lyt-main-visual-01 .thumbnail-list-container-01 .thumbnail-list li
{
    float: left;

    margin: 0 10px 0 0;

    cursor: pointer;

    border: 2px solid transparent;
    border-radius: 6px;
}
.lyt-main-visual-01 .thumbnail-list-container-01 .thumbnail-list li img
{
    display: block;

    border-radius: 4px;
}
.lyt-main-visual-01 .thumbnail-list-container-01 .thumbnail-list li:active,
.lyt-main-visual-01 .thumbnail-list-container-01 .thumbnail-list li:hover,
.lyt-main-visual-01 .thumbnail-list-container-01 .thumbnail-list li:focus,
.lyt-main-visual-01 .thumbnail-list-container-01 .thumbnail-list li.current
{
    border: 2px solid #10af9e;
}
.lyt-main-visual-01 .thumbnail-list-sp-container
{
    z-index: -1;

    visibility: hidden;

    height: 0;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-01 .thumbnail-list-sp-container
    {
        z-index: 1;

        visibility: visible;

        height: 50px;

        background-color: #fff;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-01 .thumbnail-list-sp-container
    {
        height: 35px;
    }
}
.lyt-main-visual-01 .thumbnail-list-sp-container .thumbnail-list-sp
{
    padding-top: 20px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-01 .thumbnail-list-sp-container .thumbnail-list-sp
    {
        padding-top: 14px;
    }
}
.lyt-main-visual-01 .thumbnail-list-sp-container .thumbnail-list-sp li
{
    display: inline-block;

    width: 14px;
    height: 14px;
    margin: 0 28px;

    cursor: pointer;

    border-radius: 10px;
    background-color: #e1e3e9;
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-01 .thumbnail-list-sp-container .thumbnail-list-sp li
    {
        width: 7px;
        height: 7px;
        margin: 0 14px;
    }
}
.lyt-main-visual-01 .thumbnail-list-sp-container .thumbnail-list-sp li.current
{
    background-color: #10af9e;
}

/* lyt-main-visual-02
--------------------------------------- */
.lyt-main-visual-02
{
    position: relative;

    width: 100%;
    margin-bottom: 70px;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02
    {
        margin-bottom: 23px;

        border-bottom: 1px solid #d0d2db;
    }
}
.lyt-main-visual-02 .lyt-main-visual-02-inner
{
    position: relative;

    overflow: hidden;

    box-sizing: border-box;
    width: 100%;
    min-height: 400px;
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-02 .lyt-main-visual-02-inner
    {
        min-height: auto;
    }
}
.lyt-main-visual-02 .bg-figure
{
    position: relative;
    z-index: -1;

    width: 100%;
    max-height: 630px;
}
.lyt-main-visual-02 .bg-figure img
{
    width: 100%;
}
.lyt-main-visual-02 .box-detail
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: table;

    width: 100%;
    height: 100%;
}
.lyt-main-visual-02 .box-detail-wrap
{
    position: absolute;
    top: 0;
    right: 0;
    left: 15px;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1200px)
{
    .lyt-main-visual-02 .box-detail-wrap
    {
        left: 0;
    }
}
.lyt-main-visual-02 .box-detail-inner
{
    display: table-cell;

    max-width: 1185px;
    margin: 0 auto;
    padding: 0 30px;

    -webkit-transform-origin: left top;

            transform-origin: left top;
    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-02 .box-detail-inner
    {
        padding: 0 15px;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .box-detail .list-link-01
    {
        margin-bottom: 10px;
    }
}
.lyt-main-visual-02 .box-detail .list-link-01 a
{
    color: #fff;
}
.lyt-main-visual-02 .box-detail .list-link-01 li:before
{
    color: #fff;
}
.lyt-main-visual-02 .detail-caption
{
    font-size: 158%;
    font-weight: bold;

    vertical-align: baseline;

    color: #fff;
}
.lyt-main-visual-02 .detail-caption span
{
    font-size: 215%;

    vertical-align: baseline;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .detail-caption
    {
        font-size: 115%;
    }
    .lyt-main-visual-02 .detail-caption span
    {
        font-size: 215%;
    }
}
@media screen and (max-width: 550px)
{
    .lyt-main-visual-02 .detail-caption
    {
        font-size: 79%;
    }
    .lyt-main-visual-02 .detail-caption span
    {
        font-size: 215%;
    }
}
.lyt-main-visual-02 .detail-head
{
    font-size: 300%;
    font-weight: bold;
    line-height: 1.4;

    margin-bottom: 15px;

    color: #fff;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .detail-head
    {
        font-size: 229%;

        margin-bottom: 7px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-02 .detail-head
    {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 550px)
{
    .lyt-main-visual-02 .detail-head
    {
        font-size: 122%;

        margin-top: -5px;
        margin-bottom: 13px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-02 .detail-description
    {
        display: table;

        width: 100%;
    }
    .lyt-main-visual-02 .detail-description > div
    {
        display: table-cell;
    }
}
@media screen and (max-width: 550px)
{
    .lyt-main-visual-02 .detail-description
    {
        font-size: 72%;

        margin-bottom: 13px;
    }
}
.lyt-main-visual-02 .detail-description-01
{
    display: inline-block;
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-02 .detail-description-01
    {
        padding-right: 4px;
    }
}
.lyt-main-visual-02 .detail-description-01 .nav-btn-02 a
{
    font-size: 100%;
    line-height: 1.3;

    position: relative;

    box-sizing: border-box;

    text-align: center;
    vertical-align: middle;
    text-decoration: none;

    border: 1px solid #fff;
    border-radius: 10px;
}
.lyt-main-visual-02 .detail-description-01 .nav-btn-02 a span
{
    color: #fff;
}
.lyt-main-visual-02 .detail-description-01 .nav-btn-02 a:hover
{
    background: rgba(255, 255, 255, .2);
}
@media screen and (max-width: 850px)
{
    .lyt-main-visual-02 .detail-description-01 .nav-btn-02 a
    {
        width: 200px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-02 .detail-description-01 .nav-btn-02 a
    {
        display: block;

        width: 100%;
        max-width: 100%;
        padding: 14px 10px;

        -webkit-transition: all .2s ease 0s;
                transition: all .2s ease 0s;
    }
}
.lyt-main-visual-02 .detail-description-02
{
    display: inline-block;

    margin-left: 20px;
    padding-top: 1px;
}
@media screen and (max-width: 850px)
{
    .lyt-main-visual-02 .detail-description-02 a
    {
        width: 200px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-02 .detail-description-02
    {
        padding-left: 4px;
    }
    .lyt-main-visual-02 .detail-description-02 a
    {
        width: 100%;
    }
}
.lyt-main-visual-02 .detail-figure
{
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 30px;

    width: 410px;
    height: 410px;
    margin-top: -205px;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .detail-figure
    {
        width: 300px;
        height: 300px;
        margin-top: -150px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-main-visual-02 .detail-figure
    {
        display: none;
    }
}
.lyt-main-visual-02 .detail-figure .detail-figure-source
{
    position: absolute;
    right: 0;
    bottom: 0;

    overflow: hidden;

    width: 1px;
    height: 1px;
}
.lyt-main-visual-02 .box-visual > li
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background-position: 75% center;
    background-size: cover;
}
@media screen and (min-width: 1065px)
{
    .lyt-main-visual-02 .box-visual > li
    {
        height: 100% !important;
    }
}
.lyt-main-visual-02 .box-visual > li.current
{
    display: block;
}
.lyt-main-visual-02 .box-visual-source
{
    position: absolute;
    right: 0;
    bottom: 0;

    overflow: hidden;

    width: 1px;
    height: 1px;
    padding: 1px;
}
.lyt-main-visual-02 .box-news
{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    display: table;

    width: 100%;

    background: rgba(255, 255, 255, .85);
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .box-news
    {
        position: relative;
        bottom: auto;
        left: auto;

        display: block;

        box-sizing: border-box;
        padding: 15px 15px 0;

        background: none;
    }
}
.lyt-main-visual-02 .box-news-inner
{
    display: table-cell;

    height: 80px;
    padding: 0 20px;

    vertical-align: middle;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .box-news-inner
    {
        display: block;

        height: auto;
        padding: 0;
    }
}
.lyt-main-visual-02 .box-news-head
{
    font-weight: bold;

    display: table-cell;

    width: 80px;

    text-align: center;
    vertical-align: middle;

    background: #ffda00;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .box-news-head
    {
        font-size: 72%;

        position: absolute;

        display: block;

        width: 35px;
    }
}
.lyt-main-visual-02 .box-news-button
{
    display: table-cell;

    width: 255px;

    vertical-align: middle;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .box-news-button
    {
        display: block;

        width: auto;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .box-news-button .list-link-01
    {
        display: none;
    }
}
.lyt-main-visual-02 .box-news-button .list-link-01 .hamburger:before
{
    font-size: 12px;

    position: absolute;
    top: 8px;
    left: 0;

    vertical-align: middle;

    color: #20a898;
}
.lyt-main-visual-02 .box-news-button .list-link-01 .hamburger:focus:before,
.lyt-main-visual-02 .box-news-button .list-link-01 .hamburger:hover:before
{
    color: #14bfad;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .box-news-button .list-link-01 .hamburger:focus:before,
    .lyt-main-visual-02 .box-news-button .list-link-01 .hamburger:hover:before
    {
        color: #20a898;
    }
}
.lyt-main-visual-02 .box-news-button .nav-btn-02
{
    display: none;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .box-news-button .nav-btn-02
    {
        display: block;
    }
}
.lyt-main-visual-02 .box-news-button .nav-btn-02 .hamburger span
{
    position: relative;

    padding-left: 19px;
}
.lyt-main-visual-02 .box-news-button .nav-btn-02 .hamburger span:before
{
    font-size: 12px;

    position: absolute;
    top: 7px;
    left: 0;

    vertical-align: middle;

    color: #20a898;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .box-news-button .nav-btn-02 .hamburger span:before
    {
        top: 7px;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .box-news-button .nav-btn-02 .hamburger a
    {
        width: 100%;
    }
}
.lyt-main-visual-02 .box-news-button .nav-btn-02 .hamburger a:focus span:before,
.lyt-main-visual-02 .box-news-button .nav-btn-02 .hamburger a:hover span:before
{
    color: #20a898;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news
    {
        padding: 0;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news li:first-child a
    {
        padding-top: 0;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news li.sp-hide
    {
        display: none;
    }
}
.lyt-main-visual-02 .list-news li a
{
    display: block;

    padding: 10px 0 11px;

    -webkit-transition: color .2s ease 0s;

    transition: color .2s ease 0s;

    color: #333;
}
.lyt-main-visual-02 .list-news li a:active,
.lyt-main-visual-02 .list-news li a:hover,
.lyt-main-visual-02 .list-news li a:focus
{
    text-decoration: none;

    color: #14bfad;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news li a:active,
    .lyt-main-visual-02 .list-news li a:hover,
    .lyt-main-visual-02 .list-news li a:focus
    {
        color: #333;
    }
}
.lyt-main-visual-02 .list-news li a:active .text:before,
.lyt-main-visual-02 .list-news li a:hover .text:before,
.lyt-main-visual-02 .list-news li a:focus .text:before
{
    color: #14bfad;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news li a:active .text:before,
    .lyt-main-visual-02 .list-news li a:hover .text:before,
    .lyt-main-visual-02 .list-news li a:focus .text:before
    {
        color: #20a898;
    }
}
.lyt-main-visual-02 .list-news li a:active .text.pdf:before,
.lyt-main-visual-02 .list-news li a:hover .text.pdf:before,
.lyt-main-visual-02 .list-news li a:focus .text.pdf:before
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news li a:active .text.pdf:before,
    .lyt-main-visual-02 .list-news li a:hover .text.pdf:before,
    .lyt-main-visual-02 .list-news li a:focus .text.pdf:before
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.lyt-main-visual-02 .list-news li a:active .text-inner,
.lyt-main-visual-02 .list-news li a:hover .text-inner,
.lyt-main-visual-02 .list-news li a:focus .text-inner
{
    text-decoration: underline;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news li a:active .text-inner,
    .lyt-main-visual-02 .list-news li a:hover .text-inner,
    .lyt-main-visual-02 .list-news li a:focus .text-inner
    {
        text-decoration: none;
    }
}
.lyt-main-visual-02 .list-news .date
{
    float: left;

    box-sizing: border-box;
    width: 110px;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news .date
    {
        font-size: 86%;

        overflow: hidden;

        width: auto;
        margin-left: 40px;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news .inner
    {
        width: 100%;
        margin-bottom: 2px;
    }
    .lyt-main-visual-02 .list-news .inner:after
    {
        display: table;
        clear: both;

        content: '';
    }
}
.lyt-main-visual-02 .list-news .text
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-left: 39px;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news .text
    {
        padding-left: 19px;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news .text
    {
        overflow: inherit;

        padding-left: 19px;
    }
}
.lyt-main-visual-02 .list-news .text.link:before
{
    position: absolute;
    top: 7px;
    left: 20px;

    vertical-align: middle;

    color: #20a898;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news .text.link:before
    {
        left: 0;
    }
}
.lyt-main-visual-02 .list-news .text.external:before
{
    font-size: 12px;

    position: absolute;
    top: 8px;
    left: 20px;

    vertical-align: middle;

    color: #20a898;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news .text.external:before
    {
        left: 0;
    }
}
.lyt-main-visual-02 .list-news .text.pdf:before
{
    position: absolute;
    top: 6px;
    left: 20px;

    width: 11px;
    height: 13px;

    content: '';

    background: url('/assets/img/icon/icon_pdf_01.png') no-repeat 0 0;
    background-size: 11px 13px;
}
@media screen and (max-width: 1064px)
{
    .lyt-main-visual-02 .list-news .text.pdf:before
    {
        left: 0;
    }
}

/* lyt-main-visual-03
--------------------------------------- */
.lyt-mainvisual-03
{
    height: 550px;
    margin-bottom: 70px;

    background: url('/assets/img/bg/img_members_01_pc.png') no-repeat 50% 0;
    background-size: cover;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03
    {
        height: 217px;
        margin-bottom: 30px;

        background: url('/assets/img/bg/img_members_01_sp.png') no-repeat 50% 0;
        background-size: cover;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .title
{
    font-size: 300%;
    line-height: 1.3;

    margin-bottom: 32px;
    padding-top: 176px;

    text-align: center;

    color: #fff;
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .title img
{
    width: 586px;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .title img
    {
        width: 292px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .title
    {
        font-size: 136%;

        margin-bottom: 13px;
        padding-top: 63px;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list.btn-1 ul
{
    width: 258px;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list.btn-1 ul
    {
        width: 140px;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list.btn-1 ul li.btn-01
{
    margin-right: 0;
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul
{
    width: 546px;
    margin: 0 auto;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul
    {
        width: 290px;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li
{
    float: left;

    width: 258px;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li
    {
        font-size: 86%;

        width: 140px;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li .btn-link
{
    font-weight: bold;
    line-height: 1.3;

    display: block;

    box-sizing: border-box;
    width: 100%;
    padding: 16px 10px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;
    vertical-align: middle;

    border-radius: 10px;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li .btn-link
    {
        padding: 11px 5px;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li .btn-link:focus,
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li .btn-link:hover
{
    text-decoration: none;
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-01
{
    margin-right: 30px;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-01
    {
        margin-right: 10px;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-01 .btn-link
{
    color: #fff;
    background-color: #10af9e;
    box-shadow: 0 2px 0 0 #00655a;
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-01 .btn-link:active
{
    background-color: #129989 !important;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-01 .btn-link:active
    {
        background-color: #10af9e !important;
        box-shadow: 0 2px 0 0 #00655a !important;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-01 .btn-link:focus,
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-01 .btn-link:hover
{
    background-color: #19bbaa;
    box-shadow: none;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-01 .btn-link:focus,
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-01 .btn-link:hover
    {
        color: #fff;
        background-color: #10af9e;
        box-shadow: 0 2px 0 0 #00655a;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-02 .btn-link
{
    color: #333;
    background-color: #fcff00;
    box-shadow: 0 2px 0 0 #c7c900;
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-02 .btn-link:active
{
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-02 .btn-link:active
    {
        background-color: #fcff00 !important;
        box-shadow: 0 2px 0 0 #c7c900 !important;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-02 .btn-link:hover,
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-02 .btn-link:focus
{
    text-decoration: none;

    background-color: #ffda00;
    box-shadow: none;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-02 .btn-link:hover,
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .btn-list ul li.btn-02 .btn-link:focus
    {
        background-color: #fcff00;
        box-shadow: 0 2px 0 0 #c7c900;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-pc
{
    margin-top: 15px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-pc
    {
        display: none;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-pc p
{
    position: relative;

    display: inline-block;

    padding: 0 0 5px 19px;
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-pc p a
{
    color: #fff;
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-pc p:before
{
    position: absolute;
    top: 7px;
    left: -1px;

    vertical-align: middle;

    color: #fff;
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-sp
{
    font-size: 86%;

    display: none;

    margin-top: 15px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-sp
    {
        display: block;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-sp p
{
    position: relative;

    display: inline-block;

    padding: 0 0 5px 19px;
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-sp p a
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-sp p a:active,
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-sp p a:hover,
    .lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-sp p a:focus
    {
        text-decoration: none;
    }
}
.lyt-mainvisual-03 .lyt-mainvisual-03-inner .link-sp p:before
{
    position: absolute;
    top: 6px;
    left: -1px;

    vertical-align: middle;

    color: #fff;
}

/* lyt-recruit-top-01
--------------------------------------- */
.lyt-recruit-top-01
{
    position: relative;

    overflow: hidden;

    width: 100%;
    margin-bottom: 70px;
    /*.link-list{








        li{
            margin-right:2.67379679144385%;
            float:left;
            width:31.55080213903743%;



            &:last-child{
                margin-right:0;
            }

            a{
                border-radius:10px;
                box-sizing:border-box;
                display:block;
                opacity:0.9;
                width:100%;
                height:354px;
                background-color:#fff;
                transition:all 0.2s ease 0s;
                @extend .clearfix;

                @media screen and ( max-width: $w-1182 ){
                    height:293px;
                }

                @media screen and ( max-width: $w-1000 ){
                    height:230px;
                }




            }

            .image{
                margin-bottom:23px;
                padding-top:45px;
                text-align:center;

                @media screen and ( max-width: $w-1182 ){
                    margin-bottom:13px;
                    padding-top:40px;
                }

                @media screen and ( max-width: $w-1000 ){
                    margin-bottom:10px;
                    padding-top:25px;
                }



                img{
                    width:90px;

                    @media screen and ( max-width: $w-1182 ){
                        width:70px;
                    }

                    @media screen and ( max-width: $w-1000 ){
                        width:60px;
                    }

                    @media screen and ( max-width: $w-760 ){
                        width:100%;
                    }
                }
            }

            .title-02{
                margin-bottom:18px;
                color:$link-color;
                font-size:fz(30);
                transition:all 0.2s ease 0s;

                @media screen and ( max-width: $w-1182 ){
                    margin-bottom:13px;
                    font-size:fz(28);
                }

                @media screen and ( max-width: $w-1000 ){
                    margin-bottom:8px;
                    font-size:fz(23);
                }


            }


            .description{
                padding:0 20px;
                color:#333;
                text-align:center;
                transition:all 0.2s ease 0s;

                @media screen and ( max-width: $w-1182 ){
                    padding:0 15px;
                }


            }
        }
    }*/
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01
    {
        margin-bottom: 35px;
        padding-bottom: 20px;

        background-color: #e9eceb;
    }
}
.lyt-recruit-top-01 .lyt-recruit-top-01-inner
{
    position: relative;
    z-index: 3;

    max-width: 1182px;
    margin: 0 auto;
}
.lyt-recruit-top-01 .visual-list
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    width: 100%;
}
.lyt-recruit-top-01 .visual-list ul
{
    position: relative;
}
.lyt-recruit-top-01 .visual-list ul li
{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 100%;
}
.lyt-recruit-top-01 .visual-list ul li .li-inner
{
    position: relative;

    width: 100%;
}
.lyt-recruit-top-01 .visual-list ul li .li-inner figure
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;

    -webkit-transition: -webkit-transform 15s ease;

    transition: -webkit-transform 15s ease;

    transition: transform 15s ease;

    transition: transform 15s ease, -webkit-transform 15s ease;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
}
.lyt-recruit-top-01 .visual-list ul li .li-inner figure.scale
{
    -webkit-transform: scale(1.18);
            transform: scale(1.18);
}
.lyt-recruit-top-01 .visual-list ul li.current
{
    z-index: 1;
}
.lyt-recruit-top-01 .visual-list ul li img
{
    display: block;

    width: 100%;
}
.lyt-recruit-top-01 .title-01
{
    font-size: 243%;
    font-weight: bold;

    position: absolute;
    z-index: 3;
    top: 90px;
    left: 50%;

    margin-left: -70px;

    color: #fff;
}
@media screen and (max-width: 1000px)
{
    .lyt-recruit-top-01 .title-01
    {
        font-size: 200%;

        top: 50px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .title-01
    {
        font-size: 158%;

        position: static;
        top: 0;
        left: 0;

        width: 100%;
        margin: 52px 0 52px 0;

        text-align: center;
    }
}
.lyt-recruit-top-01 .link-list
{
    position: absolute;
    z-index: 2;
    top: 232px;
    left: 0;

    box-sizing: border-box;
    width: 100%;
    padding: 0 30px;
}
@media screen and (max-width: 1182px)
{
    .lyt-recruit-top-01 .link-list
    {
        top: 180px;
        left: 50%;

        width: 930px;
        margin-left: -465px;
        padding: 0;
    }
}
@media screen and (max-width: 1000px)
{
    .lyt-recruit-top-01 .link-list
    {
        top: 130px;

        width: 730px;
        margin-left: -365px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .link-list
    {
        position: static;
        top: 0;
        left: 0;

        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 0 15px;
    }
}
.lyt-recruit-top-01 .link-list li
{
    float: left;

    width: 48.66310160427807%;
    margin-right: 2.67379679144385%;
    margin-bottom: 30px;
}
.lyt-recruit-top-01 .link-list li:nth-child(2n)
{
    margin-right: 0;
}
@media screen and (max-width: 1000px)
{
    .lyt-recruit-top-01 .link-list li
    {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .link-list li
    {
        float: none;

        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
}
.lyt-recruit-top-01 .link-list a
{
    display: block;

    box-sizing: border-box;
    width: 100%;
    height: 182px;
    padding: 0 15px 0 46px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    opacity: .9;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    border-radius: 10px;
    background-color: #fff;
}
@media screen and (max-width: 1182px)
{
    .lyt-recruit-top-01 .link-list a
    {
        height: 130px;
        padding: 0 20px 0 23px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .link-list a
    {
        height: auto;
        padding: 15px 15px 15px;
    }
}
.lyt-recruit-top-01 .link-list a:hover
{
    text-decoration: none;

    background-color: #20a898;
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .link-list a:hover
    {
        background-color: #fff;
    }
}
.lyt-recruit-top-01 .link-list a:hover .title-02
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .link-list a:hover .title-02
    {
        color: #009a8b;
    }
}
.lyt-recruit-top-01 .link-list a:hover .description
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .link-list a:hover .description
    {
        color: #333;
    }
}
.lyt-recruit-top-01 .link-list a .image
{
    float: left;

    width: 88px;
    margin: 38px 35px 0 0;
}
@media screen and (max-width: 1182px)
{
    .lyt-recruit-top-01 .link-list a .image
    {
        width: 70px;
        margin: 20px 17px 0 0;
    }
}
@media screen and (max-width: 1000px)
{
    .lyt-recruit-top-01 .link-list a .image
    {
        width: 60px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .link-list a .image
    {
        float: left;

        width: 13%;
        margin: 12px 25px 0 10px;
        padding: 0;
    }
}
.lyt-recruit-top-01 .link-list a .image img
{
    width: 100%;
}
.lyt-recruit-top-01 .link-list a .text
{
    overflow: hidden;
}
.lyt-recruit-top-01 .link-list a .title-02
{
    font-size: 215%;
    font-weight: bold;

    margin-top: 35px;
    margin-bottom: 11px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    color: #009a8b;
}
.lyt-recruit-top-01 .link-list a .title-02.type-02
{
    font-size: 172%;
    line-height: 1.3;
}
@media screen and (max-width: 1000px)
{
    .lyt-recruit-top-01 .link-list a .title-02.type-02
    {
        font-size: 143%;

        margin-bottom: 5px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .link-list a .title-02.type-02
    {
        font-size: 115%;
    }
}
@media screen and (max-width: 1182px)
{
    .lyt-recruit-top-01 .link-list a .title-02
    {
        font-size: 172%;

        margin-top: 20px;
    }
}
@media screen and (max-width: 1000px)
{
    .lyt-recruit-top-01 .link-list a .title-02
    {
        font-size: 143%;

        margin-bottom: 5px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .link-list a .title-02
    {
        font-size: 115%;
        font-weight: bold;

        margin-top: 0;
        margin-bottom: 5px;

        text-align: left;
    }
}
.lyt-recruit-top-01 .link-list a .description
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    color: #333;
}
@media screen and (max-width: 1182px)
{
    .lyt-recruit-top-01 .link-list a .description
    {
        font-size: 86%;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .link-list a .description
    {
        padding: 0;

        text-align: left;
    }
}
@media screen and (max-width: 374px)
{
    .lyt-recruit-top-01 .link-list a .description
    {
        font-size: 79%;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-recruit-top-01 .setheight-img
    {
        display: none;
    }
}
.lyt-recruit-top-01 .setheight-img img
{
    width: 100%;
}

/* lyt-services-01
--------------------------------------- */
.lyt-services-01
{
    color: #fff;
    background-color: #10af9e;
}
.lyt-services-01 .lyt-services-01-inner
{
    max-width: 1122px;
    height: 160px;
    margin: 0 auto;
    padding: 0 30px;
}
@media screen and (max-width: 1182px)
{
    .lyt-services-01 .lyt-services-01-inner
    {
        height: auto;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-services-01 .lyt-services-01-inner
    {
        padding: 0 15px;
    }
}
.lyt-services-01 .lyt-services-01-inner .service-text
{
    font-size: 115%;
    line-height: 1.6;

    float: left;

    width: 54%;
    padding-top: 26px;
}
@media screen and (max-width: 1182px)
{
    .lyt-services-01 .lyt-services-01-inner .service-text
    {
        font-size: 129%;

        float: none;

        width: 100%;

        text-align: center;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-services-01 .lyt-services-01-inner .service-text
    {
        font-size: 100%;

        padding-top: 16px;

        text-align: left;
    }
}
.lyt-services-01 .lyt-services-01-inner .service-text span
{
    font-size: 12px;

    display: block;

    margin-top: 5px;
}
.lyt-services-01 .lyt-services-01-inner .service-list
{
    float: right;

    width: 481px;
    padding-top: 28px;
}
@media screen and (max-width: 1182px)
{
    .lyt-services-01 .lyt-services-01-inner .service-list
    {
        float: none;

        width: 525px;
        margin: 0 auto;
        padding: 26px 0 14px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-services-01 .lyt-services-01-inner .service-list
    {
        width: 100%;
        padding: 14px 0 20px;
    }
}
.lyt-services-01 .lyt-services-01-inner .service-list li
{
    line-height: 1.4;

    position: relative;

    float: left;

    box-sizing: border-box;
    width: 160px;
    height: 60px;
    padding: 10px 0 0 55px;
}
@media screen and (max-width: 1182px)
{
    .lyt-services-01 .lyt-services-01-inner .service-list li
    {
        width: 175px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-services-01 .lyt-services-01-inner .service-list li
    {
        font-size: 72%;

        width: 33.33333333333333%;
        height: auto;
        padding: 8px 0 6px 31px;
    }
}
.lyt-services-01 .lyt-services-01-inner .service-list li:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 45px;
    height: 45px;

    content: '';
}
@media screen and (max-width: 760px)
{
    .lyt-services-01 .lyt-services-01-inner .service-list li:before
    {
        top: 5px;

        width: 25px;
        height: 25px;
    }
}
.lyt-services-01 .lyt-services-01-inner .service-list li.service-01:before
{
    background: url('/assets/img/icon/icon_services_01.png') no-repeat 0 0;
    background-size: 45px 45px;
}
.lyt-services-01 .lyt-services-01-inner .service-list li.service-02:before
{
    background: url('/assets/img/icon/icon_services_02.png') no-repeat 0 0;
    background-size: 45px 45px;
}
.lyt-services-01 .lyt-services-01-inner .service-list li.service-03:before
{
    background: url('/assets/img/icon/icon_services_03.png') no-repeat 0 0;
    background-size: 45px 45px;
}
.lyt-services-01 .lyt-services-01-inner .service-list li.service-04:before
{
    background: url('/assets/img/icon/icon_services_04.png') no-repeat 0 0;
    background-size: 45px 45px;
}
.lyt-services-01 .lyt-services-01-inner .service-list li.service-05:before
{
    background: url('/assets/img/icon/icon_services_05.png') no-repeat 0 0;
    background-size: 45px 45px;
}
.lyt-services-01 .lyt-services-01-inner .service-list li.service-06:before
{
    background: url('/assets/img/icon/icon_services_06.png') no-repeat 0 0;
    background-size: 45px 45px;
}
@media screen and (max-width: 760px)
{
    .lyt-services-01 .lyt-services-01-inner .service-list li.service-01:before
    {
        background: url('/assets/img/icon/icon_services_01.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
    .lyt-services-01 .lyt-services-01-inner .service-list li.service-02:before
    {
        background: url('/assets/img/icon/icon_services_02.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
    .lyt-services-01 .lyt-services-01-inner .service-list li.service-03:before
    {
        background: url('/assets/img/icon/icon_services_03.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
    .lyt-services-01 .lyt-services-01-inner .service-list li.service-04:before
    {
        background: url('/assets/img/icon/icon_services_04.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
    .lyt-services-01 .lyt-services-01-inner .service-list li.service-05:before
    {
        background: url('/assets/img/icon/icon_services_05.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
    .lyt-services-01 .lyt-services-01-inner .service-list li.service-06:before
    {
        background: url('/assets/img/icon/icon_services_06.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
}
.lyt-services-01 .lyt-services-01-inner .service-list li.disabled
{
    color: #63cbc0;
}
.lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-01:before
{
    background: url('/assets/img/icon/icon_services_01_disabled.png') no-repeat 0 0;
    background-size: 45px 45px;
}
.lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-02:before
{
    background: url('/assets/img/icon/icon_services_02_disabled.png') no-repeat 0 0;
    background-size: 45px 45px;
}
.lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-03:before
{
    background: url('/assets/img/icon/icon_services_03_disabled.png') no-repeat 0 0;
    background-size: 45px 45px;
}
.lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-04:before
{
    background: url('/assets/img/icon/icon_services_04_disabled.png') no-repeat 0 0;
    background-size: 45px 45px;
}
.lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-05:before
{
    background: url('/assets/img/icon/icon_services_05_disabled.png') no-repeat 0 0;
    background-size: 45px 45px;
}
.lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-06:before
{
    background: url('/assets/img/icon/icon_services_06_disabled.png') no-repeat 0 0;
    background-size: 45px 45px;
}
@media screen and (max-width: 760px)
{
    .lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-01:before
    {
        background: url('/assets/img/icon/icon_services_01_disabled.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
    .lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-02:before
    {
        background: url('/assets/img/icon/icon_services_02_disabled.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
    .lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-03:before
    {
        background: url('/assets/img/icon/icon_services_03_disabled.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
    .lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-04:before
    {
        background: url('/assets/img/icon/icon_services_04_disabled.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
    .lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-05:before
    {
        background: url('/assets/img/icon/icon_services_05_disabled.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
    .lyt-services-01 .lyt-services-01-inner .service-list li.disabled.service-06:before
    {
        background: url('/assets/img/icon/icon_services_06_disabled.png') no-repeat 0 0;
        background-size: 25px 25px;
    }
}
.lyt-services-01 .lyt-services-01-inner .service-list li .small-text
{
    font-size: 86%;

    display: block;
}

/* lyt-contact-top-01
--------------------------------------- */
.lyt-contact-top-01
{
    margin-bottom: 78px;

    background-color: #10af9e;
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01
    {
        margin-bottom: 20px;
    }
}
.lyt-contact-top-01 .lyt-contact-top-01-inner
{
    box-sizing: border-box;
    max-width: 1182px;
    margin: 0 auto;
    padding: 20px 30px;
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .lyt-contact-top-01-inner
    {
        padding: 20px 15px;
    }
}
.lyt-contact-top-01 .column-L
{
    float: left;

    box-sizing: border-box;
    width: 70.17857142857143%;
    padding-right: 15px;

    border-right: 1px solid #88d7cf;
}
@media screen and (max-width: 1000px)
{
    .lyt-contact-top-01 .column-L
    {
        width: 68.17857142857143%;
        padding-right: 10px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .column-L
    {
        float: none;

        width: 100%;
        margin-bottom: 15px;
        padding: 0 0 11px;

        border-right: none;
        border-bottom: 1px solid #88d7cf;
    }
}
.lyt-contact-top-01 .column-R
{
    float: left;

    box-sizing: border-box;
    width: 29.82142857142857%;
    padding-left: 15px;
}
@media screen and (max-width: 1000px)
{
    .lyt-contact-top-01 .column-R
    {
        width: 31.82142857142857%;
        padding-left: 10px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .column-R
    {
        float: none;

        width: 100%;
        padding: 0;
    }
}
.lyt-contact-top-01 .column-R .title
{
    text-align: center;
}
@media screen and (max-width: 960px)
{
    .lyt-contact-top-01 .column-R .title
    {
        font-size: 86%;

        margin-bottom: 15px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .column-R .title
    {
        font-size: 100%;

        margin-bottom: 10px;

        text-align: left;
    }
}
.lyt-contact-top-01 .title
{
    font-size: 115%;

    margin-bottom: 10px;
    padding-top: 6px;

    color: #fff;
}
@media screen and (max-width: 1064px)
{
    .lyt-contact-top-01 .title
    {
        font-size: 100%;

        padding-top: 0;
    }
}
.lyt-contact-top-01 .search-area
{
    float: left;

    box-sizing: border-box;
    width: 59.74025974025974%;
}
@media screen and (max-width: 1000px)
{
    .lyt-contact-top-01 .search-area
    {
        float: none;

        width: 100%;
    }
}
.lyt-contact-top-01 .search-area .input-text
{
    font-size: 86%;

    box-sizing: border-box;
    width: 62.60869565217391%;
    height: 40px;
    margin-right: 2.222222222222222%;
    padding: 0 40px 0 20px;

    border: none;
    border-radius: 20px;
    background: #fff url('/assets/img/icon/icon_search_02.png') no-repeat 95% 12px;
    background-size: 17px 17px;
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .search-area .input-text
    {
        font-size: 72%;

        padding: 0 30px 0 10px;

        background-position: 95% 13px;
        background-size: 15px 15px;
    }
}
.lyt-contact-top-01 .search-area .submit
{
    font-size: 100%;
    font-weight: bold;

    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 34.78260869565217%;
    padding: 9px 0 9px;

    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;
    vertical-align: middle;

    color: #333;
    border: none;
    border-radius: 8px;
    background-color: #ffda00;
    box-shadow: 0 2px 0 0 #c29200;

    -webkit-appearance: none;
}
.lyt-contact-top-01 .search-area .submit:active
{
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .search-area .submit:active
    {
        box-shadow: 0 2px 0 0 #c29200 !important;
    }
}
.lyt-contact-top-01 .search-area .submit:hover,
.lyt-contact-top-01 .search-area .submit:focus
{
    background-color: #ffc600;
    box-shadow: none;
}
@media screen and (max-width: 1064px)
{
    .lyt-contact-top-01 .search-area .submit
    {
        font-size: 86%;
    }
}
@media screen and (max-width: 1000px)
{
    .lyt-contact-top-01 .search-area .submit
    {
        width: 150px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .search-area .submit
    {
        width: 33.33333333333333%;
    }
    .lyt-contact-top-01 .search-area .submit:active,
    .lyt-contact-top-01 .search-area .submit:hover,
    .lyt-contact-top-01 .search-area .submit:focus
    {
        background-color: #ffda00;
        box-shadow: 0 2px 0 0 #c29200;
    }
}
.lyt-contact-top-01 .pc-form
{
    display: block;
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .pc-form
    {
        display: none;
    }
}
.lyt-contact-top-01 .sp-form
{
    display: none;
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .sp-form
    {
        display: block;
    }
}
.lyt-contact-top-01 .list-link
{
    float: right;

    box-sizing: border-box;
    width: 40.25974025974026%;
    margin: -6px 0 8px 0;
}
@media screen and (max-width: 1064px)
{
    .lyt-contact-top-01 .list-link
    {
        font-size: 86%;

        margin: -3px 0 5px 0;
    }
}
@media screen and (max-width: 1000px)
{
    .lyt-contact-top-01 .list-link
    {
        float: none;

        width: 100%;
        margin: 10px 0 0 0;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .list-link
    {
        font-size: 79%;
    }
}
.lyt-contact-top-01 .list-link li
{
    padding-left: 9.2%;
}
@media screen and (max-width: 1000px)
{
    .lyt-contact-top-01 .list-link li
    {
        float: left;

        margin-right: 20px;
        padding-left: 0;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .list-link li
    {
        margin-right: 8px;
    }
}
.lyt-contact-top-01 .list-link li a
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    color: #fff;
}
.lyt-contact-top-01 .list-link li a:active,
.lyt-contact-top-01 .list-link li a:hover,
.lyt-contact-top-01 .list-link li a:focus
{
    text-decoration: none;
}
.lyt-contact-top-01 .list-link li a:active span,
.lyt-contact-top-01 .list-link li a:hover span,
.lyt-contact-top-01 .list-link li a:focus span
{
    text-decoration: underline;
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .list-link li a:active span,
    .lyt-contact-top-01 .list-link li a:hover span,
    .lyt-contact-top-01 .list-link li a:focus span
    {
        text-decoration: none;
    }
}
.lyt-contact-top-01 .list-link li a:before
{
    font-size: 12px;

    position: relative;
    top: 0;

    padding-right: 8px;

    vertical-align: middle;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .list-link li a:before
    {
        padding-right: 4px;
    }
}
.lyt-contact-top-01 .btn-01
{
    text-align: center;
}
.lyt-contact-top-01 .btn-01 a
{
    font-weight: bold;

    position: relative;

    display: inline-block;

    width: 160px;
    padding: 7px 0;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;
    vertical-align: middle;

    color: #333;
    border-radius: 8px;
    background-color: #ffda00;
    box-shadow: 0 2px 0 0 #c29200;
}
.lyt-contact-top-01 .btn-01 a:active
{
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .btn-01 a:active
    {
        box-shadow: 0 2px 0 0 #c29200 !important;
    }
}
.lyt-contact-top-01 .btn-01 a:hover,
.lyt-contact-top-01 .btn-01 a:focus
{
    text-decoration: none;

    background-color: #ffc600;
    box-shadow: none;
}
@media screen and (max-width: 1064px)
{
    .lyt-contact-top-01 .btn-01 a
    {
        font-size: 86%;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-contact-top-01 .btn-01 a
    {
        font-size: 93%;

        width: 100%;
    }
    .lyt-contact-top-01 .btn-01 a:active,
    .lyt-contact-top-01 .btn-01 a:hover,
    .lyt-contact-top-01 .btn-01 a:focus
    {
        background-color: #ffda00;
        box-shadow: 0 2px 0 0 #c29200;
    }
}

/*  lyt-members-01
--------------------------------------- */
.lyt-members-01
{
    position: relative;

    box-sizing: border-box;
    width: 100%;
    margin: 0 0 15px;
    padding: 99px 0 76px;

    background: url('/assets/img//bg/bg_lyt-members-01_btm_pc.png') no-repeat 50% 100%;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01
    {
        margin: 58px 0 7px;
        padding: 22px 0 38px;

        background: url('/assets/img//bg/bg_lyt-members-01_btm_sp.png') no-repeat 50% 100%;
        background-size: 320px 40px;
    }
}
.lyt-members-01.type-02
{
    margin-bottom: 0;
    padding-bottom: 0;

    background: none;
}
.lyt-members-01 .block-head
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    width: 100%;
    height: 171px;

    background: url('/assets/img//bg/bg_lyt-members-01_top_pc.png') no-repeat 50% 0;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .block-head
    {
        height: 93px;

        background: url('/assets/img//bg/bg_lyt-members-01_top_sp.png') no-repeat 50% 0;
        background-size: 320px 93px;
    }
}
.lyt-members-01 .lyt-members-01-inner
{
    position: relative;
    z-index: 2;

    padding: 116px 30px 45px;

    background-color: #575a5f;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .lyt-members-01-inner
    {
        padding: 86px 15px 30px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .lyt-members-01-inner.pt-change-01
    {
        padding-top: 110px;
    }
}
.lyt-members-01 .title-01
{
    font-size: 229%;

    margin-bottom: 33px;

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 960px)
{
    .lyt-members-01 .title-01
    {
        font-size: 186%;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .title-01
    {
        font-size: 143%;

        margin-bottom: 30px;
    }
    .lyt-members-01 .title-01 span
    {
        font-size: 72%;

        display: block;
    }
}
.lyt-members-01 .title-03
{
    font-size: 158%;

    margin-bottom: 15px;

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .title-03
    {
        font-size: 129%;
        line-height: 1.3;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .title-03 .sp-small
    {
        font-size: 79%;
    }
}
.lyt-members-01 .list-link-01.center li:before
{
    color: #fff;
}
.lyt-members-01 .list-link-01.center li a
{
    color: #fff;
}
.lyt-members-01 .nav-btn-03
{
    width: 354px;
    margin: 0 auto 8px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .nav-btn-03
    {
        width: 100%;
    }
}
.lyt-members-01 .nav-btn-03.type-01 a
{
    padding: 13px 10px 12px;
}
.lyt-members-01 .nav-btn-03.type-01 a span:before
{
    display: none;
}
.lyt-members-01 .doc-support
{
    position: relative;

    width: 354px;
    margin: 14px auto 25px;
    padding: 5px 0;

    text-align: center;

    color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .doc-support
    {
        font-size: 79%;

        width: 100%;
    }
}
.lyt-members-01 .doc-support:before
{
    position: absolute;
    top: -7px;
    left: 50%;

    width: 14px;
    height: 8px;
    margin-left: -7px;

    content: '';

    background: url('/assets/img/bg/bg_doc-support.gif') no-repeat 0 0;
    background-size: 14px 8px;
}
.lyt-members-01 .btn-description
{
    font-size: 115%;

    margin-bottom: 10px;

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 960px)
{
    .lyt-members-01 .btn-description
    {
        font-size: 86%;
    }
}
.lyt-members-01 .list-members
{
    max-width: 1122px;
    margin: 0 auto 12px;
}
.lyt-members-01 .list-members a
{
    display: block;
}
.lyt-members-01 .list-members a:active,
.lyt-members-01 .list-members a:hover,
.lyt-members-01 .list-members a:focus
{
    text-decoration: none;
}
.lyt-members-01 .list-members a:active .image,
.lyt-members-01 .list-members a:hover .image,
.lyt-members-01 .list-members a:focus .image
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .list-members a:active .image,
    .lyt-members-01 .list-members a:hover .image,
    .lyt-members-01 .list-members a:focus .image
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.lyt-members-01 .list-members a:active .title-02 span,
.lyt-members-01 .list-members a:hover .title-02 span,
.lyt-members-01 .list-members a:focus .title-02 span
{
    text-decoration: underline;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .list-members a:active .title-02 span,
    .lyt-members-01 .list-members a:hover .title-02 span,
    .lyt-members-01 .list-members a:focus .title-02 span
    {
        text-decoration: none;
    }
}
.lyt-members-01 .list-members .column
{
    float: left;

    box-sizing: border-box;
    width: 50%;
    padding: 30px 30px 30px 0;
}
@media screen and (max-width: 960px)
{
    .lyt-members-01 .list-members .column
    {
        padding: 15px 30px 15px 0;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .list-members .column
    {
        float: none;

        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }
}
.lyt-members-01 .list-members .column .image
{
    position: relative;

    float: left;

    width: 32.07547169811321%;
    margin-right: 20px;

    -webkit-transition: all .5s ease 0s;

    transition: all .5s ease 0s;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .list-members .column .image
    {
        width: 27.93103448275862%;
        margin-right: 12px;
    }
}
.lyt-members-01 .list-members .column .image .img
{
    width: 100%;
}
.lyt-members-01 .list-members .column .image .icon
{
    position: absolute;
    top: -20px;
    left: -20px;

    width: 35.2941%;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .list-members .column .image .icon
    {
        top: -15px;
        left: -15px;

        width: 48%;
    }
}
.lyt-members-01 .list-members .column .text
{
    overflow: hidden;

    padding-top: 5px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .list-members .column .text
    {
        padding-top: 0;
    }
}
.lyt-members-01 .list-members .column .text .category
{
    font-size: 86%;

    margin-bottom: 1px;

    color: #adadad;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .list-members .column .text .category
    {
        font-size: 65%;
    }
}
.lyt-members-01 .list-members .column .text .title-02
{
    font-size: 158%;

    margin-bottom: 14px;

    color: #fff;
}
.lyt-members-01 .list-members .column .text .title-02 span
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    border-bottom: 1px solid transparent;
}
@media screen and (max-width: 960px)
{
    .lyt-members-01 .list-members .column .text .title-02
    {
        font-size: 115%;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .list-members .column .text .title-02
    {
        font-size: 100%;

        margin-bottom: 4px;
    }
}
.lyt-members-01 .list-members .column .text .description
{
    line-height: 1.6;

    color: #adadad;
}
@media screen and (max-width: 960px)
{
    .lyt-members-01 .list-members .column .text .description
    {
        font-size: 86%;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-01 .list-members .column .text .description
    {
        font-size: 79%;
    }
}
.lyt-members-01.type-03
{
    background-image: url(/assets/img/bg/bg_lyt-members-01_bg_animation_pc.png);
    background-position: 50% 97%;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03
    {
        background-image: url(/assets/img/bg/bg_lyt-members-01_bg_animation_sp.png);
        background-repeat: no-repeat;
        background-position: 50% 97.5%;
        background-size: contain;
    }
}
@media screen and (max-width: 660px)
{
    .lyt-members-01.type-03
    {
        background-position: 50% 97.2%;
    }
}
@media screen and (max-width: 550px)
{
    .lyt-members-01.type-03
    {
        background-position: 50% 96.8%;
    }
}
@media screen and (max-width: 374px)
{
    .lyt-members-01.type-03
    {
        background-position: 50% 96.7%;
    }
}
.lyt-members-01.type-03 .block-head
{
    top: 45px; 

    background-image: url(/assets/img/bg/bg_lyt-members-01_top_animation_pc.png);
    background-position: 50% 37%;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .block-head
    {
        top: -5px; 

        background-image: url(/assets/img/bg/bg_lyt-members-01_top_animation_sp.png);
        background-repeat: no-repeat;
        background-position: 50% 23%;
        background-size: contain;
    }
}
.lyt-members-01.type-03 .animation-top-parts-01
{
    position: absolute;
    z-index: 3; 
    top: 20px;
    right: 0;
    left: 0;

    width: 80px;
    height: 80px;
    margin: auto;

    background: url(/assets/img/icon/icon_cat_animation_parts_01.png) no-repeat 0 0;
    background-size: 79.5px 80.5px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-parts-01
    {
        top: -50px;
    }
}
.lyt-members-01.type-03 .animation-top-00
{
    position: absolute;
    z-index: 3; 
    top: 70px;
    right: 0;
    left: 0;

    width: 130px;
    height: 65px;
    margin: auto;

    background-image: url(/assets/img/icon/icon_cat_animation_00.png);
    background-size: 130px 9035px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-00
    {
        top: 0;
    }
}
.lyt-members-01.type-03 .animation-top-01
{
    position: absolute;
    z-index: 3; 
    top: 70px;
    right: 0;
    left: 0;

    width: 130px;
    height: 65px;
    margin: auto;

    background-image: url(/assets/img/icon/icon_cat_animation_01.png);
    background-size: 130px 9035px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-01
    {
        top: 0;
    }
}
.lyt-members-01.type-03 .animation-top-02
{
    position: absolute;
    z-index: 3; 
    top: 70px;
    right: 0;
    left: 0;

    width: 130px;
    height: 90px;
    margin: auto;

    background-image: url(/assets/img/icon/icon_cat_animation_02.png);
    background-size: 130px 12510px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-02
    {
        top: 0;
    }
}
.lyt-members-01.type-03 .animation-top-03
{
    position: absolute;
    z-index: 3; 
    top: -3px;
    right: 0;
    left: 0;

    width: 315px;
    height: 160px;
    margin: auto;

    background-image: url(/assets/img/icon/icon_cat_animation_03_1.png);
    background-size: 315px 14400px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-03
    {
        top: -73px;
    }
}
.lyt-members-01.type-03 .animation-top-03-1
{
    position: absolute;
    z-index: 3; 
    top: -3px;
    right: 0;
    left: 0;

    width: 315px;
    height: 160px;
    margin: auto;

    background-image: url(/assets/img/icon/icon_cat_animation_03_1.png);
    background-size: 315px 14400px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-03-1
    {
        top: -73px;
    }
}
.lyt-members-01.type-03 .animation-top-04
{
    position: absolute;
    z-index: 3; 
    top: 20px;
    left: 50%;

    width: 180px;
    height: 116px;
    margin: auto;
    margin-left: -69px;

    background-image: url(/assets/img/icon/icon_cat_animation_04.png);
    background-size: 180px 14268px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-04
    {
        top: -52px;
    }
}
.lyt-members-01.type-03 .animation-top-05
{
    position: absolute;
    z-index: 3; 
    top: 46px;
    right: 0;
    left: 0;

    width: 287px;
    height: 142px;
    margin: auto;

    background-image: url(/assets/img/icon/icon_cat_animation_05.png);
    background-size: 287px 14342px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-05
    {
        top: -23px;
    }
}
.lyt-members-01.type-03 .animation-top-06
{
    position: absolute;
    z-index: 3; 
    top: 72px;
    right: 0;
    left: 0;

    width: 300px;
    height: 105px;
    margin: auto;

    background-image: url(/assets/img/icon/icon_cat_animation_06.png);
    background-size: 300px 12705px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-06
    {
        top: 0;
    }
}
.lyt-members-01.type-03 .animation-top-07
{
    position: absolute;
    z-index: 3; 
    top: 20px;
    right: 0;
    left: 0;

    width: 128px;
    height: 112px;
    margin: auto;

    background-image: url(/assets/img/icon/icon_cat_animation_07.png);
    background-size: 128px 11312px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-07
    {
        top: -52px;
    }
}
.lyt-members-01.type-03 .animation-top-08
{
    position: absolute;
    z-index: 3; 
    top: 38px;
    right: 0;
    left: 0;

    width: 140px;
    height: 96px;
    margin: auto;

    background-image: url(/assets/img/icon/icon_cat_animation_08.png);
    background-size: 140px 11520px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-08
    {
        top: -36px;
    }
}
.lyt-members-01.type-03 .animation-top08-img_01
{
    position: absolute;
    z-index: 3; 
    top: 60px;
    right: 0;
    left: 0;

    width: 103.5px;
    max-width: 103.5px;
    margin: auto;
    padding-right: 310px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top08-img_01
    {
        top: -10px;
    }
}
@media screen and (max-width: 660px)
{
    .lyt-members-01.type-03 .animation-top08-img_01
    {
        padding-right: 250px;
    }
}
@media screen and (max-width: 374px)
{
    .lyt-members-01.type-03 .animation-top08-img_01
    {
        top: -5px;
        right: inherit; 

        width: 80px;
        padding-right: 0;
    }
}
.lyt-members-01.type-03 .animation-top08-img_01 img
{
    max-width: 100%;
}
.lyt-members-01.type-03 .animation-top08-img_02
{
    position: absolute;
    z-index: 3; 
    top: 60px;
    right: 0;
    left: 0;

    width: 103.5px;
    max-width: 103.5px;
    margin: auto;
    padding-left: 310px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top08-img_02
    {
        top: -10px;
    }
}
@media screen and (max-width: 660px)
{
    .lyt-members-01.type-03 .animation-top08-img_02
    {
        padding-left: 250px;
    }
}
@media screen and (max-width: 374px)
{
    .lyt-members-01.type-03 .animation-top08-img_02
    {
        top: -5px;
        left: inherit; 

        width: 80px;
        padding-left: 0;
    }
}
.lyt-members-01.type-03 .animation-top08-img_02 img
{
    max-width: 100%;
}
.lyt-members-01.type-03 .animation-top-09
{
    position: absolute;
    z-index: 3; 
    top: 18px;
    right: 0;
    left: 0;

    width: 180px;
    height: 137px;
    margin: auto;

    background-image: url(/assets/img/icon/icon_cat_animation_09.png);
    background-size: 180px 13837px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-top-09
    {
        top: -55px;
    }
}
.lyt-members-01.type-03 .animation-bottom-01
{
    position: absolute;
    z-index: 3; 
    right: 0;
    bottom: -51px;
    left: 0;

    width: 122px;
    height: 95px;
    margin: auto;

    background-image: url(/assets/img/icon/icon_tail_animation_01.png);
    background-size: 122px 8075px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 .animation-bottom-01
    {
        bottom: -50px;
    }
}
.lyt-members-01.type-03.active .animation-bottom-01
{
    -webkit-animation: sprite-members-footer-tail 5s steps(84) infinite;
            animation: sprite-members-footer-tail 5s steps(84) infinite;
}

@-webkit-keyframes sprite-members-footer-tail
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -7980px;
    }
}

@keyframes sprite-members-footer-tail
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -7980px;
    }
}
.lyt-members-01.type-03.active .animation-top-00
{
    -webkit-animation: sprite-members-footer-cat 7s steps(138) infinite;
            animation: sprite-members-footer-cat 7s steps(138) infinite;
}

@-webkit-keyframes sprite-members-footer-cat
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -8970px;
    }
}

@keyframes sprite-members-footer-cat
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -8970px;
    }
}
.lyt-members-01.type-03.active .animation-top-01
{
    -webkit-animation: sprite-members-footer-cat1 7s steps(138) infinite;
            animation: sprite-members-footer-cat1 7s steps(138) infinite;
}

@-webkit-keyframes sprite-members-footer-cat1
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -8970px;
    }
}

@keyframes sprite-members-footer-cat1
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -8970px;
    }
}
.lyt-members-01.type-03.active .animation-top-02
{
    -webkit-animation: sprite-members-footer-cat-pt2 7s steps(138) infinite;
            animation: sprite-members-footer-cat-pt2 7s steps(138) infinite;
}

@-webkit-keyframes sprite-members-footer-cat-pt2
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -12420px;
    }
}

@keyframes sprite-members-footer-cat-pt2
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -12420px;
    }
}
.lyt-members-01.type-03.active .animation-top-03
{
    -webkit-animation: sprite-members-footer-cat-pt3 4s steps(89) infinite;
            animation: sprite-members-footer-cat-pt3 4s steps(89) infinite;
}

@-webkit-keyframes sprite-members-footer-cat-pt3
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -14240px;
    }
}

@keyframes sprite-members-footer-cat-pt3
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -14240px;
    }
}
.lyt-members-01.type-03.active .animation-top-03-1
{
    -webkit-animation: sprite-members-footer-cat-pt3_a 4s steps(89) infinite;
            animation: sprite-members-footer-cat-pt3_a 4s steps(89) infinite;
}

@-webkit-keyframes sprite-members-footer-cat-pt3_a
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -14240px;
    }
}

@keyframes sprite-members-footer-cat-pt3_a
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -14240px;
    }
}
.lyt-members-01.type-03.active .animation-top-04
{
    -webkit-animation: sprite-members-footer-cat-pt4 8.5s steps(122) infinite;
            animation: sprite-members-footer-cat-pt4 8.5s steps(122) infinite;
}

@-webkit-keyframes sprite-members-footer-cat-pt4
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -14152px;
    }
}

@keyframes sprite-members-footer-cat-pt4
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -14152px;
    }
}
.lyt-members-01.type-03.active .animation-top-05
{
    -webkit-animation: sprite-members-footer-cat-pt5 7s steps(100) infinite;
            animation: sprite-members-footer-cat-pt5 7s steps(100) infinite;
}

@-webkit-keyframes sprite-members-footer-cat-pt5
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -14200px;
    }
}

@keyframes sprite-members-footer-cat-pt5
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -14200px;
    }
}
.lyt-members-01.type-03.active .animation-top-06
{
    -webkit-animation: sprite-members-footer-cat-pt6 7s steps(120) infinite;
            animation: sprite-members-footer-cat-pt6 7s steps(120) infinite;
}

@-webkit-keyframes sprite-members-footer-cat-pt6
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -12600px;
    }
}

@keyframes sprite-members-footer-cat-pt6
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -12600px;
    }
}
.lyt-members-01.type-03.active .animation-top-07
{
    -webkit-animation: sprite-members-footer-cat-pt7 6.5s steps(100) infinite;
            animation: sprite-members-footer-cat-pt7 6.5s steps(100) infinite;
}

@-webkit-keyframes sprite-members-footer-cat-pt7
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -11200px;
    }
}

@keyframes sprite-members-footer-cat-pt7
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -11200px;
    }
}
.lyt-members-01.type-03.active .animation-top-08
{
    -webkit-animation: sprite-members-footer-cat-pt8 7s steps(119) infinite;
            animation: sprite-members-footer-cat-pt8 7s steps(119) infinite;
}

@-webkit-keyframes sprite-members-footer-cat-pt8
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -11424px;
    }
}

@keyframes sprite-members-footer-cat-pt8
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -11424px;
    }
}
.lyt-members-01.type-03.active .animation-top-09
{
    -webkit-animation: sprite-members-footer-cat-pt9 6.5s steps(100) infinite;
            animation: sprite-members-footer-cat-pt9 6.5s steps(100) infinite;
}

@-webkit-keyframes sprite-members-footer-cat-pt9
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -13700px;
    }
}

@keyframes sprite-members-footer-cat-pt9
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -13700px;
    }
}
.lyt-members-01.type-03 #anim01
{
    position: absolute;
    top: 0; 

    overflow: hidden;

    width: 100%;
    height: 100%;
}
.lyt-members-01.type-03 #anim01 .animChiled
{
    position: absolute;

    width: 0;
    height: 0;

    -webkit-transition: opacity 2s ease;

    transition: opacity 2s ease;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
    background-repeat: no-repeat;
    background-size: contain;
}
.lyt-members-01.type-03 #anim01 .animChiled.active
{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.lyt-members-01.type-03 #anim01.type-01 .childe-01
{
    background-image: url(/assets/img/img/img_animation_01_a.png);
}
.lyt-members-01.type-03 #anim01.type-01 .childe-02
{
    background-image: url(/assets/img/img/img_animation_01_b.png);
}
.lyt-members-01.type-03 #anim01.type-01 .childe-03
{
    background-image: url(/assets/img/img/img_animation_01_c.png);
}
.lyt-members-01.type-03 #anim01.type-02 .childe-01
{
    background-image: url(/assets/img/img/img_animation_02_a.png);
}
.lyt-members-01.type-03 #anim01.type-02 .childe-02
{
    background-image: url(/assets/img/img/img_animation_02_b.png);
}
.lyt-members-01.type-03 #anim01.type-03 .childe-01
{
    background-image: url(/assets/img/img/img_animation_03_a.png);
}
.lyt-members-01.type-03 #anim01.type-03 .childe-02
{
    background-image: url(/assets/img/img/img_animation_03_b.png);
}
.lyt-members-01.type-03 #anim01.type-04 .childe-01
{
    background-image: url(/assets/img/img/img_animation_03_a.png);
}
.lyt-members-01.type-03 #anim01.type-04 .childe-02
{
    background-image: url(/assets/img/img/img_animation_03_b.png);
}
.lyt-members-01.type-03 #anim01.type-05 .childe-01
{
    background-image: url(/assets/img/img/img_animation_04_a.png);
}
.lyt-members-01.type-03 #anim01.type-05 .childe-02
{
    background-image: url(/assets/img/img/img_animation_04_b.png);
}
.lyt-members-01.type-03 #anim01.type-05 .childe-03
{
    background-image: url(/assets/img/img/img_animation_04_c.png);
}
.lyt-members-01.type-03 #anim01.type-06 .childe-01
{
    background-image: url(/assets/img/img/img_animation_04_a.png);
}
.lyt-members-01.type-03 #anim01.type-06 .childe-02
{
    background-image: url(/assets/img/img/img_animation_04_b.png);
}
.lyt-members-01.type-03 #anim01.type-06 .childe-03
{
    background-image: url(/assets/img/img/img_animation_04_c.png);
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-03 #anim01.type-07
    {
        top: -75px;
    }
}
.lyt-members-01.type-03 #anim01.type-07 .childe-01
{
    background-image: url(/assets/img/img/img_animation_05_a.png);
}
.lyt-members-01.type-03 #anim01.type-07 .childe-02
{
    background-image: url(/assets/img/img/img_animation_05_b.png);
}
.lyt-members-01.type-03 #anim01.type-07 .childe-03
{
    background-image: url(/assets/img/img/img_animation_05_c.png);
}
.lyt-members-01.type-03 #anim01.type-08 .childe-01
{
    background-image: url(/assets/img/img/img_animation_06_a.png);
}
.lyt-members-01.type-03 #anim01.type-08 .childe-02
{
    background-image: url(/assets/img/img/img_animation_06_b.png);
}
.lyt-members-01.type-03 #anim01.type-09 .childe-01
{
    background-image: url(/assets/img/img/img_animation_07_a.png);
}
.lyt-members-01.type-03 #anim01.type-09 .childe-02
{
    background-image: url(/assets/img/img/img_animation_07_b.png);
}
.lyt-members-01.type-04
{
    margin-bottom: 100px;
    padding-bottom: 45px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-04
    {
        margin-bottom: 80px;
        padding-bottom: 20px;
    }
}
.lyt-members-01.type-04 .lyt-members-01-inner
{
    padding-top: 103px;
    padding-bottom: 0;
}
@media screen and (max-width: 760px)
{
    .lyt-members-01.type-04 .lyt-members-01-inner
    {
        padding-bottom: 10px;
    }
}
.lyt-members-01.type-04 .animation-bottom-01
{
    bottom: -65px;
}

/*  lyt-members-02
--------------------------------------- */
.lyt-members-02
{
    margin-bottom: 68px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-02
    {
        margin-bottom: 40px;
    }
}
.lyt-members-02.image-L .image
{
    float: left;
}
@media screen and (max-width: 760px)
{
    .lyt-members-02.image-L .image
    {
        float: none;
    }
}
.lyt-members-02.image-L .text
{
    float: right;
}
@media screen and (max-width: 760px)
{
    .lyt-members-02.image-L .text
    {
        float: none;
    }
}
.lyt-members-02.image-L .text-inner
{
    left: 0;

    padding-left: 60px;
}
@media screen and (max-width: 1182px)
{
    .lyt-members-02.image-L .text-inner
    {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-02.image-L .text-inner
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}
.lyt-members-02.image-R .image
{
    float: right;
}
@media screen and (max-width: 760px)
{
    .lyt-members-02.image-R .image
    {
        float: none;
    }
}
.lyt-members-02.image-R .text
{
    float: left;
}
@media screen and (max-width: 760px)
{
    .lyt-members-02.image-R .text
    {
        float: none;
    }
}
.lyt-members-02.image-R .text-inner
{
    right: 0;

    padding-right: 60px;
}
@media screen and (max-width: 1182px)
{
    .lyt-members-02.image-R .text-inner
    {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-02.image-R .text-inner
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}
.lyt-members-02 .image
{
    position: relative;

    overflow: hidden;

    width: 50%;
    height: 550px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .lyt-members-02 .image
    {
        width: 100%;
        height: auto;
    }
}
.lyt-members-02 .image img
{
    position: absolute;
    top: 0;
    left: 50%;

    margin-left: -750px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-02 .image img
    {
        position: static;
        left: 0;

        width: 100%;
        margin-left: 0;
    }
}
.lyt-members-02 .text
{
    position: relative;

    width: 50%;
    height: 550px;

    background-color: #ffe500;
}
@media screen and (max-width: 760px)
{
    .lyt-members-02 .text
    {
        width: 100%;
        height: auto;
    }
}
.lyt-members-02 .text-inner
{
    box-sizing: border-box;
    width: 560px;
}
@media screen and (max-width: 1182px)
{
    .lyt-members-02 .text-inner
    {
        width: 100%;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-02 .text-inner
    {
        padding: 25px 0;
    }
}
.lyt-members-02 .text-inner a
{
    text-decoration: underline;

    color: #333;
}
.lyt-members-02 .text-inner a:active,
.lyt-members-02 .text-inner a:hover,
.lyt-members-02 .text-inner a:focus
{
    text-decoration: none;
}
.lyt-members-02 .category
{
    font-size: 115%;
    font-weight: bold;

    display: inline-block;

    margin-bottom: 14px;
    padding: 1px 20px;

    border-radius: 3px;
    background-color: #fff;
}
@media screen and (max-width: 1064px)
{
    .lyt-members-02 .category
    {
        font-size: 100%;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-02 .category
    {
        font-size: 86%;

        margin-bottom: 7px;
        padding: 1px 15px;
    }
}
.lyt-members-02 .title
{
    font-size: 300%;
    font-weight: bold;
    line-height: 1.4;

    margin-bottom: 28px;
}
@media screen and (max-width: 1064px)
{
    .lyt-members-02 .title
    {
        font-size: 229%;

        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-members-02 .title
    {
        font-size: 158%;

        margin-bottom: 14px;
    }
}
.lyt-members-02.v-center-01 .text-inner
{
    position: absolute;
    top: 50%;

    visibility: hidden;
}
@media screen and (max-width: 760px)
{
    .lyt-members-02.v-center-01 .text-inner
    {
        position: static;
        top: 0 !important;

        margin-top: 0 !important;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-02.v-center-01 .text
    {
        height: auto !important;
    }
}

/*  lyt-members-03
--------------------------------------- */
.lyt-members-03
{
    padding-top: 17px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-03
    {
        padding-top: 0;
    }
}
.lyt-members-03.col-3
{
    max-width: 834px;
    margin: 0 auto;
}
.lyt-members-03.col-3 .column
{
    width: 30.93525179856115%;
    margin-right: 3.597122302158273%;
}
.lyt-members-03.col-3 .column:nth-child(3n)
{
    margin-right: 0;
}
.lyt-members-03.col-4 .column
{
    width: 22.99465240641711%;
    margin-right: 2.67379679144385%;
}
.lyt-members-03.col-4 .column:nth-child(4n)
{
    margin-right: 0;
}
.lyt-members-03 .column
{
    float: left;

    margin-bottom: 36px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-03 .column
    {
        float: none;

        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 30px;
        padding-bottom: 24px;

        border-bottom: 1px solid #d0d2db;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-members-03 .column:last-child
    {
        margin-bottom: 20px;
    }
}
.lyt-members-03 .image
{
    margin-bottom: 20px;
}
@media screen and (max-width: 760px)
{
    .lyt-members-03 .image
    {
        margin-bottom: 10px;
    }
}
.lyt-members-03 .image img
{
    width: 100%;
}
.lyt-members-03 .text em
{
    font-weight: normal;

    color: #f76c91;
}

/* lyt-column-01
--------------------------------------- */
.lyt-column-01.col-2 .column
{
    float: left;

    width: 48.66310160427807%;
    margin-right: 2.67379679144385%;
}
.lyt-column-01.col-2 .column:nth-child(2n)
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .lyt-column-01.col-2 .column
    {
        float: none;

        width: 100%;
        margin: 0;
    }
}

.lyt-column-01.col-3 .column
{
    float: left;

    width: 31.55080213903743%;
    margin-right: 2.67379679144385%;
}
.lyt-column-01.col-3 .column:nth-child(3n)
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .lyt-column-01.col-3 .column
    {
        float: none;

        width: 100%;
        margin: 0;
    }
}

.lyt-column-01.col-4 .column
{
    float: left;

    width: 22.99465240641711%;
    margin-right: 2.67379679144385%;
}
.lyt-column-01.col-4 .column:nth-child(4n)
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .lyt-column-01.col-4 .column
    {
        float: none;

        width: 100%;
        margin: 0;
    }
}

.lyt-column-01.col-margin
{
    margin-bottom: 40px;
}
@media screen and (max-width: 760px)
{
    .lyt-column-01.col-margin
    {
        margin-bottom: 25px;
    }
    .lyt-column-01.col-margin .column
    {
        margin-bottom: 25px;
    }
    .lyt-column-01.col-margin .column:last-child
    {
        margin-bottom: 0;
    }
}

.lyt-column-01.pc-col-margin .column
{
    margin-bottom: 25px;
}

.lyt-column-01.col-3-center
{
    max-width: 819px;
    margin: 0 auto;
}

.lyt-column-01 .doc-plain-01,
.lyt-column-01 .list-link-01
{
    margin-bottom: 0;
}
.lyt-column-01 .doc-plain-01 li,
.lyt-column-01 .list-link-01 li
{
    padding-bottom: 0;
}

.lyt-column-01 .nav-btn-02 p a
{
    width: 100%;
}

/* lyt-image-01
--------------------------------------- */
.lyt-image-01
{
    margin-bottom: 40px;

    text-align: center;
}
.lyt-image-01 img
{
    max-width: 100%;
}
@media screen and (max-width: 760px)
{
    .lyt-image-01
    {
        margin-bottom: 20px;
    }
    .lyt-image-01 img
    {
        width: 100%;
    }
}

/*  lyt-image-02
--------------------------------------- */
.lyt-image-02
{
    margin-bottom: 30px;
}
@media screen and (max-width: 760px)
{
    .lyt-image-02
    {
        margin-bottom: 20px;
    }
}
.lyt-image-02.image-parallel .text
{
    position: relative;

    overflow: hidden;
}
.lyt-image-02.v-center-01 .text-inner
{
    position: absolute;
    top: 50%;

    visibility: hidden;
}
@media screen and (max-width: 760px)
{
    .lyt-image-02.v-center-01 .text-inner
    {
        position: static;
        top: 0 !important;

        margin-top: 0 !important;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-image-02.v-center-01 .text
    {
        height: auto !important;
    }
}
.lyt-image-02.v-center-02 .text-inner
{
    position: absolute;
    top: 50%;

    visibility: hidden;
}
@media screen and (max-width: 760px)
{
    .lyt-image-02.sp-float.float-L .image
    {
        float: left;

        width: auto;
        max-width: 50%;
        margin: 0 2.678571428571429% 10px 0;
    }
    .lyt-image-02.sp-float.float-L .image img
    {
        width: 100%;
    }
}
.lyt-image-02.sp-text-first .text
{
    float: left;

    max-width: 50%;
}
@media screen and (max-width: 1064px)
{
    .lyt-image-02.tb-col1 .image
    {
        float: none !important;

        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 15px !important;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-image-02.tb-col1 .mr15
    {
        margin-right: 0 !important;
    }
}
.lyt-image-02.float-L .image
{
    float: left;

    box-sizing: border-box;
    max-width: 50%;
    margin: 0 2.678571428571429% 10px 0;
}
@media screen and (max-width: 760px)
{
    .lyt-image-02.float-L .image
    {
        float: none;

        width: 100%;
        max-width: 100%;
        margin: 0 0 15px;
    }
}
.lyt-image-02.float-L .image img
{
    display: block;

    width: 100%;
}
.lyt-image-02.float-R .image
{
    float: right;

    box-sizing: border-box;
    max-width: 50%;
    margin: 0 0 10px 2.678571428571429%;
}
.lyt-image-02.float-R .image img
{
    display: block;

    width: 100%;
}
@media screen and (max-width: 760px)
{
    .lyt-image-02.float-R .image
    {
        float: none;

        width: 100%;
        max-width: 100%;
        margin: 0 0 15px;
    }
}
.lyt-image-02 .image .w-80
{
    width: 80px !important;
}
.lyt-image-02 .image .w-340
{
    width: 340px !important;
}
.lyt-image-02 .doc-plain-01:last-child
{
    margin-bottom: 0;
}
.lyt-image-02.w-700-center
{
    width: 700px;
    margin: 0 auto;
}
@media screen and (max-width: 760px)
{
    .lyt-image-02.w-700-center
    {
        width: 100%;
    }
}
.lyt-image-02.w-700-center .image
{
    width: 256px;
}
@media screen and (max-width: 760px)
{
    .lyt-image-02.w-700-center .image
    {
        float: left;

        width: 40.2985%;
        margin: 0 2.678571428571429% 10px 0;
    }
}

/*  lyt-image-03
--------------------------------------- */
.lyt-image-03
{
    margin-bottom: 35px;
}
@media screen and (max-width: 760px)
{
    .lyt-image-03
    {
        margin-bottom: 26px;
    }
}
.lyt-image-03 ul
{
    text-align: center;
}
.lyt-image-03 ul li
{
    display: inline-block;

    margin: 0 32px;
}
@media screen and (max-width: 760px)
{
    .lyt-image-03 ul li
    {
        display: block;

        margin: 0 0 15px;
    }
}
.lyt-image-03 ul li:first-child
{
    margin-left: 0;
}
.lyt-image-03 ul li:last-child
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .lyt-image-03 ul li:last-child
    {
        margin-bottom: 0;
    }
}
.lyt-image-03 .image
{
    margin-bottom: 10px;
}
.lyt-image-03 .image img
{
    max-width: 100%;
}
.lyt-image-03 .text span
{
    font-size: 86%;

    display: block;
}

/* lyt-accordion-01
--------------------------------------- */
.lyt-accordion-01
{
    margin-bottom: 20px;
}
.lyt-accordion-01 .accordion-btn
{
    position: relative;

    box-sizing: border-box;
    height: 123px;
    padding: 0 0 0 95px;

    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;

    color: #009a8b;
    border-bottom: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-01 .accordion-btn
    {
        height: auto;
        padding: 7% 3.44827586207%;
    }
}
.lyt-accordion-01 .accordion-btn .text
{
    font-size: 115%;
    line-height: 123px;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-01 .accordion-btn .text
    {
        font-size: 115%;
        line-height: 1;

        display: inline-block;

        width: 90%;
    }
}
.lyt-accordion-01 .accordion-btn .img
{
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: 10px 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 76px 90px;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-01 .accordion-btn .img
    {
        display: none;
    }
}
.lyt-accordion-01 .accordion-btn:first-child
{
    border-top: 1px solid #c6c9d3;
}
.lyt-accordion-01 .accordion-btn .icon
{
    font-size: 72%;
    line-height: 24px;

    position: absolute;
    z-index: 1;
    top: 0;
    right: 20px;
    bottom: 0;

    display: inline-block;

    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin: auto;

    -webkit-transition: background .3s ease;

    transition: background .3s ease;
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-01 .accordion-btn .icon
    {
        font-size: 100%;
        line-height: 26px;

        right: 3%;

        width: 26px;
        height: 26px;
    }
}
.lyt-accordion-01 .accordion-btn:active,
.lyt-accordion-01 .accordion-btn:hover,
.lyt-accordion-01 .accordion-btn:focus,
.lyt-accordion-01 .accordion-btn.on
{
    background-color: #f5f6f8;
}
.lyt-accordion-01 .accordion-btn:active .img,
.lyt-accordion-01 .accordion-btn:hover .img,
.lyt-accordion-01 .accordion-btn:focus .img,
.lyt-accordion-01 .accordion-btn.on .img
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.lyt-accordion-01 .accordion-btn:active .icon,
.lyt-accordion-01 .accordion-btn:hover .icon,
.lyt-accordion-01 .accordion-btn:focus .icon,
.lyt-accordion-01 .accordion-btn.on .icon
{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background-color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-01 .accordion-btn:hover
    {
        color: #009a8b;
        background-color: #fff;
    }
    .lyt-accordion-01 .accordion-btn:hover .img
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .lyt-accordion-01 .accordion-btn:hover .icon
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        background-color: #009a8b;
    }
}
.lyt-accordion-01 .accordion-btn.hokkaido .img
{
    background-image: url(/assets/img/img/img_area_01.png);
}
.lyt-accordion-01 .accordion-btn.tohoku .img
{
    background-image: url(/assets/img/img/img_area_02.png);
}
.lyt-accordion-01 .accordion-btn.tokyo .img
{
    background-image: url(/assets/img/img/img_area_03.png);
}
.lyt-accordion-01 .accordion-btn.kanto .img
{
    background-image: url(/assets/img/img/img_area_04.png);
}
.lyt-accordion-01 .accordion-btn.hokushinetsu .img
{
    background-image: url(/assets/img/img/img_area_05.png);
}
.lyt-accordion-01 .accordion-btn.chubu .img
{
    background-image: url(/assets/img/img/img_area_06.png);
}
.lyt-accordion-01 .accordion-btn.kansai .img
{
    background-image: url(/assets/img/img/img_area_07.png);
}
.lyt-accordion-01 .accordion-btn.chugoku .img
{
    background-image: url(/assets/img/img/img_area_08.png);
}
.lyt-accordion-01 .accordion-btn.shikoku .img
{
    background-image: url(/assets/img/img/img_area_09.png);
}
.lyt-accordion-01 .accordion-btn.kyusyu .img
{
    background-image: url(/assets/img/img/img_area_10.png);
}
.lyt-accordion-01 .accordion-block
{
    display: none;

    padding: 20px 0;
}
.lyt-accordion-01 .tbl-data-01,
.lyt-accordion-01 .tbl-data-02
{
    margin-bottom: 20px;
}
.lyt-accordion-01 .tbl-data-01 .icon-qestion,
.lyt-accordion-01 .tbl-data-02 .icon-qestion
{
    position: relative;
    top: 3px;

    width: 14px;
    height: 14px;
    margin-left: 0;

    cursor: pointer;
}

/* lyt-accordion-02
--------------------------------------- */
.lyt-accordion-02
{
    margin-bottom: 20px;
}
.lyt-accordion-02 .title-block
{
    padding: 20px 0 20px 20px;

    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    letter-spacing: -.5em;

    border-bottom: 1px solid #c6c9d3;
}
.lyt-accordion-02 .title-block:first-child
{
    border-top: 1px solid #c6c9d3;
}
.lyt-accordion-02 .title-block .text
{
    display: inline-block;

    vertical-align: middle;
    letter-spacing: normal;
}
.lyt-accordion-02 .title-block .text .title
{
    font-size: 143%;

    margin-bottom: 10px;
}
.lyt-accordion-02 .title-block .text .title .degree
{
    font-size: 72%;

    display: block;

    margin-bottom: 3px;
}
.lyt-accordion-02 .title-block .text .title .kana
{
    font-size: 72%;

    display: inline-block;

    vertical-align: middle;
}
.lyt-accordion-02 .title-block .text .sub-text
{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;

    color: #009a8b;
}
.lyt-accordion-02 .title-block .text .icon
{
    font-size: 58%;
    line-height: 18px;

    position: relative;
    top: 3px;

    display: inline-block;

    box-sizing: border-box;
    width: 18px;
    height: 18px;
    margin-right: 8px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-02 .title-block .text .icon
    {
        font-size: 58%;
        line-height: 16px;

        top: 2px;

        width: 16px;
        height: 16px;
        margin-right: 4px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-02 .title-block .text
    {
        width: 68%;
    }
    .lyt-accordion-02 .title-block .text .title
    {
        font-size: 115%;

        margin-bottom: 2%;
    }
    .lyt-accordion-02 .title-block .text .title .degree
    {
        margin-bottom: 0;
    }
    .lyt-accordion-02 .title-block .text .sub-text
    {
        font-size: 86%;
    }
}
.lyt-accordion-02 .title-block .image
{
    display: inline-block;

    box-sizing: border-box;
    width: 164px;
    margin-right: 18px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;
    vertical-align: middle;
    letter-spacing: normal;

    border: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-02 .title-block .image
    {
        width: 26.5573770492%;
        margin-right: 3%;
    }
}
.lyt-accordion-02 .title-block .image img
{
    width: 100%;
}
.lyt-accordion-02 .title-block:active,
.lyt-accordion-02 .title-block:hover,
.lyt-accordion-02 .title-block:focus
{
    background-color: #f5f6f8;
}
.lyt-accordion-02 .title-block:active .sub-text,
.lyt-accordion-02 .title-block:hover .sub-text,
.lyt-accordion-02 .title-block:focus .sub-text
{
    color: #14bfad;
}
.lyt-accordion-02 .title-block:active .image,
.lyt-accordion-02 .title-block:hover .image,
.lyt-accordion-02 .title-block:focus .image
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.lyt-accordion-02 .title-block:active .icon,
.lyt-accordion-02 .title-block:hover .icon,
.lyt-accordion-02 .title-block:focus .icon
{
    background-color: #14bfad;
}
.lyt-accordion-02 .title-block.on
{
    background-color: #f5f6f8;
}
.lyt-accordion-02 .title-block.on .sub-text
{
    color: #14bfad;
}
.lyt-accordion-02 .title-block.on .icon
{
    background-color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-02 .title-block:hover
    {
        background-color: #fff;
    }
    .lyt-accordion-02 .title-block:hover .sub-text
    {
        color: #009a8b;
    }
    .lyt-accordion-02 .title-block:hover .img
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .lyt-accordion-02 .title-block:hover .icon
    {
        background-color: #009a8b;
    }
}
.lyt-accordion-02 .accordion-block
{
    display: none;

    padding: 20px 0;
}
.lyt-accordion-02 .accordion-block .tbl-data-01 tbody td
{
    border-bottom: 1px solid #c6c9d3;
    border-left: 1px solid #c6c9d3;
}
.lyt-accordion-02 .tbl-data-01,
.lyt-accordion-02 .tbl-data-02
{
    margin-bottom: 0;
}

/* lyt-accordion-03
--------------------------------------- */
.lyt-accordion-03
{
    margin-bottom: 20px;
}
.lyt-accordion-03 .title-block
{
    padding: 15px 0 15px 20px;

    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;

    border-bottom: 1px solid #c6c9d3;
}
.lyt-accordion-03 .title-block:first-child
{
    border-top: 1px solid #c6c9d3;
}
.lyt-accordion-03 .title-block .text .title
{
    font-size: 136%;

    margin-bottom: 6px;
}
.lyt-accordion-03 .title-block .text .title .kana
{
    font-size: 79%;

    display: inline-block;

    vertical-align: middle;
}
.lyt-accordion-03 .title-block .text .icon
{
    font-size: 58%;
    line-height: 18px;

    position: relative;
    top: 3px;

    display: inline-block;

    box-sizing: border-box;
    width: 18px;
    height: 18px;
    margin-right: 8px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-03 .title-block .text .icon
    {
        font-size: 58%;
        line-height: 16px;

        top: 2px;

        width: 16px;
        height: 16px;
        margin-right: 4px;
    }
}
.lyt-accordion-03 .title-block .text .sub-text
{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;

    color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-03 .title-block .text .title
    {
        font-size: 115%;

        margin-bottom: 2%;
    }
    .lyt-accordion-03 .title-block .text .title .degree
    {
        margin-bottom: 0;
    }
    .lyt-accordion-03 .title-block .text .sub-text
    {
        font-size: 86%;
    }
}
.lyt-accordion-03 .title-block:active,
.lyt-accordion-03 .title-block:hover,
.lyt-accordion-03 .title-block:focus,
.lyt-accordion-03 .title-block.on
{
    background-color: #f5f6f8;
}
.lyt-accordion-03 .title-block:active .sub-text,
.lyt-accordion-03 .title-block:hover .sub-text,
.lyt-accordion-03 .title-block:focus .sub-text,
.lyt-accordion-03 .title-block.on .sub-text
{
    color: #14bfad;
}
.lyt-accordion-03 .title-block:active .icon,
.lyt-accordion-03 .title-block:hover .icon,
.lyt-accordion-03 .title-block:focus .icon,
.lyt-accordion-03 .title-block.on .icon
{
    background-color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-03 .title-block:hover
    {
        background-color: #fff;
    }
    .lyt-accordion-03 .title-block:hover .sub-text
    {
        color: #009a8b;
    }
    .lyt-accordion-03 .title-block:hover .icon
    {
        background-color: #009a8b;
    }
}
.lyt-accordion-03 .accordion-block
{
    display: none;

    padding: 20px 0;
}
.lyt-accordion-03 .tbl-data-01,
.lyt-accordion-03 .tbl-data-02
{
    margin-bottom: 0;
}

/* lyt-accordion-04
--------------------------------------- */
.lyt-accordion-04
{
    margin-bottom: 20px;
}
.lyt-accordion-04.faq .hdg-level3-01
{
    margin-top: 10px;
}
.lyt-accordion-04.faq .title-block
{
    position: relative;

    padding-top: 20px;
    padding-bottom: 25px;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.faq .title-block
    {
        padding-top: 13px;
        padding-bottom: 18px;
    }
}
.lyt-accordion-04.faq .title-block .faq-icon
{
    position: absolute;
    top: 20px;
    left: 12px;

    width: 30px;
    height: 30px;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.faq .title-block .faq-icon
    {
        top: 13px;
        left: 9px;

        width: 23px;
        height: 23px;
    }
}
.lyt-accordion-04.faq .title-block .title
{
    margin-left: 56px;
    padding-right: 80px;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.faq .title-block .title
    {
        margin-left: 40px;
        padding-right: 20px;
    }
}
.lyt-accordion-04.faq .accordion-block
{
    position: relative;

    padding-left: 65px;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.faq .accordion-block
    {
        padding-top: 10px;
        padding-left: 49px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.faq .accordion-block.padding-support
    {
        padding-left: 0;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.faq .accordion-block.padding-support .margin-support
    {
        margin-left: 49px;
    }
}
.lyt-accordion-04.faq .accordion-block .faq-icon
{
    position: absolute;
    top: 20;
    left: 12px;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.faq .accordion-block .faq-icon
    {
        top: 13px;
        left: 9px;
    }
}
.lyt-accordion-04.faq .accordion-block .faq-icon img
{
    width: 30px;
    height: 30px;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.faq .accordion-block .faq-icon img
    {
        width: 23px;
        height: 23px;
    }
}
.lyt-accordion-04.faq .accordion-block .flow-text-01
{
    position: relative;

    padding-left: 2.5em;
}
.lyt-accordion-04.faq .accordion-block .flow-text-01 .num
{
    font-weight: bold;

    position: absolute;
    top: 0;
    left: 0;

    color: #20a898;
}
.lyt-accordion-04.type-01 .title-block
{
    height: 130px;
    padding: 0 0 0 130px;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.type-01 .title-block
    {
        height: 75px;
        padding: 0 0 0 75px;
    }
}
.lyt-accordion-04.type-01 .title-block .title
{
    display: table;
    overflow: hidden;

    width: 100%;
    height: 100%;
}
.lyt-accordion-04.type-01 .title-block.pc_convini .img
{
    background-image: url(/ytc/customer/send/services/img/img_howtosend_01.png);
}
.lyt-accordion-04.type-01 .title-block.handwritten .img
{
    background-image: url(/ytc/customer/send/services/img/img_howtosend_02.png);
}
.lyt-accordion-04.type-01 .title-block .img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: 10px 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    background-repeat: no-repeat;
    background-position: 20px 50%;
    background-size: 90px 90px;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.type-01 .title-block .img
    {
        background-position: 15px 50%;
        background-size: 45px 45px;
    }
}
.lyt-accordion-04.type-01 .title-block .title .text
{
    display: table-cell;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.type-01 .title-block .title .text
    {
        display: table-cell;

        box-sizing: border-box;
        width: 100%;
        padding-right: 29%;
    }
}
.lyt-accordion-04.type-01 .title-block:active .img,
.lyt-accordion-04.type-01 .title-block:hover .img,
.lyt-accordion-04.type-01 .title-block:focus .img,
.lyt-accordion-04.type-01 .title-block.on .img
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.type-01 .title-block:hover
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.lyt-accordion-04.type-02 .title-block
{
    height: 90px;
    padding-left: 110px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;
}
.lyt-accordion-04.type-02 .title-block .img
{
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: 10px 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    background-repeat: no-repeat;
    background-position: 10px 0;
    background-size: contain;
}
.lyt-accordion-04.type-02 .title-block .text
{
    line-height: 90px;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04.type-02 .title-block .text
    {
        line-height: 1.5;

        position: absolute;
        top: 50%;

        width: 50% !important;

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}
.lyt-accordion-04.type-02 .title-block .home .img
{
    background-image: url(/ytc/customer/send/preparations/payoff/img/img_method_01.png);
}
.lyt-accordion-04.type-02 .title-block .sales-office .img
{
    background-image: url(/ytc/customer/send/preparations/payoff/img/img_method_02.png);
}
.lyt-accordion-04.type-02 .title-block .agency .img
{
    background-image: url(/ytc/customer/send/preparations/payoff/img/img_method_03.png);
}
.lyt-accordion-04.type-02 .title-block .convinience .img
{
    background-image: url(/ytc/customer/send/preparations/payoff/img/img_method_04.png);
}
.lyt-accordion-04.type-02 .title-block .locker .img
{
    background-image: url(/ytc/customer/send/preparations/payoff/img/img_method_05.png);
}
.lyt-accordion-04 .title-block
{
    position: relative;

    overflow: hidden;

    padding: 12px 0 12px 10px;

    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;

    border-bottom: 1px solid #c6c9d3;
}
.lyt-accordion-04 .title-block:first-child
{
    border-top: 1px solid #c6c9d3;
}
.lyt-accordion-04 .title-block .title .text
{
    font-size: 115%;

    color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04 .title-block .title .text
    {
        font-size: 100%;

        display: inline-block;

        width: 90%;
    }
}
.lyt-accordion-04 .title-block .icon
{
    font-size: 86%;
    line-height: 24px;

    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;

    display: inline-block;

    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin: auto;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04 .title-block .icon
    {
        font-size: 58%;
        line-height: 17px;

        right: 3%;

        width: 18px;
        height: 18px;
    }
}
.lyt-accordion-04 .title-block:active,
.lyt-accordion-04 .title-block:hover,
.lyt-accordion-04 .title-block:focus,
.lyt-accordion-04 .title-block.on
{
    background-color: #f5f6f8;
}
.lyt-accordion-04 .title-block:active .text,
.lyt-accordion-04 .title-block:hover .text,
.lyt-accordion-04 .title-block:focus .text,
.lyt-accordion-04 .title-block.on .text
{
    color: #14bfad;
}
.lyt-accordion-04 .title-block:active .icon,
.lyt-accordion-04 .title-block:hover .icon,
.lyt-accordion-04 .title-block:focus .icon,
.lyt-accordion-04 .title-block.on .icon
{
    background-color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04 .title-block.on
    {
        background-color: #f5f6f8 !important;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-accordion-04 .title-block:hover
    {
        background-color: #fff;
    }
    .lyt-accordion-04 .title-block:hover .text
    {
        color: #009a8b;
    }
    .lyt-accordion-04 .title-block:hover .icon
    {
        background-color: #009a8b;
    }
}
.lyt-accordion-04 .accordion-block
{
    display: none;

    padding: 20px 0;
}
.lyt-accordion-04 .accordion-block .tbl-data-01 tbody td
{
    border-bottom: 1px solid #c6c9d3;
    border-left: 1px solid #c6c9d3;
}
.lyt-accordion-04 .tbl-data-01,
.lyt-accordion-04 .tbl-data-02
{
    margin-bottom: 0;
}

/* lyt-border-01
--------------------------------------- */
.lyt-border-01
{
    padding-top: 30px;

    border-top: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .lyt-border-01
    {
        padding-top: 15px;
    }
}

/* lyt-slider-01
--------------------------------------- */
.lyt-slider-01
{
    position: relative;

    overflow: hidden;

    width: 100%;
    margin: 60px 0 70px;
}
@media screen and (max-width: 760px)
{
    .lyt-slider-01
    {
        margin: 0;
        padding: 0 0 20px;
    }
}
.lyt-slider-01 .slider-detail
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transform: translate3d(0px, 0px, 2px);

            transform: translate3d(0px, 0px, 2px);

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .lyt-slider-01 .slider-detail
    {
        position: relative;

        color: #333;
        background: none;
    }
}
.lyt-slider-01 .slider-detail-inner
{
    display: table-cell;

    width: 1%;
    height: 380px;
    margin: 0 auto;

    text-align: center;
    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .lyt-slider-01 .slider-detail-inner
    {
        display: block;

        width: auto;
        height: auto;
        padding: 0 15px;

        text-align: left;
    }
}
.lyt-slider-01 .slider-detail-hdg
{
    font-size: 215%;
    font-weight: bold;
    line-height: 1.6;

    margin: 34px 0 14px;

    text-shadow: 0 0 7px #333;
}
@media screen and (max-width: 760px)
{
    .lyt-slider-01 .slider-detail-hdg
    {
        font-size: 108%;
        line-height: 1.5;

        margin: 15px 0 6px;

        text-shadow: none;
    }
}
.lyt-slider-01 .slider-detail-description
{
    font-size: 100%;
    line-height: 1.8;

    margin-bottom: 24px;
}
@media screen and (max-width: 760px)
{
    .lyt-slider-01 .slider-detail-description
    {
        line-height: 1.5;

        margin-bottom: 15px;
    }
}
.lyt-slider-01 .slider-inner
{
    z-index: 1;

    display: table;
}
.lyt-slider-01 .slider-frame
{
    display: table-cell;
}
@media screen and (min-width: 761px)
{
    .lyt-slider-01 .slider-frame img
    {
        width: auto;
        height: 382px;
    }
}

/* lyt-feature-01
--------------------------------------- */
.lyt-feature-01 .loading-feature-01
{
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: #fff;
}
.lyt-feature-01 .loading-feature-01-inner
{
    position: relative;

    height: 800px;
}
.lyt-feature-01 .loading-feature-01 span
{
    font-size: 10px;

    position: absolute;
    position: relative;
    top: 50%;

    display: block;

    width: 4.6em;
    height: 4.6em;
    margin: -2.3em auto;

    -webkit-animation: loadIcon 1s infinite linear;

            animation: loadIcon 1s infinite linear;
    text-indent: -9999em;

    border-radius: 50%;
    background: #23acb0;
    background: -webkit-linear-gradient(left, #23acb0 10%, rgba(255, 255, 255, 0) 42%);
    background:         linear-gradient(to right, #23acb0 10%, rgba(255, 255, 255, 0) 42%);
}
.lyt-feature-01 .loading-feature-01 span:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 50%;
    height: 50%;

    content: '';

    border-radius: 100% 0 0 0;
    background: #23acb0;
}
.lyt-feature-01 .loading-feature-01 span:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 75%;
    height: 75%;
    margin: auto;

    content: '';

    border-radius: 50%;
    background: #fff;
}

@-webkit-keyframes loadIcon
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes loadIcon
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.lyt-feature-01 .lyt-feature-01-inner-01
{
    display: table;

    width: 100%;

    background-size: cover;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .lyt-feature-01-inner-01
    {
        position: relative;

        height: 330px;

        background: url(/ytc/government/img/img_feature_visual_01_sp.jpg) no-repeat center 60%;
        background-size: cover;
    }
}
@media screen and (min-width: 761px)
{
    .lyt-feature-01 .lyt-feature-01-inner-01
    {
        background: url(/ytc/government/img/img_feature_visual_01_pc.jpg) no-repeat center center;
        background-size: cover;
    }
}

.lyt-feature-01 .lyt-feature-01-inner-02
{
    position: relative;

    display: table;
    overflow: hidden;

    box-sizing: border-box;
    width: 100%;
    padding: 10% 0;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .lyt-feature-01-inner-02
    {
        position: relative;

        display: block;

        padding: 0 0 82px;
    }
}

.lyt-feature-01 .lyt-feature-01-inner-03
{
    display: table;

    width: 100%;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .lyt-feature-01-inner-03
    {
        position: relative;

        display: block;

        padding: 0 0 82px;

        background: url(/ytc/government/img/img_feature_visual_03_sp.jpg) no-repeat center 30%;
        background-size: cover;
    }
}
@media screen and (min-width: 761px)
{
    .lyt-feature-01 .lyt-feature-01-inner-03
    {
        background: url(/ytc/government/img/img_feature_visual_03_pc.jpg) no-repeat center center;
        background-size: cover;
    }
}

.lyt-feature-01 .lyt-feature-01-inner-04
{
    position: relative;

    display: table;

    box-sizing: border-box;
    width: 100%;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .lyt-feature-01-inner-04
    {
        position: relative;

        display: block;

        padding: 0 0 82px;

        background-size: 90% auto;
    }
}

.lyt-feature-01 .lyt-feature-01-inner-05
{
    position: relative;

    display: table;

    box-sizing: border-box;
    width: 100%;

    vertical-align: middle;

    background: #10a7af;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .lyt-feature-01-inner-05
    {
        position: relative;

        padding: 0 0 82px;
    }
}

.lyt-feature-01 .lyt-feature-01-inner-06
{
    padding: 190px 0 0;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .lyt-feature-01-inner-06
    {
        padding-top: 35px;
    }
}

.lyt-feature-01 .box-feature-01
{
    display: table-cell;

    vertical-align: middle;
}

.lyt-feature-01 .box-feature-02
{
    overflow: hidden;

    width: 100%;
}
.lyt-feature-01 .box-feature-02 #feature-section02-video
{
    position: absolute;
    z-index: -1;
    top: 0;

    display: block;

    height: 90%;
    margin: 5% 0 0;
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .box-feature-02 #feature-section02-video
    {
        left: 50%;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-feature-01 .box-feature-02 #feature-section02-video
    {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        max-width: 100%;
        height: auto;
        margin: auto;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .box-feature-02 #feature-section02-video
    {
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: 0;

        display: none;
        overflow: hidden;

        width: 1px;
        height: 1px;
        padding: 1px;
    }
}
.lyt-feature-01 .box-feature-02 img
{
    display: none;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .box-feature-02 img
    {
        display: block;

        width: 100%;
    }
}

.lyt-feature-01 .box-feature-03
{
    display: table-cell;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .box-feature-03
    {
        display: block;
    }
}

.lyt-feature-01 .box-feature-04
{
    display: table-cell;

    width: 100%;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .box-feature-04
    {
        display: block;
    }
}
.lyt-feature-01 .box-feature-04 figure
{
    display: block;

    width: 100%;
    margin: 3% auto;
}
@media screen and (min-width: 761px)
{
    .lyt-feature-01 .box-feature-04 figure
    {
        width: 80%;

        background: url(/ytc/government/img/img_feature_visual_04_pc.png) no-repeat center center;
        background-size: 100% auto;
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .box-feature-04 figure
    {
        width: 100%;
        margin: 3% auto;

        background-size: auto 100%;
    }
}
.lyt-feature-01 .box-feature-04 img
{
    display: block;

    width: 100%;

    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering:      crisp-edges;
}
@media screen and (min-width: 761px)
{
    .lyt-feature-01 .box-feature-04 img
    {
        visibility: hidden;

        width: auto;
        height: 80%;
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .box-feature-04 img
    {
        height: 100%;
    }
}

.lyt-feature-01 .box-feature-05
{
    display: table-cell;

    width: 100%;

    vertical-align: middle;
}
@media screen and (max-width: 1064px)
{
    .lyt-feature-01 .box-feature-05
    {
        padding: 70px 0;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .box-feature-05
    {
        top: 140px;
        left: 50%;

        height: auto;
        margin: 0 0 0 -140px;
        padding: 0;
    }
}
.lyt-feature-01 .box-feature-05 img
{
    display: none;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .box-feature-05 img
    {
        display: block;

        width: 100%;
    }
}
.lyt-feature-01 .box-feature-05 #feature-section05-video
{
    display: block;

    width: 75%;
    margin: 3% auto 30px;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .box-feature-05 #feature-section05-video
    {
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: 0;

        display: none;
        overflow: hidden;

        width: 1px;
        height: 1px;
        padding: 1px;
    }
}

.lyt-feature-01 .box-feature-06
{
    padding-bottom: 140px;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .box-feature-06
    {
        padding-bottom: 15px;
    }
}

.lyt-feature-01 .hdg-level1-feature-01
{
    font-size: 48px;
    font-weight: bold;
    line-height: 1;

    display: block;

    margin-bottom: 48px;

    text-align: center;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    color: #fff;
    text-shadow: 0 0 6px rgba(0, 0, 0, .4);
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .hdg-level1-feature-01
    {
        font-size: 23px;
        line-height: 1.2;

        display: block;

        margin-bottom: 17px;

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

.lyt-feature-01 .hdg-level1-feature-02
{
    font-size: 36px;
    line-height: 1;

    display: block;

    -webkit-transition: all .6s;

    transition: all .6s;
    text-align: center;

    color: #575a60;
    text-shadow: -3px -3px #fff,3px -3px #fff,-3px 3px #fff,3px 3px #fff;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .hdg-level1-feature-02
    {
        font-size: 22px;
        line-height: 29px;

        margin-bottom: 9px;
        padding-top: 10px;

        text-shadow: none;
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .hdg-level1-feature-02
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .hdg-level1-feature-02.fadeInOut
    {
        padding-top: 0;

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

.lyt-feature-01 .hdg-level1-feature-03
{
    font-size: 36px;
    font-weight: bold;
    line-height: 1;

    display: block;

    margin-bottom: 20px;

    -webkit-transition: all .6s;

    transition: all .6s;
    text-align: center;

    color: #fff;
    text-shadow: 0 0 6px rgba(0, 0, 0, .4);
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .hdg-level1-feature-03
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .hdg-level1-feature-03
    {
        font-size: 23px;
        line-height: 1.2;

        display: block;

        margin-bottom: 17px;
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .hdg-level1-feature-03.fadeInOut
    {
        padding-top: 0;

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

.lyt-feature-01 .hdg-level1-feature-04
{
    font-size: 36px;
    line-height: 1;

    display: block;

    -webkit-transition: all .6s;

    transition: all .6s;
    text-align: center;

    color: #575a60;
    text-shadow: -3px -3px #fff,3px -3px #fff,-3px 3px #fff,3px 3px #fff;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .hdg-level1-feature-04
    {
        font-size: 22px;
        line-height: 29px;

        margin-bottom: 9px;
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .hdg-level1-feature-04
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .hdg-level1-feature-04.fadeInOut
    {
        padding-top: 0;

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

.lyt-feature-01 .hdg-level1-feature-05
{
    font-size: 36px;
    font-weight: bold;
    line-height: 1;

    display: block;

    padding-top: 30px;

    -webkit-transition: all .6s;

    transition: all .6s;
    text-align: center;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .hdg-level1-feature-05
    {
        font-size: 22px;
        line-height: 29px;

        margin-bottom: 9px;
        padding-top: 35px;
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .hdg-level1-feature-05
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .hdg-level1-feature-05.fadeInOut
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

.lyt-feature-01 .txt-feature-01
{
    font-size: 16px;
    font-weight: bold;
    line-height: 2;

    display: block;

    text-align: center;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    color: #fff;
    text-shadow: 0 0 6px rgba(0, 0, 0, .4);
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .txt-feature-01
    {
        font-size: 12px;

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

.lyt-feature-01 .txt-feature-02
{
    font-size: 16px;

    -webkit-transition: all .6s .3s;

    transition: all .6s .3s;

    color: #575a60;
    text-shadow: -2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff;
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .txt-feature-02.fadeInOut
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .txt-feature-02
    {
        text-shadow: none;
    }
}
@media screen and (min-width: 761px)
{
    .lyt-feature-01 .txt-feature-02
    {
        position: absolute;
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .txt-feature-02
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.lyt-feature-01 .txt-feature-03
{
    font-size: 16px;

    -webkit-transition: all .6s .3s;

    transition: all .6s .3s;

    color: #fff;
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .txt-feature-03.fadeInOut
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .txt-feature-03
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.lyt-feature-01 .txt-feature-04
{
    font-size: 16px;

    margin-bottom: 5%;

    -webkit-transition: all .6s .3s;

    transition: all .6s .3s;

    color: #575a60;
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .txt-feature-04.fadeInOut
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .txt-feature-04
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.lyt-feature-01 .txt-feature-05
{
    font-size: 14px;

    padding-bottom: 30px;

    -webkit-transition: all .6s .3s;

    transition: all .6s .3s;

    color: #fff;
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .txt-feature-05.fadeInOut
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .txt-feature-05
    {
        padding-bottom: 0;
    }
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .txt-feature-05
    {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.lyt-feature-01 .txt-feature-02,
.lyt-feature-01 .txt-feature-03,
.lyt-feature-01 .txt-feature-04,
.lyt-feature-01 .txt-feature-05
{
    font-weight: bold;
    line-height: 2;

    display: block;

    width: 100%;

    text-align: center;
}
@media screen and (min-width: 761px)
{
    .lyt-feature-01 .txt-feature-02,
    .lyt-feature-01 .txt-feature-03,
    .lyt-feature-01 .txt-feature-04,
    .lyt-feature-01 .txt-feature-05
    {
        bottom: 15%;
        left: 0;
    }
    .lyt-feature-01 .fadeInOut.txt-feature-02,
    .lyt-feature-01 .fadeInOut.txt-feature-03,
    .lyt-feature-01 .fadeInOut.txt-feature-04,
    .lyt-feature-01 .fadeInOut.txt-feature-05
    {
        bottom: 17%;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .txt-feature-02,
    .lyt-feature-01 .txt-feature-03,
    .lyt-feature-01 .txt-feature-04,
    .lyt-feature-01 .txt-feature-05
    {
        font-size: 12px;
        line-height: 20px;
    }
}

.lyt-feature-01 .caption-feature-02
{
    margin-bottom: 20px;

    color: #575a5f;
    text-shadow: -2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff;
}
.lyt-feature-01 .caption-feature-02 b
{
    color: #575a5f;
}

.lyt-feature-01 .caption-feature-03
{
    margin-bottom: 28px;

    color: #ffda00;
    text-shadow: 0 0 6px rgba(0, 0, 0, .4);
}
.lyt-feature-01 .caption-feature-03 b
{
    color: #ffda00;
}

.lyt-feature-01 .caption-feature-04
{
    margin-top: 40px;
    margin-bottom: 20px;

    color: #11acb1;
    text-shadow: -2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff;
}
.lyt-feature-01 .caption-feature-04 b
{
    color: #11acb1;
}

.lyt-feature-01 .caption-feature-02,
.lyt-feature-01 .caption-feature-03,
.lyt-feature-01 .caption-feature-04
{
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;

    display: block;

    text-align: center;
    letter-spacing: .1em;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.lyt-feature-01 .caption-feature-02 b,
.lyt-feature-01 .caption-feature-03 b,
.lyt-feature-01 .caption-feature-04 b
{
    font-size: 28px;
    line-height: 26px;

    margin-left: 5px;

    vertical-align: bottom;
}
@media screen and (min-width: 1064px)
{
    .lyt-feature-01 .fadeInOut.caption-feature-02,
    .lyt-feature-01 .fadeInOut.caption-feature-03,
    .lyt-feature-01 .fadeInOut.caption-feature-04
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .caption-feature-02,
    .lyt-feature-01 .caption-feature-03,
    .lyt-feature-01 .caption-feature-04
    {
        font-size: 13px;
        line-height: 13px;
    }
    .lyt-feature-01 .caption-feature-02 b,
    .lyt-feature-01 .caption-feature-03 b,
    .lyt-feature-01 .caption-feature-04 b
    {
        font-size: 24px;
        line-height: 22px;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-feature-01 .caption-feature-02,
    .lyt-feature-01 .caption-feature-03,
    .lyt-feature-01 .caption-feature-04
    {
        padding-top: 30px;

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

.lyt-feature-01 .btn-feature-pagetop-01 a
{
    display: none;
}
@media screen and (min-width: 761px)
{
    .lyt-feature-01 .btn-feature-pagetop-01 a
    {
        position: fixed;
        bottom: 40px;
        left: 50%;

        display: block;

        width: 60px;
        height: 60px;
        margin-left: -30px;

        -webkit-transition: all .2s;

        transition: all .2s;

        opacity: .7;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        background: url(/ytc/government/img/btn_feature_pagetop_01.png) no-repeat left top;
        background-size: 100% auto;
    }
    .lyt-feature-01 .btn-feature-pagetop-01 a:hover
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
@media screen and (min-width: 1065px)
{
    .lyt-feature-01 .btn-feature-pagetop-01 a
    {
        -webkit-animation: btn-feature-pagetop-01 1.5s infinite alternate ease-in-out;
                animation: btn-feature-pagetop-01 1.5s infinite alternate ease-in-out;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-feature-01 .btn-feature-pagetop-01 a
    {
        bottom: 90px;
    }
}

.lyt-feature-01 .btn-feature-pagetop-02 a
{
    display: none;
}
@media screen and (max-width: 760px)
{
    .lyt-feature-01 .btn-feature-pagetop-02 a
    {
        position: absolute;
        bottom: 20px;
        left: 50%;

        display: block;

        width: 30px;
        height: 30px;
        margin-left: -15px;

        text-align: center;

        opacity: .7;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        background: url(/ytc/government/img/btn_feature_pagetop_01.png) no-repeat left top;
        background-size: 100% auto;
    }
}

@-webkit-keyframes btn-feature-pagetop-01
{
    from
    {
        bottom: 40px;
    }
    45%
    {
        bottom: 40px;
    }
    95%
    {
        bottom: 30px;
    }
    to
    {
        bottom: 30px;
    }
}

@keyframes btn-feature-pagetop-01
{
    from
    {
        bottom: 40px;
    }
    45%
    {
        bottom: 40px;
    }
    95%
    {
        bottom: 30px;
    }
    to
    {
        bottom: 30px;
    }
}

.lyt-feature-01 .nav-feature-01
{
    position: fixed;
    z-index: 2;
    top: 50%;
    left: 55px;

    width: 20px;
    margin-top: -120px;

    text-align: center;
}
@media screen and (max-width: 1064px)
{
    .lyt-feature-01 .nav-feature-01
    {
        display: none !important;
    }
}
.lyt-feature-01 .nav-feature-01 .direction
{
    width: 20px;
    margin: 9px auto 0;

    text-align: center;
}
.lyt-feature-01 .nav-feature-01 .direction__list
{
    height: 40px;
}
.lyt-feature-01 .nav-feature-01 .direction__list span
{
    display: inline-block;

    width: 10px;
    height: 10px;

    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    vertical-align: middle;

    border-radius: 100%;
    background: #ccc;
}
.lyt-feature-01 .nav-feature-01 .direction__list span:hover
{
    width: 12px;
    height: 12px;
}
.lyt-feature-01 .nav-feature-01 .direction__list.current span
{
    width: 10px;
    height: 10px;

    background: #ffda00;
}

/* lyt-case-01-container
--------------------------------------- */
.lyt-case-01-container .lyt-case-01
{
    margin-bottom: 10px;
}
@media screen and (max-width: 760px)
{
    .lyt-case-01-container .lyt-case-01
    {
        margin-bottom: 25px;
    }
}
.lyt-case-01-container .lyt-case-01 .column
{
    float: left;

    box-sizing: border-box;
    width: 48.66310160427807%;
    margin-right: 2.67379679144385%;
    padding: 30px 0;

    border: none !important;
}
.lyt-case-01-container .lyt-case-01 .column:nth-child(2n)
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .lyt-case-01-container .lyt-case-01 .column
    {
        float: none;

        width: 100%;
        margin: 0;
        padding: 15px 0 5px;
    }
}
.lyt-case-01-container .lyt-case-01 .column dt
{
    margin-bottom: 20px;
}
@media screen and (max-width: 760px)
{
    .lyt-case-01-container .lyt-case-01 .column dt
    {
        margin-bottom: 10px;
    }
}
.lyt-case-01-container .lyt-case-01 .column dt span
{
    position: relative;

    display: inline-block;

    width: 60px;
    height: 60px;
    margin-right: 15px;

    text-align: center;

    border-radius: 50%;
}
@media screen and (max-width: 760px)
{
    .lyt-case-01-container .lyt-case-01 .column dt span
    {
        width: 33px;
        height: 33px;
        margin-right: 7.5px;
    }
    .lyt-case-01-container .lyt-case-01 .column dt span img
    {
        width: 50%;
    }
}
.lyt-case-01-container .lyt-case-01 .column dt span img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: auto;
}
.lyt-case-01-container .lyt-case-01 .column figcaption
{
    font-size: 172%;
    line-height: 60px;

    display: inline-block;
}
@media screen and (max-width: 760px)
{
    .lyt-case-01-container .lyt-case-01 .column figcaption
    {
        font-size: 122%;
        line-height: 33px;
    }
}
.lyt-case-01-container .lyt-case-01 .column dt span img
{
    width: 100%;
}
.lyt-case-01-container .lyt-case-01 .column .lyt-case-01-text
{
    font-size: 115%;
    line-height: 43px;

    padding-right: 20px;

    background-image: url(/assets/img/bg/bg_border_06.png), url(/assets/img/bg/bg_border_07.png);
    background-repeat: repeat, repeat-x;
    background-position: 100% 100%,0 100%;
}
@media screen and (max-width: 760px)
{
    .lyt-case-01-container .lyt-case-01 .column .lyt-case-01-text
    {
        font-size: 100%;
        line-height: 40px;

        padding-right: 1rem;

        background-size: 6px 40px,6px 1px;
    }
}
.lyt-case-01-container .lyt-case-01 .column em
{
    font-weight: normal;

    vertical-align: baseline;

    color: #f91e1e;
}

/* lyt-flow-01
--------------------------------------- */
.lyt-flow-01 .hdg-level2-01
{
    margin-top: 40px;
}
@media screen and (max-width: 760px)
{
    .lyt-flow-01 .hdg-level2-01
    {
        margin-top: 30px;
    }
}

.lyt-flow-01 .lyt-image-02:last-child
{
    margin-bottom: 0;
}

.lyt-flow-01 .lyt-image-02 .doc-plain-01
{
    margin-bottom: 13px;
}

@media screen and (max-width: 760px)
{
    .lyt-flow-01 .lyt-image-02 .image
    {
        text-align: center;
    }
}

.lyt-flow-01 .lyt-image-02 .text
{
    max-width: 535px;
    margin-bottom: 25px;
}
@media screen and (max-width: 760px)
{
    .lyt-flow-01 .lyt-image-02 .text
    {
        max-width: none;
        margin-bottom: 0;
    }
}

.lyt-flow-01 .lyt-image-02.lyt-flow-01-arrow
{
    padding-bottom: 30px;

    background: url(/ytc/government/img/icon_government_flow_01.png) no-repeat center bottom;
    background-size: 57px auto;
}
@media screen and (max-width: 760px)
{
    .lyt-flow-01 .lyt-image-02.lyt-flow-01-arrow
    {
        padding-bottom: 18px;

        background-size: auto 18px;
    }
}

.lyt-flow-01 .box-contact-01.col-1
{
    margin-bottom: 13px;
}
.lyt-flow-01 .box-contact-01.col-1 .column
{
    box-sizing: border-box;
    padding: 42px 0 30px;

    border: 1px solid #d0d2db;
}
@media screen and (max-width: 760px)
{
    .lyt-flow-01 .box-contact-01.col-1 .column
    {
        padding: 20px 0;
    }
}
.lyt-flow-01 .box-contact-01.col-1 .reception-time
{
    margin-bottom: 5px;
}
@media screen and (max-width: 760px)
{
    .lyt-flow-01 .box-contact-01.col-1 .reception-time
    {
        margin-bottom: 0;
    }
}
.lyt-flow-01 .box-contact-01.col-1 .list-link-01
{
    margin-bottom: 5px;
}
@media screen and (max-width: 760px)
{
    .lyt-flow-01 .box-contact-01.col-1 .list-link-01
    {
        margin-bottom: 0;
    }
}
.lyt-flow-01 .box-contact-01.col-1 .nav-btn-02 p
{
    max-width: 260px;
    margin-bottom: 10px;
}
@media screen and (max-width: 760px)
{
    .lyt-flow-01 .box-contact-01.col-1 .nav-btn-02 p
    {
        margin-bottom: 0;
    }
}
.lyt-flow-01 .box-contact-01.col-1 .nav-btn-02 a
{
    max-width: 260px;
}

/* lyt-induction-01
--------------------------------------- */
.lyt-induction-01
{
    margin: 40px 0 78px;
    padding-top: 25px;

    background: url('/assets/img/bg/bg_lyt-induction-01.png') no-repeat 50% 0;
    background-size: 1122px 16px;
}
@media screen and (max-width: 760px)
{
    .lyt-induction-01
    {
        margin: 20px 0 39px;
        padding-top: 25px;
    }
}

/* lyt-form-input-01
--------------------------------------- */
.lyt-form-input-01 .site-search-text
{
    position: relative;
}
.lyt-form-input-01 .site-search-text .input-text
{
    font-size: 100%;

    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0 40px 0 15px;

    border: 1px solid #c6c9d3;
    border-radius: 25px;
    background-color: #fff;
}
.lyt-form-input-01 .site-search-text .search-img
{
    position: absolute;
    top: 16px;
    right: 20px;

    width: 17px;
    height: 17px;
}
@media screen and (max-width: 760px)
{
    .lyt-form-input-01 .site-search-text .search-img
    {
        display: none;
    }
}
.lyt-form-input-01 .site-search-text .search-img-sp
{
    display: none;
}
@media screen and (max-width: 760px)
{
    .lyt-form-input-01 .site-search-text .search-img-sp
    {
        position: absolute;
        top: 16px;
        right: 20px;

        display: block;

        width: 17px;
        height: 17px;
    }
}

/* lyt-notfound-01
--------------------------------------- */
.lyt-notfound-01
{
    height: 640px;

    background-color: #ffda00;
}
@media screen and (max-width: 760px)
{
    .lyt-notfound-01
    {
        height: auto;
        padding-bottom: 30px;
    }
}
.lyt-notfound-01 .lyt-notfound-01-inner
{
    position: relative;

    max-width: 1122px;
    margin: 0 auto;
    padding: 0 30px;
}
@media screen and (max-width: 760px)
{
    .lyt-notfound-01 .lyt-notfound-01-inner
    {
        padding: 0 15px;
    }
}
.lyt-notfound-01 .title
{
    font-size: 515%;
    font-weight: bold;
    line-height: 1.1;

    padding: 156px 0 0;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .lyt-notfound-01 .title
    {
        font-size: 258%;

        padding: 30px 0 20px;
    }
}
.lyt-notfound-01 .text-01
{
    font-size: 200%;
    line-height: 1.6;

    margin-bottom: 1em;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .lyt-notfound-01 .text-01
    {
        font-size: 129%;
    }
}
.lyt-notfound-01 .text-02
{
    margin-bottom: 1em;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .lyt-notfound-01 .text-02
    {
        font-size: 86%;
    }
}
.lyt-notfound-01 .text-02.en
{
    margin-bottom: 2.5em;
}
@media screen and (max-width: 760px)
{
    .lyt-notfound-01 .text-02.en
    {
        margin-bottom: 1em;
    }
}

/* lyt-movie-01
--------------------------------------- */
.lyt-movie-01
{
    width: 100%;
}
.lyt-movie-01 .lyt-movie-01-inner
{
    position: relative;

    height: 0;
    padding-top: 56.25%;
}
.lyt-movie-01 .lyt-movie-01-inner iframe
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

/* lyt-product-sp-01
--------------------------------------- */
.lyt-product-sp-01
{
    padding-top: 15px;

    border-top: 1px solid #d0d2db;
}
.lyt-product-sp-01 .column
{
    margin-bottom: 15px;
    padding-bottom: 15px;

    border-bottom: 1px solid #d0d2db;
}
.lyt-product-sp-01 .lyt-image-02
{
    margin-bottom: 5px;
}
.lyt-product-sp-01 .lyt-image-02 .image
{
    width: 34.48276% !important;
    margin-right: 20px !important;
}
.lyt-product-sp-01 .nav-btn-02
{
    margin-bottom: 0;
}
.lyt-product-sp-01 .nav-btn-02 p
{
    margin-bottom: 3px;
}

/* lyt-sitemap-01
--------------------------------------- */
.lyt-sitemap-01 .list-link-01 li
{
    line-height: 1.6;

    margin-bottom: 7px;
}
.lyt-sitemap-01 .list-link-01 li .list-link-01
{
    font-size: 86%;

    margin-top: 7px;
}
.lyt-sitemap-01 .list-link-01 li .list-link-01 li:before
{
    top: 5px;
}

@media screen and (max-width: 760px)
{
    .lyt-sitemap-01 .hdg-level4-03 a
    {
        font-size: 100%;
    }
}

/* lyt-form-complete-01
--------------------------------------- */
.lyt-form-complete-01
{
    width: 792px;
    margin: 0 auto;

    text-align: center;
}
@media screen and (max-width: 860px)
{
    .lyt-form-complete-01
    {
        width: 100%;
    }
}
.lyt-form-complete-01 .title
{
    font-size: 243%;

    margin-bottom: 20px;
}
@media screen and (max-width: 760px)
{
    .lyt-form-complete-01 .title
    {
        font-size: 129%;
    }
}
.lyt-form-complete-01 .image
{
    margin-bottom: 30px;
}
.lyt-form-complete-01 .image img
{
    width: 236px;
}
@media screen and (max-width: 760px)
{
    .lyt-form-complete-01 .image img
    {
        width: 162px;
    }
}
.lyt-form-complete-01 .box-important-01
{
    text-align: left;
}

/* lyt-main-kuroneko-market-01
--------------------------------------- */
.lyt-main-kuroneko-market-01-container
{
    height: 540px;

    background: url('/_developers/modules/sample/market/img/bg_lyt-main-kuroneko-market-01_pc.png') no-repeat 50% 100%;
    background-size: cover;
}
@media screen and (max-width: 760px)
{
    .lyt-main-kuroneko-market-01-container
    {
        height: 364px;

        background: url('/_developers/modules/sample/market/img/bg_lyt-main-kuroneko-market-01_sp.png') no-repeat 0 100%;
        background-size: cover;
    }
}
.lyt-main-kuroneko-market-01-container.maintenance
{
    background: url('/_developers/modules/sample/market/img/bg_lyt-main-kuroneko-market-maintenance_01_pc.png') no-repeat 50% 100%;
    background-size: cover;
}
@media screen and (max-width: 760px)
{
    .lyt-main-kuroneko-market-01-container.maintenance
    {
        height: 375px;

        background: url('/_developers/modules/sample/market/img/bg_lyt-main-kuroneko-market-maintenance_01_sp.png') no-repeat 0 100%;
        background-size: cover;
    }
}
.lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .title
{
    padding: 40px 0 24px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .title
    {
        padding: 20px 0 14px;
    }
}
.lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .title img
{
    width: 195px;
}
@media screen and (max-width: 760px)
{
    .lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .title img
    {
        width: 129px;
    }
}
.lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .description
{
    font-size: 115%;

    margin-bottom: 24px;

    text-align: center;

    color: #008277;
}
@media screen and (max-width: 760px)
{
    .lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .description
    {
        font-size: 100%;
        line-height: 1.5;

        margin-bottom: 15px;
    }
}
.lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .flow-image
{
    margin-bottom: 40px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .flow-image
    {
        margin-bottom: 15px;
    }
    .lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .flow-image img
    {
        width: 290px;
    }
}
.lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .nav-btn-02 p
{
    width: 260px !important;
}
@media screen and (max-width: 760px)
{
    .lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .nav-btn-02 p
    {
        width: 290px !important;
    }
}
.lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .nav-btn-02 p a
{
    width: 260px !important;
}
@media screen and (max-width: 760px)
{
    .lyt-main-kuroneko-market-01-container .lyt-main-kuroneko-market-01 .nav-btn-02 p a
    {
        width: 290px !important;
    }
}

/* lyt-main-kuroneko-market-02
--------------------------------------- */
.lyt-main-kuroneko-market-02
{
    height: 715px;

    background: url('/_developers/modules/sample/market/img/bg_lyt-main-kuroneko-market-02_pc.png') no-repeat 50% 100%;
    background-size: cover;
}
@media screen and (max-width: 760px)
{
    .lyt-main-kuroneko-market-02
    {
        height: auto;

        background: #ecfeff url('/_developers/modules/sample/market/img/bg_lyt-main-kuroneko-market-02_sp.png') no-repeat 50% 100%;
    }
}
.lyt-main-kuroneko-market-02 .lyt-main-kuroneko-market-02-inner
{
    max-width: 1122px;
    margin: 0 auto;
    padding: 70px 30px 0;
}
@media screen and (max-width: 760px)
{
    .lyt-main-kuroneko-market-02 .lyt-main-kuroneko-market-02-inner
    {
        padding: 40px 15px 150px;
    }
}
.lyt-main-kuroneko-market-02 .hdg-level2-01
{
    margin-top: 0;
}
@media screen and (max-width: 760px)
{
    .lyt-main-kuroneko-market-02 .nav-index-03 .column
    {
        margin-top: 20px;
    }
}

/* lyt-fee-calc-01
--------------------------------------- */
.lyt-fee-calc-01
{
    margin-bottom: 40px;
    padding-bottom: 40px;

    background-color: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01
    {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
}
.lyt-fee-calc-01 .fee-select
{
    position: relative;

    padding: 28px 0;

    letter-spacing: -.5em;

    background-color: #e1e3e9;
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select
    {
        box-sizing: border-box;
        width: 100%;
        padding: 20px 15px;
    }
}
.lyt-fee-calc-01 .fee-select:after
{
    position: absolute;
    right: 0;
    bottom: -15px;
    left: 0;

    width: 0;
    height: 0;
    margin: auto;

    content: '';

    border-width: 15px 15px 0 15px;
    border-style: solid;
    border-color: #e1e3e9 transparent transparent transparent;
}
.lyt-fee-calc-01 .fee-select dl:first-child
{
    float: left;

    margin-right: 0;
    margin-left: 5.52584670232%;
}
@media screen and (max-width: 1064px)
{
    .lyt-fee-calc-01 .fee-select dl:first-child
    {
        margin-left: 3.0247%;
    }
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select dl:first-child
    {
        float: none;

        margin-left: 0;
    }
}
.lyt-fee-calc-01 .fee-select .fee-select-list
{
    display: inline-block;
    float: right;

    width: 39.0374331551%;
    margin-right: 4.90196078431%;
}
@media screen and (max-width: 1064px)
{
    .lyt-fee-calc-01 .fee-select .fee-select-list
    {
        width: 44.037433%;
        margin-right: .90196078431%;
    }
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select .fee-select-list
    {
        display: block;
        float: none;

        width: 100%;
        margin-right: 0;
    }
}
.lyt-fee-calc-01 .fee-select .fee-select-list dt,
.lyt-fee-calc-01 .fee-select .fee-select-list dd
{
    display: inline-block;

    vertical-align: middle;
    letter-spacing: normal;
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select .fee-select-list dt,
    .lyt-fee-calc-01 .fee-select .fee-select-list dd
    {
        display: block;
    }
}
.lyt-fee-calc-01 .fee-select .fee-select-list dt
{
    font-size: 115%;

    overflow: hidden;

    box-sizing: border-box;
    width: 19.994%;
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select .fee-select-list dt
    {
        font-size: 100%;

        width: 100%;
        margin: 0 0 10px 0;
    }
}
.lyt-fee-calc-01 .fee-select .fee-select-list dd
{
    display: inline-block;

    width: 80%;
}
@media screen and (max-width: 1182px)
{
    .lyt-fee-calc-01 .fee-select .fee-select-list dd
    {
        width: 78%;
    }
}
@media screen and (max-width: 1064px)
{
    .lyt-fee-calc-01 .fee-select .fee-select-list dd
    {
        width: 76%;
    }
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select .fee-select-list dd
    {
        width: 100%;
    }
}
.lyt-fee-calc-01 .fee-select .inner
{
    position: relative;
}
.lyt-fee-calc-01 .fee-select .dot-text
{
    font-size: 115%;
    line-height: 1;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: inline-block;

    width: 48px;
    width: 3rem;
    height: 16px;
    height: 1rem;
    margin: auto;
    padding-right: 2px;

    color: #10af9e;
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select .dot-text
    {
        display: none;
    }
}
.lyt-fee-calc-01 .fee-select .btn-select
{
    line-height: 1.3;

    position: relative;

    display: block;

    box-sizing: border-box;
    width: 100%;
    padding: 11px 25px 11px 10px;

    cursor: pointer;
    text-align: center;

    border: 1px solid #c6c9d3;
    border-radius: 10px;
    background-color: #fff;
    background-image: url(/assets/img/icon/icon_arrow_01.png);
    background-repeat: no-repeat;
    background-position: 94.6327683616% center;
    box-shadow: 0 2px 0 0 #c6c9d3;
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select .btn-select
    {
        font-size: 100%;

        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 6px;

        background-position: 97% center;
    }
}
.lyt-fee-calc-01 .fee-select .btn-select .label-01,
.lyt-fee-calc-01 .fee-select .btn-select .label-02
{
    position: absolute;
    z-index: 1;

    overflow: hidden;

    width: 87%;

    white-space: nowrap;

    color: #333;
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select .btn-select .label-01,
    .lyt-fee-calc-01 .fee-select .btn-select .label-02
    {
        line-height: 34px;

        top: 0;
        left: 6%;

        height: 34px;
    }
}
.lyt-fee-calc-01 .fee-select select::-ms-expand
{
    display: none;
}
.lyt-fee-calc-01 .fee-select select
{
    position: relative;
    z-index: 2;

    display: block;

    box-sizing: border-box;
    width: 100%;

    cursor: pointer;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 1px solid #c6c9d3;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #c6c9d3;

      -o-appearance: none;
     -ms-appearance: none;
         -webkit-appearance: none;
             appearance: none;
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select select
    {
        font-size: 100%;

        width: 100%;
        max-width: 100%;
    }
}
.lyt-fee-calc-01 .fee-select select:focus,
.lyt-fee-calc-01 .fee-select select:hover
{
    color: #fff;
    border: 1px solid transparent;
    background-color: #10af9e;
    box-shadow: none;
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select select:focus,
    .lyt-fee-calc-01 .fee-select select:hover
    {
        color: #009a8b;
        border: 1px solid #c6c9d3;
        background-color: #fff;
        box-shadow: 0 2px 0 0 #c6c9d3;
    }
}
@media screen and (max-width: 860px)
{
    .lyt-fee-calc-01 .fee-select select:active
    {
        background-color: #fff !important;
        box-shadow: 0 2px 0 0 #c6c9d3 !important;
    }
}
.lyt-fee-calc-01 .fee-select option
{
    color: #333;
    background-color: #fff;
}
.lyt-fee-calc-01 .fee-select .fee-select-text
{
    font-size: 86%;

    padding-top: 20px;

    text-align: center;
    letter-spacing: normal;
}
.lyt-fee-calc-01 .price-text
{
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.lyt-fee-calc-01 .price-text.active
{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.lyt-fee-calc-01 .fee-result-price
{
    padding: 20px 0;
}
.lyt-fee-calc-01 .size-list img
{
    max-width: 100%;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .size-list img
    {
        width: 100%;
    }
}
.lyt-fee-calc-01 .fee-result-01
{
    padding: 40px 25px 0;

    text-align: center;
    letter-spacing: -.5em;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-01
    {
        padding: 30px 15px 5px;
    }
}
.lyt-fee-calc-01 .fee-result-01 .size-list
{
    line-height: 1;

    display: inline-block;

    width: 15.1119402985%;
    margin-bottom: 40px;
    margin-left: 1.86567164179%;

    letter-spacing: normal;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-01 .size-list
    {
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px;
        margin-left: 0;
        padding-right: 7.5px;
    }
    .lyt-fee-calc-01 .fee-result-01 .size-list:nth-child(even)
    {
        padding-right: 0;
        padding-left: 7.5px;
    }
}
.lyt-fee-calc-01 .fee-result-01 .size-list:first-child
{
    margin-left: 0;
}
.lyt-fee-calc-01 .fee-result-01 .size-list .fee-result-price
{
    text-align: center;

    color: #fff;
    background-color: #10af9e;
}
.lyt-fee-calc-01 .fee-result-01 .size-list .fee-result-price.type-01
{
    font-size: 86%;
}
.lyt-fee-calc-01 .fee-result-01 .size-list .fee-result-price.type-01 .price-text
{
    margin-bottom: 10px;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-01 .size-list .fee-result-price.type-01 .price-text
    {
        font-size: 150%;

        margin-bottom: 5px;
    }
}
.lyt-fee-calc-01 .fee-result-01 .size-list .fee-result-price.type-01 .price-yen
{
    margin-bottom: 10px;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-01 .size-list .fee-result-price.type-01 .price-yen
    {
        font-size: 100%;

        top: 1px;

        margin-bottom: 4px;
    }
}
.lyt-fee-calc-01 .fee-result-01 .size-list .fee-result-price .price-text
{
    font-size: 172%;

    display: inline-block;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-01 .size-list .fee-result-price .price-text
    {
        font-size: 129%;
    }
}
.lyt-fee-calc-01 .fee-result-01 .size-list .fee-result-price .price-yen
{
    font-size: 100%;

    position: relative;
    top: 3px;

    display: inline-block;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-01 .size-list .fee-result-price .price-yen
    {
        font-size: 86%;

        top: 1px;
    }
}
.lyt-fee-calc-01 .fee-result-02
{
    position: relative;

    padding: 40px 25px 0;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-02
    {
        padding: 30px 15px 0;

        letter-spacing: -.5em;
    }
}
.lyt-fee-calc-01 .fee-result-02 .size-list
{
    line-height: 1;

    width: 15.1119402985%;
    margin: 0 auto 40px;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-02 .size-list
    {
        display: inline-block;

        box-sizing: border-box;
        width: 50%;
        margin-bottom: 30px;
        margin-left: 0;
        padding-right: 7.5px;

        vertical-align: middle;
        letter-spacing: normal;
    }
    .lyt-fee-calc-01 .fee-result-02 .size-list:nth-child(even)
    {
        padding-right: 0;
        padding-left: 7.5px;
    }
}
.lyt-fee-calc-01 .fee-result-02 .size-list .fee-result-price
{
    font-size: 86%;

    text-align: center;

    color: #fff;
    background-color: #10af9e;
}
.lyt-fee-calc-01 .fee-result-02 .size-list .fee-result-price .price-text
{
    font-size: 172%;

    display: inline-block;

    margin-bottom: 10px;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-02 .size-list .fee-result-price .price-text
    {
        font-size: 150%;

        margin-bottom: 5px;
    }
}
.lyt-fee-calc-01 .fee-result-02 .size-list .fee-result-price .price-yen
{
    font-size: 100%;

    position: relative;
    top: 3px;

    display: inline-block;

    margin-bottom: 10px;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-02 .size-list .fee-result-price .price-yen
    {
        font-size: 100%;

        top: 1px;

        margin-bottom: 4px;
    }
}
.lyt-fee-calc-01 .fee-result-02 .profit-result-wrap
{
    position: absolute;
    top: 110px;
    right: 50%;

    overflow: hidden;

    width: 173px;
    margin-right: -265px;

    vertical-align: middle;

    border-bottom: 1px solid #f76c91;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-02 .profit-result-wrap
    {
        position: static;

        display: inline-block;
        overflow: hidden;

        box-sizing: border-box;
        width: 50%;
        margin-right: 0;
        margin-bottom: 30px;
        padding-left: 7.5px;

        letter-spacing: normal;
    }
}
.lyt-fee-calc-01 .fee-result-02 .profit-result
{
    font-size: 86%;
    line-height: 1.4;

    position: relative;

    float: right;

    box-sizing: border-box;
    width: 164px;
    padding: 18px;

    text-align: center;

    border: 1px solid #f76c91;
    border-bottom: none;
    background-color: #fff;
}
.lyt-fee-calc-01 .fee-result-02 .profit-result:after
{
    position: absolute;
    bottom: -17px;
    left: -26px;

    display: inline-block;

    content: '';

    border: 14px solid transparent;
    border-right-color: #fff;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-02 .profit-result:after
    {
        bottom: -19px;
    }
}
.lyt-fee-calc-01 .fee-result-02 .profit-result:before
{
    position: absolute;
    bottom: -19px;
    left: -29px;

    display: inline-block;

    content: '';

    border: 14px solid transparent;
    border-right-color: #f76c91;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-02 .profit-result:before
    {
        bottom: -21px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-02 .profit-result
    {
        font-size: 79%;

        width: 100%;
    }
}
.lyt-fee-calc-01 .fee-result-02 .profit-result .price-text
{
    font-size: 158%;
    font-weight: 700;

    display: inline-block;

    margin-bottom: 4px;

    vertical-align: middle;

    color: #f76c91;
}
.lyt-fee-calc-01 .fee-result-02 .profit-result .price-yen
{
    font-size: 115%;
    font-weight: 700;

    position: relative;
    top: 2px;

    display: inline-block;

    margin-bottom: 4px;

    vertical-align: middle;

    color: #f76c91;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-02 .profit-result .price-yen
    {
        top: 1px;
    }
}
.lyt-fee-calc-01 .fee-result-03
{
    position: relative;

    overflow: hidden;

    padding: 40px 25px 40px;

    letter-spacing: -.5em;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03
    {
        padding: 30px 15px 0;
    }
}
.lyt-fee-calc-01 .fee-result-03 .size-list
{
    line-height: 1;

    display: inline-block;
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-price
{
    font-size: 86%;

    text-align: center;
    letter-spacing: normal;

    color: #fff;
    background-color: #10af9e;
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-price .price-text
{
    font-size: 172%;

    display: inline-block;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-price .price-text
    {
        font-size: 150%;
    }
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-price .price-yen
{
    font-size: 100%;

    position: relative;
    top: 3px;

    display: inline-block;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-price .price-yen
    {
        font-size: 100%;

        top: 1px;
    }
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-left-box
{
    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 50%;
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-left-box:after
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 1px;
    height: 100%;

    content: '';

    border-right: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-left-box
    {
        width: 100%;
        padding-bottom: 15px;
    }
    .lyt-fee-calc-01 .fee-result-03 .fee-result-left-box:after
    {
        top: inherit;
        right: inherit;
        bottom: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 1px;

        content: '';

        border-right: none;
        border-bottom: 1px solid #c6c9d3;
    }
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list
{
    width: 30.225%;
    margin-left: 3.56506238859%;
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list:first-child,
.lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list:nth-child(2)
{
    margin-bottom: 20px;
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list:nth-child(odd)
{
    margin-left: 20.6773618538%;
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list .fee-result-price .price-text,
.lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list .fee-result-price .price-yen
{
    margin-bottom: 8px;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list .fee-result-price .price-text,
    .lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list .fee-result-price .price-yen
    {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list
    {
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px;
        margin-left: 0;
        padding-right: 7.5px;
    }
    .lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list:first-child,
    .lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list:nth-child(2)
    {
        margin-bottom: 15px;
    }
    .lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list:nth-child(odd)
    {
        margin-left: 0;
    }
    .lyt-fee-calc-01 .fee-result-03 .fee-result-left-box .size-list:nth-child(even)
    {
        padding-right: 0;
        padding-left: 7.5px;
    }
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box
{
    display: inline-block;

    box-sizing: border-box;
    width: 50%;

    letter-spacing: normal;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-right-box
    {
        width: 100%;
        padding: 25px 0 15px;

        letter-spacing: -.5em;
    }
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .title
{
    font-size: 86%;

    margin-bottom: 90px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .title
    {
        margin-bottom: 20px;

        letter-spacing: normal;
    }
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .title span
{
    font-size: 115%;
    font-weight: 700;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .title span
    {
        font-size: 100%;
    }
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .size-list
{
    width: 30.225%;
    margin-left: 17.825311943%;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .size-list
    {
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 15px;
        margin-left: 0;
        padding-right: 7.5px;

        vertical-align: middle;
        letter-spacing: normal;
    }
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .size-list .fee-result-price .price-text,
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .size-list .fee-result-price .price-yen
{
    margin-bottom: 8px;
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .profit-result-wrap
{
    position: absolute;
    top: 50%;

    display: inline-block;
    overflow: hidden;

    width: 173px;
    margin: -35px auto auto 10px;

    vertical-align: middle;

    border-bottom: 1px solid #f76c91;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .profit-result-wrap
    {
        position: static;

        display: inline-block;
        overflow: hidden;

        box-sizing: border-box;
        width: 50%;
        margin: 0 0 18px 0;
        padding-left: 7.5px;

        letter-spacing: normal;
        letter-spacing: normal;
    }
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .profit-result-wrap .profit-result
{
    line-height: 1;

    position: relative;

    float: right;

    box-sizing: border-box;
    width: 164px;
    padding: 18px;

    text-align: center;
    letter-spacing: normal;

    border: 1px solid #f76c91;
    border-bottom: none;
    background-color: #fff;
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .profit-result-wrap .profit-result:after
{
    position: absolute;
    bottom: -17px;
    left: -26px;

    display: inline-block;

    content: '';

    border: 14px solid transparent;
    border-right-color: #fff;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .profit-result-wrap .profit-result:after
    {
        bottom: -19px;
    }
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .profit-result-wrap .profit-result:before
{
    position: absolute;
    bottom: -19px;
    left: -29px;

    display: inline-block;

    content: '';

    border: 14px solid transparent;
    border-right-color: #f76c91;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .profit-result-wrap .profit-result:before
    {
        bottom: -21px;
    }
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .profit-result-wrap .profit-result
    {
        font-size: 79%;

        width: 100%;
    }
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .profit-result-wrap .profit-result .price-text
{
    font-size: 158%;
    font-weight: 700;

    vertical-align: middle;

    color: #f76c91;
}
.lyt-fee-calc-01 .fee-result-03 .fee-result-right-box .profit-result-wrap .profit-result .price-yen
{
    font-size: 115%;
    font-weight: 700;

    position: relative;
    top: 2px;

    vertical-align: middle;

    color: #f76c91;
}
.lyt-fee-calc-01 .fee-submit
{
    padding: 0 15px;

    text-align: center;
}
.lyt-fee-calc-01 .fee-submit .submit-btn a
{
    line-height: 1.3;

    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 258px;
    margin-bottom: 18px;
    padding: 11px 10px;

    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;
    vertical-align: middle;

    color: #009a8b;
    border: 1px solid #c6c9d3;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #c6c9d3;
}
.lyt-fee-calc-01 .fee-submit .submit-btn a:hover,
.lyt-fee-calc-01 .fee-submit .submit-btn a:active,
.lyt-fee-calc-01 .fee-submit .submit-btn a:focus
{
    text-decoration: none;

    color: #fff;
    border: 1px solid transparent;
    background-color: #10af9e;
    box-shadow: none;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-submit .submit-btn a
    {
        width: 100%;
        margin-bottom: 14px;
    }
    .lyt-fee-calc-01 .fee-submit .submit-btn a:active,
    .lyt-fee-calc-01 .fee-submit .submit-btn a:focus,
    .lyt-fee-calc-01 .fee-submit .submit-btn a:hover
    {
        color: #009a8b;
        border: 1px solid #c6c9d3;
        background-color: #fff;
        box-shadow: 0 2px 0 0 #c6c9d3;
    }
}
.lyt-fee-calc-01 .fee-submit li
{
    font-size: 86%;

    margin-bottom: 5px;
}
@media screen and (max-width: 760px)
{
    .lyt-fee-calc-01 .fee-submit li
    {
        text-align: left;
    }
}
.lyt-fee-calc-01 .fee-submit .notice
{
    color: #f66d92;
}

/* -------------------------------------------------------------------

    Box Module

-------------------------------------------------------------------- */
/* box-contact-01
--------------------------------------- */
.box-contact-01
{
    margin-bottom: 42px;
}
@media screen and (max-width: 760px)
{
    .box-contact-01
    {
        margin-bottom: 0;
        padding-bottom: 7px;
    }
}
.box-contact-01.col-2 .column
{
    float: left;

    box-sizing: border-box;
    width: 48.66310160427807%;
    margin-right: 2.67379679144385%;
    padding: 30px 0;

    border: 1px solid #d0d2db;
}
.box-contact-01.col-2 .column:nth-child(2n)
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .box-contact-01.col-2 .column
    {
        float: none;

        width: 100%;
        margin: 0 0 10px;
        padding: 25px 10px;
    }
}
.box-contact-01 .image
{
    margin-bottom: 13px;

    text-align: center;
}
.box-contact-01 .image img
{
    width: 58px;
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .image img
    {
        width: 38px;
    }
}
.box-contact-01 .title
{
    font-size: 158%;

    text-align: center;
}
@media screen and (max-width: 1064px)
{
    .box-contact-01 .title
    {
        font-size: 129%;
    }
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .title
    {
        font-size: 122%;
    }
}
.box-contact-01 .description
{
    text-align: center;

    color: #666;
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .description
    {
        font-size: 79%;
    }
}
.box-contact-01 .reception-time
{
    font-weight: bold;

    margin-bottom: 16px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .reception-time
    {
        font-size: 86%;
    }
}
.box-contact-01 .reception-time .sp-block
{
    display: none;
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .reception-time .sp-block
    {
        display: block;
    }
}
.box-contact-01 .nav-btn-02
{
    margin-bottom: 42px;
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .nav-btn-02
    {
        margin-bottom: 15px;
    }
}
.box-contact-01 .nav-btn-02.sp-block
{
    display: none;
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .nav-btn-02.sp-block
    {
        display: block;
    }
}
.box-contact-01 .nav-btn-02 p
{
    width: 354px !important;
}
@media screen and (max-width: 1064px)
{
    .box-contact-01 .nav-btn-02 p
    {
        width: 280px !important;
    }
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .nav-btn-02 p
    {
        width: 240px !important;
    }
}
.box-contact-01 .nav-btn-02 p a
{
    width: 354px !important;
    padding: 12px 10px;
}
@media screen and (max-width: 1064px)
{
    .box-contact-01 .nav-btn-02 p a
    {
        width: 280px !important;
    }
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .nav-btn-02 p a
    {
        width: 240px !important;
        padding: 10px 10px;
    }
}
.box-contact-01 .tel
{
    font-weight: bold;

    margin-top: 10px;

    text-align: center;
}
.box-contact-01 .tel a
{
    display: block;

    color: #333;
}
.box-contact-01 .tel .icon
{
    width: 60px;
    margin-right: 15px;

    vertical-align: baseline;
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .tel .icon
    {
        width: 40px;
        margin-right: 7px;
    }
}
.box-contact-01 .tel span
{
    font-size: 300%;

    display: block;
}
@media screen and (max-width: 1064px)
{
    .box-contact-01 .tel span
    {
        font-size: 215%;
    }
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .tel span
    {
        font-size: 200%;
    }
}
.box-contact-01 .tel ruby rt
{
    font-size: 11px;
    font-weight: bold;

    position: relative;
    top: 10px;
}
@media screen and (max-width: 760px)
{
    .box-contact-01 .tel ruby rt
    {
        font-size: 10px;

        top: 6px;
    }
}

/* box-contact-02
--------------------------------------- */
.box-contact-02
{
    margin-bottom: 20px;
    padding: 32px 40px 34px;

    background-color: #fff;
}
@media screen and (max-width: 760px)
{
    .box-contact-02.no-box-container
    {
        border: none !important;
    }
}
@media screen and (max-width: 760px)
{
    .box-contact-02.no-box-container .column:first-child
    {
        border: 1px solid #c6c9d3;
        border-top: none !important;
    }
}
.box-contact-02.no-box-container .no-box
{
    margin-top: 20px;

    border: none !important;
}
@media screen and (max-width: 760px)
{
    .box-contact-02.no-box-container .no-box
    {
        border: none !important;
    }
}
@media screen and (max-width: 760px)
{
    .box-contact-02.sp-border-b-dotted
    {
        border-bottom: 1px dotted #c6c9d3 !important;
    }
}
@media screen and (max-width: 760px)
{
    .box-contact-02
    {
        margin-bottom: 12px;
        padding: 15px 15px 20px;

        border: 1px solid #c6c9d3;
    }
}
.box-contact-02.col-2
{
    margin-bottom: 40px;
}
@media screen and (max-width: 760px)
{
    .box-contact-02.col-2
    {
        margin-bottom: 20px;
    }
    .box-contact-02.col-2 .title-01
    {
        position: relative;

        margin: 0 -15px;
        padding: 0 0 14px;

        border-bottom: 1px solid #c6c9d3;
    }
}
.box-contact-02.float-none .box-contact-02-inner .column
{
    float: none;

    width: 100% !important;
    margin-right: 0;
    margin-bottom: 30px;
}
.box-contact-02.float-none .box-contact-02-inner .column:last-child
{
    margin-bottom: 0;
}
.box-contact-02.type-02
{
    padding: 0;
}
@media screen and (max-width: 760px)
{
    .box-contact-02.type-02
    {
        padding: 0 15px 20px;
    }
}
.box-contact-02 .title-01
{
    font-size: 158%;

    margin-bottom: 13px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .title-01
    {
        font-size: 100%;

        margin-bottom: 10px;
    }
}
.box-contact-02 .title-02
{
    font-size: 129%;
}
.box-contact-02 .title-02
{
    font-size: 129%;

    padding: 16px 10px 15px;

    text-align: center;

    border-bottom: 1px dashed #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .title-02
    {
        font-size: 100%;
        font-weight: bold;

        padding: 15px 0 0;

        border-bottom: none;
    }
    .box-contact-02 .title-02.sp-mb
    {
        margin-bottom: 10px;
    }
}
.box-contact-02 .nav-btn-02,
.box-contact-02 .nav-btn-02 p
{
    margin-bottom: 0 !important;
}
.box-contact-02 .box-contact-02-inner
{
    margin-bottom: 21px;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .box-contact-02-inner
    {
        position: relative;

        margin: 0 -15px 0;
    }
}
.box-contact-02 .box-contact-02-inner .column
{
    float: left;

    box-sizing: border-box;
    width: 49.1362763915547%;
    margin-right: 1.727447216890595%;

    border: 1px solid #c6c9d3;
}
@media screen and (max-width: 1064px)
{
    .box-contact-02 .box-contact-02-inner .column
    {
        float: none;

        width: 100%;
        margin-right: 0;
    }
    .box-contact-02 .box-contact-02-inner .column:first-child
    {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .box-contact-02-inner .column
    {
        margin-bottom: 0 !important;
        padding-bottom: 20px;

        border: none;
        border-bottom: 1px dotted #c6c9d3;
    }
    .box-contact-02 .box-contact-02-inner .column.sp-border-none
    {
        padding-bottom: 0 !important;

        border-bottom: none;
    }
}
.box-contact-02 .box-contact-02-inner .column .column-inner
{
    padding: 16px 30px 29px;
}
@media screen and (max-width: 1064px)
{
    .box-contact-02 .box-contact-02-inner .column .column-inner
    {
        padding: 16px 15px 29px;
    }
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .box-contact-02-inner .column .column-inner
    {
        padding: 0 15px 0;
    }
}
.box-contact-02 .box-contact-02-inner .column:last-child
{
    margin-right: 0;
}
.box-contact-02 .box-contact-02-inner .column .doc-plain-01
{
    margin-bottom: 7px;
    padding-top: 10px;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .box-contact-02-inner .column .doc-plain-01
    {
        font-size: 86%;
        line-height: 1.5;
    }
}
.box-contact-02 .tel-01
{
    font-weight: bold;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .tel-01
    {
        margin-top: 10px;
    }
}
.box-contact-02 .tel-01 a
{
    display: block;

    color: #333;
}
.box-contact-02 .tel-01 a:active,
.box-contact-02 .tel-01 a:hover,
.box-contact-02 .tel-01 a:focus
{
    text-decoration: none;
}
.box-contact-02 .tel-01 .icon
{
    width: 60px;
    margin-right: 15px;

    vertical-align: baseline;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .tel-01 .icon
    {
        width: 40px;
        margin-right: 7px;
    }
}
.box-contact-02 .tel-01 span
{
    font-size: 300%;

    display: block;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .tel-01 span
    {
        font-size: 200%;
    }
}
.box-contact-02 .tel-01 ruby rt
{
    font-size: 11px;
    font-weight: bold;

    position: relative;
    top: 10px;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .tel-01 ruby rt
    {
        font-size: 10px;

        top: 6px;
    }
}
.box-contact-02 .tel-02
{
    text-align: center;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .tel-02
    {
        position: relative;

        margin-bottom: -10px;
        padding-top: 14px;
    }
}
.box-contact-02 .tel-02 em
{
    margin-left: 1em;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .tel-02 em
    {
        font-size: 115%;

        display: block;
    }
}
.box-contact-02 .reception-time
{
    font-weight: bold;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .reception-time
    {
        font-size: 86%;
    }
}
.box-contact-02 .reception-time .sp-block
{
    display: none;
}
@media screen and (max-width: 760px)
{
    .box-contact-02 .reception-time .sp-block
    {
        display: block;
    }
}

/* box-modal-01
--------------------------------------- */
#overlay
{
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    cursor: pointer;

    opacity: .8;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    background-color: #000;
}

.box-modal-01
{
    position: absolute;
    z-index: 99998;
    left: 50%;

    display: none;

    box-sizing: border-box;
    width: 798px;
    margin: 0 auto;
    padding: 0 30px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@media screen and (max-width: 815px)
{
    .box-modal-01
    {
        left: 0;

        width: 100%;
        margin-left: 0 !important;
    }
}
.box-modal-01.type-01
{
    width: 930px;
    padding: 46px 64px 40px;

    background-color: #fff;
}
@media screen and (max-width: 947px)
{
    .box-modal-01.type-01
    {
        left: 0;

        width: 100%;
        margin-left: 0 !important;
    }
}
@media screen and (max-width: 760px)
{
    .box-modal-01.type-01
    {
        padding: 23px 15px 20px;
    }
}
.box-modal-01.type-01 .modal-close
{
    top: -125px;
    right: -64px;
}
@media screen and (max-width: 760px)
{
    .box-modal-01.type-01 .modal-close
    {
        top: -66px;
        right: -5px;
    }
}
.box-modal-01.type-02
{
    width: 738px;
    margin-top: 50px;
}
@media screen and (max-width: 760px)
{
    .box-modal-01.type-02
    {
        left: 0;

        width: 100%;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
}
.box-modal-01.type-02 .modal-close
{
    top: -50px;
    right: 0;
}
@media screen and (max-width: 760px)
{
    .box-modal-01.type-02 .modal-close
    {
        top: -35px;
    }
}
.box-modal-01.type-02 .poster-title-01
{
    font-size: 172%;

    position: absolute;
    top: -50px;
    left: 0;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .box-modal-01.type-02 .poster-title-01
    {
        font-size: 129%;

        top: -35px;
    }
}
.box-modal-01.type-02 .poster-01 img
{
    width: 100%;
}
.box-modal-01.open
{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.box-modal-01 .box-modal-01-inner
{
    position: relative;
}
.box-modal-01 .box-modal-01-inner .box-contact-02.col-2 .box-contact-02-inner .column
{
    float: none;

    width: 100%;
    margin-right: 0;
}
.box-modal-01 .box-modal-01-inner .box-contact-02.col-2 .box-contact-02-inner .column:first-child
{
    margin-bottom: 20px;
}
.box-modal-01 .modal-title
{
    font-size: 172%;
    line-height: 1.3;

    width: 100%;
    margin-bottom: 33px;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .box-modal-01 .modal-title
    {
        font-size: 108%;

        margin-bottom: 15px;
    }
}
.box-modal-01 .modal-title .new
{
    font-size: 58%;

    display: block;

    margin-bottom: 13px;

    color: #f8759a;
}
@media screen and (max-width: 760px)
{
    .box-modal-01 .modal-title .new
    {
        margin-bottom: 5px;
    }
}
.box-modal-01 .movie-box
{
    position: relative;

    height: 0;
    margin-bottom: 30px;
    padding-top: 56.25%;
}
@media screen and (max-width: 760px)
{
    .box-modal-01 .movie-box
    {
        margin-bottom: 15px;
    }
}
.box-modal-01 .movie-box.not-active
{
    background-color: #fff;
}
.box-modal-01 .movie-box.not-active .video-js
{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.box-modal-01 .movie-box .video-js
{
    position: absolute;
    top: 0;

    width: 100%;
    height: 100%;
}
.box-modal-01 .movie-box iframe
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.box-modal-01 #modal-loader
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 40px;
    height: 40px;
    margin: auto;
}
.box-modal-01 .modal-close
{
    position: absolute;
    top: 10px;
    right: 0;

    margin-bottom: 0;

    cursor: pointer;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .box-modal-01 .modal-close
    {
        top: -25px;
        right: 0;
    }
}
.box-modal-01 .modal-close:before
{
    font-size: 39px;

    vertical-align: middle;

    color: #fff;
}
@media screen and (max-width: 760px)
{
    .box-modal-01 .modal-close:before
    {
        font-size: 20px;
    }
}
@media screen and (max-width: 760px)
{
    .box-modal-01 .nav-btn-02.center ul li
    {
        display: inline-block;
    }
}
.box-modal-01 .doc-price-01
{
    line-height: 1.1;

    margin-bottom: 1em;

    vertical-align: bottom;
}
@media screen and (max-width: 760px)
{
    .box-modal-01 .doc-price-01
    {
        margin-bottom: .5em;
    }
}
.box-modal-01 .doc-price-01 em
{
    font-size: 172%;

    margin-right: 3px;

    vertical-align: bottom;
}
@media screen and (max-width: 760px)
{
    .box-modal-01 .doc-price-01 em
    {
        font-size: 115%;
    }
}
.box-modal-01 .list-point-01
{
    padding-top: 20px;

    border-top: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .box-modal-01 .list-point-01
    {
        padding-top: 15px;
    }
}
.box-modal-01 .list-point-01 li
{
    position: relative;

    margin-bottom: 9px;
    padding-left: 87px;
}
.box-modal-01 .list-point-01 li span
{
    font-size: 86%;

    position: absolute;
    top: 2px;
    left: 0;

    display: block;

    width: 78px;

    text-align: center;

    border-radius: 2px;
    background-color: #ffe500;
}

.image-modal
{
    position: relative;

    display: block;

    padding: 9px 6px 9px 6px;
}
.image-modal:active .modal-icon,
.image-modal:hover .modal-icon,
.image-modal:focus .modal-icon
{
    background: url('/assets/img/icon/icon_modal_01_o.png') no-repeat 0 0;
    background-size: 24px 24px;
}
@media screen and (max-width: 760px)
{
    .image-modal:active .modal-icon,
    .image-modal:hover .modal-icon,
    .image-modal:focus .modal-icon
    {
        background: url('/assets/img/icon/icon_modal_01.png') no-repeat 0 0;
        background-size: 24px 24px;
    }
}
.image-modal .modal-icon
{
    position: absolute;
    right: -6px;
    bottom: -3px;

    display: block;

    width: 24px;
    height: 24px;

    background: url('/assets/img/icon/icon_modal_01.png') no-repeat 0 0;
    background-size: 24px 24px;
}

/* box-content-01
--------------------------------------- */
.box-content-01
{
    margin-bottom: 40px;
    padding: 30px 20px 25px;

    background-color: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .box-content-01
    {
        margin-bottom: 20px;
        padding: 20px 10px;
    }
}
.box-content-01.p-wide
{
    padding: 45px 10.80586080586081% 45px;
}
@media screen and (max-width: 760px)
{
    .box-content-01.p-wide
    {
        margin-bottom: 20px;
        padding: 20px 10px;
    }
}
.box-content-01 .text-01
{
    font-size: 115%;
    font-weight: bold;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .box-content-01 .text-01
    {
        font-size: 100%;
    }
}
.box-content-01 .btn-login-list li
{
    margin-bottom: 25px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .box-content-01 .btn-login-list li
    {
        margin-bottom: 15px;
    }
}
.box-content-01 .btn-login-list li a
{
    -webkit-transition: opacity .2s ease 0s;
    transition: opacity .2s ease 0s;
}
.box-content-01 .btn-login-list li a:hover,
.box-content-01 .btn-login-list li a:focus
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .box-content-01 .btn-login-list li a:hover,
    .box-content-01 .btn-login-list li a:focus
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.box-content-01 .btn-login-list li img
{
    max-width: 100%;
}

/* box-content-02
--------------------------------------- */
.box-content-02
{
    margin-bottom: 40px;
    padding: 25px 20px 25px;

    border: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .box-content-02
    {
        margin-bottom: 20px;
        padding: 12px 10px;
    }
}

.box-content-02-title
{
    position: relative;

    padding: 10px 20px;

    border-top: 1px solid #c6c9d3;
    border-right: 1px solid #c6c9d3;
    border-left: 1px solid #c6c9d3;
    background-color: #e1e3e9;
}
@media screen and (max-width: 760px)
{
    .box-content-02-title
    {
        padding: 5px 10px;
    }
}
.box-content-02-title h2
{
    font-size: 115%;
}
@media screen and (max-width: 760px)
{
    .box-content-02-title h2
    {
        font-size: 100%;
    }
}
.box-content-02-title .nav-btn-02
{
    font-size: 86%;

    position: absolute;
    top: 7px;
    right: 20px;
}
@media screen and (max-width: 760px)
{
    .box-content-02-title .nav-btn-02
    {
        font-size: 79%;

        top: 3px;
        right: 10px;
    }
}
.box-content-02-title .nav-btn-02 p a
{
    width: 146px;
    padding: 6px 0;
}
@media screen and (max-width: 760px)
{
    .box-content-02-title .nav-btn-02 p a
    {
        width: 130px;
        padding: 3px 0;
    }
}

/* box-site-search-01
--------------------------------------- */
.box-site-search-01
{
    margin-bottom: 50px;
    padding: 40px;

    background-color: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .box-site-search-01
    {
        margin-bottom: 25px;
        padding: 20px;
    }
}
.box-site-search-01 table tr
{
    border-bottom: 1px solid #c6c9d3;
}
.box-site-search-01 table tr:first-child th
{
    padding: 0 0 20px;
}
@media screen and (max-width: 760px)
{
    .box-site-search-01 table tr:first-child th
    {
        padding: 0 0 7px;
    }
}
.box-site-search-01 table tr:first-child td
{
    padding: 0 0 20px;
}
@media screen and (max-width: 760px)
{
    .box-site-search-01 table tr:first-child td
    {
        padding: 0 0 20px;
    }
}
.box-site-search-01 table tr:last-child
{
    border-bottom: none;
}
.box-site-search-01 table tr:last-child th
{
    padding: 20px 0 0;
}
@media screen and (max-width: 760px)
{
    .box-site-search-01 table tr:last-child th
    {
        padding: 14px 0 7px;
    }
}
.box-site-search-01 table tr:last-child td
{
    padding: 20px 0 0;
}
@media screen and (max-width: 760px)
{
    .box-site-search-01 table tr:last-child td
    {
        padding: 0;
    }
}
.box-site-search-01 table th
{
    width: 23%;
    padding: 20px 0;
}
@media screen and (max-width: 760px)
{
    .box-site-search-01 table th
    {
        display: list-item;

        box-sizing: border-box;
        width: 100%;
        padding: 14px 0 7px;

        list-style: none;
    }
}
.box-site-search-01 table td
{
    width: 77%;
    padding: 20px 0;
}
@media screen and (max-width: 760px)
{
    .box-site-search-01 table td
    {
        display: list-item;

        box-sizing: border-box;
        width: 100%;
        padding: 0 0 20px;

        list-style: none;
    }
}
.box-site-search-01 .site-search-text
{
    position: relative;
}
.box-site-search-01 .site-search-text .input-text
{
    font-size: 86%;

    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 0 40px 0 15px;

    border: 1px solid #c6c9d3;
    border-radius: 20px;
    background-color: #fff;
}
.box-site-search-01 .site-search-text .search-img
{
    position: absolute;
    top: 12px;
    right: 15px;

    width: 17px;
    height: 17px;
}
@media screen and (max-width: 760px)
{
    .box-site-search-01 .site-search-text .search-img
    {
        display: none;
    }
}
.box-site-search-01 .site-search-text .search-img-sp
{
    position: absolute;
    top: 12px;
    right: 15px;

    display: none;

    width: 17px;
    height: 17px;
}
@media screen and (max-width: 760px)
{
    .box-site-search-01 .site-search-text .search-img-sp
    {
        display: block;
    }
}
.box-site-search-01 .radio-list li
{
    float: left;

    margin-right: 40px;
}
.box-site-search-01 .radio-list li input
{
    position: relative;
    top: 2px;

    margin-right: 5px;

    vertical-align: baseline;
}
.box-site-search-01 .order-switch li
{
    float: left;

    width: 80px;
    margin-right: 10px;
}
.box-site-search-01 .order-switch li a
{
    display: block;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;

    border: 1px solid #c6c9d3;
    border-radius: 5px;
    background-color: #fff;
}
.box-site-search-01 .order-switch li a:active,
.box-site-search-01 .order-switch li a:hover,
.box-site-search-01 .order-switch li a:focus
{
    text-decoration: none;

    color: #fff;
    border: 1px solid #10af9e;
    background-color: #10af9e;
}
@media screen and (max-width: 760px)
{
    .box-site-search-01 .order-switch li a:active,
    .box-site-search-01 .order-switch li a:hover,
    .box-site-search-01 .order-switch li a:focus
    {
        color: #009a8b;
        border: 1px solid #c6c9d3;
        background-color: #fff;
    }
}
.box-site-search-01 .order-switch li.current a
{
    color: #fff;
    border: 1px solid #10af9e;
    background-color: #10af9e;
}

/* box-clipboard-01
--------------------------------------- */
.box-clipboard-01
{
    margin-bottom: 40px;
    padding: 30px 20px;

    background-color: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .box-clipboard-01
    {
        margin-bottom: 20px;
        padding: 15px 10px;
    }
}
.box-clipboard-01 .image
{
    margin-bottom: 20px;
}
@media screen and (max-width: 760px)
{
    .box-clipboard-01 .image
    {
        margin-bottom: 10px;
    }
}
.box-clipboard-01 .source
{
    overflow-x: scroll;

    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px 20px;

    border: 1px solid #c6c9d3;
    background-color: #fff;
}
@media screen and (max-width: 760px)
{
    .box-clipboard-01 .source
    {
        margin-bottom: 10px;
        padding: 10px 10px;
    }
}
.box-clipboard-01 .source p
{
    width: 100%;
}
.box-clipboard-01 .nav-btn-02
{
    margin-bottom: 0;
}
.box-clipboard-01 .nav-btn-02 p
{
    margin-bottom: 0;
}

/* box-important-01
--------------------------------------- */
.box-important-01
{
    margin-bottom: 45px;
    padding: 25px 30px;

    background-color: #ffebeb;
}
@media screen and (max-width: 760px)
{
    .box-important-01
    {
        margin-bottom: 20px;
        padding: 12px 15px;
    }
}
.box-important-01 .title
{
    font-size: 115%;
    font-weight: bold;

    margin-bottom: 6px;

    color: #f91e1e;
}
.box-important-01 .important-text
{
    color: #f91e1e;
}

/* box-order-item-01
--------------------------------------- */
.box-order-item-01.type-01 table
{
    border-right: none;
}

.box-order-item-01.type-01 td
{
    padding: 16px 17px 7px;
}
.box-order-item-01.type-01 td:last-child
{
    border-right: 1px solid #c6c9d3;
}

.box-order-item-01 .item-tools
{
    text-align: center;
    letter-spacing: -.5em;
}
.box-order-item-01 .item-tools.type-01
{
    padding: 25px 0 22px 1.785%;

    text-align: left;
}
.box-order-item-01 .item-tools .item-total,
.box-order-item-01 .item-tools .item-minus,
.box-order-item-01 .item-tools .item-plus
{
    line-height: 40px;

    display: inline-block;

    width: 44px;
    height: 40px;

    text-align: center;
    letter-spacing: normal;

    border: 1px solid #c6c9d3;
}
.box-order-item-01 .item-tools .sub-total-price
{
    font-weight: 700;
    line-height: 42px;

    display: inline-block;

    padding-left: 8.99%;

    letter-spacing: normal;
}
.box-order-item-01 .item-tools .item-total
{
    border-right: none;
    border-left: none;
}
.box-order-item-01 .item-tools .item-minus,
.box-order-item-01 .item-tools .item-plus
{
    font-weight: 700;

    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;

    background-color: #f5f6f8;
}
.box-order-item-01 .item-tools .item-minus:hover,
.box-order-item-01 .item-tools .item-plus:hover
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .box-order-item-01 .item-tools .item-minus:hover,
    .box-order-item-01 .item-tools .item-plus:hover
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

.box-order-item-01 .lt-adjust
{
    letter-spacing: -.5em;
}

.box-order-item-01 .name-01
{
    font-weight: 700;
}

.box-order-item-01 .del-wrap
{
    padding: 10px 17px !important;
}
.box-order-item-01 .del-wrap .important-text
{
    float: left;

    color: #f91e1e;
}
.box-order-item-01 .del-wrap .del-btn
{
    font-weight: 700;

    float: right;

    padding-left: 25px;

    cursor: pointer;

    color: #0ba897;
    background-image: url(/_developers/modules/sample/market/img/img-del-icon-01.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.box-order-item-01 .total-cart-01
{
    padding: 20px !important;

    background-color: #f5f6f8;
}
.box-order-item-01 .total-cart-01 .nav-btn-02
{
    float: left;
}
.box-order-item-01 .total-cart-01 .nav-btn-02 a
{
    font-weight: 700;

    display: block;

    width: 162px;
    padding: 10px 0;

    color: #009a8b;
    border: 1px solid #c6c9d3;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #c6c9d3;
}
.box-order-item-01 .total-cart-01 .nav-btn-02 a:hover
{
    color: #fff;
    border: 1px solid transparent;
    background-color: #10af9e;
    box-shadow: none;
}
@media screen and (max-width: 760px)
{
    .box-order-item-01 .total-cart-01 .nav-btn-02 a:hover
    {
        color: #009a8b;
        border: 1px solid #c6c9d3;
        background-color: #fff;
        box-shadow: 0 2px 0 0 #c6c9d3;
    }
}
.box-order-item-01 .total-cart-01 .nav-btn-02 a:active,
.box-order-item-01 .total-cart-01 .nav-btn-02 a:focus
{
    background-color: #129989 !important;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .box-order-item-01 .total-cart-01 .nav-btn-02 a:active,
    .box-order-item-01 .total-cart-01 .nav-btn-02 a:focus
    {
        background-color: #fff;
        box-shadow: 0 2px 0 0 #c6c9d3;
    }
}

.box-order-item-01 .price-submit-wrap
{
    float: right;

    letter-spacing: -.5em;
}

.box-order-item-01 .price-total
{
    display: inline-block;

    vertical-align: middle;
}
.box-order-item-01 .price-total.type-01 dd
{
    font-size: 100%;
    line-height: 1.8;
}
.box-order-item-01 .price-total.type-01 dd .total-price
{
    font-size: 100%;
    line-height: 1.8;
}
.box-order-item-01 .price-total.type-01 dd .fwb
{
    line-height: 1.8;

    letter-spacing: normal;
}
.box-order-item-01 .price-total dt
{
    font-weight: 700;

    display: inline-block;

    padding-right: 10px;

    letter-spacing: normal;
}
.box-order-item-01 .price-total dd
{
    font-size: 86%;
    line-height: 2.3;

    display: inline-block;

    letter-spacing: normal;
}
.box-order-item-01 .price-total dd .total-price
{
    font-size: 172%;
    font-weight: 700;
    line-height: .8;
}
.box-order-item-01 .price-total dd .fwb
{
    font-size: 100%;
    font-weight: 700;
    line-height: 2.3;

    letter-spacing: -.5em;
}

.box-order-item-01 .submit-btn-wrap
{
    display: inline-block;

    padding-left: 20px;

    vertical-align: middle;
    letter-spacing: normal;
}
.box-order-item-01 .submit-btn-wrap .submit-btn
{
    font-size: 100%;
    font-weight: bold;
    line-height: 1.3;

    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 258px;
    padding: 11px 10px;

    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;

    color: #fff;
    border: none;
    border-radius: 10px;
    background-color: #10af9e;
    box-shadow: 0 2px 0 0 #00655a;
}
.box-order-item-01 .submit-btn-wrap .submit-btn:hover
{
    text-decoration: none;

    background-color: #19bbaa;
    box-shadow: 0 2px 0 0 #10af9e;
}
@media screen and (max-width: 760px)
{
    .box-order-item-01 .submit-btn-wrap .submit-btn:hover
    {
        background-color: #10af9e;
        box-shadow: 0 2px 0 0 #00655a;
    }
}
.box-order-item-01 .submit-btn-wrap .submit-btn:active,
.box-order-item-01 .submit-btn-wrap .submit-btn:focus
{
    background-color: #129989 !important;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .box-order-item-01 .submit-btn-wrap .submit-btn:active,
    .box-order-item-01 .submit-btn-wrap .submit-btn:focus
    {
        background-color: #10af9e !important;
        box-shadow: 0 2px 0 0 #00655a !important;
    }
}

/* box-order-content-01
--------------------------------------- */
.box-order-content-01
{
    padding: 15px 20px 20px 20px;

    background-color: #f5f6f8;
}
.box-order-content-01.type-01
{
    position: relative;

    padding: 32px 20px 98px 20px;

    background-color: #40bfb1;
}
.box-order-content-01.type-01 .block-head
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 73px;

    background-color: #fff;
    background-image: url(/_developers/modules/sample/market/img/img_cart-head-01.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.box-order-content-01.type-01 .block-tail
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 55px;
    margin: auto;

    background-color: #fff;
    background-image: url(/_developers/modules/sample/market/img/img_cart-tail-01.png);
    background-repeat: no-repeat;
    background-position: 58% -16px;
}
.box-order-content-01.type-01 .inner
{
    margin-top: 12px;
}
.box-order-content-01.type-01 .title
{
    position: relative;

    color: #fff;
}
.box-order-content-01 .inner
{
    margin-top: 20px;
    padding: 18px 20px 20px 20px;

    background-color: #fff;
}
.box-order-content-01 .title
{
    font-size: 172%;
    font-weight: 700;

    text-align: center;
}
.box-order-content-01 .price-total
{
    padding-bottom: 13px;

    letter-spacing: -.5em;

    border-bottom: 1px solid #c6c9d3;
}
.box-order-content-01 .price-total dt
{
    font-weight: 700;

    display: inline-block;

    padding-right: 10px;

    letter-spacing: normal;
}
.box-order-content-01 .price-total dd
{
    font-size: 86%;
    line-height: 2.3;

    display: inline-block;

    letter-spacing: normal;
}
.box-order-content-01 .price-total dd .total-price
{
    font-size: 24px;
    font-weight: 700;
    line-height: .8;
}
.box-order-content-01 .price-total dd .fwb
{
    font-size: 100%;
    font-weight: 700;
    line-height: 2.3;

    letter-spacing: -.5em;
}
.box-order-content-01 .total-item-list
{
    padding-top: 15px;
}
.box-order-content-01 .total-item-list dl
{
    padding-top: 15px;
    padding-bottom: 15px;

    border-bottom: 1px solid #c6c9d3;
}
.box-order-content-01 .total-item-list dl:first-child
{
    padding-top: 0;
}
.box-order-content-01 .total-item-list dl:last-child
{
    border-bottom: none;
}
.box-order-content-01 .total-item-list dl.bbnone
{
    border-bottom: none;
}
.box-order-content-01 .total-item-list dl.none
{
    display: none;
}
.box-order-content-01 .total-item-list dt
{
    font-size: 86%;

    padding-bottom: 10px;
}
.box-order-content-01 .total-item-list dt .item-name
{
    font-size: 115%;
    font-weight: 700;

    display: inline-block;

    padding-right: 10px;

    word-wrap: break-word;
}
.box-order-content-01 .total-item-list dt .sub-tx
{
    line-height: 2.4;

    display: inline-block;
}
.box-order-content-01 .total-item-list dd
{
    font-weight: 700;
}
.box-order-content-01 .total-item-list dd .subtotal
{
    display: inline-block;

    padding-left: 10px;
}
.box-order-content-01 .total-item-list dd .tax-tx
{
    font-size: 86%;
    font-weight: 200;
    line-height: 2.3;
}
.box-order-content-01 .all-view-wrap
{
    text-align: center;
}
.box-order-content-01 .all-view-wrap .all-view
{
    position: relative;

    display: inline-block;

    padding-left: 20px;

    cursor: pointer;
    -webkit-transition: color .2s ease 0s;
    transition: color .2s ease 0s;
    text-align: center;
    word-wrap: break-word;

    color: #009a8b;

    overflow-wrap: break-word;
}
.box-order-content-01 .all-view-wrap .all-view:hover,
.box-order-content-01 .all-view-wrap .all-view:focus,
.box-order-content-01 .all-view-wrap .all-view:active
{
    text-decoration: underline;

    color: #14bfad;
    outline: none;
}
@media screen and (max-width: 760px)
{
    .box-order-content-01 .all-view-wrap .all-view:hover,
    .box-order-content-01 .all-view-wrap .all-view:focus,
    .box-order-content-01 .all-view-wrap .all-view:active
    {
        text-decoration: none;

        color: #009a8b;
    }
}
.box-order-content-01 .all-view-wrap .all-view:before
{
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 5px;
    left: 0;

    content: '\e904';
    vertical-align: middle;
    text-transform: none;

    color: #20a898;

    speak: none;
    -webkit-font-smoothing: antialiased;
}
.box-order-content-01 .submit-btn-wrap
{
    padding-top: 15px;

    text-align: center;
}
.box-order-content-01 .submit-btn-wrap .submit-btn
{
    font-size: 100%;
    font-weight: bold;
    line-height: 1.3;

    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 162px;
    padding: 11px 10px;

    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;

    color: #fff;
    border: none;
    border-radius: 10px;
    background-color: #10af9e;
    box-shadow: 0 2px 0 0 #00655a;
}
.box-order-content-01 .submit-btn-wrap .submit-btn:hover
{
    text-decoration: none;

    background-color: #19bbaa;
    box-shadow: 0 2px 0 0 #10af9e;
}
@media screen and (max-width: 760px)
{
    .box-order-content-01 .submit-btn-wrap .submit-btn:hover
    {
        background-color: #10af9e;
        box-shadow: 0 2px 0 0 #00655a;
    }
}
.box-order-content-01 .submit-btn-wrap .submit-btn:active,
.box-order-content-01 .submit-btn-wrap .submit-btn:focus
{
    background-color: #129989 !important;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .box-order-content-01 .submit-btn-wrap .submit-btn:active,
    .box-order-content-01 .submit-btn-wrap .submit-btn:focus
    {
        background-color: #10af9e !important;
        box-shadow: 0 2px 0 0 #00655a !important;
    }
}

/* -------------------------------------------------------------------

    Navigation Module

-------------------------------------------------------------------- */
/* nav-location
--------------------------------------- */
#nav-location
{
    margin-bottom: 48px;

    background-color: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    #nav-location
    {
        margin-bottom: 23px;
    }
}
#nav-location ul
{
    margin: 0 auto;
    padding: 6px 30px 6px;
}
@media screen and (max-width: 760px)
{
    #nav-location ul
    {
        box-sizing: border-box;
        width: 100%;
        padding: 7px 15px 7px;
    }
}
#nav-location ul li
{
    font-size: 86%;
    line-height: 1.6;

    position: relative;

    float: left;

    margin-right: 7px;
    padding-right: 29px;

    color: #666;
}
#nav-location ul li:before
{
    font-size: 20px;
    line-height: 1.1;

    position: absolute;
    top: -1px;
    right: 0;

    vertical-align: baseline;

    color: #333;
}
@media screen and (max-width: 760px)
{
    #nav-location ul li:before
    {
        font-size: 16px;

        top: 0;
    }
}
@media screen and (max-width: 760px)
{
    #nav-location ul li
    {
        font-size: 72%;

        margin-right: 3px;
        padding-right: 18px;
    }
}
#nav-location ul li a
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    color: #666;
}
#nav-location ul li a:active,
#nav-location ul li a:hover,
#nav-location ul li a:focus
{
    text-decoration: none;

    color: #10af9e;
}
@media screen and (max-width: 760px)
{
    #nav-location ul li a:active,
    #nav-location ul li a:hover,
    #nav-location ul li a:focus
    {
        color: #666;
    }
}
#nav-location ul li:last-child
{
    margin-right: 0;
    padding-right: 0;
}
#nav-location ul li:last-child:before
{
    display: none;
}

/* nav-fixed-right
--------------------------------------- */
#nav-fixed-right
{
    position: fixed;
    z-index: 9999;
    top: 244px;
    right: -210px;

    width: 210px;
    height: 192px;

    -webkit-transition-timing-function: ease;

            transition-timing-function: ease;
    -webkit-transition-duration: .4s;
            transition-duration: .4s;
    -webkit-transition-property: right,bottom,opacity;
    transition-property: right,bottom,opacity;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background: url('/assets/img/bg/bg_nav-fixed-right.png') no-repeat 0 0;
}
#nav-fixed-right.slide
{
    right: 0;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#nav-fixed-right.slide-back
{
    right: -146px;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#nav-fixed-right.members
{
    right: 0 !important;

    width: 105px;
    height: 95px;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background-image: none;
}
#nav-fixed-right.members.slide-back
{
    right: 0 !important;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right.members
    {
        box-sizing: border-box;
        width: 100%;
        height: 71px;
        padding: 16px 15px 0;

        background-color: #666;
    }
}
#nav-fixed-right.members a
{
    font-size: 100%;
    line-height: 1.4;

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;

    color: #333;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #fcff00;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right.members a
    {
        border-radius: 10px;
        box-shadow: 0 2px 0 0 #c7c900;
    }
}
#nav-fixed-right.members a:active,
#nav-fixed-right.members a:hover,
#nav-fixed-right.members a:focus
{
    text-decoration: none;

    background-color: #ffda00;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right.members a:active,
    #nav-fixed-right.members a:hover,
    #nav-fixed-right.members a:focus
    {
        background-color: #fcff00;
    }
}
#nav-fixed-right.members a:active .img,
#nav-fixed-right.members a:hover .img,
#nav-fixed-right.members a:focus .img
{
    -webkit-animation: sprite-members-login-01 1s steps(10) forwards;
            animation: sprite-members-login-01 1s steps(10) forwards;
}

@-webkit-keyframes sprite-members-login-01
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -280px;
    }
}

@keyframes sprite-members-login-01
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -280px;
    }
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right.members a:active .img,
    #nav-fixed-right.members a:hover .img,
    #nav-fixed-right.members a:focus .img
    {
        -webkit-animation: none;
                animation: none;
    }
}
#nav-fixed-right.members a .inner
{
    display: block;

    box-sizing: border-box;
    width: 105px;
    height: 95px;
    padding-top: 48px;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right.members a .inner
    {
        position: relative;

        display: inline-block;

        width: auto;
        height: 40px;
        padding-top: 12px;
    }
}
#nav-fixed-right.members a .img
{
    position: absolute;
    top: 15px;
    left: 40px;

    display: block;
    overflow: hidden;

    width: 31px;
    height: 28px;

    background: url('/assets/img/icon/icon_members_01.png') no-repeat 0 0;
    background-size: 31px 308px;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right.members a .img
    {
        position: static;

        display: inline-block;

        width: 20px;
        height: 18px;
        margin-top: 3px;
        margin-right: 8px;

        background-size: 20px 198px;
    }
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right
    {
        top: inherit;
        right: inherit;
        bottom: -65px;
        left: 0;

        width: 100%;
        height: auto;

        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-color: #10af9e;
    }
    #nav-fixed-right.slide-sp
    {
        bottom: 0;
    }
}
#nav-fixed-right ul
{
    margin: 5px 0 0 5px;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right ul
    {
        margin: 0 0 0 0;

        border-top: 1px solid #fff;
    }
}
#nav-fixed-right ul li
{
    position: relative;

    border-bottom: 1px solid #cdcdcf;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right ul li
    {
        float: left;

        box-sizing: border-box;
        width: 33.33333333333333%;

        border-right: 1px solid #4cc3b6;
        border-bottom: none;
    }
    #nav-fixed-right ul li.last
    {
        border-right: none;
    }
}
#nav-fixed-right ul li a
{
    position: relative;

    display: block;

    box-sizing: border-box;
    height: 60px;
    padding: 18px 0 0 62px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    color: #333;
    background-repeat: no-repeat;
    background-position: 18px 17px;
    background-size: 30px 30px;
}
#nav-fixed-right ul li a.nav-01
{
    background-image: url('/assets/img/icon/icon_float_01.png');
}
#nav-fixed-right ul li a.nav-02
{
    background-image: url('/assets/img/icon/icon_float_02.png');
}
#nav-fixed-right ul li a.nav-03
{
    background-image: url('/assets/img/icon/icon_float_03.png');
}
#nav-fixed-right ul li a.nav-04
{
    background-image: url('/assets/img/icon/icon_float_04.png');
}
#nav-fixed-right ul li a.nav-05
{
    background-image: url('/assets/img/icon/icon_float_05.png');
}
#nav-fixed-right ul li a.nav-06
{
    background-image: url('/assets/img/icon/icon_float_06.png');
}
#nav-fixed-right ul li a.nav-business-fixed-01
{
    background-image: url('/assets/img/icon/icon_float_business_01.png');
    background-size: 36px 33px;
}
#nav-fixed-right ul li a.nav-business-fixed-02
{
    background-image: url('/assets/img/icon/icon_float_business_02.png');
}
#nav-fixed-right ul li a.nav-business-fixed-03
{
    background-image: url('/assets/img/icon/icon_float_business_03.png');
    background-position: 18px 15px;
    background-size: 32px 30px;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right ul li a
    {
        font-size: 72%;
        font-weight: bold;

        display: block;

        height: 70px;
        padding: 18px 0 0 0;

        text-align: center;

        color: #fff;
        background-color: #10af9e;
        background-image: none !important;
    }
}
@media screen and (max-width: 760px)
{
    #nav-fixed-right ul li a
    {
        height: 65px;
        padding: 8px 0 0 0;
    }
}
#nav-fixed-right ul li a:active,
#nav-fixed-right ul li a:hover,
#nav-fixed-right ul li a:focus
{
    text-decoration: none;

    color: #fff;
    background-color: #10af9e;
}
#nav-fixed-right ul li a:active.nav-01,
#nav-fixed-right ul li a:hover.nav-01,
#nav-fixed-right ul li a:focus.nav-01
{
    background-image: url('/assets/img/icon/icon_float_01_o.png');
}
#nav-fixed-right ul li a:active.nav-02,
#nav-fixed-right ul li a:hover.nav-02,
#nav-fixed-right ul li a:focus.nav-02
{
    background-image: url('/assets/img/icon/icon_float_02_o.png');
}
#nav-fixed-right ul li a:active.nav-03,
#nav-fixed-right ul li a:hover.nav-03,
#nav-fixed-right ul li a:focus.nav-03
{
    background-image: url('/assets/img/icon/icon_float_03_o.png');
}
#nav-fixed-right ul li a:active.nav-04,
#nav-fixed-right ul li a:hover.nav-04,
#nav-fixed-right ul li a:focus.nav-04
{
    background-image: url('/assets/img/icon/icon_float_04_o.png');
}
#nav-fixed-right ul li a:active.nav-05,
#nav-fixed-right ul li a:hover.nav-05,
#nav-fixed-right ul li a:focus.nav-05
{
    background-image: url('/assets/img/icon/icon_float_05_o.png');
}
#nav-fixed-right ul li a:active.nav-06,
#nav-fixed-right ul li a:hover.nav-06,
#nav-fixed-right ul li a:focus.nav-06
{
    background-image: url('/assets/img/icon/icon_float_06_o.png');
}
#nav-fixed-right ul li a:active.nav-business-fixed-01,
#nav-fixed-right ul li a:hover.nav-business-fixed-01,
#nav-fixed-right ul li a:focus.nav-business-fixed-01
{
    background-image: url('/assets/img/icon/icon_float_business_01_hov.png');
}
#nav-fixed-right ul li a:active.nav-business-fixed-02,
#nav-fixed-right ul li a:hover.nav-business-fixed-02,
#nav-fixed-right ul li a:focus.nav-business-fixed-02
{
    background-image: url('/assets/img/icon/icon_float_business_02_hov.png');
}
#nav-fixed-right ul li a:active.nav-business-fixed-03,
#nav-fixed-right ul li a:hover.nav-business-fixed-03,
#nav-fixed-right ul li a:focus.nav-business-fixed-03
{
    background-image: url('/assets/img/icon/icon_float_business_03_hov.png');
}
#nav-fixed-right ul li a img
{
    display: none;

    width: 30px;

    text-align: center;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right ul li a img
    {
        display: inline;

        width: 40px;
        margin-right: 17px;
    }
}
@media screen and (max-width: 760px)
{
    #nav-fixed-right ul li a img
    {
        width: 30px;
        margin-right: 0;
    }
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right ul li a span
    {
        font-size: 158%;

        display: inline-block;

        padding-top: 5px;
    }
}
@media screen and (max-width: 760px)
{
    #nav-fixed-right ul li a span
    {
        font-size: 100%;

        display: block;

        padding-top: 3px;
    }
}
#nav-fixed-right ul li.first
{
    border-top-left-radius: 20px;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right ul li.first
    {
        border-top-left-radius: none;
    }
}
#nav-fixed-right ul li.first a
{
    border-top-left-radius: 20px;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right ul li.first a
    {
        border-top-left-radius: none;
    }
}
#nav-fixed-right ul li.last
{
    border-bottom: none;
    border-bottom-left-radius: 20px;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right ul li.last
    {
        border-bottom-left-radius: 0;
    }
}
#nav-fixed-right ul li.last a
{
    border-bottom-left-radius: 20px;
}
@media screen and (max-width: 1064px)
{
    #nav-fixed-right ul li.last a
    {
        border-bottom-left-radius: 0;
    }
}

/* nav-top-01
--------------------------------------- */
.nav-top-01
{
    border-top: 1px solid #c6c9d3;
    border-bottom: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .nav-top-01
    {
        box-sizing: border-box;
        width: 100%;
        padding: 25px 15px;
    }
}
.nav-top-01 ul
{
    display: table;

    width: 100%;
    height: 100%;
}
.nav-top-01 ul li
{
    display: table-cell;

    box-sizing: border-box;
    width: 33.3333%;
    height: 100%;

    text-align: center;

    border-left: 1px solid #c6c9d3;
}
.nav-top-01 ul li:before
{
    display: none;
}
@media screen and (max-width: 760px)
{
    .nav-top-01 ul li
    {
        position: relative;

        display: block;

        width: 100%;
        height: auto;
        margin-bottom: 10px;

        border: 1px solid #c6c9d3 !important;
        border-radius: 20px;
        box-shadow: 0 2px 0 0 #c6c9d3;
    }
    .nav-top-01 ul li:before
    {
        font-size: 30px;
        font-weight: 700;

        position: absolute;
        top: 0;
        right: 3%;
        bottom: 0;

        display: block;

        width: 24px;
        height: 28px;
        margin: auto;

        color: #10af9e;
    }
}
.nav-top-01 ul li:first-child
{
    border-left: none;
}
.nav-top-01 ul li a
{
    display: block;
    overflow: hidden;

    height: 100%;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
}
@media screen and (max-width: 760px)
{
    .nav-top-01 ul li a
    {
        position: relative;

        padding: 0 0 0 6.8%;
    }
    .nav-top-01 ul li a .title
    {
        color: #009a8b !important;
    }
}
.nav-top-01 ul li a:hover,
.nav-top-01 ul li a:active,
.nav-top-01 ul li a:focus
{
    text-decoration: none;

    background-color: #15ac9b;
}
@media screen and (max-width: 760px)
{
    .nav-top-01 ul li a:hover,
    .nav-top-01 ul li a:active,
    .nav-top-01 ul li a:focus
    {
        border-radius: 20px;
        background-color: transparent;
    }
}
.nav-top-01 ul li a:hover .text,
.nav-top-01 ul li a:active .text,
.nav-top-01 ul li a:focus .text
{
    color: #fff;
}
.nav-top-01 ul li a:hover .title,
.nav-top-01 ul li a:active .title,
.nav-top-01 ul li a:focus .title
{
    color: #fff;
}
.nav-top-01 ul li a:hover .image,
.nav-top-01 ul li a:active .image,
.nav-top-01 ul li a:focus .image
{
    -webkit-animation: sprite-index 1s steps(24) forwards;
            animation: sprite-index 1s steps(24) forwards;
}

@-webkit-keyframes sprite-index
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -3718px;
    }
}

@keyframes sprite-index
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -3718px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-top-01 ul li a:hover .image,
    .nav-top-01 ul li a:active .image,
    .nav-top-01 ul li a:focus .image
    {
        -webkit-animation: none;
                animation: none;
    }
}
.nav-top-01 ul .inner
{
    box-sizing: border-box;
    height: 100%;
}
@media screen and (max-width: 760px)
{
    .nav-top-01 ul .inner
    {
        padding: 0 !important;
    }
}
.nav-top-01 ul .image
{
    width: 164px;
    height: 154px;
    margin: 0 auto 45px;
}
@media screen and (max-width: 760px)
{
    .nav-top-01 ul .image
    {
        float: left;

        width: 21.5% !important;
        height: auto !important;
        margin: .1rem 0 .5rem;
        padding-top: 26.5%;
    }
}
.nav-top-01 ul .title
{
    font-size: 243%;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 23.5px;
}
@media screen and (max-width: 1064px)
{
    .nav-top-01 ul .title
    {
        font-size: 215%;
    }
}
@media screen and (max-width: 960px)
{
    .nav-top-01 ul .title
    {
        font-size: 186%;
    }
}
@media screen and (max-width: 760px)
{
    .nav-top-01 ul .title
    {
        font-size: 100%;
        line-height: 1;

        position: absolute;
        top: 0;
        bottom: 0;
        left: 31.5%;

        height: 1rem;
        margin: auto;
    }
}
.nav-top-01 ul .text
{
    font-size: 100%;

    color: #666;
}
@media screen and (max-width: 1064px)
{
    .nav-top-01 ul .text
    {
        font-size: 86%;
    }
}
@media screen and (max-width: 760px)
{
    .nav-top-01 ul .text
    {
        display: none;
    }
}
.nav-top-01 ul .our-customer .image
{
    background: url('/assets/img/icon/icon_private_long.png') no-repeat 0 0;
    background-size: 164px 3872px;
}
@media screen and (max-width: 760px)
{
    .nav-top-01 ul .our-customer .image
    {
        background: url('/assets/img/icon/icon_private_sp.png') no-repeat 0 50%;
        background-size: contain;
    }
}
.nav-top-01 ul .coporate-customer .image
{
    background: url('/assets/img/icon/icon_business_long.png') no-repeat 0 0;
    background-size: 164px 3872px;
}
@media screen and (max-width: 760px)
{
    .nav-top-01 ul .coporate-customer .image
    {
        background: url('/assets/img/icon/icon_business_sp.png') no-repeat 0 50%;
        background-size: contain;
    }
}
.nav-top-01 ul .administration .text
{
    padding-top: 16px;
    padding-bottom: 9px;
}
.nav-top-01 ul .administration .image
{
    background: url('/assets/img/icon/icon_government_long.png') no-repeat 0 0;
    background-size: 164px 3872px;
}
@media screen and (max-width: 760px)
{
    .nav-top-01 ul .administration .image
    {
        background: url('/assets/img/icon/icon_government_sp.png') no-repeat 0 50%;
        background-size: contain;
    }
}

/* nav-top-02
--------------------------------------- */
.nav-top-02
{
    border-bottom: 1px solid #c6c9d3;
}
.nav-top-02 ul
{
    width: 100%;

    letter-spacing: -.5em;
}
.nav-top-02 ul li
{
    display: inline-block;

    box-sizing: border-box;
    width: 50%;

    text-align: center;
    letter-spacing: normal;

    border-left: 1px solid #c6c9d3;
}
.nav-top-02 ul li:first-child
{
    border-left: none;
}
.nav-top-02 ul li a
{
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}
@media screen and (max-width: 760px)
{
    .nav-top-02 ul li a
    {
        color: #009a8b;
    }
}
.nav-top-02 ul li a:hover,
.nav-top-02 ul li a:focus,
.nav-top-02 ul li a:active
{
    text-decoration: none;
}
.nav-top-02 ul li .inner
{
    position: relative;

    padding: 30px 0;
}
@media screen and (max-width: 760px)
{
    .nav-top-02 ul li .inner
    {
        padding: 20px 0;
    }
}
.nav-top-02 ul li .inner p
{
    font-size: 143%;
    font-weight: 700;

    display: inline-block;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .nav-top-02 ul li .inner p
    {
        font-size: 86%;
        font-weight: 200;
    }
}
.nav-top-02 ul li .inner span:before
{
    font-size: 172%;
    font-weight: 700;

    position: absolute;
    top: 0;
    bottom: 0;

    width: 30px;
    height: 20px;
    margin: auto;
}
@media screen and (max-width: 760px)
{
    .nav-top-02 ul li .inner span:before
    {
        font-size: 129%;
        font-weight: 200;

        width: 22px;
        height: 14px;
    }
}

/* nav-local-01
--------------------------------------- */
.nav-local-01
{
    position: relative;

    margin-bottom: 32px;
}
@media screen and (max-width: 1064px)
{
    .nav-local-01
    {
        margin: 40px -30px -10px;

        background-color: #f5f6f8;
    }
}
@media screen and (max-width: 760px)
{
    .nav-local-01
    {
        margin: 40px -15px -10px;
    }
}
@media screen and (max-width: 1064px)
{
    .nav-local-01 ul
    {
        border-top: 1px solid #c6c9d3;
    }
}
@media screen and (max-width: 1064px)
{
    .nav-local-01 ul li
    {
        border-bottom: 1px solid #c6c9d3;
    }
}
.nav-local-01 ul li a
{
    line-height: 1.5;

    display: block;

    padding: 13px 20px 13px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
}
@media screen and (max-width: 1064px)
{
    .nav-local-01 ul li a
    {
        padding: 15px 15px 14px;

        background-color: #fff;
    }
}
.nav-local-01 ul li a:active,
.nav-local-01 ul li a:focus,
.nav-local-01 ul li a:hover
{
    text-decoration: none;

    color: #333;
    background-color: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .nav-local-01 ul li a:active,
    .nav-local-01 ul li a:focus,
    .nav-local-01 ul li a:hover
    {
        color: #009a8b;
        background-color: #fff;
    }
}
.nav-local-01 ul li span
{
    position: relative;

    display: block;
}
.nav-local-01 ul li span:before
{
    display: none;
}
@media screen and (max-width: 1064px)
{
    .nav-local-01 ul li span:before
    {
        font-size: 24px;

        position: absolute;
        top: 0;
        right: -6px;

        display: block;

        vertical-align: middle;

        color: #10af9e;
    }
}
.nav-local-01 ul li.current a
{
    color: #333;
    background-color: #f5f6f8;
}
.nav-local-01 p
{
    margin-top: 41px;

    border-top: 1px solid #d0d2db;
}
@media screen and (max-width: 1064px)
{
    .nav-local-01 p
    {
        margin-top: 10px;
        padding-top: 0;

        border-bottom: 1px solid #d0d2db;
    }
}
.nav-local-01 p.last
{
    margin-top: 0;
}
@media screen and (max-width: 1064px)
{
    .nav-local-01 p.last
    {
        border-top: none;
    }
    .nav-local-01 p.last a
    {
        font-size: 100%;
    }
}
.nav-local-01 p a
{
    line-height: 1.5;

    position: relative;

    display: block;

    padding: 12px 0 12px 20px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
}
@media screen and (max-width: 1064px)
{
    .nav-local-01 p a
    {
        padding: 15px 15px 14px;

        background-color: #fff;
    }
}
.nav-local-01 p a:active,
.nav-local-01 p a:focus,
.nav-local-01 p a:hover
{
    text-decoration: none;
}
.nav-local-01 p a:active span,
.nav-local-01 p a:focus span,
.nav-local-01 p a:hover span
{
    text-decoration: underline;
}
@media screen and (max-width: 760px)
{
    .nav-local-01 p a:active span,
    .nav-local-01 p a:focus span,
    .nav-local-01 p a:hover span
    {
        text-decoration: none;
    }
}
.nav-local-01 p a:active.external:before,
.nav-local-01 p a:focus.external:before,
.nav-local-01 p a:hover.external:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .nav-local-01 p a:active.external:before,
    .nav-local-01 p a:focus.external:before,
    .nav-local-01 p a:hover.external:before
    {
        color: #20a898;
    }
}
@media screen and (max-width: 760px)
{
    .nav-local-01 p a:active,
    .nav-local-01 p a:focus,
    .nav-local-01 p a:hover
    {
        text-decoration: none;

        color: #009a8b;
    }
}
.nav-local-01 p a.external:before
{
    font-size: 12px;

    position: relative;

    margin-right: 6px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;

    color: #20a898;
}
@media screen and (max-width: 1064px)
{
    .nav-local-01 p a.external:before
    {
        display: none;
    }
}
.nav-local-01 p a span
{
    position: relative;
}
@media screen and (max-width: 1064px)
{
    .nav-local-01 p a span
    {
        display: block;
    }
}
.nav-local-01 p a span:before
{
    display: none;
}
@media screen and (max-width: 1064px)
{
    .nav-local-01 p a span:before
    {
        font-size: 24px;

        position: absolute;
        top: 0;
        right: -6px;

        display: block;

        vertical-align: middle;

        color: #10af9e;
    }
}

/* nav-anchor-01
--------------------------------------- */
.nav-anchor-01 ul li
{
    float: left;

    margin-right: 30px;
    margin-bottom: 10px;
}
.nav-anchor-01 ul li a
{
    line-height: 1.5;

    display: block;

    box-sizing: border-box;
    width: 100%;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;
}
.nav-anchor-01 ul li a:active,
.nav-anchor-01 ul li a:hover,
.nav-anchor-01 ul li a:focus
{
    text-decoration: underline;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-01 ul li a:active,
    .nav-anchor-01 ul li a:hover,
    .nav-anchor-01 ul li a:focus
    {
        text-decoration: none;

        color: #009a8b;
    }
}
.nav-anchor-01 ul li a:active span:before,
.nav-anchor-01 ul li a:hover span:before,
.nav-anchor-01 ul li a:focus span:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-01 ul li a:active span:before,
    .nav-anchor-01 ul li a:hover span:before,
    .nav-anchor-01 ul li a:focus span:before
    {
        color: #20a898;
    }
}
.nav-anchor-01 ul li a span
{
    font-size: 108%;

    position: relative;

    padding-left: 18px;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-01 ul li a span
    {
        font-size: 100%;
    }
}
.nav-anchor-01 ul li a span:before
{
    font-size: 16px;

    position: absolute;
    top: 5px;
    left: 0;

    vertical-align: middle;

    color: #20a898;
}

/* nav-anchor-02
--------------------------------------- */
.nav-anchor-02-container
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 82px;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-02-container
    {
        overflow: inherit;

        height: auto;
    }
}

.nav-anchor-02
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 82px;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-02
    {
        position: relative;

        width: auto;
        height: auto;
        margin: 0 -15px;
    }
}
.nav-anchor-02.fixed
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    width: 100%;
    height: auto;

    border-bottom: 2px solid #c6c9d3;
    background-color: #fff;
}
.nav-anchor-02.fixed ul
{
    max-width: 1122px;
    margin: 0 auto;
}
.nav-anchor-02.fixed ul li a
{
    padding: 16px 0 20px;
}
.nav-anchor-02.nav-3 li
{
    width: 33.33333333333333333333333333%;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-02.nav-3 li
    {
        width: 50%;
    }
}
@media screen and (max-width: 760px)
{
    .nav-anchor-02.nav-3 li:last-child
    {
        width: 100% !important;

        border-right: 0;
    }
}
.nav-anchor-02.nav-4 li
{
    width: 25%;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-02.nav-4 li
    {
        width: 50%;
    }
}
.nav-anchor-02 ul li
{
    float: left;

    box-sizing: border-box;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-02 ul li
    {
        border-bottom: 1px solid #c6c9d3;
    }
    .nav-anchor-02 ul li:nth-child(odd)
    {
        border-right: 1px solid #c6c9d3;
    }
}
.nav-anchor-02 ul li a
{
    font-size: 108%;
    line-height: 1.5;

    display: block;

    box-sizing: border-box;
    width: 100%;
    padding: 31px 0 26px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-02 ul li a
    {
        font-size: 100%;

        padding: 14px 15px 16px;

        text-align: left;
    }
}
.nav-anchor-02 ul li a:active,
.nav-anchor-02 ul li a:hover,
.nav-anchor-02 ul li a:focus
{
    text-decoration: none;

    color: #333;
    background-color: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-02 ul li a:active,
    .nav-anchor-02 ul li a:hover,
    .nav-anchor-02 ul li a:focus
    {
        text-decoration: none;

        color: #009a8b;
        background-color: #fff;
    }
}
.nav-anchor-02 ul li a:active span:before,
.nav-anchor-02 ul li a:hover span:before,
.nav-anchor-02 ul li a:focus span:before
{
    color: #333;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-02 ul li a:active span:before,
    .nav-anchor-02 ul li a:hover span:before,
    .nav-anchor-02 ul li a:focus span:before
    {
        color: #20a898;
    }
}
.nav-anchor-02 ul li a span
{
    font-size: 108%;

    position: relative;

    padding-left: 20px;
}
@media screen and (max-width: 760px)
{
    .nav-anchor-02 ul li a span
    {
        font-size: 100%;
    }
}
.nav-anchor-02 ul li a span:before
{
    font-size: 16px;

    position: absolute;
    top: 5px;
    left: 0;

    vertical-align: middle;

    color: #20a898;
}

/* nav-pager-01
--------------------------------------- */
.nav-pager-01
{
    margin-bottom: 30px;
}
@media screen and (max-width: 760px)
{
    .nav-pager-01
    {
        margin-bottom: 15px;
    }
}
.nav-pager-01 ul
{
    text-align: center;
}
.nav-pager-01 ul li
{
    display: inline-block;

    margin: 0 5px 5px;
}
.nav-pager-01 ul li a
{
    display: inline-block;

    box-sizing: border-box;
    width: 30px;
    height: 30px;
    padding-top: 2px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    border: 1px solid #d0d2db;
    border-radius: 5px;
}
.nav-pager-01 ul li.current a
{
    font-weight: bold;

    color: #fff;
    border: 1px solid #10af9e;
    background-color: #10af9e;
}
.nav-pager-01 ul li.disabled .container
{
    display: inline-block;

    box-sizing: border-box;
    width: 30px;
    height: 30px;
    padding-top: 2px;

    border: 1px solid #eaeaf0;
    border-radius: 5px;
    background-color: #eaeaf0;
}
.nav-pager-01 ul li.disabled.prev .inner,
.nav-pager-01 ul li.disabled.next .inner
{
    color: #aaabb2;
}
.nav-pager-01 ul li.disabled.prev:hover .inner,
.nav-pager-01 ul li.disabled.prev:focus .inner,
.nav-pager-01 ul li.disabled.prev:active .inner,
.nav-pager-01 ul li.disabled.next:hover .inner,
.nav-pager-01 ul li.disabled.next:focus .inner,
.nav-pager-01 ul li.disabled.next:active .inner
{
    color: #aaabb2;
}
.nav-pager-01 ul li:hover a,
.nav-pager-01 ul li:focus a,
.nav-pager-01 ul li:active a
{
    text-decoration: none;

    color: #fff;
    border: 1px solid #10af9e;
    background-color: #10af9e;
}
@media screen and (max-width: 760px)
{
    .nav-pager-01 ul li:hover a,
    .nav-pager-01 ul li:focus a,
    .nav-pager-01 ul li:active a
    {
        color: #009a8b;
        border: 1px solid #d0d2db;
        background-color: #fff;
    }
}
@media screen and (max-width: 760px)
{
    .nav-pager-01 ul li:hover.current a,
    .nav-pager-01 ul li:focus.current a,
    .nav-pager-01 ul li:active.current a
    {
        font-weight: bold;

        color: #fff;
        border: 1px solid #10af9e;
        background-color: #10af9e;
    }
}
.nav-pager-01 ul li.prev .inner
{
    font-size: 143%;
    line-height: 1.1;

    position: relative;
    top: -1px;
    right: 1px;

    content: '';
    vertical-align: middle;

    color: #009a8b;
}
.nav-pager-01 ul li.prev:hover .inner,
.nav-pager-01 ul li.prev:focus .inner,
.nav-pager-01 ul li.prev:active .inner
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-pager-01 ul li.prev:hover .inner,
    .nav-pager-01 ul li.prev:focus .inner,
    .nav-pager-01 ul li.prev:active .inner
    {
        color: #009a8b;
    }
}
.nav-pager-01 ul li.next .inner
{
    font-size: 143%;
    line-height: 1.1;

    position: relative;
    top: -1px;
    right: -1px;

    content: '';
    vertical-align: middle;

    color: #009a8b;
}
.nav-pager-01 ul li.next:hover .inner,
.nav-pager-01 ul li.next:focus .inner,
.nav-pager-01 ul li.next:active .inner
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-pager-01 ul li.next:hover .inner,
    .nav-pager-01 ul li.next:focus .inner,
    .nav-pager-01 ul li.next:active .inner
    {
        color: #009a8b;
    }
}

/* nav-important-01
--------------------------------------- */
.nav-important-01
{
    border-top: 1px solid #c6c9d3;
    border-bottom: 1px solid #c6c9d3;
    background-color: #ffebeb;
}
.nav-important-01 .nav-important-01-inner
{
    max-width: 1122px;
    margin: 0 auto;
    padding: 10px 30px;
}
@media screen and (max-width: 760px)
{
    .nav-important-01 .nav-important-01-inner
    {
        padding: 10px 15px;
    }
}
.nav-important-01 a
{
    line-height: 1.5;

    display: block;

    -webkit-transition: color .2s ease 0s;

    transition: color .2s ease 0s;

    color: #dc3838;
}
.nav-important-01 a:active,
.nav-important-01 a:hover,
.nav-important-01 a:focus
{
    text-decoration: none;

    color: #e87676;
}
@media screen and (max-width: 760px)
{
    .nav-important-01 a:active,
    .nav-important-01 a:hover,
    .nav-important-01 a:focus
    {
        color: #dc3838;
    }
}
.nav-important-01 a:active .category,
.nav-important-01 a:hover .category,
.nav-important-01 a:focus .category
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .nav-important-01 a:active .category,
    .nav-important-01 a:hover .category,
    .nav-important-01 a:focus .category
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.nav-important-01 .category
{
    font-size: 86%;
    line-height: 1.1;

    display: block;
    float: left;

    box-sizing: border-box;
    width: 110px;
    margin: 1px 10px 0 0;
    padding: 3px 0 4px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;

    color: #fff;
    border-radius: 3px;
    background-color: #fb5656;
}
@media screen and (max-width: 760px)
{
    .nav-important-01 .category
    {
        font-size: 72%;

        display: block;
        float: none;

        width: 80px;
        margin: 0 0 5px;
    }
}
.nav-important-01 .text
{
    overflow: hidden;
}

.nav-important-01 + .nav-important-01
{
    border-top: 0;
}

/* nav-important-02
--------------------------------------- */
hr + .nav-important-02
{
    border-top: 1px solid #c6c9d3;
}

.nav-important-02 .nav-important-02-inner
{
    max-width: 1122px;
    margin: 0 auto;
    padding: 10px 30px;
}
@media screen and (max-width: 760px)
{
    .nav-important-02 .nav-important-02-inner
    {
        padding: 10px 15px;
    }
}

.nav-important-02 .title
{
    font-weight: bold;

    position: relative;

    box-sizing: border-box;
    width: 100%;
    margin-bottom: 5px;
    padding-right: 24px;
}

.nav-important-02 .description
{
    margin-bottom: 5px;
}

.nav-important-02 .list-link-01
{
    margin-bottom: 0;
}

.nav-important-02 .block
{
    display: block;
}
@media screen and (max-width: 960px)
{
    .nav-important-02 .block
    {
        display: none;
    }
}

.nav-important-02 .icon
{
    font-size: 72%;
    line-height: 24px;

    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;

    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin: auto;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #009a8b;
}
@media screen and (max-width: 960px)
{
    .nav-important-02 .icon
    {
        font-size: 72%;
        line-height: 18px;

        right: 0;

        width: 18px;
        height: 18px;
    }
}
.nav-important-02 .icon.sp-only
{
    display: none;
}
@media screen and (max-width: 960px)
{
    .nav-important-02 .icon.sp-only
    {
        display: block;
    }
}

/* nav-index-01
--------------------------------------- */
.nav-index-01
{
    max-width: 940px;
    margin: 0 auto 50px;
}
@media screen and (max-width: 760px)
{
    .nav-index-01
    {
        margin-bottom: 6px;
    }
}
.nav-index-01 ul
{
    width: 105.3191489361702%;
    margin-left: -2.525252525252525%;
}
@media screen and (max-width: 960px)
{
    .nav-index-01 ul
    {
        width: 103.3191489361702%;
        margin-left: -1.525252525252525%;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-01 ul
    {
        width: 100%;
        margin-left: 0;
    }
}
.nav-index-01 .column
{
    float: left;

    width: 28.28282828282828%;
    margin: 0 2.525252525252525%;
}
@media screen and (max-width: 960px)
{
    .nav-index-01 .column
    {
        width: 30.28282828282828%;
        margin: 0 1.525252525252525%;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-01 .column
    {
        float: none;

        width: 100%;
        margin: 0 0 15px;
    }
}
.nav-index-01 a
{
    position: relative;

    display: block;
    overflow: hidden;

    box-sizing: border-box;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    border: 1px solid #c6c9d3;
    border-radius: 60px;
    box-shadow: 0 2px 0 0 #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .nav-index-01 a
    {
        border-radius: 20px;
    }
}
.nav-index-01 a:hover,
.nav-index-01 a:focus
{
    text-decoration: none;

    border: 1px solid #15ac9b;
    background-color: #15ac9b;
    box-shadow: none;
}
@media screen and (max-width: 760px)
{
    .nav-index-01 a:hover,
    .nav-index-01 a:focus
    {
        border: 1px solid #c6c9d3 !important;
        background-color: #fff !important;
        box-shadow: 0 2px 0 0 #c6c9d3 !important;
    }
}
.nav-index-01 a:hover .text,
.nav-index-01 a:focus .text
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-index-01 a:hover .text,
    .nav-index-01 a:focus .text
    {
        color: #007a74 !important;
    }
}
.nav-index-01 a:hover .title,
.nav-index-01 a:focus .title
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-index-01 a:hover .title,
    .nav-index-01 a:focus .title
    {
        color: #10af9e;
    }
}
.nav-index-01 a:hover .title .em-text,
.nav-index-01 a:focus .title .em-text
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-index-01 a:hover .title .em-text,
    .nav-index-01 a:focus .title .em-text
    {
        color: #f76c91 !important;
    }
}
.nav-index-01 a:hover .image,
.nav-index-01 a:focus .image
{
    -webkit-animation: sprite-category 1s steps(23) forwards;
            animation: sprite-category 1s steps(23) forwards;
}
@media screen and (max-width: 860px)
{
    .nav-index-01 a:hover .image,
    .nav-index-01 a:focus .image
    {
        -webkit-animation: sprite-category-sp 1s steps(23) forwards;
                animation: sprite-category-sp 1s steps(23) forwards;
    }
}

@-webkit-keyframes sprite-category
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -2530px;
    }
}

@keyframes sprite-category
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -2530px;
    }
}

@-webkit-keyframes sprite-category-sp
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -1898px;
    }
}

@keyframes sprite-category-sp
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -1898px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-01 a:hover .image,
    .nav-index-01 a:focus .image
    {
        -webkit-animation: none;
                animation: none;
    }
}
.nav-index-01 a:hover .inner:before,
.nav-index-01 a:focus .inner:before
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-index-01 a:hover .inner:before,
    .nav-index-01 a:focus .inner:before
    {
        color: #10af9e !important;
    }
}
.nav-index-01 a:active
{
    background-color: #129989;
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .nav-index-01 a:active
    {
        background-color: #fff !important;
        box-shadow: 0 2px 0 0 #c6c9d3 !important;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-01 .text-container
    {
        line-height: 1.1;

        display: table-cell;
        overflow: hidden;

        height: 100px;

        vertical-align: middle;
    }
}
@media screen and (max-width: 374px)
{
    .nav-index-01 .text-container
    {
        height: 78px;
    }
}
.nav-index-01 .text
{
    font-weight: bold;
    line-height: 1.5;

    position: absolute;
    top: 30px;
    left: 0;

    width: 100%;

    text-align: center;

    color: #007a74;
}
@media screen and (max-width: 960px)
{
    .nav-index-01 .text
    {
        font-size: 86%;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-01 .text
    {
        font-size: 72%;

        position: static;

        display: inline;

        height: inherit;

        text-align: left;
    }
}
.nav-index-01 .image
{
    display: block;
    overflow: hidden;

    width: 99px;
    height: 110px;
    margin: 0 auto;
}
@media screen and (max-width: 760px)
{
    .nav-index-01 .image
    {
        float: left;

        width: 50px !important;
        height: 53px !important;
        margin: 20px 12px 0 15px;

        background-size: 50px 1291px !important;
    }
}
@media screen and (max-width: 374px)
{
    .nav-index-01 .image
    {
        width: 38px !important;
        height: 40px !important;
        margin: 18px 12px 0 15px;

        background-size: 38px 971px !important;
    }
}
.nav-index-01 .internet .image
{
    background: url('/assets/img/icon/icon_internet_01.png') no-repeat 0 0;
    background-size: 99px 2640px;
}
.nav-index-01 .auto-night .image
{
    background: url('/assets/img/icon/icon_auto-night_01.png') no-repeat 0 0;
    background-size: 99px 2640px;
}
.nav-index-01 .auto-noon .image
{
    background: url('/assets/img/icon/icon_auto-noon_01.png') no-repeat 0 0;
    background-size: 99px 2640px;
}
.nav-index-01 .fee .image
{
    background: url('/assets/img/icon/icon_fee_01.png') no-repeat 0 0;
    background-size: 99px 2640px;
}
.nav-index-01 .invoice .image
{
    background: url('/assets/img/icon/icon_invoice_01.png') no-repeat 0 0;
    background-size: 99px 2640px;
}
.nav-index-01 .service .image
{
    background: url('/assets/img/icon/icon_service_01.png') no-repeat 0 0;
    background-size: 99px 2640px;
}
.nav-index-01 .service-center .image
{
    background: url('/assets/img/icon/icon_service-center_01.png') no-repeat 0 0;
    background-size: 99px 2640px;
}
.nav-index-01 .shop .image
{
    background: url('/assets/img/icon/icon_shop_01.png') no-repeat 0 0;
    background-size: 99px 2640px;
}
.nav-index-01 .telephone .image
{
    background: url('/assets/img/icon/icon_telephone_01.png') no-repeat 0 0;
    background-size: 99px 2640px;
}
@media screen and (max-width: 860px)
{
    .nav-index-01 .image
    {
        width: 74px;
        height: 82px;
    }
    .nav-index-01 .internet .image
    {
        background: url('/assets/img/icon/icon_internet_01.png') no-repeat 0 0;
        background-size: 74px 1980px;
    }
    .nav-index-01 .auto-night .image
    {
        background: url('/assets/img/icon/icon_auto-night_01.png') no-repeat 0 0;
        background-size: 74px 1980px;
    }
    .nav-index-01 .auto-noon .image
    {
        background: url('/assets/img/icon/icon_auto-noon_01.png') no-repeat 0 0;
        background-size: 74px 1980px;
    }
    .nav-index-01 .fee .image
    {
        background: url('/assets/img/icon/icon_fee_01.png') no-repeat 0 0;
        background-size: 74px 1980px;
    }
    .nav-index-01 .invoice .image
    {
        background: url('/assets/img/icon/icon_invoice_01.png') no-repeat 0 0;
        background-size: 74px 1980px;
    }
    .nav-index-01 .service .image
    {
        background: url('/assets/img/icon/icon_service_01.png') no-repeat 0 0;
        background-size: 74px 1980px;
    }
    .nav-index-01 .service-center .image
    {
        background: url('/assets/img/icon/icon_service-center_01.png') no-repeat 0 0;
        background-size: 74px 1980px;
    }
    .nav-index-01 .shop .image
    {
        background: url('/assets/img/icon/icon_shop_01.png') no-repeat 0 0;
        background-size: 74px 1980px;
    }
    .nav-index-01 .telephone .image
    {
        background: url('/assets/img/icon/icon_telephone_01.png') no-repeat 0 0;
        background-size: 74px 1980px;
    }
}
.nav-index-01 .inner
{
    position: relative;

    padding-top: 68px;
}
@media screen and (max-width: 760px)
{
    .nav-index-01 .inner
    {
        padding-top: 0 !important;
    }
}
.nav-index-01 .inner:before
{
    font-size: 40px;

    position: absolute;
    top: 50%;
    right: 2%;

    margin-top: -14px;

    vertical-align: middle;

    color: #10af9e;
}
@media screen and (max-width: 760px)
{
    .nav-index-01 .inner:before
    {
        font-size: 28px;

        right: 3px;
    }
}
.nav-index-01 .internet .inner
{
    padding-top: 57px;
}
.nav-index-01 .internet.type-02 .inner
{
    padding-top: 68px;
}
.nav-index-01 .fee .inner
{
    padding-top: 57px;
}
.nav-index-01 .service-center .inner
{
    padding-top: 42px;
}
.nav-index-01 .auto-night .inner,
.nav-index-01 .auto-noon .inner
{
    padding-top: 50px;
}
@media screen and (max-width: 960px)
{
    .nav-index-01 .fee .inner
    {
        padding-top: 58px;
    }
    .nav-index-01 .invoice .inner
    {
        padding-top: 63px;
    }
    .nav-index-01 .service .inner
    {
        padding-top: 63px;
    }
    .nav-index-01 .service-center .inner
    {
        padding-top: 50px;
    }
}
.nav-index-01 .title
{
    font-size: 143%;
    font-weight: bold;

    box-sizing: border-box;
    width: 100%;
    height: 90px;
    padding-top: 5px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .nav-index-01 .title.line-3
    {
        line-height: 1.4;
    }
}
@media screen and (max-width: 960px)
{
    .nav-index-01 .title
    {
        font-size: 100%;

        height: 75px !important;
        padding-top: 10px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-01 .title
    {
        font-size: 122%;

        display: block;

        width: auto;
        height: auto !important;
        padding-top: 0 !important;

        text-align: left;

        color: #10af9e !important;
    }
}
@media screen and (max-width: 374px)
{
    .nav-index-01 .title
    {
        font-size: 93%;
    }
}
.nav-index-01 .title .em-text
{
    font-size: 70%;

    display: block;

    color: #f76c91;
}
.nav-index-01 .internet .title
{
    height: 101px;
    padding-top: 16px;
}
.nav-index-01 .internet.type-02 .title
{
    height: 90px !important;
    padding-top: 5px;
}
.nav-index-01 .telephone .title
{
    padding-top: 20px;
}
.nav-index-01 .fee .title
{
    height: 101px;
    padding-top: 16px;
}
.nav-index-01 .service-center .title
{
    height: 116px;
}
.nav-index-01 .service .title
{
    padding-top: 20px;
}
.nav-index-01 .auto-night .title,
.nav-index-01 .auto-noon .title
{
    height: 108px;
    padding-top: 25px;
}
@media screen and (max-width: 960px)
{
    .nav-index-01 .internet .title
    {
        height: 85px !important;
        padding-top: 20px;
    }
    .nav-index-01 .internet.type-02 .title
    {
        height: 75px !important;
        padding-top: 10px;
    }
    .nav-index-01 .telephone .title
    {
        padding-top: 20px;
    }
    .nav-index-01 .fee .title
    {
        height: 85px !important;
        padding-top: 20px;
    }
    .nav-index-01 .invoice .title
    {
        height: 80px !important;
        padding-top: 15px;
    }
    .nav-index-01 .service .title
    {
        height: 80px !important;
        padding-top: 25px;
    }
    .nav-index-01 .service-center .title
    {
        height: 92px !important;
        padding-top: 10px;
    }
    .nav-index-01 .auto-night .title,
    .nav-index-01 .auto-noon .title
    {
        height: 93px !important;
        padding-top: 29px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-01 .internet .title
    {
        height: auto !important;
    }
    .nav-index-01 .internet.type-02 .title
    {
        height: auto !important;
    }
    .nav-index-01 .invoice .title
    {
        height: auto !important;
    }
    .nav-index-01 .service .title
    {
        height: auto !important;
    }
    .nav-index-01 .fee .title
    {
        height: auto !important;
    }
    .nav-index-01 .service-center .title
    {
        height: auto !important;
    }
    .nav-index-01 .auto-night .title,
    .nav-index-01 .auto-noon .title
    {
        height: auto !important;
    }
}

/* IE9 Hack */
.nav-index-01 .column a:active:not(:target),
.nav-index-01 .column a:hover:not(:target),
.nav-index-01 .column a:focus:not(:target)
{
    border: 1px solid #c6c9d3 \9;
    background-color: #fff\9;
    box-shadow: 0 2px 0 0 #c6c9d3 \9;
}

.nav-index-01 .column a:active:not(:target) .inner:before,
.nav-index-01 .column a:hover:not(:target) .inner:before,
.nav-index-01 .column a:focus:not(:target) .inner:before
{
    color: #00d1b6\9;
}

.nav-index-01 .column a:active:not(:target) .text,
.nav-index-01 .column a:hover:not(:target) .text,
.nav-index-01 .column a:focus:not(:target) .text
{
    color: #00d1b6\9;
}

.nav-index-01 .column a:active:not(:target) .em-text,
.nav-index-01 .column a:hover:not(:target) .em-text,
.nav-index-01 .column a:focus:not(:target) .em-text
{
    color: #f998b2\9;
}

.nav-index-01 .column a:active:not(:target) .title,
.nav-index-01 .column a:hover:not(:target) .title,
.nav-index-01 .column a:focus:not(:target) .title
{
    color: #00d1b6\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .nav-index-01 .column a:active:not(:target),
    .nav-index-01 .column a:hover:not(:target),
    .nav-index-01 .column a:focus:not(:target)
    {
        border: 1px solid #15ac9b;
        background-color: #15ac9b;
        box-shadow: none;
    }
    .nav-index-01 .column a:active:not(:target) .inner:before,
    .nav-index-01 .column a:hover:not(:target) .inner:before,
    .nav-index-01 .column a:focus:not(:target) .inner:before
    {
        color: #fff;
    }
    .nav-index-01 .column a:active:not(:target) .text,
    .nav-index-01 .column a:hover:not(:target) .text,
    .nav-index-01 .column a:focus:not(:target) .text
    {
        color: #fff;
    }
    .nav-index-01 .column a:active:not(:target) .em-text,
    .nav-index-01 .column a:hover:not(:target) .em-text,
    .nav-index-01 .column a:focus:not(:target) .em-text
    {
        color: #fff;
    }
    .nav-index-01 .column a:active:not(:target) .title,
    .nav-index-01 .column a:hover:not(:target) .title,
    .nav-index-01 .column a:focus:not(:target) .title
    {
        color: #fff;
    }
}

/* nav-index-02
--------------------------------------- */
.nav-index-02
{
    overflow: hidden;

    margin-bottom: 40px;
}
@media screen and (max-width: 760px)
{
    .nav-index-02
    {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-02.index ul li a .category
    {
        float: left;

        width: 80px;
        min-width: inherit;
        margin: 2px 4px 0 0;
    }
}
.nav-index-02 ul
{
    width: 102.604166666666667%;
    margin-left: -1.302083333333333%;
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul
    {
        width: 100%;
        margin-left: 0;
    }
}
.nav-index-02 ul li
{
    float: left;

    width: 22.39583333333333%;
    margin: 0 1.302083333333333% 35px;
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li
    {
        float: none;

        width: 100%;
        margin: 0 0 15px;
        padding-bottom: 15px;

        border-bottom: 1px solid #d7dae2;
    }
    .nav-index-02 ul li:last-child
    {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li.sp-hide
    {
        display: none;
    }
}
.nav-index-02 ul li a
{
    display: block;

    -webkit-transition: color .2s ease 0s;

    transition: color .2s ease 0s;

    color: #333;
}
.nav-index-02 ul li a:active,
.nav-index-02 ul li a:hover,
.nav-index-02 ul li a:focus
{
    text-decoration: none;
}
.nav-index-02 ul li a:active .text,
.nav-index-02 ul li a:active .date,
.nav-index-02 ul li a:hover .text,
.nav-index-02 ul li a:hover .date,
.nav-index-02 ul li a:focus .text,
.nav-index-02 ul li a:focus .date
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li a:active .text,
    .nav-index-02 ul li a:active .date,
    .nav-index-02 ul li a:hover .text,
    .nav-index-02 ul li a:hover .date,
    .nav-index-02 ul li a:focus .text,
    .nav-index-02 ul li a:focus .date
    {
        color: #333;
    }
}
.nav-index-02 ul li a:active .text.external:before,
.nav-index-02 ul li a:active .date.external:before,
.nav-index-02 ul li a:hover .text.external:before,
.nav-index-02 ul li a:hover .date.external:before,
.nav-index-02 ul li a:focus .text.external:before,
.nav-index-02 ul li a:focus .date.external:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li a:active .text.external:before,
    .nav-index-02 ul li a:active .date.external:before,
    .nav-index-02 ul li a:hover .text.external:before,
    .nav-index-02 ul li a:hover .date.external:before,
    .nav-index-02 ul li a:focus .text.external:before,
    .nav-index-02 ul li a:focus .date.external:before
    {
        color: #20a898;
    }
}
.nav-index-02 ul li a:active .category,
.nav-index-02 ul li a:hover .category,
.nav-index-02 ul li a:focus .category
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li a:active .category,
    .nav-index-02 ul li a:hover .category,
    .nav-index-02 ul li a:focus .category
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.nav-index-02 ul li a:active .image,
.nav-index-02 ul li a:hover .image,
.nav-index-02 ul li a:focus .image
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li a:active .image,
    .nav-index-02 ul li a:hover .image,
    .nav-index-02 ul li a:focus .image
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.nav-index-02 ul li a:active .text-inner,
.nav-index-02 ul li a:hover .text-inner,
.nav-index-02 ul li a:focus .text-inner
{
    text-decoration: underline;
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li a:active .text-inner,
    .nav-index-02 ul li a:hover .text-inner,
    .nav-index-02 ul li a:focus .text-inner
    {
        text-decoration: none;
    }
}
.nav-index-02 ul li a .image
{
    display: block;

    margin-bottom: 15px;

    -webkit-transition: opacity .5s ease 0s;

    transition: opacity .5s ease 0s;

    border: 1px solid #c6c9d3;
}
.nav-index-02 ul li a .image img
{
    width: 100%;
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li a .image
    {
        float: right;

        width: 34.48275862068966%;
        margin-bottom: 0;
        margin-left: 10px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li a .category-container:after
    {
        display: table;
        clear: both;

        content: '';
    }
}
.nav-index-02 ul li a .category
{
    font-size: 86%;
    line-height: 1.1;

    display: inline-block;

    box-sizing: border-box;
    min-width: 110px;
    margin-bottom: 9px;
    padding: 3px 10px 4px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;

    color: #fff;
    border-radius: 3px;
}
.nav-index-02 ul li a .category.important
{
    background-color: #fb5656;
}
.nav-index-02 ul li a .category.service
{
    background-color: #07b9a6;
}
.nav-index-02 ul li a .category.global
{
    background-color: #058295;
}
.nav-index-02 ul li a .category.small-cargo
{
    background-color: #09b663;
}
.nav-index-02 ul li a .category.business
{
    background-color: #575a5f;
}
.nav-index-02 ul li a .category.human-resources
{
    background-color: #afafaf;
}
.nav-index-02 ul li a .category.administration
{
    background-color: #90c43f;
}
.nav-index-02 ul li a .category.other
{
    background-color: #afafaf;
}
.nav-index-02 ul li a .category.product
{
    background-color: #10af9e;
}
.nav-index-02 ul li a .category.company
{
    background-color: #575a5f;
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li a .category
    {
        font-size: 72%;

        margin-bottom: 5px;
    }
}
.nav-index-02 ul li a .date
{
    margin-bottom: 6px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    color: #333;
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li a .date
    {
        font-size: 86%;

        overflow: hidden;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-02 ul li a .text-container
    {
        overflow: hidden;
    }
}
.nav-index-02 ul li a .text
{
    position: relative;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    color: #333;
}
.nav-index-02 ul li a .text.external:before
{
    font-size: 12px;

    position: relative;
    top: -1px;

    margin-right: 6px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;

    color: #20a898;
}

/* nav-index-03
--------------------------------------- */
.nav-index-03.col-3 ul
{
    margin-right: -2.67379679144385%;
}
@media screen and (max-width: 760px)
{
    .nav-index-03.col-3 ul
    {
        margin-right: 0;
    }
}

.nav-index-03.col-3 .column
{
    float: left;

    width: 30.7282403185%;
    margin-right: 2.60388626843%;
}
@media screen and (max-width: 760px)
{
    .nav-index-03.col-3 .column
    {
        width: 47.41379310344828%;
        margin-right: 5.172413793103448%;
    }
    .nav-index-03.col-3 .column:nth-child(2n)
    {
        margin-right: 0 !important;
    }
    .nav-index-03.col-3 .column:nth-child(3n)
    {
        margin-right: 5.172413793103448%;
    }
}

.nav-index-03.col-4 .column
{
    float: left;

    width: 22.99465240641711%;
    margin-right: 2.67379679144385%;
}
.nav-index-03.col-4 .column:nth-child(4n)
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .nav-index-03.col-4 .column
    {
        width: 47.41379310344828%;
        margin-right: 5.172413793103448%;
    }
    .nav-index-03.col-4 .column:nth-child(2n)
    {
        margin-right: 0 !important;
    }
    .nav-index-03.col-4 .column:nth-child(3n)
    {
        margin-right: 5.172413793103448%;
    }
}

@media screen and (max-width: 760px)
{
    .nav-index-03.sp-col-1 .column
    {
        width: 100%;
        margin-right: 0;
    }
}

.nav-index-03 ul .column
{
    position: relative;

    box-sizing: border-box;
    margin-bottom: 42px;

    border: 1px solid #c6c9d3;
    border-radius: 12px;
    box-shadow: 0 2px 0 0 #c6c9d3;
}
.nav-index-03 ul .column.active
{
    display: inline-block !important;
}
.nav-index-03 ul .column.not-active
{
    display: none;
}
@media screen and (max-width: 760px)
{
    .nav-index-03 ul .column
    {
        margin-bottom: 17px;
    }
}
.nav-index-03 ul .column .market-icon
{
    position: absolute;
    z-index: 1;
    top: -26px;
    left: 26px;
}
.nav-index-03 ul .column .badge
{
    font-size: 86%;
    line-height: 1.4;

    position: absolute;
    z-index: 1;
    top: -16px;
    left: -16px;

    box-sizing: border-box;
    width: 56px;
    height: 56px;
    padding-top: 10px;

    text-align: center;

    color: #fff;
    border-radius: 30px;
    background-color: #00b7a1;
}
.nav-index-03 ul .column .badge.large
{
    font-size: 100%;
    font-weight: bold;

    padding-top: 18px;
}
@media screen and (max-width: 760px)
{
    .nav-index-03 ul .column .badge.large
    {
        font-size: 86%;

        padding-top: 14px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-03 ul .column .badge
    {
        font-size: 72%;

        top: -8px;
        left: -8px;

        width: 43px;
        height: 43px;
        padding-top: 7px;
    }
}
.nav-index-03 ul .column a
{
    display: block;
    overflow: hidden;

    box-sizing: border-box;

    border-radius: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    .nav-index-03 ul .column a.pc
    {
        -webkit-transform: translate3d(0, 0, 0);

        -webkit-backface-visibility: hidden;
    }
}
.nav-index-03 ul .column a:active,
.nav-index-03 ul .column a:hover,
.nav-index-03 ul .column a:focus
{
    text-decoration: none;
}
.nav-index-03 ul .column a:active .image img,
.nav-index-03 ul .column a:hover .image img,
.nav-index-03 ul .column a:focus .image img
{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
@media screen and (max-width: 760px)
{
    .nav-index-03 ul .column a:active .image img,
    .nav-index-03 ul .column a:hover .image img,
    .nav-index-03 ul .column a:focus .image img
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
.nav-index-03 ul .column a:active .text .title,
.nav-index-03 ul .column a:hover .text .title,
.nav-index-03 ul .column a:focus .text .title
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .nav-index-03 ul .column a:active .text .title,
    .nav-index-03 ul .column a:hover .text .title,
    .nav-index-03 ul .column a:focus .text .title
    {
        color: #009a8b;
    }
}
.nav-index-03 ul .column a:active .text .title.external:before,
.nav-index-03 ul .column a:hover .text .title.external:before,
.nav-index-03 ul .column a:focus .text .title.external:before
{
    color: #14bfad;
}
.nav-index-03 ul .column a .image
{
    display: block;
    overflow: hidden;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.nav-index-03 ul .column a .image.border
{
    border-bottom: 1px solid #d0d2db;
}
.nav-index-03 ul .column a .image img
{
    position: relative;

    display: block;

    width: 100%;

    -webkit-transition: -webkit-transform .8s ease;

    transition: -webkit-transform .8s ease;

    transition: transform .8s ease;

    transition: transform .8s ease, -webkit-transform .8s ease;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.nav-index-03 ul .column a .text
{
    display: block;

    box-sizing: border-box;
    width: 100%;
    padding: 14px 19px 15px;

    background-color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-index-03 ul .column a .text
    {
        padding: 14px 12px 7px;
    }
}
.nav-index-03 ul .column a .text .title
{
    font-size: 115%;
    font-weight: bold;

    position: relative;

    margin-bottom: 6px;

    -webkit-transition: color .2s ease;

    transition: color .2s ease;

    color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .nav-index-03 ul .column a .text .title
    {
        font-size: 93%;
    }
}
.nav-index-03 ul .column a .text .title.external
{
    padding-left: 21px;
}
.nav-index-03 ul .column a .text .title.external:before
{
    font-size: 12px;

    position: absolute;
    top: 8px;
    left: 0;

    -webkit-transition: color .2s ease;

    transition: color .2s ease;
    vertical-align: middle;

    color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .nav-index-03 ul .column a .text .title.external:before
    {
        top: 6px;
    }
}
.nav-index-03 ul .column a .text .tag
{
    font-size: 86%;
    font-weight: bold;

    display: inline-block;

    padding: 0 10px 0;

    color: #333;
    border-radius: 2px;
    background-color: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .nav-index-03 ul .column a .text .tag
    {
        font-size: 72%;
    }
}
.nav-index-03 ul .column a .text .price
{
    font-weight: bold;

    margin-bottom: 7px;

    color: #333;
}
@media screen and (max-width: 760px)
{
    .nav-index-03 ul .column a .text .price
    {
        font-size: 86%;

        margin-bottom: 4px;
    }
}
.nav-index-03 ul .column a .text .description
{
    font-size: 86%;

    color: #333;
}
@media screen and (max-width: 760px)
{
    .nav-index-03 ul .column a .text .description
    {
        display: none;
    }
}
.nav-index-03 ul .column a .text .description.sp-block
{
    display: block !important;
}

.nav-index-03 .hide-block
{
    display: none;
}

/* nav-index-04
--------------------------------------- */
.nav-index-04 .column.not-active
{
    display: none;
}

.nav-index-04.col-2 .column
{
    float: left;

    width: 48.20143884892086%;
    margin-right: 3.597122302158273%;
}
.nav-index-04.col-2 .column:nth-child(2n)
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .nav-index-04.col-2 .column
    {
        float: none;

        width: 100%;
        margin: 0;
    }
}

.nav-index-04.col-3
{
    overflow: hidden;
}
.nav-index-04.col-3 ul
{
    margin-right: -2.67379679144385%;
}
@media screen and (max-width: 760px)
{
    .nav-index-04.col-3 ul
    {
        margin-right: 0;
    }
}
.nav-index-04.col-3 .column
{
    float: left;

    width: 30.7282403185%;
    margin-right: 2.60388626843%;
}
@media screen and (max-width: 760px)
{
    .nav-index-04.col-3 .column
    {
        float: none;

        width: 100%;
        margin: 0 0 25px;
    }
}

.nav-index-04.col-4 .column
{
    float: left;

    width: 22.99465240641711%;
    margin-right: 2.67379679144385%;
}
.nav-index-04.col-4 .column:nth-child(4n)
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .nav-index-04.col-4 .column
    {
        float: none;

        width: 100%;
        margin: 0 0 25px;
    }
}

.nav-index-04 .column
{
    margin-bottom: 42px;
}
.nav-index-04 .column.active
{
    display: inline-block !important;
}

.nav-index-04 ul .image
{
    display: block;
    overflow: hidden;

    margin-bottom: 15px;

    border: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .nav-index-04 ul .image
    {
        margin-bottom: 10px;
    }
}
.nav-index-04 ul .image img
{
    display: block;

    width: 100%;

    -webkit-transition: opacity .5s ease;

    transition: opacity .5s ease;
}

.nav-index-04 ul a:active,
.nav-index-04 ul a:hover,
.nav-index-04 ul a:focus
{
    text-decoration: none;
}
.nav-index-04 ul a:active .image img,
.nav-index-04 ul a:hover .image img,
.nav-index-04 ul a:focus .image img
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .nav-index-04 ul a:active .image img,
    .nav-index-04 ul a:hover .image img,
    .nav-index-04 ul a:focus .image img
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.nav-index-04 ul a:active .title,
.nav-index-04 ul a:hover .title,
.nav-index-04 ul a:focus .title
{
    color: #14bfad;
}
.nav-index-04 ul a:active .title .inner,
.nav-index-04 ul a:hover .title .inner,
.nav-index-04 ul a:focus .title .inner
{
    text-decoration: underline;
}
@media screen and (max-width: 760px)
{
    .nav-index-04 ul a:active .title .inner,
    .nav-index-04 ul a:hover .title .inner,
    .nav-index-04 ul a:focus .title .inner
    {
        text-decoration: none;
    }
}
.nav-index-04 ul a:active .title.external:before,
.nav-index-04 ul a:active .title.large:before,
.nav-index-04 ul a:hover .title.external:before,
.nav-index-04 ul a:hover .title.large:before,
.nav-index-04 ul a:focus .title.external:before,
.nav-index-04 ul a:focus .title.large:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .nav-index-04 ul a:active .title.external:before,
    .nav-index-04 ul a:active .title.large:before,
    .nav-index-04 ul a:hover .title.external:before,
    .nav-index-04 ul a:hover .title.large:before,
    .nav-index-04 ul a:focus .title.external:before,
    .nav-index-04 ul a:focus .title.large:before
    {
        color: #20a898;
    }
}
@media screen and (max-width: 760px)
{
    .nav-index-04 ul a:active .title,
    .nav-index-04 ul a:hover .title,
    .nav-index-04 ul a:focus .title
    {
        text-decoration: none;

        color: #009a8b;
    }
}

.nav-index-04 ul a .title
{
    margin-bottom: 6px;

    color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .nav-index-04 ul a .title
    {
        margin-bottom: 3px;
    }
}

.nav-index-04 ul .title
{
    font-size: 115%;

    position: relative;

    margin-bottom: 16px;

    -webkit-transition: color .2s ease;

    transition: color .2s ease;

    color: #333;
}
.nav-index-04 ul .title .ad-title a
{
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}
.nav-index-04 ul .title.external
{
    padding-left: 21px;
}
.nav-index-04 ul .title.external:before
{
    font-size: 12px;

    position: absolute;
    top: 8px;
    left: 0;

    -webkit-transition: color .2s ease;

    transition: color .2s ease;
    vertical-align: middle;

    color: #009a8b;
}
.nav-index-04 ul .title.large
{
    font-size: 143%;

    padding-left: 14px;
}
@media screen and (max-width: 760px)
{
    .nav-index-04 ul .title.large
    {
        font-size: 115%;
    }
}
.nav-index-04 ul .title.large:before
{
    font-size: 72%;

    position: absolute;
    top: 9px;
    left: -1px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;

    color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .nav-index-04 ul .title.large:before
    {
        top: 8px;
    }
}
.nav-index-04 ul .title .new
{
    font-weight: bold;

    margin-left: 15px;

    color: #f8759a;
}

.nav-index-04 ul .description
{
    color: #333;
}
@media screen and (max-width: 760px)
{
    .nav-index-04 ul .description
    {
        margin-bottom: 14px;
    }
}

.nav-index-04 .nav-btn-02
{
    margin-bottom: 0;
}
@media screen and (max-width: 760px)
{
    .nav-index-04 .nav-btn-02
    {
        margin-bottom: 35px !important;
    }
    .nav-index-04 .nav-btn-02 ul li
    {
        margin-bottom: 0;
    }
}

/* nav-index-05
--------------------------------------- */
.nav-index-05 ul
{
    position: relative;

    margin-bottom: -40px;
}
@media screen and (max-width: 760px)
{
    .nav-index-05 ul
    {
        margin-bottom: -15px;
    }
}
.nav-index-05 ul li
{
    float: left;

    box-sizing: border-box;
    width: 50%;
    margin: 0 0 40px 0;
    padding-right: 1.798561151079137%;
}
@media screen and (max-width: 760px)
{
    .nav-index-05 ul li
    {
        float: none;

        width: 100%;
        margin: 0 0 15px 0;
        padding-right: 0;
    }
}
.nav-index-05 ul li .image
{
    display: inline-block;

    width: 40.29850746268657%;
    margin-right: 4.392764857881137%;

    -webkit-transition: all .2s ease;

    transition: all .2s ease;
    vertical-align: middle;

    border: 1px solid #c6c9d3;
}
.nav-index-05 ul li .image img
{
    display: block;

    width: 100%;
}
.nav-index-05 ul li .text
{
    font-size: 100%;
    line-height: 1.6;

    display: inline-block;

    width: 52.4726368159204%;

    -webkit-transition: all .2s ease;

    transition: all .2s ease;
    vertical-align: middle;
}
.nav-index-05 ul li .text.pdf .text-inner
{
    position: relative;

    display: block;

    padding-left: 17px;
}
@media screen and (max-width: 760px)
{
    .nav-index-05 ul li .text.pdf .text-inner
    {
        padding-left: 14px;
    }
}
.nav-index-05 ul li .text.pdf .text-inner:before
{
    position: absolute;
    top: 6px;
    left: 0;

    width: 11px;
    height: 13px;

    content: '';
    -webkit-transition: all .2s ease;
    transition: all .2s ease;

    background: url('/assets/img/icon/icon_pdf_01.png') no-repeat 0 0;
    background-size: 11px 13px;
}
@media screen and (max-width: 760px)
{
    .nav-index-05 ul li .text.pdf .text-inner:before
    {
        top: 5px;
    }
}
.nav-index-05 ul li .text.pdf .text-inner .size
{
    font-size: 85%;

    display: block;

    -webkit-transition: all .2s ease;

    transition: all .2s ease;

    color: #666;
}
@media screen and (max-width: 760px)
{
    .nav-index-05 ul li .text.pdf .text-inner .size
    {
        font-size: 100%;
    }
}
.nav-index-05 ul li a
{
    display: block;

    text-decoration: none;
}
@media screen and (max-width: 760px)
{
    .nav-index-05 ul li a
    {
        color: #009a8b;
    }
}
.nav-index-05 ul li a:active .image,
.nav-index-05 ul li a:hover .image,
.nav-index-05 ul li a:focus .image
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .nav-index-05 ul li a:active .image,
    .nav-index-05 ul li a:hover .image,
    .nav-index-05 ul li a:focus .image
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.nav-index-05 ul li a:active .text.pdf .text-inner:before,
.nav-index-05 ul li a:hover .text.pdf .text-inner:before,
.nav-index-05 ul li a:focus .text.pdf .text-inner:before
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .nav-index-05 ul li a:active .text.pdf .text-inner:before,
    .nav-index-05 ul li a:hover .text.pdf .text-inner:before,
    .nav-index-05 ul li a:focus .text.pdf .text-inner:before
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.nav-index-05 ul li a:active .text.pdf .text-inner .title,
.nav-index-05 ul li a:hover .text.pdf .text-inner .title,
.nav-index-05 ul li a:focus .text.pdf .text-inner .title
{
    text-decoration: underline;
}
.nav-index-05 ul li a:active .text.pdf .text-inner .size,
.nav-index-05 ul li a:hover .text.pdf .text-inner .size,
.nav-index-05 ul li a:focus .text.pdf .text-inner .size
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .nav-index-05 ul li a:active .text.pdf .text-inner .size,
    .nav-index-05 ul li a:hover .text.pdf .text-inner .size,
    .nav-index-05 ul li a:focus .text.pdf .text-inner .size
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

/* nav-banner-01
--------------------------------------- */
.nav-banner-01
{
    overflow: hidden;

    margin-bottom: 40px;
}
@media screen and (max-width: 760px)
{
    .nav-banner-01
    {
        margin-bottom: 0;
    }
}
.nav-banner-01.nav-2 ul li
{
    width: 48.66310160427807%;
    margin-right: 2.67379679144385%;
}
@media screen and (max-width: 760px)
{
    .nav-banner-01.nav-2 ul li
    {
        width: 100%;
        margin: 0 0 15px;
    }
}
.nav-banner-01.nav-2 ul li:nth-child(2n)
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .nav-banner-01.nav-2 ul li:nth-child(2n)
    {
        margin-bottom: 0;
    }
}
.nav-banner-01.nav-3 ul li
{
    width: 31.55080213903743%;
    margin-right: 2.67379679144385%;
}
@media screen and (max-width: 760px)
{
    .nav-banner-01.nav-3 ul li
    {
        width: 100%;
        margin: 0 0 15px;
    }
}
.nav-banner-01.nav-3 ul li:nth-child(3n)
{
    margin-right: 0;
}
.nav-banner-01.nav-4 ul
{
    width: 102.604166666666667%;
    margin-left: -1.302083333333333%;
}
@media screen and (max-width: 760px)
{
    .nav-banner-01.nav-4 ul
    {
        width: 102.604166666666667%;
        margin-left: -1.302083333333333%;
    }
}
.nav-banner-01.nav-4 ul li
{
    width: 22.39583333333333%;
    margin: 0 1.302083333333333% 0;
}
@media screen and (max-width: 760px)
{
    .nav-banner-01.nav-4 ul li
    {
        width: 47.39583333333333%;
        margin: 0 1.302083333333333% 15px;
    }
}
.nav-banner-01 ul li
{
    float: left;

    box-sizing: border-box;

    border: 1px solid #c6c9d3;
    border-radius: 12px;
}
.nav-banner-01 ul li a
{
    display: block;

    -webkit-transition: opacity .5s ease 0s;

    transition: opacity .5s ease 0s;
}
.nav-banner-01 ul li a:active,
.nav-banner-01 ul li a:hover,
.nav-banner-01 ul li a:focus
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .nav-banner-01 ul li a:active,
    .nav-banner-01 ul li a:hover,
    .nav-banner-01 ul li a:focus
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.nav-banner-01 ul li a img
{
    display: block;

    width: 100%;

    border-radius: 10px;
}

/* nav-tab-01
--------------------------------------- */
.nav-tab-01 .tab-btns.btn-2 li
{
    width: 50%;
}

.nav-tab-01 .tab-btns.btn-3 li
{
    width: 33.3333333%;
}

.nav-tab-01 .tab-btns.btn-4 li
{
    width: 25%;
}

.nav-tab-01 .tab-btns.btn-5 li
{
    width: 20%;
}

.nav-tab-01 .tab-btns li
{
    float: left;

    box-sizing: border-box;

    text-align: center;
}
.nav-tab-01 .tab-btns li:last-child a
{
    background: none;
}
.nav-tab-01 .tab-btns li a
{
    font-size: 108%;
    font-weight: bold;
    line-height: 1.5;

    display: block;

    padding: 15px 10px 13px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    color: #009a8b;
    border-top: 1px solid #c6c9d3;
    border-bottom: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .nav-tab-01 .tab-btns li a
    {
        font-size: 79%;

        padding: 0;
    }
}
.nav-tab-01 .tab-btns li a:active,
.nav-tab-01 .tab-btns li a:hover,
.nav-tab-01 .tab-btns li a:focus
{
    text-decoration: none;

    color: #fff;
    border-top: 1px solid #10af9e;
    border-bottom: 1px solid #10af9e;
    background-color: #10af9e;
}
@media screen and (max-width: 760px)
{
    .nav-tab-01 .tab-btns li a:active,
    .nav-tab-01 .tab-btns li a:hover,
    .nav-tab-01 .tab-btns li a:focus
    {
        color: #009a8b;
        border-top: 1px solid #c6c9d3;
        border-bottom: 1px solid #c6c9d3;
        background-color: #fff;
    }
}
.nav-tab-01 .tab-btns li a span
{
    display: inline-block;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .nav-tab-01 .tab-btns li a span
    {
        display: block;

        padding: 7px 10px 6px;
    }
}
.nav-tab-01 .tab-btns li a span.v-center
{
    padding-top: 12px;
}
@media screen and (max-width: 760px)
{
    .nav-tab-01 .tab-btns li a span.v-center
    {
        padding-top: 16px;
    }
}
.nav-tab-01 .tab-btns li a span span
{
    font-size: 129%;
    line-height: 1;

    position: relative;
    top: -3px;

    display: inline-block;
    display: inline;

    height: auto !important;
    padding: 0 !important;
}
.nav-tab-01 .tab-btns li.active a
{
    font-weight: bold;

    position: relative;

    color: #fff;
    border-top: 1px solid #10af9e;
    border-bottom: 1px solid #10af9e;
    background-color: #10af9e;
}
.nav-tab-01 .tab-btns li.active a:before
{
    position: absolute;
    bottom: -7px;
    left: 50%;

    display: block;

    width: 12px;
    height: 6px;
    margin-left: -6px;

    content: '';

    background: #fff url('/assets/img/bg/bg_nav-tab-01_current.png') no-repeat 50% 100%;
    background-size: 12px 6px;
}

.nav-tab-01 .tab-contents.active
{
    display: block !important;
}

.nav-tab-01 .tab-contents .tab-inner
{
    padding: 40px 0 0 0;
}
@media screen and (max-width: 760px)
{
    .nav-tab-01 .tab-contents .tab-inner
    {
        padding: 20px 0 0 0;
    }
}
.nav-tab-01 .tab-contents .tab-inner.border
{
    margin: 30px 0 20px;
    padding: 30px 30px 0;

    border: 1px solid #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .nav-tab-01 .tab-contents .tab-inner.border
    {
        margin: 15px 0 10px;
        padding: 15px 15px 0;
    }
}
.nav-tab-01 .tab-contents .tab-inner.border .lyt-image-01
{
    width: 86%;
    margin: 0 auto;
    padding: 30px 0;
}

.nav-tab-01.active .tab-contents
{
    display: none;
}

/* nav-btn-01
--------------------------------------- */
.nav-btn-01
{
    text-align: center;
}
.nav-btn-01 a
{
    font-weight: bold;

    position: relative;

    display: inline-block;

    box-sizing: border-box;
    padding: 15px 10px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;
    vertical-align: middle;

    color: #333;
    border-radius: 10px;
    background-color: #fcff00;
    box-shadow: 0 2px 0 0 #c7c900;
}
@media screen and (max-width: 760px)
{
    .nav-btn-01 a
    {
        font-size: 93%;

        padding: 10px 5px;
    }
}
.nav-btn-01 a:active
{
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .nav-btn-01 a:active
    {
        box-shadow: 0 2px 0 0 #c7c900 !important;
    }
}
.nav-btn-01 a:focus,
.nav-btn-01 a:hover
{
    text-decoration: none;

    background-color: #ffd600;
    box-shadow: none;
}
@media screen and (max-width: 760px)
{
    .nav-btn-01 a:focus,
    .nav-btn-01 a:hover
    {
        background-color: #fcff00;
        box-shadow: 0 2px 0 0 #c7c900;
    }
}
.nav-btn-01 span:before
{
    font-size: 18px;

    margin-right: 6px;

    vertical-align: middle;

    color: #231815;
}
.nav-btn-01.w-354 a
{
    width: 354px;
}
@media screen and (max-width: 760px)
{
    .nav-btn-01.w-354 a
    {
        width: 100%;
    }
}

/* nav-btn-02
--------------------------------------- */
.nav-btn-02
{
    margin-bottom: 20px;
}
.nav-btn-02 button
{
    font-family: 'NotoSansCJKjp-Regular', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

    margin: 0;

    cursor: pointer;
    text-align: center;

    border: medium none;
}
.nav-btn-02 a,
.nav-btn-02 button
{
    line-height: 1.3;

    position: relative;

    display: block;

    box-sizing: border-box;
    width: 258px;
    padding: 11px 10px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;

    border-radius: 10px;
}
.nav-btn-02 a:focus,
.nav-btn-02 a:hover,
.nav-btn-02 button:focus,
.nav-btn-02 button:hover
{
    text-decoration: none;
}
.nav-btn-02 a:active,
.nav-btn-02 button:active
{
    background-color: #129989 !important;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 960px)
{
    .nav-btn-02 a,
    .nav-btn-02 button
    {
        width: 248px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-btn-02 a,
    .nav-btn-02 button
    {
        width: 100%;
        max-width: 100%;
        padding: 14px 10px;
    }
}
.nav-btn-02 ul li
{
    display: block;
    float: left;

    margin: 0 20px 0 0;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02 ul li
    {
        width: 100%;
        margin-bottom: 15px;
    }
    .nav-btn-02 ul li:last-child
    {
        margin-bottom: 0;
    }
}
.nav-btn-02 ul li:last-child
{
    margin-right: 0 !important;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02 p
    {
        margin-bottom: 15px;
    }
}
.nav-btn-02.anchor-link a:active span:before,
.nav-btn-02.anchor-link a:focus span:before,
.nav-btn-02.anchor-link a:hover span:before
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.anchor-link a:active span:before,
    .nav-btn-02.anchor-link a:focus span:before,
    .nav-btn-02.anchor-link a:hover span:before
    {
        color: #20a898;
    }
}
.nav-btn-02.anchor-link a span
{
    position: relative;

    display: inline-block;

    padding-left: 19px;
}
.nav-btn-02.anchor-link a span:before
{
    font-size: 12px;

    position: absolute;
    top: 4px;
    left: 0;

    vertical-align: middle;

    color: #20a898;
}
@media screen and (max-width: 960px)
{
    .nav-btn-02.anchor-link a span:before
    {
        top: 4px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.anchor-link a span:before
    {
        top: 6px;
    }
}
.nav-btn-02.type-01 a,
.nav-btn-02.type-01 button
{
    color: #009a8b;
    border: 1px solid #c6c9d3;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #c6c9d3;
}
.nav-btn-02.type-01 a:focus,
.nav-btn-02.type-01 a:hover,
.nav-btn-02.type-01 button:focus,
.nav-btn-02.type-01 button:hover
{
    color: #fff;
    border: 1px solid transparent;
    background-color: #10af9e;
    box-shadow: none;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.type-01 a:focus,
    .nav-btn-02.type-01 a:hover,
    .nav-btn-02.type-01 button:focus,
    .nav-btn-02.type-01 button:hover
    {
        color: #009a8b;
        border: 1px solid #c6c9d3;
        background-color: #fff;
        box-shadow: 0 2px 0 0 #c6c9d3;
    }
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.type-01 a:active,
    .nav-btn-02.type-01 button:active
    {
        background-color: #fff !important;
        box-shadow: 0 2px 0 0 #c6c9d3 !important;
    }
}
.nav-btn-02.type-02 a,
.nav-btn-02.type-02 button
{
    font-weight: bold;

    color: #fff;
    background-color: #10af9e;
    box-shadow: 0 2px 0 0 #00655a;
}
.nav-btn-02.type-02 a:focus,
.nav-btn-02.type-02 a:hover,
.nav-btn-02.type-02 button:focus,
.nav-btn-02.type-02 button:hover
{
    background-color: #19bbaa;
    box-shadow: 0 2px 0 0 #10af9e;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.type-02 a:focus,
    .nav-btn-02.type-02 a:hover,
    .nav-btn-02.type-02 button:focus,
    .nav-btn-02.type-02 button:hover
    {
        color: #fff;
        background-color: #10af9e;
        box-shadow: 0 2px 0 0 #00655a;
    }
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.type-02 a:active,
    .nav-btn-02.type-02 button:active
    {
        background-color: #10af9e !important;
        box-shadow: 0 2px 0 0 #00655a !important;
    }
}
.nav-btn-02.type-02 .map span:before,
.nav-btn-02.type-02 .external span:before
{
    color: #fff !important;
}
.nav-btn-02.type-03
{
    text-align: center;
}
.nav-btn-02.type-03 p
{
    display: inline-block;

    min-width: 258px;
    margin: 0 auto 0;
}
.nav-btn-02.type-03 a,
.nav-btn-02.type-03 button
{
    width: 100%;

    color: #009a8b;
    border: 1px solid #c6c9d3;
    background-color: #fff;
    box-shadow: 0 2px 0 0 #c6c9d3;
}
.nav-btn-02.type-03 a:focus,
.nav-btn-02.type-03 a:hover,
.nav-btn-02.type-03 button:focus,
.nav-btn-02.type-03 button:hover
{
    color: #fff;
    border: 1px solid transparent;
    background-color: #10af9e;
    box-shadow: none;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.type-03 a:focus,
    .nav-btn-02.type-03 a:hover,
    .nav-btn-02.type-03 button:focus,
    .nav-btn-02.type-03 button:hover
    {
        color: #009a8b;
        border: 1px solid #c6c9d3;
        background-color: #fff;
        box-shadow: 0 2px 0 0 #c6c9d3;
    }
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.type-03 a:active,
    .nav-btn-02.type-03 button:active
    {
        background-color: #fff !important;
        box-shadow: 0 2px 0 0 #c6c9d3 !important;
    }
}
.nav-btn-02.type-04
{
    text-align: center;
}
.nav-btn-02.type-04 p
{
    display: inline-block;

    min-width: 258px;
    margin: 0 auto 0;
}
.nav-btn-02.type-04 a,
.nav-btn-02.type-04 button
{
    width: 100%;

    color: #333;
    background-color: #fcff00;
    box-shadow: 0 2px 0 0 #c7c900;
}
.nav-btn-02.type-04 a:focus,
.nav-btn-02.type-04 a:hover,
.nav-btn-02.type-04 button:focus,
.nav-btn-02.type-04 button:hover
{
    background-color: #ffd600;
    box-shadow: none;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.type-04 a:focus,
    .nav-btn-02.type-04 a:hover,
    .nav-btn-02.type-04 button:focus,
    .nav-btn-02.type-04 button:hover
    {
        color: #333;
        background-color: #fcff00;
        box-shadow: 0 2px 0 0 #c7c900;
    }
}
.nav-btn-02.type-04 a:active,
.nav-btn-02.type-04 button:active
{
    background-color: #ffd600 !important;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.type-04 a:active,
    .nav-btn-02.type-04 button:active
    {
        background-color: #fcff00 !important;
        box-shadow: 0 2px 0 0 #c7c900 !important;
    }
}
.nav-btn-02 .pdf span
{
    position: relative;

    display: inline-block;

    padding-left: 19px;
}
.nav-btn-02 .pdf span:before
{
    position: absolute;
    top: 6px;
    left: 0;

    width: 11px;
    height: 13px;

    content: '';

    background: url('/assets/img/icon/icon_pdf_01.png') no-repeat 0 0;
    background-size: 11px 13px;
}
@media screen and (max-width: 960px)
{
    .nav-btn-02 .pdf span:before
    {
        top: 3px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-btn-02 .pdf span:before
    {
        top: 6px;
    }
}
.nav-btn-02 .amazon span
{
    position: relative;

    display: inline-block;

    padding-left: 63px;
}
.nav-btn-02 .amazon span:before
{
    position: absolute;
    top: 1px;
    left: 0;

    width: 50px;
    height: 22px;

    content: '';

    background: url('/assets/img/icon/icon_amazon_01.png') no-repeat 0 0;
    background-size: 50px 22px;
}
.nav-btn-02 .amazon a:active span:before,
.nav-btn-02 .amazon a:hover span:before,
.nav-btn-02 .amazon a:focus span:before
{
    background: url('/assets/img/icon/icon_amazon_01_o.png') no-repeat 0 0;
    background-size: 50px 22px;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02 .amazon a:active span:before,
    .nav-btn-02 .amazon a:hover span:before,
    .nav-btn-02 .amazon a:focus span:before
    {
        background: url('/assets/img/icon/icon_amazon_01.png') no-repeat 0 0;
        background-size: 50px 22px;
    }
}
.nav-btn-02 .map span
{
    position: relative;

    display: inline-block;

    padding-left: 19px;
}
.nav-btn-02 .map span:before
{
    font-size: 12px;

    position: absolute;
    top: 6px;
    left: 0;

    vertical-align: middle;

    color: #20a898;
}
@media screen and (max-width: 960px)
{
    .nav-btn-02 .map span:before
    {
        top: 4px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-btn-02 .map span:before
    {
        top: 6px;
    }
}
.nav-btn-02 .map a:focus span:before,
.nav-btn-02 .map a:hover span:before
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02 .map a:focus span:before,
    .nav-btn-02 .map a:hover span:before
    {
        color: #20a898;
    }
}
.nav-btn-02 .external span
{
    position: relative;

    display: inline-block;

    padding-left: 19px;
}
.nav-btn-02 .external span:before
{
    font-size: 12px;

    position: absolute;
    top: 7px;
    left: 0;

    vertical-align: middle;

    color: #20a898;
}
@media screen and (max-width: 960px)
{
    .nav-btn-02 .external span:before
    {
        top: 4px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-btn-02 .external span:before
    {
        top: 7px;
    }
}
.nav-btn-02 .external a:focus span:before,
.nav-btn-02 .external a:hover span:before
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02 .external a:focus span:before,
    .nav-btn-02 .external a:hover span:before
    {
        color: #20a898;
    }
}
.nav-btn-02 .movie span
{
    position: relative;

    display: inline-block;

    padding-left: 19px;
}
.nav-btn-02 .movie span:before
{
    font-size: 12px;

    position: absolute;
    top: 6px;
    left: 0;

    vertical-align: middle;

    color: #20a898;
}
@media screen and (max-width: 960px)
{
    .nav-btn-02 .movie span:before
    {
        top: 4px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-btn-02 .movie span:before
    {
        top: 6px;
    }
}
.nav-btn-02 .movie a:focus span:before,
.nav-btn-02 .movie a:hover span:before
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02 .movie a:focus span:before,
    .nav-btn-02 .movie a:hover span:before
    {
        color: #20a898;
    }
}
.nav-btn-02 .movie.current a
{
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    box-shadow: none;
}
.nav-btn-02 .movie.current a span:before
{
    color: #fff;
}
.nav-btn-02.w-354 p
{
    width: 354px !important;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.w-354 p
    {
        width: 100% !important;
    }
}
.nav-btn-02.w-354 a,
.nav-btn-02.w-354 button
{
    width: 354px;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.w-354 a,
    .nav-btn-02.w-354 button
    {
        width: 100%;
    }
}
.nav-btn-02.w-121 li
{
    width: 121px;
}
@media screen and (max-width: 1280px)
{
    .nav-btn-02.w-121 li
    {
        font-size: 86%;

        width: 70px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.w-121 li
    {
        font-size: 100%;

        width: 46.89922480620155%;
        margin: 0 5.813953488372093% 14px 0;
    }
}
.nav-btn-02.w-121 li a,
.nav-btn-02.w-121 li button
{
    width: 100%;
}
.nav-btn-02.w-121.center
{
    width: 262px;
    margin: 0 auto;
}
@media screen and (max-width: 1280px)
{
    .nav-btn-02.w-121.center li
    {
        font-size: 100%;

        width: 121px;
        margin-right: 20px;
    }
}
.nav-btn-02.w-100 li,
.nav-btn-02.w-100 p
{
    width: 100%;
}
.nav-btn-02.w-100 li a,
.nav-btn-02.w-100 li button,
.nav-btn-02.w-100 p a,
.nav-btn-02.w-100 p button
{
    width: 100%;
}
.nav-btn-02.wide a,
.nav-btn-02.wide button
{
    height: 50px;
    padding-top: 17px;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.wide a,
    .nav-btn-02.wide button
    {
        height: auto;
        padding-top: 12px;
    }
}
.nav-btn-02.modal-nav-01
{
    text-align: center;
}
.nav-btn-02.modal-nav-01 li,
.nav-btn-02.modal-nav-01 p
{
    display: inline-block;
    float: none;
}
.nav-btn-02.col-3
{
    margin-bottom: 0;
}
.nav-btn-02.col-3 ul li
{
    width: 32.14498% !important;
    margin-right: 1.78253% !important;
    margin-bottom: 20px !important;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.col-3 ul li
    {
        width: 100% !important;
        margin-right: 0 !important;
    }
}
.nav-btn-02.col-3 ul li a,
.nav-btn-02.col-3 ul li button
{
    width: 100% !important;
}
.nav-btn-02.col-3 ul li:nth-child(3n)
{
    margin-right: 0 !important;
}
.nav-btn-02.center p
{
    width: 258px;
    margin: 0 auto 20px;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.center p
    {
        width: 100%;
    }
}
.nav-btn-02.center ul
{
    text-align: center;
    letter-spacing: -.5em;
}
.nav-btn-02.center ul li
{
    display: inline-block;
    float: none;

    letter-spacing: normal;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.center ul li
    {
        display: block;
    }
}
.nav-btn-02.center ul li a,
.nav-btn-02.center ul li button
{
    display: inline-block;
}
@media screen and (max-width: 760px)
{
    .nav-btn-02.center ul li a,
    .nav-btn-02.center ul li button
    {
        display: block;
    }
}

@media screen and (max-width: 1064px)
{
    .lyt-column-01 .box-content-01 .nav-btn-02.w-354 p,
    .lyt-column-01 .box-content-01 .nav-btn-02.w-354 button
    {
        width: 100% !important;
    }
}

/* nav-btn-03
--------------------------------------- */
.nav-btn-03
{
    width: 100%;
}
@media screen and (max-width: 760px)
{
    .nav-btn-03
    {
        font-size: 86%;
    }
}
.nav-btn-03 a
{
    font-weight: bold;

    position: relative;

    display: block;

    box-sizing: border-box;
    padding: 7px 10px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;
    vertical-align: middle;

    border-radius: 10px;
}
.nav-btn-03.type-01 a
{
    color: #333;
    background-color: #fcff00;
    box-shadow: 0 2px 0 0 #c7c900;
}
.nav-btn-03.type-01 a span:before
{
    font-size: 18px;

    margin-right: 6px;

    vertical-align: middle;

    color: #231815;
}
.nav-btn-03.type-01 a:active
{
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .nav-btn-03.type-01 a:active
    {
        box-shadow: 0 2px 0 0 #c7c900 !important;
    }
}
.nav-btn-03.type-01 a:hover,
.nav-btn-03.type-01 a:focus
{
    text-decoration: none;

    background-color: #ffda00;
    box-shadow: none;
}
@media screen and (max-width: 760px)
{
    .nav-btn-03.type-01 a:hover,
    .nav-btn-03.type-01 a:focus
    {
        background-color: #fcff00;
        box-shadow: 0 2px 0 0 #c7c900;
    }
}

/* nav-category-01
--------------------------------------- */
.nav-category-01
{
    padding-bottom: 15px;
}
@media screen and (max-width: 760px)
{
    .nav-category-01
    {
        padding-bottom: 20px;
    }
}
.nav-category-01 ul
{
    width: 102.439024390243902%;
    margin-left: -1.219512195121951%;
}
.nav-category-01 ul li
{
    display: inline-block;

    box-sizing: border-box;
    width: 22.5609756097561%;
    margin: 0 1.219512195121951% 25px;

    border: 1px solid #d7d7d7;
    border-radius: 5px;
    /*c*/
}
@media screen and (max-width: 1064px)
{
    .nav-category-01 ul li
    {
        width: 47.5609756097561%;
        margin: 0 1.219512195121951% 25px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-category-01 ul li
    {
        display: block;

        width: 100%;
        margin: 0 0 10px;
    }
}
.nav-category-01 ul li:active a,
.nav-category-01 ul li:hover a,
.nav-category-01 ul li:focus a
{
    text-decoration: none;
}
.nav-category-01 ul li a
{
    display: table;

    box-sizing: border-box;
    width: 100%;
    padding: 15px 7.782101167315175% 15px;
}
@media screen and (max-width: 760px)
{
    .nav-category-01 ul li a
    {
        padding: 8px 6.834532374100719% 10px;
    }
}
.nav-category-01 ul li a .image
{
    display: table-cell;

    width: 29.95391705069125%;
    padding-right: 11.9815668202765%;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .nav-category-01 ul li a .image
    {
        width: 14.97695852534563%;
        padding-right: 5.99078341013825%;

        vertical-align: middle;
    }
}
.nav-category-01 ul li a .image img
{
    width: 100%;

    vertical-align: middle;
}
.nav-category-01 ul li a .text
{
    display: table-cell;

    vertical-align: middle;
}
@media screen and (max-width: 760px)
{
    .nav-category-01 ul li a .text
    {
        height: 44px;
    }
}
.nav-category-01 ul li a .text .title
{
    font-size: 129%;
    font-weight: bold;
    line-height: 1.5;
}
@media screen and (max-width: 760px)
{
    .nav-category-01 ul li a .text .title
    {
        font-size: 100%;
    }
}
.nav-category-01 ul li a .text .description
{
    font-size: 86%;
    line-height: 1.5;

    padding-top: 4px;

    color: #666;
}
@media screen and (max-width: 760px)
{
    .nav-category-01 ul li a .text .description
    {
        font-size: 72%;
    }
}

/* nav-index-06
--------------------------------------- */
.nav-index-06
{
    overflow: hidden;

    margin-bottom: 10px;
}
@media screen and (max-width: 760px)
{
    .nav-index-06
    {
        margin-bottom: .856%;
    }
}
.nav-index-06 ul.column-wrap
{
    position: relative;

    overflow: hidden;

    margin-left: -2.60416666667%;

    letter-spacing: -5em;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 ul.column-wrap
    {
        width: 102.5%;
        margin: 0 0 0 -2.5%;
    }
}
.nav-index-06 ul.column-wrap.nav-index-default li.column
{
    display: none;
}
.nav-index-06 ul.column-wrap.nav-index-default li.column.tag-default
{
    display: inline-block;
}
.nav-index-06 ul.column-wrap.nav-index-default li.column.not-active
{
    display: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    .nav-index-06 li.column
    {
        float: left;
    }
}
.nav-index-06 li.column
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 30.7291666667%;
    margin: 0 0 2.60416666667% 2.60416666667%;

    -webkit-transition: opacity .3s ease;

    transition: opacity .3s ease;
    letter-spacing: normal;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column
    {
        box-sizing: border-box;
        width: 47.5%;
        margin: 0 0 2.5% 2.5%;
        padding-bottom: 5px;

        border: 1px solid #c6c9d3;
    }
    .nav-index-06 li.column:before
    {
        display: block;

        width: 100%;
        height: 100%;
    }
}
.nav-index-06 li.column.active
{
    display: inline-block !important;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column a
    {
        text-decoration: none;
    }
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column a .bg-img
    {
        position: relative;
    }
    .nav-index-06 li.column a .bg-img:before
    {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;

        content: '';

        background-color: rgba(0, 0, 0, .45);
    }
}
.nav-index-06 li.column a .bg-img img
{
    width: 100%;

    -webkit-transition: -webkit-transform .8s ease;

    transition: -webkit-transform .8s ease;

    transition: transform .8s ease;

    transition: transform .8s ease, -webkit-transform .8s ease;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
}
.nav-index-06 li.column a:hover .bg-img img,
.nav-index-06 li.column a:focus .bg-img img
{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);

    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column a:hover .bg-img img,
    .nav-index-06 li.column a:focus .bg-img img
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
.nav-index-06 li.column .pickup
{
    font-weight: 700;
    line-height: 1;

    position: absolute;
    z-index: 1;
    top: 0;
    left: 30px;

    padding: 10px 25px;

    color: #333;
    border-radius: 0 0 5px 5px;
    background: #ffda00;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column .pickup
    {
        font-size: 79%;

        left: 4.05%;

        padding: 10px 15px;
    }
}
.nav-index-06 li.column .text-area
{
    position: absolute;
    bottom: 0;
    left: 0;

    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 8.478%;

    color: #fff;
    background-color: rgba(0, 0, 0, .45);
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column .text-area
    {
        position: static;
        top: 0;
        bottom: inherit;

        height: auto;
        padding: 7.5% 4.5% 3.5%;

        color: #333;
        background-color: transparent;
    }
    .nav-index-06 li.column .text-area .sp-view-inner
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 0;
        padding-top: 94.28%;
    }
}
@media screen and (max-width: 1064px) and (max-width: 1064px)
{
    .nav-index-06 li.column .text-area .sp-view-inner
    {
        margin-bottom: 6px;
    }
}
.nav-index-06 li.column .text-area .area-title
{
    font-size: 186%;
    line-height: 1.5;

    position: relative;
    top: -2.92%;

    padding: 0 0 11px 0;

    text-align: center;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column .text-area .area-title
    {
        font-size: 158%;
    }
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column .text-area .area-title
    {
        font-size: 129%;
        line-height: 1.5;

        position: absolute;
        z-index: 5;
        top: 10.35%;
        left: 0;

        box-sizing: border-box;
        width: 100%;
        padding: 0 3%;

        color: #fff;
    }
}
@media screen and (max-width: 374px)
{
    .nav-index-06 li.column .text-area .area-title
    {
        font-size: 100%;
    }
}
.nav-index-06 li.column .text-area .area-title .area-title-tx
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.nav-index-06 li.column .text-area .area-title .area-title-subtx
{
    font-size: 72%;
}
.nav-index-06 li.column .text-area .area-map
{
    font-weight: 700;
    line-height: 1;

    position: relative;
    top: -4.02%;

    width: 39%;
    margin: 0 auto 3.745%;

    text-align: center;
}
.nav-index-06 li.column .text-area .area-map img
{
    width: 100%;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column .text-area .area-map
    {
        position: absolute;
        z-index: 2;
        top: 42%;
        left: 0;

        width: 100%;
    }
    .nav-index-06 li.column .text-area .area-map img
    {
        width: 42.0863309353%;
    }
}
.nav-index-06 li.column .text-area p.title
{
    line-height: 1.6;

    overflow: hidden;

    height: 50px;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column .text-area p.title
    {
        height: auto;
        margin-top: 6px;
    }
}
.nav-index-06 li.column .text-area .title
{
    font-weight: 700;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column .text-area .title
    {
        line-height: 1;

        overflow: hidden;

        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column .text-area .title
    {
        font-size: 100%;
        line-height: 1.8;

        white-space: normal;
        text-overflow: inherit;
    }
}
@media screen and (max-width: 374px)
{
    .nav-index-06 li.column .text-area .title
    {
        font-size: 86%;
    }
}
.nav-index-06 li.column .tag
{
    font-size: 72%;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    margin-right: 10px;
    padding: 3px 10px;

    color: #fff;
    border-radius: 4px;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.column .tag
    {
        font-size: 100%;

        margin: 0;
        padding: 3px 4px;

        border-radius: 2px;
    }
}
@media screen and (max-width: 374px)
{
    .nav-index-06 li.column .tag
    {
        font-size: 86%;
    }
}
.nav-index-06 li.column .tag-text-01
{
    background: #ed8247;
}
.nav-index-06 li.column .tag-text-02
{
    background: #c7a800;
}
.nav-index-06 li.column .tag-text-03
{
    background: #7ec017;
}
.nav-index-06 li.column .tag-text-04
{
    background: #34a95a;
}
.nav-index-06 li.column .tag-text-05
{
    background: #43a7c4;
}
.nav-index-06 li.column .tag-text-06
{
    background: #3c83d3;
}
.nav-index-06 li.column .tag-text-07
{
    background: #7e68c1;
}
.nav-index-06 li.column .tag-text-08
{
    background: #e25c88;
}
.nav-index-06 li.long-thumb
{
    width: 64.0625%;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.long-thumb
    {
        width: 97.5%;
    }
    .nav-index-06 li.long-thumb:before
    {
        display: none;
    }
    .nav-index-06 li.long-thumb .tag
    {
        margin-top: 0;
    }
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.long-thumb .bg-img:before
    {
        display: none !important;
    }
}
.nav-index-06 li.long-thumb .text-area
{
    height: auto;
    padding: 4.067%;
}
.nav-index-06 li.long-thumb .text-area .text
{
    line-height: 1.6;
}
@media screen and (max-width: 374px)
{
    .nav-index-06 li.long-thumb .text-area .text
    {
        font-size: 86%;
    }
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.long-thumb .text-area
    {
        padding: 3.63% 3.43%;
    }
    .nav-index-06 li.long-thumb .text-area .text
    {
        line-height: 1.4;
    }
}
.nav-index-06 li.long-thumb .text-area .title
{
    font-size: 186%;
    line-height: 1.5;

    margin-bottom: 12px;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.long-thumb .text-area .title
    {
        font-size: 143%;
        line-height: 1.3;

        margin-bottom: 4px;
    }
}
@media screen and (max-width: 374px)
{
    .nav-index-06 li.long-thumb .text-area .title
    {
        font-size: 115%;
    }
}
.nav-index-06 li.long-thumb .text-area .list-link-01
{
    margin-bottom: 0;
}
.nav-index-06 li.long-thumb .text-area .list-link-01 .area
{
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    margin-right: 20px;
    padding: 0 0 5px 0;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.long-thumb .text-area .list-link-01 .area
    {
        display: block;

        margin-bottom: 6px;
        padding: 0 0 5px 0;
    }
}
.nav-index-06 li.long-thumb .text-area .list-link-01 li:before
{
    display: none;
}
.nav-index-06 li.long-thumb .text-area .list-link-01 li.map
{
    font-weight: 700;
    line-height: 1;

    position: relative;

    margin-right: 20px;
    padding: 0 0 5px 19px;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.long-thumb .text-area .list-link-01 li.map
    {
        display: block;

        margin-bottom: 6px;
        padding: 0 0 5px 12px;
    }
}
.nav-index-06 li.long-thumb .text-area .list-link-01 li.map:before
{
    font-size: 115%;

    top: 0;

    display: block;

    color: #fff;
}
@media screen and (max-width: 1064px)
{
    .nav-index-06 li.long-thumb .text-area .list-link-01 li.map:before
    {
        font-size: 93%;

        color: #ffda00;
    }
}

.nav-index-06-container
{
    visibility: hidden;
}

/* nav-index-07
--------------------------------------- */
.nav-index-07
{
    padding-top: 9px;
}
.nav-index-07 .nav-index-07-column-01
{
    position: relative;

    margin-bottom: -30px;

    letter-spacing: -.5em;
}
.nav-index-07.type-02 .column.parent .text-area
{
    padding: 15px 20px 15px;
}
@media screen and (max-width: 760px)
{
    .nav-index-07.type-02 .column.parent .text-area
    {
        padding: 17px 15px 17px;
    }
    .nav-index-07.type-02 .column.parent .text-area .tx
    {
        margin-bottom: 13px;
    }
    .nav-index-07.type-02 .column.parent .text-area .plan-name
    {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 960px)
{
    .nav-index-07.tb-col-03 .column.parent
    {
        width: 31.55080213903743%;
        margin-right: 2.67379679144385%;
    }
    .nav-index-07.tb-col-03 .column.parent:nth-child(3n)
    {
        margin-right: 0;
    }
    .nav-index-07.tb-col-03 .column.parent:nth-child(4n)
    {
        margin-right: 2.67379679144385%;
    }
}
@media screen and (max-width: 960px) and (max-width: 760px)
{
    .nav-index-07.tb-col-03 .column.parent
    {
        float: none;

        width: 100%;
        margin: 0 0 15px 0;
    }
}
.nav-index-07 .column.parent
{
    display: inline-block;
    float: none;
    overflow: hidden;

    box-sizing: border-box;
    width: 22.99465240641711%;
    margin-right: 2.67379679144385%;
    margin-bottom: 30px;

    letter-spacing: normal;

    border: 1px solid #c6c9d3;
    border-radius: 10px;
    box-shadow: 0 2px 0 0 #c6c9d3;
}
.nav-index-07 .column.parent.type-01
{
    box-shadow: none;
}
.nav-index-07 .column.parent.type-01 .text-area
{
    border: none;
    border-radius: 8px;
}
.nav-index-07 .column.parent:nth-child(4n)
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
}
.nav-index-07 .column.parent a
{
    color: #333;
}
.nav-index-07 .column.parent a:focus,
.nav-index-07 .column.parent a:hover
{
    text-decoration: none;
}
.nav-index-07 .column.parent a:focus .plan-name,
.nav-index-07 .column.parent a:hover .plan-name
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent a:focus .plan-name,
    .nav-index-07 .column.parent a:hover .plan-name
    {
        color: #009a8b;
    }
}
.nav-index-07 .column.parent a:focus .external:before,
.nav-index-07 .column.parent a:hover .external:before
{
    color: #14bfad;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent a:focus .external:before,
    .nav-index-07 .column.parent a:hover .external:before
    {
        color: #009a8b;
    }
}
.nav-index-07 .column.parent a:focus .img img,
.nav-index-07 .column.parent a:hover .img img
{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);

    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent a:focus .img img,
    .nav-index-07 .column.parent a:hover .img img
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
.nav-index-07 .column.parent .img
{
    position: relative;
    z-index: 1;

    overflow: hidden;

    border-bottom: 1px solid #c6c9d3;
    border-radius: 8px 8px 0 0;
}
.nav-index-07 .column.parent .img img
{
    width: 100%;

    -webkit-transition: -webkit-transform .8s ease;

    transition: -webkit-transform .8s ease;

    transition: transform .8s ease;

    transition: transform .8s ease, -webkit-transform .8s ease;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;

    border-radius: 8px 8px 0 0;
}
.nav-index-07 .column.parent .text-area
{
    padding: 17px 20px 15px;

    border-bottom: 1px solid #c6c9d3;
    background: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent .text-area
    {
        padding: 18px 15px 16px;
    }
}
.nav-index-07 .column.parent .text-area .tx
{
    line-height: 1.3;

    margin-bottom: 2px;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent .text-area .tx
    {
        font-size: 108%;
        line-height: 1;

        margin-bottom: 8px;
    }
}
.nav-index-07 .column.parent .text-area .doc-label-01
{
    font-size: 86%;
    font-weight: bold;
    line-height: 1;

    display: inline-block;

    margin-bottom: 12px;
    padding: 5px 8px;

    background-color: #fcff00;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent .text-area .doc-label-01
    {
        font-size: 93%;

        margin-bottom: 12px;
    }
}
.nav-index-07 .column.parent .plan-name
{
    font-size: 115%;
    font-weight: 700;

    position: relative;

    margin-bottom: 6px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    color: #009a8b;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent .plan-name
    {
        font-weight: 700;
        line-height: 1;

        margin-bottom: 12px;
    }
}
.nav-index-07 .column.parent .plan-name.external
{
    padding: 0 0 5px 19px;
}
.nav-index-07 .column.parent .plan-name.external:before
{
    font-size: 14px;

    position: absolute;
    top: 8px;
    left: 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;
    vertical-align: middle;

    color: #20a898;
}
.nav-index-07 .column.parent .sub-tx
{
    font-size: 86%;
}
.nav-index-07 .column.parent .icon-area
{
    font-size: 79%;

    overflow: hidden;

    padding: 13px 2px 0;

    text-align: center;

    background: #f5f6f8;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent .icon-area
    {
        padding: 9px 17px 0;

        text-align: left;
    }
}
.nav-index-07 .column.parent .icon-area .column
{
    float: left;

    width: 31.55080213903743%;
    margin-right: 2.67379679144385%;
    margin-bottom: 12px;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent .icon-area .column
    {
        margin-bottom: 15px;

        letter-spacing: -.5em;
    }
}
.nav-index-07 .column.parent .icon-area .column.improper
{
    color: #bbb;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent .icon-area .column p
    {
        display: inline-block;

        vertical-align: middle;
        letter-spacing: normal;
    }
}
.nav-index-07 .column.parent .icon-area .column:nth-child(3n)
{
    margin-right: 0;
}
.nav-index-07 .column.parent .icon-area .icon-area-img
{
    margin: 0 auto 2px;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent .icon-area .icon-area-img
    {
        box-sizing: border-box;
        width: 32%;
        margin: 0;
        padding: 0 5px 0 0;

        vertical-align: top !important;
    }
}
.nav-index-07 .column.parent .icon-area .icon-area-img img
{
    width: 25px;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent .icon-area .icon-area-img img
    {
        width: 100%;
    }
}
.nav-index-07 .column.parent .icon-area .icon-area-tx
{
    font-size: 86%;
}
@media screen and (max-width: 760px)
{
    .nav-index-07 .column.parent .icon-area .icon-area-tx
    {
        font-size: 72%;

        box-sizing: border-box;
        width: 68%;
    }
}
@media screen and (max-width: 374px)
{
    .nav-index-07 .column.parent .icon-area .icon-area-tx
    {
        box-sizing: border-box;
        width: 68%;
    }
}

/* nav-index-08
--------------------------------------- */
.nav-index-08 ul .column
{
    float: left;

    width: 31.55080213903743%;
    margin-right: 2.67379679144385%;
    margin-bottom: 30px;
}
.nav-index-08 ul .column:nth-child(3n)
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .nav-index-08 ul .column
    {
        float: none;

        width: 100%;
        margin: 0 0 15px;
    }
}
.nav-index-08 ul .column.middle a
{
    padding-right: 5px;
}
.nav-index-08 ul .column.middle a .image
{
    display: inline-block;
    float: none;

    vertical-align: middle;
}
.nav-index-08 ul .column.middle a .text
{
    display: inline-block;
    overflow: inherit;

    width: 62%;

    vertical-align: middle;
}
.nav-index-08 ul .column.middle a .text .title
{
    display: inline;

    margin-bottom: 0;
}

.nav-index-08 .li-inner
{
    position: relative;

    display: block;

    box-sizing: border-box;
    width: 100%;
    padding: 18px 5.681818181818182%;

    vertical-align: middle;

    border: 1px solid #c6c9d3;
    border-radius: 10px;
}
@media screen and (max-width: 760px)
{
    .nav-index-08 .li-inner
    {
        padding: 15px 15px;
    }
}

.nav-index-08 .block-anchor
{
    position: relative;

    display: block;

    box-sizing: border-box;
    width: 100%;
    padding: 18px 5.681818181818182%;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;
    text-decoration: none;

    border: 1px solid #c6c9d3;
    border-radius: 10px;
    box-shadow: 0 2px 0 0 #c6c9d3;
}
@media screen and (max-width: 760px)
{
    .nav-index-08 .block-anchor
    {
        padding: 15px 15px;
    }
}
.nav-index-08 .block-anchor:active
{
    background-color: #129989 !important;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .15) inset !important;
}
@media screen and (max-width: 760px)
{
    .nav-index-08 .block-anchor:active
    {
        background-color: #fff !important;
        box-shadow: 0 2px 0 0 #c6c9d3 !important;
    }
}
.nav-index-08 .block-anchor.current
{
    color: #fff;
    border: 1px solid #10af9e;
    background-color: #10af9e;
    box-shadow: none;
}
.nav-index-08 .block-anchor.current:active,
.nav-index-08 .block-anchor.current:focus,
.nav-index-08 .block-anchor.current:hover
{
    color: #fff !important;
    border: 1px solid #10af9e !important;
    background-color: #10af9e !important;
    box-shadow: none !important;
}
.nav-index-08 .block-anchor:focus,
.nav-index-08 .block-anchor:hover
{
    color: #fff;
    border: 1px solid #10af9e;
    background-color: #10af9e;
    box-shadow: none;
}
@media screen and (max-width: 760px)
{
    .nav-index-08 .block-anchor:focus,
    .nav-index-08 .block-anchor:hover
    {
        color: #009a8b;
        border: 1px solid #c6c9d3;
        background-color: #fff;
        box-shadow: 0 2px 0 0 #c6c9d3;
    }
}
.nav-index-08 .block-anchor:focus .text .description,
.nav-index-08 .block-anchor:hover .text .description
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-index-08 .block-anchor:focus .text .description,
    .nav-index-08 .block-anchor:hover .text .description
    {
        color: #333;
    }
}
.nav-index-08 .block-anchor:focus .text .title.external:before,
.nav-index-08 .block-anchor:hover .text .title.external:before
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-index-08 .block-anchor:focus .text .title.external:before,
    .nav-index-08 .block-anchor:hover .text .title.external:before
    {
        color: #20a898;
    }
}

.nav-index-08 .image
{
    float: left;

    width: 25.64102564102564%;
    margin-right: 19px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
}
@media screen and (max-width: 760px)
{
    .nav-index-08 .image
    {
        width: 65px;
        margin-right: 15px;
    }
}
.nav-index-08 .image img
{
    width: 100%;
}

.nav-index-08 .text
{
    overflow: hidden;
}
.nav-index-08 .text .title
{
    font-size: 115%;
    font-weight: bold;

    margin-bottom: 6px;
}
@media screen and (max-width: 760px)
{
    .nav-index-08 .text .title
    {
        font-size: 100%;

        margin-bottom: 3px;
    }
}
.nav-index-08 .text .title.external:before
{
    font-size: 12px;

    position: relative;
    top: -1px;

    margin-right: 6px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;

    color: #20a898;
}
.nav-index-08 .text .description
{
    font-size: 86%;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    color: #333;
}
.nav-index-08 .text .list-link-01
{
    margin: 10px 0 0;
}
.nav-index-08 .text .list-link-01 li
{
    padding-bottom: 0;
}

/* nav-page-top-01
--------------------------------------- */
#nav-page-top-01
{
    position: fixed;
    z-index: 9999;
    right: 30px;
    bottom: 40px;

    display: none;

    width: 80px;
    height: 87px;

    cursor: pointer;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;

    opacity: .6 !important;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    background: url('/assets/img/icon/icon_pagetop_01.png') no-repeat 0 0;
    background-size: 80px 1218px;
}
@media screen and (max-width: 760px)
{
    #nav-page-top-01
    {
        display: none !important;
    }
}
#nav-page-top-01:hover,
#nav-page-top-01:focus
{
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#nav-page-top-01.type-01:hover,
#nav-page-top-01.type-01:focus
{
    -webkit-animation: sprite-pagetop .3s steps(13) forwards;
            animation: sprite-pagetop .3s steps(13) forwards;
}
@media screen and (max-width: 760px)
{
    #nav-page-top-01.type-01:hover,
    #nav-page-top-01.type-01:focus
    {
        -webkit-animation: none;
                animation: none;
    }
}
#nav-page-top-01.not-animation.type-01:hover,
#nav-page-top-01.not-animation.type-01:focus
{
    -webkit-animation: none;
            animation: none;

    opacity: .6 !important;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

@-webkit-keyframes sprite-pagetop
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -1131px;
    }
}

@keyframes sprite-pagetop
{
    0%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 -1131px;
    }
}

/* nav-function-01
--------------------------------------- */
.nav-function-01 ul li
{
    float: left;

    width: 14.43850267379679%;
    margin-right: 2.67379679144385%;

    border-radius: 10px;
}
@media screen and (max-width: 1064px)
{
    .nav-function-01 ul li
    {
        width: 48.88888888888889%;
        margin-right: 2.222222222222222%;
        margin-bottom: 15px;
    }
    .nav-function-01 ul li:nth-child(2n)
    {
        margin-right: 0;
    }
}
@media screen and (max-width: 760px)
{
    .nav-function-01 ul li
    {
        float: none;

        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }
}
.nav-function-01 ul li:last-child
{
    margin-right: 0;
}
.nav-function-01 ul li a
{
    line-height: 1.3;

    position: relative;

    display: block;

    box-sizing: border-box;
    width: 100%;
    height: 153px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    color: #333;
    border: 1px solid #cfd2db;
    border-radius: 10px;
    background-color: #fff;
}
@media screen and (max-width: 1064px)
{
    .nav-function-01 ul li a
    {
        height: 58px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-function-01 ul li a
    {
        font-size: 93%;

        height: 50px;
    }
}
.nav-function-01 ul li a:before
{
    position: absolute;
    top: 30px;
    left: 50%;

    width: 62px;
    height: 60px;
    margin-left: -31px;

    content: '';
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 62px 60px;
}
@media screen and (max-width: 1064px)
{
    .nav-function-01 ul li a:before
    {
        top: 17px;
        left: 17px;

        width: 30px;
        height: auto;
        height: 28px;
        margin-left: 0;

        background-size: 30px 28px;
    }
}
@media screen and (max-width: 760px)
{
    .nav-function-01 ul li a:before
    {
        top: 13px;
        left: 10px;

        width: 25px;
        height: 23px;

        background-size: 25px 23px;
    }
}
.nav-function-01 ul li a.nav-01:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_01.png');
}
.nav-function-01 ul li a.nav-02:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_02.png');
}
.nav-function-01 ul li a.nav-03:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_03.png');
}
.nav-function-01 ul li a.nav-04:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_04.png');
}
.nav-function-01 ul li a.nav-05:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_05.png');
}
.nav-function-01 ul li a.nav-06:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_06.png');
}
.nav-function-01 ul li a:active,
.nav-function-01 ul li a:hover,
.nav-function-01 ul li a:focus
{
    text-decoration: none;

    border: 1px solid transparent;
    background-color: #10af9e;
}
.nav-function-01 ul li a:active.nav-01:before,
.nav-function-01 ul li a:hover.nav-01:before,
.nav-function-01 ul li a:focus.nav-01:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_01_o.png');
}
.nav-function-01 ul li a:active.nav-02:before,
.nav-function-01 ul li a:hover.nav-02:before,
.nav-function-01 ul li a:focus.nav-02:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_02_o.png');
}
.nav-function-01 ul li a:active.nav-03:before,
.nav-function-01 ul li a:hover.nav-03:before,
.nav-function-01 ul li a:focus.nav-03:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_03_o.png');
}
.nav-function-01 ul li a:active.nav-04:before,
.nav-function-01 ul li a:hover.nav-04:before,
.nav-function-01 ul li a:focus.nav-04:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_04_o.png');
}
.nav-function-01 ul li a:active.nav-05:before,
.nav-function-01 ul li a:hover.nav-05:before,
.nav-function-01 ul li a:focus.nav-05:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_05_o.png');
}
.nav-function-01 ul li a:active.nav-06:before,
.nav-function-01 ul li a:hover.nav-06:before,
.nav-function-01 ul li a:focus.nav-06:before
{
    background-image: url('/assets/img/icon/icon_footer-nav_06_o.png');
}
@media screen and (max-width: 760px)
{
    .nav-function-01 ul li a:active.nav-01:before,
    .nav-function-01 ul li a:hover.nav-01:before,
    .nav-function-01 ul li a:focus.nav-01:before
    {
        background-image: url('/assets/img/icon/icon_footer-nav_01.png');
    }
    .nav-function-01 ul li a:active.nav-02:before,
    .nav-function-01 ul li a:hover.nav-02:before,
    .nav-function-01 ul li a:focus.nav-02:before
    {
        background-image: url('/assets/img/icon/icon_footer-nav_02.png');
    }
    .nav-function-01 ul li a:active.nav-03:before,
    .nav-function-01 ul li a:hover.nav-03:before,
    .nav-function-01 ul li a:focus.nav-03:before
    {
        background-image: url('/assets/img/icon/icon_footer-nav_03.png');
    }
    .nav-function-01 ul li a:active.nav-04:before,
    .nav-function-01 ul li a:hover.nav-04:before,
    .nav-function-01 ul li a:focus.nav-04:before
    {
        background-image: url('/assets/img/icon/icon_footer-nav_04.png');
    }
    .nav-function-01 ul li a:active.nav-05:before,
    .nav-function-01 ul li a:hover.nav-05:before,
    .nav-function-01 ul li a:focus.nav-05:before
    {
        background-image: url('/assets/img/icon/icon_footer-nav_05.png');
    }
    .nav-function-01 ul li a:active.nav-06:before,
    .nav-function-01 ul li a:hover.nav-06:before,
    .nav-function-01 ul li a:focus.nav-06:before
    {
        background-image: url('/assets/img/icon/icon_footer-nav_06.png');
    }
}
.nav-function-01 ul li a:active .text,
.nav-function-01 ul li a:hover .text,
.nav-function-01 ul li a:focus .text
{
    color: #fff;
}
@media screen and (max-width: 760px)
{
    .nav-function-01 ul li a:active .text,
    .nav-function-01 ul li a:hover .text,
    .nav-function-01 ul li a:focus .text
    {
        color: #333;
    }
}
@media screen and (max-width: 760px)
{
    .nav-function-01 ul li a:active,
    .nav-function-01 ul li a:hover,
    .nav-function-01 ul li a:focus
    {
        border: 1px solid #cfd2db;
        background-color: #fff;
    }
}
.nav-function-01 ul li a .text
{
    display: block;

    box-sizing: border-box;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    text-align: center;
    vertical-align: middle;
}
@media screen and (max-width: 1064px)
{
    .nav-function-01 ul li a .text
    {
        padding: 20px 0 0 59px !important;

        text-align: left;
    }
}
@media screen and (max-width: 760px)
{
    .nav-function-01 ul li a .text
    {
        padding: 16px 0 0 50px !important;
    }
}
.nav-function-01 ul li a.nav-01 .text
{
    padding-top: 110px;
}
.nav-function-01 ul li a.nav-02 .text
{
    padding-top: 110px;
}
.nav-function-01 ul li a.nav-03 .text
{
    padding-top: 110px;
}
.nav-function-01 ul li a.nav-04 .text
{
    padding-top: 100px;
}
.nav-function-01 ul li a.nav-05 .text
{
    padding-top: 100px;
}
.nav-function-01 ul li a.nav-06 .text
{
    padding-top: 110px;
}

/* nav-members-01
--------------------------------------- */
.nav-members-01
{
    margin-bottom: 66px;
}
@media screen and (max-width: 760px)
{
    .nav-members-01
    {
        margin-bottom: 0;
    }
}
.nav-members-01 ul .column
{
    float: left;

    width: 31.55080213903743%;
    margin-right: 2.67379679144385%;
}
@media screen and (max-width: 760px)
{
    .nav-members-01 ul .column
    {
        float: none;

        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;

        border-bottom: 1px solid #d0d2db;
    }
}
.nav-members-01 ul .column:last-child
{
    margin-right: 0;
}
@media screen and (max-width: 760px)
{
    .nav-members-01 ul .column:last-child
    {
        margin-bottom: 15px;

        border-bottom: none;
    }
}
.nav-members-01 ul .column a
{
    position: relative;

    display: block;

    padding-bottom: 53px;
}
@media screen and (max-width: 760px)
{
    .nav-members-01 ul .column a
    {
        padding-bottom: 44px;
    }
}
.nav-members-01 ul .column a:active,
.nav-members-01 ul .column a:hover,
.nav-members-01 ul .column a:focus
{
    text-decoration: none;
}
.nav-members-01 ul .column a:active .title,
.nav-members-01 ul .column a:hover .title,
.nav-members-01 ul .column a:focus .title
{
    color: #10af9e;
}
@media screen and (max-width: 760px)
{
    .nav-members-01 ul .column a:active .title,
    .nav-members-01 ul .column a:hover .title,
    .nav-members-01 ul .column a:focus .title
    {
        color: #009a8b;
    }
}
.nav-members-01 ul .column a:active .image,
.nav-members-01 ul .column a:hover .image,
.nav-members-01 ul .column a:focus .image
{
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
@media screen and (max-width: 760px)
{
    .nav-members-01 ul .column a:active .image,
    .nav-members-01 ul .column a:hover .image,
    .nav-members-01 ul .column a:focus .image
    {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}
.nav-members-01 ul .column a:active:before,
.nav-members-01 ul .column a:hover:before,
.nav-members-01 ul .column a:focus:before
{
    color: #10af9e;
}
@media screen and (max-width: 760px)
{
    .nav-members-01 ul .column a:active:before,
    .nav-members-01 ul .column a:hover:before,
    .nav-members-01 ul .column a:focus:before
    {
        color: #009a8b;
    }
}
.nav-members-01 ul .column a:before
{
    font-size: 315%;

    position: absolute;
    bottom: 0;
    left: 50%;

    margin-left: -11px;

    -webkit-transition: all .2s ease 0s;

    transition: all .2s ease 0s;
    vertical-align: middle;

    color: #009a8b;
}
.nav-members-01 ul .column .image
{
    margin-bottom: 28px;

    -webkit-transition: opacity .2s ease 0s;

    transition: opacity .2s ease 0s;
    text-align: center;
}
@media screen and (max-width: 760px)
{
    .nav-members-01 ul .column .image
    {
        float: left;

        width: 29.31034482758621%;
        margin-right: 15px;
        margin-bottom: 0;

        text-align: left;
    }
}
.nav-members-01 ul .column .image img
{
    max-width: 100%;
}
@media screen and (max-width: 760px)
{
    .nav-members-01 ul .column .text
    {
        overflow: hidden;
    }
}
.nav-members-01 ul .column .title
{
    font-size: 158%;

    margin-bottom: 14px;

    -webkit-transition: color .2s ease 0s;

    transition: color .2s ease 0s;
    text-align: center;

    color: #009a8b;
}
@media screen and (max-width: 1064px)
{
    .nav-members-01 ul .column .title
    {
        font-size: 129%;
    }
}
@media screen and (max-width: 760px)
{
    .nav-members-01 ul .column .title
    {
        font-size: 136%;
        font-weight: 700;

        margin-bottom: 4px;

        text-align: left;
    }
}
.nav-members-01 ul .column .description
{
    text-align: center;

    color: #333;
}
@media screen and (max-width: 760px)
{
    .nav-members-01 ul .column .description
    {
        text-align: left;
    }
}

/* -------------------------------------------------------------------

    Form Module

-------------------------------------------------------------------- */
/*  placeholder
--------------------------------------- */
input.on,
textarea.on
{
    color: #999 !important;
}

/*  form-required-01
--------------------------------------- */
.form-required-01
{
    font-size: 86%;
    line-height: 1.1;

    display: inline-block;

    box-sizing: border-box;
    width: 45px;
    height: 18px;
    margin-top: 3px;
    margin-right: 10px;
    padding-top: 2px;

    text-align: center;

    color: #fff;
    border-radius: 2px;
    background-color: #fb5656;
}

/*  form-any-01
--------------------------------------- */
.form-any-01
{
    font-size: 86%;
    line-height: 1.1;

    display: inline-block;

    width: 45px;
    height: 18px;
    margin-top: 3px;
    margin-right: 10px;
    padding-top: 2px;

    text-align: center;

    color: #fff;
    border-radius: 2px;
    background-color: #10af9e;
}

/*  form-login-01
--------------------------------------- */
.form-login-01 .input-01
{
    margin-bottom: 16px;
}
@media screen and (max-width: 760px)
{
    .form-login-01 .input-01
    {
        margin-bottom: 10px;
    }
}
.form-login-01 .input-01 span
{
    font-weight: bold;

    display: block;

    margin-bottom: 6px;
}
.form-login-01 .input-01 .form-text-01
{
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 15px;

    border: 1px solid #d0d2db;
}

.form-login-01 .checkbox-01
{
    margin-bottom: 30px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .form-login-01 .checkbox-01
    {
        margin-bottom: 15px;
    }
}
.form-login-01 .checkbox-01 input
{
    margin-right: 10px;
}

/*  form-input-01
--------------------------------------- */
.form-input-01 .text-01-container
{
    margin-bottom: 30px;
}
@media screen and (max-width: 760px)
{
    .form-input-01 .text-01-container
    {
        margin-bottom: 0;
    }
}
.form-input-01 .text-01-container .input-01
{
    float: left;

    width: 282px;
    margin-right: 30px;
    margin-bottom: 0;
}
@media screen and (max-width: 760px)
{
    .form-input-01 .text-01-container .input-01
    {
        float: none;

        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
}
.form-input-01 .text-01-container .nav-btn-02
{
    float: left;

    margin-top: 32px;
    margin-right: 30px;
}
.form-input-01 .text-01-container .nav-btn-02 a
{
    width: 148px;
    height: 32px;
    padding-top: 8px;
}
.form-input-01 .text-01-container .list-link-01
{
    float: left;

    margin-top: 38px;
}

.form-input-01 .select-01-container
{
    margin-bottom: 30px;
}
.form-input-01 .select-01-container .form-select-01
{
    width: 256px;
    height: 40px;
}
@media screen and (max-width: 760px)
{
    .form-input-01 .select-01-container .form-select-01
    {
        display: block;

        width: 100%;
    }
}
@media screen and (max-width: 760px)
{
    .form-input-01 .select-01-container .form-select-01.mr40
    {
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
}

.form-input-01 .input-01
{
    margin-bottom: 30px;
}
@media screen and (max-width: 760px)
{
    .form-input-01 .input-01
    {
        margin-bottom: 15px;
    }
}
.form-input-01 .input-01 span
{
    font-weight: bold;

    display: block;

    margin-bottom: 6px;
}
.form-input-01 .input-01 .form-text-01
{
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 10px;

    border: 1px solid #d0d2db;
}
.form-input-01 .input-01 .form-text-01.w-half
{
    width: 50%;
}
@media screen and (max-width: 760px)
{
    .form-input-01 .input-01 .form-text-01.w-half
    {
        width: 100%;
    }
}
.form-input-01 .input-01 .form-text-02
{
    box-sizing: border-box;
    width: 719px;
    height: 34px;
    padding: 0 10px;

    border: 1px solid #d0d2db;
}
@media screen and (max-width: 815px)
{
    .form-input-01 .input-01 .form-text-02
    {
        width: 100%;
    }
}
.form-input-01 .input-01 .form-text-03
{
    box-sizing: border-box;
    width: 94px;
    height: 34px;
    padding: 0 10px;

    border: 1px solid #d0d2db;
}
@media screen and (max-width: 760px)
{
    .form-input-01 .input-01 .form-text-03
    {
        width: 65px;
    }
}
.form-input-01 .input-01 .error
{
    color: #f91e1e !important;
    border: 1px solid #f91e1e !important;
    background-color: #ffebeb !important;
}
.form-input-01 .input-01 .error-text
{
    font-weight: bold;
    line-height: 1.6;

    display: block;

    padding-top: 6px;

    color: #f91e1e;
}

.form-input-01 .checkbox-01
{
    margin-bottom: 40px;

    text-align: center;
}
@media screen and (max-width: 760px)
{
    .form-input-01 .checkbox-01
    {
        margin-bottom: 20px;
    }
}
.form-input-01 .checkbox-01 input
{
    margin-right: 10px;
}

/*  form-submit-01
--------------------------------------- */
.form-submit-01 ul
{
    text-align: center;
}
.form-submit-01 ul li
{
    display: inline-block;

    margin: 0 15px;
}
@media screen and (max-width: 760px)
{
    .form-submit-01 ul li
    {
        width: 48.27586206896552%;
        margin: 0;
    }
    .form-submit-01 ul li:first-child
    {
        margin-right: 3.448275862068966%;
    }
}

/*
.checkbox-01 input[type="checkbox"] {
    display: none;
}
.checkbox-01 label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
}
.custom01 label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #ccc;
}
.custom01 input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 5px;
    left: 3px;
    width: 13px;
    height: 5px;
    border-left: 2px solid #3498db;
    border-bottom: 2px solid #3498db;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



.custom02 input[type="checkbox"] {
    display: none;
}
.custom02 label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.   position: absolute;
    content: '';
    -webkit-transition: all .2s;
    transition: all .2s;
}
.custom02 label::before {
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.custom02 label::after {
    opacity: 0;
    top: 50%;
    left: 3px;
    width: 8px;
    height: 4px;
    margin-top: -4px;
    border-left: 2px solid #3498db;
    border-bottom: 2px solid #3498db;
    -webkit-transform: rotate(-45deg) scale(.5);
    transform: rotate(-45deg) scale(.5);
}
.custom02 label:hover::before {
    background: #fff;
}
.custom02 input[type="checkbox"]:checked + label::before {
    background: #fff;
    border: 1px solid #3498db;
}
.custom02 input[type="checkbox"]:checked + label::after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}custom02 label::before,
.custom02 label::after {
*/
/* -------------------------------------------------------------------

    Print

-------------------------------------------------------------------- */
@media print
{
    * html body
    {
        zoom: .7;
    }
    .box-modal-01
    {
        display: none !important;
        visibility: hidden !important;

        height: 0 !important;
    }
    .print-none
    {
        display: none;
        visibility: hidden;

        height: 0;
    }
}