/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/* html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}*/

article, aside, footer, header, nav, section
{
    display: block;
}

h1
{
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption, figure, main
{
    display: block;
}

figure
{
    margin: 1em 40px;
}

hr
{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre
{
    font-family: monospace, monospace;
    font-size: 1em;
}

a
{
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active, a:hover
{
    outline-width: 0;
}

abbr[title]
{
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b, strong
{
    font-weight: inherit;
}

b, strong
{
    font-weight: bolder;
}

code, kbd, samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn
{
    font-style: italic;
}

mark
{
    background-color: #ff0;
    color: #000;
}

small
{
    font-size: 80%;
}

sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub
{
    bottom: -0.25em;
}

sup
{
    top: -0.5em;
}

audio, video
{
    display: inline-block;
}

audio:not([controls])
{
    display: none;
    height: 0;
}

img
{
    border-style: none;
}

svg:not(:root)
{
    overflow: hidden;
}

/*button, input, optgroup, select, textarea
{
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button, input
{
    overflow: visible;
}

button, select
{
    text-transform: none;
}*/

button, html [type="button"], [type="reset"], [type="submit"]
{
    -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner
{
    border-style: none;
    padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring
{
    outline: 1px dotted ButtonText;
}

fieldset
{
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress
{
    display: inline-block;
    vertical-align: baseline;
}

/*textarea
{
    overflow: auto;
}*/

[type="checkbox"], [type="radio"]
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button
{
    height: auto;
}

[type="search"]
{
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration
{
    -webkit-appearance: none;
}

::-webkit-file-upload-button
{
    -webkit-appearance: button;
    font: inherit;
}

details, menu
{
    display: block;
}

summary
{
    display: list-item;
}

canvas
{
    display: inline-block;
}

template
{
    display: none;
}

[hidden]
{
    display: none;
}

:root
{
    font-size: 10px;
}

body
{
    background: #fff;
    color: #333; /*font-family: 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN W3' , Meiryo, 'メイリオ' , Arial, Helvetica, sans-serif;*/
    font-size: 1.4rem; /*line-height: 1.8;*/
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/*body :lang(en)
{
    font-family: Arial, sans-serif;
}

body :lang(zh-cn)
{
    font-family: 'Microsoft YaHei' , '微软雅黑' , 'Hiragino Sans GB' , 'SimSun' , sans-serif;
}*/

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

ul, ol
{
    list-style: none;
}

a
{
    color: #446395;
    text-decoration: underline;
}

a:hover, a:active, a:focus
{
    color: #284067;
    text-decoration: none;
}

a[href^="tel:"]
{
    cursor: default;
    text-decoration: none !important;
    color: #333;
}

em
{
    color: #000;
    font-weight: bold;
    font-style: normal;
}

strong
{
    color: #d11b1b;
    font-weight: bold;
}

strong > a
{
    color: #d11b1b;
}

strong > a:hover, strong > a:active, strong > a:focus
{
    color: #d11b1b;
}

img
{
    max-width: 100%;
    vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, table
{
    margin: 0;
    padding: 0;
}

select, button
{
    cursor: pointer;
}

select:disabled, button:disabled
{
    cursor: default;
}

/*input, select, button, textarea
{
    line-height: 1.8;
    font-family: 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN W3' , Meiryo, 'メイリオ' , sans-serif;
    font-size: 1.6rem;
    border: 0;
}

input :lang(en), select :lang(en), button :lang(en), textarea :lang(en)
{
    font-family: Arial, sans-serif;
}

input :lang(zh-cn), select :lang(zh-cn), button :lang(zh-cn), textarea :lang(zh-cn)
{
    font-family: 'Microsoft YaHei' , '微软雅黑' , 'Hiragino Sans GB' , 'SimSun' , sans-serif;
}*/

select::-ms-expand
{
    display: none;
}

button
{
    background: none;
    padding: 0;
}

table
{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

pre, code
{
    margin: 0;
    font-size: 1.4rem;
    font-family: 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN W3' , Meiryo, 'メイリオ' , sans-serif;
}

pre :lang(en), code :lang(en)
{
    font-family: Arial, sans-serif;
}

pre :lang(zh-cn), code :lang(zh-cn)
{
    font-family: 'Microsoft YaHei' , '微软雅黑' , 'Hiragino Sans GB' , 'SimSun' , sans-serif;
}

[data-script-enabled=true] .slick-track:before, [data-script-enabled=true] .slick-track:after
{
    display: table;
    content: "";
}

[data-script-enabled=true] .slick-track:after
{
    clear: both;
}

.header-menu .utility > li > a:before, .pager-01 > ul > li.prev > a:before, .pager-01 > ul > li.next > a:before, .list-link-05 > li > a._has-icon:before, .link-refer-01:before, .list-status-01 > li._status-a:before, .list-status-01 > li._status-b:before, .list-status-01 > li._status-c:before, .box-info-01 > .hdg > span:before, .btn-01._dl:before, .btn-02._dl:before, .btn-search-01 > span:before, .btn-share-01:before, .list-form-02 .form-cb-01:before, .toggle-side-fixed .btn-contact:after, .modal-wrap > p > a:before
{
    display: block;
    position: absolute;
    content: "";
    background-image: url(/-/media/Contec/common/images/sprite.png);
}

.breadcrumb > ol > li:not(:last-child):after
{
    display: inline-block;
    content: "";
    background-image: url(/-/media/Contec/common/images/sprite.png);
}

.list-mypage + *, .hdg-l2-03-wrap + *, p + *, .list-link-01 + *, .list-link-02 + *, .list-link-03 + *, .list-link-06 + *, .list-bullet-01 + *, .list-notes-01 + *, .list-info-01 + *, .list-tab-01 + *, .list-desc-01 + *, .list-desc-03 + *, .list-favorite-01 + *, .list-order-01 + *, .list-flow-01 + *, .box-product-01 + *, .lyt-btn-01 + *, .list-btn-02 + *, .list-btn-04 + *, .list-form-01 + *, .list-form-02 + *, .form-01 + *, .lyt-image-01 + *, .lyt-image-05 + *, .lyt-col-01 + *, .lyt-col-03 + *, .lyt-col-04 + *, .moive-wrap + *, .tab-panel + *
{
    margin-top: 26px;
}

.gmap-area + *, .code-wrap + *, .box-desc-01 + *, .nav-local-01 + *, .box-01 + *, .box-02 + *, .box-04 + *, .box-error-01 + *, .box-confirm-01 + *, .box-login-01 + *, .box-info-01 + *, .tbl-01 + *, .tbl-form-01 + *, .tbl-02 + *, .tbl-03 + *, .tbl-scroll + *, .lyt-image-04 + *, .lyt-col-02 + *
{
    margin-top: 32px;
}

.text-wrap + *, .list-qa-01 + *, .list-qa-02 + *, .list-qa-03 + *, .lyt-image-03 + *, .lyt-image-02 + *
{
    margin-top: 40px;
}

@media only screen and (max-width: 1130px)
{
    .section .section-inner, .aside-inner, .breadcrumb, .hero-image._refpoint-r .catch-wrap, .hero-image._refpoint-c .catch-wrap, .cps-hdg-02
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

header
{
    background: #fff;
    border-bottom: 1px solid #ccc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

header a
{
    text-decoration: none;
}

header img
{
    max-width: none;
}

@media only screen and (max-width: 945px)
{
    header
    {
        border-bottom-width: 2px;
    }
}

.header-content
{
    max-width: 1100px;
    height: 54px;
    margin: 0 auto;
    padding: 15px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 1130px)
{
    .header-content
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 1130px)
{
    .header-content
    {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 945px)
{
    .header-content
    {
        position: relative;
        padding: 10px 0 0 15px;
    }
}

.header-content .logo
{
    margin-right: auto;
    font-size: 1rem;
}

.header-content .logo img
{
    width: 133px;
    height: 24px;
}

@media only screen and (max-width: 1130px)
{
    .header-content .logo img
    {
        width: 125px;
        height: 22px;
    }
}

@media only screen and (max-width: 945px)
{
    .header-content .logo
    {
        margin-top: 9px;
    }

    .header-content .logo img
    {
        width: 105px;
        height: 19px;
    }
}

.header-menu
{
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.header-menu._fixed
{
    margin-right: 167px;
}

@media only screen and (max-width: 1130px)
{
    .header-menu._fixed
    {
        margin-right: 157px;
    }
}

@media only screen and (max-width: 945px)
{
    .header-menu._fixed
    {
        margin-right: 0;
    }
}

.header-menu .utility
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 35px;
}

@media only screen and (max-width: 1130px)
{
    .header-menu .utility
    {
        margin-left: 25px;
    }
}

@media only screen and (max-width: 768px)
{
    .header-menu .utility
    {
        margin-left: 0;
    }
}

@media only screen and (min-width: 946px)
{
    .header-menu .utility
    {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-top: -10px;
    }
}

.header-menu .utility > li
{
    width: 66px;
}

.header-menu .utility > li > a
{
    display: block;
    text-align: center;
    font-size: 1.1rem;
    color: #6f6f6f;
    position: relative;
    padding-top: 22px;
    padding-bottom: 2px;
}

.header-menu .utility > li > a:before
{
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.header-menu .utility > li > a:after
{
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    bottom: -1px;
    left: 0;
    background: #EA7224;
    display: none;
}

@media only screen and (max-width: 945px)
{
    .header-menu .utility > li > a:after
    {
        height: 4px;
    }
}

.header-menu .utility > li > a:hover:after, .header-menu .utility > li > a:active:after, .header-menu .utility > li > a:focus:after
{
    display: block;
}

.header-menu .utility > li.is-open > a:after
{
    display: block;
}

@media only screen and (max-width: 768px)
{
    .header-menu .utility > li.is-close > a:after
    {
        display: none !important;
    }
}

.header-menu .utility > li._login > a:before
{
    background-position: -108px 0px;
    width: 16px;
    height: 19px;
}

.header-menu .utility > li._mypage > a:before
{
    background-position: -174px 0px;
    width: 19px;
    height: 20px;
}

.header-menu .utility > li._search > a:before
{
    background-position: -198px 0px;
    width: 19px;
    height: 18px;
}

.is-open .btn-menu
{
    position: relative;
}

.is-open .btn-menu:before
{
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    bottom: -1px;
    left: 0;
    background: #EA7224;
}

.btn-menu > button
{
    display: block;
    color: #6f6f6f;
    font-size: 1.1rem;
    line-height: 1;
    width: 50px;
    padding: 27px 0 5px;
    position: relative;
}

.btn-menu > button:before
{
    display: block;
    position: absolute;
    content: "";
    width: 22px;
    height: 19px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #92a0ae), color-stop(15%, #fff), color-stop(42%, #fff), color-stop(42%, #92a0ae), color-stop(56%, #92a0ae), color-stop(56%, #fff), color-stop(85%, #fff), color-stop(85%, #92a0ae), to(#92a0ae));
    background: linear-gradient(#92a0ae 15%, #fff 15%, #fff 42%, #92a0ae 42%, #92a0ae 56%, #fff 56%, #fff 85%, #92a0ae 85%, #92a0ae);
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.is-open .btn-menu > button:before, .is-open .btn-menu > button:after
{
    width: 3px;
    height: 28px;
    background: #92a0ae;
    top: -3px;
}

.is-open .btn-menu > button:before
{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.is-open .btn-menu > button:after
{
    display: block;
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen and (min-width: 946px)
{
    .btn-menu
    {
        display: none;
    }
}

.btn-close
{
    text-align: center;
    margin-top: 15px;
}

.btn-close button
{
    width: 26px;
    height: 26px;
    position: relative;
}

.btn-close button:before, .btn-close button:after
{
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    width: 16px;
    height: 16px;
}

.btn-close button:before
{
    left: 6px;
    border-right: 2px solid #aeaeae;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.btn-close button:after
{
    left: 4px;
    border-left: 2px solid #aeaeae;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}

.btn-close button .text
{
    font-size: 1rem;
    opacity: 0;
}

@media only screen and (max-width: 945px)
{
    .nav-global-wrap
    {
        position: absolute;
        top: 56px;
        left: 0;
        display: block;
        width: 100%;
        background: #F8F8F8;
        -webkit-box-shadow: 0 2px 3px #dcdcdc;
        box-shadow: 0 2px 3px #dcdcdc;
        z-index: 1;
    }
}

.nav-global
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.nav-global > li
{
    font-size: 1.6rem;
    margin-right: 35px;
}

.nav-global > li:last-child
{
    margin-right: 0;
}

.nav-global > li > a
{
    display: inline-block;
    height: 100%;
    font-size: 1.6rem;
    padding-bottom: 10px;
}

@media only screen and (min-width: 946px)
{
    .nav-global > li > a
    {
        color: #333;
        position: relative;
    }

    .nav-global > li > a:before
    {
        display: block;
        position: absolute;
        content: "";
        width: 100%;
        height: 3px;
        bottom: -1px;
        left: 0;
        background: #EA7224;
        display: none;
    }

    .nav-global > li > a:hover:before, .nav-global > li > a:active:before, .nav-global > li > a:focus:before
    {
        display: block;
    }
}

@media only screen and (min-width: 946px)
{
    .nav-global > li.is-current > a, .nav-global > li.is-open > a
    {
        font-weight: bold;
    }

    .nav-global > li.is-current > a:before, .nav-global > li.is-open > a:before
    {
        display: block;
    }
}

@media only screen and (max-width: 1130px)
{
    :lang(ja) .nav-global > li, :lang(en) .nav-global > li
    {
        font-size: 1.4rem;
        margin-right: 25px;
    }

    :lang(ja) .nav-global > li:last-child, :lang(en) .nav-global > li:last-child
    {
        margin-right: 0;
    }

    :lang(ja) .nav-global > li a, :lang(en) .nav-global > li a
    {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 945px)
{
    .nav-global
    {
        display: block;
    }

    .nav-global > li
    {
        margin: 0;
    }

    .nav-global > li > a
    {
        display: block;
        width: 100%;
        font-size: 1.4rem;
        border-bottom: 1px solid #ddd;
        padding: 15px;
        display: inline-block;
        position: relative;
        padding-left: 23px;
        padding-left: 40px;
    }

    .nav-global > li > a:before
    {
        display: block;
        position: absolute;
        content: "";
        top: 8px;
        left: 0;
        width: 9px;
        height: 9px;
        border-top: 2px solid #EA7224;
        border-right: 2px solid #EA7224;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .nav-global > li > a:before
    {
        top: 24px;
        left: 15px;
    }

    :lang(ja) .nav-global > li, :lang(en) .nav-global > li
    {
        margin-right: 0;
    }
}

.nav-global .title
{
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}

.nav-global .title > a
{
    font-size: 1.7rem;
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding-left: 23px;
    padding-left: 18px;
}

.nav-global .title > a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-global .title > a:before
{
    top: 10px;
}

.nav-global .title._large
{
    padding: 0;
    border: 0;
}

.nav-global .title._large > a
{
    font-size: 2.2rem;
}

.nav-global .title._large > a:before
{
    top: 16px;
}

.nav-global .title._medium
{
    padding: 0;
    border: 0;
    margin-top: 4px;
    margin-bottom: 16px;
}

.nav-global .title._medium > a
{
    font-size: 1.6rem;
}

.nav-global .title._medium > a:before
{
    top: 9px;
}

.nav-global .list-link-01 > li + li
{
    margin-top: 15px;
}

.nav-global .list-link-01 > li > a
{
    padding-left: 18px;
}

.nav-global .list-link-01 > li > a:hover, .nav-global .list-link-01 > li > a:active, .nav-global .list-link-01 > li > a:focus
{
    text-decoration: none;
}

.nav-global .list-link-01 > li > ul
{
    margin-top: 5px;
    margin-left: 18px;
}

.nav-global .list-link-01 > li > ul > li + li
{
    margin-top: 5px;
}

.nav-global .list-link-01 > li > ul > li > a
{
    font-size: 1.2rem;
}

.nav-global .list-link-01._col-4, .nav-global .list-link-01._col-5
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px 0 0 -10px;
}

.nav-global .list-link-01._col-4 > li, .nav-global .list-link-01._col-5 > li
{
    margin: 10px 0 0 10px;
}

.nav-global .list-link-01._col-4 > li
{
    width: calc(25% - 10px);
}

.nav-global .list-link-01._col-5 > li
{
    width: calc(20% - 10px);
}

.nav-global .list-link-01._has-child > li > button
{
    font-size: 1.4rem;
    position: relative;
    display: inline-block;
    text-align: left;
    color: #446395;
    display: inline-block;
    position: relative;
    padding-left: 23px;
    padding-left: 20px;
}

.nav-global .list-link-01._has-child > li > button:hover, .nav-global .list-link-01._has-child > li > button:active, .nav-global .list-link-01._has-child > li > button:focus
{
    color: #284067;
}

.nav-global .list-link-01._has-child > li > button:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-global .list-link-01._has-child > li > button::before
{
    left: 2px;
}

.nav-global .list-link-01._has-child > li > a, .nav-global .list-link-01._has-child > li > button
{
    font-weight: bold;
}

.nav-global .list-link-01._has-child > li.js-toggle-menu > a
{
    padding-left: 20px;
}

.nav-global .list-link-01._has-child > li.is-close > a::before, .nav-global .list-link-01._has-child > li.is-close > button::before
{
    top: 6px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.nav-global .list-link-01._has-child > li.is-open > a::before, .nav-global .list-link-01._has-child > li.is-open > button::before
{
    top: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-global .list-link-01._has-child > li > .list-link-01
{
    margin: 0;
}

.nav-global .list-link-01._has-child > li > .list-link-01 > li + li
{
    margin-top: 15px;
}

.nav-global .list-link-01._has-child > li > .list-link-01 > li > a
{
    font-size: 1.4rem;
    font-weight: bold;
}

.nav-menu-second
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nav-menu-second > li
{
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

.nav-menu-second > li + li
{
    margin-top: 40px;
}

.nav-menu-second > li > .title
{
    margin-bottom: 7px;
    padding: 0;
    border: 0;
    font-size: 1.7rem;
}

.nav-menu-second._products-services
{
    margin: -40px 0 0 -15px;
}

.nav-menu-second._products-services > li
{
    margin: 40px 0 0 15px;
    padding-top: 0;
    border-top: 0;
    width: calc(25% - 15px);
}

.nav-menu-second._products-services > li:nth-child(1), .nav-menu-second._products-services > li:nth-child(4), .nav-menu-second._products-services > li:nth-child(5)
{
    width: calc(50% - 15px);
}

.nav-menu-second._products-services .title
{
    padding-top: 13px;
    border-top: 1px solid #ccc;
}

.nav-menu-second._products-services._type-a > li:nth-child(1), .nav-menu-second._products-services._type-a > li:nth-child(4), .nav-menu-second._products-services._type-a > li:nth-child(5)
{
    width: calc(25% - 15px);
}

.nav-menu-second._products-services._type-b > li:nth-child(4)
{
    width: calc(25% - 15px);
}

.nav-menu-second._products-services._type-b > li:nth-child(5)
{
    width: calc(75% - 15px);
}

.nav-menu-third
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 60px;
}

.nav-menu > li + li
{
    margin-top: 25px;
}

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

.list-search > dt
{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.list-search > dd > .search-wrap
{
    display: inline-block;
    position: relative;
}

.list-search > dd > .search-wrap > .form-txt-01
{
    width: 483px;
    background-color: #fff;
    padding-right: 35px;
}

@media only screen and (max-width: 945px)
{
    .list-search > dd > .search-wrap > .form-txt-01
    {
        width: 288px;
        padding-right: 35px;
        padding-left: 10px;
    }
}

.list-search > dd > .search-wrap > button
{
    cursor: default;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
}

@media only screen and (max-width: 945px)
{
    .list-search > dd > .search-wrap > button
    {
        right: 8px;
    }
}

.list-search > dd > .search-wrap > button > img
{
    vertical-align: sub;
}

.list-mycontec
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-mycontec > dt
{
    margin: 7px 40px 7px 0;
}

@media only screen and (max-width: 768px)
{
    .list-mycontec > dt
    {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px)
{
    .list-mycontec .list-link-01._inline
    {
        margin-bottom: -5px;
    }

    .list-mycontec .list-link-01._inline > li
    {
        margin-bottom: 5px;
    }
}

.list-na
{
    margin-bottom: -10px;
    margin-left: -35px;
}

.list-na > li
{
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 35px;
    color: #666666;
    font-size: 1.4rem;
    position: relative;
    padding-left: 23px;
}

.list-na > li:before, .list-na > li:after
{
    display: block;
    position: absolute;
    content: "";
    width: 3px;
    height: 15px;
    background: #92a0ae;
    top: 5px;
    left: 6px;
}

.list-na > li:before
{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-na > li:after
{
    display: block;
    position: absolute;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.list-na > li + li
{
    margin-top: 0;
}

@media only screen and (max-width: 768px)
{
    .list-na
    {
        margin-bottom: -5px;
        margin-left: 0;
    }

    .list-na > li
    {
        display: block;
        margin-bottom: 5px;
        margin-left: 0;
    }
}

[data-script-enabled=true] .dropdown-hook .text
{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1rem;
    opacity: 0;
}

[data-script-enabled=true] .nav-global .dropdown-hook
{
    padding-right: 20px;
    position: relative;
}

[data-script-enabled=true] .nav-global .dropdown-hook:after
{
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 3px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    margin-top: -12px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media only screen and (max-width: 945px)
{
    [data-script-enabled=true] .nav-global .dropdown-hook:after
    {
        content: none;
    }
}

[data-script-enabled=true] .nav-global .is-open .dropdown-hook:after
{
    margin-top: -8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

[data-script-enabled=true] .dropdown-content
{
    width: 100%;
    background: #F8F8F8;
    -webkit-box-shadow: 0 2px 3px #dcdcdc;
    box-shadow: 0 2px 3px #dcdcdc;
    position: absolute;
    left: 0;
    top: 55px;
    z-index: 1;
}

@media only screen and (max-width: 945px)
{
    [data-script-enabled=true] .dropdown-content
    {
        top: 56px;
    }
}

@media only screen and (max-width: 945px)
{
    [data-script-enabled=true] .nav-global .dropdown-content
    {
        display: none !important;
    }
}

[data-script-enabled=true] .dropdown-inner
{
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 20px;
}

@media only screen and (max-width: 1130px)
{
    [data-script-enabled=true] .dropdown-inner
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (min-width: 946px)
{
    [data-script-enabled=true] .js-toggle-header .toggle-content
    {
        display: block !important;
    }
}

[data-script-enabled=true] .js-toggle-header.is-close .toggle-content
{
    display: none;
}

[data-script-enabled=true] .js-dropdown .dropdown-content
{
    display: none;
}

[data-script-enabled=true] .js-dropdown.is-open .dropdown-content
{
    display: block;
}

[data-script-enabled=true] .js-toggle-menu .toggle-menu-content
{
    display: none;
}

[data-script-enabled=true] .js-toggle-menu.is-open .toggle-menu-content
{
    display: block;
}

[data-script-enabled=true] .js-toggle-menu .toggle-menu-hook .text
{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1rem;
    opacity: 0;
}

.dropdown-content
{
    display: none;
}

.lyt-col
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px 0 0 -15px;
}

.lyt-col > .col
{
    margin: 15px 0 0 15px;
}

.lyt-col._col-2 > .col
{
    width: calc(50% - 15px);
}

.list-mypage > li .title
{
    text-align: center;
    font-size: 1.6rem;
}

@media only screen and (max-width: 768px)
{
    .list-mypage > li .title
    {
        font-size: 1.4rem;
    }
}

.list-mypage > li .lyt-btn-01
{
    margin-top: 15px;
}

@media only screen and (max-width: 768px)
{
    .list-mypage > li + li
    {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid #ddd;
    }
}

@media only screen and (min-width: 769px)
{
    .list-mypage
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: -25px;
        margin-left: -25px;
    }

    .list-mypage > li
    {
        width: 50%;
        padding: 0 25px;
    }

    .list-mypage > li + li
    {
        border-left: 1px solid #ddd;
    }
}

.info-wrap
{
    margin: 0 auto 18px;
}

@media only screen and (min-width: 769px)
{
    .info-wrap
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 1130px)
{
    .info-wrap
    {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 768px)
{
    .info-wrap
    {
        margin-bottom: 35px;
    }
}

.info-wrap .info-inner
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

@media only screen and (max-width: 768px)
{
    .info-wrap .info-inner
    {
        margin-bottom: 15px;
    }
}

.info-wrap .name
{
    font-size: 1.8rem;
    font-weight: normal;
    margin-right: 25px;
}

.info-wrap .info
{
    margin-top: 3px;
    margin-right: 10px;
    font-size: 1.2rem;
}

@media only screen and (min-width: 1130px)
{
    .info-wrap > .list-btn-04
    {
        text-align: right;
        white-space: nowrap;
        margin-left: 10px;
    }

    .info-wrap .info-inner
    {
        -webkit-flex-wrap: initial;
        -ms-flex-wrap: initial;
        flex-wrap: initial;
    }

    .info-wrap .name
    {
        white-space: nowrap;
    }
}

footer
{
    background: #3e4244;
    color: #fff;
}

footer a
{
    color: #fff;
    text-decoration: none;
}

footer a:hover, footer a:active, footer a:focus
{
    color: #fff;
    text-decoration: underline;
}

.footer-content
{
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px 0 15px;
}

@media only screen and (max-width: 1130px)
{
    .footer-content
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 768px)
{
    .footer-content
    {
        padding: 20px 15px 15px;
    }
}

@media only screen and (min-width: 769px)
{
    .footer-content .utility-wrap
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 768px)
{
    .footer-content .utility-wrap
    {
        margin-bottom: 15px;
        padding-bottom: 20px;
        border-bottom: 1px solid #666;
    }
}

.footer-content .utility-wrap .notes
{
    margin-top: 10px;
    color: #aeaeae;
    font-size: 1.2rem;
}

@media only screen and (max-width: 768px)
{
    .footer-content .utility-wrap .notes
    {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 769px)
{
    .footer-content .footer-menu + .utility-wrap
    {
        margin-top: 28px;
        padding-top: 20px;
        border-top: 1px solid #666;
    }
}

.footer-content .utility
{
    font-size: 0;
}

.footer-content .utility > li
{
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: top;
    margin: 10px 15px 0 0;
    padding-right: 15px;
    border-right: 1px solid #666;
}

.footer-content .utility > li:last-child
{
    padding: 0;
    border: 0;
}

@media only screen and (max-width: 768px)
{
    .footer-content .utility
    {
        float: none;
        margin-top: -20px;
    }

    .footer-content .utility > li
    {
        width: calc(50% - 6px);
        margin: 20px 0 0;
        padding: 0;
        border: 0;
    }

    .footer-content .utility > li:nth-child(odd)
    {
        margin-right: 6px;
    }

    .footer-content .utility > li:nth-child(even)
    {
        margin-left: 6px;
    }
}

.footer-content .copyright
{
    font-family: "Arial";
    text-align: center;
    color: #aeaeae;
    margin-top: 20px;
}

.footer-content .copyright small
{
    font-size: 1.2rem;
}

@media only screen and (min-width: 769px)
{
    .footer-content .copyright small > br
    {
        display: none;
    }
}

@media only screen and (max-width: 768px)
{
    .footer-content .copyright
    {
        margin-top: 0;
        line-height: 1.3;
    }
}

.footer-menu
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 15px);
    margin-left: -15px;
    padding: 20px 0 0;
}

@media only screen and (max-width: 768px)
{
    .footer-menu
    {
        display: none;
    }
}

.footer-menu > .col
{
    width: calc(100% / 5 - 15px);
    margin-left: 15px;
}

.footer-nav > li + li
{
    margin-top: 15px;
}

.footer-nav > li > ul
{
    font-weight: bold;
    font-size: 1.4rem;
}

.footer-nav > li > ul > li
{
    margin-top: 3px;
}

.footer-nav > li > a
{
    font-weight: bold;
}

.footer-nav > li > a + ul
{
    margin-top: 10px;
    font-weight: normal;
}

.footer-nav > li > a + ul > li
{
    font-size: 1.2rem;
    margin-top: 5px;
}

.footer-language
{
    background: #6D7478;
}

@media only screen and (max-width: 768px)
{
    .footer-language
    {
        background: transparent;
    }
}

.footer-language > *
{
    max-width: 1100px;
    margin: 0 auto;
}

.footer-language > .btn
{
    position: relative;
}

@media only screen and (max-width: 768px)
{
    .footer-language > .btn
    {
        text-align: right;
    }
}

.footer-language > .btn button
{
    display: block;
    text-align: left;
    width: 160px;
    height: 40px;
    background: #6D7478;
    font-size: 1.2rem;
    color: #fff;
    padding: 5px 20px 5px 10px;
    position: absolute;
    top: -40px;
    right: 0;
}

@media only screen and (max-width: 768px)
{
    .footer-language > .btn button
    {
        display: inline-block;
        position: static;
    }
}

.footer-language > .btn button:before
{
    display: block;
    position: absolute;
    content: "";
    top: 13px;
    right: 10px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.footer-language.is-open > .btn button:before
{
    top: 18px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.footer-language .list
{
    font-size: 0;
    text-align: right;
    padding: 20px 0 10px;
}

@media only screen and (max-width: 768px)
{
    .footer-language .list
    {
        background: #6D7478;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -12px;
        padding: 0 15px 20px;
        text-align: left;
    }
}

.footer-language .list > li
{
    font-size: 1.2rem;
}

@media only screen and (min-width: 769px)
{
    .footer-language .list > li
    {
        display: inline-block;
        vertical-align: top;
        margin: 0 20px 10px 0;
        padding-right: 20px;
        border-right: 1px solid #999;
    }

    .footer-language .list > li:last-child
    {
        padding: 0;
        border: 0;
    }
}

@media only screen and (max-width: 768px)
{
    .footer-language .list > li
    {
        width: calc(100% / 2 - 12px);
        margin: 20px 0 0 12px;
    }
}

.contents
{
    z-index: 0;
    margin-top: 54px;
}

.section .section-inner
{
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 80px;
}

@media only screen and (max-width: 768px)
{
    .section .section-inner
    {
        padding-top: 20px;
    }
}

.section .section-inner > *:first-child, .section .section-inner > aside:first-child > *:first-child
{
    margin-top: 0;
}

.section .section-inner > *:last-child
{
    margin-bottom: 0;
}

#top .section .section-inner
{
    padding-bottom: 60px;
}

.section .section-indent > *:first-child
{
    margin-top: 0;
}

.section .section-indent > *:last-child
{
    margin-bottom: 0;
}

.section._has-anc .section-inner
{
    margin-top: -50px;
    padding-top: 30px;
}

@media only screen and (max-width: 768px)
{
    .section._has-anc .section-inner
    {
        margin-top: -60px;
    }
}

.box-search-01 + .section .section-inner
{
    padding-top: 30px;
}

.section._has-bg-a
{
    background: #F1F2F4;
}

.section._has-bg-a .section-inner
{
    padding-top: 24px;
    padding-bottom: 32px;
}

@media only screen and (max-width: 768px)
{
    .section._has-bg-a .section-inner
    {
        padding-top: 20px;
    }
}

#top .section._has-bg-a .section-inner
{
    padding-top: 24px;
    padding-bottom: 32px;
}

@media only screen and (max-width: 768px)
{
    #top .section._has-bg-a .section-inner
    {
        padding-top: 20px;
    }
}

.section._has-diff-margin .section-inner
{
    padding-top: 42px;
    padding-bottom: 50px;
}

@media only screen and (max-width: 768px)
{
    .section._has-diff-margin .section-inner
    {
        padding-top: 25px;
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 768px)
{
    .section._has-diff-margin + .box-share-01
    {
        margin-top: 40px;
    }
}

.section._has-bg-b
{
    background: #e4e5e8;
    text-align: center;
}

.section._has-bg-b .section-inner
{
    padding-top: 40px;
    padding-bottom: 40px;
}

@media only screen and (max-width: 768px)
{
    .section._has-bg-b .section-inner
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.section._has-bg-c
{
    background: #F8F8F8;
}

.section._top-about
{
    background: url(/-/media/Contec/jp/images/bg_about-contec_01.png) no-repeat top center;
    background-size: cover;
}

.section._top-about *
{
    color: #fff;
}

.section._hdg .section-inner
{
    padding-bottom: 30px;
}

.section._case
{
    background: url(/layouts/Contec/common/images/bg_case_01.png) no-repeat top right #F1F2F4;
    background-size: cover;
}

@media only screen and (max-width: 1130px)
{
    .section._case
    {
        background-image: none;
    }
}

.section._case .section-inner
{
    padding-top: 24px;
    padding-bottom: 32px;
}

@media only screen and (max-width: 768px)
{
    .section._case .section-inner
    {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 1130px)
{
    .section._case .section-indent
    {
        padding-right: 270px;
    }
}

.section._president .section-indent
{
    padding-right: 60px;
    padding-left: 60px;
    font-size: 1.6rem;
}

@media only screen and (max-width: 1130px)
{
    .section._president .section-indent
    {
        padding-right: 70px;
        padding-left: 70px;
    }
}

@media only screen and (max-width: 768px)
{
    .section._president .section-indent
    {
        padding: 0;
        font-size: 1.4rem;
    }
}

.hdg-l1-01-wrap + .section .section-inner, .hdg-l1-04-wrap + .section .section-inner, .breadcrumb + main > .section:first-child .section-inner
{
    padding-top: 0;
}

.hdg-l1-01-wrap + .section._has-bg-a .section-inner, .hdg-l1-04-wrap + .section._has-bg-a .section-inner, .breadcrumb + main > .section:first-child._has-bg-a .section-inner
{
    padding-top: 24px;
}

.js-carousel-01 + .section .section-inner
{
    padding-top: 40px;
}

#top .js-carousel-01 + .section .section-inner
{
    padding-top: 60px;
}

@media only screen and (max-width: 768px)
{
    .js-carousel-01 + .section .section-inner
    {
        padding-top: 25px;
    }

    #top .js-carousel-01 + .section .section-inner
    {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

.section._info .section-inner
{
    padding-top: 0;
    padding-bottom: 40px;
}

@media only screen and (max-width: 768px)
{
    .section._info .section-inner
    {
        padding-bottom: 25px;
    }
}

.section._info + .section .section-inner
{
    padding-top: 20px;
}

@media only screen and (max-width: 768px)
{
    .section._info + .section .section-inner
    {
        padding-top: 15px;
    }
}

.section._info + .section._search .section-inner
{
    padding-top: 25px;
}

.section._login .section-indent
{
    max-width: 914px;
    margin-left: auto;
    margin-right: auto;
}

.section._col-2 .section-inner
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media only screen and (max-width: 768px)
{
    .section._col-2 .section-inner
    {
        display: block;
    }
}

.section._col-2 + .section
{
    margin-top: -20px;
}

.section._col-2 + .section .section-inner
{
    padding-top: 0;
}

@media only screen and (min-width: 769px)
{
    .section._has-mv
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 460px;
        background-repeat: no-repeat;
        background-position: top left;
        background-size: 100% auto;
    }

    .section._has-mv._corporation
    {
        background-image: url(/-/media/Contec/jp/about-contec/images/mv_about-contec_01.jpg);
    }
}

@media only screen and (max-width: 1400px)
{
    .section._has-mv
    {
        background-size: auto 100%;
    }
}

.section._has-mv .section-inner
{
    padding-bottom: 0;
}

@media only screen and (min-width: 769px)
{
    .section._has-mv .section-inner
    {
        max-width: 550px;
        color: #fff;
    }
}

.aside-inner
{
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 80px;
}

@media only screen and (max-width: 768px)
{
    .aside-inner
    {
        padding-top: 40px;
    }
}

.aside-inner > *:first-child, .aside-inner > aside:first-child > *:first-child
{
    margin-top: 0;
}

.aside-inner > *:last-child
{
    margin-bottom: 0;
}

[data-script-enabled=true] .modal-inner .aside-inner
{
    padding: 0;
}

.section:not([class*="_has-bg-"]) + aside .aside-inner, .section:not([class*="_has-bg-"]) + .modal-content aside .aside-inner
{
    padding-top: 0;
}

.main-content
{
    width: calc(100% - 260px - 40px);
}

@media only screen and (max-width: 768px)
{
    .main-content
    {
        width: 100%;
    }
}

.main-content > *:first-child
{
    margin-top: 0;
}

.side
{
    width: 260px;
    margin-right: 40px;
}

@media only screen and (max-width: 768px)
{
    .side
    {
        width: 100%;
        margin-top: 40px;
        margin-right: 0;
    }
}

.side-hdg
{
    background: #DEDEDE;
    font-size: 1.6rem;
    padding: 8px 15px;
}

.js-toggle-sp .side-hdg
{
    padding: 0;
}

.side-hdg > button
{
    display: block;
    width: 100%;
    padding: 8px 15px;
    font-weight: bold;
    text-align: left;
}

.side-content
{
    padding: 15px 15px 20px;
    background: #FBFBFB;
}

.side-content * + *
{
    margin-top: 15px;
}

.side-item + .side-item
{
    margin-top: 1px;
}

.content-block
{
    margin-bottom: 50px;
}

.content-block > *:first-child
{
    margin-top: 0;
}

.content-block > *:last-child
{
    margin-bottom: 0;
}

@media only screen and (min-width: 769px)
{
    .content-block
    {
        margin-bottom: 50px;
        padding-bottom: 45px;
        border-bottom: 1px solid #efefef;
    }
}

.content-block._search
{
    background: #e4e5e8;
    text-align: center;
    padding: 25px 15px;
}

@media only screen and (min-width: 769px)
{
    .content-block._search + .content-block
    {
        margin-top: 65px;
    }
}

.breadcrumb
{
    max-width: 1100px;
    margin: 0 auto 20px;
    padding-top: 20px;
}

@media only screen and (max-width: 768px)
{
    .breadcrumb
    {
        margin-bottom: 15px;
    }
}

.breadcrumb > ol
{
    font-size: 0;
}

.breadcrumb > ol > li
{
    display: inline;
    font-size: 1rem;
    font-weight: bold;
}

.breadcrumb > ol > li:not(:last-child)
{
    padding-right: 6px;
}

.breadcrumb > ol > li:not(:last-child):after
{
    background-position: 0px 0px;
    width: 7px;
    height: 6px;
    margin-left: 5px;
}

.breadcrumb > ol > li a
{
    font-weight: normal;
    text-decoration: underline;
    color: #333;
}

.breadcrumb > ol > li a:hover, .breadcrumb > ol > li a:active, .breadcrumb > ol > li a:focus
{
    text-decoration: none;
}

.hero-image
{
    text-align: center;
}

.hero-image._refpoint-r, .hero-image._refpoint-c, .hero-image._refpoint-l
{
    position: relative;
    height: 300px;
    overflow: hidden;
    z-index: 0;
}

@media only screen and (max-width: 768px)
{
    .hero-image._refpoint-r, .hero-image._refpoint-c, .hero-image._refpoint-l
    {
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .hero-image._refpoint-r + .section > .section-inner, .hero-image._refpoint-c + .section > .section-inner, .hero-image._refpoint-l + .section > .section-inner
    {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 560px)
{
    .hero-image._refpoint-r, .hero-image._refpoint-c, .hero-image._refpoint-l
    {
        padding-top: 120px;
    }
}

.hero-image._refpoint-r img, .hero-image._refpoint-c img, .hero-image._refpoint-l img
{
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    max-width: none;
}

@media only screen and (max-width: 768px)
{
    .hero-image._refpoint-r img, .hero-image._refpoint-c img, .hero-image._refpoint-l img
    {
        position: relative;
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 560px)
{
    .hero-image._refpoint-r img, .hero-image._refpoint-c img, .hero-image._refpoint-l img
    {
        height: 120px;
        position: absolute;
        top: 0;
        width: auto;
        max-width: none;
        z-index: -1;
    }
}

@media only screen and (max-width: 1400px)
{
    .hero-image._refpoint-r img
    {
        right: 0;
        left: auto;
        -webkit-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 560px)
{
    .hero-image._refpoint-r img
    {
        right: 0;
    }
}

@media only screen and (min-width: 769px)
{
    .hero-image._refpoint-r .catch-wrap
    {
        text-align: left;
        height: 300px;
        max-width: 1100px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media only screen and (max-width: 768px)
{
    .hero-image._refpoint-r .catch-wrap
    {
        margin-top: 20px;
        text-align: left;
    }

    .hero-image._refpoint-r .catch-wrap._sp-has-bg .catch-inner
    {
        background: #3F4346;
        color: #fff;
        margin: -20px -15px 0px;
        padding: 20px 15px;
    }
}

.hero-image._refpoint-r .catch-inner > *:first-child
{
    margin-top: 0;
}

.hero-image._refpoint-r .catch-inner > *:last-child
{
    margin-bottom: 0;
}

.hero-image._refpoint-r .catch
{
    font-size: 3rem;
    line-height: 1.5;
}

.hero-image._refpoint-r .catch._large
{
    font-size: 4rem;
}

@media only screen and (max-width: 768px)
{
    .hero-image._refpoint-r .catch
    {
        font-size: 2rem;
        line-height: 1.4;
    }

    .hero-image._refpoint-r .catch._large
    {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 560px)
{
    .hero-image._refpoint-c img
    {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media only screen and (min-width: 769px)
{
    .hero-image._refpoint-c .catch-wrap
    {
        text-align: left;
        height: 300px;
        max-width: 1100px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media only screen and (max-width: 768px)
{
    .hero-image._refpoint-c .catch-wrap
    {
        margin-top: 20px;
        text-align: left;
    }

    .hero-image._refpoint-c .catch-wrap._sp-has-bg .catch-inner
    {
        background: #3F4346;
        color: #fff;
        margin: -20px -15px 0px;
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 769px)
{
    .hero-image._refpoint-c .catch-wrap._sv
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.hero-image._refpoint-c .catch-wrap._sv .catch
{
    color: #fff;
    text-shadow: 0 0 27px #000;
    font-size: 2.4rem;
}

.hero-image._refpoint-c .catch-wrap._sv .catch._large
{
    font-size: 4.5rem;
    font-weight: bold;
}

@media only screen and (max-width: 768px)
{
    .hero-image._refpoint-c .catch-wrap._sv .catch
    {
        color: #333;
        text-shadow: none;
        font-size: 2rem;
    }

    .hero-image._refpoint-c .catch-wrap._sv .catch._large
    {
        font-size: 2rem;
    }
}

.hero-image._refpoint-c .catch-inner > *:first-child
{
    margin-top: 0;
}

.hero-image._refpoint-c .catch-inner > *:last-child
{
    margin-bottom: 0;
}

.hero-image._refpoint-c .catch
{
    font-size: 3rem;
    line-height: 1.5;
}

.hero-image._refpoint-c .catch._large
{
    font-size: 4rem;
}

@media only screen and (max-width: 768px)
{
    .hero-image._refpoint-c .catch
    {
        font-size: 2rem;
        line-height: 1.4;
    }

    .hero-image._refpoint-c .catch._large
    {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 1400px)
{
    .hero-image._refpoint-l img
    {
        left: 0;
        -webkit-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 560px)
{
    .hero-image._refpoint-l img
    {
        left: 0;
    }
}

.sv-mv
{
    background: url(/-/media/Contec/jp/products-services/environmental-monitoring/solarview/images/mv_01.jpg) no-repeat top center;
    margin-bottom: 60px;
}

.sv-mv_inner
{
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}

.sv-mv_txt
{
    height: 530px;
}

.sv-mv_txt > img
{
    display: none;
}

.sv-mv_txt > p
{
    position: absolute;
    top: 73px;
    left: 45px;
    font-size: 34px;
    font-weight: bold;
}

.sv-mv .col._sv
{
    border-bottom: #f8b62a solid 1px;
    border-left: #f8b62a solid 1px;
}

.sv-mv .col._sv > .icon
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 130px;
}

.sv-mv .col._sv h2
{
    font-size: 22px;
    color: #d5a53f;
    margin: 0 0 20px;
}

.sv-mv .col._sv h2:before
{
    background: #d5a53f;
}

.sv-mv .col._sv h2 + p
{
    padding: 0 20px;
    text-align: center;
    margin-bottom: 25px;
}

@media only screen and (max-width: 768px)
{
    .sv-mv
    {
        background: none;
    }

    .sv-mv_inner
    {
        max-width: 1100px;
        margin: 0 auto;
        position: static;
    }

    .sv-mv_txt
    {
        height: auto;
    }

    .sv-mv_txt > img
    {
        display: block;
    }

    .sv-mv_txt > p
    {
        position: static;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
    }

    .sv-mv .lyt-col-01
    {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.sv-contents_01
{
    background: url("/-/media/Contec/jp/products-services/environmental-monitoring/solarview/images/lead.jpg") no-repeat top center;
    padding-top: 52px;
    padding-bottom: 52px;
    height: 502px;
    position: relative;
}

.sv-contents_01 .sv-inner
{
    max-width: 1100px;
    margin: 0 auto;
    font-size: 16px;
}

.sv-contents_01 .sv-inner .txt-01
{
    max-width: 518px;
    position: absolute;
    top: 48px;
    right: 52%;
}

.sv-contents_01 .sv-inner .txt-02
{
    max-width: 488px;
    position: absolute;
    top: 300px;
    left: 48%;
}

.sv-contents_01 > *:first-child
{
    margin-top: 0;
}

.sv-contents_01 > *:last-child
{
    margin-bottom: 0;
}

@media only screen and (max-width: 768px)
{
    .sv-contents_01
    {
        background: #f8b62a;
        padding-left: 15px;
        padding-right: 15px;
        height: auto;
        position: static;
    }

    .sv-contents_01 .sv-inner .txt-01
    {
        max-width: 100%;
        position: static;
        padding-bottom: 10px;
    }

    .sv-contents_01 .sv-inner .txt-02
    {
        max-width: 100%;
        position: static;
    }
}

.sv-contents_02
{
    background: #fbf1dc;
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 35px;
    padding-bottom: 35px;
}

.sv-contents_02 .sv-inner
{
    max-width: 1100px;
    margin: 0 auto;
}

@media only screen and (max-width: 768px)
{
    .sv-contents_02
    {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.section .sv-inner
{
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 45px;
    padding-bottom: 80px;
}

.section .sv-inner > *:first-child
{
    margin-top: 0;
}

.section .sv-inner > *:last-child
{
    margin-bottom: 0;
}

@media only screen and (max-width: 768px)
{
    .section .sv-inner
    {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.page-top
{
    position: relative;
    z-index: 1;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

[data-script-enabled=true] .page-top
{
    display: none;
}

.page-top > a
{
    display: block;
    width: 60px;
    height: 57px;
    font-size: 0;
    background: rgba(51,51,51,0.9);
    position: absolute;
    right: -75px;
    bottom: 10px;
}

@media only screen and (max-width: 1280px)
{
    .page-top > a
    {
        right: 0;
    }
}

.page-top > a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 24px;
    right: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen and (max-width: 768px)
{
    .page-top > a
    {
        width: 44px;
        height: 44px;
    }

    .page-top > a:before
    {
        width: 16px;
        height: 16px;
        top: 19px;
    }
}

.page-top.is-fixed > a
{
    position: fixed;
    right: auto;
    bottom: 10px;
    margin-left: 1115px;
}

@media only screen and (max-width: 1280px)
{
    .page-top.is-fixed > a
    {
        margin-left: 0;
        right: 0;
    }
}

.list-result-01 + .pager-01
{
    margin-top: 15px;
}

.tbl-scroll + .pager-01
{
    margin-top: 20px;
}

.pager-01 > ul
{
    width: 100%;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 1130px)
{
    .pager-01 > ul
    {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        padding-top: 35px;
    }
}

.pager-01 > ul > li a, .pager-01 > ul > li > em
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 30px;
    text-align: center;
}

@media only screen and (max-width: 768px)
{
    .pager-01 > ul > li a, .pager-01 > ul > li > em
    {
        width: 38px;
    }
}

.pager-01 > ul > li a
{
    color: #666;
}

.pager-01 > ul > li a:hover, .pager-01 > ul > li a:active, .pager-01 > ul > li a:focus
{
    background: #EFEFEF;
    text-decoration: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.pager-01 > ul > li.prev > a, .pager-01 > ul > li.next > a
{
    position: relative;
    width: auto;
    padding: 8px 15px;
}

.pager-01 > ul > li.prev > a:before, .pager-01 > ul > li.next > a:before
{
    top: 9px;
}

.pager-01 > ul > li.prev > a:after, .pager-01 > ul > li.next > a:after
{
    display: block;
    position: absolute;
    content: "";
    background: #ccc;
    width: 1px;
    height: 14px;
    top: 8px;
}

.pager-01 > ul > li.prev > a
{
    margin-right: 20px;
    padding-right: 10px;
    padding-left: 25px;
}

.pager-01 > ul > li.prev > a:before
{
    background-position: -39px 0px;
    width: 10px;
    height: 11px;
    left: 13px;
}

.pager-01 > ul > li.prev > a:after
{
    right: -10px;
}

.pager-01 > ul > li.next > a
{
    margin-left: 20px;
    padding-right: 25px;
    padding-left: 10px;
}

.pager-01 > ul > li.next > a:before
{
    background-position: -24px 0px;
    width: 10px;
    height: 11px;
    right: 13px;
}

.pager-01 > ul > li.next > a:after
{
    left: -10px;
}

@media only screen and (max-width: 1130px)
{
    .pager-01 > ul > li.prev, .pager-01 > ul > li.next
    {
        position: absolute;
        top: 0;
    }

    .pager-01 > ul > li.prev > a, .pager-01 > ul > li.next > a
    {
        margin: 0 10px;
    }

    .pager-01 > ul > li.prev
    {
        right: 50%;
    }

    .pager-01 > ul > li.prev > a:after
    {
        content: none;
    }

    .pager-01 > ul > li.next
    {
        left: 50%;
    }
}

.page-result
{
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 6px;
    font-size: 1.4rem;
}

.page-result > *
{
    font-weight: bold;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px)
{
    .page-result > *
    {
        font-size: 1.6rem;
    }
}

.page-result > .current
{
    margin-left: 20px;
}

:lang(en) .page-result > .current
{
    margin: 0;
}

:lang(en) .page-result > .total
{
    margin-left: 5px;
}

:lang(zh-cn) .page-result > .current
{
    margin: 0;
}

.gmap-area > iframe
{
    display: block;
    border: 0;
    width: 100%;
    height: 400px;
}

@media only screen and (max-width: 768px)
{
    .gmap-area > iframe
    {
        height: 300px;
    }
}

.hdg-l1-01-wrap
{
    max-width: 1100px;
    margin: 0 auto 30px;
}

@media only screen and (max-width: 1130px)
{
    .hdg-l1-01-wrap
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (min-width: 769px)
{
    .hdg-l1-01-wrap
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-01-wrap
    {
        margin-bottom: 18px;
    }
}

.hdg-l1-01-wrap .meta
{
    width: 100%;
    margin-top: 5px;
    color: #666;
}

.hdg-l1-01
{
    margin: 0;
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.4;
}

.hdg-l1-01 > .subtitle
{
    display: block;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-01
    {
        font-size: 2.6rem;
    }
}

.hdg-l1-02-wrap
{
    margin-bottom: 32px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ccc;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-02-wrap
    {
        margin: 0 0 25px;
    }
}

.hdg-l1-02-wrap > .meta
{
    font-size: 1.2rem;
    margin-top: 5px;
    color: #666;
}

@media only screen and (min-width: 769px)
{
    .hdg-l1-02-wrap > .meta._large
    {
        font-size: 1.7rem;
        margin-top: 0;
    }
}

.hdg-l1-02-wrap > .meta > span:before
{
    content: "[";
}

.hdg-l1-02-wrap > .meta > span:after
{
    content: "]";
}

.hdg-l1-02-wrap > .meta > time + span:before
{
    content: "：";
}

.hdg-l1-02-wrap > .meta > time + span:after
{
    content: none;
}

.hdg-l1-02-inner
{
    display: table;
}

.hdg-l1-02
{
    display: table-footer-group;
    font-size: 2.4rem;
    line-height: 1.5;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-02
    {
        font-size: 2rem;
    }
}

.hdg-l1-03-wrap
{
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-03-wrap
    {
        margin: 0 0 25px;
        padding-bottom: 15px;
    }
}

.hdg-l1-03-inner
{
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-03-inner
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.hdg-l1-03
{
    font-size: 3.6rem;
    line-height: 1.5;
    margin-right: 30px;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-03
    {
        font-size: 2rem;
    }
}

.hdg-l1-03 > .sub
{
    display: block;
    font-size: 1.4rem;
}

.hdg-l1-04-wrap
{
    max-width: 1100px;
    margin: 0 auto 30px;
}

@media only screen and (max-width: 1130px)
{
    .hdg-l1-04-wrap
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-04-wrap
    {
        margin-bottom: 18px;
    }
}

.hdg-l1-04
{
    font-size: 3.6rem;
    line-height: 1.5;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-04
    {
        font-size: 2rem;
    }
}

.hdg-l1-04 > .sub
{
    display: block;
    color: #666;
    font-size: 1.7rem;
    font-weight: normal;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-04 > .sub
    {
        font-size: 1.4rem;
    }
}

.hdg-l2-01
{
    margin: 50px 0 20px;
    font-size: 2.4rem;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 768px)
{
    .hdg-l2-01
    {
        font-size: 2.2rem;
        margin-top: 42px;
    }

    .tab-panel .hdg-l2-01
    {
        margin-top: 28px;
    }
}

.list-tab-02 + .hdg-l2-01
{
    margin-top: 55px;
}

@media only screen and (max-width: 768px)
{
    .list-tab-02 + .hdg-l2-01
    {
        margin-top: 35px;
    }
}

.lead-02 + .hdg-l2-01
{
    margin-top: 20px;
}

.lyt-col-01._has-border .hdg-l2-01
{
    margin: 50px 0 16px;
    padding: 0;
    border: 0;
}

.hdg-l2-02
{
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.5;
    position: relative;
    margin: 50px 0 35px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 768px)
{
    .hdg-l2-02
    {
        font-size: 2.2rem;
        margin-bottom: 25px;
    }
}

.hdg-l2-02:before
{
    display: block;
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 32px;
    height: 2px;
    background: #c1c4cd;
}

._top-about .hdg-l2-02:before
{
    background: #fff;
}

.hdg-l2-02._sv:before
{
    background: #f8b62a;
}

@media only screen and (min-width: 769px)
{
    .hdg-l2-03-wrap
    {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px)
{
    .hdg-l2-03-wrap
    {
        height: 300px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: -15px;
        margin-left: -15px;
        background-repeat: no-repeat;
        background-position: top left;
    }

    ._corporation .hdg-l2-03-wrap
    {
        background-image: url(/-/media/Contec/jp/about-contec/images/mv_about-contec_01.jpg);
    }
}

.hdg-l2-03
{
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.5;
    position: relative;
    padding-bottom: 25px;
    color: #fff;
}

.hdg-l2-03:before
{
    display: block;
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 32px;
    height: 2px;
    background: #fff;
}

.hdg-l2-04-wrap
{
    margin: 50px 0 20px;
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 768px)
{
    .hdg-l2-04-wrap
    {
        margin-top: 42px;
        display: block;
    }
}

.hdg-l2-04-wrap .list-btn-02
{
    margin-bottom: 0;
}

@media only screen and (max-width: 768px)
{
    .hdg-l2-04-wrap .list-btn-02
    {
        margin-bottom: 15px;
    }
}

.hdg-l2-04
{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 2.4rem;
}

@media only screen and (max-width: 768px)
{
    .hdg-l2-04
    {
        font-size: 2.2rem;
    }
}

.hdg-l3-01
{
    font-size: 2rem;
    margin: 26px 0 10px;
    font-weight: normal;
}

.section._has-bg-a .hdg-l3-01
{
    font-weight: bold;
}

@media only screen and (max-width: 768px)
{
    .hdg-l3-01
    {
        font-size: 1.8rem;
    }
}

.hdg-l3-02
{
    margin: 70px 0 35px;
}

@media only screen and (max-width: 768px)
{
    .hdg-l3-02
    {
        margin: 40px 0 10px;
    }
}

@media only screen and (min-width: 769px)
{
    .hdg-l3-02
    {
        text-align: center;
    }
}

.hdg-l2-02 + .hdg-l3-02
{
    margin-top: 0;
}

.hdg-l3-02 > a
{
    font-size: 2rem;
    color: #333;
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding-left: 23px;
}

.hdg-l3-02 > a:hover, .hdg-l3-02 > a:active, .hdg-l3-02 > a:focus
{
    text-decoration: underline;
}

.hdg-l3-02 > a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (max-width: 768px)
{
    .hdg-l3-02 > a
    {
        font-size: 1.7rem;
    }

    .hdg-l3-02 > a:before
    {
        top: 10px;
    }
}

@media only screen and (min-width: 769px)
{
    .hdg-l3-02 > a:before
    {
        top: 13px;
    }
}

.hdg-l3-03-wrap
{
    margin: 26px 0 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 768px)
{
    .hdg-l3-03-wrap
    {
        display: block;
    }
}

.hdg-l3-03-wrap .list-btn-02
{
    margin-bottom: 0;
}

@media only screen and (max-width: 768px)
{
    .hdg-l3-03-wrap .list-btn-02
    {
        margin-bottom: 15px;
    }
}

.hdg-l3-03
{
    font-weight: normal;
    font-size: 2rem;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px)
{
    .hdg-l3-03
    {
        font-size: 1.8rem;
    }
}

.hdg-l3-04
{
    margin: 28px 0 16px;
    padding: 8px 22px;
    background: #e4e4e4;
    font-size: 2.2rem;
}

.hdg-l3-04 > .sub
{
    font-size: 1.6rem;
}

@media only screen and (max-width: 768px)
{
    .hdg-l3-04
    {
        padding: 8px 12px;
        font-size: 1.8rem;
        line-height: 1.4;
    }

    .hdg-l3-04 > .sub
    {
        font-size: 1.4rem;
    }
}

.hdg-l4-01
{
    font-size: 1.6rem;
    margin: 20px 0 10px;
}

.hdg-l3-01 + .hdg-l4-01
{
    margin-top: 10px;
}

.hdg-l4-02
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 48px 0 16px;
    line-height: 1.6;
}

@media only screen and (max-width: 768px)
{
    .hdg-l4-02
    {
        margin: 40px 0 12px;
    }
}

.hdg-l3-01 + .hdg-l4-02
{
    margin-top: 10px;
}

.hdg-l4-02 > .label
{
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-right: 16px;
    padding: 2px 13px;
    top: 0;
    left: 0;
    font-size: 1.6rem;
    color: #fff;
    background-color: #00adb2;
    border-radius: 4px;
    line-height: 1.8;
}

@media only screen and (max-width: 768px)
{
    .hdg-l4-02 > .label
    {
        margin-right: 10px;
        padding: 2px 10px;
        font-size: 1.4rem;
    }
}

.hdg-l4-02 > .txt
{
    display: block;
    font-size: 2rem;
}

@media only screen and (max-width: 768px)
{
    .hdg-l4-02 > .txt
    {
        font-size: 1.8rem;
    }
}

.hdg-l5-01
{
    font-size: 1.4rem;
    margin: 20px 0 10px;
}

.hdg-l4-01 + .hdg-l5-01
{
    margin-top: 10px;
}

.caption
{
    display: block;
    text-align: center;
    font-size: 1.2rem;
    margin-top: 10px;
}

.error
{
    font-weight: bold;
    color: #d11b1b;
    text-align: left;
    display: inline-block;
    position: relative;
    padding-left: 35px;
}

.error > img
{
    position: absolute;
    top: 3px;
    left: 0;
}

.tbl-form-01 .error, .box-login-01 .error
{
    padding-left: 23px;
    font-size: 1.4rem;
}

.tbl-form-01 .error > img, .box-login-01 .error > img
{
    top: 6px;
    width: 15px;
    height: auto;
}

.text-wrap
{
    border: 1px solid #ddd;
    padding: 13px 20px;
    height: 195px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.text-wrap > *:first-child
{
    margin-top: 0;
}

.lead-01, .lead-03
{
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.6;
}

.lead-01 + *, .lead-03 + *
{
    margin-top: 0;
}

.lead-01
{
    margin-bottom: 8px;
}

@media only screen and (max-width: 768px)
{
    .lead-01
    {
        margin-bottom: 5px;
    }
}

.lead-03
{
    text-align: center;
}

@media only screen and (max-width: 768px)
{
    .lead-03
    {
        text-align: left;
    }
}

.lead-03 + *
{
    margin-top: 20px;
}

@media only screen and (max-width: 768px)
{
    .lead-03 + *
    {
        margin-top: 10px;
    }
}

.lead-03 + .lead-02
{
    margin-top: 15px;
}

@media only screen and (max-width: 768px)
{
    .lead-03 + .lead-02
    {
        margin-top: 5px;
    }
}

.lead-02
{
    margin: 40px 0 20px;
    font-size: 2rem;
    color: #666;
}

@media only screen and (max-width: 768px)
{
    .lyt-col-01 + .lead-02
    {
        margin-top: 66px;
    }
}

.lead-02 + p
{
    margin-top: 0;
}

@media only screen and (max-width: 768px)
{
    .lead-02 + p
    {
        margin-top: -10px;
    }
}

.hdg-l1-02-wrap + .lead-02, .hdg-l3-03-wrap + .lead-02
{
    margin-top: 0;
}

.code-wrap
{
    background: #F8F8F8;
    padding: 10px 15px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.code-wrap span
{
    font-weight: bold;
}

a + sup
{
    margin-left: 3px;
}

.icon-01
{
    margin-left: 10px;
    vertical-align: middle;
}

.icon-02
{
    vertical-align: middle;
}

.icon-03
{
    vertical-align: baseline;
}

.icon-txt-01
{
    display: inline-block;
    min-height: 20px;
    line-height: 1;
    color: #fff;
    padding: 4px 15px;
    vertical-align: middle;
    text-align: center;
    font-size: 1.2rem;
    font-weight: normal;
}

@media only screen and (max-width: 768px)
{
    .icon-txt-01
    {
        min-height: 18px;
        font-size: 1rem;
    }
}

.icon-txt-01._ctg-a
{
    background: #6C5F88;
}

.icon-txt-01._ctg-b
{
    background: #2D6FB1;
}

.icon-txt-01._ctg-c
{
    background: #098253;
}

.icon-txt-01._ctg-d
{
    background: #666666;
}

.icon-txt-01._ctg-e
{
    background: #845059;
}

.icon-txt-01._ctg-f
{
    background: #3C617E;
}

.icon-txt-01._ctg-g
{
    background: #AA531A;
}

.icon-txt-01._ctg-h
{
    background: #485AA9;
}

.icon-txt-01._ctg-i
{
    background: #E8E8E8;
    color: #666;
}

.icon-txt-01._ctg-j
{
    background: #fff;
    color: #666;
    border: 1px solid #6f6f6f;
    padding: 3px 8px;
}

.icon-txt-01._ctg-k
{
    background: #eb762b;
}

.tbl-02 .icon-txt-01, .tbl-03 .icon-txt-01
{
    padding: 4px 10px;
}

.hdg-l1-02-wrap .icon-txt-01, .list-info-01 .icon-txt-01, .list-item-01 > li > .icon-txt-01
{
    padding: 4px 10px;
    min-width: 126px;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-02-wrap .icon-txt-01, .list-info-01 .icon-txt-01, .list-item-01 > li > .icon-txt-01
    {
        min-width: 100px;
    }
}

.list-info-01 .icon-txt-01
{
    margin-top: -2px;
}

.list-item-01 > li > .icon-txt-01
{
    margin-right: 20px;
}

.icon-txt-02
{
    display: inline-block;
    background: #E9EDF5;
    border: 1px solid #d5dbe5;
    padding: 4px 30px;
    font-size: 1.2rem;
}

@media only screen and (max-width: 768px)
{
    .icon-txt-02
    {
        padding: 4px 10px;
    }
}

.list-icon-01
{
    font-size: 0;
    margin-right: -8px;
    margin-bottom: -8px;
}

.hdg-l1-02 + .list-icon-01
{
    margin-bottom: 0;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-03 + .list-icon-01
    {
        margin-bottom: 0;
    }
}

.list-icon-01 > li
{
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 8px;
}

.list-icon-01 > li > img
{
    margin: 5px 0;
}

@media only screen and (max-width: 768px)
{
    .list-icon-01._col-2
    {
        width: calc(100%);
    }

    .list-icon-01._col-2 > li
    {
        width: calc(50% - 8px);
    }
}

.list-icon-02
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -8px;
    margin-bottom: -8px;
}

.hdg-l1-03-wrap .list-icon-02
{
    margin-top: 10px;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-03-wrap .list-icon-02
    {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.list-icon-02 > li
{
    margin-left: 8px;
    margin-bottom: 8px;
    width: 72px;
    height: 56px;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.6rem;
    font-weight: bold;
}

.list-icon-02 > li > span
{
    display: inline-block;
    margin: 3px 0 -10px;
    font-size: 1.2rem;
    font-weight: normal;
}

.list-icon-02 > li > img
{
    width: 100%;
}

:lang(en) .list-icon-02 > li
{
    line-height: 1.3;
    font-size: 1.4rem;
    width: 90px;
    height: 75px;
    text-align: center;
    padding: 5px;
}

:lang(en) .list-icon-02 > li > span
{
    margin: 0;
}

.icon-align > img
{
    vertical-align: middle;
    margin-right: 10px;
}

.link-01, .link-back-01
{
    text-decoration: none;
}

.link-01:hover, .link-01:active, .link-01:focus, .link-back-01:hover, .link-back-01:active, .link-back-01:focus
{
    text-decoration: underline;
}

.list-link-01 a, .list-tab-02 a, .list-info-01 a, .lyt-image-03 a, .nav-local-01 a, .list-filter-01 a, .pager-01 a, .list-item-01 a, .list-favorite-01 .title a
{
    text-decoration: none;
}

.list-link-01 a:hover, .list-link-01 a:active, .list-link-01 a:focus, .list-tab-02 a:hover, .list-tab-02 a:active, .list-tab-02 a:focus, .list-info-01 a:hover, .list-info-01 a:active, .list-info-01 a:focus, .lyt-image-03 a:hover, .lyt-image-03 a:active, .lyt-image-03 a:focus, .nav-local-01 a:hover, .nav-local-01 a:active, .nav-local-01 a:focus, .list-filter-01 a:hover, .list-filter-01 a:active, .list-filter-01 a:focus, .pager-01 a:hover, .pager-01 a:active, .pager-01 a:focus, .list-item-01 a:hover, .list-item-01 a:active, .list-item-01 a:focus, .list-favorite-01 .title a:hover, .list-favorite-01 .title a:active, .list-favorite-01 .title a:focus
{
    text-decoration: underline;
}

.link-01
{
    font-size: 1.4rem;
    display: inline-block;
    position: relative;
    padding-left: 23px;
}

.link-01:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.link-back-01
{
    display: inline-block;
    position: relative;
    padding-left: 23px;
    font-size: 1.4rem;
    padding-left: 18px;
}

.link-back-01:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.link-back-01:before
{
    top: 9px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.list-link-01
{
    font-size: 0;
}

.gmap-area .list-link-01
{
    margin-top: 10px;
}

.list-link-01 > li
{
    font-size: 1.4rem;
}

.list-link-01 > li + li
{
    margin-top: 10px;
}

.list-link-01 > li > a
{
    display: inline-block;
    position: relative;
    padding-left: 23px;
    max-width: 100%;
}

.list-link-01 > li > a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-link-01 > li > ul, .list-link-01 > li > ol
{
    margin-top: 10px;
    margin-left: 23px;
}

.list-link-01 > li > p + .list-link-01, .list-link-01 > li > .list-01, .list-link-01 > li > p, .list-link-01 > li > p + .list-notes-01
{
    margin-top: 5px;
    margin-left: 0;
}

.list-link-01 > li > .list-notes-01
{
    margin-top: 5px;
}

.list-link-01 > li.is-current > a
{
    color: #333;
    font-weight: bold;
}

.list-link-01 > li.is-current > a:before
{
    top: 6px;
    left: 2px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.list-link-01._anchor > li > a:before
{
    top: 6px;
    left: 2px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.list-link-01._has-col > li > .col > a
{
    font-size: 1.4rem;
    display: inline-block;
    position: relative;
    padding-left: 23px;
}

.list-link-01._has-col > li > .col > a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (min-width: 769px)
{
    .list-link-01._has-col > li
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list-link-01._has-col > li > *:first-child
    {
        width: 24%;
        padding-right: 15px;
    }

    .list-link-01._has-col > li > *:last-child
    {
        width: 76%;
    }
}

.list-link-01._inline
{
    margin-bottom: -10px;
    margin-left: -35px;
}

.list-tab-02 + .list-link-01._inline
{
    margin-top: -30px;
}

@media only screen and (max-width: 768px)
{
    .list-tab-02 + .list-link-01._inline
    {
        margin-top: -15px;
    }
}

.list-link-01._inline > li
{
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 35px;
}

.list-link-01._inline > li + li
{
    margin-top: 0;
}

@media only screen and (max-width: 768px)
{
    .list-link-01._inline
    {
        margin-left: 0;
    }

    .list-link-01._inline > li
    {
        display: block;
        margin-left: 0;
    }
}

.list-link-01._col-2, .list-link-01._col-3
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin-left: -30px;
    margin-bottom: -10px;
}

.section .section-inner .list-link-01._col-2:last-child, .section .section-inner .list-link-01._col-3:last-child
{
    margin-bottom: -10px;
}

.list-link-01._col-2 > li, .list-link-01._col-3 > li
{
    margin-left: 30px;
    margin-bottom: 10px;
}

.list-link-01._col-2 > li + li, .list-link-01._col-3 > li + li
{
    margin-top: 0;
}

.list-link-01._col-2 > li > *:first-child, .list-link-01._col-3 > li > *:first-child
{
    margin-top: 0;
}

@media only screen and (max-width: 768px)
{
    .list-link-01._col-2, .list-link-01._col-3
    {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .list-link-01._col-2 > li, .list-link-01._col-3 > li
    {
        margin-left: 0;
    }
}

@media only screen and (min-width: 769px)
{
    .list-link-01._col-2 > li
    {
        width: calc(50% - 30px);
    }

    .list-link-01._col-3 > li
    {
        width: calc(33.333333% - 30px);
    }
}

.list-link-02 + .lyt-image-03, .list-link-03 + .lyt-image-03, .list-link-06 + .lyt-image-03
{
    margin-top: 32px;
}

@media only screen and (min-width: 769px)
{
    .list-link-02, .list-link-03, .list-link-06
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .section .section-inner > .list-link-02:last-child, .section .section-inner > .list-link-03:last-child, .section .section-inner > .list-link-06:last-child
    {
        margin-bottom: -20px;
    }

    .list-link-02 > li, .list-link-03 > li, .list-link-06 > li
    {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .list-link-02._col-2 > li, .list-link-03._col-2 > li, .list-link-06._col-2 > li
    {
        width: calc(100% / 2 - 20px);
    }

    .list-link-02._col-3 > li, .list-link-03._col-3 > li, .list-link-06._col-3 > li
    {
        width: calc(33.333333% - 20px);
    }

    .list-link-02._col-4 > li, .list-link-03._col-4 > li, .list-link-06._col-4 > li
    {
        width: calc(100% / 4 - 20px);
    }
}

@media only screen and (max-width: 900px)
{
    .list-link-02._col-4 > li, .list-link-03._col-4 > li, .list-link-06._col-4 > li
    {
        width: calc(100% / 3 - 20px);
    }
}

@media only screen and (max-width: 768px)
{
    .list-link-02, .list-link-03, .list-link-06
    {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .hdg-l2-01 + .list-link-02, .hdg-l2-01 + .list-link-03, .hdg-l2-01 + .list-link-06
    {
        border-top: 0;
    }

    .list-link-02._col-4, .list-link-03._col-4, .list-link-06._col-4
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list-link-02._col-4 > li, .list-link-03._col-4 > li, .list-link-06._col-4 > li
    {
        width: 50%;
        border-top: 0;
    }
}

@media only screen and (max-width: 768px)
{
    .list-link-02 > li + li, .list-link-03 > li + li, .list-link-06 > li + li
    {
        border-top: 1px solid #ccc;
    }
}

@media only screen and (max-width: 768px)
{
    .list-link-02 + .list-link-02
    {
        margin-top: 0;
        border-top: 0;
    }
}

.list-link-02 > li > a, .list-link-02 > li > .no-link
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

@media only screen and (max-width: 768px)
{
    .list-link-02 > li > a, .list-link-02 > li > .no-link
    {
        display: block;
        padding: 15px 5px 10px;
    }
}

.list-link-02 > li > a > .image, .list-link-02 > li > .no-link > .image
{
    text-align: center;
}

@media only screen and (min-width: 769px)
{
    .list-link-02 > li > a > .image, .list-link-02 > li > .no-link > .image
    {
        white-space: nowrap;
        min-width: 350px;
        width: 350px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .list-link-02 > li > a > .image > img, .list-link-02 > li > .no-link > .image > img
    {
        max-width: 350px;
    }

    .tbl-02 .list-link-02 > li > a > .image > img, .tbl-02 .list-link-02 > li > .no-link > .image > img
    {
        width: 100%;
    }
}

@media only screen and (max-width: 768px)
{
    .list-link-02 > li > a > .image, .list-link-02 > li > .no-link > .image
    {
        margin-bottom: 10px;
    }
}

.tbl-02 .list-link-02 > li > a > .image, .tbl-03 .list-link-02 > li > a > .image, .tbl-02 .list-link-02 > li > .no-link > .image, .tbl-03 .list-link-02 > li > .no-link > .image
{
    min-width: 155px;
    width: 155px;
}

@media only screen and (max-width: 1130px)
{
    .tbl-02 .list-link-02 > li > a > .image, .tbl-03 .list-link-02 > li > a > .image, .tbl-02 .list-link-02 > li > .no-link > .image, .tbl-03 .list-link-02 > li > .no-link > .image
    {
        min-width: 80px;
        width: 80px;
    }
}

@media only screen and (max-width: 1130px)
{
    .tbl-02 .list-link-02 > li > a > .image, .tbl-03 .list-link-02 > li > a > .image, .tbl-02 .list-link-02 > li > .no-link > .image, .tbl-03 .list-link-02 > li > .no-link > .image
    {
        min-width: auto;
        width: auto;
    }
}

@media only screen and (min-width: 769px)
{
    .list-link-02 > li > a > .item, .list-link-02 > li > .no-link > .item
    {
        width: 100%;
        padding: 5px 15px;
    }
}

.list-link-02 > li > a > .item .title, .list-link-02 > li > .no-link > .item .title
{
    font-size: 1.7rem;
}

@media only screen and (max-width: 768px)
{
    .list-link-02 > li > a > .item .title, .list-link-02 > li > .no-link > .item .title
    {
        font-size: 1.5rem;
    }
}

.list-link-02 > li > a > .item .title + *, .list-link-02 > li > .no-link > .item .title + *
{
    margin-top: 5px;
}

.list-link-02 > li > a
{
    text-decoration: none;
}

.list-link-02 > li > a p, .list-link-02 > li > a ul
{
    color: #333;
    text-decoration: none;
}

.list-link-02 > li > a:hover, .list-link-02 > li > a:active, .list-link-02 > li > a:focus
{
    background: #EFEFEF;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.list-link-02 > li > a:hover .title, .list-link-02 > li > a:active .title, .list-link-02 > li > a:focus .title
{
    text-decoration: underline;
}

.list-link-02 > li > a > .item .title
{
    display: inline-block;
    position: relative;
    padding-left: 23px;
}

.list-link-02 > li > a > .item .title:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-link-02 > li > a > .item .title:before
{
    top: 9px;
}

#top .list-link-02 > li > a > .image
{
    width: 263px;
    min-width: 263px;
    height: 163px;
    border: 1px solid #ccc;
    background: #fff;
    position: relative;
}

@media only screen and (max-width: 1130px)
{
    #top .list-link-02 > li > a > .image
    {
        width: 175px;
        min-width: 175px;
        height: 108px;
    }
}

@media only screen and (max-width: 768px)
{
    #top .list-link-02 > li > a > .image
    {
        width: 100%;
        min-width: auto;
        height: 163px;
        margin-right: auto;
        margin-left: auto;
    }
}

#top .list-link-02 > li > a > .image img
{
    max-height: 100%;
    padding: 8px;
}

@media only screen and (min-width: 769px)
{
    #top .list-link-02 > li > a > .item
    {
        padding: 10px 20px;
    }
}

#top .list-link-02 > li > a > .item p + *
{
    margin-top: 5px;
}

#top .list-link-02 > li > a > .item .title
{
    font-size: 1.7rem;
}

#top .list-link-02 > li > a > .item .title:before
{
    top: 10px;
}

.list-link-02._col-2 > li > a > .item .title, .list-link-02._col-2 > li > .no-link > .item .title, .list-link-02._col-3 > li > a > .item .title, .list-link-02._col-3 > li > .no-link > .item .title, .list-link-02._col-4 > li > a > .item .title, .list-link-02._col-4 > li > .no-link > .item .title
{
    font-size: 1.5rem;
}

@media only screen and (min-width: 769px)
{
    .list-link-02._col-2 > li > a > .image, .list-link-02._col-2 > li > .no-link > .image
    {
        min-width: 150px;
        width: 150px;
    }

    .list-link-02._col-2 > li > a > .image img, .list-link-02._col-2 > li > .no-link > .image img
    {
        max-width: 150px;
    }
}

@media only screen and (min-width: 769px)
{
    .list-link-02._col-3 > li > a > .image, .list-link-02._col-3 > li > .no-link > .image
    {
        min-width: 80px;
        width: 80px;
    }

    .list-link-02._col-3 > li > a > .image img, .list-link-02._col-3 > li > .no-link > .image img
    {
        max-width: 80px;
    }
}

@media only screen and (min-width: 769px)
{
    .list-link-02._col-4 > li > a > .image, .list-link-02._col-4 > li > .no-link > .image
    {
        min-width: 80px;
        width: 80px;
    }

    .list-link-02._col-4 > li > a > .image img, .list-link-02._col-4 > li > .no-link > .image img
    {
        max-width: 80px;
    }
}

@media only screen and (max-width: 768px)
{
    .list-link-03 + .list-link-03._no-image
    {
        margin-top: 0;
        border-top: 0;
    }
}

.list-link-03 > li > a
{
    display: block;
    text-decoration: none;
}

@media only screen and (max-width: 768px)
{
    .list-link-03 > li > a
    {
        padding: 15px 0 0;
    }
}

.list-link-03 > li > a p
{
    color: #333;
}

.list-link-03 > li > a:hover, .list-link-03 > li > a:active, .list-link-03 > li > a:focus
{
    background: #EFEFEF;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.list-link-03 > li > a > .item
{
    padding: 8px 13px;
}

@media only screen and (max-width: 768px)
{
    .list-link-03 > li > a > .item
    {
        padding: 10px;
    }
}

.list-link-03 > li > a .title
{
    width: 100%;
    font-size: 1.7rem;
    display: inline-block;
    position: relative;
    padding-left: 23px;
}

.list-link-03 > li > a .title:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-link-03 > li > a .title:before
{
    top: 10px;
}

@media only screen and (max-width: 768px)
{
    .list-link-03 > li > a .title
    {
        font-size: 1.5rem;
    }

    .list-link-03 > li > a .title:before
    {
        top: 9px;
    }
}

.list-link-03 > li > a > .image
{
    text-align: center;
    position: relative;
}

.list-link-03 > li > a > .image img
{
    vertical-align: top;
}

.list-link-03 > li > a > .image > .icon-txt-01
{
    position: absolute;
    top: 0;
    left: 0;
}

.list-link-03 > li > a > .image._has-border
{
    border: 1px solid #ccc;
}

@media only screen and (min-width: 769px)
{
    .list-link-03 > li > a + *
    {
        padding: 13px 13px 0;
    }
}

@media only screen and (max-width: 768px)
{
    .list-link-03 > li > *
    {
        margin-top: 0;
        padding: 5px 10px 10px;
    }
}

.list-link-03 > li.is-current > a
{
    color: #333;
    font-weight: bold;
}

.list-link-03 > li.is-current > a .title::before
{
    top: 6px;
    left: 2px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media only screen and (max-width: 768px)
{
    .list-link-03._has-icon > li > a
    {
        padding-top: 14px;
    }
}

@media only screen and (max-width: 768px)
{
    .list-link-03._has-icon > li > a > .item
    {
        padding-top: 11px;
    }
}

.list-link-03._no-image > li > a
{
    border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 768px)
{
    .list-link-03._no-image > li > a
    {
        padding: 0;
        border: 0;
    }
}

@media only screen and (max-width: 1216px)
{
    .js-carousel-02 .list-link-03
    {
        width: auto;
    }
}

@media only screen and (max-width: 768px)
{
    :lang(en) .js-carousel-02 .list-link-03 > li > a > .item
    {
        padding: 5px;
    }
}

.js-carousel-02 .list-link-03 > li > a .title
{
    line-height: 1.5;
}

@media only screen and (max-width: 768px)
{
    :lang(en) .js-carousel-02 .list-link-03 > li > a .title
    {
        font-size: 1.4rem;
        padding-left: 10px;
    }
}

.js-carousel-02 .list-link-03 > li > a .title:before
{
    top: 8px;
}

@media only screen and (max-width: 768px)
{
    .js-carousel-02 .list-link-03 > li > a .title:before
    {
        top: 6px;
    }

    :lang(en) .js-carousel-02 .list-link-03 > li > a .title:before
    {
        left: -4px;
        width: 7px;
        height: 7px;
    }
}

@media only screen and (max-width: 768px)
{
    .js-carousel-02 .list-link-03
    {
        border: 0;
        margin-right: 30px;
        margin-left: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -10px;
    }

    .js-carousel-02 .list-link-03 > li
    {
        width: calc(50% - 10px);
        border: 0;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .js-carousel-02 .list-link-03 > li > a
    {
        padding: 0;
    }
}

.list-link-03._anchor > li > a .title:before
{
    top: 8px;
    left: 2px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.list-link-03._idx-a
{
    margin-bottom: -35px !important;
}

@media only screen and (max-width: 768px)
{
    .list-link-03._idx-a
    {
        margin-bottom: 0 !important;
    }
}

.box-search-01 + .list-link-03._idx-a
{
    margin-top: 35px;
}

.list-link-03._idx-a > li
{
    margin-bottom: 35px;
}

@media only screen and (max-width: 768px)
{
    .list-link-03._idx-a > li
    {
        margin: 20px 5px 0;
    }

    .list-link-03._idx-a > li:last-child
    {
        margin-bottom: 20px;
    }
}

.list-link-03._idx-a > li .image
{
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 1130px)
{
    .list-link-03._idx-a > li .image
    {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 768px)
{
    .list-link-03._idx-a > li > .image
    {
        margin-top: 15px;
    }
}

.list-link-03._idx-a > li .item
{
    margin: 15px;
    padding: 0;
}

@media only screen and (max-width: 768px)
{
    .list-link-03._idx-a > li .item
    {
        margin-right: 0;
        margin-left: 0;
    }
}

.list-link-03._idx-a > li .title
{
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: bold;
}

.list-link-03._idx-a > li > a:hover, .list-link-03._idx-a > li > a:active, .list-link-03._idx-a > li > a:focus
{
    background: none;
}

.list-link-03._idx-a > li > a:hover .title, .list-link-03._idx-a > li > a:active .title, .list-link-03._idx-a > li > a:focus .title
{
    text-decoration: underline;
}

@media only screen and (max-width: 768px)
{
    .list-link-03._idx-a > li > a
    {
        margin-top: 15px;
        padding: 0;
    }
}

@media only screen and (min-width: 769px)
{
    .list-link-03._idx-a > li > a + *
    {
        padding: 0;
    }
}

.list-link-03._idx-a > li > a .title
{
    font-weight: normal;
}

@media only screen and (max-width: 768px)
{
    .list-link-03._idx-a > li > *
    {
        padding: 0;
    }
}

@media only screen and (min-width: 769px)
{
    .list-link-03._idx-a > li .list-link-01
    {
        margin-right: 15px;
        margin-left: 15px;
    }

    .list-link-03._idx-a > li .list-link-01._col-2
    {
        width: 100%;
        margin-right: 0;
        margin-left: -15px;
    }
}

.list-link-04
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0 0 -16px;
}

.list-link-04 > li
{
    margin: 16px 0 0 16px;
}

.list-link-04 > li > a
{
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    height: 100%;
}

.list-link-04 > li > a:hover, .list-link-04 > li > a:active, .list-link-04 > li > a:focus
{
    background: #EFEFEF;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.list-link-04 > li > a > .item
{
    padding: 8px 13px;
}

.list-link-04 > li > a .title
{
    width: 100%;
    font-size: 1.6rem;
    display: inline-block;
    position: relative;
    padding-left: 23px;
}

.list-link-04 > li > a .title:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-link-04 > li > a .title:before
{
    top: 10px;
}

.list-link-04 > li > .current
{
    border-bottom: 4px solid #ea7224;
    height: 100%;
}

.list-link-04 > li > .current > .item
{
    padding: 8px 0 6px 13px;
}

.list-link-04 > li > .current .title
{
    width: 100%;
    font-size: 1.6rem;
    display: inline-block;
    position: relative;
    padding-left: 23px;
    font-weight: bold;
    color: #333;
}

.list-link-04 > li > .current .title:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-link-04 > li > .current .title::before
{
    top: 7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.list-link-04._col-2 > li
{
    width: calc(100% / 2 - 16px);
}

.list-link-04._col-3 > li
{
    width: calc(100% / 3 - 16px);
}

.list-link-04._col-4 > li
{
    width: calc(100% / 4 - 16px);
}

@media only screen and (max-width: 768px)
{
    .list-link-04
    {
        margin-left: -10px;
    }

    .list-link-04 > li
    {
        width: calc(100% / 2 - 10px) !important;
        margin: 10px 0 0 10px;
    }

    .list-link-04 > li > a
    {
        border-bottom: 0;
        border-top: 1px solid #ccc;
    }

    .list-link-04 > li > a > .item
    {
        padding: 8px 0 6px 7px;
    }

    .list-link-04 > li > a .title
    {
        font-size: 1.4rem;
        line-height: 1.4;
        padding-left: 20px;
    }

    .list-link-04 > li > a .title:before
    {
        top: 5px;
    }

    .list-link-04 > li > .current
    {
        border-bottom: 0;
        border-top: 4px solid #ea7224;
    }

    .list-link-04 > li > .current > .item
    {
        padding: 8px 0 6px 7px;
    }

    .list-link-04 > li > .current .title
    {
        font-size: 1.4rem;
        line-height: 1.4;
        padding-left: 20px;
    }

    .list-link-04 > li > .current .title:before
    {
        top: 3px;
    }
}

@media only screen and (max-width: 768px)
{
    .list-link-05 > li + li
    {
        margin-top: 8px;
    }
}

.list-link-05 > li > a
{
    display: block;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    padding: 15px;
}

.list-link-05 > li > a:hover, .list-link-05 > li > a:active, .list-link-05 > li > a:focus
{
    background: #EFEFEF;
    -webkit-transition: background .2s;
    transition: background .2s;
}

@media only screen and (max-width: 768px)
{
    .list-link-05 > li > a
    {
        height: auto !important;
    }
}

.list-link-05 > li > a > .title
{
    font-size: 1.6rem;
    display: inline-block;
    position: relative;
    padding-left: 23px;
}

.list-link-05 > li > a > .title:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-link-05 > li > a > .title:before
{
    top: 0;
    bottom: 0;
    margin: auto;
}

.list-link-05 > li > a > .title > span
{
    font-size: 1.2rem;
    display: block;
}

.list-link-05 > li > a > .detail
{
    display: block;
    margin-left: 5px;
    color: #333;
    font-size: 1.2rem;
}

.list-link-05 > li > a._has-icon
{
    padding-right: 80px;
}

.list-link-05 > li > a._has-icon > .title
{
    font-size: 1.7rem;
}

.list-link-05 > li > a._has-icon:before
{
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    position: absolute;
}

.list-link-05 > li > a._has-icon._faq:before
{
    background-position: -573px 0px;
    width: 69px;
    height: 59px;
}

.list-link-05 > li > a._has-icon._dl:before
{
    background-position: -647px 0px;
    width: 69px;
    height: 59px;
}

.list-link-05 > li > a._has-icon._support:before
{
    background-position: -721px 0px;
    width: 69px;
    height: 59px;
}

.list-link-05 > li > a._has-icon._place:before
{
    background-position: -419px 0px;
    width: 41px;
    height: 40px;
    right: 25px;
}

@media only screen and (min-width: 769px)
{
    .list-link-05
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: -15px;
        margin-left: -15px;
    }

    .list-link-05 > li
    {
        width: calc(33.3333333% - 15px);
        margin-bottom: 15px;
        margin-left: 15px;
        display: table;
        min-height: 75px;
    }

    .list-link-05 > li > a
    {
        display: table-cell;
        vertical-align: middle;
    }
}

.list-link-06 .image
{
    overflow: hidden;
}

.list-link-06 .image > img
{
    width: 100%;
}

.list-link-06 .item
{
    padding: 10px 12px;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.list-link-06 .item > .title
{
    color: #333;
    font-weight: bold;
    font-size: 1.7rem;
}

.list-link-06 .item > p:not(class)
{
    line-height: 1.5;
}

.list-link-06 .item > .link
{
    display: inline-block;
    position: relative;
    padding-left: 23px;
    margin-top: 10px;
}

.list-link-06 .item > .link:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-link-06 a
{
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.list-link-06 a:hover .item, .list-link-06 a:active .item, .list-link-06 a:focus .item
{
    background: #efefef;
}

.list-link-06 a:hover .item > .link, .list-link-06 a:active .item > .link, .list-link-06 a:focus .item > .link
{
    text-decoration: underline;
}

@media only screen and (max-width: 768px)
{
    .list-link-06
    {
        border: none;
    }

    .list-link-06 > li + li
    {
        border: none;
        margin-top: 30px;
    }

    .list-link-06 a
    {
        display: block;
    }
}

.list-link-07
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 24px);
    margin: 40px 0 -24px -24px;
}

@media only screen and (max-width: 768px)
{
    .list-link-07
    {
        width: 100%;
        margin: 20px 0 -10px;
    }
}

.list-link-07 > li
{
    width: calc(100% / 2 - 24px);
    margin-bottom: 24px;
    margin-left: 24px;
}

@media only screen and (max-width: 768px)
{
    .list-link-07 > li
    {
        width: 100%;
        margin-bottom: 16px;
        margin-left: 0;
    }
}

.list-link-07 > li > a
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 20px 35px 15px 24px;
    border: 1px solid #aeaeae;
    text-decoration: none;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

@media only screen and (max-width: 768px)
{
    .list-link-07 > li > a
    {
        padding: 12px 32px 14px 16px;
    }
}

.list-link-07 > li > a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 17px;
    width: 9px;
    height: 9px;
    margin: auto 0;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (max-width: 768px)
{
    .list-link-07 > li > a:before
    {
        right: 12px;
    }
}

.list-link-07 > li > a:hover, .list-link-07 > li > a:active, .list-link-07 > li > a:focus
{
    background-color: #efefef;
}

.list-link-07 > li > a > .image
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px;
}

@media only screen and (max-width: 768px)
{
    .list-link-07 > li > a > .image
    {
        margin-right: 16px;
    }

    .list-link-07 > li > a > .image > img
    {
        max-width: 40px;
    }
}

.list-link-07 > li > a > .item
{
    padding-top: 6px;
    line-height: 1.6;
}

@media only screen and (max-width: 768px)
{
    .list-link-07 > li > a > .item
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 0;
    }
}

.list-link-07 > li > a > .item > .title
{
    font-size: 2rem;
    font-weight: bold;
    color: #333;
}

@media only screen and (max-width: 768px)
{
    .list-link-07 > li > a > .item > .title
    {
        font-size: 1.6rem;
    }
}

.list-link-07 > li > a > .item > .sub
{
    color: #284067;
}

.list-link-07._anchor > li > a:before
{
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.link-refer-01
{
    display: inline-block;
    position: relative;
    padding-left: 23px;
    text-decoration: none;
}

.link-refer-01:hover, .link-refer-01:active, .link-refer-01:focus
{
    text-decoration: underline;
}

.link-refer-01:before
{
    background-position: -129px 0px;
    width: 17px;
    height: 17px;
    top: 4px;
    left: 0;
}

.link-icon-01 a
{
    display: table;
    text-decoration: none;
}

.link-icon-01 a:hover, .link-icon-01 a:active, .link-icon-01 a:focus
{
    text-decoration: underline;
}

.link-icon-01 a > *
{
    display: table-cell;
    vertical-align: top;
}

.link-icon-01 .icon
{
    margin-right: 12px;
    width: 24px;
    min-width: 24px;
}

.link-block-01
{
    margin-top: auto;
}

.link-block-01 > li
{
    font-size: 1.6rem;
    border-top: 1px solid #ccc;
    margin: 0 15px;
    position: relative;
}

.link-block-01 > li a
{
    display: block;
    padding: 22px 0;
    text-align: center;
}

.link-block-01 > li a .plus
{
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ccc;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.link-block-01 > li a .plus:before
{
    display: block;
    content: "";
    width: 5px;
    height: 20px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    z-index: 1;
}

.link-block-01 > li a .plus:after
{
    display: block;
    content: "";
    width: 20px;
    height: 5px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    z-index: 1;
}

@media only screen and (min-width: 769px)
{
    .list-link-02, .list-link-03, .list-link-06
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .section .section-inner > .list-link-02:last-child, .section .section-inner > .list-link-03:last-child, .section .section-inner > .list-link-06:last-child
    {
        margin-bottom: -20px;
    }

    .list-link-02 > li, .list-link-03 > li, .list-link-06 > li
    {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .list-link-02._col-2 > li, .list-link-03._col-2 > li, .list-link-06._col-2 > li
    {
        width: calc(100%/2 - 20px);
    }

    .list-link-02._col-3 > li, .list-link-03._col-3 > li, .list-link-06._col-3 > li
    {
        width: calc(33.333333% - 20px);
    }

    .list-link-02._col-4 > li, .list-link-03._col-4 > li, .list-link-06._col-4 > li
    {
        width: calc(100%/4 - 20px);
    }

    .list-link-02._col-5 > li, .list-link-03._col-5 > li, .list-link-06._col-5 > li
    {
        width: calc(100%/5 - 20px);
    }
}

@media only screen and (max-width: 900px)
{
    .list-link-02._col-4 > li, .list-link-03._col-4 > li, .list-link-06._col-4 > li
    {
        width: calc(100%/3 - 20px);
    }

    .list-link-02._col-5 > li, .list-link-03._col-5 > li, .list-link-06._col-5 > li
    {
        width: calc(100%/3 - 20px);
    }
}

@media only screen and (max-width: 768px)
{
    .list-link-02, .list-link-03, .list-link-06
    {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .hdg-l2-01 + .list-link-02, .hdg-l2-01 + .list-link-03, .hdg-l2-01 + .list-link-06
    {
        border-top: 0;
    }

    .list-link-02._col-4, .list-link-03._col-4, .list-link-06._col-4
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list-link-02._col-4 > li, .list-link-03._col-4 > li, .list-link-06._col-4 > li
    {
        width: 50%;
        border-top: 0;
    }

    .list-link-02._col-5, .list-link-03._col-5, .list-link-06._col-5
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list-link-02._col-5 > li, .list-link-03._col-5 > li, .list-link-06._col-5 > li
    {
        width: 50%;
        border-top: 0;
    }
}

table * + .list-bullet-01
{
    margin-top: 10px;
}

.list-bullet-01._large
{
    font-size: 1.6rem;
}

.list-bullet-01._large:before
{
    top: 11px;
}

.list-bullet-01 > li
{
    position: relative;
    padding-left: 18px;
}

.list-bullet-01 > li:before
{
    display: block;
    position: absolute;
    content: "";
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #AEAEAE;
}

.list-bullet-01 > li em
{
    font-size: 1.6rem;
}

.list-bullet-01 > li em._basic
{
    font-size: 1.4rem;
}

.list-bullet-01 > li + li
{
    margin-top: 10px;
}

@media only screen and (max-width: 768px)
{
    .list-bullet-01 > li + li
    {
        margin-top: 5px;
    }
}

.list-bullet-01 > li:not(:last-child) .lyt-image-03
{
    margin-bottom: 25px;
}

.list-bullet-01 > li > .list-notes-01, .list-bullet-01 > li > * + .list-desc-03
{
    margin: 8px 0;
}

@media only screen and (min-width: 769px)
{
    .list-bullet-01._col-2
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 16px;
        margin-left: -10px;
    }

    .list-bullet-01._col-2 > li
    {
        width: calc(50% - 10px);
        margin-top: 10px;
        margin-left: 10px;
    }
}

@media only screen and (min-width: 769px)
{
    .list-bullet-01._col-3
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -10px;
        margin-left: -10px;
    }

    .list-bullet-01._col-3 > li
    {
        width: calc(33.333333% - 10px);
        margin-top: 10px;
        margin-left: 10px;
    }
}

.list-notes-01 .list-bullet-01 > li
{
    padding-left: 15px;
}

.list-notes-01 .list-bullet-01 > li:before
{
    top: 8px;
    width: 5px;
    height: 5px;
}

.list-notes-01 .list-bullet-01 > li + li
{
    margin-top: 0;
}

@media only screen and (max-width: 768px)
{
    .list-notes-01 .list-notes-01 .list-bullet-01 > li + li
    {
        margin-top: 0;
    }
}

table + .list-notes-01, .tbl-scroll + .list-notes-01
{
    margin-top: 10px;
}

.box-01 + .list-notes-01
{
    margin-top: -40px;
}

@media only screen and (max-width: 768px)
{
    .box-01 + .list-notes-01
    {
        margin-top: -20px;
    }
}

.list-notes-01 > li
{
    display: table;
    width: 100%;
    font-size: 1.2rem;
    color: #666;
}

.list-notes-01 > li > .mark, .list-notes-01 > li > .item
{
    display: table-cell;
    vertical-align: top;
}

.list-notes-01 > li > .mark
{
    white-space: nowrap;
    padding-right: 6px;
}

.list-notes-01 > li > .item
{
    width: 100%;
}

.list-notes-01 > li > .item .lyt-image-01
{
    margin: 8px 0;
}

.list-notes-01._important > li
{
    color: #d11b1b;
}

.list-bullet-01._large + .list-notes-01
{
    margin-top: 40px;
}

.list-info-01 > li
{
    display: table;
    width: 100%;
}

.list-info-01 > li + li
{
    margin-top: 15px;
}

.list-info-01 > li > div
{
    display: table-cell;
    vertical-align: top;
}

.list-info-01 > li > .date
{
    white-space: nowrap;
    padding-right: 15px;
}

.list-info-01 > li > .category
{
    white-space: nowrap;
}

.list-info-01 > li > .title
{
    width: 100%;
    padding-left: 15px;
}

@media only screen and (max-width: 768px)
{
    .list-info-01 > li
    {
        display: block;
    }

    .list-info-01 > li > .date, .list-info-01 > li > .category
    {
        display: inline-block;
        vertical-align: middle;
    }

    .list-info-01 > li > .title
    {
        display: block;
        padding-left: 0;
    }
}

.list-contact-01
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 80px;
}

@media only screen and (max-width: 1130px)
{
    .lyt-col-01 .list-contact-01
    {
        padding: 0 60px;
    }
}

@media only screen and (max-width: 768px)
{
    .list-contact-01
    {
        display: block;
        padding: 0 10px;
    }

    .lyt-col-01 .list-contact-01
    {
        padding: 0 10px;
    }
}

.lyt-col-01 .list-contact-01
{
    display: block;
}

.list-contact-01 > dt
{
    text-align: center;
    font-size: 1.6rem;
    width: 100%;
    margin-bottom: 8px;
}

.lyt-col-01 .list-contact-01 > dt
{
    width: calc(100% + 80px*2);
    margin-left: -80px;
}

@media only screen and (max-width: 768px)
{
    .lyt-col-01 .list-contact-01 > dt
    {
        width: calc(100% + 30px*2);
        margin-left: -30px;
    }
}

.list-contact-01 > dt > span
{
    display: block;
}

@media only screen and (max-width: 768px)
{
    .list-contact-01 > dt
    {
        width: calc(100% + 30px*2);
        margin-left: -30px;
        margin-bottom: 8px;
        font-size: 1.4rem;
        line-height: 1.6;
    }
}

.list-contact-01 > dd
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.6rem;
}

@media only screen and (max-width: 768px)
{
    .list-contact-01 > dd
    {
        width: 100%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 1.4rem;
    }
}

.list-contact-01 > dd + dd
{
    margin-left: 25px;
    padding-left: 25px;
    border-left: 1px solid #ddd;
}

@media only screen and (max-width: 768px)
{
    .list-contact-01 > dd + dd
    {
        margin-left: 0;
        padding-left: 0;
        border: 0;
    }
}

.lyt-col-01 .list-contact-01 > dd
{
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.lyt-col-01 .list-contact-01 > dd + dd
{
    margin-left: 0;
    padding-left: 0;
    border: 0;
}

.list-contact-01 > dd > .hdg
{
    margin-right: 15px;
    white-space: nowrap;
}

@media only screen and (max-width: 768px)
{
    .list-contact-01 > dd > .hdg
    {
        min-width: 3em;
    }
}

.lyt-col-01 .list-contact-01 > dd > .hdg
{
    min-width: 3em;
}

.list-contact-01 > dd > .item
{
    width: 100%;
    min-width: 0;
    text-align: left;
}

.list-contact-01 > dd > .item._em
{
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.3;
}

@media only screen and (max-width: 768px)
{
    .list-contact-01 > dd > .item._em
    {
        font-size: 1.8rem;
        line-height: 1.6;
    }
}

.list-contact-01 > dd > .item > .supplement
{
    font-size: 1.2rem;
}

.list-tab-01
{
    border-bottom: 1px solid #aeaeae;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

* + .js-tab .list-tab-01
{
    margin-top: 50px;
}

.hdg-l2-01 + .js-tab .list-tab-01
{
    margin-top: 25px;
}

@media only screen and (min-width: 769px)
{
    .list-tab-01
    {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .list-link-03 + .js-tab .list-tab-01
    {
        margin-top: 70px;
    }
}

.list-tab-01 > li
{
    margin: 0 20px;
}

.list-tab-01 > li a
{
    display: block;
    font-size: 1.6rem;
    color: #666;
}

.list-tab-01 > li a > span
{
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
    pointer-events: none;
}

.list-tab-01 > li a > span:before
{
    display: block;
    position: absolute;
    content: "";
    background: #EA7224;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: -1px;
    display: none;
}

@media only screen and (min-width: 769px)
{
    .list-tab-01 > li a:hover, .list-tab-01 > li a:active, .list-tab-01 > li a:focus
    {
        text-decoration: none;
    }

    .list-tab-01 > li a:hover > span:before, .list-tab-01 > li a:active > span:before, .list-tab-01 > li a:focus > span:before
    {
        display: block;
    }
}

.list-tab-01 > li.is-active a
{
    font-weight: bold;
    color: #333;
}

.list-tab-01 > li.is-active a > span:before
{
    display: block;
}

@media only screen and (max-width: 768px)
{
    .list-tab-01
    {
        margin-bottom: -18px;
        border: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list-tab-01 > li
    {
        width: calc(50% - 5px);
        margin: 0 0 18px;
        text-align: center;
        border-bottom: 1px solid #aeaeae;
    }

    .list-tab-01 > li a
    {
        font-size: 1.4rem;
    }

    .list-tab-01 > li:nth-child(odd)
    {
        margin-right: 5px;
    }

    .list-tab-01 > li:nth-child(even)
    {
        margin-left: 5px;
    }
}

.list-tab-02
{
    margin-bottom: 35px;
    border-bottom: 1px solid #aeaeae;
}

@media only screen and (min-width: 769px)
{
    .list-tab-02
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 55px;
        padding-right: 14px;
        padding-left: 14px;
        position: relative;
    }
}

@media only screen and (max-width: 768px)
{
    .list-tab-02
    {
        border-bottom: 0;
        border-left: 1px solid #aeaeae;
    }
}

.hdg-l1-01-wrap + .section > .section-inner > .list-tab-02:first-child
{
    padding-top: 30px;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-01-wrap + .section > .section-inner > .list-tab-02:first-child
    {
        margin-top: 30px;
        padding-top: 0;
    }
}

.list-tab-02 > li
{
    font-size: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #aeaeae;
    border-bottom: 0;
}

@media only screen and (min-width: 769px)
{
    .list-tab-02 > li
    {
        width: calc(100% / 4);
        margin: 0 6px;
    }
}

@media only screen and (max-width: 768px)
{
    .list-tab-02 > li
    {
        font-size: 1.4rem;
        line-height: 1.4;
        border-bottom: 1px solid #aeaeae;
        border-left: 0;
    }

    .list-tab-02 > li:nth-child(n+2)
    {
        border-top: 0;
    }
}

.list-tab-02 > li.is-active
{
    padding: 10px 20px;
    position: relative;
    font-weight: bold;
    border-top: 4px solid #EA7224;
}

@media only screen and (min-width: 769px)
{
    .list-tab-02 > li.is-active
    {
        border-bottom: 0;
        padding: 10px 30px;
    }

    .list-tab-02 > li.is-active:before
    {
        display: block;
        position: absolute;
        content: "";
        bottom: -1px;
        left: 0;
        background: #fff;
        width: 100%;
        height: 1px;
    }
}

@media only screen and (max-width: 768px)
{
    .list-tab-02 > li.is-active
    {
        margin-top: -1px;
    }
}

.list-tab-02 > li > a
{
    width: 100%;
    height: 100%;
    min-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 30px;
    color: #333;
    font-size: 1.6rem;
    line-height: 1.4;
    position: relative;
}

@media only screen and (max-width: 768px)
{
    .list-tab-02 > li > a
    {
        font-size: 1.4rem;
        min-height: auto;
    }
}

.list-tab-02 > li > a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media only screen and (max-width: 768px)
{
    .list-tab-02 > li > a
    {
        padding: 10px 20px;
    }

    .list-tab-02 > li > a:before
    {
        right: 10px;
    }
}

.list-tab-02 > li > a:hover, .list-tab-02 > li > a:active, .list-tab-02 > li > a:focus
{
    background: #EFEFEF;
    text-decoration: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.list-tab-02 > li span
{
    min-width: 0;
}

@media only screen and (min-width: 769px)
{
    .list-tab-02._col-2 > li
    {
        width: calc(100% / 2);
    }
}

@media only screen and (min-width: 769px)
{
    .list-tab-02._col-3 > li
    {
        width: calc(100% / 3);
    }
}

.sv-flow
{
    margin-bottom: 80px;
}

.sv-tab
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
    border-bottom: 1px solid #aeaeae;
}

@media only screen and (min-width: 769px)
{
    .sv-tab
    {
        margin-bottom: 55px;
        padding-right: 14px;
        padding-left: 14px;
        position: relative;
    }
}

@media only screen and (max-width: 768px)
{
    .sv-tab
    {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: 0;
        border-left: 1px solid #aeaeae;
    }
}

.hdg-l1-01-wrap + .section > .section-inner > .sv-tab:first-child
{
    padding-top: 30px;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-01-wrap + .section > .section-inner > .sv-tab:first-child
    {
        margin-top: 30px;
        padding-top: 0;
    }
}

.sv-tab > li
{
    width: calc(100% / 4);
    margin: 0 6px;
    font-size: 1.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #aeaeae;
    border-bottom: 0;
}

@media only screen and (max-width: 768px)
{
    .sv-tab > li
    {
        width: calc(100% / 2);
        margin: 0;
        line-height: 1.4;
        border-bottom: 1px solid #aeaeae;
        border-left: 0;
    }

    .sv-tab > li:nth-child(n+3)
    {
        border-top: 0;
    }
}

.sv-tab > li.is-active
{
    position: relative;
    font-weight: bold;
    border-top: 4px solid #f8b62a;
}

@media only screen and (min-width: 769px)
{
    .sv-tab > li.is-active
    {
        border-bottom: 0;
    }

    .sv-tab > li.is-active:before
    {
        display: block;
        position: absolute;
        content: "";
        bottom: -1px;
        left: 0;
        background: #fff;
        width: 100%;
        height: 1px;
    }
}

@media only screen and (max-width: 768px)
{
    .sv-tab > li.is-active
    {
        margin-top: -1px;
    }
}

.sv-tab > li.is-active > a:hover, .sv-tab > li.is-active > a:active, .sv-tab > li.is-active > a:focus
{
    background-color: transparent;
    -webkit-transition: 0;
    transition: 0;
}

.sv-tab > li > a
{
    width: 100%;
    height: 100%;
    min-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 22px 10px 10px;
    color: #333;
    line-height: 1.4;
    position: relative;
    text-decoration: none;
}

@media only screen and (max-width: 768px)
{
    .sv-tab > li > a
    {
        font-size: 1.4rem;
        min-height: auto;
    }
}

.sv-tab > li > a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 10px;
    margin-top: -7px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media only screen and (max-width: 768px)
{
    .sv-tab > li > a
    {
        padding: 10px 20px;
    }

    .sv-tab > li > a:before
    {
        right: 10px;
    }
}

.sv-tab > li > a:hover, .sv-tab > li > a:active, .sv-tab > li > a:focus
{
    background-color: #EFEFEF;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.sv-tab > li span
{
    min-width: 0;
}

.list-flow
{
    padding: 0 15px;
}

.list-flow > .item
{
    position: relative;
    margin-bottom: 55px;
}

.list-flow > .item:after
{
    position: absolute;
    right: 0;
    bottom: -60px;
    left: 0;
    display: block;
    margin: auto;
    content: "";
    width: 0;
    height: 0;
    border-top: 23px solid #f8b62a;
    border-left: 33px solid transparent;
    border-right: 33px solid transparent;
    border-bottom: 23px solid transparent;
}

.list-flow > .item .item-inner
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 3px solid #f8b62a;
    border-radius: 10px;
}

.list-flow > .item .item-inner > .num
{
    display: block;
    width: 25%;
    font-size: 18px;
    text-align: center;
    min-height: 66px;
    padding: 16px 0;
    background-color: #f8b62a;
    font-weight: bold;
}

.list-flow > .item .item-inner > .txt
{
    display: block;
    width: 75%;
    font-size: 16px;
    padding-left: 34px;
}

@media only screen and (max-width: 768px)
{
    .list-flow > .item .item-inner
    {
        display: block;
    }

    .list-flow > .item .item-inner > .num
    {
        padding: 9px 0;
        min-height: 0;
        width: 100%;
    }

    .list-flow > .item .item-inner > .txt
    {
        padding-left: 0;
        text-align: center;
        width: 100%;
    }
}

.list-flow + p
{
    text-align: center;
}

@media only screen and (min-width: 769px)
{
    .list-share-01
    {
        background: #fff;
        border-top: 1px solid #c1c4cd;
        padding: 13px;
    }

    .list-share-01 > li
    {
        text-align: center;
    }

    .list-share-01 > li + li
    {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 768px)
{
    .list-share-01
    {
        font-size: 0;
        margin: 0 0 -15px -25px;
    }

    .list-share-01 > li
    {
        display: inline-block;
        margin: 0 0 15px 25px;
    }
}

@media only screen and (max-height: 555px)
{
    .list-share-01
    {
        border-top: 0;
        font-size: 0;
        margin: 0 0 -15px -25px;
    }

    .list-share-01 > li
    {
        display: inline-block;
        margin: 0 0 15px 25px;
    }
}

.list-desc-01 + .list-item-01
{
    margin-top: 70px;
}

@media only screen and (max-width: 768px)
{
    .list-desc-01 + .list-item-01
    {
        margin-top: 45px;
    }
}

.list-item-01 > li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-item-01 > li > *:nth-child(3)
{
    width: 100%;
}

.list-item-01 > li + li
{
    margin-top: 33px;
    padding-top: 30px;
    border-top: 1px dashed #ddd;
    border-top-style: dashed;
}

@media only screen and (max-width: 768px)
{
    .list-item-01 > li + li
    {
        margin-top: 28px;
        padding-top: 25px;
    }
}

.list-item-01 > li > .area
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.list-item-01 > li > .area > span
{
    padding: 0 15px;
    font-size: 1.7rem;
    position: relative;
}

@media only screen and (max-width: 768px)
{
    .list-item-01 > li > .area > span
    {
        font-size: 1.4rem;
    }
}

.list-item-01 > li > .area > span:before, .list-item-01 > li > .area > span:after
{
    display: block;
    position: absolute;
    content: "";
    background: #ccc;
    width: 1px;
    height: 55%;
    top: 6px;
}

.list-item-01 > li > .area > span:before
{
    left: 0;
}

.list-item-01 > li > .area > span:after
{
    right: 0;
}

.list-item-01 > li > .area > span + span:before
{
    content: none;
}

.list-item-01 > li .title
{
    margin-top: 5px;
}

.list-item-01 > li .title + *
{
    margin-top: 12px;
}

.list-item-01 > li .title > a
{
    display: inline-block;
    font-size: 2.2rem;
    line-height: 1.4;
    display: inline-block;
    position: relative;
    padding-left: 23px;
}

.list-item-01 > li .title > a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-item-01 > li .title > a:before
{
    top: 10px;
}

@media only screen and (max-width: 768px)
{
    .list-item-01 > li .title > a
    {
        font-size: 1.8rem;
    }

    .list-item-01 > li .title > a:before
    {
        top: 7px;
    }
}

.list-item-02 > li
{
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

@media only screen and (min-width: 769px)
{
    .list-item-02 > li
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media only screen and (max-width: 768px)
{
    .list-item-02 > li
    {
        padding-bottom: 25px;
    }
}

@media only screen and (min-width: 769px)
{
    .list-item-02 > li > .btn-03
    {
        margin-bottom: 10px;
    }
}

.list-item-02 > li > .item-wrap .title
{
    margin-bottom: 5px;
}

.list-item-02 > li > .item-wrap .title .icon
{
    margin-right: 10px;
    font-size: 1.4rem;
    background: #6F6F6F;
    display: inline-block;
    min-width: 126px;
    color: #fff;
    padding: 0 15px;
    text-align: center;
}

.list-item-02 > li > .item-wrap .title > time
{
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (max-width: 768px)
{
    .list-item-02 > li > .item-wrap .title > time
    {
        display: block;
        margin-top: 8px;
        font-size: 1.4rem;
    }
}

.list-item-02 > li > .item-wrap > p
{
    display: inline-block;
    margin: 0 10px 10px 0;
}

.list-item-02 > li > .item-wrap > p span
{
    margin-right: 1em;
}

.list-item-02 > li > .item-wrap > p a
{
    text-decoration: underline;
}

.list-item-02 > li > .item-wrap > p a:hover, .list-item-02 > li > .item-wrap > p a:active, .list-item-02 > li > .item-wrap > p a:focus
{
    text-decoration: none;
}

@media only screen and (max-width: 768px)
{
    .list-item-02 > li > .item-wrap + *
    {
        margin-top: 25px;
    }
}

.list-status-01
{
    display: inline-block;
    border-radius: 3px;
    font-size: 0;
    background: #F8F8F8;
    margin: 0;
    padding: 5px 0;
}

.list-status-01 > li
{
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0 15px;
}

.list-status-01 > li:first-child
{
    position: relative;
}

.list-status-01 > li:first-child:before
{
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    right: 0;
    background: #ccc;
    width: 1px;
    height: 60%;
}

.list-status-01 > li._status-a, .list-status-01 > li._status-b, .list-status-01 > li._status-c
{
    padding-left: 33px;
    position: relative;
}

.list-status-01 > li._status-a:before, .list-status-01 > li._status-b:before, .list-status-01 > li._status-c:before
{
    top: 5px;
    left: 13px;
}

.list-status-01 > li._status-a:before
{
    background-position: -89px 0px;
    width: 14px;
    height: 14px;
}

.list-status-01 > li._status-b:before
{
    background-position: -54px 0px;
    width: 11px;
    height: 11px;
    top: 7px;
    left: 14px;
}

.list-status-01 > li._status-c:before
{
    background-position: -70px 0px;
    width: 14px;
    height: 14px;
}

.list-desc-01 > dt
{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 5px;
}

@media only screen and (max-width: 768px)
{
    .list-desc-01 > dt
    {
        font-size: 1.4rem;
    }
}

.list-desc-01 > dd
{
    margin-bottom: 25px;
}

.list-desc-01 > dd:last-child
{
    margin-bottom: 0;
}

@media only screen and (max-width: 768px)
{
    .list-desc-01 > dd
    {
        margin-bottom: 15px;
    }
}

.list-desc-01 > dd.lyt-image-01
{
    margin-top: 18px;
}

.box-search-01 .list-desc-01 + p
{
    margin-top: 20px;
}

.box-search-01 .list-desc-01 > dt
{
    font-size: 1.6rem;
}

@media only screen and (min-width: 769px)
{
    .box-search-01 .list-desc-01
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .box-search-01 .list-desc-01 > dt
    {
        margin-right: 10px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px)
{
    .box-search-01 .list-desc-01 > dt
    {
        margin-bottom: 15px;
    }

    .box-search-01 .list-desc-01 > dd
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media only screen and (max-width: 768px)
{
    .box-login-01 .list-desc-01 > dt
    {
        font-size: 1.6rem;
    }
}

.box-login-01._error .list-desc-01 > dt label
{
    margin-right: 20px;
}

.box-desc-01
{
    border: 1px solid #ccc;
    padding: 4px 20px 12px;
}

p + .box-desc-01
{
    margin-top: 15px;
}

@media only screen and (max-width: 768px)
{
    .box-desc-01
    {
        padding: 4px 15px 12px;
    }
}

header .box-desc-01
{
    padding-top: 12px;
}

.box-desc-01 .item
{
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    font-size: 0;
}

@media only screen and (max-width: 768px)
{
    .box-desc-01 .item
    {
        display: block;
        margin-right: 0;
    }
}

header .box-desc-01 .item
{
    display: block;
    margin-right: 0;
}

header .box-desc-01 .item + .item
{
    margin-top: 5px;
}

.list-desc-02
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 768px)
{
    .list-desc-02
    {
        margin-right: 0;
    }
}

.list-desc-02 > dt
{
    white-space: nowrap;
    margin-top: 6px;
    font-size: 1.4rem;
    padding-right: 15px;
}

@media only screen and (max-width: 768px)
{
    .list-desc-02 > dt
    {
        white-space: nowrap;
        min-width: 6em;
        margin-top: 4px;
    }
}

.list-desc-02 > dd
{
    width: 100%;
}

.list-desc-02 .list-icon-01
{
    margin-top: 9px;
}

@media only screen and (max-width: 768px)
{
    header .list-desc-02
    {
        display: table;
        margin-right: 0;
        width: 100%;
    }
}

header .list-desc-02 > dt, header .list-desc-02 > dd
{
    display: inline-block;
    vertical-align: middle;
}

header .list-desc-02 + p
{
    font-size: 1.4rem;
    margin-top: 5px;
}

@media only screen and (max-width: 768px)
{
    header .list-desc-02 + p
    {
        margin-top: 10px;
    }
}

header .list-desc-02 + p a
{
    text-decoration: underline;
}

header .list-desc-02 + p a:hover, header .list-desc-02 + p a:active, header .list-desc-02 + p a:focus
{
    text-decoration: none;
}

header .list-desc-02 > dt
{
    min-width: 12em;
    margin-top: 0;
}

@media only screen and (max-width: 768px)
{
    header .list-desc-02 > dt
    {
        margin-bottom: 5px;
        padding-top: 6px;
    }
}

header .list-desc-02 .list-icon-01
{
    margin-top: 3px;
}

@media only screen and (max-width: 768px)
{
    header .list-desc-02 .list-icon-01
    {
        display: block;
        margin-top: 0;
    }
}

.list-desc-03 dt
{
    font-weight: bold;
}

.list-desc-03 > dd em
{
    color: #d11b1b;
}

.list-desc-03 > dd + dt
{
    margin-top: 8px;
}

.list-desc-03 > dd table
{
    margin: 5px 0 15px;
}

.list-desc-03 > dd .lyt-image-01
{
    margin: 5px 0;
}

.list-desc-03 > dd > dl + .list-desc-03 > dd > dl
{
    margin-top: 0;
}

.list-desc-03 > dd > ._inline
{
    display: table;
    width: 100%;
}

.list-desc-03 > dd > ._inline > *
{
    display: table-cell;
}

.list-desc-03 > dd > ._inline > dt
{
    white-space: nowrap;
    padding-right: 8px;
}

.list-desc-03 > dd > ._inline > dd
{
    width: 100%;
}

.list-desc-03 > div
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.list-desc-03 > div > dd
{
    margin-left: 12px;
}

.nav-local-01
{
    border: 2px solid #e4e5e8;
    padding: 15px 20px;
    font-size: 0;
}

* + .nav-local-01
{
    margin-top: 70px;
}

@media only screen and (max-width: 768px)
{
    * + .nav-local-01
    {
        margin-top: 55px;
    }
}

.nav-local-01 > li
{
    font-size: 1.7rem;
    color: #000;
    font-weight: bold;
}

.nav-local-01 > li + li
{
    margin-top: 25px;
}

.nav-local-01 > li > a
{
    display: inline-block;
    position: relative;
    padding-left: 23px;
    color: #000;
}

.nav-local-01 > li > a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-local-01 > li > a:before
{
    width: 10px;
    height: 10px;
    top: 9px;
}

.nav-local-01 > li > ul
{
    margin-top: 10px;
    font-size: 0;
}

.nav-local-01 > li > ul > li
{
    color: #333;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: normal;
    margin-right: 20px;
    padding-right: 20px;
    position: relative;
}

.nav-local-01 > li > ul > li:before
{
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 65%;
    background: #ddd;
    top: 5px;
    right: 0;
}

.nav-local-01 > li > ul > li:last-child
{
    margin-right: 0;
    padding-right: 0;
}

.nav-local-01 > li > ul > li:last-child:before
{
    content: none;
}

.nav-local-02
{
    border-top: 2px solid #446395;
    background: #FBFBFB;
}

.nav-local-02 > li
{
    border-bottom: 1px solid #ddd;
}

.nav-local-02 > li a
{
    display: block;
    padding: 15px 20px;
    text-decoration: none;
    color: #333;
}

.nav-local-02 > li a:hover, .nav-local-02 > li a:active, .nav-local-02 > li a:focus
{
    background: #F1F3F7;
}

@media only screen and (min-width: 769px)
{
    .list-favorite-01
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        margin-left: -20px;
        margin-bottom: -25px;
    }

    .list-favorite-01 > li
    {
        margin-left: 20px;
        margin-bottom: 25px;
    }

    .list-favorite-01._col-2 > li
    {
        width: calc(100% / 2 - 20px);
    }

    .list-favorite-01._col-3 > li
    {
        width: calc(100% / 3 - 20px);
    }
}

@media only screen and (max-width: 768px)
{
    .list-favorite-01 > li + li
    {
        border-top: 1px solid #ccc;
        margin-top: 30px;
        padding-top: 30px;
    }
}

.list-favorite-01 > li > .image
{
    position: relative;
    border: 1px solid #ccc;
}

.list-favorite-01 > li > .image > a
{
    display: block;
    width: 100%;
    height: 220px;
}

@media only screen and (max-width: 768px)
{
    .list-favorite-01 > li > .image > a
    {
        margin: 0 auto;
    }
}

.list-favorite-01 > li > .image > a img
{
    padding: 8px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 220px;
}

.list-favorite-01 > li > .image button
{
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.list-favorite-01 > li > .image button img
{
    vertical-align: top;
    margin-top: 4px;
}

.list-favorite-01 > li > .item
{
    padding: 10px 15px 0;
}

@media only screen and (max-width: 768px)
{
    .list-favorite-01 > li > .item
    {
        padding: 10px 0 0;
    }
}

.list-favorite-01 > li > .item .title
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.list-favorite-01 > li > .item .title a
{
    margin-top: 5px;
    margin-bottom: 3px;
    margin-right: 15px;
    font-size: 1.8rem;
    display: inline-block;
    position: relative;
    padding-left: 23px;
}

.list-favorite-01 > li > .item .title a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-favorite-01 > li > .item .title a:before
{
    top: 11px;
}

.list-favorite-01 > li > .item .detail
{
    margin-top: 10px;
    text-align: right;
}

.list-favorite-01 > li > .item .detail * + *
{
    margin-top: 10px;
}

.list-favorite-01 > li > .item .detail + *
{
    margin-top: 15px;
}

.list-favorite-01 > li > .item .detail .link-01
{
    font-size: 1.2rem;
}

.list-favorite-01 > li > .item .detail .link-01:before
{
    top: 6px;
}

.list-date-01
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hdg-l1-02-wrap .list-date-01
{
    margin-top: 5px;
}

.list-date-01 > li
{
    margin-right: 30px;
    font-size: 1.2rem;
    color: #666;
}

@media only screen and (max-width: 768px)
{
    .list-date-01 > li
    {
        margin-right: 15px;
    }
}

.list-result-01
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.page-result + .list-result-01
{
    margin-top: -8px;
}

.list-result-01 > dt
{
    margin-top: 8px;
    margin-right: 10px;
    white-space: nowrap;
}

.list-result-01 > dd > ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
}

.list-result-01 > dd > ul > li
{
    margin-left: 20px;
    position: relative;
}

.list-result-01 > dd > ul > li:before
{
    display: block;
    position: absolute;
    content: "";
    top: 14px;
    right: -10px;
    width: 1px;
    height: 14px;
    background: #ccc;
}

.list-result-01 > dd > ul > li:last-child:before
{
    content: none;
}

.list-result-01 > dd > ul > li > *
{
    min-width: 64px;
    min-height: 40px;
    padding: 7px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 768px)
{
    .list-result-01 > dd > ul > li > *
    {
        min-width: 54px;
    }
}

.list-result-01 > dd > ul > li > a
{
    text-decoration: none;
    color: #666;
}

.list-result-01 > dd > ul > li > a:hover, .list-result-01 > dd > ul > li > a:active, .list-result-01 > dd > ul > li > a:focus
{
    background: #EFEFEF;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.section._site-search .list-result-01 > dd > ul > li > span
{
    display: block;
    min-width: auto;
    min-height: auto;
    padding: 0;
}

.section._site-search .list-result-01 > dd > ul > li > span > *
{
    min-width: 64px;
    min-height: 40px;
    padding: 7px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 768px)
{
    .section._site-search .list-result-01 > dd > ul > li > span > *
    {
        min-width: 54px;
    }
}

.section._site-search .list-result-01 > dd > ul > li > span > a
{
    text-decoration: none;
    color: #666;
}

.section._site-search .list-result-01 > dd > ul > li > span > a:hover, .section._site-search .list-result-01 > dd > ul > li > span > a:active, .section._site-search .list-result-01 > dd > ul > li > span > a:focus
{
    background: #EFEFEF;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.list-filter-01 li
{
    font-weight: normal;
    position: relative;
    line-height: 1.4;
    padding-left: 23px;
}

.list-filter-01 li .toggle-hook
{
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #c1c4cd;
    position: relative;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 0;
    margin: 0;
}

.list-filter-01 li .toggle-hook:before, .list-filter-01 li .toggle-hook:after
{
    display: block;
    position: absolute;
    content: "";
    position: absolute;
    background: #446395;
}

.list-filter-01 li .toggle-hook:before
{
    top: 6px;
    left: 3px;
    width: 7px;
    height: 1px;
}

.list-filter-01 li .toggle-hook:after
{
    top: 3px;
    left: 6px;
    width: 1px;
    height: 7px;
}

.list-filter-01 li.is-open .toggle-hook:after
{
    opacity: 0;
}

.list-filter-01 li button
{
    font-size: 1.4rem;
}

.list-filter-01 li + li
{
    margin-top: 10px;
}

.list-filter-01 li > ul
{
    margin-top: 6px;
}

.list-filter-01 li > ul li
{
    padding-left: 10px;
}

.list-filter-01 li > ul li + li
{
    margin-top: 6px;
}

.list-filter-01 li li, .list-filter-01 li a
{
    font-size: 1.2rem;
}

.list-filter-01._selected li li
{
    font-weight: bold;
}

.list-filter-01._selected li button
{
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #c1c4cd;
    position: relative;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 0;
}

.list-filter-01._selected li button:before, .list-filter-01._selected li button:after
{
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 9px;
    background: #446395;
    top: 2px;
    left: 6px;
}

.list-filter-01._selected li button:before
{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-filter-01._selected li button:after
{
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.list-filter-01._selected li button .text
{
    font-size: 0;
}

.list-filter-01-wrap > li
{
    font-weight: bold;
    font-size: 1.4rem;
}

.list-filter-01-wrap > li > ul
{
    margin-top: 6px;
}

.list-qa-01 > dt, .list-qa-01 > dd
{
    position: relative;
    padding-left: 30px;
}

.list-qa-01 > dt:before, .list-qa-01 > dd:before
{
    display: block;
    border-radius: 50%;
    padding: 4px 6px;
    position: absolute;
    left: 0;
    font-family: "Arial";
    font-size: 1.4rem;
    line-height: 1;
}

.list-qa-01 > dt
{
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: bold;
}

.list-qa-01 > dt:before
{
    content: "Q";
    background: #6F6F6F;
    color: #fff;
    top: 3px;
    font-weight: normal;
}

.list-qa-01 > dd
{
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.list-qa-01 > dd:before
{
    content: "A";
    border: 1px solid #6F6F6F;
    top: 1px;
}

.list-qa-01 > dd + dt
{
    margin-top: 20px;
}

.list-qa-02 + .list-qa-02
{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

.lyt-btn-01 + .list-qa-02
{
    margin-top: 40px;
}

.list-link-01._anchor + .list-qa-02
{
    padding-top: 20px;
}

.list-qa-02 > dt, .list-qa-02 > dd
{
    position: relative;
    padding-left: 30px;
}

.list-qa-02 > dt > .mark, .list-qa-02 > dd > .mark
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    font-family: "Arial";
    font-size: 1.4rem;
    line-height: 1;
}

.list-qa-02 > dt > .item, .list-qa-02 > dd > .item
{
    padding-left: 18px;
}

.list-qa-02 > dt
{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 18px;
}

@media only screen and (max-width: 768px)
{
    .list-qa-02 > dt
    {
        margin-bottom: 12px;
    }
}

.list-qa-02 > dt > .mark
{
    background: #6F6F6F;
    color: #fff;
    font-weight: normal;
}

.list-qa-02 > dt > .item
{
    padding-top: 2px;
}

.list-qa-02 > dd > .mark
{
    border: 1px solid #6F6F6F;
}

.list-qa-02 > dd > .item
{
    padding-top: 3px;
}

.list-qa-03
{
    counter-reset: number-q 0;
}

.list-qa-03 div.js-toggle
{
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.list-qa-03 dt.title, .list-qa-03 dd.content
{
    position: relative;
    padding-left: 45px;
}

.list-qa-03 dt.title:before, .list-qa-03 dd.content:before
{
    display: block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    font-family: "Arial";
    font-size: 1.4rem;
}

.list-qa-03 dt.title
{
    padding-top: 5px;
    padding-bottom: 23px;
    padding-right: 40px;
    font-size: 1.6rem;
    font-weight: bold;
    counter-increment: number-q 1;
    cursor: pointer;
}

.list-qa-03 dt.title:before
{
    content: "Q" counter(number-q);
    padding: 5px 7px;
    background: #d5a53f;
    color: #fff;
    top: 3px;
    font-weight: normal;
}

.list-qa-03 dt.title.out:after
{
    position: absolute;
    top: 26px;
    right: 21px;
    display: block;
    width: 9px;
    height: 9px;
    margin-top: -7px;
    border-bottom: 2px solid #ea7224;
    border-left: 2px solid #ea7224;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.list-qa-03 dt.title.in:after
{
    position: absolute;
    top: 26px;
    right: 21px;
    display: block;
    width: 9px;
    height: 9px;
    margin-top: -7px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.list-qa-03 dd.content
{
    padding-bottom: 20px;
    padding-right: 20px;
    display: none;
}

.list-qa-03 dd.content + dt
{
    margin-top: 20px;
}

.list-qa-03 dd.content span.num
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 33px;
    height: 33px;
    font-family: "Arial";
    font-size: 1.4rem;
    padding: 4px 6px 4px 7px;
    border: 1px solid #6F6F6F;
    border-radius: 50%;
}

.list-order-01
{
    counter-reset: num;
}

.list-order-01 > li
{
    counter-increment: num;
    display: table;
}

.list-order-01 > li > .item
{
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding-left: 10px;
}

.list-order-01 > li > .item > ul, .list-order-01 > li > .item > ol, .list-order-01 > li > .item > dl
{
    margin-top: 12px;
}

.list-order-01 > li > .item > ul > li, .list-order-01 > li > .item > ol > li, .list-order-01 > li > .item > dl > li
{
    font-size: 1.4rem;
}

.list-order-01 > li::before
{
    content: counter(num) ".";
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
}

.list-order-01 > li + li
{
    margin-top: 10px;
}

@media only screen and (max-width: 768px)
{
    .list-order-01 > li + li
    {
        margin-top: 5px;
    }
}

.list-order-01 > li .lyt-image-04
{
    margin-bottom: 20px;
}

.list-order-01 > li:last-child .lyt-image-04
{
    margin-bottom: 0;
}

.list-flow-01
{
    counter-reset: num;
}

.list-flow-01 > li
{
    position: relative;
    padding-left: 36px;
    counter-increment: num;
}

.list-flow-01 > li > .item
{
    min-height: 24px;
    line-height: 1.6;
    padding-top: 2px;
}

@media only screen and (max-width: 768px)
{
    .list-flow-01 > li > .item
    {
        min-height: 22px;
        line-height: 1.8;
        padding-top: 0;
    }
}

.list-flow-01 > li > .content
{
    margin-top: 10px;
}

@media only screen and (max-width: 768px)
{
    .list-flow-01 > li > .content
    {
        margin-top: 6px;
    }
}

.list-flow-01 > li:not(:first-child)
{
    margin-top: 16px;
}

@media only screen and (max-width: 768px)
{
    .list-flow-01 > li:not(:first-child)
    {
        margin-top: 20px;
    }
}

.list-flow-01 > li::before
{
    content: counter(num);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    background-color: #00adb2;
}

.box-01
{
    margin-top: 60px;
    margin-bottom: 60px;
    border: 2px solid #e4e5e8;
    padding: 40px;
}

.box-01 > *:last-child
{
    margin-bottom: 0;
}

.list-link-02 + .box-01
{
    margin-top: 50px;
}

@media only screen and (max-width: 768px)
{
    .box-01
    {
        margin-top: 45px;
        margin-bottom: 45px;
        padding: 20px;
    }
}

.box-01 > *
{
    text-align: center;
}

.box-01 > .hdg, .box-01 > .hdg-contact
{
    text-align: center;
    position: relative;
    font-size: 1.8rem;
    margin-top: -15px;
}

@media only screen and (max-width: 768px)
{
    .box-01 > .hdg, .box-01 > .hdg-contact
    {
        font-size: 1.6rem;
        margin-top: -5px;
    }
}

.box-01 > .hdg
{
    margin-bottom: 20px;
}

.box-01 > .hdg-contact
{
    margin-bottom: 25px;
    padding-bottom: 15px;
}

@media only screen and (max-width: 768px)
{
    .box-01 > .hdg-contact
    {
        margin-bottom: 20px;
    }
}

.box-01 > .hdg-contact:before
{
    display: block;
    position: absolute;
    content: "";
    width: 32px;
    height: 2px;
    background: #ddd;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.box-01 > .hdg-contact-02
{
    font-size: 1.6rem;
}

.box-01 > .hdg-contact-02 + .list-desc-03
{
    margin-top: 10px;
}

*[class^="hdg-"] + .box-01
{
    margin-top: 0;
}

.box-01, .box-01 .box-04
{
    margin-top: 30px;
}

.box-02
{
    background: #F8F8F8;
    padding: 10px 15px;
}

.box-02 > *:last-child
{
    margin-bottom: 0;
}

.box-02 strong
{
    font-size: 1.6rem;
    display: block;
    text-align: center;
}

.box-02._error
{
    background: #FFE8EB;
    text-align: center;
    font-size: 1.6rem;
}

.box-04
{
    background: #F8F8F8;
    padding: 10px 15px;
}

.box-04 > *:last-child
{
    margin-bottom: 0;
}

.box-04 > .hdg
{
    font-size: 1.8rem;
    margin-bottom: 5px;
}

.box-04._notice .hdg
{
    color: #d11b1b;
}

.list-result-01 + .box-04
{
    margin-top: 16px;
}

@media only screen and (max-width: 768px)
{
    .section._site-search .box-04
    {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.box-04 * + .list-link-01
{
    margin-top: 16px;
}

.box-05
{
    border: #e4e5e8 2px solid;
}

.box-05 .hdg
{
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 14px;
    padding-right: 40px;
    font-size: 1.8rem;
    font-weight: bold;
    cursor: pointer;
}

.box-05 .hdg:after
{
    position: absolute;
    top: 32px;
    right: 21px;
    display: block;
    width: 9px;
    height: 9px;
    margin-top: -7px;
}

.box-05.is-close .hdg:after
{
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.box-05.is-open .hdg:after
{
    border-bottom: 2px solid #ea7224;
    border-left: 2px solid #ea7224;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.box-05 .content
{
    padding: 5px 14px 14px;
}

.box-error-01
{
    padding: 10px 15px;
    background: #FFE8EB;
    text-align: center;
    font-size: 1.6rem;
}

.box-error-01 > *:last-child
{
    margin-bottom: 0;
}

.box-confirm-01
{
    background: #F8F8F8;
    padding: 15px;
    text-align: center;
}

.box-confirm-01 > *:last-child
{
    margin-bottom: 0;
}

.box-login-01
{
    max-width: 914px;
    margin-right: auto;
    margin-left: auto;
    background: #F8F8F8;
    padding: 35px 186px;
}

.box-login-01 > *:last-child
{
    margin-bottom: 0;
}

.box-login-01._error
{
    background: #FFE8EB;
}

@media only screen and (max-width: 768px)
{
    .box-login-01
    {
        padding: 20px;
    }
}

.box-login-01 > .list-link-01._inline
{
    margin-bottom: -10px;
}

.box-03
{
    background: #F1F2F4;
    margin: 55px 0;
    padding: 25px 30px;
}

@media only screen and (max-width: 768px)
{
    .box-03
    {
        padding: 15px 20px;
    }
}

.box-03 > .hdg
{
    font-size: 2rem;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px)
{
    .box-03 > .hdg
    {
        font-size: 1.8rem;
    }
}

.box-product-01
{
    background: #F8F8F8;
    padding: 15px 20px;
}

.box-product-01 > * + *
{
    margin-top: 15px;
}

.box-product-01 > .info
{
    font-size: 0;
}

.box-product-01 > .info > li
{
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
    color: #d11b1b;
    margin-right: 30px;
    margin-top: 0;
}

@media only screen and (max-width: 768px)
{
    .box-product-01 > .info > li
    {
        margin-right: 0;
    }
}

.box-product-01 > p
{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
    margin-right: 30px;
}

@media only screen and (max-width: 768px)
{
    .box-product-01 > p
    {
        margin-right: 0;
    }
}

.box-product-01 > p.note
{
    font-size: 1.2rem;
    color: #666;
}

@media only screen and (max-width: 768px)
{
    .box-product-01 > p.note
    {
        margin-top: 5px;
    }
}

.box-share-01
{
    z-index: 2;
    -webkit-box-shadow: 0 0 3px #c1c4cd;
    box-shadow: 0 0 3px #c1c4cd;
    border: 1px solid #c1c4cd;
    border-right: 0;
    margin: 0;
    position: fixed;
    top: 35%;
    right: -1px;
    display: none;
}

[data-script-enabled=true] .box-share-01
{
    display: block;
}

@media only screen and (max-width: 768px)
{
    .box-share-01
    {
        border: 0;
        position: static;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0 15px 15px;
    }

    * + .box-share-01
    {
        padding-top: 80px;
    }

    .section:not([class*="_has-bg-"]) + .box-share-01
    {
        padding-top: 0;
    }
}

@media only screen and (max-height: 555px)
{
    .box-share-01
    {
        border: 0;
        position: static;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0 15px 15px;
    }

    .section[class*="_has-bg-"] + .box-share-01
    {
        padding-top: 80px;
    }
}

.box-info-01
{
    background: #EFEFEF;
    display: table;
    width: 100%;
}

.box-info-01 > *
{
    display: table-cell;
    vertical-align: top;
}

.box-info-01 > .hdg
{
    color: #fff;
    background: #6F6F6F;
    font-size: 1.8rem;
    padding: 15px 40px;
    white-space: nowrap;
}

.box-info-01 > .hdg > span
{
    display: inline-block;
    padding-left: 40px;
    position: relative;
}

.box-info-01 > .hdg > span:before
{
    background-position: -310px 0px;
    width: 30px;
    height: 30px;
    top: 2px;
    left: 0;
}

.box-info-01 > .col
{
    padding: 18px 30px;
    width: 100%;
}

@media only screen and (max-width: 768px)
{
    .box-info-01
    {
        display: block;
    }

    .box-info-01 > *
    {
        display: block;
    }

    .box-info-01 > .hdg
    {
        text-align: center;
        padding: 10px;
        font-size: 1.4rem;
    }

    .box-info-01 > .hdg > span
    {
        padding-left: 30px;
    }

    .box-info-01 > .hdg > span:before
    {
        background-position: -238.46154px 0px;
        width: 23.07692px;
        height: 23.07692px;
        background-size: 607.69231px 45.38462px;
    }

    .box-info-01 > .col
    {
        padding: 10px 25px;
    }
}

.box-search-01
{
    background: #e4e5e8;
    text-align: center;
    padding: 25px 15px;
}

.box-search-01 > .inner
{
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

.box-pr
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -16px;
}

.box-pr .box
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    width: calc(50% - 16px);
    margin-left: 16px;
    margin-bottom: 16px;
}

.box-pr .box._link-btm
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.box-pr .box._link-btm > h3
{
    margin: 12px 15px 7px;
}

.box-pr .box._link-btm > p
{
    margin: 0 15px;
}

.box-pr .pr-inner
{
    padding: 12px 15px 35px;
}

.box-pr .pr-inner > *:first-child
{
    margin-top: 0;
}

.box-pr .pr-inner > *:last-child
{
    margin-bottom: 0;
}

.box-pr .pr-inner .list-link-03 li a div.title
{
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 2rem;
}

@media only screen and (max-width: 768px)
{
    .box-pr .pr-inner .list-link-03 li a div.title
    {
        font-size: 1.8rem;
    }
}

.box-pr .pr-inner .list-link-03 li a div.title:before
{
    top: 14px;
}

.box-pr._col2 .col
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(50% - 16px);
    margin-left: 16px;
}

.box-pr._col2 .col .pr-inner
{
    padding: 12px 0px 15px;
}

.box-pr._col2 .col .pr-inner > *:first-child
{
    margin-top: 0;
}

.box-pr._col2 .col .pr-inner > *:last-child
{
    margin-bottom: 0;
}

.box-pr._col3 .col
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(33.33333% - 16px);
    margin-left: 16px;
}

.box-pr._col3 .col .pr-inner
{
    padding: 12px 0px 15px;
}

.box-pr._col3 .col .pr-inner > *:first-child
{
    margin-top: 0;
}

.box-pr._col3 .col .pr-inner > *:last-child
{
    margin-bottom: 0;
}

.box-pr._col2.btm-line, .box-pr._col3.btm-line
{
    position: relative;
    padding-bottom: 25px;
}

.box-pr._col2.btm-line:after, .box-pr._col3.btm-line:after
{
    display: block;
    position: absolute;
    background: #ccc;
    content: "";
    width: calc(100% - 16px);
    height: 1px;
    right: 0;
    bottom: 0;
}

@media only screen and (max-width: 768px)
{
    .box-pr
    {
        display: block;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 16px;
    }

    .box-pr .box
    {
        width: 100%;
        max-width: 540px;
        margin: 0 auto 16px;
    }

    .box-pr .box:last-child
    {
        margin-bottom: 0;
    }

    .box-pr .pr-inner
    {
        padding-bottom: 15px;
    }

    .box-pr._col2 .col, .box-pr._col3 .col
    {
        width: 100%;
        margin: 0 auto 16px;
    }

    .box-pr._col2 .col:last-child, .box-pr._col3 .col:last-child
    {
        margin-bottom: 0;
    }

    .box-pr._col2 .col
    {
        max-width: 525px;
    }

    .box-pr._col3 .col
    {
        max-width: 345px;
    }
}

.box-lineup
{
    border: 1px solid #ccc;
    padding: 12px 15px 40px;
}

.box-lineup > *:first-child
{
    margin-top: 0;
}

.box-lineup > *:last-child
{
    margin-bottom: 0;
}

@media only screen and (max-width: 768px)
{
    .box-lineup .box-pr
    {
        padding: 0;
    }
}

#sv_contact
{
    display: block;
    position: fixed;
    top: 23%;
    right: 0;
    z-index: 30;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 3px #c1c4cd;
    box-shadow: 0 0 3px #c1c4cd;
}

#sv_contact .contactBtn
{
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
    text-decoration: none;
}

#sv_contact .contactBtn > span
{
    width: 68px;
    height: 67px;
    background: #ea7224;
    padding: 32px 10px;
    display: block;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    position: relative;
}

#sv_contact .contactBtn > span:after
{
    display: block;
    content: "";
    width: 30px;
    height: 20px;
    background-image: url("/-/media/Contec/common/images/ico-mail.png");
    position: absolute;
    top: 10px;
    right: 18.5px;
}

#sv_contact .contactBtn::-moz-focus-inner
{
    border: 0;
    padding: 0;
}

@media only screen and (max-width: 768px)
{
    #sv_contact
    {
        display: none;
    }
}

.btn-01, .btn-02, .btn-03, .btn-04, .btn-05, .btn-search-01
{
    display: inline-block;
    text-align: center;
    border-radius: 4em;
    min-width: 200px;
    text-decoration: none;
}

.btn-01._size-a, .btn-02._size-a, .btn-03._size-a, .btn-04._size-a, .btn-05._size-a, .btn-search-01._size-a
{
    min-width: 280px;
}

.btn-01:hover, .btn-01:active, .btn-01:focus, .btn-02:hover, .btn-02:active, .btn-02:focus, .btn-03:hover, .btn-03:active, .btn-03:focus, .btn-04:hover, .btn-04:active, .btn-04:focus, .btn-05:hover, .btn-05:active, .btn-05:focus, .btn-search-01:hover, .btn-search-01:active, .btn-search-01:focus
{
    color: #fff;
    -webkit-transition: background .2s;
    transition: background .2s;
}

@media only screen and (max-width: 768px)
{
    .btn-01, .btn-02, .btn-03, .btn-04, .btn-05, .btn-search-01
    {
        min-width: 100%;
    }

    .btn-01._size-a, .btn-02._size-a, .btn-03._size-a, .btn-04._size-a, .btn-05._size-a, .btn-search-01._size-a
    {
        min-width: 100%;
    }
}

.lyt-image-03 .btn-01:hover, .lyt-image-03 .btn-01:active, .lyt-image-03 .btn-01:focus, .lyt-image-03 .btn-02:hover, .lyt-image-03 .btn-02:active, .lyt-image-03 .btn-02:focus, .lyt-image-03 .btn-03:hover, .lyt-image-03 .btn-03:active, .lyt-image-03 .btn-03:focus, .lyt-image-03 .btn-04:hover, .lyt-image-03 .btn-04:active, .lyt-image-03 .btn-04:focus, .lyt-image-03 .btn-05:hover, .lyt-image-03 .btn-05:active, .lyt-image-03 .btn-05:focus, .lyt-image-03 .btn-search-01:hover, .lyt-image-03 .btn-search-01:active, .lyt-image-03 .btn-search-01:focus
{
    text-decoration: none;
}

.btn-01, .btn-04, .btn-05
{
    font-size: 1.4rem;
}

.btn-01
{
    background: #446395;
    color: #fff;
    padding: 11px 20px 12px;
}

.btn-01:hover, .btn-01:active, .btn-01:focus
{
    background: #304f80;
}

.info-wrap .btn-01
{
    padding: 7px 20px 8px;
}

.btn-01.disabled
{
    background: #666;
    color: #e5e5e5;
    cursor: default;
}

.btn-01._dl
{
    position: relative;
    padding: 13px 31px 14px 53px;
    line-height: 1.5;
}

.btn-01._dl:before
{
    background-position: -248px 0px;
    width: 24px;
    height: 17px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 23px;
    margin: auto;
}

.btn-01._clear
{
    margin-top: 10px;
    font-size: 1.2rem;
    width: 100%;
    padding: 2px 10px;
}

.btn-01._clear > span
{
    position: relative;
    display: inline-block;
    padding-left: 12px;
}

.btn-01._clear > span:before, .btn-01._clear > span:after
{
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 10px;
    background: #fff;
    top: 6px;
    left: 0;
}

.btn-01._clear > span:before
{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-01._clear > span:after
{
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.btn-01._cv
{
    background: #EA7224;
}

.btn-01._cv:hover, .btn-01._cv:active, .btn-01._cv:focus
{
    background: #EB5E00;
}

@media only screen and (max-width: 1130px)
{
    .lyt-col-03._col-4 .btn-01
    {
        min-width: 100%;
    }
}

.btn-02, .btn-03
{
    font-size: 1.9rem;
    font-weight: bold;
}

.btn-02
{
    background: #EA7224;
    color: #fff;
    padding: 8px 25px;
}

.btn-02:hover, .btn-02:active, .btn-02:focus
{
    background: #EB5E00;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-01-wrap .btn-02
    {
        padding: 3px 18px;
    }
}

.btn-02._dl
{
    position: relative;
    padding: 13px 31px 14px 53px;
    line-height: 1.5;
}

.btn-02._dl:before
{
    background-position: -248px 0px;
    width: 24px;
    height: 17px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 23px;
    margin: auto;
}

.btn-03
{
    border: 1px solid #EA7224;
    color: #EA7224;
    padding: 7px 24px;
}

.btn-03:hover, .btn-03:active, .btn-03:focus
{
    background: #EA7224;
    color: #fff;
}

.btn-04
{
    border: 1px solid #446395;
    background: #fff;
    color: #446395;
    padding: 10px 19px 11px;
}

.btn-04:hover, .btn-04:active, .btn-04:focus
{
    background: #EFEFEF;
    color: #284067;
}

.form-txt-01._code + .btn-04
{
    vertical-align: middle;
}

@media only screen and (min-width: 769px)
{
    .form-txt-01._code + .btn-04
    {
        margin-left: 20px;
        min-width: 107px;
    }
}

@media only screen and (max-width: 768px)
{
    .btn-04
    {
        margin-top: 20px;
        margin-left: 0;
    }

    .lyt-btn-01 .btn-04
    {
        margin: 0;
    }
}

.btn-05
{
    border: 1px solid #c1c4cd;
    padding: 10px 20px 11px;
    background: #fff;
    color: #446395;
}

.btn-05:hover, .btn-05:active, .btn-05:focus
{
    background: #EFEFEF;
    color: #446395;
}

@media only screen and (max-width: 768px)
{
    .btn-05
    {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.tbl-02 .btn-05, .tbl-03 .btn-05
{
    min-width: 100%;
    padding: 6px 20px 7px;
}

.list-result-01 .btn-05
{
    min-width: 80px;
    padding: 7px 20px 8px;
}

.btn-search-01
{
    background: #5E5C92;
    color: #fff;
    padding: 10px 25px;
}

.btn-search-01:hover, .btn-search-01:active, .btn-search-01:focus
{
    background: #464479;
}

.btn-search-01 > span
{
    position: relative;
    padding-left: 25px;
}

.btn-search-01 > span:before
{
    background-position: -151px 0px;
    width: 18px;
    height: 18px;
    top: 1px;
    left: 0;
}

.box-search-01 .btn-search-01
{
    min-width: 102px;
    margin-left: -50px;
    padding: 7px 20px;
}

@media only screen and (max-width: 768px)
{
    .box-search-01 .btn-search-01
    {
        min-width: 80px;
        font-size: 1.4rem;
        padding: 7px 14px 8px;
        margin-left: -80px;
    }

    :lang(en) .box-search-01 .btn-search-01
    {
        min-width: 98px;
        margin-left: -98px;
    }

    .box-search-01 .btn-search-01 > span
    {
        padding-left: 23px;
    }

    .box-search-01 .btn-search-01 > span:before
    {
        top: 0;
    }
}

.side-content .btn-search-01
{
    min-width: 136px;
    padding: 7px 25px;
}

@media only screen and (max-width: 768px)
{
    .side-content .btn-search-01
    {
        min-width: 100%;
    }
}

.lyt-btn-01
{
    text-align: center;
    margin-top: 32px;
}

@media only screen and (max-width: 768px)
{
    .lyt-btn-01 + .lyt-btn-01
    {
        margin-top: 10px;
    }
}

.box-01 .lyt-btn-01
{
    margin-top: 20px;
}

.lyt-contact-01 .lyt-btn-01
{
    margin-bottom: 0;
}

.box-login-01 .lyt-btn-01
{
    margin: 25px 0;
}

.side-content .lyt-btn-01
{
    margin-top: 15px;
}

.side-content .list-form-01 + .lyt-btn-01
{
    margin-top: 35px;
}

.lyt-col-01 + .lyt-btn-01, .list-icon-01 + .lyt-btn-01
{
    margin-top: 58px;
}

*[class^="hdg-"] + .lyt-btn-01
{
    margin-top: 0;
}

.list-btn-01
{
    font-size: 0;
    margin: 0 0 -10px -8px;
}

.list-btn-01 > li
{
    display: inline-block;
    text-align: center;
    margin: 0 0 10px 8px;
    font-size: 1.4rem;
    border: 1px solid #c1c4cd;
    border-radius: 3em;
}

.list-btn-01 > li > a, .list-btn-01 > li > button
{
    display: block;
    padding: 6px 20px 7px;
    border-radius: 3em;
    text-decoration: none;
}

.list-btn-01 > li > a:hover, .list-btn-01 > li > a:active, .list-btn-01 > li > a:focus, .list-btn-01 > li > button:hover, .list-btn-01 > li > button:active, .list-btn-01 > li > button:focus
{
    background: #EFEFEF;
    color: #446395;
    -webkit-transition: all .2s;
    transition: all .2s;
}

@media only screen and (max-width: 768px)
{
    .list-btn-01 > li > a, .list-btn-01 > li > button
    {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.list-btn-01 > li > button
{
    font-size: 1.4rem;
    color: #446395;
}

.list-btn-01 > li.is-current
{
    background: #EFEFEF;
    padding: 6px 20px 7px;
}

.list-btn-02, .list-btn-04
{
    font-size: 0;
    margin-bottom: -10px;
    margin-left: -15px;
}

.box-01 .list-btn-02, .box-01 .list-btn-04
{
    margin-bottom: -10px;
}

.row-fluid .row-inner > .list-btn-02:last-child, .row-fluid .row-inner > .list-btn-04:last-child
{
    margin-bottom: -10px;
}

@media only screen and (max-width: 768px)
{
    .hdg-l1-01 + .list-btn-02, .hdg-l1-01 + .list-btn-04
    {
        margin-top: 10px;
        text-align: left;
    }
}

.list-btn-02 > li, .list-btn-04 > li
{
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 15px;
}

@media only screen and (max-width: 768px)
{
    .list-btn-02 > li, .list-btn-04 > li
    {
        display: block;
    }

    .hdg-l1-01-wrap .list-btn-02 > li, .hdg-l1-01-wrap .list-btn-04 > li
    {
        display: inline-block;
    }
}

.list-btn-02
{
    text-align: center;
}

.list-btn-04 .btn-01, .list-btn-04 .btn-02
{
    min-width: auto;
}

@media only screen and (max-width: 768px)
{
    .list-btn-04 .btn-01, .list-btn-04 .btn-02
    {
        min-width: 100%;
    }
}

.btn-share-01
{
    display: block;
    font-size: 1rem;
    color: #666;
    margin: 0 auto;
    padding-top: 45px;
    background: #efefef;
    width: 68px;
    height: 67px;
    position: relative;
}

.btn-share-01:before
{
    background-position: -222px 0px;
    width: 21px;
    height: 27px;
    top: 13px;
    right: 0;
    left: 0;
    margin: auto;
}

.is-close .btn-share-01
{
    background: #fff;
}

.btn-share-01 > .text
{
    display: none;
}

.btn-share-01:hover, .btn-share-01:active, .btn-share-01:focus
{
    opacity: .7;
}

@media only screen and (max-width: 768px)
{
    .btn-share-01
    {
        display: none;
    }
}

@media only screen and (max-height: 555px)
{
    .btn-share-01
    {
        display: none;
    }
}

.btn-dl-wrap > p
{
    text-align: center;
}

.btn-dl-wrap > p + *
{
    margin-top: 10px;
}

.btn-register
{
    padding: 10px;
}

.btn-register img
{
    vertical-align: top;
}

.list-form-01
{
    font-size: 0;
    margin-bottom: -20px;
}

.list-form-01 > li
{
    margin-bottom: 20px;
}

.list-form-01._inline
{
    margin-left: -35px;
}

.list-form-01._inline > li
{
    display: inline-block;
    margin-left: 35px;
}

.search-wrap + .list-form-01
{
    margin-top: 10px;
}

@media only screen and (max-width: 768px)
{
    .search-wrap + .list-form-01
    {
        margin-top: 20px;
    }
}

.box-search-01 .list-form-01._inline
{
    margin-bottom: -15px;
}

.box-search-01 .list-form-01._inline > li
{
    margin-bottom: 15px;
}

@media only screen and (max-width: 768px)
{
    .box-search-01 .list-form-01
    {
        text-align: left;
    }

    .box-search-01 .list-form-01._inline
    {
        margin-left: -10px;
    }

    .box-search-01 .list-form-01._inline > li
    {
        width: calc(50% - 10px);
        vertical-align: top;
        margin-left: 10px;
    }
}

@media only screen and (min-width: 769px)
{
    .list-form-02
    {
        margin: 0 0 -8px -8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list-form-02 > li
    {
        width: 269px;
        margin: 0 0 8px 8px;
    }
}

@media only screen and (max-width: 768px)
{
    .list-form-02 > li + li
    {
        margin-top: 10px;
    }

    .list-form-02 > li br
    {
        display: none;
    }
}

.form-01 > *:last-child
{
    margin-bottom: 0;
}

.form-01 + .form-01
{
    margin-top: 55px;
}

@media only screen and (max-width: 768px)
{
    .form-01 + .form-01
    {
        margin-top: 40px;
    }
}

.form-txt-01
{
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 3px #EAEBEE inset;
    box-shadow: 1px 1px 3px #EAEBEE inset;
    padding: 7px 15px;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 42px;
}

@media only screen and (max-width: 768px)
{
    .form-txt-01
    {
        width: 100%;
    }
}

.form-txt-01._error
{
    border-color: #d11b1b;
}

.form-txt-01._search
{
    border-radius: 3em;
    min-width: 380px;
    padding-right: 55px;
}

.box-search-01 .form-txt-01._search
{
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.search-wrap .form-txt-01._search
{
    margin: 0 15px 10px 0;
    padding: 6px 15px;
    min-width: 513px;
}

.search-wrap .form-txt-01._search:hover, .search-wrap .form-txt-01._search:active, .search-wrap .form-txt-01._search:focus
{
    border-color: #446395;
}

@media only screen and (max-width: 768px)
{
    .search-wrap .form-txt-01._search
    {
        margin-right: 0;
        min-width: 100%;
    }
}

.side-content .form-txt-01._search
{
    min-width: 100%;
    padding-right: 15px;
    width: 100%;
}

@media only screen and (max-width: 768px)
{
    .form-txt-01._search
    {
        min-width: 100%;
        padding-right: 85px;
    }

    :lang(en) .form-txt-01._search
    {
        padding-right: 103px;
    }
}

.box-login-01 .form-txt-01
{
    width: 100%;
}

.tbl-form-01 .form-txt-01
{
    width: 100%;
    max-width: 720px;
}

.form-block-01 .form-txt-01, .tbl-form-01 .form-txt-01._code
{
    vertical-align: middle;
    max-width: 226px;
}

@media only screen and (max-width: 768px)
{
    .form-block-01 .form-txt-01, .tbl-form-01 .form-txt-01._code
    {
        max-width: 100%;
    }
}

.form-select-01
{
    display: inline-block;
    position: relative;
    min-width: 527px;
}

@media only screen and (min-width: 769px)
{
    .tbl-form-01 .form-select-01
    {
        min-width: 420px;
    }
}

.list-favorite-01 .form-select-01
{
    width: 180px;
    min-width: 180px;
}

.list-favorite-01 .form-select-01 select
{
    font-size: 1.4rem;
}

@media only screen and (max-width: 768px)
{
    .list-favorite-01 .form-select-01 select
    {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 768px)
{
    .form-select-01
    {
        display: block;
        min-width: 100%;
    }

    .list-favorite-01 .form-select-01
    {
        width: 100%;
        min-width: 100%;
    }
}

.form-select-01:before, .form-select-01:after
{
    display: block;
    position: absolute;
    content: "";
    pointer-events: none;
}

.form-select-01:before
{
    border: 6px solid transparent;
    border-top: 9px solid #92A0AE;
    top: 18px;
    right: 13px;
}

.form-select-01:after
{
    width: 1px;
    height: 26px;
    background: #ccc;
    top: 9px;
    right: 37px;
}

.form-select-01 select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 7px 46px 7px 10px;
    width: 100%;
    min-height: 44px;
}

@media only screen and (min-width: 769px)
{
    .tbl-form-01 .form-select-01 select
    {
        min-width: 420px;
    }
}

.form-cb-01, .form-radio-01
{
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 1.4rem;
}

.modal-wrap .form-cb-01, .modal-wrap .form-radio-01
{
    vertical-align: top;
}

.form-cb-01 > input, .form-radio-01 > input
{
    position: absolute;
    top: 3px;
    left: 5px;
}

.form-cb-01 > input + span:before, .form-cb-01 > input + span:after, .form-radio-01 > input + span:before, .form-radio-01 > input + span:after
{
    display: block;
    position: absolute;
    content: "";
}

.form-cb-01 > input + span:before, .form-radio-01 > input + span:before
{
    width: 23px;
    height: 23px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 3px #EAEBEE inset;
    box-shadow: 1px 1px 3px #EAEBEE inset;
    top: 1px;
    left: 0;
}

.form-cb-01 > input + span:after, .form-radio-01 > input + span:after
{
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
}

.form-cb-01 > input:checked + span:after, .form-radio-01 > input:checked + span:after
{
    display: block;
    opacity: 1;
}

.form-cb-01 > input:focus + span:before, .form-radio-01 > input:focus + span:before
{
    border-color: #446395;
}

.list-form-02 .form-cb-01, .list-form-02 .form-radio-01
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px 15px 15px 48px;
    font-size: 1.6rem;
}

.list-form-02 .form-cb-01:hover, .list-form-02 .form-cb-01:active, .list-form-02 .form-cb-01:focus, .list-form-02 .form-radio-01:hover, .list-form-02 .form-radio-01:active, .list-form-02 .form-radio-01:focus
{
    border-color: #446395;
}

.list-form-02 .form-cb-01 > input, .list-form-02 .form-radio-01 > input
{
    top: 50%;
    left: 20px;
    margin-top: -6px;
}

.list-form-02 .form-cb-01 > input + span:before, .list-form-02 .form-radio-01 > input + span:before
{
    top: 50%;
    left: 15px;
    margin-top: -11px;
}

.list-form-02 .form-cb-01 > input:checked + span:before, .list-form-02 .form-cb-01 > input:checked + span:after, .list-form-02 .form-radio-01 > input:checked + span:before, .list-form-02 .form-radio-01 > input:checked + span:after
{
    border-color: #446395;
}

.form-cb-01 > input + span:before
{
    border-radius: 2px;
}

.form-cb-01 > input + span:after
{
    width: 14px;
    height: 8px;
    border-bottom: 2px solid #446395;
    border-left: 2px solid #446395;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 6px;
    left: 5px;
}

.list-form-02 .form-cb-01 > input + span:after
{
    top: 50%;
    left: 20px;
    margin-top: -6px;
}

.list-form-02 .form-cb-01
{
    color: #446395;
    position: relative;
}

.list-form-02 .form-cb-01:before
{
    top: 50%;
    right: 15px;
}

.list-form-02 .form-cb-01.manual
{
    padding-right: 53px;
}

.list-form-02 .form-cb-01.manual:before
{
    background-position: -277px 0px;
    width: 28px;
    height: 41px;
    margin-top: -20.5px;
}

.list-form-02 .form-cb-01.software
{
    padding-right: 70px;
}

.list-form-02 .form-cb-01.software:before
{
    background-position: -465px 0px;
    width: 45px;
    height: 35px;
    margin-top: -17.5px;
}

.list-form-02 .form-cb-01.cad
{
    padding-right: 59px;
}

.list-form-02 .form-cb-01.cad:before
{
    background-position: -380px 0px;
    width: 34px;
    height: 41px;
    margin-top: -20.5px;
}

.list-form-02 .form-cb-01.catalog
{
    padding-right: 78px;
}

.list-form-02 .form-cb-01.catalog:before
{
    background-position: -515px 0px;
    width: 53px;
    height: 34px;
    margin-top: -17px;
}

.form-radio-01 > input + span:before
{
    border-radius: 50%;
}

.form-radio-01 > input + span:after
{
    width: 9px;
    height: 9px;
    background: #446395;
    border-radius: 50%;
    top: 8px;
    left: 7px;
}

.form-block-01 > .block + .block
{
    margin-top: 20px;
}

.form-block-01 > .block label
{
    display: table;
    width: 100%;
}

.form-block-01 > .block label > *
{
    display: table-cell;
    vertical-align: middle;
}

.form-block-01 > .block label > span
{
    white-space: nowrap;
    padding-right: 15px;
    font-weight: bold;
    width: 1em;
}

.form-block-01 > span
{
    display: inline-block;
    width: 30px;
    text-align: center;
}

@media only screen and (min-width: 769px)
{
    .form-block-01
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .form-block-01 > .block + .block
    {
        margin-top: 0;
        margin-left: 35px;
    }
}

.box-search-01 .search-wrap .form-txt-01._search
{
    padding-right: 35px;
}

@media only screen and (max-width: 768px)
{
    .box-search-01 .search-wrap
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .box-search-01 .search-wrap .form-txt-01._search
    {
        margin: 0;
        padding-right: 85px;
    }

    :lang(en) .box-search-01 .search-wrap .form-txt-01._search
    {
        padding-right: 103px;
    }
}

.form-calendar-01
{
    display: inline-block;
    position: relative;
    width: calc((100% - 35px) / 2);
    max-width: 220px;
}

@media only screen and (max-width: 768px)
{
    .form-calendar-01
    {
        display: block;
        min-width: 100%;
    }
}

.form-calendar-01:before, .form-calendar-01:after
{
    display: block;
    position: absolute;
    content: "";
    pointer-events: none;
}

.form-calendar-01:before
{
    width: 23px;
    height: 24px;
    background: url("/layouts/Contec/common/images/icon_calendar_01.png");
    top: 10px;
    right: 8px;
}

.form-calendar-01:after
{
    width: 1px;
    height: 26px;
    background: #ccc;
    top: 9px;
    right: 37px;
}

.form-calendar-01 .calendar-inner-01
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 7px 46px 7px 10px;
    width: 100%;
    min-height: 44px;
}

@media only screen and (max-width: 768px)
{
    .form-calendar-01 .calendar-inner-01
    {
        width: 100%;
    }
}

.form-calendar-01 + span
{
    display: inline-block;
    margin: 0 5px;
}

@media only screen and (max-width: 768px)
{
    .form-calendar-01 + span
    {
        display: block;
        text-align: center;
    }
}

.tbl-01 a, .tbl-02 a, .tbl-03 a
{
    text-decoration: underline;
}

.tbl-01 a:hover, .tbl-01 a:active, .tbl-01 a:focus, .tbl-02 a:hover, .tbl-02 a:active, .tbl-02 a:focus, .tbl-03 a:hover, .tbl-03 a:active, .tbl-03 a:focus
{
    text-decoration: none;
}

.tbl-01 .list-link-01 a, .tbl-02 .list-link-01 a, .tbl-03 .list-link-01 a
{
    text-decoration: none;
}

.tbl-01 .list-link-01 a:hover, .tbl-01 .list-link-01 a:active, .tbl-01 .list-link-01 a:focus, .tbl-02 .list-link-01 a:hover, .tbl-02 .list-link-01 a:active, .tbl-02 .list-link-01 a:focus, .tbl-03 .list-link-01 a:hover, .tbl-03 .list-link-01 a:active, .tbl-03 .list-link-01 a:focus
{
    text-decoration: underline;
}

.tbl-01 .list-link-02 a, .tbl-02 .list-link-02 a, .tbl-03 .list-link-02 a
{
    text-decoration: none;
}

@media only screen and (max-width: 768px)
{
    .tbl-01, .tbl-form-01
    {
        table-layout: auto;
    }
}

.tbl-01 th, .tbl-01 td, .tbl-form-01 th, .tbl-form-01 td
{
    padding: 10px 20px;
}

@media only screen and (max-width: 768px)
{
    .tbl-01 th, .tbl-01 td, .tbl-form-01 th, .tbl-form-01 td
    {
        display: block;
    }
}

.tbl-01 tbody th, .tbl-form-01 tbody th
{
    background: #ddd;
    text-align: center;
}

@media only screen and (max-width: 768px)
{
    .tbl-01 tbody th, .tbl-form-01 tbody th
    {
        text-align: left;
    }
}

.tbl-01 tbody .th, .tbl-form-01 tbody .th
{
    background: #ddd;
}

.tbl-01
{
    border-bottom: 1px solid #ddd;
}

.tbl-01 tbody td
{
    min-height: 46px;
    border-top: 1px solid #ddd;
}

.list-favorite-01 .tbl-01 th, .list-favorite-01 .tbl-01 td
{
    padding: 2px 10px;
}

.list-favorite-01 .tbl-01 td
{
    background: #F8F8F8;
    min-height: 30px;
}

.tbl-form-01
{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

@media only screen and (min-width: 769px)
{
    .tbl-form-01 .w-24
    {
        width: 264px;
    }

    .tbl-form-01 th
    {
        width: 264px;
        padding: 25px 15px 25px 25px;
    }

    .tbl-form-01 td
    {
        padding: 25px;
    }
}

@media only screen and (max-width: 768px)
{
    .tbl-form-01 th
    {
        padding: 13px 15px;
    }

    .tbl-form-01 td
    {
        padding: 15px;
    }
}

.tbl-form-01 tbody tr._error th
{
    background: #FFCFD5;
}

.tbl-form-01 tbody tr._error td
{
    background: #FFE8EB;
}

.tbl-form-01 tbody th, .tbl-form-01 tbody td
{
    text-align: left;
}

.tbl-form-01 tbody th > .th-inner
{
    display: table;
    table-layout: fixed;
    width: 100%;
}

:lang(ja) .tbl-form-01 tbody th > .th-inner, :lang(zh-cn) .tbl-form-01 tbody th > .th-inner
{
    table-layout: auto;
}

.tbl-form-01 tbody th > .th-inner > div
{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.tbl-form-01 tbody th > .th-inner > div:last-child
{
    text-align: right;
    white-space: nowrap;
    padding-left: 10px;
}

.tbl-form-01 tbody th ._icon-a, .tbl-form-01 tbody th ._icon-b
{
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: normal;
    font-size: 1.2rem;
    padding: 0 10px;
    min-width: 45px;
    min-height: 20px;
}

.tbl-form-01 tbody th ._icon-a
{
    background: #d11b1b;
}

.tbl-form-01 tbody th ._icon-b
{
    background: #446395;
}

.tbl-form-01 tbody td
{
    background: #F8F8F8;
}

@media only screen and (max-width: 768px)
{
    .tbl-form-01 tbody td
    {
        min-height: 55px;
    }
}

.tbl-form-01 tbody td p + *
{
    margin-top: 7px;
}

.tbl-02 th, .tbl-02 td, .tbl-03 th, .tbl-03 td
{
    padding: 10px 20px;
}

.tbl-02 th, .tbl-02 .th, .tbl-03 th, .tbl-03 .th
{
    padding: 10px;
    background: #E4E4E4;
    font-weight: bold;
    text-align: center;
}

.tbl-02 thead .blank, .tbl-03 thead .blank
{
    background: #fff;
}

.tbl-02 thead th > ul, .tbl-03 thead th > ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tbl-02 tbody td > .item, .tbl-03 tbody td > .item
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.tbl-02 tbody td > .item a, .tbl-02 tbody td > .item .no-link, .tbl-03 tbody td > .item a, .tbl-03 tbody td > .item .no-link
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.tbl-02 tbody td > .item a .image, .tbl-02 tbody td > .item .no-link .image, .tbl-03 tbody td > .item a .image, .tbl-03 tbody td > .item .no-link .image
{
    width: 56px;
    min-width: 56px;
    border: 1px solid #ddd;
    margin-right: 15px;
    padding: 5px;
    background: #fff;
    text-align: center;
}

.tbl-02 tbody td > .item a .text, .tbl-02 tbody td > .item .no-link .text, .tbl-03 tbody td > .item a .text, .tbl-03 tbody td > .item .no-link .text
{
    font-size: 1.4rem;
}

.tbl-02 tbody td > .item a .text > div, .tbl-02 tbody td > .item .no-link .text > div, .tbl-03 tbody td > .item a .text > div, .tbl-03 tbody td > .item .no-link .text > div
{
    display: inline;
    vertical-align: middle;
    margin-right: 10px;
}

.tbl-02 tbody td > .item a .text .list-icon-01, .tbl-02 tbody td > .item .no-link .text .list-icon-01, .tbl-03 tbody td > .item a .text .list-icon-01, .tbl-03 tbody td > .item .no-link .text .list-icon-01
{
    display: inline-block;
}

.tbl-02 tbody td > .item a .text > div, .tbl-03 tbody td > .item a .text > div
{
    text-decoration: underline;
}

.tbl-02 tbody td > .item a:hover .text > div, .tbl-02 tbody td > .item a:active .text > div, .tbl-02 tbody td > .item a:focus .text > div, .tbl-03 tbody td > .item a:hover .text > div, .tbl-03 tbody td > .item a:active .text > div, .tbl-03 tbody td > .item a:focus .text > div
{
    text-decoration: none;
}

@media only screen and (max-width: 768px)
{
    .tbl-02 tbody td > .item, .tbl-03 tbody td > .item
    {
        padding-top: 4px;
    }
}

.tbl-02 tbody td > .item-product, .tbl-03 tbody td > .item-product
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.tbl-02 tbody td > .item-product .image, .tbl-03 tbody td > .item-product .image
{
    width: 56px;
    min-width: 56px;
    margin-right: 15px;
}

.tbl-02 tbody td > .item-product .image img, .tbl-03 tbody td > .item-product .image img
{
    border: 1px solid #ddd;
    padding: 5px;
    background: #fff;
}

.tbl-02 tbody td > .item-product .text, .tbl-03 tbody td > .item-product .text
{
    width: 100%;
}

.tbl-02 tbody td > .item-product .text .text-inner, .tbl-03 tbody td > .item-product .text .text-inner
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2px;
}

.tbl-02 tbody td > .item-product .text .text-inner .label > a, .tbl-03 tbody td > .item-product .text .text-inner .label > a
{
    margin-right: 10px;
}

.tbl-02 tbody td > .item-product .text .text-inner .list-link-01, .tbl-03 tbody td > .item-product .text .text-inner .list-link-01
{
    min-width: 252px;
    margin-left: 0;
}

.tbl-02 tbody td > .item-product .text .text-inner .list-link-01 li, .tbl-03 tbody td > .item-product .text .text-inner .list-link-01 li
{
    margin-left: 24px;
}

.tbl-02 tbody td > .item-product .text .text-inner .list-link-01 li a, .tbl-03 tbody td > .item-product .text .text-inner .list-link-01 li a
{
    font-size: 1.2rem;
}

.tbl-02 tbody td > .item-product .text .text-inner .list-link-01 li a::before, .tbl-03 tbody td > .item-product .text .text-inner .list-link-01 li a::before
{
    top: 6px;
}

.tbl-02 tbody td.new, .tbl-03 tbody td.new
{
    padding-right: 50px;
    position: relative;
}

.tbl-02 tbody td.new > .icon-new, .tbl-03 tbody td.new > .icon-new
{
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
}

.tbl-02
{
    border-bottom: 1px solid #ccc;
}

.tbl-02 th + th, .tbl-02 th + .th, .tbl-02 .th + th, .tbl-02 .th + .th
{
    border-left: 1px solid #ccc;
}

.tbl-02 thead th, .tbl-02 thead .th, .tbl-02 thead .blank
{
    border-top: 1px solid #ccc;
}

.tbl-02 thead .blank
{
    border: 0;
}

.tbl-02 thead .blank + th
{
    border-left: 0;
}

.tbl-02 tbody tr:first-child th, .tbl-02 tbody tr:first-child td
{
    border-top: 1px solid #ccc;
}

.tbl-02 tbody th
{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.tbl-02 tbody td + td
{
    border-left: 1px solid #ccc;
}

.tbl-02 tbody td._has-pin
{
    background: #EFF1F9;
}

.tbl-02 tbody td._has-connect
{
    border-left: 0;
    padding: 5px;
    position: relative;
}

.tbl-02 tbody td._has-connect:before
{
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}

.tbl-02 tbody td._has-connect + td
{
    border-left: 0;
}

.tbl-02 tbody td._has-connect .lyt-image-01
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 5px;
}

.tbl-02 tbody td._has-connect .lyt-image-01 img
{
    max-width: none;
}

.tbl-02 tbody tr:nth-child(even) td
{
    background: #F8F8F8;
}

.tbl-02 tbody tr:nth-child(even) td._has-pin
{
    background: #EFF1F9;
}

.tbl-02 tbody tr:nth-child(even) td._has-connect
{
    background: none;
}

.tbl-03
{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.tbl-03 th, .tbl-03 td
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.tbl-03 tr:first-child td
{
    border-top: 0;
}

.tbl-03 .blank
{
    border: 0;
}

.tbl-04
{
    margin-top: 0;
}

.tbl-04 th, .tbl-04 .th
{
    font-size: 16px;
    border-bottom: 2px solid #fff;
}

.tbl-04 th + th, .tbl-04 th + .th, .tbl-04 .th + th, .tbl-04 .th + .th
{
    border-left: 2px solid #fff;
}

.tbl-04 thead th, .tbl-04 thead .th
{
    background-color: #446395;
    color: #fff;
}

.tbl-04 thead .blank
{
    width: 57px;
    height: 37px;
}

.tbl-04 tbody tr
{
    border-bottom: 2px solid #fff;
}

.tbl-04 tbody tr th
{
    border-right: 2px solid #fff;
}

.tbl-04 tbody tr:first-child th, .tbl-04 tbody tr:first-child td
{
    border-top: 2px solid #fff;
}

.tbl-04 tbody tr td p:nth-of-type(n+2)
{
    margin-top: 10px;
}

.tbl-04 tbody th
{
    background-color: #446395;
    color: #fff;
    min-height: 183px;
    display: table-cell;
}

.tbl-04 tbody th p
{
    display: inline;
    text-align: left;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 1.3;
}

.tbl-04 tbody td
{
    vertical-align: top;
    padding: 10px;
    background-color: #f8f8f8;
}

.tbl-04 tbody td a:hover
{
    opacity: .7;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.tbl-04 tbody td + td
{
    border-left: 2px solid #fff;
}

.tbl-04 tbody td .lyt-image-01
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 5px;
}

.tbl-04 tbody td .lyt-image-01 img
{
    max-width: none;
}

@media only screen and (max-width: 1130px)
{
    .tbl-scroll._pc
    {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .tbl-scroll._pc > *
    {
        width: 1115px;
    }
}

@media only screen and (max-width: 768px)
{
    .tbl-scroll._pc > *
    {
        width: 738px;
    }
}

@media only screen and (max-width: 768px)
{
    .tbl-scroll
    {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .tbl-scroll > *
    {
        width: 1100px;
    }
}

@media only screen and (max-width: 1130px)
{
    .main-content .tbl-scroll
    {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .main-content .tbl-scroll > *
    {
        width: 787px;
    }
}

.pager-01 + .tbl-scroll
{
    margin-top: 8px;
}

.tbl-caption
{
    font-size: 1.2rem;
    text-align: right;
}

.tbl-caption + *
{
    margin-top: 3px;
}

.tbl-caption .icon-02
{
    vertical-align: top;
}

.tbl-caption .icon-register
{
    vertical-align: top;
    margin-top: 2px;
}

.pager-01 + .tbl-caption
{
    margin-top: 10px;
}

.lyt-image-01
{
    text-align: center;
}

.lyt-image-01 .title
{
    font-weight: bold;
    font-size: 1.6rem;
    display: block;
    margin-bottom: 15px;
}

.modal-content + .lyt-image-01
{
    margin-top: 40px;
}

.lyt-image-03
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.lyt-image-03._reverse
{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.lyt-image-03._reverse > .image
{
    margin-right: 26px;
    margin-left: 0;
}

.box-03 .lyt-image-03 + *
{
    border-top: 1px solid #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

@media only screen and (max-width: 768px)
{
    .box-03 .lyt-image-03 + *
    {
        margin-top: 20px;
        padding-top: 20px;
    }
}

.box-03 .lyt-image-03 + .list-link-01
{
    padding-top: 20px;
}

@media only screen and (max-width: 768px)
{
    .box-03 .lyt-image-03 + .list-link-01
    {
        padding-top: 15px;
    }
}

@media only screen and (min-width: 769px)
{
    .lyt-image-03
    {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 768px)
{
    .lyt-image-03
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .lyt-image-03._reverse, .lyt-image-03._sp-reverse
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .lyt-image-03._reverse > .image, .lyt-image-03._sp-reverse > .image
    {
        margin: 0 0 10px;
    }
}

.lyt-image-03 > .item
{
    width: 100%;
}

.lyt-image-03 > .item > *:first-child
{
    margin-top: 0;
}

.lyt-image-03 > .image
{
    text-align: center;
    margin-left: 26px;
}

.lyt-image-03 > .image .image-inner a .caption
{
    display: inline-block;
    position: relative;
    padding-left: 23px;
    display: block;
}

.lyt-image-03 > .image .image-inner a .caption:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lyt-image-03 > .image .image-inner a .caption:before
{
    top: 6px;
}

.lyt-image-03 > .image .caption
{
    text-align: left;
}

@media only screen and (min-width: 769px)
{
    .lyt-image-03 > .image img
    {
        max-width: none;
    }

    .lyt-image-03 > .image._size-a img, .lyt-image-03 > .image._size-b img
    {
        max-width: 100%;
    }

    .lyt-image-03 > .image._size-a .image-inner
    {
        width: 300px;
    }

    .lyt-image-03 > .image._size-b .image-inner
    {
        width: 120px;
    }
}

@media only screen and (max-width: 768px)
{
    .lyt-image-03 > .image
    {
        margin-top: 26px;
        margin-left: 0;
    }
}

.lyt-image-02
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (min-width: 769px)
{
    .lyt-image-02
    {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 768px)
{
    .lyt-image-02
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .lyt-image-02 > .image
    {
        margin-top: 10px;
    }

    .lyt-image-02._reverse
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .lyt-image-02._reverse > .image
    {
        margin: 0 0 10px;
    }

    .list-item-01 * + .lyt-image-02
    {
        margin-top: 7px;
    }
}

.lyt-image-02 > .item
{
    width: 100%;
}

.lyt-image-02 > .image
{
    margin-left: 15px;
    text-align: center;
}

@media only screen and (min-width: 769px)
{
    .lyt-image-02 > .image img
    {
        max-width: none;
    }

    .lyt-image-02 > .image .image-inner
    {
        display: table;
        width: 200px;
    }
}

@media only screen and (max-width: 768px)
{
    .lyt-image-02 > .image
    {
        height: 100%;
        margin-left: 0;
    }
}

@media only screen and (min-width: 769px)
{
    .lyt-image-02._size-a > .item
    {
        width: calc(100% - 262px - 15px);
    }

    .lyt-image-02._size-a > .image img
    {
        width: 100%;
        max-width: 100%;
    }

    .lyt-image-02._size-a > .image .image-inner
    {
        width: 262px;
    }
}

.lyt-image-04
{
    position: relative;
    min-height: 135px;
}

@media only screen and (min-width: 769px)
{
    .lyt-image-04 > a, .lyt-image-04 > .item
    {
        margin-right: calc(220px + 26px);
    }
}

.lyt-image-04 > a
{
    display: inline-block;
    text-decoration: none;
}

.lyt-image-04 > a > .image
{
    text-align: center;
}

@media only screen and (min-width: 769px)
{
    .lyt-image-04 > a > .image
    {
        width: 220px;
        position: absolute;
        top: 0;
        right: 0;
    }
}

@media only screen and (max-width: 768px)
{
    .lyt-image-04 > a
    {
        display: block;
    }
}

.lyt-image-04 > a > .title
{
    display: inline-block;
    position: relative;
    padding-left: 23px;
    display: block;
    font-size: 1.7rem;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 8px;
}

.lyt-image-04 > a > .title:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lyt-image-04 > a > .title:before
{
    width: 10px;
    height: 10px;
    top: 9px;
}

.lyt-image-04 > a > .title:hover, .lyt-image-04 > a > .title:active, .lyt-image-04 > a > .title:focus
{
    text-decoration: underline;
}

@media only screen and (max-width: 768px)
{
    .lyt-image-04 > a > .title
    {
        margin-top: 10px;
        text-align: left;
    }
}

.section._site-search .lyt-image-04
{
    min-height: 150px;
}

@media only screen and (min-width: 769px)
{
    .section._site-search .lyt-image-04 > a, .section._site-search .lyt-image-04 > .item
    {
        margin-right: 0;
        margin-left: calc(160px + 26px);
    }
}

@media only screen and (min-width: 769px)
{
    .section._site-search .lyt-image-04 > a > .image
    {
        right: auto;
        left: 0;
        width: 160px;
    }
}

.section._site-search .lyt-image-04 > a > .image img
{
    border: 1px solid #ccc;
    vertical-align: top;
}

@media only screen and (min-width: 769px)
{
    .section._site-search .section-inner > .lyt-image-04
    {
        margin-right: 15px;
        margin-left: 15px;
    }
}

.lyt-image-04 > .item p + .link
{
    margin-top: 5px;
}

.lyt-image-05
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 16px);
    margin-left: -16px;
    margin-bottom: -26px;
}

.section .section-inner .lyt-image-05:last-child
{
    margin-bottom: -26px;
}

.lyt-image-05 > .col, .lyt-image-05 > li
{
    margin-left: 16px;
    margin-bottom: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}

.lyt-image-05 > .col > *:first-child, .lyt-image-05 > li > *:first-child
{
    margin-top: 0;
}

.lyt-image-05 > .col .image-inner, .lyt-image-05 > li .image-inner
{
    min-height: 135px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lyt-image-05 > .col .hdg, .lyt-image-05 > li .hdg
{
    font-size: 1.8rem;
    text-align: center;
}

.lyt-image-05 > .col .hdg + *, .lyt-image-05 > li .hdg + *
{
    margin-top: 10px;
}

@media only screen and (max-width: 768px)
{
    .lyt-image-05
    {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .lyt-image-05 > .col, .lyt-image-05 > li
    {
        margin-left: 0;
        padding: 0;
    }

    .lyt-image-05 + *
    {
        margin-top: 52px;
    }
}

@media only screen and (min-width: 769px)
{
    .lyt-image-05._col-2 > .col, .lyt-image-05._col-2 > li
    {
        width: calc(50% - 16px);
    }

    .lyt-image-05._col-3 > .col, .lyt-image-05._col-3 > li
    {
        width: calc(33.33333% - 16px);
    }

    .lyt-image-05._col-4 > .col, .lyt-image-05._col-4 > li
    {
        width: calc(25% - 16px);
    }
}

.lyt-col-01
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin-left: -30px;
    margin-bottom: -26px;
}

.section .section-inner .lyt-col-01:last-child
{
    margin-bottom: -26px;
}

.section .section-inner .content-block .lyt-col-01:last-child
{
    margin-bottom: 0;
}

.lyt-col-01 > .col, .lyt-col-01 > li
{
    margin-left: 30px;
    margin-bottom: 26px;
}

.lyt-col-01 > .col > *:first-child, .lyt-col-01 > li > *:first-child
{
    margin-top: 0;
}

@media only screen and (max-width: 768px)
{
    .lyt-col-01
    {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .lyt-col-01 > .col, .lyt-col-01 > li
    {
        margin-left: 0;
    }

    .lyt-col-01 + *
    {
        margin-top: 52px;
    }
}

@media only screen and (min-width: 769px)
{
    .lyt-col-01._col-2 > .col, .lyt-col-01._col-2 > li
    {
        width: calc(50% - 30px);
    }

    .lyt-col-01._col-3 > .col, .lyt-col-01._col-3 > li
    {
        width: calc(33.33333% - 30px);
    }

    .lyt-col-01._col-4 > .col, .lyt-col-01._col-4 > li
    {
        width: calc(25% - 30px);
    }
}

._top-topics .lyt-col-01
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% + 20px);
    margin-left: -20px;
    margin-bottom: -20px !important;
}

._top-topics .lyt-col-01 > .col, ._top-topics .lyt-col-01 > li
{
    margin-left: 20px;
    margin-bottom: 20px;
    width: calc(100% / 4 - 20px);
}

@media only screen and (max-width: 768px)
{
    ._top-topics .lyt-col-01
    {
        width: calc(100% + 15px);
        margin-left: -15px;
        margin-bottom: -15px !important;
    }

    ._top-topics .lyt-col-01 > .col, ._top-topics .lyt-col-01 > li
    {
        margin-left: 15px;
        margin-bottom: 15px;
        width: calc(100% / 2 - 15px);
    }

    ._top-topics .lyt-col-01 img
    {
        width: 100%;
    }
}

@media only screen and (min-width: 769px)
{
    .lyt-col-01._has-border
    {
        width: calc(100% + 60px);
        margin-left: -60px;
    }

    .lyt-col-01._has-border > .col, .lyt-col-01._has-border > li
    {
        width: calc(100% / 2 - 60px);
        margin-left: 60px;
        position: relative;
    }

    .lyt-col-01._has-border > .col:before, .lyt-col-01._has-border > li:before
    {
        display: block;
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background: #ccc;
        top: 0;
        left: -30px;
    }

    .lyt-col-01._has-border._col-2 > .col:nth-child(odd):before, .lyt-col-01._has-border._col-2 > li:nth-child(odd):before
    {
        content: none;
    }
}

@media only screen and (max-width: 768px)
{
    .lyt-col-01._has-border > .col + .col, .lyt-col-01._has-border > .col + li, .lyt-col-01._has-border > li + .col, .lyt-col-01._has-border > li + li
    {
        border-top: 1px solid #ccc;
        padding-top: 16px;
        padding-bottom: 6px;
    }

    #top .lyt-col-01._has-border > .col .hdg-l2-01 + p
    {
        height: auto !important;
    }
}

.lyt-col-01 > .col._svIcon
{
    padding: 0 15px;
}

.lyt-col-01 > .col._svIcon .icon
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 122px;
    margin-bottom: 30px;
}

.lyt-col-01 > .col._cv
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.lyt-col-01 > .col._cv > .title-cv
{
    font-size: 1.6rem;
}

.lyt-col-01 > .col._cv > .title-cv + p
{
    margin-top: 10px;
}

.lyt-col-02
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.lyt-col-02 > .col:nth-child(1)
{
    width: 100%;
    margin-right: 40px;
}

.lyt-col-02 > .col:nth-child(2)
{
    min-width: 280px;
    width: 280px;
}

@media only screen and (max-width: 768px)
{
    .lyt-col-02
    {
        display: block;
    }

    .lyt-col-02 > .col + .col
    {
        margin-top: 30px;
    }

    .lyt-col-02 > .col:nth-child(1)
    {
        margin-right: 0;
    }

    .lyt-col-02 > .col:nth-child(2)
    {
        width: 100%;
    }
}

.lyt-product-01 > .item
{
    text-align: center;
}

.lyt-product-01 > .col
{
    margin-top: 30px;
}

@media only screen and (min-width: 769px)
{
    .lyt-product-01
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .lyt-product-01 > .item
    {
        white-space: nowrap;
        margin-right: 30px;
        width: 360px;
        min-width: 360px;
    }

    .lyt-product-01 > .col
    {
        width: 100%;
        margin-top: 0;
    }
}

.lyt-col-03 > .col-wrap + .col-wrap
{
    margin-top: 30px;
    padding-top: 30px;
}

@media only screen and (max-width: 768px)
{
    .lyt-col-03 > .col-wrap + .col-wrap
    {
        border-top: 1px dashed #ddd;
    }
}

@media only screen and (min-width: 769px)
{
    .lyt-col-03
    {
        overflow: hidden;
    }

    .lyt-col-03 > .col-wrap
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 30px);
    }

    .lyt-col-03 > .col-wrap + .col-wrap
    {
        position: relative;
    }

    .lyt-col-03 > .col-wrap + .col-wrap::before
    {
        content: "";
        display: block;
        width: calc(100% - 30px);
        height: 1px;
        border-top: 1px dashed #ddd;
        position: absolute;
        top: 0;
        left: 0;
    }

    .lyt-col-03 .col
    {
        margin-right: 30px;
    }

    .lyt-col-03._col-2 .col
    {
        width: calc(50% - 30px);
    }

    .lyt-col-03._col-3 .col
    {
        width: calc(33.333333% - 30px);
    }

    .lyt-col-03._col-4 .col
    {
        width: calc(25% - 30px);
    }
}

@media only screen and (max-width: 768px)
{
    .lyt-col-03 .col + .col
    {
        border-top: 1px dashed #ddd;
        margin-top: 30px;
        padding-top: 30px;
    }
}

.lyt-col-04
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% + 30px);
    margin-left: -30px;
    margin-bottom: -26px;
}

.lyt-col-04 > .col, .lyt-col-04 > li
{
    margin-left: 30px;
    margin-bottom: 26px;
}

.lyt-col-04 > .col > *:first-child, .lyt-col-04 > li > *:first-child
{
    margin-top: 0;
}

.lyt-col-04 .form-select-01
{
    min-width: 90px;
    max-width: 527px;
}

@media only screen and (max-width: 768px)
{
    .lyt-col-04
    {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .lyt-col-04 > .col, .lyt-col-04 > li
    {
        margin-left: 0;
    }

    .lyt-col-04 + *
    {
        margin-top: 52px;
    }
}

@media only screen and (min-width: 769px)
{
    .lyt-col-04 > .col, .lyt-col-04 > li
    {
        max-width: calc(50% - 30px);
    }
}

#product-video-wrap
{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 2rem;
}

#product-video-wrap > iframe, #product-video-wrap > video
{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.moive-wrap
{
    margin-right: auto;
    margin-left: auto;
    max-width: 400px;
    max-height: 225px;
}

.moive-wrap .moive-area
{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.moive-wrap .moive-area > iframe
{
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.lyt-scroll-wrap
{
    margin-bottom: 40px;
}

@media only screen and (max-width: 1130px)
{
    .lyt-scroll-wrap
    {
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

.lyt-scroll-wrap .lyt-scroll
{
    min-width: 1100px;
}

.lyt-scroll-wrap .lyt-scroll .lyt-col-01 + *
{
    margin-top: 16px;
}

@media only screen and (max-width: 768px)
{
    .lyt-scroll-wrap .lyt-scroll .lyt-col-01
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% + 30px);
        margin-left: -30px;
    }

    .lyt-scroll-wrap .lyt-scroll .lyt-col-01 + *
    {
        margin-top: 20px;
    }

    .lyt-scroll-wrap .lyt-scroll .lyt-col-01 > .col
    {
        margin-left: 30px;
    }
}

.lyt-scroll-wrap .lyt-image-01
{
    margin-bottom: 20px;
}

.lyt-scroll-wrap .container
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
}

.lyt-scroll-wrap .container .lyt-fig-link h4
{
    position: absolute;
}

.lyt-scroll-wrap .container .lyt-fig-link h4 img
{
    vertical-align: top;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap h4
{
    position: absolute;
    z-index: 1;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap h4 img
{
    vertical-align: top;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .lyt-fig-link._grid
{
    margin-left: 2px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .lyt-fig-link._grid .high-expandability._opacity
{
    width: 0;
    opacity: 0;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .lyt-fig-link._grid .slim_02._opacity
{
    width: 0;
    opacity: 0;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .lyt-fig-link._grid .slim_03._opacity
{
    width: 0;
    opacity: 0;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .lyt-fig-link._grid .slim-size._opacity
{
    width: 0;
    opacity: 0;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .lyt-fig-link._grid .ultra-slim._opacity
{
    width: 0;
    opacity: 0;
}

.lyt-scroll-wrap .container._bx .slim_01
{
    top: 59px;
    left: 15px;
}

.lyt-scroll-wrap .container._bx .slim_02
{
    width: 557px;
    top: 1087px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx .ultra-small
{
    top: 59px;
    right: 10px;
}

.lyt-scroll-wrap .container._bx .railway
{
    top: 1087px;
    left: 15px;
}

.lyt-scroll-wrap .container._bx .din-rail-mount
{
    top: 1087px;
    right: 19px;
}

.lyt-scroll-wrap .container._bx .high-expandability
{
    width: 557px;
    top: 59px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx .high-expandability-b
{
    width: 570px;
    top: 354px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx .ai-accelerator
{
    top: 61px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx .slim-size
{
    width: 855px;
    top: 61px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx .ultra-small-b
{
    top: 354px;
    right: 10px;
}

.lyt-scroll-wrap .container._bx .railway-in-vehicle
{
    top: 515px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx .control-panel
{
    top: 676px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx .din-rail-mount-b
{
    top: 676px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .slim_01
{
    top: 60px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .slim_02
{
    width: 542px;
    top: 647px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .ultra-small
{
    top: 60px;
    right: 10px;
}

.lyt-scroll-wrap .container._bx._jp .railway
{
    top: 514px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .din-rail-mount
{
    top: 514px;
    right: 10px;
}

.lyt-scroll-wrap .container._bx._jp .high-expandability
{
    width: 542px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .slim_03
{
    width: 855px;
    top: 61px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .high-expandability-b
{
    width: 570px;
    top: 220px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .railway-in-vehicle
{
    top: 515px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .slim_01
{
    top: 59px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .slim_02
{
    top: 1083px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .ultra-small
{
    top: 59px;
    right: 10px;
}

.lyt-scroll-wrap .container._bx._cn .railway
{
    top: 1082px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .railway-car
{
    top: 515px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .din-rail-mount
{
    top: 1082px;
    right: 26px;
}

.lyt-scroll-wrap .container._bx._cn .high-expandability
{
    top: 58px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .ultra-slim
{
    width: 855px;
    top: 61px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc .high-expandability
{
    width: 557px;
    top: 59px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._jp .high-expandability
{
    width: 542px;
    top: 57px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._cn .high-expandability
{
    top: 58px;
    left: 10px;
}

.lyt-scroll-wrap .container .bx-825_atom
{
    top: 86px;
    left: 10px;
}

.lyt-scroll-wrap .container .bx-956s_atom
{
    top: 352px;
    left: 10px;
}

.lyt-scroll-wrap .container .bx-220_atom
{
    top: 485px;
    left: 10px;
}

.lyt-scroll-wrap .container .bx-u200_atom
{
    top: 86px;
    left: 161px;
}

.lyt-scroll-wrap .container .bx-u200r_atom
{
    top: 219px;
    left: 161px;
}

.lyt-scroll-wrap .container .bx-830_atom
{
    top: 1114px;
    left: 10px;
}

.lyt-scroll-wrap .container .bx-r100_atom
{
    top: 1247px;
    left: 10px;
}

.lyt-scroll-wrap .container .bx-320_atom
{
    top: 1114px;
    left: 161px;
}

.lyt-scroll-wrap .container .cps-bxc200_atom
{
    top: 1247px;
    left: 161px;
}

.lyt-scroll-wrap .container .bx-s959sd-dc_atom
{
    top: 219px;
    left: 10px;
}

.lyt-scroll-wrap .container .dx-u1100p1_jetson
{
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .dx-u1100_jetson
{
    top: 222px;
    left: 10px;
}

.lyt-scroll-wrap .container .dx-u1200p1_jetson
{
    top: 353px;
    left: 10px;
}

.lyt-scroll-wrap .container .dx-u1210_jetson
{
    top: 486px;
    left: 10px;
}

.lyt-scroll-wrap .container .dx-u1200_jetson
{
    top: 619px;
    left: 10px;
}

.lyt-scroll-wrap .container ._bx._jp .bx-825_atom
{
    top: 88px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-956s_atom
{
    top: 221px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-220_atom
{
    top: 354px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-u200_atom
{
    top: 88px;
    left: 151px;
}

.lyt-scroll-wrap .container._bx._jp .bx-u200r_atom
{
    top: 221px;
    left: 151px;
}

.lyt-scroll-wrap .container._bx._jp .bx-830_atom
{
    top: 542px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-r100_atom
{
    top: 675px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-320_atom
{
    top: 542px;
    left: 151px;
}

.lyt-scroll-wrap .container._bx._jp .cps-bxc200_atom
{
    top: 675px;
    left: 151px;
}

.lyt-scroll-wrap .container._bx._cn .bx-825_atom
{
    top: 82px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-956s_atom
{
    top: 348px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-220_atom
{
    top: 481px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-u200_atom
{
    top: 82px;
    left: 161px;
}

.lyt-scroll-wrap .container._bx._cn .bx-u200r_atom
{
    top: 215px;
    left: 161px;
}

.lyt-scroll-wrap .container._bx._cn .bx-830_atom
{
    top: 1111px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-r100_atom
{
    top: 1244px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-320_atom
{
    top: 1111px;
    left: 161px;
}

.lyt-scroll-wrap .container._bx._cn .cps-bxc200_atom
{
    top: 1244px;
    left: 161px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s959sd-dc_atom
{
    top: 215px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1520_celeron
{
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1020p4_celeron
{
    top: 647px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1020p2_celeron
{
    top: 793px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1020_celeron
{
    top: 939px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t1020_celeron
{
    top: 1114px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3300_celeron
{
    top: 89px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2a_celeron
{
    top: 222px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2_celeron
{
    top: 368px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000_celeron
{
    top: 514px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s2000t_celeron
{
    top: 1247px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3300_corei3-i5
{
    top: 89px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2a_corei3-i5
{
    top: 222px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2_corei3-i5
{
    top: 368px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000_corei3-i5
{
    top: 514px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s2000t_corei3-i5
{
    top: 1247px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010p4_corei3-i5
{
    top: 647px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010p2_corei3-i5
{
    top: 793px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010_corei3-i5
{
    top: 939px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t1010_corei3-i5
{
    top: 1114px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1510_corei5
{
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010p4_corei5
{
    top: 220px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010p2_corei5
{
    top: 366px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010_corei5
{
    top: 512px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t1010_corei5
{
    top: 675px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1500_corei7
{
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t1000_corei7
{
    top: 675px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3300_corei7-xeon
{
    top: 89px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2a_corei7-xeon
{
    top: 222px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2_corei7-xeon
{
    top: 368px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000_corei7-xeon
{
    top: 514px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t1000_corei7-xeon
{
    top: 1114px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010-4slots_celeron
{
    top: 89px;
    left: 13px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010-2slots_celeron
{
    top: 222px;
    left: 13px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010_celeron
{
    top: 355px;
    left: 13px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010-4slots_corei5
{
    top: 89px;
    left: 13px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010-2slots_corei5
{
    top: 222px;
    left: 13px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010_corei5
{
    top: 355px;
    left: 13px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010-4slots_corei7
{
    top: 89px;
    left: 13px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010-2slots_corei7
{
    top: 222px;
    left: 13px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010_corei7
{
    top: 355px;
    left: 13px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t210_celeron-n-atom
{
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t210r_celeron-n-atom
{
    top: 87px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-956s_celeron-n-atom
{
    top: 222px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-220_celeron-n-atom
{
    top: 222px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-u200_celeron-n-atom
{
    top: 381px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-u200r_celeron-n-atom
{
    top: 381px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-830_celeron-n-atom
{
    top: 542px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-r100_celeron-n-atom
{
    top: 542px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-c212-g_celeron-n-atom
{
    top: 703px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .cps-bxc200_celeron-n-atom
{
    top: 703px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-c211-g_celeron-n-atom
{
    top: 836px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-320_celeron-n-atom
{
    top: 836px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-c210-g_celeron-n-atom
{
    top: 969px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-825_celeron-n-atom
{
    top: 969px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t1020_intel-celeron
{
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s2000t_intel-celeron
{
    top: 222px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3300_intel-celeron
{
    top: 381px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2_intel-celeron
{
    top: 514px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2a_intel-celeron
{
    top: 660px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000_intel-celeron
{
    top: 806px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1020p4_intel-celeron
{
    top: 939px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1020p2_intel-celeron
{
    top: 1085px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1020_intel-celeron
{
    top: 1231px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3300_intel-core-i3
{
    top: 381px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t1010_intel-core-i5
{
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s2000t_intel-core-i5
{
    top: 222px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2_intel-core-i5
{
    top: 514px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2a_intel-core-i5
{
    top: 660px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000_intel-core-i5
{
    top: 806px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010p4_intel-core-i5
{
    top: 939px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010p2_intel-core-i5
{
    top: 1085px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010_intel-core-i5
{
    top: 1231px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t1000_intel-core-i7
{
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3300_intel-core-i7
{
    top: 381px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2_intel-core-i7
{
    top: 514px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2a_intel-core-i7
{
    top: 660px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000_intel-core-i7
{
    top: 806px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1020p4_celeron
{
    top: 220px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1020p2_celeron
{
    top: 366px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1020_celeron
{
    top: 512px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-t1020_celeron
{
    top: 675px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-c212-j_celeron-n-atom
{
    top: 703px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-c211-j_celeron-n-atom
{
    top: 836px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-c210-j_celeron-n-atom
{
    top: 969px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2500-j2_intel-celeron
{
    top: 248px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1520_intel-celeron
{
    top: 381px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1020p4_intel-celeron
{
    top: 514px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1020p2_intel-celeron
{
    top: 660px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1020_intel-celeron
{
    top: 806px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2500-j4_intel-core-i3
{
    top: 248px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2500-j5_intel-core-i5
{
    top: 248px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1510_intel-core-i5
{
    top: 381px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1010p4_intel-core-i5
{
    top: 514px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1010p2_intel-core-i5
{
    top: 660px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1010_intel-core-i5
{
    top: 806px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2500-j8_intel-core-i7
{
    top: 248px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1500_intel-core-i7
{
    top: 381px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3300_celeron
{
    top: 86px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3000p2a_celeron
{
    top: 219px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3000p2_celeron
{
    top: 365px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3000_celeron
{
    top: 511px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-m1020p4_celeron
{
    top: 644px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-m1020p2_celeron
{
    top: 790px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-m1020_celeron
{
    top: 936px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-t1020_celeron
{
    top: 1111px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s2000t_celeron
{
    top: 1244px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3300_corei3-i5
{
    top: 86px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3000p2a_corei3-i5
{
    top: 219px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3000p2_corei3-i5
{
    top: 365px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3000_corei3-i5
{
    top: 511px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s2000t_corei3-i5
{
    top: 1244px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-m1010p4_corei3-i5
{
    top: 644px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-m1010p2_corei3-i5
{
    top: 790px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-m1010_corei3-i5
{
    top: 936px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-t1010_corei3-i5
{
    top: 1111px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3300_corei7-xeon
{
    top: 86px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3000p2a_corei7-xeon
{
    top: 219px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3000p2_corei7-xeon
{
    top: 365px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-s3000_corei7-xeon
{
    top: 511px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._cn .bx-t1000_corei7-xeon
{
    top: 1111px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._jp .epc-3010-4slots_celeron
{
    top: 85px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._jp .epc-3010-2slots_celeron
{
    top: 218px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._jp .epc-3010_celeron
{
    top: 351px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._jp .epc-3010-4slots_corei5
{
    top: 85px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._jp .epc-3010-2slots_corei5
{
    top: 218px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._jp .epc-3010_corei5
{
    top: 351px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._jp .epc-3010-4slots_corei7
{
    top: 85px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._jp .epc-3010-2slots_corei7
{
    top: 218px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._jp .epc-3010_corei7
{
    top: 351px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._cn .epc-3010-4slots_celeron
{
    top: 86px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._cn .epc-3010-2slots_celeron
{
    top: 219px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._cn .epc-3010_celeron
{
    top: 352px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._cn .epc-3010-4slots_corei5
{
    top: 86px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._cn .epc-3010-2slots_corei5
{
    top: 219px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._cn .epc-3010_corei5
{
    top: 352px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._cn .epc-3010-4slots_corei7
{
    top: 86px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._cn .epc-3010-2slots_corei7
{
    top: 219px;
    left: 10px;
}

.lyt-scroll-wrap .container._epc._cn .epc-3010_corei7
{
    top: 352px;
    left: 10px;
}

.lyt-fig-link
{
    position: relative;
}

.lyt-fig-link .link-items-wrap
{
    margin-top: 0;
}

.lyt-fig-link .link-items-wrap > img, .lyt-fig-link .link-items-wrap li, .lyt-fig-link .link-items-wrap h5, .lyt-fig-link .link-items-wrap p
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.lyt-fig-link .link-items-wrap h5 img
{
    vertical-align: top;
}

.lyt-fig-link .link-items-wrap .link-items-01 li a
{
    display: block;
    -webkit-transition: .1s ease;
    transition: .1s ease;
}

.lyt-fig-link .link-items-wrap .link-items-01 li img
{
    vertical-align: top;
    -webkit-transition: .1s ease;
    transition: .1s ease;
}

.lyt-fig-link .link-items-wrap .link-items-01._opacity li a:hover
{
    opacity: .7;
}

.lyt-fig-link .link-items-wrap .link-items-01._scale li a:hover *:not([class^="ttl_"])
{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.lyt-fig-link .link-items-wrap .ttl_bx-m1000
{
    top: 16px;
    left: 596px;
}

.lyt-fig-link .link-items-wrap .bx-m1020p4_celeron
{
    top: 40px;
    left: 595px;
}

.lyt-fig-link .link-items-wrap .bx-m1010p4_corei5
{
    top: 40px;
    left: 730px;
}

.lyt-fig-link .link-items-wrap .bx-m1020p2_celeron
{
    top: 193px;
    left: 595px;
}

.lyt-fig-link .link-items-wrap .bx-m1010p2_corei5
{
    top: 193px;
    left: 730px;
}

.lyt-fig-link .link-items-wrap .bx-m1020_celeron
{
    top: 346px;
    left: 595px;
}

.lyt-fig-link .link-items-wrap .bx-m1010_corei5
{
    top: 346px;
    left: 730px;
}

.lyt-fig-link .link-items-wrap .bx-220
{
    top: 40px;
    left: 125px;
}

.lyt-fig-link .link-items-wrap .bx-956s
{
    top: 40px;
    left: 260px;
}

.lyt-fig-link .link-items-wrap .ttl_bx-m1000
{
    top: 15px;
    left: 595px;
}

.lyt-fig-link .link-items-wrap .bx-t1020
{
    top: 40px;
    left: 595px;
}

.lyt-fig-link .link-items-wrap .bx-t1010
{
    top: 40px;
    left: 730px;
}

.lyt-fig-link .link-items-wrap .bx-1000
{
    top: 40px;
    left: 866px;
}

.lyt-fig-link .link-items-wrap .bx-320
{
    top: 15px;
    left: 125px;
}

.lyt-fig-link .link-items-wrap .cps-bxc200
{
    top: 15px;
    left: 260px;
}

.lyt-fig-link .link-items-wrap .bx-830
{
    top: 15px;
    left: 125px;
}

.lyt-fig-link .link-items-wrap .bx-r100
{
    top: 15px;
    left: 260px;
}

.lyt-fig-link .link-items-wrap .bx-825
{
    top: 15px;
    left: 124px;
}

.lyt-fig-link .link-items-wrap .cps-bxc200
{
    top: 15px;
    left: 260px;
}

.lyt-fig-link .link-items-wrap .logo_iot_01
{
    top: 64px;
    left: 431px;
}

.lyt-fig-link .link-items-wrap .celeron_g3900te_01
{
    top: 30px;
    left: 154px;
}

.lyt-fig-link .link-items-wrap .celeron_g3900te_01 .ttl_vpc-3000
{
    margin: 32px 23px 0 0;
}

.lyt-fig-link .link-items-wrap .core_i5-4570s
{
    top: 30px;
    left: 725px;
}

.lyt-fig-link .link-items-wrap .core_i7-4770s
{
    top: 30px;
    left: 912px;
}

.lyt-fig-link .link-items-wrap .celeron_g1820te
{
    top: 187px;
    left: 37px;
}

.lyt-fig-link .link-items-wrap .celeron_g1820te .ttl_vpc-1600
{
    margin: 34px 24px 0 0;
}

.lyt-fig-link .link-items-wrap .core_i5-4570te
{
    top: 187px;
    left: 460px;
}

.lyt-fig-link .link-items-wrap .celeron_g3900te_02
{
    top: 364px;
    left: 88px;
}

.lyt-fig-link .link-items-wrap .celeron_g3900te_02 .ttl_vpc-700
{
    margin: 5px 23px 0 0;
}

.lyt-fig-link .link-items-wrap .core_i5-6500te
{
    top: 364px;
    left: 671px;
}

.lyt-fig-link .link-items-wrap .core_i7-6700te
{
    top: 364px;
    left: 844px;
}

.lyt-fig-link .link-items-wrap .celeron_g3900
{
    top: 33px;
    left: 117px;
}

.lyt-fig-link .link-items-wrap .celeron_g3900 .ttl_mq1700
{
    margin: 0 23px 0 0;
}

.lyt-fig-link .link-items-wrap .core_i5-6500
{
    top: 32px;
    left: 692px;
}

.lyt-fig-link .link-items-wrap .core_i7-6700
{
    top: 32px;
    left: 904px;
}

.lyt-fig-link .link-items-wrap .txt_celeron_g3900te
{
    top: 185px;
    left: 257px;
}

.lyt-fig-link .link-items-wrap .txt_core_i5-6500te
{
    top: 185px;
    left: 606px;
}

.lyt-fig-link .link-items-wrap .txt_core_i7-6700te
{
    top: 185px;
    left: 838px;
}

.lyt-fig-link .link-items-wrap .epc-3010_1x3x_01
{
    top: 216px;
    left: 45px;
}

.lyt-fig-link .link-items-wrap .epc-3010_1x3x_01 .ttl_epc-3010_1x3x
{
    margin: 10px 25px 0 0;
}

.lyt-fig-link .link-items-wrap .epc-3010_1x3x_02
{
    top: 216px;
    left: 606px;
}

.lyt-fig-link .link-items-wrap .epc-3010_1x3x_03
{
    top: 216px;
    left: 838px;
}

.lyt-fig-link .link-items-wrap .epc-3010_2x_01
{
    top: 335px;
    left: 45px;
}

.lyt-fig-link .link-items-wrap .epc-3010_2x_01 .ttl_epc-3010_2x
{
    margin: 0 25px 0 0;
}

.lyt-fig-link .link-items-wrap .epc-3010_2x_02
{
    top: 335px;
    left: 605px;
}

.lyt-fig-link .link-items-wrap .epc-3010_2x_03
{
    top: 335px;
    left: 837px;
}

.lyt-fig-link .link-items-wrap .epc-3010_01
{
    top: 442px;
    left: 45px;
}

.lyt-fig-link .link-items-wrap .epc-3010_01 .ttl_epc-3010
{
    margin: 6px 26px 0 0;
}

.lyt-fig-link .link-items-wrap .epc-3010_02
{
    top: 442px;
    left: 606px;
}

.lyt-fig-link .link-items-wrap .epc-3010_03
{
    top: 442px;
    left: 838px;
}

.lyt-fig-link._vpc
{
    padding: 63px 90px 0 88px;
    margin-bottom: 0;
}

.lyt-fig-link._vpc._jp
{
    padding: 63px 105px 0 103px;
}

.lyt-fig-link._vpc._cn
{
    padding: 63px 125px 0 123px;
}

.lyt-fig-link._vpc .lyt-image-01._performance
{
    position: absolute;
    top: 15px;
    left: 56px;
}

.lyt-fig-link._vpc .lyt-image-01._extendability
{
    position: absolute;
    top: 37px;
    left: 0;
    margin-bottom: 0;
}

.lyt-fig-link._epc
{
    padding: 64px 263px 0 88px;
    margin-bottom: 0;
}

.lyt-fig-link._epc._jp
{
    padding: 64px 272px 0 103px;
}

.lyt-fig-link._epc._cn
{
    padding: 64px 284px 0 123px;
}

.lyt-fig-link._epc .lyt-image-01._performance
{
    position: absolute;
    top: 16px;
    left: 50px;
}

.lyt-fig-link._epc .lyt-image-01._extendability
{
    position: absolute;
    top: 38px;
    left: 0;
    margin-bottom: 0;
}

[data-script-enabled=true] .js-toggle .toggle-hook .text, [data-script-enabled=true] .js-toggle-pc .toggle-hook .text, [data-script-enabled=true] .js-toggle-header .toggle-hook .text
{
    font-size: 0;
}

[data-script-enabled=true] .js-toggle .toggle-content, [data-script-enabled=true] .js-toggle-pc .toggle-content, [data-script-enabled=true] .js-toggle-header .toggle-content
{
    display: none;
}

[data-script-enabled=true] .js-toggle.is-open .toggle-content, [data-script-enabled=true] .js-toggle-pc.is-open .toggle-content, [data-script-enabled=true] .js-toggle-header.is-open .toggle-content
{
    display: block;
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .js-toggle-pc.is-close .toggle-content
    {
        display: block !important;
    }
}

@media only screen and (max-height: 555px)
{
    [data-script-enabled=true] .js-toggle-pc.box-share-01.is-close .toggle-content
    {
        display: block !important;
    }
}

[data-script-enabled=true] .js-toggle-sp > .toggle-hook, [data-script-enabled=true] .js-toggle-sp > .side-hdg .toggle-hook
{
    cursor: default;
}

@media only screen and (min-width: 769px)
{
    [data-script-enabled=true] .js-toggle-sp > .toggle-hook .text, [data-script-enabled=true] .js-toggle-sp > .side-hdg .toggle-hook .text
    {
        display: none;
    }
}

@media only screen and (min-width: 769px)
{
    [data-script-enabled=true] .js-toggle-sp > .toggle-content
    {
        display: block !important;
    }
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .js-toggle-sp > .toggle-hook, [data-script-enabled=true] .js-toggle-sp > .side-hdg .toggle-hook
    {
        position: relative;
        cursor: pointer;
    }

    [data-script-enabled=true] .js-toggle-sp > .toggle-hook:before, [data-script-enabled=true] .js-toggle-sp > .toggle-hook:after, [data-script-enabled=true] .js-toggle-sp > .side-hdg .toggle-hook:before, [data-script-enabled=true] .js-toggle-sp > .side-hdg .toggle-hook:after
    {
        display: block;
        position: absolute;
        content: "";
        position: absolute;
        background: #000;
    }

    [data-script-enabled=true] .js-toggle-sp > .toggle-hook:before, [data-script-enabled=true] .js-toggle-sp > .side-hdg .toggle-hook:before
    {
        top: 20px;
        right: 10px;
        width: 20px;
        height: 2px;
    }

    [data-script-enabled=true] .js-toggle-sp > .toggle-hook:after, [data-script-enabled=true] .js-toggle-sp > .side-hdg .toggle-hook:after
    {
        top: 11px;
        right: 19px;
        width: 2px;
        height: 20px;
    }

    [data-script-enabled=true] .js-toggle-sp > .toggle-hook .text, [data-script-enabled=true] .js-toggle-sp > .side-hdg .toggle-hook .text
    {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1rem;
        opacity: 0;
    }

    [data-script-enabled=true] .js-toggle-sp.is-open > .toggle-hook:after, [data-script-enabled=true] .js-toggle-sp.is-open > .side-hdg .toggle-hook:after
    {
        opacity: 0;
    }

    [data-script-enabled=true] .js-toggle-sp.is-close > .toggle-content
    {
        display: none;
    }
}

.toggle-side-fixed
{
    display: none;
    position: fixed;
    right: 0;
}

[data-script-enabled=true] .toggle-side-fixed
{
    display: block;
}

.toggle-side-fixed._local
{
    top: 15%;
    margin: 0;
    z-index: 31;
}

.toggle-side-fixed._local .toggle-side-fixed-inner
{
    max-height: calc(100vh - 253px);
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 73px 20px 23px;
    z-index: 31;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .hdg-link a
{
    display: block;
    background: #f5834f;
    color: #333;
    font-size: 1.2rem;
    text-align: center;
    text-decoration: none;
    padding: 13px 12px 12px;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li
{
    border-left: 2px solid #f5834f;
    margin-top: 5px;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #434343;
    color: #fff;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    padding: 13px 12px 12px;
    font-weight: bold;
    line-height: 1.4;
    padding: 6px 12px 5px;
    font-size: 1.4rem;
    min-height: 46px;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > a .sub
{
    font-size: 1.2rem;
    display: block;
    font-weight: normal;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > a:hover, .toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > a:active, .toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > a:focus
{
    color: #f5834f;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > button.toggle-hook
{
    width: 100%;
    display: block;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > button.toggle-hook > .inner
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #434343;
    color: #fff;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    padding: 13px 12px 12px;
    font-weight: bold;
    line-height: 1.4;
    padding: 6px 12px 5px;
    font-size: 1.4rem;
    padding-right: 44px;
    min-height: 46px;
    position: relative;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > button.toggle-hook > .inner::before, .toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > button.toggle-hook > .inner::after
{
    display: block;
    content: "";
    position: absolute;
    width: 14px;
    height: 2px;
    background: #fff;
    right: 19px;
    top: 50%;
    margin-top: -1px;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > button.toggle-hook > .inner::after
{
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > button.toggle-hook > .inner .sub
{
    font-size: 1.2rem;
    display: block;
    font-weight: normal;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > button.toggle-hook > .text
{
    position: absolute;
    top: 0;
    left: 0;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > button.toggle-hook:hover, .toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > button.toggle-hook:active, .toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > button.toggle-hook:focus
{
    color: #f5834f;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > ul > li
{
    border-top: 1px solid #666;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > ul > li > a
{
    display: block;
    text-align: center;
    color: #fff;
    padding: 6px 12px 5px;
    text-decoration: none;
    background: #434343;
    font-size: 1.2rem;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > ul > li > a:hover, .toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > ul > li > a:active, .toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > ul > li > a:focus
{
    color: #f5834f;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li + li
{
    border-top: 1px solid #666;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li.is-open > button::after
{
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

@media only screen and (max-width: 768px)
{
    .toggle-side-fixed._local
    {
        position: relative;
        top: inherit;
        right: inherit;
        margin: 48px -15px 0;
    }

    .toggle-side-fixed._local .btn-local, .toggle-side-fixed._local .toggle-btn-close
    {
        display: none !important;
    }

    .toggle-side-fixed._local .toggle-side-fixed-inner
    {
        position: relative;
        right: inherit !important;
        overflow-y: inherit;
        max-height: inherit;
        width: 100%;
        padding: 16px;
    }
}

.toggle-side-fixed._contact
{
    top: 25%;
    margin: 0;
    z-index: 30;
}

.toggle-side-fixed._contact .toggle-side-fixed-inner
{
    padding: 13px 50px 20px 10px;
    max-height: calc(100vh - 253px);
    overflow-y: auto;
}

@media only screen and (max-width: 768px)
{
    .toggle-side-fixed._contact
    {
        display: none !important;
    }
}

.toggle-side-fixed .btn-local
{
    position: relative;
    background: #f08336;
    width: 64px;
    height: 60px;
    padding: 38px 6px 3px 13px;
    display: block;
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    line-height: 1.3;
}

.toggle-side-fixed .btn-local::before
{
    display: block;
    content: "";
    position: absolute;
    top: 28px;
    left: 3px;
    border-style: solid;
    border-width: 4px 4px 4px 0;
    border-color: transparent #ffffff transparent transparent;
}

.toggle-side-fixed .btn-local::after
{
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: 19px;
    width: 32px;
    height: 3px;
    border-radius: 3px;
    background: #fff;
}

.toggle-side-fixed .btn-local > .btn-local-inner::before, .toggle-side-fixed .btn-local > .btn-local-inner::after
{
    display: block;
    content: "";
    position: absolute;
    top: 20px;
    left: 19px;
    width: 32px;
    height: 3px;
    border-radius: 3px;
    background: #fff;
}

.toggle-side-fixed .btn-local > .btn-local-inner::after
{
    top: 30px;
}

.toggle-side-fixed .btn-local:hover > span, .toggle-side-fixed .btn-local:active > span, .toggle-side-fixed .btn-local:focus > span
{
    text-decoration: none;
    opacity: .7;
}

.toggle-side-fixed .btn-local > .text
{
    position: absolute;
    color: transparent;
    top: 2px;
    left: 2px;
}

.toggle-side-fixed .btn-contact
{
    background: #009900;
    width: 68px;
    height: 67px;
    padding: 29px 6px 3px 13px;
    display: block;
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    position: relative;
}

.toggle-side-fixed .btn-contact:before
{
    display: block;
    content: "";
    position: absolute;
    top: 28px;
    left: 3px;
    border-style: solid;
    border-width: 4px 4px 4px 0;
    border-color: transparent #ffffff transparent transparent;
}

.toggle-side-fixed .btn-contact:after
{
    background-position: -345px 0px;
    width: 30px;
    height: 20px;
    top: 5px;
    left: 21px;
}

.toggle-side-fixed .btn-contact:hover, .toggle-side-fixed .btn-contact:active, .toggle-side-fixed .btn-contact:focus
{
    text-decoration: none;
    opacity: .7;
}

.toggle-side-fixed .btn-contact > .text
{
    position: absolute;
    color: transparent;
    top: 2px;
    left: 2px;
}

.toggle-side-fixed .toggle-side-fixed-inner
{
    position: absolute;
    top: 0;
    right: -413px;
    width: 413px;
    background: #fdebe1;
}

.toggle-side-fixed .toggle-side-fixed-inner > .toggle-btn-close
{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #ffd6c0;
    font-size: 1rem;
    padding-top: 26px;
}

.toggle-side-fixed .toggle-side-fixed-inner > .toggle-btn-close::before, .toggle-side-fixed .toggle-side-fixed-inner > .toggle-btn-close::after
{
    display: block;
    content: "";
    position: absolute;
    top: 17px;
    left: 15px;
    width: 20px;
    height: 2px;
    background: #333;
}

.toggle-side-fixed .toggle-side-fixed-inner > .toggle-btn-close::before
{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggle-side-fixed .toggle-side-fixed-inner > .toggle-btn-close::after
{
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.toggle-side-fixed .toggle-side-fixed-inner > .toggle-btn-close:hover, .toggle-side-fixed .toggle-side-fixed-inner > .toggle-btn-close:active, .toggle-side-fixed .toggle-side-fixed-inner > .toggle-btn-close:focus
{
    background: #ffc6a7;
}

.toggle-side-fixed .toggle-side-fixed-inner .list-cv > li
{
    text-align: center;
}

.toggle-side-fixed .toggle-side-fixed-inner .list-cv > li + li
{
    padding-top: 20px;
    margin-top: 25px;
    position: relative;
}

.toggle-side-fixed .toggle-side-fixed-inner .list-cv > li + li::after
{
    display: block;
    content: "";
    position: absolute;
    width: 299px;
    height: 1px;
    background: #fff;
    top: 0;
    left: 32px;
}

.toggle-side-fixed .toggle-side-fixed-inner .list-cv > li .title-cv
{
    font-size: 1.6rem;
}

.toggle-side-fixed .toggle-side-fixed-inner .list-cv > li .text-cv
{
    font-size: 1.2rem;
    margin-top: 3px;
}

.toggle-side-fixed .toggle-side-fixed-inner .list-cv > li .lyt-btn-01
{
    margin: 10px 0 0;
}

.toggle-side-fixed .toggle-side-fixed-inner .list-cv > li .lyt-btn-01 > .btn-02
{
    font-size: 1.8rem;
}

.toggle-side-fixed .toggle-side-fixed-inner .list-cv > li .lyt-btn-01 > .btn-02._dl
{
    padding: 8px 25px;
    line-height: 1.8;
}

.toggle-side-fixed .toggle-side-fixed-inner .list-cv > li .list-desc-03
{
    margin: 10px 0 0;
}

.toggle-side-fixed > .toggle-btn-close
{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #ffd6c0;
    font-size: 1rem;
    padding-top: 26px;
}

.toggle-side-fixed > .toggle-btn-close::before, .toggle-side-fixed > .toggle-btn-close::after
{
    display: block;
    content: "";
    position: absolute;
    top: 17px;
    left: 15px;
    width: 20px;
    height: 2px;
    background: #333;
}

.toggle-side-fixed > .toggle-btn-close::before
{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggle-side-fixed > .toggle-btn-close::after
{
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

[data-script-enabled=true] .tab-panel
{
    display: none;
}

[data-script-enabled=true] .tab-panel.is-active
{
    display: block;
}

.modal-wrap
{
    position: relative;
    display: inline-block;
}

.modal-wrap > p > a
{
    position: absolute;
    top: 1px;
    right: -30px;
}

.modal-wrap > p > a:before
{
    background-position: -12px 0px;
    width: 7px;
    height: 10px;
    top: 29%;
    right: 8px;
    opacity: 0;
}

.modal-wrap > p > a > img
{
    vertical-align: top;
}

.modal-wrap > p > a:hover, .modal-wrap > p > a:active, .modal-wrap > p > a:focus
{
    width: 23px;
    height: 23px;
    background: #446395;
    border-radius: 50%;
}

.modal-wrap > p > a:hover:before, .modal-wrap > p > a:active:before, .modal-wrap > p > a:focus:before
{
    opacity: 1;
}

.modal-wrap > p > a:hover > img, .modal-wrap > p > a:active > img, .modal-wrap > p > a:focus > img
{
    opacity: 0;
}

#colorbox, #cboxWrapper:not(.iframe), #cboxContent:not(.iframe), #cboxLoadedContent:not(.iframe)
{
    width: 100% !important;
    height: auto !important;
}

#colorbox
{
    right: 50% !important;
    left: inherit !important;
    overflow: inherit !important;
    max-width: 1000px;
    max-height: 710px;
    outline: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    background: #fff;
}

@media only screen and (max-width: 1130px)
{
    #colorbox
    {
        width: calc(100% - 30px) !important;
    }
}

@media only screen and (max-width: 768px)
{
    #colorbox
    {
        max-height: 300px;
    }
}

#colorbox, #cboxOverlay, #cboxWrapper
{
    z-index: 9999;
}

#cboxWrapper.iframe, #cboxContent.iframe
{
    width: 100% !important;
}

#cboxWrapper.iframe #cboxLoadedContent.iframe, #cboxContent.iframe #cboxLoadedContent.iframe
{
    width: 100% !important;
    overflow: hidden !important;
}

#cboxLoadedContent
{
    max-height: 710px;
}

@media only screen and (max-width: 768px)
{
    #cboxLoadedContent
    {
        max-height: 400px;
    }
}

#cboxOverlay
{
    display: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background: rgba(0,0,0,0.7);
    left: 0;
}

#cboxClose
{
    margin: 0;
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 0;
    width: 20px;
    height: 20px;
    z-index: 1;
}

#cboxClose:before, #cboxClose:after
{
    display: block;
    position: absolute;
    content: "";
    width: 3px;
    height: 25px;
    background: #92a0ae;
    top: -2px;
    left: 9px;
}

#cboxClose:before
{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#cboxClose:after
{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#cboxClose > .text
{
    position: absolute;
    top: -2px;
    right: 2em;
    font-size: 1.4rem;
    width: 8em;
    height: auto;
}

:lang(en) #cboxClose > .text, :lang(zh-cn) #cboxClose > .text
{
    width: 10em;
}

@media only screen and (max-width: 768px)
{
    #cboxClose > .text
    {
        display: none;
    }
}

#cboxMiddleLeft, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxTitle, #cboxTopCenter
{
    display: none !important;
}

.cboxIframe
{
    width: 100%;
    min-height: 100%;
    max-width: 1000px;
}

#cboxContent.unload
{
    opacity: 0;
}

#cboxContent.load
{
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 1;
}

[data-script-enabled=true] .modal-content
{
    display: none;
}

[data-script-enabled=true] .modal-inner
{
    width: 100%;
    padding: 50px 40px 30px;
    background: #fff;
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .modal-inner
    {
        padding: 50px 30px 30px;
    }
}

[data-script-enabled=true] .modal-inner > *:first-child
{
    margin-top: 0;
}

[data-script-enabled=true] .modal-inner.external
{
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
}

[data-script-enabled=true] header + .contents .modal-inner.external
{
    padding-top: 50px;
}

.js-modal-product
{
    cursor: default;
    position: relative;
    display: block;
}

[data-script-enabled=true] .js-modal-product
{
    cursor: pointer;
}

@media only screen and (max-width: 768px)
{
    .js-modal-product
    {
        cursor: default !important;
        pointer-events: none;
    }
}

.js-modal-product > .icon-01
{
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
}

[data-script-enabled=true] .js-modal-product > .icon-01
{
    display: block;
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .js-modal-product > .icon-01
    {
        display: none;
    }
}

[data-script-enabled=true] .js-carousel-01
{
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 769px)
{
    #top [data-script-enabled=true] .js-carousel-01
    {
        height: 480px;
    }
}

[data-script-enabled=true] .js-carousel-03
{
    max-width: 656px;
    margin: 35px auto;
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .js-carousel-03
    {
        max-width: 100%;
    }
}

[data-script-enabled=true] .js-carousel-03.slick-slider + *
{
    margin-top: 80px;
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .js-carousel-03.slick-slider + *
    {
        margin-top: 70px;
    }
}

[data-script-enabled=true] .js-carousel-03 .slick-arrow:before
{
    border-color: #92a0ae;
}

[data-script-enabled=true] .js-carousel-03 .slick-arrow.slick-prev
{
    margin-left: -371px;
}

@media only screen and (max-width: 1130px)
{
    [data-script-enabled=true] .js-carousel-03 .slick-arrow.slick-prev
    {
        left: 50%;
        margin-left: -371px;
    }
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .js-carousel-03 .slick-arrow.slick-prev
    {
        left: 0;
        margin-left: 0;
    }
}

[data-script-enabled=true] .js-carousel-03 .slick-arrow.slick-next
{
    margin-right: -371px;
}

@media only screen and (max-width: 1130px)
{
    [data-script-enabled=true] .js-carousel-03 .slick-arrow.slick-next
    {
        right: 50%;
        margin-right: -371px;
    }
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .js-carousel-03 .slick-arrow.slick-next
    {
        right: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .js-carousel-03 .slick-slide > .image
    {
        width: calc(100% - 56px);
        margin: 0 auto;
    }
}

[data-script-enabled=true] .js-carousel-03 .slick-slide img
{
    margin: 0 auto;
}

[data-script-enabled=true] .slick-slider
{
    position: relative;
    z-index: 0;
    margin-bottom: 60px;
}

[data-script-enabled=true] .slick-list
{
    overflow: hidden;
}

[data-script-enabled=true] .slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

[data-script-enabled=true] .slick-track
{
    position: relative;
    top: 0;
    left: 0;
}

[data-script-enabled=true] .slick-loading .slick-track
{
    visibility: hidden;
}

[data-script-enabled=true] .slick-slide
{
    display: none;
    float: left;
    height: 100%;
}

[data-script-enabled=true] .slick-slide img
{
    display: block;
}

[data-script-enabled=true] .slick-slide.slick-loading img
{
    display: none;
}

[data-script-enabled=true] .slick-slide.dragging img
{
    pointer-events: none;
}

[data-script-enabled=true] .slick-initialized .slick-slide
{
    display: block;
}

[data-script-enabled=true] .slick-arrow
{
    font-size: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 43px;
    height: 43px;
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .slick-arrow
    {
        width: 28px;
        height: 28px;
    }
}

[data-script-enabled=true] .slick-arrow:before
{
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .slick-arrow:before
    {
        width: 20px;
        height: 20px;
    }
}

[data-script-enabled=true] .slick-arrow.slick-prev
{
    left: 50%;
    margin-left: -550px;
}

@media only screen and (max-width: 1130px)
{
    [data-script-enabled=true] .slick-arrow.slick-prev
    {
        left: 5px;
        margin-left: 0;
    }
}

[data-script-enabled=true] .slick-arrow.slick-prev:before
{
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

[data-script-enabled=true] .slick-arrow.slick-next
{
    right: 50%;
    margin-right: -550px;
}

@media only screen and (max-width: 1130px)
{
    [data-script-enabled=true] .slick-arrow.slick-next
    {
        right: 5px;
        margin-right: 0;
    }
}

[data-script-enabled=true] .slick-arrow.slick-next:before
{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

[data-script-enabled=true] .slick-arrow.slick-hidden
{
    display: none;
}

[data-script-enabled=true] .slick-dots
{
    position: absolute;
    bottom: -33px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .slick-dots
    {
        bottom: -38px;
    }
}

[data-script-enabled=true] .slick-dots > li
{
    display: inline-block;
}

[data-script-enabled=true] .slick-dots > li + li
{
    margin-left: 18px;
}

[data-script-enabled=true] .slick-dots > li button
{
    vertical-align: middle;
    font-size: 0;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-radius: 50%;
}

[data-script-enabled=true] .slick-dots > li.slick-active button
{
    width: 16px;
    height: 16px;
}

[data-script-enabled=true] .slick-dots > li.slick-active button .text
{
    font-size: 1rem;
    opacity: 0;
}

[data-script-enabled=true] .carousel-control
{
    position: absolute;
    bottom: -33px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .carousel-control
    {
        bottom: -38px;
    }
}

[data-script-enabled=true] .carousel-control .slick-dots
{
    display: inline-block !important;
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .carousel-control .slick-dots
    {
        bottom: auto;
    }
}

[data-script-enabled=true] .carousel-control .btn-control
{
    margin-left: 18px;
    display: inline-block;
    color: transparent;
    font-size: 1rem;
    padding: 0;
    -webkit-transition: background 0.2s ease 0s;
    transition: background 0.2s ease 0s;
    z-index: 1;
    position: relative;
    width: 20px;
    height: 16px;
}

[data-script-enabled=true] .carousel-control .btn-control:after, [data-script-enabled=true] .carousel-control .btn-control:before
{
    display: block;
    position: absolute;
    content: "";
    border: 2px solid #ffffff;
    height: 16px;
    top: 0;
}

[data-script-enabled=true] .carousel-control .btn-control:before
{
    left: 4px;
}

[data-script-enabled=true] .carousel-control .btn-control:after
{
    right: 4px;
}

[data-script-enabled=true] .carousel-control .btn-control.is-stop:before
{
    display: none;
}

[data-script-enabled=true] .carousel-control .btn-control.is-stop:after
{
    height: auto;
    top: 0;
    border-color: transparent transparent transparent #ffffff;
    border-width: 8px 0 8px 12px;
    left: 5px;
}

[data-script-enabled=true] #top .slick-slider
{
    margin-bottom: 0;
}

@media screen and (min-width: 1920px)
{
    [data-script-enabled=true] #top .slick-slider
    {
        max-width: 1920px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1920px)
{
    [data-script-enabled=true] #top .slick-slider
    {
        max-width: inherit;
    }
}

[data-script-enabled=true] #top .slick-arrow.slick-prev
{
    margin-left: -600px;
}

[data-script-enabled=true] #top .slick-arrow.slick-next
{
    margin-right: -600px;
}

@media only screen and (max-width: 1130px)
{
    [data-script-enabled=true] #top .slick-arrow.slick-prev
    {
        margin-left: 0;
    }

    [data-script-enabled=true] #top .slick-arrow.slick-next
    {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1216px)
{
    [data-script-enabled=true] #top .slick-arrow.slick-prev
    {
        margin-left: 0;
    }

    [data-script-enabled=true] #top .slick-arrow.slick-next
    {
        margin-right: 0;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-item
{
    position: relative;
    background-color: #525556;
}

@media screen and (min-width: 1400px) and (max-width: 1920px)
{
    [data-script-enabled=true] #top .js-carousel-01 .carousel-item .image img
    {
        width: 100%;
    }
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] #top .js-carousel-01 .carousel-item .image
    {
        margin-right: -30%;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup
{
    color: #fff;
    position: absolute;
    bottom: 70px;
    right: 50%;
    margin-right: -540px;
    width: 540px;
    padding: 20px 30px;
    background: rgba(63,67,70,0.78);
}

@media only screen and (min-width: 769px)
{
    [data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup
    {
        height: initial !important;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup .hdg
{
    font-size: 3rem;
    line-height: 1.4;
    margin-bottom: 15px;
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup p
{
    font-size: 1.6rem;
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup .btn-01
{
    font-size: 1.4rem;
    background: none;
    border: 1px solid #fff;
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup .btn-01:hover, [data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup .btn-01:active, [data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup .btn-01:focus
{
    background: rgba(255,255,255,0.1);
}

@media only screen and (max-width: 1130px)
{
    [data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup
    {
        right: 0;
        margin-right: 38px;
    }
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup
    {
        position: static;
        width: 100%;
        margin: 40px 0 0;
        padding: 20px 15px;
        background: #525556;
    }

    [data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup .hdg
    {
        font-size: 2rem;
    }
}

@media screen and (min-width: 1920px)
{
    [data-script-enabled=true] #top .js-carousel-01 .slick-slide img
    {
        width: 100%;
    }
}

@media only screen and (min-width: 769px)
{
    [data-script-enabled=true] #top .js-carousel-01 .slick-slide img
    {
        max-width: none;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .slick-arrow:before
{
    border-color: #fff;
}

[data-script-enabled=true] #top .js-carousel-01 .slick-arrow.slick-prev
{
    left: 84px;
    margin-left: 0;
}

[data-script-enabled=true] #top .js-carousel-01 .slick-arrow.slick-next
{
    right: 84px;
    margin-right: 0;
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] #top .js-carousel-01 .slick-arrow
    {
        top: 44.5333vw;
        bottom: auto;
        margin-top: 6px;
    }

    [data-script-enabled=true] #top .js-carousel-01 .slick-arrow.slick-prev
    {
        left: 15px;
    }

    [data-script-enabled=true] #top .js-carousel-01 .slick-arrow.slick-next
    {
        right: 15px;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .slick-dots
{
    width: 590px;
    right: 50%;
    bottom: 83px;
    left: auto;
    margin: 0;
    margin-right: -326px;
}

@media only screen and (max-width: 1130px)
{
    [data-script-enabled=true] #top .js-carousel-01 .slick-dots
    {
        right: 0;
        margin-right: 222px;
    }
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] #top .js-carousel-01 .slick-dots
    {
        width: auto;
        bottom: 20px;
        left: 0;
        margin: 0 auto;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-control
{
    width: 100%;
    height: 40px;
    background: rgba(111,111,111,0.5);
    padding: 6px 0;
}

@media only screen and (min-width: 769px)
{
    [data-script-enabled=true] #top .js-carousel-01 .carousel-control
    {
        bottom: 0;
    }
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] #top .js-carousel-01 .carousel-control
    {
        top: 44.5333vw;
        bottom: inherit;
        left: 0;
        margin: 0 auto;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-control .slick-dots
{
    margin-right: 0;
    width: auto;
    right: auto;
    bottom: auto;
}

@media only screen and (max-width: 1130px)
{
    [data-script-enabled=true] #top .js-carousel-01 .carousel-control .slick-dots
    {
        right: auto;
        margin-right: 0;
    }
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] #top .js-carousel-01 .carousel-control .slick-dots
    {
        width: auto;
        bottom: auto;
        left: auto;
    }
}

@media only screen and (min-width: 769px)
{
    [data-script-enabled=true] .js-carousel-02 .slick-list
    {
        margin-left: -20px;
    }

    [data-script-enabled=true] .js-carousel-02 .carousel-item
    {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 1216px)
{
    [data-script-enabled=true] .js-carousel-02
    {
        margin-right: 43px;
        margin-left: 43px;
    }
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .js-carousel-02
    {
        margin-right: 0;
        margin-left: 0;
    }
}

[data-script-enabled=true] .js-carousel-02 .slick-arrow:before
{
    border-color: #92A0AE;
}

@media only screen and (max-width: 1216px)
{
    [data-script-enabled=true] .js-carousel-02 .slick-arrow.slick-prev
    {
        left: -43px;
    }

    [data-script-enabled=true] .js-carousel-02 .slick-arrow.slick-next
    {
        right: -43px;
    }
}

@media only screen and (max-width: 768px)
{
    [data-script-enabled=true] .js-carousel-02 .slick-arrow.slick-prev
    {
        left: 0px;
    }

    [data-script-enabled=true] .js-carousel-02 .slick-arrow.slick-next
    {
        right: 0px;
    }
}

.carousel-product-clone
{
    width: 1000px;
    max-width: 1000px;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

@media only screen and (max-width: 1015px)
{
    .carousel-product-clone
    {
        margin: 0 15px;
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
    }
}

.modal-inner .js-carousel-product
{
    margin: 0 43px;
}

@media only screen and (max-width: 768px)
{
    .modal-inner .js-carousel-product
    {
        margin: 0 30px;
    }
}

.carousel-area
{
    position: relative;
}

.carousel-area .carousel-arrow
{
    font-size: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 43px;
    height: 43px;
    display: none;
}

@media only screen and (max-width: 768px)
{
    .carousel-area .carousel-arrow
    {
        width: 30px;
        height: 30px;
    }

    .js-carousel-product .carousel-area .carousel-arrow
    {
        display: block;
    }
}

.modal-inner .carousel-area .carousel-arrow
{
    display: block;
}

.modal-inner .carousel-area .carousel-arrow:before
{
    border-color: #98A6B3;
}

.carousel-area .carousel-arrow:before
{
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    border-top: 2px solid #92a0ae;
    border-right: 2px solid #92a0ae;
}

@media only screen and (max-width: 768px)
{
    .carousel-area .carousel-arrow:before
    {
        width: 20px;
        height: 20px;
    }
}

.carousel-area .carousel-prev
{
    left: 0;
}

.modal-inner .carousel-area .carousel-prev
{
    left: -43px;
}

@media only screen and (max-width: 768px)
{
    .modal-inner .carousel-area .carousel-prev
    {
        left: -30px;
    }
}

.carousel-area .carousel-prev:before
{
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.carousel-area .carousel-next
{
    right: 0;
}

.modal-inner .carousel-area .carousel-next
{
    right: -43px;
}

@media only screen and (max-width: 768px)
{
    .modal-inner .carousel-area .carousel-next
    {
        right: -30px;
    }
}

.carousel-area .carousel-next:before
{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.carousel-area .carousel-display
{
    overflow: hidden;
}

.carousel-area .carousel-item
{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 360px;
}

@media only screen and (max-width: 768px)
{
    .carousel-area .carousel-item
    {
        height: auto;
    }
}

.modal-inner .carousel-area .carousel-item
{
    height: 500px;
}

@media only screen and (max-width: 768px)
{
    .modal-inner .carousel-area .carousel-item
    {
        height: 300px;
    }
}

.carousel-area .carousel-item > li
{
    width: calc(100% / 3);
}

.carousel-arrow + .carousel-display .carousel-area .carousel-item > li
{
    width: calc(100% / 3);
}

.carousel-area .carousel-item > li.w-100
{
    width: 100%;
}

.modal-inner .carousel-area .carousel-item > li
{
    height: 100%;
    position: relative;
}

.modal-inner .carousel-area .carousel-item > li img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

@media only screen and (max-width: 768px)
{
    .carousel-area .carousel-item > li img
    {
        max-height: 500px;
        padding: 8px;
    }
}

.list-thumb
{
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -13px;
    margin-left: -13px;
}

@media only screen and (max-width: 768px)
{
    .js-carousel-product .list-thumb
    {
        display: none;
    }
}

.list-thumb > li
{
    width: calc(33.333% - 13px);
    font-size: 1.6rem;
    margin-bottom: 13px;
    margin-left: 13px;
    vertical-align: top;
}

.list-thumb > li a, .list-thumb > li button
{
    border: 1px solid #ddd;
    display: block;
    -webkit-transition: none;
    transition: none;
    position: relative;
    height: 110px;
}

@media only screen and (max-width: 768px)
{
    .list-thumb > li a, .list-thumb > li button
    {
        height: 82px;
    }
}

.list-thumb > li a img, .list-thumb > li button img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    margin: auto;
    padding: 8px;
}

.list-thumb > li.thumb-current a, .list-thumb > li.thumb-current button
{
    border-width: 3px;
}

.modal-inner .list-thumb
{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (min-width: 769px)
{
    .modal-inner .list-thumb > li
    {
        width: 110px;
    }
}

/*! jQuery UI - v1.12.1 - 2018-02-14
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden
{
    display: none;
}

.ui-helper-hidden-accessible
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after
{
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after
{
    clear: both;
}

.ui-helper-zfix
{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front
{
    z-index: 100;
}

.ui-state-disabled
{
    cursor: default !important;
    pointer-events: none;
}

.ui-icon
{
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block
{
    left: 50%;
    margin-left: -8px;
    display: block;
}

.ui-widget-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker
{
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header
{
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover
{
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev
{
    left: 2px;
}

.ui-datepicker .ui-datepicker-next
{
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover
{
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover
{
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
{
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title
{
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select
{
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
{
    width: 45%;
}

.ui-datepicker table
{
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th
{
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td
{
    border: 0;
    padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a
{
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane
{
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button
{
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
    float: left;
}

.ui-datepicker.ui-datepicker-multi
{
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group
{
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table
{
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group
{
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group
{
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group
{
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header
{
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane
{
    clear: left;
}

.ui-datepicker-row-break
{
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl
{
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev
{
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next
{
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover
{
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover
{
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane
{
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button
{
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group
{
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header
{
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker .ui-icon
{
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-widget
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget
{
    font-size: 1em;
}

/*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}*/

.ui-widget.ui-widget-content
{
    border: 1px solid #c5c5c5;
}

.ui-widget-content
{
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a
{
    color: #333333;
}

.ui-widget-header
{
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a
{
    color: #333333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button
{
    color: #454545;
    text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus
{
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus
{
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus
{
    -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background, .ui-state-active .ui-icon-background
{
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
    color: #ffffff;
    text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked
{
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a
{
    color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
{
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a
{
    color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text
{
    color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary
{
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary
{
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled
{
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon
{
    filter: Alpha(Opacity=35);
}

.ui-icon
{
    width: 16px;
    height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon
{
    background-image: url("/layouts/Contec/common/images/js/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon
{
    background-image: url("/layouts/Contec/common/images/js/ui-icons_444444_256x240.png");
}

.ui-icon-circle-triangle-e
{
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-w
{
    background-position: -80px -192px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl
{
    border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr
{
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl
{
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
{
    border-bottom-right-radius: 3px;
}

.ui-widget-overlay
{
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow
{
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

.left
{
    text-align: left;
}

.center
{
    text-align: center;
}

@media only screen and (max-width: 768px)
{
    .sp-center
    {
        text-align: center;
    }
}

.right
{
    text-align: right;
}

@media only screen and (min-width: 769px)
{
    .right-pc
    {
        text-align: right;
    }
}

@media only screen and (min-width: 769px)
{
    .hide-pc
    {
        display: none !important;
    }
}

@media only screen and (max-width: 768px)
{
    .hide-sp
    {
        display: none !important;
    }
}

.ml-0
{
    margin-left: 0 !important;
}

.w-2
{
    width: 2%;
}

.w-4
{
    width: 4%;
}

.w-6
{
    width: 6%;
}

.w-8
{
    width: 8%;
}

.w-10
{
    width: 10%;
}

.w-12
{
    width: 12%;
}

.w-14
{
    width: 14%;
}

.w-16
{
    width: 16%;
}

.w-18
{
    width: 18%;
}

.w-20
{
    width: 20%;
}

.w-22
{
    width: 22%;
}

.w-24
{
    width: 24%;
}

.w-26
{
    width: 26%;
}

.w-28
{
    width: 28%;
}

.w-30
{
    width: 30%;
}

.w-32
{
    width: 32%;
}

.w-34
{
    width: 34%;
}

.w-36
{
    width: 36%;
}

.w-38
{
    width: 38%;
}

.w-40
{
    width: 40%;
}

.w-42
{
    width: 42%;
}

.w-44
{
    width: 44%;
}

.w-46
{
    width: 46%;
}

.w-48
{
    width: 48%;
}

.w-50
{
    width: 50%;
}

.w-52
{
    width: 52%;
}

.w-54
{
    width: 54%;
}

.w-56
{
    width: 56%;
}

.w-58
{
    width: 58%;
}

.w-60
{
    width: 60%;
}

.w-62
{
    width: 62%;
}

.w-64
{
    width: 64%;
}

.w-66
{
    width: 66%;
}

.w-68
{
    width: 68%;
}

.w-70
{
    width: 70%;
}

.w-72
{
    width: 72%;
}

.w-74
{
    width: 74%;
}

.w-76
{
    width: 76%;
}

.w-78
{
    width: 78%;
}

.w-80
{
    width: 80%;
}

.w-82
{
    width: 82%;
}

.w-84
{
    width: 84%;
}

.w-86
{
    width: 86%;
}

.w-88
{
    width: 88%;
}

.w-90
{
    width: 90%;
}

.w-92
{
    width: 92%;
}

.w-94
{
    width: 94%;
}

.w-96
{
    width: 96%;
}

.w-98
{
    width: 98%;
}

.w-100
{
    width: 100%;
}

@media only screen and (max-width: 768px)
{
    .tbl-01 .w-2, .tbl-form-01 .w-2
    {
        width: 100%;
    }

    .tbl-01 .w-4, .tbl-form-01 .w-4
    {
        width: 100%;
    }

    .tbl-01 .w-6, .tbl-form-01 .w-6
    {
        width: 100%;
    }

    .tbl-01 .w-8, .tbl-form-01 .w-8
    {
        width: 100%;
    }

    .tbl-01 .w-10, .tbl-form-01 .w-10
    {
        width: 100%;
    }

    .tbl-01 .w-12, .tbl-form-01 .w-12
    {
        width: 100%;
    }

    .tbl-01 .w-14, .tbl-form-01 .w-14
    {
        width: 100%;
    }

    .tbl-01 .w-16, .tbl-form-01 .w-16
    {
        width: 100%;
    }

    .tbl-01 .w-18, .tbl-form-01 .w-18
    {
        width: 100%;
    }

    .tbl-01 .w-20, .tbl-form-01 .w-20
    {
        width: 100%;
    }

    .tbl-01 .w-22, .tbl-form-01 .w-22
    {
        width: 100%;
    }

    .tbl-01 .w-24, .tbl-form-01 .w-24
    {
        width: 100%;
    }

    .tbl-01 .w-26, .tbl-form-01 .w-26
    {
        width: 100%;
    }

    .tbl-01 .w-28, .tbl-form-01 .w-28
    {
        width: 100%;
    }

    .tbl-01 .w-30, .tbl-form-01 .w-30
    {
        width: 100%;
    }

    .tbl-01 .w-32, .tbl-form-01 .w-32
    {
        width: 100%;
    }

    .tbl-01 .w-34, .tbl-form-01 .w-34
    {
        width: 100%;
    }

    .tbl-01 .w-36, .tbl-form-01 .w-36
    {
        width: 100%;
    }

    .tbl-01 .w-38, .tbl-form-01 .w-38
    {
        width: 100%;
    }

    .tbl-01 .w-40, .tbl-form-01 .w-40
    {
        width: 100%;
    }

    .tbl-01 .w-42, .tbl-form-01 .w-42
    {
        width: 100%;
    }

    .tbl-01 .w-44, .tbl-form-01 .w-44
    {
        width: 100%;
    }

    .tbl-01 .w-46, .tbl-form-01 .w-46
    {
        width: 100%;
    }

    .tbl-01 .w-48, .tbl-form-01 .w-48
    {
        width: 100%;
    }

    .tbl-01 .w-50, .tbl-form-01 .w-50
    {
        width: 100%;
    }

    .tbl-01 .w-52, .tbl-form-01 .w-52
    {
        width: 100%;
    }

    .tbl-01 .w-54, .tbl-form-01 .w-54
    {
        width: 100%;
    }

    .tbl-01 .w-56, .tbl-form-01 .w-56
    {
        width: 100%;
    }

    .tbl-01 .w-58, .tbl-form-01 .w-58
    {
        width: 100%;
    }

    .tbl-01 .w-60, .tbl-form-01 .w-60
    {
        width: 100%;
    }

    .tbl-01 .w-62, .tbl-form-01 .w-62
    {
        width: 100%;
    }

    .tbl-01 .w-64, .tbl-form-01 .w-64
    {
        width: 100%;
    }

    .tbl-01 .w-66, .tbl-form-01 .w-66
    {
        width: 100%;
    }

    .tbl-01 .w-68, .tbl-form-01 .w-68
    {
        width: 100%;
    }

    .tbl-01 .w-70, .tbl-form-01 .w-70
    {
        width: 100%;
    }

    .tbl-01 .w-72, .tbl-form-01 .w-72
    {
        width: 100%;
    }

    .tbl-01 .w-74, .tbl-form-01 .w-74
    {
        width: 100%;
    }

    .tbl-01 .w-76, .tbl-form-01 .w-76
    {
        width: 100%;
    }

    .tbl-01 .w-78, .tbl-form-01 .w-78
    {
        width: 100%;
    }

    .tbl-01 .w-80, .tbl-form-01 .w-80
    {
        width: 100%;
    }

    .tbl-01 .w-82, .tbl-form-01 .w-82
    {
        width: 100%;
    }

    .tbl-01 .w-84, .tbl-form-01 .w-84
    {
        width: 100%;
    }

    .tbl-01 .w-86, .tbl-form-01 .w-86
    {
        width: 100%;
    }

    .tbl-01 .w-88, .tbl-form-01 .w-88
    {
        width: 100%;
    }

    .tbl-01 .w-90, .tbl-form-01 .w-90
    {
        width: 100%;
    }

    .tbl-01 .w-92, .tbl-form-01 .w-92
    {
        width: 100%;
    }

    .tbl-01 .w-94, .tbl-form-01 .w-94
    {
        width: 100%;
    }

    .tbl-01 .w-96, .tbl-form-01 .w-96
    {
        width: 100%;
    }

    .tbl-01 .w-98, .tbl-form-01 .w-98
    {
        width: 100%;
    }

    .tbl-01 .w-100, .tbl-form-01 .w-100
    {
        width: 100%;
    }
}

.cps-section-01
{
    background: url(/-/media/Contec/jp/products-services/daq-control/iiot-conprosys/images/bg_index_01.jpg) no-repeat center top;
    background-size: 100%;
    padding: 40px 15px 66px;
}

.cps-section-01 .cps-section-01-inner
{
    max-width: 1100px;
    margin: 0 auto;
}

@media only screen and (max-width: 768px)
{
    .cps-section-01
    {
        background: url(/-/media/Contec/jp/products-services/daq-control/iiot-conprosys/images/bg_index_01_sp.jpg) no-repeat center top;
        background-size: 100%;
        padding: 18px 16px 66px;
    }
}

.cps-section-02
{
    background: #fdebe1 url(/-/media/Contec/jp/products-services/daq-control/iiot-conprosys/images/bg_index_02.jpg) no-repeat center top;
    background-size: 100%;
    padding: 40px 15px 30px;
}

.cps-section-02 .cps-section-02-inner
{
    max-width: 1100px;
    margin: 0 auto;
}

.cps-hdg-01
{
    text-align: center;
    margin: 32px 0 40px;
    font-size: 2.8rem;
    position: relative;
    padding-bottom: 21px;
}

.cps-hdg-01::after
{
    display: block;
    content: "";
    position: absolute;
    width: 32px;
    height: 2px;
    background: #f08336;
    bottom: 0;
    left: 50%;
    margin-left: -16px;
}

@media only screen and (max-width: 768px)
{
    .cps-hdg-01
    {
        font-size: 2.2rem;
        margin: 30px 0 40px;
        padding-bottom: 15px;
    }
}

.cps-hdg-02
{
    max-width: 1100px;
    margin: 0 auto 30px;
}

.cps-hdg-02 > h1
{
    color: #f08336;
    font-size: 3.6rem;
    line-height: 1.3;
}

.cps-hdg-02 > h1 > .meta
{
    font-weight: normal;
    font-size: 2rem;
    color: #333;
    display: block;
}

.cps-hdg-02 + .section .section-inner
{
    padding-top: 0;
}

@media only screen and (max-width: 768px)
{
    .cps-hdg-02 > h1
    {
        font-size: 2.6rem;
    }

    .cps-hdg-02 > h1 > .meta
    {
        font-size: 1.6rem;
    }
}

.cps-hdg-03-wrap
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e6e6e6;
    margin: 50px 0 30px;
    padding-right: 11px;
}

.cps-hdg-03-wrap .cps-hdg-03
{
    font-size: 2rem;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.cps-hdg-03-wrap .cps-hdg-03 .icon
{
    color: #fff;
    font-size: 1.8rem;
    background: #f08336;
    width: 63px;
    height: 63px;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 5px 10px 4px;
}

.cps-hdg-03-wrap .cps-hdg-03 .txt
{
    padding: 0 0 0 15px;
}

.cps-hdg-03-wrap .cps-hdg-03 .txt > .sub
{
    font-size: 1.4rem;
    display: block;
    color: #666;
}

.cps-hdg-03-wrap .list-icon-01
{
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media only screen and (max-width: 768px)
{
    .cps-hdg-03-wrap
    {
        display: block;
        padding-right: 0;
    }

    .cps-hdg-03-wrap .cps-hdg-03
    {
        display: block;
    }

    .cps-hdg-03-wrap .cps-hdg-03 .icon
    {
        width: 100%;
        height: auto;
        display: block;
        font-size: 1.6rem;
    }

    .cps-hdg-03-wrap .cps-hdg-03 .txt
    {
        padding: 8px 10px 6px;
        display: block;
        font-size: 1.8rem;
    }

    .cps-hdg-03-wrap .cps-hdg-03 .txt > .sub
    {
        font-size: 1.2rem;
    }

    .cps-hdg-03-wrap .list-icon-01
    {
        padding: 0 10px;
    }

    .cps-hdg-03-wrap .list-icon-01 > li
    {
        margin-right: 5px;
    }
}

.cps-lead-01
{
    font-size: 3.6rem;
    padding-right: 65px;
}

@media only screen and (max-width: 768px)
{
    .cps-lead-01
    {
        font-size: 2.1rem;
        line-height: 1.42;
        padding-right: 0;
    }
}

.cps-lead-02
{
    font-size: 1.8rem;
    margin: 0;
    padding-right: 65px;
}

@media only screen and (max-width: 768px)
{
    .cps-lead-02
    {
        display: none;
    }
}

.cps-box-01
{
    background: rgba(255,255,255,0.85);
    padding: 34px 52px;
    margin-top: 36.5%;
}

.cps-box-01 .cps-box-01-lead
{
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 0 10.04016% 32px;
}

@media only screen and (max-width: 768px)
{
    .cps-box-01
    {
        padding: 26px 16px;
        margin-top: 53.5%;
    }

    .cps-box-01 .cps-box-01-lead
    {
        padding: 0 0 30px;
    }
}

.cps-lyt-01
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -40px 0 0 -40px;
}

.cps-lyt-01 > .col
{
    width: 50%;
    padding: 40px 0 0 40px;
}

.cps-lyt-01 > .col > a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-direction: column-reverse;
}

.cps-lyt-01 > .col > a > .link
{
    margin: 3px 0 10px;
}

.cps-lyt-01 > .col > a > .link > span
{
    display: inline-block;
    position: relative;
    padding-left: 23px;
    font-size: 1.7rem;
    text-decoration: none;
}

.cps-lyt-01 > .col > a > .link > span:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cps-lyt-01 > .col > a > .link > span::before
{
    top: 9px;
}

.cps-lyt-01 > .col > a > .img
{
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 124px;
}

.cps-lyt-01 > .col > a:hover > .link > span, .cps-lyt-01 > .col > a:active > .link > span, .cps-lyt-01 > .col > a:focus > .link > span
{
    text-decoration: underline;
}

.cps-lyt-01 > .col .txt .inner
{
    display: block;
}

.cps-lyt-01 > .col._full
{
    width: 100%;
}

@media only screen and (max-width: 768px)
{
    .cps-lyt-01
    {
        display: block;
        margin: -40px 0 0 0;
    }

    .cps-lyt-01 > .col
    {
        width: 100%;
        padding: 40px 0 0 0;
    }

    .cps-lyt-01 > .col .txt .inner
    {
        display: none;
    }
}

.cps-lyt-02
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -16px 0 0 -16px;
}

.cps-lyt-02 > .col
{
    width: 50%;
    padding: 14px 0 0 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cps-lyt-02 > .col > .img > img
{
    width: 100%;
}

.cps-lyt-02 > .col > .inner
{
    padding: 16px 16px 19px;
    border: 1px solid #ccc;
    border-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.cps-lyt-02 > .col > .inner > .inner-lead > .hdg-link
{
    margin-bottom: 7px;
}

.cps-lyt-02 > .col > .inner > .inner-lead > .hdg-link a
{
    display: inline-block;
    position: relative;
    padding-left: 23px;
    font-size: 2rem;
    text-decoration: none;
}

.cps-lyt-02 > .col > .inner > .inner-lead > .hdg-link a:before
{
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #EA7224;
    border-right: 2px solid #EA7224;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cps-lyt-02 > .col > .inner > .inner-lead > .hdg-link a::before
{
    top: 12px;
}

.cps-lyt-02 > .col > .inner > .inner-lead > .hdg-link a:hover, .cps-lyt-02 > .col > .inner > .inner-lead > .hdg-link a:active, .cps-lyt-02 > .col > .inner > .inner-lead > .hdg-link a:focus
{
    text-decoration: underline;
}

.cps-lyt-02 > .col > .inner .inner-col
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #ccc;
    margin-top: 28px;
    padding-top: 15px;
}

.cps-lyt-02 > .col > .inner .inner-col > .col
{
    width: 50%;
    padding-bottom: 5px;
}

.cps-lyt-02 > .col > .inner .inner-col > .col > :first-child
{
    margin-top: -4px;
}

.cps-lyt-02 > .col > .inner .inner-col > .col > .hdg
{
    color: #f08336;
}

.cps-lyt-02 > .col > .inner .inner-col > .col:nth-child(even)
{
    border-left: 1px solid #ccc;
    padding-left: 10px;
    margin-left: 10px;
}

@media only screen and (max-width: 768px)
{
    .cps-lyt-02
    {
        display: block;
        margin: -16px 0 0 0;
    }

    .cps-lyt-02 > .col
    {
        width: 100%;
        padding: 16px 0 0 0;
        display: block;
    }

    .cps-lyt-02 > .col > .inner
    {
        display: block;
    }

    .cps-lyt-02 > .col > .inner > .inner-lead
    {
        height: auto !important;
    }

    .cps-lyt-02 > .col > .inner .inner-col
    {
        display: none;
    }
}

.cps-lyt-movie
{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 40px;
}

.cps-lyt-movie > iframe
{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.cp-share-wrap .box-share-01
{
    top: 432px;
}

.mt-60
{
    margin-top: 60px;
}

.lp-bxu-lead-02
{
    font-size: 2rem;
    font-weight: bold;
}

@media (max-width: 644px)
{
    .lp-bxu-lead-02
    {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px)
{
    .lp-bxu-lead-02
    {
        font-size: calc(1.6rem + (20 - 16)*(100vw - 320px)/(480 - 320));
    }
}

.lp-bxu-hdg-color
{
    color: #006565;
}

.lp-bxu-reverse
{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

.lp-bxu-contents-bgcolor
{
    background: #f1fbfb;
}

@media (max-width: 480px)
{
    .lp-bxu-img-pc
    {
        display: none;
    }
}

.lp-bxu-img-sp
{
    display: none;
}

@media (max-width: 480px)
{
    .lp-bxu-img-sp
    {
        display: block;
        margin: 0 auto;
    }
}

.lp-bxu-flex-parent
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1064px)
{
    .lp-bxu-flex-parent
    {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
    }
}

.lp-bxu-text-column p
{
    color: #5b5b5b;
    text-align: justify;
}

.lp-bxu-notes
{
    color: #7c7c7c;
}

.lp-bxu-banner
{
    margin: 0 auto;
    padding: 70px 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#dce5ed), to(#fafbfb));
    background: linear-gradient(0deg, #dce5ed, #fafbfb);
}

@media (max-width: 480px)
{
    .lp-bxu-banner
    {
        padding: 20px 0;
    }
}

.lp-bxu-banner .lp-bxu-banner-content
{
    max-width: 1113px;
    margin: 0 auto;
    padding: 0 15px;
}

@media (max-width: 1064px)
{
    .lp-bxu-banner .lp-bxu-banner-content
    {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 480px)
{
    .lp-bxu-banner .lp-bxu-banner-content .lp-bxu-img-column
    {
        margin-top: 20px;
    }
}

.lp-bxu-banner .lp-bxu-banner-content .lp-bxu-text-column
{
    position: relative;
}

.lp-bxu-banner .lp-bxu-banner-content .lp-bxu-text-column h2.lp-bxu-l2
{
    position: relative;
    font-size: 4.5rem;
}

@media (max-width: 644px)
{
    .lp-bxu-banner .lp-bxu-banner-content .lp-bxu-text-column h2.lp-bxu-l2
    {
        font-size: calc(2rem + (45 - 20)*(100vw - 320px)/(644 - 320));
    }
}

.lp-bxu-banner .lp-bxu-banner-content .lp-bxu-text-column h2.lp-bxu-l2 span
{
    font-size: 2.7rem;
}

.lp-bxu-banner .lp-bxu-banner-content .lp-bxu-text-column h2.lp-bxu-l2 span:first-child
{
    font-size: 4.5rem;
    display: block;
    position: relative;
}

.lp-bxu-banner .lp-bxu-banner-content .lp-bxu-text-column h2.lp-bxu-l2 span:first-child::after
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #006565;
}

@media (max-width: 644px)
{
    .lp-bxu-banner .lp-bxu-banner-content .lp-bxu-text-column h2.lp-bxu-l2 span:first-child
    {
        font-size: calc(2rem + (45 - 20)*(100vw - 320px)/(644 - 320));
    }
}

@media (max-width: 644px)
{
    .lp-bxu-banner .lp-bxu-banner-content .lp-bxu-text-column h2.lp-bxu-l2 span
    {
        font-size: calc(1.5rem + (27 - 15)*(100vw - 320px)/(644 - 320));
    }
}

.lp-bxu-banner .lp-bxu-banner-content .lp-bxu-text-column p
{
    font-size: 1.4rem;
}

.lp-bxu-banner .lp-bxu-banner-content .lp-bxu-img-column
{
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.lp-bxu-table
{
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 0;
}

@media (max-width: 1064px)
{
    .lp-bxu-inner
    {
        padding-top: 70px;
    }
}

.lp-bxu-inner h3.lp-bxu-l3
{
    position: relative;
    font-size: 3.7rem;
    text-align: center;
}

@media (max-width: 644px)
{
    .lp-bxu-inner h3.lp-bxu-l3
    {
        font-size: calc(2.6rem + (37 - 26)*(100vw - 320px)/(644 - 320));
    }
}

.lp-bxu-inner h3.lp-bxu-l3::after
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 55px;
    height: 2px;
    background: #c1c4cd;
}

.lp-bxu-inner .lp-bxu-feature
{
    padding-top: 100px;
}

@media (max-width: 1064px)
{
    .lp-bxu-inner .lp-bxu-feature
    {
        padding-top: 70px;
    }

    .lp-bxu-inner .lp-bxu-feature .lp-bxu-flex-parent
    {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .lp-bxu-inner .lp-bxu-feature .lp-bxu-img-column
    {
        margin: 30px 0 0 0;
    }
}

.lp-bxu-inner .lp-bxu-feature table
{
    table-layout: auto;
    width: 100%;
    font-size: 1.8rem;
    border: solid 3px #006565;
}

@media (max-width: 644px)
{
    .lp-bxu-inner .lp-bxu-feature table
    {
        font-size: calc(1.2rem + (18 - 12)*(100vw - 320px)/(644 - 320));
    }
}

.lp-bxu-inner .lp-bxu-feature table thead th
{
    text-align: center;
    padding: 10px 0;
    background: #006565;
    color: #fff;
}

.lp-bxu-inner .lp-bxu-feature table tbody th
{
    width: 25%;
    text-align: left;
    padding: 10px 20px;
    background: #f1fbfb;
    border: solid 2px #006565;
}

@media (max-width: 644px)
{
    .lp-bxu-inner .lp-bxu-feature table tbody th
    {
        padding: 10px;
    }
}

.lp-bxu-inner .lp-bxu-feature table tbody td
{
    width: 75%;
    padding: 10px 20px;
    border: solid 2px #006565;
}

@media (max-width: 644px)
{
    .lp-bxu-inner .lp-bxu-feature table tbody td
    {
        padding-left: 10px;
    }
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents
{
    position: relative;
    margin-bottom: 102px;
    z-index: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 480px)
{
    .lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents
    {
        margin-bottom: 50px;
    }

    .lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents:last-child
    {
        margin-bottom: 0;
    }
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents p
{
    font-size: 1.6rem;
    color: #5b5b5b;
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-lead-01
{
    margin-top: 30px;
    font-size: 2rem;
    font-weight: bold;
    color: #006565;
}

@media (max-width: 480px)
{
    .lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-lead-01
    {
        font-size: 1.8rem;
    }
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents + .lp-bxu-reverse .lp-bxu-img-column
{
    position: relative;
    padding-right: 107px;
    padding-bottom: 60px;
    padding-left: 45px;
}

@media (max-width: 768px)
{
    .lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents + .lp-bxu-reverse .lp-bxu-img-column
    {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents + .lp-bxu-reverse .lp-bxu-img-column::after
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 31px);
    height: calc(100% - 35px);
    background: #f1fbfb;
    z-index: -1;
}

@media (max-width: 768px)
{
    .lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents + .lp-bxu-reverse .lp-bxu-img-column::after
    {
        width: 100%;
    }
}

@media (max-width: 480px)
{
    .lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents + .lp-bxu-reverse .lp-bxu-img-column::after
    {
        right: 0;
    }
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-text-column
{
    width: 465px;
}

@media (max-width: 1064px)
{
    .lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-text-column
    {
        width: 100%;
    }
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-text-column h4.lp-bxu-l4
{
    font-size: 2.8rem;
    line-height: 35px;
}

@media (max-width: 480px)
{
    .lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-text-column h4.lp-bxu-l4
    {
        font-size: 2.3rem;
    }
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-text-column h4.lp-bxu-l4 span
{
    font-size: 2.2rem;
}

@media (max-width: 480px)
{
    .lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-text-column h4.lp-bxu-l4 span
    {
        font-size: 1.7rem;
    }
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-text-column p
{
    margin-top: 27px;
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-img-column
{
    position: relative;
    padding-right: 50px;
    padding-bottom: 60px;
    padding-left: 86px;
}

@media (max-width: 768px)
{
    .lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-img-column
    {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-img-column p.lp-bxu-lead-01
{
    margin-top: 30px;
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-img-column p
{
    margin: 0;
}

.lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-img-column::after
{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 680px;
    height: calc(100% - 35px);
    background: #f1fbfb;
    z-index: -1;
}

@media (max-width: 768px)
{
    .lp-bxu-inner .lp-bxu-feature .lp-bxu-feature-contents .lp-bxu-img-column::after
    {
        width: 100%;
    }
}

.lp-bxu-inquiry
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 50px 0;
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun
{
    width: 1100px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1150px)
{
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 15px;
    }
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun p.lp-bxu-lead-02
{
    font-size: 2.6rem;
    color: #5b5b5b;
}

@media (max-width: 480px)
{
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun p.lp-bxu-lead-02
    {
        font-size: 2rem;
    }
}

@media (max-width: 1150px)
{
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun p.lp-bxu-lead-02
    {
        margin-bottom: 15px;
    }
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button
{
    margin-top: 0;
    width: 610px;
}

@media (max-width: 1064px)
{
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button
    {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p
{
    max-width: 288px;
    width: 100%;
    margin-top: 0;
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p a
{
    display: inline-block;
    max-width: 288px;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 10px 78px;
    border-radius: 40px;
    color: #fff;
    background: #f28e00;
    text-decoration: none;
    text-align: center;
    font-size: 2.2rem;
}

@media (max-width: 480px)
{
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p a
    {
        font-size: calc(1.6rem + (22 - 16)*(100vw - 320px)/(480 - 320));
    }
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p a::before
{
    content: url("/-/media/Contec/jp/lp/images/lp-bxu-icon-mail.png");
    position: absolute;
    top: calc(50% - 17px);
    left: 40px;
}

@media (max-width: 480px)
{
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p a::before
    {
        top: 8px;
    }
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p a::after
{
    content: '';
    position: absolute;
    top: calc(50% - 7px);
    right: 45px;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 480px)
{
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p a::after
    {
        width: calc(10px + (15 - 10)*(100vw - 320px)/(425 - 320));
        height: calc(10px + (15 - 10)*(100vw - 320px)/(425 - 320));
    }
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p a:hover
{
    background: #e68600;
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p.claim
{
    max-width: 288px;
    width: 100%;
    margin-right: 30px;
}

@media (max-width: 1064px)
{
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p.claim
    {
        width: 100%;
        margin-bottom: 25px;
        margin-right: 0;
    }
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p.claim a
{
    display: inline-block;
    max-width: 288px;
    width: 100%;
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p.claim a::before
{
    content: url("/-/media/Contec/jp/lp/images/lp-bxu-icon-text.png");
    position: absolute;
    top: calc(50% - 15px);
    left: 63px;
}

@media (max-width: 480px)
{
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p.claim a::before
    {
        top: 8px;
    }
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p.claim a::after
{
    content: '';
    position: absolute;
    top: calc(50% - 7px);
    right: 45px;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 480px)
{
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p.claim a::after
    {
        width: calc(10px + (15 - 10)*(100vw - 320px)/(425 - 320));
        height: calc(10px + (15 - 10)*(100vw - 320px)/(425 - 320));
    }
}

@media (max-width: 644px)
{
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p.claim a
    {
        margin-right: 0;
    }
}