@charset "UTF-8";
@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: "NotoSansJP";
    src: url("/layouts/Contec/common/fonts/NotoSansJP/NotoSansJP-Regular.eot"), url("/layouts/Contec/common/fonts/NotoSansJP/NotoSansJP-Regular.woff2") format("woff2"), url("/layouts/Contec/common/fonts/NotoSansJP/NotoSansJP-Regular.woff") format("woff");

    font-display: swap;
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: "NotoSansJP";
    src: url("/layouts/Contec/common/fonts/NotoSansJP/NotoSansJP-Bold.eot"), url("/layouts/Contec/common/fonts/NotoSansJP/NotoSansJP-Bold.woff2") format("woff2"), url("/layouts/Contec/common/fonts/NotoSansJP/NotoSansJP-Bold.woff") format("woff");

    font-display: swap;
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: "Lato";
    src: url("/layouts/Contec/common/fonts/Lato/Lato-Regular.eot"), url("/layouts/Contec/common/fonts/Lato/Lato-Regular.woff2") format("woff2"), url("/layouts/Contec/common/fonts/Lato/Lato-Regular.woff") format("woff");

    font-display: swap;
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: "Lato";
    src: url("/layouts/Contec/common/fonts/Lato/Lato-Bold.eot"), url("/layouts/Contec/common/fonts/Lato/Lato-Bold.woff2") format("woff2"), url("/layouts/Contec/common/fonts/Lato/Lato-Bold.woff") format("woff");

    font-display: swap;
}

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

body {
    margin: 0;
}

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

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

figcaption, figure, main {
    display: block;
}

figure {
    margin: 1em 40px;
}

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

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

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

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

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

    -webkit-text-decoration: underline dotted;
}

b, strong {
    font-weight: inherit;
}

b, strong {
    font-weight: bolder;
}

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

dfn {
    font-style: italic;
}

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

small {
    font-size: 80%;
}

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

sub {
    bottom: -.25em;
}

sup {
    top: -.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 {
    margin: 0;
    font-size: 100%;
    font-family: sans-serif;
    line-height: 1.15;
}

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 {
    padding: 0;
    border-style: none;
}

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

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid #c0c0c0;
}

legend {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    color: inherit;
    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 {
    font: inherit;
    -webkit-appearance: button;
}

details, menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/* ==============================================================================================
 base
================================================================================================= */
/*----------------------------------------
 Base
----------------------------------------*/
:root {
    font-size: 10px;
}

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

body :lang(en) {
    font-family: "Lato", 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:"] {
    color: #333;
    text-decoration: none !important;
    cursor: default;
}

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

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

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 {
    font-size: 1.6rem;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
    line-height: 1.8;
    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 {
    padding: 0;
    background: none;
}

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

/* ==============================================================================================
 clearfix
================================================================================================= */
[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;
}

/* ==============================================================================================
 sprite
================================================================================================= */
.header-menu .utility > li > a:before, .pager-01 > ul > li.prev > a:before, .pager-01 > ul > li.next > a:before, .pager-02 > ul > li > 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, .form-search-01 > .btn::after, .toggle-side-fixed .btn-contact:after, .modal-wrap > p > a:before {
    position: absolute;
    display: block;
    background-image: url(/-/media/Contec/common/images/sprite.png);
    content: "";
}

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

/* ==============================================================================================
 Margin
================================================================================================= */
.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, .list-tab-02-wrap, .cps-hdg-02 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

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

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;
    margin: 0 auto;
}

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

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

.header-content .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin-right: auto;
    font-size: 1rem;

    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -webkit-box-align: center;
}

@media only screen and (max-width: 768px) {
    .header-content .logo > a {
        width: 107px;
    }
}

@media only screen and (min-width: 769px) {
    .header-content .logo > a {
        width: 316px;
    }
}

@media only screen and (max-width: 768px) {
    #simple .header-content .logo {
        padding: 10px 0 15px;
    }
}

@media only screen and (min-width: 769px) {
    #simple .header-content .logo {
        padding: 15px 0;
    }
}

.header-menu {
    display: -ms-grid;
    display: grid;
    margin: 0;

    -ms-grid-rows: 1fr auto;
    grid-template-rows: 1fr auto;
    -ms-grid-columns: 1fr 132px auto;
    grid-template-columns: 1fr 132px auto;
}

.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-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    margin-top: 10px;

    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -webkit-box-align: end;
}

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

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

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

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

@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 {
    width: 16px;
    height: 19px;
    background-position: -108px 0;
}

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

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

.btn-menu {
    margin-top: 10px;

    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
}

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

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

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

.btn-menu > button:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 22px;
    height: 19px;
    margin: auto;
    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);
    content: "";
}

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

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

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

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

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

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

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

.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;
        z-index: 1;
        display: block;
        width: 100%;
        background: #f8f8f8;
        -webkit-box-shadow: 0 2px 3px #dcdcdc;
        box-shadow: 0 2px 3px #dcdcdc;
    }
}

@media only screen and (min-width: 946px) {
    .nav-global-wrap {
        margin-top: 15px;

        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }
}

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

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

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

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

@media only screen and (min-width: 946px) {
    .nav-global > li > a {
        position: relative;
        color: #333;
    }
    .nav-global > li > a:before {
        position: absolute;
        bottom: -1px;
        left: 0;
        display: block;
        display: none;
        width: 100%;
        height: 3px;
        background: #ea7224;
        content: "";
    }
    .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 {
        margin-right: 25px;
        font-size: 1.4rem;
    }
    :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 {
        position: relative;
        display: block;
        display: inline-block;
        width: 100%;
        padding: 15px;
        padding-left: 23px;
        padding-left: 40px;
        font-size: 1.4rem;
        border-bottom: 1px solid #ddd;
    }
    .nav-global > li > a:before {
        position: absolute;
        top: 8px;
        left: 0;
        display: block;
        width: 9px;
        height: 9px;
        border-top: 2px solid #ea7224;
        border-right: 2px solid #ea7224;
        content: "";
        -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 {
    position: relative;
    display: inline-block;
    padding-left: 23px;
    padding-left: 18px;
    font-weight: bold;
    font-size: 1.7rem;
}

.nav-global .title > a:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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 {
    margin-top: 4px;
    margin-bottom: 16px;
    padding: 0;
    border: 0;
}

.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 {
    position: relative;
    position: relative;
    display: inline-block;
    display: inline-block;
    padding-left: 23px;
    padding-left: 20px;
    font-size: 1.4rem;
    color: #446395;
    text-align: left;
}

.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 {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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-weight: bold;
    font-size: 1.4rem;
}

.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;
    font-size: 1.7rem;
    border: 0;
}

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

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

.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;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-right: 60px;
}

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

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

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

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

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

@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 {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    cursor: default;
}

@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-align-items: center;
    align-items: center;
    -ms-flex-align: center;

    -webkit-box-align: 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 {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 35px;
    padding-left: 23px;
    font-size: 1.4rem;
    color: #666;
}

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

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

.list-na > li:after {
    position: absolute;
    display: block;
    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 {
    position: relative;
    padding-right: 20px;
}

[data-script-enabled=true] .nav-global .dropdown-hook:after {
    position: absolute;
    top: 50%;
    right: 3px;
    display: block;
    width: 9px;
    height: 9px;
    margin-top: -12px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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 {
    position: absolute;
    top: 107px;
    left: 0;
    z-index: 1;
    width: 100%;
    background: #f8f8f8;
    -webkit-box-shadow: 0 2px 3px #dcdcdc;
    box-shadow: 0 2px 3px #dcdcdc;
}

@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 {
    font-size: 1.6rem;
    text-align: center;
}

@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;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin-bottom: 5px;

    -webkit-box-align: center;
}

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

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

.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 {
        margin-left: 10px;
        text-align: right;
        white-space: nowrap;
    }
    .info-wrap .info-inner {
        -webkit-flex-wrap: initial;
        -ms-flex-wrap: initial;
        flex-wrap: initial;
    }
    .info-wrap .name {
        white-space: nowrap;
    }
}

/* ==============================================================================================
 Footer
================================================================================================= */
/*----------------------------------------
 Footer
----------------------------------------*/
footer {
    color: #fff;
    background: #3e4244;
}

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;
        -ms-flex-pack: justify;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
}

@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;
    font-size: 1.2rem;
    color: #aeaeae;
}

@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 {
    display: inline-block;
    margin: 10px 15px 0 0;
    padding-right: 15px;
    font-size: 1.2rem;
    vertical-align: top;
    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 {
    margin-top: 20px;
    font-family: "Arial";
    color: #aeaeae;
    text-align: center;
}

.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 {
    margin-top: 5px;
    font-size: 1.2rem;
}

.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 {
    position: absolute;
    top: -40px;
    right: 0;
    display: block;
    width: 160px;
    height: 40px;
    padding: 5px 20px 5px 10px;
    font-size: 1.2rem;
    color: #fff;
    text-align: left;
    background: #6d7478;
}

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

.footer-language > .btn button:before {
    position: absolute;
    top: 13px;
    right: 10px;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    -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 {
    padding: 20px 0 10px;
    font-size: 0;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    .footer-language .list {
        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;
        background: #6d7478;
    }
}

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

@media only screen and (min-width: 769px) {
    .footer-language .list > li {
        display: inline-block;
        margin: 0 20px 10px 0;
        padding-right: 20px;
        vertical-align: top;
        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
================================================================================================= */
/*----------------------------------------
 Contents
----------------------------------------*/
.contents {
    z-index: 0;
}

@media only screen and (max-width: 768px) {
    .contents {
        margin-top: 55px;
    }
}

@media only screen and (min-width: 769px) {
    .contents {
        margin-top: 103px;
    }
    #simple + .contents {
        margin-top: 53px;
    }
}

@media only screen and (max-width: 900px) {
    .contents {
        margin-top: 53px;
    }
}

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

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

.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 {
    text-align: center;
    background: #e4e5e8;
}

.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-right: auto;
    margin-left: auto;
}

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

    -webkit-box-orient: horizontal;
    -webkit-box-direction: 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-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        height: 460px;
        background-position: top left;
        background-size: 100% auto;
        background-repeat: no-repeat;

        -webkit-box-align: center;
    }
    .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;
    }
}

#top .section._has-info .section-inner {
    padding-top: 32px;
    padding-bottom: 32px;
}

.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 {
    padding: 8px 15px;
    font-size: 1.6rem;
    background: #dedede;
}

.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 {
    padding: 25px 15px;
    text-align: center;
    background: #e4e5e8;
}

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

/* Breadcrumb
--------------------------------------- */
.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-weight: bold;
    font-size: 1rem;
}

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

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

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

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

/* MV Area
--------------------------------------- */
.hero-image {
    text-align: center;
}

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

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

        -webkit-box-orient: vertical;
        -webkit-box-direction: 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 {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    max-width: none;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@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 {
        position: absolute;
        top: 0;
        z-index: -1;
        width: auto;
        max-width: none;
        height: 120px;
    }
}

@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 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        max-width: 1100px;
        height: 300px;
        margin: 0 auto;
        text-align: left;

        -webkit-box-align: 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 {
        margin: -20px -15px 0;
        padding: 20px 15px;
        color: #fff;
        background: #3f4346;
    }
}

.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 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        max-width: 1100px;
        height: 300px;
        margin: 0 auto;
        text-align: left;

        -webkit-box-align: 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 {
        margin: -20px -15px 0;
        padding: 20px 15px;
        color: #fff;
        background: #3f4346;
    }
}

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

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

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

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

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

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

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

.sv-mv_txt {
    height: 530px;
}

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

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

.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;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    height: 130px;

    -webkit-box-align: center;
}

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

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

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

@media only screen and (max-width: 768px) {
    .sv-mv {
        background: none;
    }
    .sv-mv_inner {
        position: static;
        max-width: 1100px;
        margin: 0 auto;
    }
    .sv-mv_txt {
        height: auto;
    }
    .sv-mv_txt > img {
        display: block;
    }
    .sv-mv_txt > p {
        position: static;
        font-weight: bold;
        font-size: 22px;
        text-align: center;
    }
    .sv-mv .lyt-col-01 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

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

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

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

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

.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 {
        position: static;
        height: auto;
        padding-right: 15px;
        padding-left: 15px;
        background: #f8b62a;
    }
    .sv-contents_01 .sv-inner .txt-01 {
        position: static;
        max-width: 100%;
        padding-bottom: 10px;
    }
    .sv-contents_01 .sv-inner .txt-02 {
        position: static;
        max-width: 100%;
    }
}

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

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

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

/* SolarView section
--------------------------------------- */
.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-right: 15px;
        padding-left: 15px;
    }
}

.section .sv-inner._type-a {
    margin-top: -60px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.section .sv-inner._type-b {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section._has-bg-sv {
    background-color: #fbf1dc;
}

/* Page
--------------------------------------- */
.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 {
    position: absolute;
    right: -75px;
    bottom: 10px;
    display: block;
    width: 60px;
    height: 57px;
    font-size: 0;
    background: rgba(51, 51, 51, .9);
}

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

.page-top > a:before {
    position: absolute;
    top: 24px;
    right: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    -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 {
        top: 19px;
        width: 16px;
        height: 16px;
    }
}

.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 {
        right: 0;
        margin-left: 0;
    }
}

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

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

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

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

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

    -webkit-box-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 {
    text-decoration: none;
    background: #efefef;
    -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 {
    position: absolute;
    top: 8px;
    display: block;
    width: 1px;
    height: 14px;
    background: #ccc;
    content: "";
}

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

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

.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 {
    right: 13px;
    width: 10px;
    height: 11px;
    background-position: -24px 0;
}

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

.pager-02 > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: -30px;
    line-height: 1.2;
}

.pager-02 > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 30px);
    margin-left: 30px;
}

.pager-02 > ul > li > a {
    position: relative;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #666;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.pager-02 > ul > li > a:before {
    top: 50%;
    margin-top: -6px;
}

.pager-02 > ul > li > a:hover, .pager-02 > ul > li > a:active, .pager-02 > ul > li > a:focus {
    text-decoration: none;
    background-color: #efefef;
}

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

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

.pager-02 > ul > li.next {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

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

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

.pager-02._onlyNext > ul {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

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

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

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

.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;
    width: 100%;
    height: 400px;
    border: 0;
}

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

/* ==============================================================================================
 Modules
================================================================================================= */
/*----------------------------------------
 hdg
----------------------------------------*/
.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;
        -ms-flex-pack: justify;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;

        -webkit-box-align: center;
    }
}

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

@media only screen and (min-width: 769px) {
    .hdg-l1-01-wrap._search {
        display: block;
    }
}

.hdg-l1-01-wrap._search .hdg-l1-01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;

    -webkit-box-align: end;
}

@media only screen and (max-width: 945px) {
    .hdg-l1-01-wrap._search .hdg-l1-01 {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
    }
}

.hdg-l1-01-wrap._search .hdg-l1-01 > .maintitle {
    margin-right: 48px;
}

@media only screen and (max-width: 945px) {
    .hdg-l1-01-wrap._search .hdg-l1-01 > .maintitle {
        width: 100%;
        margin-right: 0;
    }
}

.hdg-l1-01-wrap._search .hdg-l1-01 > .subtitle {
    font-size: 2.5rem;
}

@media only screen and (max-width: 945px) {
    .hdg-l1-01-wrap._search .hdg-l1-01 > .subtitle {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .hdg-l1-01-wrap._search .hdg-l1-01 > .subtitle {
        font-size: 2rem;
    }
}

.hdg-l1-01 {
    margin: 0;
    font-weight: bold;
    font-size: 3.6rem;
    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 {
    margin-top: 5px;
    font-size: 1.2rem;
    color: #666;
}

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

.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 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ccc;

    -webkit-box-align: center;
}

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

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

    -webkit-box-align: center;
}

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

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: start;
    }
}

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

@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;
    font-weight: normal;
    font-size: 1.7rem;
    color: #666;
}

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

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

@media only screen and (max-width: 768px) {
    .hdg-l2-01 {
        margin-top: 42px;
        font-size: 2.2rem;
    }
    .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 {
    position: relative;
    margin: 50px 0 35px;
    padding-bottom: 20px;
    font-size: 2.8rem;
    text-align: center;
    line-height: 1.5;
}

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

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

._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 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        height: 300px;
        margin-right: -15px;
        margin-left: -15px;
        background-position: top left;
        background-repeat: no-repeat;

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

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

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

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

    -webkit-box-align: center;
}

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

.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 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 2.4rem;
}

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

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

.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 {
    position: relative;
    display: inline-block;
    padding-left: 23px;
    font-size: 2rem;
    color: #333;
    text-decoration: none;
}

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

.hdg-l3-02 > a:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin: 26px 0 16px;

    -webkit-box-align: center;
}

@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 {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 2rem;
}

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

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

.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-l3-05 {
    line-height: 1.5;
}

.hdg-l3-05 + * {
    margin-top: 16px;
}

@media only screen and (max-width: 768px) {
    .hdg-l3-05 {
        margin-top: 16px;
        font-size: 1.6rem;
    }
}

@media only screen and (min-width: 769px) {
    .hdg-l3-05 {
        margin-top: 32px;
        padding-bottom: 3px;
        font-size: 1.8rem;
        border-bottom: 1px solid #ccc;
    }
    .hdg-l3-05:lang(en) {
        font-size: 1.7rem;
    }
}

.hdg-l3-06 {
    margin: 70px 0 30px;
    padding: 10px;
    font-size: 2rem;
    text-align: center;
    background-color: #f1f2f4;
}

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

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

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

    -webkit-box-align: start;
}

@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 {
    top: 0;
    left: 0;
    display: block;
    margin-right: 16px;
    padding: 2px 13px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.8;
    background-color: #00adb2;
    border-radius: 4px;

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@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-l4-03 {
    margin: 37px 0 28px;
    padding-bottom: 5px;
    font-size: 1.6rem;
    color: #f8b62a;
    line-height: 1.75;
    border-bottom: 1px solid #ccc;
}

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

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

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

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

.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 {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 195px;
    padding: 13px 20px;
    border: 1px solid #ddd;
}

.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 {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 10px 15px;
    background: #f8f8f8;
}

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

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

/*----------------------------------------
 Icon
----------------------------------------*/
.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;
    padding: 4px 15px;
    font-weight: normal;
    font-size: 1.2rem;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
}

@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: #666;
}

.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 {
    color: #666;
    background: #e8e8e8;
}

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

.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 {
    min-width: 126px;
    padding: 4px 10px;
}

@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;
    padding: 4px 30px;
    font-size: 1.2rem;
    background: #e9edf5;
    border: 1px solid #d5dbe5;
}

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

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

.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;
    margin-right: 8px;
    margin-bottom: 8px;
    vertical-align: top;
}

.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;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: -8px;
    margin-left: -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 {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
}

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

    -webkit-box-align: center;
}

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

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

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

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

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

.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-link-08 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-link-08 a:hover, .list-link-08 a:active, .list-link-08 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 {
    position: relative;
    display: inline-block;
    padding-left: 23px;
    font-size: 1.4rem;
}

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

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

.link-back-01:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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 {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding-left: 23px;
}

.list-link-01 > li > a:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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 {
    font-weight: bold;
    color: #333;
}

.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 {
    position: relative;
    display: inline-block;
    padding-left: 23px;
    font-size: 1.4rem;
}

.list-link-01._has-col > li > .col > a:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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-bottom: -10px;
    margin-left: -30px;
}

.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-bottom: 10px;
    margin-left: 30px;
}

.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-1 > li, .list-link-03._col-1 > li, .list-link-06._col-1 > li {
        width: calc(100% - 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-02._col-5 > li, .list-link-03._col-4 > li, .list-link-03._col-5 > li, .list-link-06._col-4 > 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;
    }
}

@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 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        width: 350px;
        min-width: 350px;
        white-space: nowrap;

        -webkit-box-align: 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 {
    width: 155px;
    min-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 {
        width: 80px;
        min-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 {
        width: auto;
        min-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 {
    position: relative;
    display: inline-block;
    padding-left: 23px;
}

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

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

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

@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 {
        width: 150px;
        min-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 {
        width: 80px;
        min-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 {
        width: 80px;
        min-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 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 23px;
    font-size: 1.7rem;
}

.list-link-03 > li > a .title:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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;
    }
}

.modal-content .list-link-03 > li > a .title {
    font-size: 1.4rem;
}

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

.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 {
    font-weight: bold;
    color: #333;
}

.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 {
        padding-left: 10px;
        font-size: 1.4rem;
    }
}

.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 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 30px;
        margin-bottom: -10px;
        margin-left: 20px;
        border: 0;
    }
    .js-carousel-02 .list-link-03 > li {
        width: calc(50% - 10px);
        margin-bottom: 10px;
        margin-left: 10px;
        border: 0;
    }
    .js-carousel-02 .list-link-03 > li > a {
        padding: 0;
    }
}

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

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

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

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

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

@media only screen and (max-width: 768px) {
    .js-carousel-05 .list-link-03 > li > a .title:before {
        top: 6px;
    }
    :lang(en) .js-carousel-05 .list-link-03 > li > a .title:before {
        left: -4px;
        width: 7px;
        height: 7px;
    }
}

@media only screen and (max-width: 768px) {
    .js-carousel-05 .list-link-03 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 30px;
        margin-bottom: -10px;
        margin-left: 20px;
        border: 0;
    }
    .js-carousel-05 .list-link-03 > li {
        width: calc(100% - 10px);
        margin-bottom: 10px;
        margin-left: 10px;
        border: 0;
    }
    .js-carousel-05 .list-link-03 > li > a {
        padding: 0;
    }
    .js-carousel-05 .list-link-03 > li > a > .image img {
        width: 100%;
    }
}

.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-weight: bold;
    font-size: 1.8rem;
    line-height: 1.5;
}

.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;
    height: 100%;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}

.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 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 23px;
    font-size: 1.6rem;
}

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

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

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

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

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

.list-link-04 > li > .current .title:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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-top: 1px solid #ccc;
        border-bottom: 0;
    }
    .list-link-04 > li > a > .item {
        padding: 8px 0 6px 7px;
    }
    .list-link-04 > li > a .title {
        padding-left: 20px;
        font-size: 1.4rem;
        line-height: 1.4;
    }
    .list-link-04 > li > a .title:before {
        top: 5px;
    }
    .list-link-04 > li > .current {
        border-top: 4px solid #ea7224;
        border-bottom: 0;
    }
    .list-link-04 > li > .current > .item {
        padding: 8px 0 6px 7px;
    }
    .list-link-04 > li > .current .title {
        padding-left: 20px;
        font-size: 1.4rem;
        line-height: 1.4;
    }
    .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 {
    position: relative;
    display: block;
    padding: 15px;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.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 {
    position: relative;
    display: inline-block;
    padding-left: 23px;
    font-size: 1.6rem;
}

.list-link-05 > li > a > .title:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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 {
    display: block;
    font-size: 1.2rem;
}

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

.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 {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
}

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

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

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

.list-link-05 > li > a._has-icon._place:before {
    right: 25px;
    width: 41px;
    height: 40px;
    background-position: -419px 0;
}

@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-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        margin-bottom: -15px;
        margin-left: -15px;

        -webkit-box-align: center;
    }
    .list-link-05 > li {
        display: table;
        width: calc(33.3333333% - 15px);
        min-height: 75px;
        margin-bottom: 15px;
        margin-left: 15px;
    }
    .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 {
    font-weight: bold;
    font-size: 1.7rem;
    color: #333;
}

.list-link-06 .item > p:not(class) {
    line-height: 1.5;
}

.list-link-06 .item > .link {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    padding-left: 23px;
}

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

.list-link-06 a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    text-decoration: none;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.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 {
        margin-top: 30px;
        border: none;
    }
    .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;
    text-decoration: none;
    border: 1px solid #aeaeae;
    -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 {
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
    display: block;
    width: 9px;
    height: 9px;
    margin: auto 0;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin-right: 30px;

    -webkit-box-align: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@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-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding-top: 0;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
}

.list-link-07 > li > a > .item > .title {
    font-weight: bold;
    font-size: 2rem;
    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 {
    position: relative;
    display: inline-block;
    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 {
    top: 4px;
    left: 0;
    width: 17px;
    height: 17px;
    background-position: -129px 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 {
    width: 24px;
    min-width: 24px;
    margin-right: 12px;
}

.link-block-01 {
    margin-top: auto;
}

.link-block-01 > li {
    position: relative;
    margin: 0 15px;
    font-size: 1.6rem;
    border-top: 1px solid #ccc;
}

.link-block-01 > li a {
    display: block;
    padding: 22px 0;
    text-align: center;
}

.link-block-01 > li a .plus {
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: #ccc;
    border-radius: 50%;
    content: "";
}

.link-block-01 > li a .plus:before {
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 5px;
    height: 20px;
    margin: 0 auto;
    background: #fff;
    content: "";
}

.link-block-01 > li a .plus:after {
    position: absolute;
    top: 17px;
    right: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 20px;
    height: 5px;
    margin: 0 auto;
    background: #fff;
    content: "";
}

@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;
        width: calc(100% + 20px);
        margin-left: -20px;
    }
    .list-link-02._col-5 > li, .list-link-03._col-5 > li, .list-link-06._col-5 > li {
        width: calc(100%/2 - 20px);
        margin-left: 20px;
        border-top: 0;
    }
}

.list-link-08 {
    margin-top: 40px;
    margin-bottom: -10px;
    margin-left: -35px;
}

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

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

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

.list-link-08._al-right {
    text-align: right;
}

@media only screen and (max-width: 900px) {
    .list-link-08 {
        margin-top: 24px;
        margin-left: 0;
        border-top: 1px solid #ccc;
    }
    .list-link-08 > li {
        display: block;
        margin-left: 0;
        border-bottom: 1px solid #ccc;
    }
    .list-link-08 > li > a {
        display: block;
        padding: 20px 15px;
    }
    .list-link-08 > li > a::before {
        top: 0;
        bottom: 0;
        margin: auto 0;
    }
    .list-link-08._al-right {
        text-align: initial;
    }
}

.list-link-09 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px 0;
    margin-left: -30px;
}

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

.list-link-09 > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(25% - 30px);
    margin: 30px 0 0 30px;
}

.list-link-09 > li:nth-child(-n+4) {
    margin-top: 0;
}

@media only screen and (max-width: 900px) {
    .list-link-09 > li {
        width: calc(50% - 10px);
        margin: 10px 0 0 10px;
    }
    .list-link-09 > li:nth-child(-n+2) {
        margin-top: 0;
    }
    .list-link-09 > li:nth-child(n+3) {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .list-link-09 > li {
        width: calc(100% - 10px);
    }
    .list-link-09 > li:nth-child(n+2) {
        margin-top: 10px;
    }
}

.list-link-09 > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
    min-height: 70px;
    padding: 15px 37px;
    text-align: center;
    text-decoration: none;
    background-color: #f8b62a;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;

    -webkit-box-align: center;
}

.list-link-09 > li > a:hover, .list-link-09 > li > a:active, .list-link-09 > li > a:focus {
    background-color: #f8a625;
}

.list-link-09 > li > a > span {
    position: relative;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.4;
}

.list-link-09 > li > a > span::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -22px;
    display: block;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.link-pnl-01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 8px -16px;
}

.link-pnl-01 > li {
    width: 33.33333%;
    padding: 0 0 8px 16px;
}

.link-pnl-01 > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 24px 28px 24px 22px;
    text-decoration: none;
    background: #fff;
    border: 1px solid #ccc;
}

.link-pnl-01 > li > a > .content {
    width: 100%;
    padding-right: 20px;
    font-size: 1.2rem;
    color: #333;
}

.link-pnl-01 > li > a > .content > .title {
    position: relative;
    display: inline-block;
    padding-left: 23px;
    font-size: 1.7rem;
    color: #446395;
}

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

.link-pnl-01 > li > a > .content > .title::before {
    top: 10px;
}

.link-pnl-01 > li > a > .content > * {
    margin-top: 13px;
}

.link-pnl-01 > li > a > .content > *:first-child {
    margin-top: 0;
}

.link-pnl-01 > li > a > .image {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.link-pnl-01 > li > a:hover > .content > .title, .link-pnl-01 > li > a:active > .content > .title, .link-pnl-01 > li > a:focus > .content > .title {
    color: #284067;
    text-decoration: underline;
}

@media only screen and (max-width: 900px) {
    .link-pnl-01 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .link-pnl-01 > li {
        width: 100%;
    }
    .link-pnl-01 > li > a > .content > .title {
        font-size: 1.5rem;
    }
    .link-pnl-01 > li > a > .content > * {
        margin-top: 10px;
    }
}

[data-script-enabled="true"] .link-pnl-02 > li > a {
    position: relative;
}

[data-script-enabled="true"] .link-pnl-02 > li > a::before {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 20;
    display: block;
    display: none;
    width: 23px;
    margin: 0 auto;
    border-right: 11.5px solid transparent;
    border-bottom: 24px solid #fff;
    border-left: 11.5px solid transparent;
    content: "";
}

[data-script-enabled="true"] .link-pnl-02 > li > a.is-open {
    z-index: 20;
}

[data-script-enabled="true"] .link-pnl-02 > li > a.is-open::before {
    display: block;
}

[data-script-enabled="true"] .link-pnl-02 > li > a.is-open + .modal-content {
    display: block;
}

[data-script-enabled="true"] .link-pnl-02 > li > .modal-content {
    position: absolute;
    left: 50%;
    z-index: 20;
    display: none;
    width: 100%;
    max-width: 1100px;
    margin: 37px auto 0;
    padding: 0 16px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

[data-script-enabled="true"] .link-pnl-02 > li > .modal-content .btn-close {
    position: absolute;
    top: -32px;
    right: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    background-color: #000;
    border-radius: 50%;
    opacity: .6;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

[data-script-enabled="true"] .link-pnl-02 > li > .modal-content .btn-close:hover, [data-script-enabled="true"] .link-pnl-02 > li > .modal-content .btn-close:active, [data-script-enabled="true"] .link-pnl-02 > li > .modal-content .btn-close:focus {
    opacity: .4;
}

[data-script-enabled="true"] .link-pnl-02 > li > .modal-content .btn-close::before, [data-script-enabled="true"] .link-pnl-02 > li > .modal-content .btn-close::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 2px;
    margin: auto;
    background-color: #fff;
    content: "";
}

[data-script-enabled="true"] .link-pnl-02 > li > .modal-content .btn-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

[data-script-enabled="true"] .link-pnl-02 > li > .modal-content .btn-close::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

[data-script-enabled="true"] .link-pnl-02 > li > .modal-content .btn-close > span {
    visibility: hidden;
    font-size: 0;
}

[data-script-enabled="true"] .link-pnl-02 > li > .modal-content > .modal-inner {
    padding: 0;
    border: none;
    border-radius: 8px;
}

[data-script-enabled="true"] .link-pnl-02 > li > .modal-content > .modal-inner > .content-title {
    background-color: #f8f8f8;
}

.link-pnl-02 > li > a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;

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

.link-pnl-02 > li > a:hover, .link-pnl-02 > li > a:active, .link-pnl-02 > li > a:focus {
    opacity: .7;
}

.link-pnl-02 > li > a > .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;

    -webkit-box-align: center;
}

.link-pnl-02 > li > a > .title > b {
    font-weight: normal;
}

.link-pnl-02 > li > .modal-content > .modal-inner {
    background-color: #fff;
}

.link-pnl-02 > li > .modal-content > .modal-inner > .content-title {
    border-radius: 8px 8px 0 0;
}

.link-pnl-02 > li > .modal-content > .modal-inner > .content {
    margin-top: 0;
}

.link-pnl-02 > li > .modal-content > .modal-inner > .content > *:first-child {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .link-pnl-02 {
        display: block;
        margin-bottom: -8px;
    }
    .link-pnl-02 > li {
        width: 100%;
        padding-bottom: 8px;
    }
    .link-pnl-02 > li > a {
        padding: 5px 5px 5px 16px;
        border: 1px solid #ccc;
    }
    .link-pnl-02 > li > a > .title {
        font-size: 1.3rem;
    }
    .link-pnl-02 > li > a > .image {
        margin: 0;
    }
    .link-pnl-02 > li > .modal-content > .modal-inner {
        border: 1px solid #ccc;
    }
    .link-pnl-02 > li > .modal-content > .modal-inner > .content-title {
        padding: 15px 16px;
        font-size: 1.6rem;
    }
    .link-pnl-02 > li > .modal-content > .modal-inner > .content {
        padding: 25px 32px;
    }
    [data-script-enabled="true"] .link-pnl-02 > li > a::before {
        bottom: -15px;
    }
    [data-script-enabled="true"] .link-pnl-02 > li > .modal-content {
        margin: 0 16px 0;
    }
}

@media only screen and (min-width: 769px) {
    .link-pnl-02 {
        margin-bottom: -16px;
        margin-left: -16px;
    }
    .link-pnl-02 > li {
        padding-bottom: 16px;
        padding-left: 16px;
    }
    .link-pnl-02 > li > a > .title {
        padding: 11px 0;
        font-size: 1.2rem;
    }
    .link-pnl-02 > li > a > .image {
        margin: 0 auto;
    }
    .link-pnl-02 > li > .modal-content > .modal-inner {
        border-top: 1px solid #ccc;
    }
    .link-pnl-02 > li > .modal-content > .modal-inner > .content-title {
        padding: 24px 25px;
        font-size: 1.8rem;
    }
    .link-pnl-02 > li > .modal-content > .modal-inner > .content {
        padding: 30px 43px;
    }
    [data-script-enabled="true"] .link-pnl-02 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    [data-script-enabled="true"] .link-pnl-02 > li > a {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        height: 100%;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
    }
    [data-script-enabled="true"] .link-pnl-02 > li > a::before {
        bottom: -38px;
    }
    [data-script-enabled="true"] .link-pnl-02 > li > a > .title {
        display: block;
        text-align: center;
    }
    [data-script-enabled="true"] .link-pnl-02 > li > .modal-content._narrow {
        right: auto;
        width: 100%;
        max-width: 600px;
    }
}

/*----------------------------------------
 List
----------------------------------------*/
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 {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    background: #aeaeae;
    border-radius: 50%;
    content: "";
}

.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 {
    padding-right: 6px;
    white-space: nowrap;
}

.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 {
    padding-right: 15px;
    white-space: nowrap;
}

.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;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    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 {
    width: 100%;
    margin-bottom: 8px;
    font-size: 1.6rem;
    text-align: center;
}

.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-bottom: 8px;
        margin-left: -30px;
        font-size: 1.4rem;
        line-height: 1.6;
    }
}

.list-contact-01 > dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 1.6rem;
}

@media only screen and (max-width: 768px) {
    .list-contact-01 > dd {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: 100%;
        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 {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.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-contact-01._sv {
    padding: 0 50px;
}

@media only screen and (max-width: 1130px) {
    .list-contact-01._sv {
        padding: 0 10px;
    }
}

.list-contact-01._sv > dt {
    width: 100%;
    margin-left: 0;
}

.list-contact-01._sv > dd {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.list-tab-01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #aeaeae;
}

* + .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 {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: 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 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    pointer-events: none;
}

.list-tab-01 > li a > span:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    display: none;
    width: 100%;
    height: 3px;
    background: #ea7224;
    content: "";
}

@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 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -18px;
        border: 0;
    }
    .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 {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 55px;
        padding-right: 14px;
        padding-left: 14px;
    }
}

@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 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    font-size: 1.6rem;
    border: 1px solid #aeaeae;
    border-bottom: 0;

    -webkit-box-align: center;
}

@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 {
    position: relative;
    padding: 10px 20px;
    font-weight: bold;
    border-top: 4px solid #ea7224;
}

@media only screen and (min-width: 769px) {
    .list-tab-02 > li.is-active {
        padding: 10px 30px;
        border-bottom: 0;
    }
    .list-tab-02 > li.is-active:before {
        position: absolute;
        bottom: -1px;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background: #fff;
        content: "";
    }
}

@media only screen and (max-width: 768px) {
    .list-tab-02 > li.is-active {
        margin-top: -1px;
    }
}

.list-tab-02 > li > a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
    height: 100%;
    min-height: 50px;
    padding: 10px 30px;
    font-size: 1.6rem;
    color: #333;
    line-height: 1.4;

    -webkit-box-align: center;
}

@media only screen and (max-width: 768px) {
    .list-tab-02 > li > a {
        min-height: auto;
        font-size: 1.4rem;
    }
}

.list-tab-02 > li > a:before {
    position: absolute;
    top: 50%;
    right: 15px;
    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);
}

@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 {
    text-decoration: none;
    background: #efefef;
    -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);
    }
}

.list-tab-02-wrap {
    position: relative;
    margin-top: 30px;
}

.list-tab-02-wrap::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    height: 1px;
    background-color: #aeaeae;
    content: "";
}

@media only screen and (max-width: 768px) {
    .list-tab-02-wrap::after {
        display: none;
    }
}

.list-tab-02-wrap .list-tab-02 {
    max-width: 1100px;
    margin: 0 auto;
}

.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 {
        position: relative;
        margin-bottom: 55px;
        padding-right: 14px;
        padding-left: 14px;
    }
}

@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 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: calc(100% / 4);
    margin: 0 6px;
    font-size: 1.4rem;
    border: 1px solid #aeaeae;
    border-bottom: 0;

    -webkit-box-align: center;
}

@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 {
        position: absolute;
        bottom: -1px;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background: #fff;
        content: "";
    }
}

@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: none;
    transition: none;
}

.sv-tab > li > a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
    height: 100%;
    min-height: 50px;
    padding: 10px 22px 10px 10px;
    color: #333;
    line-height: 1.4;
    text-decoration: none;

    -webkit-box-align: center;
}

@media only screen and (max-width: 768px) {
    .sv-tab > li > a {
        min-height: auto;
        font-size: 1.4rem;
    }
}

.sv-tab > li > a:before {
    position: absolute;
    top: 50%;
    right: 10px;
    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);
}

@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;
    width: 0;
    height: 0;
    margin: auto;
    border-top: 23px solid #f8b62a;
    border-right: 33px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 33px solid transparent;
    content: "";
}

.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-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    border: 3px solid #f8b62a;
    border-radius: 10px;

    -webkit-box-align: center;
}

.list-flow > .item .item-inner > .num {
    display: block;
    width: 25%;
    min-height: 66px;
    padding: 16px 0;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    background-color: #f8b62a;
}

.list-flow > .item .item-inner > .txt {
    display: block;
    width: 75%;
    padding-left: 34px;
    font-size: 16px;
}

@media only screen and (max-width: 768px) {
    .list-flow > .item .item-inner {
        display: block;
    }
    .list-flow > .item .item-inner > .num {
        width: 100%;
        min-height: 0;
        padding: 9px 0;
    }
    .list-flow > .item .item-inner > .txt {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
}

.list-flow + p {
    text-align: center;
}

@media only screen and (min-width: 769px) {
    .list-share-01 {
        padding: 13px;
        background: #fff;
        border-top: 1px solid #c1c4cd;
    }
    .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 {
        margin: 0 0 -15px -25px;
        font-size: 0;
    }
    .list-share-01 > li {
        display: inline-block;
        margin: 0 0 15px 25px;
    }
}

@media only screen and (max-height: 555px) {
    .list-share-01 {
        margin: 0 0 -15px -25px;
        font-size: 0;
        border-top: 0;
    }
    .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-align-items: center;
    align-items: center;
    -ms-flex-align: center;

    -webkit-box-align: 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 {
    position: relative;
    padding: 0 15px;
    font-size: 1.7rem;
}

@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 {
    position: absolute;
    top: 6px;
    display: block;
    width: 1px;
    height: 55%;
    background: #ccc;
    content: "";
}

.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 {
    position: relative;
    display: inline-block;
    display: inline-block;
    padding-left: 23px;
    font-size: 2.2rem;
    line-height: 1.4;
}

.list-item-01 > li .title > a:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -ms-flex-align: end;

        -webkit-box-align: 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 {
    display: inline-block;
    min-width: 126px;
    margin-right: 10px;
    padding: 0 15px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    background: #6f6f6f;
}

.list-item-02 > li > .item-wrap .title > time {
    display: inline-block;
    font-weight: bold;
    font-size: 1.6rem;
    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;
    margin: 0;
    padding: 5px 0;
    font-size: 0;
    background: #f8f8f8;
    border-radius: 3px;
}

.list-status-01 > li {
    display: inline-block;
    padding: 0 15px;
    font-weight: bold;
    font-size: 1.4rem;
}

.list-status-01 > li:first-child {
    position: relative;
}

.list-status-01 > li:first-child:before {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    width: 1px;
    height: 60%;
    background: #ccc;
    content: "";
}

.list-status-01 > li._status-a, .list-status-01 > li._status-b, .list-status-01 > li._status-c {
    position: relative;
    padding-left: 33px;
}

.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 {
    width: 14px;
    height: 14px;
    background-position: -89px 0;
}

.list-status-01 > li._status-b:before {
    top: 7px;
    left: 14px;
    width: 11px;
    height: 11px;
    background-position: -54px 0;
}

.list-status-01 > li._status-c:before {
    width: 14px;
    height: 14px;
    background-position: -70px 0;
}

.list-desc-01 > dt {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.6rem;
}

@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;
        -ms-flex-pack: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;

        -webkit-box-align: 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 {
    padding: 4px 20px 12px;
    border: 1px solid #ccc;
}

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;
    margin-right: 20px;
    font-size: 0;
    vertical-align: top;
}

@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 {
    margin-top: 6px;
    padding-right: 15px;
    font-size: 1.4rem;
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {
    .list-desc-02 > dt {
        min-width: 6em;
        margin-top: 4px;
        white-space: nowrap;
    }
}

.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;
        width: 100%;
        margin-right: 0;
    }
}

header .list-desc-02 > dt, header .list-desc-02 > dd {
    display: inline-block;
    vertical-align: middle;
}

header .list-desc-02 + p {
    margin-top: 5px;
    font-size: 1.4rem;
}

@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 {
    padding-right: 8px;
    white-space: nowrap;
}

.list-desc-03 > dd > ._inline > dd {
    width: 100%;
}

.list-desc-03 > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.list-desc-03 > div > dd {
    margin-left: 12px;
}

.nav-local-01 {
    padding: 15px 20px;
    font-size: 0;
    border: 2px solid #e4e5e8;
}

* + .nav-local-01 {
    margin-top: 70px;
}

@media only screen and (max-width: 768px) {
    * + .nav-local-01 {
        margin-top: 55px;
    }
}

.nav-local-01 > li {
    font-weight: bold;
    font-size: 1.7rem;
    color: #000;
}

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

.nav-local-01 > li > a {
    position: relative;
    display: inline-block;
    padding-left: 23px;
    color: #000;
}

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

.nav-local-01 > li > a:before {
    top: 9px;
    width: 10px;
    height: 10px;
}

.nav-local-01 > li > ul {
    margin-top: 10px;
    font-size: 0;
}

.nav-local-01 > li > ul > li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    padding-right: 20px;
    font-weight: normal;
    font-size: 1.4rem;
    color: #333;
}

.nav-local-01 > li > ul > li:before {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    width: 1px;
    height: 65%;
    background: #ddd;
    content: "";
}

.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 {
    background: #fbfbfb;
    border-top: 2px solid #446395;
}

.nav-local-02 > li {
    border-bottom: 1px solid #ddd;
}

.nav-local-02 > li a {
    display: block;
    padding: 15px 20px;
    color: #333;
    text-decoration: none;
}

.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-bottom: -25px;
        margin-left: -20px;
    }
    .list-favorite-01 > li {
        margin-bottom: 25px;
        margin-left: 20px;
    }
    .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 {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #ccc;
    }
}

.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 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 220px;
    margin: auto;
    padding: 8px;
}

.list-favorite-01 > li > .image button {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.list-favorite-01 > li > .image button img {
    margin-top: 4px;
    vertical-align: top;
}

.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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin-bottom: 5px;

    -webkit-box-align: center;
}

.list-favorite-01 > li > .item .title a {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 3px;
    padding-left: 23px;
    font-size: 1.8rem;
}

.list-favorite-01 > li > .item .title a:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin-left: -20px;

    -webkit-box-align: center;
}

.list-result-01 > dd > ul > li {
    position: relative;
    margin-left: 20px;
}

.list-result-01 > dd > ul > li:before {
    position: absolute;
    top: 14px;
    right: -10px;
    display: block;
    width: 1px;
    height: 14px;
    background: #ccc;
    content: "";
}

.list-result-01 > dd > ul > li:last-child:before {
    content: none;
}

.list-result-01 > dd > ul > li > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    min-width: 64px;
    min-height: 40px;
    padding: 7px 10px;

    -webkit-box-align: center;
}

@media only screen and (max-width: 768px) {
    .list-result-01 > dd > ul > li > * {
        min-width: 54px;
    }
}

.list-result-01 > dd > ul > li > a {
    color: #666;
    text-decoration: none;
}

.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 > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    min-width: 64px;
    min-height: 40px;
    padding: 7px 10px;

    -webkit-box-align: 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 {
    color: #666;
    text-decoration: none;
}

.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 {
    position: relative;
    padding-left: 23px;
    font-weight: normal;
    line-height: 1.4;
}

.list-filter-01 li .toggle-hook {
    position: relative;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    margin: 0;
    background: #fff;
    border: 1px solid #c1c4cd;
    cursor: pointer;
}

.list-filter-01 li .toggle-hook:before, .list-filter-01 li .toggle-hook:after {
    position: absolute;
    position: absolute;
    display: block;
    background: #446395;
    content: "";
}

.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 {
    position: relative;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #c1c4cd;
    cursor: pointer;
}

.list-filter-01._selected li button:before, .list-filter-01._selected li button:after {
    position: absolute;
    top: 2px;
    left: 6px;
    display: block;
    width: 1px;
    height: 9px;
    background: #446395;
    content: "";
}

.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 {
    position: absolute;
    left: 0;
    display: block;
    padding: 4px 6px;
    font-size: 1.4rem;
    font-family: "Arial";
    line-height: 1;
    border-radius: 50%;
}

.list-qa-01 > dt {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.6rem;
}

.list-qa-01 > dt:before {
    top: 3px;
    font-weight: normal;
    color: #fff;
    background: #6f6f6f;
    content: "Q";
}

.list-qa-01 > dd {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.list-qa-01 > dd:before {
    top: 1px;
    border: 1px solid #6f6f6f;
    content: "A";
}

.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 {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 33px;
    height: 33px;
    font-size: 1.4rem;
    font-family: "Arial";
    line-height: 1;
    border-radius: 50%;

    -webkit-box-align: center;
}

.list-qa-02 > dt > .item, .list-qa-02 > dd > .item {
    padding-left: 18px;
}

.list-qa-02 > dt {
    margin-bottom: 18px;
    font-weight: bold;
    font-size: 1.6rem;
}

@media only screen and (max-width: 768px) {
    .list-qa-02 > dt {
        margin-bottom: 12px;
    }
}

.list-qa-02 > dt > .mark {
    font-weight: normal;
    color: #fff;
    background: #6f6f6f;
}

.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 {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.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 {
    position: absolute;
    left: 0;
    display: block;
    width: 33px;
    height: 33px;
    font-size: 1.4rem;
    font-family: "Arial";
    border-radius: 50%;
}

.list-qa-03 dt.title {
    padding-top: 5px;
    padding-right: 40px;
    padding-bottom: 23px;
    font-weight: bold;
    font-size: 1.6rem;
    counter-increment: number-q 1;
    cursor: pointer;
}

.list-qa-03 dt.title:before {
    top: 3px;
    padding: 5px 7px;
    font-weight: normal;
    color: #fff;
    background: #d5a53f;
    content: "Q" counter(number-q);
}

.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 {
    display: none;
    padding-right: 20px;
    padding-bottom: 20px;
}

.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;
    padding: 4px 6px 4px 7px;
    font-size: 1.4rem;
    font-family: "Arial";
    border: 1px solid #6f6f6f;
    border-radius: 50%;
}

.list-order-01 {
    counter-reset: num;
}

.list-order-01 > li {
    display: table;
    counter-increment: num;
}

.list-order-01 > li > .item {
    display: table-cell;
    width: 100%;
    padding-left: 10px;
    vertical-align: top;
}

.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 {
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
    content: counter(num) ".";
}

.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;
    padding-top: 2px;
    line-height: 1.6;
}

@media only screen and (max-width: 768px) {
    .list-flow-01 > li > .item {
        min-height: 22px;
        padding-top: 0;
        line-height: 1.8;
    }
}

.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 {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 24px;
    height: 24px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #fff;
    white-space: nowrap;
    background-color: #00adb2;
    content: counter(num);

    -webkit-box-align: center;
}

.list-label-01 {
    max-width: 1100px;
    margin-top: 24px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}

.list-label-01-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: -4px;
    margin-left: -4px;
}

.list-label-01-inner > li {
    padding-bottom: 4px;
    padding-left: 4px;
}

.list-label-01-inner > li > a {
    display: block;
    min-width: 170px;
    padding: 5px 15px;
    color: #fff;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    background-color: #446395;
    border-radius: 1000px;
}

.list-label-01-inner + * {
    margin-top: 60px;
}

@media only screen and (max-width: 768px) {
    .list-label-01 {
        display: none;
    }
    .list-label-01 + * {
        margin-top: 0;
    }
}

.list-pnl-01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px 0;
    margin-left: -16px;
}

@media only screen and (max-width: 768px) {
    .list-pnl-01 {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
}

.list-pnl-01 > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: calc(33.3333% - 16px);
    margin: 16px 0 0 16px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;

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

.list-pnl-01 > li:nth-child(-n+4) {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .list-pnl-01 > li {
        width: calc(100% - 16px);
    }
    .list-pnl-01 > li:nth-child(n+2) {
        margin-top: 16px;
    }
}

.list-pnl-01 > li > .content {
    width: 100%;
    height: 100%;
    margin-top: 12px;
    text-align: center;
}

.list-pnl-01 > li > .content > .title {
    font-size: 2rem;
    color: #d5a53f;
    line-height: 1.6;
}

.list-pnl-01 > li > .content > .title > b {
    font-weight: normal;
}

.list-pnl-01 > li > .image {
    margin: auto;
}

.list-filter-02 li {
    position: relative;
    line-height: 1.3;
}

.list-filter-02 li > .toggle-hook {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    font-family: "NotoSansJP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Arial, Helvetica, sans-serif;
    color: #333;
    text-align: left;
    line-height: 1.3;
}

.list-filter-02 li > .toggle-hook > .inner {
    position: relative;
    display: block;
}

.list-filter-02 li > .toggle-hook > .text {
    position: absolute;
    top: 0;
    left: 0;
}

.list-filter-02 > li > .toggle-hook {
    padding-left: 24px;
    font-weight: bold;
}

.list-filter-02 > li > .toggle-hook::before {
    position: absolute;
    top: 4px;
    left: 3px;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.list-filter-02 > li > ul {
    margin: 7px 0 20px 24px;
}

.list-filter-02 > li > ul > li > .toggle-hook {
    padding-left: 25px;
}

.list-filter-02 > li > ul > li > .toggle-hook::before {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #c1c4cd;
    content: "";
}

.list-filter-02 > li > ul > li > .toggle-hook > .inner:before, .list-filter-02 > li > ul > li > .toggle-hook > .inner:after {
    position: absolute;
    display: block;
    background: #446395;
    content: "";
}

.list-filter-02 > li > ul > li > .toggle-hook > .inner:before {
    top: 9px;
    left: -21px;
    width: 7px;
    height: 1px;
}

.list-filter-02 > li > ul > li > .toggle-hook > .inner:after {
    top: 6px;
    left: -18px;
    width: 1px;
    height: 7px;
}

.list-filter-02 > li > ul > li > ul {
    margin: 5px 0 20px 35px;
}

.list-filter-02 > li > ul > li > ul > li {
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.5;
}

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

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

.list-filter-02 > li > ul > li > ul > li + li {
    margin-top: 6px;
}

.list-filter-02 > li > ul > li.is-open > .toggle-hook > .inner:after {
    opacity: 0;
}

.list-filter-02 > li > ul > li + li {
    margin-top: 10px;
}

.list-filter-02 > li:last-child > ul {
    margin-bottom: 0;
}

.list-filter-02 > li:last-child > ul > li:last-child > ul {
    margin-bottom: 0;
}

.list-filter-02 > li.is-open > .toggle-hook::before {
    top: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.list-filter-02 > li + li {
    margin-top: 10px;
}

.list-filter-03 li {
    position: relative;
}

.list-filter-03 li.is-selected {
    position: relative;
    padding-left: 23px;
}

.list-filter-03 li.is-selected::before {
    display: none;
}

.list-filter-03 li.is-selected > button {
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #c1c4cd;
    cursor: pointer;
}

.list-filter-03 li.is-selected > button:before, .list-filter-03 li.is-selected > button:after {
    position: absolute;
    top: 2px;
    left: 6px;
    display: block;
    width: 1px;
    height: 9px;
    background: #446395;
    content: "";
}

.list-filter-03 li.is-selected > button:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-filter-03 li.is-selected > button:after {
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.list-filter-03 li.is-selected > button > .text {
    font-size: 0;
}

.list-filter-03 > li {
    padding-left: 24px;
    line-height: 1.3;
}

.list-filter-03 > li::before {
    position: absolute;
    top: .5em;
    left: 5px;
    display: block;
    width: 7px;
    height: 7px;
    background-color: #aeaeae;
    border-radius: 50vh;
    content: "";
}

.list-filter-03 > li > ul {
    margin-top: 6px;
}

.list-filter-03 > li > ul > li {
    padding-left: 10px;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.5;
}

.list-filter-03 > li > ul > li > ul {
    margin-top: 5px;
    margin-left: 10px;
}

.list-filter-03 > li > ul > li > ul > li {
    font-weight: normal;
}

.list-filter-03 > li > ul > li + li {
    margin-top: 10px;
}

.list-filter-03 > li + li {
    margin-top: 10px;
}

.list-filter-03 > li:last-child > ul {
    margin-bottom: 0;
}

.list-filter-03 > li:last-child > ul > li:last-child > ul {
    margin-bottom: 0;
}

.list-filter-03 > li.is-selected {
    padding-bottom: 10px;
    border-bottom: 2px solid #dedede;
}

.list-filter-03 + .btn-01 {
    margin-top: 15px !important;
}

/*----------------------------------------
 Box
----------------------------------------*/
.box-01 {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 40px;
    border: 2px solid #e4e5e8;
}

.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 {
    position: relative;
    margin-top: -15px;
    font-size: 1.8rem;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .box-01 > .hdg, .box-01 > .hdg-contact {
        margin-top: -5px;
        font-size: 1.6rem;
    }
}

.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 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 2px;
    margin: auto;
    background: #ddd;
    content: "";
}

.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 {
    padding: 10px 15px;
    background: #f8f8f8;
}

.box-02 > *:last-child {
    margin-bottom: 0;
}

.box-02 strong {
    display: block;
    font-size: 1.6rem;
    text-align: center;
}

.box-02._error {
    font-size: 1.6rem;
    text-align: center;
    background: #ffe8eb;
}

.box-04 {
    padding: 10px 15px;
    background: #f8f8f8;
}

.box-04 > *:last-child {
    margin-bottom: 0;
}

.box-04 > .hdg {
    margin-bottom: 5px;
    font-size: 1.8rem;
}

.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-right: 40px;
    padding-bottom: 15px;
    padding-left: 14px;
    font-weight: bold;
    font-size: 1.8rem;
    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;
    font-size: 1.6rem;
    text-align: center;
    background: #ffe8eb;
}

.box-error-01 > *:last-child {
    margin-bottom: 0;
}

.box-confirm-01 {
    padding: 15px;
    text-align: center;
    background: #f8f8f8;
}

.box-confirm-01 > *:last-child {
    margin-bottom: 0;
}

.box-login-01 {
    max-width: 914px;
    margin-right: auto;
    margin-left: auto;
    padding: 35px 186px;
    background: #f8f8f8;
}

.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 {
    margin: 55px 0;
    padding: 25px 30px;
    background: #f1f2f4;
}

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

.box-03 > .hdg {
    margin-bottom: 20px;
    font-size: 2rem;
}

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

.box-product-01 {
    padding: 15px 20px;
    background: #f8f8f8;
}

.box-product-01 > * + * {
    margin-top: 15px;
}

.box-product-01 > .info {
    font-size: 0;
}

.box-product-01 > .info > li {
    display: inline-block;
    margin-top: 0;
    margin-right: 30px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #d11b1b;
}

@media only screen and (max-width: 768px) {
    .box-product-01 > .info > li {
        margin-right: 0;
    }
}

.box-product-01 > p {
    display: inline-block;
    margin-right: 30px;
    font-size: 1.4rem;
    vertical-align: middle;
}

@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 {
    position: fixed;
    top: 73%;
    right: -1px;
    z-index: 2;
    display: none;
    margin: 0;
    -webkit-box-shadow: 0 0 3px #c1c4cd;
    border: 1px solid #c1c4cd;
    border-right: 0;
    box-shadow: 0 0 3px #c1c4cd;
}

[data-script-enabled=true] .box-share-01 {
    display: block;
}

@media only screen and (max-width: 768px) {
    .box-share-01 {
        position: static;
        padding: 0 15px 15px;
        -webkit-box-shadow: none;
        border: 0;
        box-shadow: none;
    }
    * + .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 {
        position: static;
        padding: 0 15px 15px;
        -webkit-box-shadow: none;
        border: 0;
        box-shadow: none;
    }
    .section[class*="_has-bg-"] + .box-share-01 {
        padding-top: 80px;
    }
}

.box-info-01 {
    display: table;
    width: 100%;
    background: #efefef;
}

.box-info-01 > * {
    display: table-cell;
    vertical-align: top;
}

.box-info-01 > .hdg {
    padding: 15px 40px;
    font-size: 1.8rem;
    color: #fff;
    white-space: nowrap;
    background: #6f6f6f;
}

.box-info-01 > .hdg > span {
    position: relative;
    display: inline-block;
    padding-left: 40px;
}

.box-info-01 > .hdg > span:before {
    top: 2px;
    left: 0;
    width: 30px;
    height: 30px;
    background-position: -310px 0;
}

.box-info-01 > .col {
    width: 100%;
    padding: 18px 30px;
}

@media only screen and (max-width: 768px) {
    .box-info-01 {
        display: block;
    }
    .box-info-01 > * {
        display: block;
    }
    .box-info-01 > .hdg {
        padding: 10px;
        font-size: 1.4rem;
        text-align: center;
    }
    .box-info-01 > .hdg > span {
        padding-left: 30px;
    }
    .box-info-01 > .hdg > span:before {
        width: 23.07692px;
        height: 23.07692px;
        background-position: -238.46154px 0;
        background-size: 607.69231px 45.38462px;
    }
    .box-info-01 > .col {
        padding: 10px 25px;
    }
}

.box-info-02 {
    position: relative;
}

.box-info-02::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    content: "";
}

.box-info-02-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px;
}

.box-info-02-inner > .col {
    width: 100%;
    padding: 8px 0;
}

.box-info-02-inner > .col._hdg {
    width: auto;
    padding-right: 23px;

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.box-info-02-inner > .col._hdg .hdg {
    font-size: 1.8rem;
    color: #666;
}

.box-info-02-inner > .col._carousel {
    position: relative;
    padding-right: 23px;
    padding-left: 23px;
}

.box-info-02-inner > .col._carousel::before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 1px;
    height: calc(100% - 16px);
    background-color: #ccc;
    content: "";
}

@media only screen and (max-width: 900px) {
    .box-info-02-inner > .col._carousel {
        width: 70%;
    }
}

@media only screen and (max-width: 768px) {
    .box-info-02-inner {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .box-info-02-inner > .col._hdg {
        width: 80px;
        padding-right: 15px;
    }
    .box-info-02-inner > .col._hdg:lang(en) {
        width: 105px;
    }
    .box-info-02-inner > .col._hdg .hdg {
        font-size: 1.6rem;
    }
    .box-info-02-inner > .col._carousel {
        width: calc(100% - 80px);
        padding-right: 0;
        padding-left: 15px;
    }
    .box-info-02-inner > .col._carousel:lang(en) {
        width: calc(100% - 105px);
    }
}

@media only screen and (min-width: 769px) {
    .box-info-02-inner > .col._hdg {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .box-info-02-inner > .col._carousel {
        width: 56%;

        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
}

@media only screen and (min-width: 900px) {
    .box-info-02-inner > .col._carousel {
        width: 62%;
    }
}

@media only screen and (min-width: 1130px) {
    .box-info-02-inner > .col._carousel {
        width: 70%;
    }
}

.box-search-01 {
    padding: 25px 15px;
    text-align: center;
    background: #e4e5e8;
}

.box-search-01 > .inner {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

.box-search-02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin-left: -32px;

    -webkit-box-align: center;
}

.box-search-02 > .col {
    padding-left: 32px;
}

.box-search-02 > .col._search {
    width: 100%;
}

.box-search-02 > .col._link {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.box-search-02 > .col > *:first-child {
    margin-top: 0;
}

@media only screen and (max-width: 900px) {
    .box-search-02 {
        display: block;
        margin-left: 0;
    }
    .box-search-02 > .col {
        padding-left: 0;
    }
    .box-search-02 > .col._link {
        margin-top: 24px;
    }
}

.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;
    width: calc(50% - 16px);
    margin-bottom: 16px;
    margin-left: 16px;
    border: 1px solid #ccc;
}

.box-pr .box._link-btm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.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 0 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 0 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 {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: calc(100% - 16px);
    height: 1px;
    background: #ccc;
    content: "";
}

@media only screen and (max-width: 768px) {
    .box-pr {
        display: block;
        max-width: 100%;
        margin-bottom: 16px;
        margin-left: 0;
    }
    .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 {
    padding: 12px 15px 40px;
    border: 1px solid #ccc;
}

.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 */
#sv_contact {
    position: fixed;
    top: 23%;
    right: 0;
    z-index: 30;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 3px #c1c4cd;
    border: 1px solid #ccc;
    box-shadow: 0 0 3px #c1c4cd;
}

#sv_contact .contactBtn {
    margin: 0;
    padding: 0;
    font-family: inherit;
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

#sv_contact .contactBtn > span {
    position: relative;
    display: block;
    width: 68px;
    height: 67px;
    padding: 32px 10px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    background: #ea7224;
}

#sv_contact .contactBtn > span:after {
    position: absolute;
    top: 10px;
    right: 18.5px;
    display: block;
    width: 30px;
    height: 20px;
    background-image: url("/-/media/Contec/common/images/ico-mail.png");
    content: "";
}

#sv_contact .contactBtn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

@media only screen and (max-width: 768px) {
    #sv_contact {
        display: none;
    }
}

.box-06 {
    margin-top: 22px;
}

.box-06 > .title {
    padding: 10px 16px 8px;
    color: #fff;
    line-height: 1.5;
    background-color: #999;
    border-radius: 4px 4px 0 0;
}

.box-06-contents {
    margin-top: 0;
    padding: 20px;
    background-color: #f8f8f8;
}

/*----------------------------------------
 Btn
----------------------------------------*/
.btn-01, .btn-02, .btn-03, .btn-04, .btn-05, .btn-search-01 {
    display: inline-block;
    min-width: 200px;
    text-align: center;
    text-decoration: none;
    border-radius: 4em;
}

.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 {
    padding: 11px 20px 12px;
    color: #fff;
    background: #446395;
}

.btn-01:hover, .btn-01:active, .btn-01:focus {
    background: #304f80;
}

.info-wrap .btn-01 {
    padding: 7px 20px 8px;
}

.btn-01.disabled {
    color: #e5e5e5;
    background: #666;
    cursor: default;
}

.btn-01._dl {
    position: relative;
    padding: 13px 31px 14px 53px;
    line-height: 1.5;
}

.btn-01._dl:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 23px;
    width: 24px;
    height: 17px;
    margin: auto;
    background-position: -248px 0;
}

.btn-01._clear {
    width: 100%;
    margin-top: 10px;
    padding: 2px 10px;
    font-size: 1.2rem;
}

.btn-01._clear > span {
    position: relative;
    display: inline-block;
    padding-left: 12px;
}

.btn-01._clear > span:before, .btn-01._clear > span:after {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 1px;
    height: 10px;
    background: #fff;
    content: "";
}

.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-weight: bold;
    font-size: 1.9rem;
}

.btn-02 {
    padding: 8px 25px;
    color: #fff;
    background: #ea7224;
}

.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 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 23px;
    width: 24px;
    height: 17px;
    margin: auto;
    background-position: -248px 0;
}

.btn-03 {
    padding: 7px 24px;
    color: #ea7224;
    border: 1px solid #ea7224;
}

.btn-03:hover, .btn-03:active, .btn-03:focus {
    color: #fff;
    background: #ea7224;
}

.btn-04 {
    padding: 10px 19px 11px;
    color: #446395;
    background: #fff;
    border: 1px solid #446395;
}

.btn-04:hover, .btn-04:active, .btn-04:focus {
    color: #284067;
    background: #efefef;
}

.form-txt-01._code + .btn-04 {
    vertical-align: middle;
}

@media only screen and (min-width: 769px) {
    .form-txt-01._code + .btn-04 {
        min-width: 107px;
        margin-left: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .btn-04 {
        margin-top: 20px;
        margin-left: 0;
    }
    .lyt-btn-01 .btn-04 {
        margin: 0;
    }
}

.btn-05 {
    padding: 10px 20px 11px;
    color: #446395;
    background: #fff;
    border: 1px solid #c1c4cd;
}

.btn-05:hover, .btn-05:active, .btn-05:focus {
    color: #446395;
    background: #efefef;
}

@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 {
    padding: 10px 25px;
    color: #fff;
    background: #5e5c92;
}

.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 {
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    background-position: -151px 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;
        margin-left: -80px;
        padding: 7px 14px 8px;
        font-size: 1.4rem;
    }
    :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 {
    margin-top: 32px;
    text-align: center;
}

@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 {
    margin: 0 0 -10px -8px;
    font-size: 0;
}

.list-btn-01 > li {
    display: inline-block;
    margin: 0 0 10px 8px;
    font-size: 1.4rem;
    text-align: center;
    border: 1px solid #c1c4cd;
    border-radius: 3em;
}

.list-btn-01 > li > a, .list-btn-01 > li > button {
    display: block;
    padding: 6px 20px 7px;
    text-decoration: none;
    border-radius: 3em;
}

.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 {
    color: #446395;
    background: #efefef;
    -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 {
    padding: 6px 20px 7px;
    background: #efefef;
}

.list-btn-02, .list-btn-04 {
    margin-bottom: -10px;
    margin-left: -15px;
    font-size: 0;
}

.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 {
    position: relative;
    display: block;
    width: 68px;
    height: 67px;
    margin: 0 auto;
    padding-top: 45px;
    font-size: 1rem;
    color: #666;
    background: #efefef;
}

.btn-share-01:before {
    top: 13px;
    right: 0;
    left: 0;
    width: 21px;
    height: 27px;
    margin: auto;
    background-position: -222px 0;
}

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

/*----------------------------------------
 Form
----------------------------------------*/
.list-form-01 {
    margin-bottom: -20px;
    font-size: 0;
}

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

.list-form-01._site-search {
    margin-bottom: -15px;
    margin-left: -35px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .list-form-01._site-search {
        margin-left: -10px;
        text-align: left;
    }
}

.list-form-01._site-search > li {
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 35px;
}

@media only screen and (max-width: 768px) {
    .list-form-01._site-search > li {
        width: calc(50% - 10px);
        margin-left: 10px;
        vertical-align: top;
    }
}

.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);
        margin-left: 10px;
        vertical-align: top;
    }
}

@media only screen and (min-width: 769px) {
    .list-form-02 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 -8px -8px;
    }
    .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 {
    min-height: 42px;
    padding: 7px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    -webkit-box-shadow: 1px 1px 3px #eaebee inset;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 1px 1px 3px #eaebee inset;
}

@media only screen and (max-width: 768px) {
    .form-txt-01 {
        width: 100%;
    }
}

.form-txt-01._error {
    border-color: #d11b1b;
}

.form-txt-01._search {
    min-width: 380px;
    padding-right: 55px;
    border-radius: 3em;
}

.box-search-01 .form-txt-01._search {
    -webkit-box-shadow: none;
    border: 0;
    box-shadow: none;
}

.search-wrap .form-txt-01._search {
    min-width: 513px;
    margin: 0 15px 10px 0;
    padding: 6px 15px;
}

.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 {
        min-width: 100%;
        margin-right: 0;
    }
}

.side-content .form-txt-01._search {
    width: 100%;
    min-width: 100%;
    padding-right: 15px;
}

@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 {
    max-width: 226px;
    vertical-align: middle;
}

@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 {
    position: relative;
    display: inline-block;
    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 {
    position: absolute;
    display: block;
    content: "";
    pointer-events: none;
}

.form-select-01:before {
    top: 18px;
    right: 13px;
    border: 6px solid transparent;
    border-top: 9px solid #92a0ae;
}

.form-select-01:after {
    top: 9px;
    right: 37px;
    width: 1px;
    height: 26px;
    background: #ccc;
}

.form-select-01 select {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 7px 46px 7px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

@media only screen and (min-width: 769px) {
    .tbl-form-01 .form-select-01 select {
        min-width: 420px;
    }
}

.form-cb-01, .form-radio-01 {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-size: 1.4rem;
    cursor: pointer;
}

.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 {
    position: absolute;
    display: block;
    content: "";
}

.form-cb-01 > input + span:before, .form-radio-01 > input + span:before {
    top: 1px;
    left: 0;
    width: 23px;
    height: 23px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 3px #eaebee inset;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 3px #eaebee inset;
}

.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-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    height: 100%;
    padding: 15px 15px 15px 48px;
    font-size: 1.6rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;

    -webkit-box-align: center;
}

.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 {
    top: 6px;
    left: 5px;
    width: 14px;
    height: 8px;
    border-bottom: 2px solid #446395;
    border-left: 2px solid #446395;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.list-form-02 .form-cb-01 > input + span:after {
    top: 50%;
    left: 20px;
    margin-top: -6px;
}

.list-form-02 .form-cb-01 {
    position: relative;
    color: #446395;
}

.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 {
    width: 28px;
    height: 41px;
    margin-top: -20.5px;
    background-position: -277px 0;
}

.list-form-02 .form-cb-01.software {
    padding-right: 70px;
}

.list-form-02 .form-cb-01.software:before {
    width: 45px;
    height: 35px;
    margin-top: -17.5px;
    background-position: -465px 0;
}

.list-form-02 .form-cb-01.cad {
    padding-right: 59px;
}

.list-form-02 .form-cb-01.cad:before {
    width: 34px;
    height: 41px;
    margin-top: -20.5px;
    background-position: -380px 0;
}

.list-form-02 .form-cb-01.catalog {
    padding-right: 78px;
}

.list-form-02 .form-cb-01.catalog:before {
    width: 53px;
    height: 34px;
    margin-top: -17px;
    background-position: -515px 0;
}

.form-radio-01 > input + span:before {
    border-radius: 50%;
}

.form-radio-01 > input + span:after {
    top: 8px;
    left: 7px;
    width: 9px;
    height: 9px;
    background: #446395;
    border-radius: 50%;
}

.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 {
    width: 1em;
    padding-right: 15px;
    font-weight: bold;
    white-space: nowrap;
}

.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-align-items: center;
        align-items: center;
        -ms-flex-align: center;

        -webkit-box-align: 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 {
    position: relative;
    display: inline-block;
    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 {
    position: absolute;
    display: block;
    content: "";
    pointer-events: none;
}

.form-calendar-01:before {
    top: 10px;
    right: 8px;
    width: 23px;
    height: 24px;
    background: url("/layouts/Contec/common/images/icon_calendar_01.png");
}

.form-calendar-01:after {
    top: 9px;
    right: 37px;
    width: 1px;
    height: 26px;
    background: #ccc;
}

.form-calendar-01 .calendar-inner-01 {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 7px 46px 7px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

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

.form-search-01 {
    position: relative;
}

.form-search-01 > .label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;

    -webkit-box-align: center;
}

.form-search-01 > .label > .txt {
    padding-right: 15px;
    font-weight: bold;

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.form-search-01 > .label > input {
    width: 100%;
    min-height: 48px;
    padding: 7px 15px;
    border: 1px solid #5e5c92;
    border-radius: 1000px;
}

.form-search-01 > .btn {
    position: absolute;
    top: 4px;
    right: 6px;
    width: 40px;
    height: 40px;
}

.form-search-01 > .btn::before, .form-search-01 > .btn::after {
    position: absolute;
    display: block;
    content: "";
}

.form-search-01 > .btn::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #5e5c92;
    border-radius: 50%;
}

.form-search-01 > .btn::after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    background-position: -151px 0;
}

.form-search-01 > .btn > span {
    visibility: hidden;
}

@media only screen and (max-width: 768px) {
    .form-search-01 > .label > .txt {
        display: none;
    }
}

.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 {
    text-align: center;
    background: #ddd;
}

@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 {
    min-height: 30px;
    background: #f8f8f8;
}

.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;
    width: 100%;
    table-layout: fixed;
}

: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 {
    padding-left: 10px;
    text-align: right;
    white-space: nowrap;
}

.tbl-form-01 tbody th ._icon-a, .tbl-form-01 tbody th ._icon-b {
    display: inline-block;
    min-width: 45px;
    min-height: 20px;
    padding: 0 10px;
    font-weight: normal;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
}

.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;
    font-weight: bold;
    text-align: center;
    background: #e4e4e4;
}

.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;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    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-align-items: center;
    align-items: center;
    -ms-flex-align: center;

    -webkit-box-align: 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-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    text-decoration: none;

    -webkit-box-align: center;
}

.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;
    margin-right: 15px;
    padding: 5px;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
}

.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;
    margin-right: 10px;
    vertical-align: middle;
}

.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 {
    padding: 5px;
    background: #fff;
    border: 1px solid #ddd;
}

.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;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    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 {
    position: relative;
    padding-right: 50px;
}

.tbl-02 tbody td.new > .icon-new, .tbl-03 tbody td.new > .icon-new {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -15px;
}

@-webkit-keyframes tableIcon {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes tableIcon {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.tbl-wrap {
    position: relative;
}

.tbl-wrap + * {
    margin-top: 32px;
}

.tbl-wrap .scrollbar-wrap {
    position: absolute;
    z-index: 1;
    display: none;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin-top: 0;
}

[data-script-enabled="true"] .tbl-wrap .scrollbar-wrap {
    display: block;
}

.tbl-wrap .scrollbar-wrap .scrollbar {
    min-height: 6px;
}

.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-right: 1px solid #ccc;
    border-bottom: 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 {
    position: relative;
    padding: 5px;
    border-left: 0;
}

.tbl-02 tbody td._has-connect:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    content: "";
}

.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;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    height: 100%;
    padding: 5px;

    -webkit-box-align: center;
}

.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-02 tbody tr:nth-child(odd) td {
    background: #fff;
}

.tbl-02 .js-img-change {
    position: relative;
    display: block;
}

.tbl-02 .js-img-change::after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    display: block;
    width: 23px;
    height: 1px;
    background-color: #446395;
    content: "";
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tbl-02 .js-img-change:hover::after, .tbl-02 .js-img-change:active::after, .tbl-02 .js-img-change:focus::after {
    height: 0;
}

.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 {
    color: #fff;
    background-color: #446395;
}

.tbl-04 thead th > img {
    display: block;
    margin: 0 auto;
}

.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 {
    display: table-cell;
    min-height: 183px;
    color: #fff;
    background-color: #446395;
}

.tbl-04 tbody th p {
    display: inline;
    text-align: left;
    line-height: 1.3;
    -ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.tbl-04 tbody td {
    padding: 10px;
    vertical-align: top;
    background-color: #f8f8f8;
}

.tbl-04 tbody td a {
    display: inline-block;
}

.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;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    height: 100%;
    padding: 5px;

    -webkit-box-align: center;
}

.tbl-04 tbody td .lyt-image-01 img {
    max-width: none;
}

.tbl-04 tbody td.cell-margin {
    padding-top: 360px;
}

.tbl-04 tbody td .lyt-item {
    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: -12px;
}

.tbl-04 tbody td .lyt-item > .item {
    margin-top: 10px;
    margin-left: 12px;
}

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

.main-content .tbl-scroll._fixed {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.main-content .tbl-scroll._fixed > table {
    width: 100%;
    table-layout: fixed;
}

.main-content .tbl-scroll._fixed > table > colgroup {
    display: none;
}

.tbl-scroll._fixed thead tr th, .tbl-scroll._fixed tbody tr th {
    width: 120px;
}

.tbl-scroll._fixed thead tr td, .tbl-scroll._fixed tbody tr td {
    width: 120px;
}

.tbl-scroll._fixed thead tr th:first-child {
    width: 350px;
}

.tbl-scroll._fixed tbody tr > *:first-child {
    width: 350px;
}

.tbl-scroll._fixed tbody tr td {
    white-space: nowrap;
}

.tbl-scroll._fixed tbody .icon-02 {
    max-width: initial;
}

@media only screen and (min-width: 769px) {
    .tbl-scroll._fixed thead tr th:first-child {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .tbl-scroll._fixed thead tr th:first-child::before {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 1px;
        height: 100%;
        content: "";
    }
}

@media only screen and (min-width: 769px) and (-ms-high-contrast: none), only screen and (min-width: 769px) and (-ms-high-contrast: active) {
    .tbl-scroll._fixed thead tr th:first-child::before {
        content: none;
    }
}

@media only screen and (min-width: 769px) {
    .tbl-scroll._fixed thead tr th:nth-child(2) {
        border-left: none;
    }
    .tbl-scroll._fixed tbody tr > *:first-child {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .tbl-scroll._fixed tbody tr > *:first-child::before {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 1px;
        height: 100%;
        content: "";
    }
}

@media only screen and (min-width: 769px) and (-ms-high-contrast: none), only screen and (min-width: 769px) and (-ms-high-contrast: active) {
    .tbl-scroll._fixed tbody tr > *:first-child::before {
        content: none;
    }
}

@media only screen and (min-width: 769px) {
    .tbl-scroll._fixed tbody tr > *:nth-child(2) {
        border-left: none;
    }
    .tbl-scroll._fixed .tbl-02 thead tr th:first-child::before {
        background-color: #ccc;
    }
    .tbl-scroll._fixed .tbl-02 thead tr th:nth-child(2) {
        border-left: 1px solid #ccc;
    }
    .tbl-scroll._fixed .tbl-02 tbody tr > *:first-child::before {
        background-color: #ccc;
    }
    .tbl-scroll._fixed .tbl-02 tbody tr > *:nth-child(2) {
        border-left: 1px solid #ccc;
    }
}

.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 {
    margin-top: 2px;
    vertical-align: top;
}

.pager-01 + .tbl-caption {
    margin-top: 10px;
}

/*----------------------------------------
 Layout
----------------------------------------*/
.lyt-image-01 {
    text-align: center;
}

.lyt-image-01 .title {
    display: block;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 1.6rem;
}

.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-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;

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

.lyt-image-03._reverse > .image {
    margin-right: 26px;
    margin-left: 0;
}

.box-03 .lyt-image-03 + * {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
}

@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 {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 768px) {
    .lyt-image-03 {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
    .lyt-image-03._reverse, .lyt-image-03._sp-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;

        -webkit-box-orient: vertical;
        -webkit-box-direction: 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 {
    margin-left: 26px;
    text-align: center;
}

.lyt-image-03 > .image .image-inner a .caption {
    position: relative;
    display: inline-block;
    display: block;
    padding-left: 23px;
}

.lyt-image-03 > .image .image-inner a .caption:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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 {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 768px) {
    .lyt-image-02 {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
    .lyt-image-02 > .image {
        margin-top: 10px;
    }
    .lyt-image-02._reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;

        -webkit-box-orient: vertical;
        -webkit-box-direction: 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 {
        position: absolute;
        top: 0;
        right: 0;
        width: 220px;
    }
}

@media only screen and (max-width: 768px) {
    .lyt-image-04 > a {
        display: block;
    }
}

.lyt-image-04 > a > .title {
    position: relative;
    display: inline-block;
    display: block;
    margin-top: 0;
    margin-bottom: 8px;
    padding-left: 23px;
    font-weight: normal;
    font-size: 1.7rem;
}

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

.lyt-image-04 > a > .title:before {
    top: 9px;
    width: 10px;
    height: 10px;
}

.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 {
    vertical-align: top;
    border: 1px solid #ccc;
}

@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-bottom: -26px;
    margin-left: -16px;
}

.section .section-inner .lyt-image-05:last-child {
    margin-bottom: -26px;
}

.lyt-image-05 > .col, .lyt-image-05 > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 26px;
    margin-left: 16px;
    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 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    min-height: 135px;

    -webkit-box-align: 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-bottom: -26px;
    margin-left: -30px;
}

.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-bottom: 26px;
    margin-left: 30px;
}

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

@media only screen and (max-width: 1064px) {
    .lyt-col-01._bp-tab > .col, .lyt-col-01._bp-tab > li {
        width: 100%;
    }
}

._top-topics .lyt-col-01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: calc(100% + 20px);
    margin-bottom: -20px !important;
    margin-left: -20px;
}

._top-topics .lyt-col-01 > .col, ._top-topics .lyt-col-01 > li {
    width: calc(100% / 4 - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
}

@media only screen and (max-width: 768px) {
    ._top-topics .lyt-col-01 {
        width: calc(100% + 15px);
        margin-bottom: -15px !important;
        margin-left: -15px;
    }
    ._top-topics .lyt-col-01 > .col, ._top-topics .lyt-col-01 > li {
        width: calc(100% / 2 - 15px);
        margin-bottom: 15px;
        margin-left: 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 {
        position: relative;
        width: calc(100% / 2 - 60px);
        margin-left: 60px;
    }
    .lyt-col-01._has-border > .col:before, .lyt-col-01._has-border > li:before {
        position: absolute;
        top: 0;
        left: -30px;
        display: block;
        width: 1px;
        height: 100%;
        background: #ccc;
        content: "";
    }
    .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 {
        padding-top: 16px;
        padding-bottom: 6px;
        border-top: 1px solid #ccc;
    }
    #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;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    height: 122px;
    margin-bottom: 30px;

    -webkit-box-align: center;
}

.lyt-col-01 > .col._cv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.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) {
    width: 280px;
    min-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 {
        width: 360px;
        min-width: 360px;
        margin-right: 30px;
        white-space: nowrap;
    }
    .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 {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: calc(100% - 30px);
        height: 1px;
        border-top: 1px dashed #ddd;
        content: "";
    }
    .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 {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px dashed #ddd;
    }
}

.lyt-col-04 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: calc(100% + 30px);
    margin-bottom: -26px;
    margin-left: -30px;
}

.lyt-col-04 > .col, .lyt-col-04 > li {
    margin-bottom: 26px;
    margin-left: 30px;
}

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

.lyt-col-05-inner > .col > *:first-child {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .lyt-col-05 {
        margin-top: 32px;
    }
    .lyt-col-05-inner {
        margin-bottom: -32px;
    }
    .lyt-col-05-inner > .col {
        padding-bottom: 32px;
    }
}

@media only screen and (min-width: 769px) {
    .lyt-col-05 {
        margin-top: 60px;
    }
    .lyt-col-05:lang(zh-cn) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .modal-content .lyt-col-05:lang(zh-cn) {
        display: block;
    }
    .lyt-col-05 + .lyt-col-05 {
        margin-top: 16px;
    }
    .lyt-col-05-inner {
        margin-bottom: -16px;
        margin-left: -16px;
    }
    .lyt-col-05-inner > .col {
        padding-bottom: 16px;
        padding-left: 16px;
    }
    [data-script-enabled="true"] .lyt-col-05-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .lyt-col-05._col-2 .lyt-col-05-inner > .col {
        width: 50%;
    }
    .lyt-col-05._col-3 .lyt-col-05-inner > .col {
        width: 33.33333%;
    }
    .lyt-col-05._col-4 .lyt-col-05-inner > .col {
        width: 25%;
    }
}

@media only screen and (min-width: 900px) {
    .lyt-col-05 + .lyt-col-05 {
        margin-top: 41px;
    }
    .lyt-col-05-inner {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.lyt-col-06-inner > .col > *:first-child {
    margin-top: 0;
}

.lyt-col-06-inner > .col._hdg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.lyt-col-06-inner > .col._hdg > .hdg {
    text-align: center;
    background-color: #f8f8f8;
    border-radius: 16px 0;
}

.lyt-col-06 + .lyt-col-06 {
    margin-top: 32px;
    padding-top: 30px;
}

@media only screen and (max-width: 768px) {
    .lyt-col-06 {
        margin-top: 30px;
    }
    .lyt-col-06-inner > .col {
        margin-top: 16px;
    }
    .lyt-col-06-inner > .col._hdg > .hdg {
        padding: 20px 23px;
    }
}

@media only screen and (min-width: 769px) {
    .lyt-col-06 {
        margin-top: 30px;
    }
    .lyt-col-06-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .lyt-col-06-inner > .col {
        width: 100%;
        padding-left: 16px;
    }
    .lyt-col-06-inner > .col._hdg {
        width: 190px;
    }
    .lyt-col-06-inner > .col._hdg > .hdg {
        padding: 20px 23px;
    }
    .lyt-col-06-inner > .col > * {
        margin-top: 22px;
    }
    .lyt-col-06 + .lyt-col-06 {
        border-top: 1px dashed #ccc;
    }
}

#product-video-wrap {
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
    padding-top: 56.25%;
}

#product-video-wrap > iframe, #product-video-wrap > video {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.moive-wrap {
    max-width: 400px;
    max-height: 225px;
    margin-right: auto;
    margin-left: auto;
}

.moive-wrap .moive-area {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.moive-wrap .moive-area > iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.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;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: 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 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.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 {
    top: 1087px;
    left: 10px;
    width: 557px;
}

.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 {
    top: 59px;
    left: 10px;
    width: 557px;
}

.lyt-scroll-wrap .container._bx .high-expandability-b {
    top: 620px;
    left: 10px;
    width: 854px;
}

.lyt-scroll-wrap .container._bx .ai-accelerator {
    top: 61px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx .slim-size {
    top: 61px;
    left: 10px;
    width: 855px;
}

.lyt-scroll-wrap .container._bx .ultra-small-b {
    top: 354px;
    right: 10px;
}

.lyt-scroll-wrap .container._bx .railway-in-vehicle {
    top: 781px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx .control-panel {
    top: 942px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx .din-rail-mount-b {
    top: 942px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .slim_01 {
    top: 60px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .slim_02 {
    top: 647px;
    left: 10px;
    width: 542px;
}

.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 .din-rail-mount-b {
    top: 837px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .high-expandability {
    left: 10px;
    width: 542px;
}

.lyt-scroll-wrap .container._bx._jp .slim_03 {
    top: 61px;
    left: 10px;
    width: 855px;
}

.lyt-scroll-wrap .container._bx._jp .high-expandability-b {
    top: 515px;
    left: 10px;
    width: 854px;
}

.lyt-scroll-wrap .container._bx._jp .railway-in-vehicle {
    top: 674px;
    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: 781px;
    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 {
    top: 61px;
    left: 10px;
    width: 855px;
}

.lyt-scroll-wrap .container._epc .high-expandability {
    top: 59px;
    left: 10px;
    width: 557px;
}

.lyt-scroll-wrap .container._epc .ac-input {
    top: 57px;
    left: 10px;
    width: 422px;
}

.lyt-scroll-wrap .container._epc .ac-input._opacity {
    width: 0;
    opacity: 0;
}

.lyt-scroll-wrap .container._epc .dc-input {
    top: 57px;
    left: 10px;
    width: 274px;
}

.lyt-scroll-wrap .container._epc .dc-input._opacity {
    width: 0;
    opacity: 0;
}

.lyt-scroll-wrap .container._epc._jp .high-expandability {
    top: 57px;
    left: 10px;
    width: 542px;
}

.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-u1220p1_jetson {
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .dx-u1220_jetson {
    top: 220px;
    left: 10px;
}

.lyt-scroll-wrap .container .dx-u1200p1_jetson {
    top: 353px;
    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 .dx-u1100p1_jetson {
    top: 752px;
    left: 10px;
}

.lyt-scroll-wrap .container .dx-u1100_jetson {
    top: 885px;
    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-3x_celeron {
    top: 85px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010-2x_celeron {
    top: 218px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010_celeron_02 {
    top: 351px;
    left: 10px;
}

.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-3x_corei5 {
    top: 85px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010-2x_corei5 {
    top: 218px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010_corei5_02 {
    top: 351px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-4000p4_corei5 {
    top: 85px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-4000p2_corei5 {
    top: 218px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-4000_corei5 {
    top: 351px;
    left: 10px;
}

.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 .epc-3010-3x_corei7 {
    top: 85px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010-2x_corei7 {
    top: 218px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-3010_corei7_02 {
    top: 351px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-4000p4_corei7 {
    top: 85px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-4000p2_corei7 {
    top: 218px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .epc-4000_corei7 {
    top: 351px;
    left: 10px;
}

.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: 220px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-220_celeron-n-atom {
    top: 220px;
    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-m210-sata_celeron-n-atom {
    top: 647px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m210-gpio_celeron-n-atom {
    top: 647px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-830_celeron-n-atom {
    top: 808px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-r100_celeron-n-atom {
    top: 808px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-c212-g_celeron-n-atom {
    top: 969px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .cps-bxc200_celeron-n-atom {
    top: 969px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-c211-g_celeron-n-atom {
    top: 1102px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-320_celeron-n-atom {
    top: 864px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-c210-g_celeron-n-atom {
    top: 1235px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-825_celeron-n-atom {
    top: 1235px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-321_celeron-n-atom {
    top: 1102px;
    left: 146px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t1020_intel-celeron {
    top: 353px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s2000t_intel-celeron {
    top: 486px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m2510-j2_intel-celeron {
    top: 647px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3300_intel-celeron {
    top: 926px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2_intel-celeron {
    top: 1059px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2a_intel-celeron {
    top: 1205px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000_intel-celeron {
    top: 1351px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1020p4_intel-celeron {
    top: 1484px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1020p2_intel-celeron {
    top: 1630px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1020_intel-celeron {
    top: 1776px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m2510-j4_intel-core-i3 {
    top: 647px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3300_intel-core-i3 {
    top: 926px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t3000r_intel-core-i3 {
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t3000_intel-core-i3 {
    top: 220px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t1010_intel-core-i5 {
    top: 353px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s2000t_intel-core-i5 {
    top: 486px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2_intel-core-i5 {
    top: 1059px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2a_intel-core-i5 {
    top: 1205px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000_intel-core-i5 {
    top: 1351px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010p4_intel-core-i5 {
    top: 1484px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010p2_intel-core-i5 {
    top: 1630px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m1010_intel-core-i5 {
    top: 1776px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m2510-j5_intel-core-i5 {
    top: 647px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3300p2_intel-core-i5 {
    top: 780px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t3000r_intel-core-i5 {
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t3000_intel-core-i5 {
    top: 220px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t1000_intel-core-i7 {
    top: 353px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3300_intel-core-i7 {
    top: 926px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2_intel-core-i7 {
    top: 1059px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000p2a_intel-core-i7 {
    top: 1205px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3000_intel-core-i7 {
    top: 1351px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-m2510-j8_intel-core-i7 {
    top: 647px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-s3300p2_intel-core-i7 {
    top: 780px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t3000r_intel-core-i7 {
    top: 87px;
    left: 10px;
}

.lyt-scroll-wrap .container .lyt-fig-link-wrap .bx-t3000_intel-core-i7 {
    top: 220px;
    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: 864px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-c211-j_celeron-n-atom {
    top: 997px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-c210-j_celeron-n-atom {
    top: 1130px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m210-sata_celeron-n-atom {
    top: 542px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m210-gpio_celeron-n-atom {
    top: 542px;
    left: 146px;
}

.lyt-scroll-wrap .container._bx._jp .bx-830_celeron-n-atom {
    top: 703px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-r100_celeron-n-atom {
    top: 703px;
    left: 146px;
}

.lyt-scroll-wrap .container._bx._jp .cps-bxc200_celeron-n-atom {
    top: 864px;
    left: 146px;
}

.lyt-scroll-wrap .container._bx._jp .bx-321_celeron-n-atom {
    top: 997px;
    left: 146px;
}

.lyt-scroll-wrap .container._bx._jp .bx-825_celeron-n-atom {
    top: 1130px;
    left: 146px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2510-j2_intel-celeron {
    top: 542px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2500-j2_intel-celeron {
    top: 675px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1520p2_intel-celeron {
    top: 808px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1520p2a_intel-celeron {
    top: 954px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1520_intel-celeron {
    top: 1100px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1020p4_intel-celeron {
    top: 1233px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1020p2_intel-celeron {
    top: 1379px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1020_intel-celeron {
    top: 1525px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2510-j4_intel-core-i3 {
    top: 542px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2500-j4_intel-core-i3 {
    top: 675px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2510-j5_intel-core-i5 {
    top: 542px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2500-j5_intel-core-i5 {
    top: 675px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1510p2_intel-core-i5 {
    top: 808px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1510p2a_intel-core-i5 {
    top: 954px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1510_intel-core-i5 {
    top: 1100px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1010p4_intel-core-i5 {
    top: 1233px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1010p2_intel-core-i5 {
    top: 1379px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1010_intel-core-i5 {
    top: 1525px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2510-j8_intel-core-i7 {
    top: 542px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m2500-j8_intel-core-i7 {
    top: 675px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1500p2_intel-core-i7 {
    top: 808px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1500p2a_intel-core-i7 {
    top: 954px;
    left: 10px;
}

.lyt-scroll-wrap .container._bx._jp .bx-m1500_intel-core-i7 {
    top: 1100px;
    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;
    top: 0;
    left: 0;
    z-index: 1;
}

.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 {
    margin-bottom: 0;
    padding: 63px 0 0 55px;
}

.lyt-fig-link._vpc._jp {
    padding: 63px 0 0 55px;
}

.lyt-fig-link._vpc._cn {
    padding: 63px 0 0 55px;
}

.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: 40px;
    left: 0;
    margin-bottom: 0;
}

.lyt-fig-link._epc {
    margin-bottom: 0;
    padding: 64px 263px 0 88px;
}

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

.lyt-display {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;

    -webkit-box-align: end;
}

@media only screen and (max-width: 768px) {
    .lyt-display {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;
        margin-bottom: 12px;
        padding-bottom: 10px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
    }
}

.lyt-display .page-result {
    margin-right: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

@media only screen and (max-width: 768px) {
    .lyt-display .page-result {
        width: 100%;
        margin-right: 0;
    }
}

.lyt-display .page-result + .list-result-01 {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .lyt-display .page-result + .list-result-01 {
        margin-top: 7px;
    }
}

@media only screen and (max-width: 768px) {
    .lyt-display .list-result-01 {
        width: 100%;
    }
}

.lyt-display .list-result-01 > dt {
    margin-top: 0;
}

.lyt-display .list-result-01 > dd {
    padding-right: 10px;
}

.lyt-display .list-result-01 > dd > ul > li::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lyt-display .list-result-01 > dd > ul > li > * {
    min-width: auto;
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
}

.lyt-display + *:not(.pager-01) {
    margin-top: 52px;
}

@media only screen and (max-width: 768px) {
    .lyt-display + *:not(.pager-01) {
        margin-top: 42px;
    }
}

.list-form-01._site-search + .lyt-display {
    margin-top: 42px;
}

/*----------------------------------------
 JS
----------------------------------------*/
[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 {
        position: absolute;
        position: absolute;
        display: block;
        background: #000;
        content: "";
    }
    [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;
    }
}

@-webkit-keyframes loadingAnimationFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes loadingAnimationFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes loadingAnimation {
    0% {
        left: -65px;
        opacity: 0;
    }
    30% {
        left: -65px;
        opacity: 0;
    }
    80% {
        left: 167px;
        opacity: 1;
    }
    100% {
        left: 167px;
        opacity: 0;
    }
}

@keyframes loadingAnimation {
    0% {
        left: -65px;
        opacity: 0;
    }
    30% {
        left: -65px;
        opacity: 0;
    }
    80% {
        left: 167px;
        opacity: 1;
    }
    100% {
        left: 167px;
        opacity: 0;
    }
}

[data-script-enabled=true] #loading-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    -webkit-transition: all 1s;
    transition: all 1s;
}

[data-script-enabled=true] #loading-wrap.loaded {
    visibility: hidden;
    opacity: 0;
}

[data-script-enabled=true] #loading-wrap > .loading-item {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: loadingAnimationFadeIn .3s;
    animation: loadingAnimationFadeIn .3s;
}

[data-script-enabled=true] #loading-wrap > .loading-item > .loading-line {
    position: relative;
    display: block;
    overflow: hidden;
    width: 232px;
    height: 3px;
    margin-top: 15px;
    background: #aaa;
    border-radius: 1.5px;
}

[data-script-enabled=true] #loading-wrap > .loading-item > .loading-line::before {
    position: absolute;
    bottom: 0;
    left: -65px;
    width: 65px;
    height: 3px;
    background: #20992a;
    content: "";
    -webkit-animation: loadingAnimation 2s ease-in-out .6s infinite;
    animation: loadingAnimation 2s ease-in-out .6s infinite;
}

.toggle-side-fixed {
    position: fixed;
    right: 0;
    display: none;
}

[data-script-enabled=true] .toggle-side-fixed {
    display: block;
}

.toggle-side-fixed._local {
    top: 15%;
    z-index: 31;
    margin: 0;
}

.toggle-side-fixed._local .toggle-side-fixed-inner {
    z-index: 31;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: calc(100vh - 253px);
    padding: 20px 73px 20px 23px;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .hdg-link a {
    display: block;
    padding: 13px 12px 12px;
    font-size: 1.2rem;
    color: #333;
    text-align: center;
    text-decoration: none;
    background: #f5834f;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li {
    margin-top: 5px;
    border-left: 2px solid #f5834f;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
    min-height: 46px;
    padding: 13px 12px 12px;
    padding: 6px 12px 5px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    text-decoration: none;
    background: #434343;

    -webkit-box-align: center;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > a .sub {
    display: block;
    font-weight: normal;
    font-size: 1.2rem;
}

.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 {
    display: block;
    width: 100%;
}

.toggle-side-fixed._local .toggle-side-fixed-inner .list-local > li > button.toggle-hook > .inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    min-height: 46px;
    padding: 13px 12px 12px;
    padding: 6px 12px 5px;
    padding-right: 44px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    text-decoration: none;
    background: #434343;

    -webkit-box-align: center;
}

.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 {
    position: absolute;
    top: 50%;
    right: 19px;
    display: block;
    width: 14px;
    height: 2px;
    margin-top: -1px;
    background: #fff;
    content: "";
}

.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 {
    display: block;
    font-weight: normal;
    font-size: 1.2rem;
}

.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;
    padding: 6px 12px 5px;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #434343;
}

.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;
        width: 100%;
        max-height: inherit;
        padding: 16px;
    }
}

.toggle-side-fixed._contact {
    top: 63%;
    z-index: 30;
    margin: 0;
}

.toggle-side-fixed._contact .toggle-side-fixed-inner {
    overflow-y: auto;
    max-height: calc(100vh - 253px);
    padding: 13px 50px 20px 10px;
}

@media only screen and (max-width: 768px) {
    .toggle-side-fixed._contact {
        display: none !important;
    }
}

.toggle-side-fixed .btn-local {
    position: relative;
    display: block;
    width: 64px;
    height: 60px;
    padding: 38px 6px 3px 13px;
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    background: #f08336;
}

.toggle-side-fixed .btn-local::before {
    position: absolute;
    top: 28px;
    left: 3px;
    display: block;
    border-width: 4px 4px 4px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    content: "";
}

.toggle-side-fixed .btn-local::after {
    position: absolute;
    top: 10px;
    left: 19px;
    display: block;
    width: 32px;
    height: 3px;
    background: #fff;
    border-radius: 3px;
    content: "";
}

.toggle-side-fixed .btn-local > .btn-local-inner::before, .toggle-side-fixed .btn-local > .btn-local-inner::after {
    position: absolute;
    top: 20px;
    left: 19px;
    display: block;
    width: 32px;
    height: 3px;
    background: #fff;
    border-radius: 3px;
    content: "";
}

.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;
    top: 2px;
    left: 2px;
    color: transparent;
}

.toggle-side-fixed .btn-contact {
    position: relative;
    display: block;
    width: 68px;
    height: 67px;
    padding: 29px 6px 3px 13px;
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    background: #090;
}

.toggle-side-fixed .btn-contact:before {
    position: absolute;
    top: 28px;
    left: 3px;
    display: block;
    border-width: 4px 4px 4px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    content: "";
}

.toggle-side-fixed .btn-contact:after {
    top: 5px;
    left: 21px;
    width: 30px;
    height: 20px;
    background-position: -345px 0;
}

.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;
    top: 2px;
    left: 2px;
    color: transparent;
}

.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;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    padding-top: 26px;
    font-size: 1rem;
    background: #ffd6c0;
}

.toggle-side-fixed .toggle-side-fixed-inner > .toggle-btn-close::before, .toggle-side-fixed .toggle-side-fixed-inner > .toggle-btn-close::after {
    position: absolute;
    top: 17px;
    left: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #333;
    content: "";
}

.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 {
    position: relative;
    margin-top: 25px;
    padding-top: 20px;
}

.toggle-side-fixed .toggle-side-fixed-inner .list-cv > li + li::after {
    position: absolute;
    top: 0;
    left: 32px;
    display: block;
    width: 299px;
    height: 1px;
    background: #fff;
    content: "";
}

.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 {
    margin-top: 3px;
    font-size: 1.2rem;
}

.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;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    padding-top: 26px;
    font-size: 1rem;
    background: #ffd6c0;
}

.toggle-side-fixed > .toggle-btn-close::before, .toggle-side-fixed > .toggle-btn-close::after {
    position: absolute;
    top: 17px;
    left: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #333;
    content: "";
}

.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 {
    top: 29%;
    right: 8px;
    width: 7px;
    height: 10px;
    background-position: -12px 0;
    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;
    background: #fff;
    outline: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

@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 {
    overflow: hidden !important;
    width: 100% !important;
}

#cboxLoadedContent {
    max-height: 710px;
}

@media only screen and (max-width: 768px) {
    #cboxLoadedContent {
        max-height: 400px;
    }
}

#cboxOverlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    cursor: pointer;
}

#cboxClose {
    position: absolute;
    top: 17px;
    right: 20px;
    z-index: 1;
    width: 20px;
    height: 20px;
    margin: 0;
    font-size: 0;
}

#cboxClose:before, #cboxClose:after {
    position: absolute;
    top: -2px;
    left: 9px;
    display: block;
    width: 3px;
    height: 25px;
    background: #92a0ae;
    content: "";
}

#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;
    width: 8em;
    height: auto;
    font-size: 1.4rem;
}

: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%;
    max-width: 1000px;
    min-height: 100%;
}

#cboxContent.unload {
    opacity: 0;
}

#cboxContent.load {
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

[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 {
    position: relative;
    display: block;
    cursor: default;
}

[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 {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}

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

#top .js-carousel-07 {
    position: relative;
    height: 300px;
}

#top .js-carousel-07 .carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#top .js-carousel-07 .image > img {
    width: 100%;
}

[data-script-enabled=true] .js-carousel-01, [data-script-enabled=true] .js-carousel-07 {
    display: block;
    max-width: 1400px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 769px) {
    #top [data-script-enabled=true] .js-carousel-01, #top
    [data-script-enabled=true] .js-carousel-07 {
        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;
}

[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 {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 43px;
    height: 43px;
    margin: auto;
    font-size: 0;
}

@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;
    width: 30px;
    height: 30px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
}

@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;
    right: 0;
    bottom: -33px;
    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 {
    width: 12px;
    height: 12px;
    font-size: 0;
    vertical-align: middle;
    background: #fff;
    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;
    right: 0;
    bottom: -33px;
    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 {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block !important;
    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 {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-left: 18px;
    padding: 0;
    font-size: 1rem;
    color: transparent;
    -webkit-transition: background .2s ease 0s;
    transition: background .2s ease 0s;
}

[data-script-enabled=true] .carousel-control .btn-control:after, [data-script-enabled=true] .carousel-control .btn-control:before {
    position: absolute;
    top: 0;
    display: block;
    height: 16px;
    border: 2px solid #fff;
    content: "";
}

[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 {
    top: 0;
    left: 5px;
    height: auto;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #fff;
}

[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, [data-script-enabled=true] #top .js-carousel-07 .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, [data-script-enabled=true] #top .js-carousel-07 .carousel-item .image img {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    [data-script-enabled=true] #top .js-carousel-01 .carousel-item .image, [data-script-enabled=true] #top .js-carousel-07 .carousel-item .image {
        margin-right: -30%;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup, [data-script-enabled=true] #top .js-carousel-07 .carousel-item .pickup {
    position: absolute;
    right: 50%;
    bottom: 70px;
    width: 540px;
    margin-right: -540px;
    padding: 20px 30px;
    color: #fff;
    background: rgba(63, 67, 70, .78);
}

@media only screen and (min-width: 769px) {
    [data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup, [data-script-enabled=true] #top .js-carousel-07 .carousel-item .pickup {
        height: initial !important;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup .hdg, [data-script-enabled=true] #top .js-carousel-07 .carousel-item .pickup .hdg {
    margin-bottom: 15px;
    font-size: 3rem;
    line-height: 1.4;
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup p, [data-script-enabled=true] #top .js-carousel-07 .carousel-item .pickup p {
    font-size: 1.6rem;
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup .btn-01, [data-script-enabled=true] #top .js-carousel-07 .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, [data-script-enabled=true] #top .js-carousel-07 .carousel-item .pickup .btn-01:hover, [data-script-enabled=true] #top .js-carousel-07 .carousel-item .pickup .btn-01:active, [data-script-enabled=true] #top .js-carousel-07 .carousel-item .pickup .btn-01:focus {
    background: rgba(255, 255, 255, .1);
}

@media only screen and (max-width: 1130px) {
    [data-script-enabled=true] #top .js-carousel-01 .carousel-item .pickup, [data-script-enabled=true] #top .js-carousel-07 .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, [data-script-enabled=true] #top .js-carousel-07 .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, [data-script-enabled=true] #top .js-carousel-07 .carousel-item .pickup .hdg {
        font-size: 2rem;
    }
}

@media screen and (min-width: 1920px) {
    [data-script-enabled=true] #top .js-carousel-01 .slick-slide img, [data-script-enabled=true] #top .js-carousel-07 .slick-slide img {
        width: 100%;
    }
}

@media only screen and (min-width: 769px) {
    [data-script-enabled=true] #top .js-carousel-01 .slick-slide img, [data-script-enabled=true] #top .js-carousel-07 .slick-slide img {
        max-width: none;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .slick-arrow:before, [data-script-enabled=true] #top .js-carousel-07 .slick-arrow:before {
    border-color: #fff;
}

[data-script-enabled=true] #top .js-carousel-01 .slick-arrow.slick-prev, [data-script-enabled=true] #top .js-carousel-07 .slick-arrow.slick-prev {
    left: 84px;
    margin-left: 0;
}

[data-script-enabled=true] #top .js-carousel-01 .slick-arrow.slick-next, [data-script-enabled=true] #top .js-carousel-07 .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, [data-script-enabled=true] #top .js-carousel-07 .slick-arrow {
        top: 44.5333vw;
        bottom: auto;
        margin-top: 6px;
    }
    [data-script-enabled=true] #top .js-carousel-01 .slick-arrow.slick-prev, [data-script-enabled=true] #top .js-carousel-07 .slick-arrow.slick-prev {
        left: 15px;
    }
    [data-script-enabled=true] #top .js-carousel-01 .slick-arrow.slick-next, [data-script-enabled=true] #top .js-carousel-07 .slick-arrow.slick-next {
        right: 15px;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .slick-dots, [data-script-enabled=true] #top .js-carousel-07 .slick-dots {
    right: 50%;
    bottom: 83px;
    left: auto;
    width: 590px;
    margin: 0;
    margin-right: -326px;
}

@media only screen and (max-width: 1130px) {
    [data-script-enabled=true] #top .js-carousel-01 .slick-dots, [data-script-enabled=true] #top .js-carousel-07 .slick-dots {
        right: 0;
        margin-right: 222px;
    }
}

@media only screen and (max-width: 768px) {
    [data-script-enabled=true] #top .js-carousel-01 .slick-dots, [data-script-enabled=true] #top .js-carousel-07 .slick-dots {
        bottom: 20px;
        left: 0;
        width: auto;
        margin: 0 auto;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-control, [data-script-enabled=true] #top .js-carousel-07 .carousel-control {
    width: 100%;
    height: 40px;
    padding: 6px 0;
    background: rgba(111, 111, 111, .5);
}

@media only screen and (min-width: 769px) {
    [data-script-enabled=true] #top .js-carousel-01 .carousel-control, [data-script-enabled=true] #top .js-carousel-07 .carousel-control {
        bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    [data-script-enabled=true] #top .js-carousel-01 .carousel-control, [data-script-enabled=true] #top .js-carousel-07 .carousel-control {
        top: 44.5333vw;
        bottom: inherit;
        left: 0;
        margin: 0 auto;
    }
}

[data-script-enabled=true] #top .js-carousel-01 .carousel-control .slick-dots, [data-script-enabled=true] #top .js-carousel-07 .carousel-control .slick-dots {
    right: auto;
    bottom: auto;
    width: auto;
    margin-right: 0;
}

@media only screen and (max-width: 1130px) {
    [data-script-enabled=true] #top .js-carousel-01 .carousel-control .slick-dots, [data-script-enabled=true] #top .js-carousel-07 .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, [data-script-enabled=true] #top .js-carousel-07 .carousel-control .slick-dots {
        bottom: auto;
        left: auto;
        width: auto;
    }
}

[data-script-enabled=true] #top .js-carousel-07 {
    overflow: hidden;
    height: auto;
}

[data-script-enabled=true] #top .js-carousel-07 .carousel-item {
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    [data-script-enabled=true] #top .js-carousel-07 .carousel-item .image {
        margin-right: -106%;
    }
}

[data-script-enabled=true] #top .js-carousel-07 .carousel-item .image > img {
    width: 100%;
    height: auto;
}

[data-script-enabled=true] #top .js-carousel-07 .carousel-item .pickup {
    padding: 20px 50px;
}

@media only screen and (min-width: 769px) {
    [data-script-enabled=true] #top .js-carousel-07 .carousel-item .pickup {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    [data-script-enabled=true] #top .js-carousel-07 .slick-arrow {
        top: 44vw;
    }
}

@media only screen and (max-width: 768px) {
    [data-script-enabled=true] #top .js-carousel-07 .carousel-control {
        top: 44vw;
    }
}

[data-script-enabled=true] #top .js-carousel-07 .slick-slide:nth-child(n+1) {
    display: none;
}

[data-script-enabled=true] #top .js-carousel-07.slick-initialized .slick-slide {
    display: block;
}

@media only screen and (min-width: 769px) {
    [data-script-enabled=true] .js-carousel-02 .slick-list, [data-script-enabled=true] .js-carousel-05 .slick-list {
        margin-left: -20px;
    }
    [data-script-enabled=true] .js-carousel-02 .carousel-item, [data-script-enabled=true] .js-carousel-05 .carousel-item {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 1216px) {
    [data-script-enabled=true] .js-carousel-02, [data-script-enabled=true] .js-carousel-05 {
        margin-right: 43px;
        margin-left: 43px;
    }
}

@media only screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-02, [data-script-enabled=true] .js-carousel-05 {
        margin-right: 0;
        margin-left: 0;
    }
}

[data-script-enabled=true] .js-carousel-02 .slick-arrow:before, [data-script-enabled=true] .js-carousel-05 .slick-arrow:before {
    border-color: #92a0ae;
}

@media only screen and (max-width: 1216px) {
    [data-script-enabled=true] .js-carousel-02 .slick-arrow.slick-prev, [data-script-enabled=true] .js-carousel-05 .slick-arrow.slick-prev {
        left: -43px;
    }
    [data-script-enabled=true] .js-carousel-02 .slick-arrow.slick-next, [data-script-enabled=true] .js-carousel-05 .slick-arrow.slick-next {
        right: -43px;
    }
}

@media only screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-02 .slick-arrow.slick-prev, [data-script-enabled=true] .js-carousel-05 .slick-arrow.slick-prev {
        left: 0;
    }
    [data-script-enabled=true] .js-carousel-02 .slick-arrow.slick-next, [data-script-enabled=true] .js-carousel-05 .slick-arrow.slick-next {
        right: 0;
    }
}

[data-script-enabled=true] ._sv .carousel-control .slick-dots > li button {
    background-color: #d9dade;
}

[data-script-enabled=true] ._sv .carousel-control .btn-control:before, [data-script-enabled=true] ._sv .carousel-control .btn-control:after {
    background-color: #d9dade;
    border: 2px solid #d9dade;
}

[data-script-enabled=true] ._sv .carousel-control .btn-control.is-stop:after {
    background-color: transparent;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #d9dade;
}

#top .js-carousel-02 + * {
    margin-top: 24px;
}

.carousel-product-clone {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 1000px;
    max-width: 1000px;
}

@media only screen and (max-width: 1015px) {
    .carousel-product-clone {
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
        margin: 0 15px;
    }
}

.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 {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: none;
    width: 43px;
    height: 43px;
    margin: auto;
    font-size: 0;
}

@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;
    width: 30px;
    height: 30px;
    border-top: 2px solid #92a0ae;
    border-right: 2px solid #92a0ae;
    content: "";
}

@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 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    height: 360px;
    margin: 0 auto;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-align: center;
}

@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 {
    position: relative;
    height: 100%;
}

.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 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    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);
    margin-bottom: 13px;
    margin-left: 13px;
    font-size: 1.6rem;
    vertical-align: top;
}

.list-thumb > li a, .list-thumb > li button {
    position: relative;
    display: block;
    height: 110px;
    border: 1px solid #ddd;
    -webkit-transition: none;
    transition: none;
}

@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 {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: 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 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.3;
    text-decoration: none;
    border: 0;
    outline: 0;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    display: table;
    border-collapse: collapse;
    content: "";
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-top: -.25em;
    vertical-align: middle;
    text-indent: -99999px;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    display: block;
    margin-left: -8px;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    display: none;
    width: 17em;
    padding: .2em .2em 0;
}

.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 {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    text-align: center;
    line-height: 1.8em;
}

.ui-datepicker .ui-datepicker-title select {
    margin: 1px 0;
    font-size: 1em;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    margin: 0 0 .4em;
    font-size: .9em;
    border-collapse: collapse;
}

.ui-datepicker th {
    padding: .7em .3em;
    font-weight: bold;
    text-align: center;
    border: 0;
}

.ui-datepicker td {
    padding: 1px;
    border: 0;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: .7em 0 0 0;
    padding: 0 .2em;
    background-image: none;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    overflow: visible;
    width: auto;
    margin: .5em .2em .4em;
    padding: .2em .6em .3em .6em;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.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;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    right: auto;
    left: 2px;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    right: auto;
    left: 1px;
}

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

/* Icons */
.ui-datepicker .ui-icon {
    top: .3em;
    left: .5em;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    background-repeat: no-repeat;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-size: 1em;
    font-family: Arial,Helvetica,sans-serif;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 1em;
    font-family: Arial,Helvetica,sans-serif;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    color: #333;
    background: #fff;
    border: 1px solid #ddd;
}

.ui-widget-content a {
    color: #333;
}

.ui-widget-header {
    font-weight: bold;
    color: #333;
    background: #e9e9e9;
    border: 1px solid #ddd;
}

.ui-widget-header a {
    color: #333;
}

/* Interaction states
----------------------------------*/
.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 {
    font-weight: normal;
    color: #454545;
    background: #f6f6f6;
    border: 1px solid #c5c5c5;
}

.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 {
    font-weight: normal;
    color: #2b2b2b;
    background: #ededed;
    border: 1px solid #ccc;
}

.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 {
    font-weight: normal;
    color: #fff;
    background: #007fff;
    border: 1px solid #003eff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    background-color: #fff;
    border: #003eff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: #777620;
    background: #fffa90;
    border: 1px solid #dad55e;
}

.ui-state-checked {
    background: #fffa90;
    border: 1px solid #dad55e;
}

.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 {
    color: #5f3f3f;
    background: #fddfdf;
    border: 1px solid #f1a899;
}

.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 {
    /* support: IE8 */
    font-weight: normal;
    opacity: .7;
    filter: Alpha(Opacity=70);
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    /* support: IE8 */
    background-image: none;
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.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;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.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;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
}

.js-tbl-scroll {
    position: relative;
}

.js-tbl-scroll-icon {
    position: absolute;
    top: 50%;
    left: 65%;
    z-index: 1;
    display: none;
    width: 95px;
    height: 95px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.js-tbl-scroll-icon + * {
    margin-top: 0;
}

.js-tbl-scroll-img {
    width: 95px;
    height: 95px;
}

[data-script-enabled=true] .js-tbl-scroll-icon {
    display: block;
    width: 95px;
    height: 95px;
    -webkit-transition: .4s;
    transition: .4s;
}

[data-script-enabled=true] .js-tbl-scroll-icon.is-scrolled {
    width: 95px;
    height: 95px;
    opacity: 0;
    pointer-events: none;
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(127, 117, 117, .4);
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.overlay.is-show {
    opacity: 1;
}

.box-info-02-inner .ctrlWrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 208px;
    padding: 0 20px;
    background-color: #fff;

    -webkit-box-align: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media only screen and (max-width: 768px) {
    .box-info-02-inner .ctrlWrap {
        position: static;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: calc(100% + 30px);
        margin: 0 -15px;
        padding: 12px 20px;
    }
}

.box-info-02-inner .ctrlWrap .slick-arrow {
    position: static;
    width: auto;
    height: auto;
    margin: 0 !important;
}

.box-info-02-inner .ctrlWrap .slick-arrow::before, .box-info-02-inner .ctrlWrap .slick-arrow::after {
    width: 10px !important;
    height: 10px !important;
    border-color: #92a0ae;
}

@media only screen and (max-width: 768px) {
    .box-info-02-inner .ctrlWrap .slick-arrow::before, .box-info-02-inner .ctrlWrap .slick-arrow::after {
        width: 18px;
        height: 18px;
    }
}

.box-info-02-inner .ctrlWrap .slick-dots {
    position: static;
    margin: 0 !important;
}

.box-info-02-inner .ctrlWrap .slick-dots > li + li {
    margin-left: 10px !important;
}

.box-info-02-inner .ctrlWrap .slick-dots button {
    width: 10px !important;
    height: 10px !important;
    background-color: #446395;
    border: 1px solid #446395;
    border-radius: 50%;
}

.box-info-02-inner .ctrlWrap .slick-dots .slick-active button {
    background-color: #fff;
}

.box-info-02-inner .ctrlWrap .slick-dots + .slick-prev {
    margin-left: 20px !important;
}

.box-info-02-inner .ctrlWrap .stopBtn {
    position: relative;
    overflow: hidden;
    width: 6px;
    height: 10px;
    margin-right: 15px;
    margin-left: 15px;
    text-indent: 100%;
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {
    .box-info-02-inner .ctrlWrap .stopBtn {
        width: 12px;
        height: 16px;
    }
}

.box-info-02-inner .ctrlWrap .stopBtn::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2px;
    height: 10px;
    background-color: #92a0ae;
    content: "";
}

@media only screen and (max-width: 768px) {
    .box-info-02-inner .ctrlWrap .stopBtn::before {
        width: 4px;
        height: 16px;
    }
}

.box-info-02-inner .ctrlWrap .stopBtn::after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 2px;
    height: 10px;
    background-color: #92a0ae;
    content: "";
}

@media only screen and (max-width: 768px) {
    .box-info-02-inner .ctrlWrap .stopBtn::after {
        width: 4px;
        height: 16px;
    }
}

.box-info-02-inner .ctrlWrap .stopBtn.is-press::before {
    width: 0;
    height: 0;
    background-color: transparent;
    border-width: 5px 0 5px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #92a0ae;
}

@media only screen and (max-width: 768px) {
    .box-info-02-inner .ctrlWrap .stopBtn.is-press::before {
        border-width: 8px 0 8px 12px;
    }
}

.box-info-02-inner .ctrlWrap .stopBtn.is-press::after {
    display: none;
}

.js-carousel-05 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.js-carousel-05 .carousel-item {
    width: calc(25% - 20px);
    margin-left: 20px;
}

.js-carousel-05 .carousel-item:nth-child(n + 5) {
    display: none;
}

@media only screen and (max-width: 768px) {
    .js-carousel-05 .carousel-item {
        width: 100%;
        margin-left: 0;
    }
    .js-carousel-05 .carousel-item:nth-child(n + 2) {
        display: none;
    }
}

[data-script-enabled=true] .js-carousel-05 {
    display: block;
}

[data-script-enabled=true] .js-carousel-05 .carousel-item {
    width: auto;
}

[data-script-enabled=true] .js-carousel-05 .carousel-item:nth-child(n + 5) {
    display: block;
}

@media only screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-05 .carousel-item:nth-child(n + 2) {
        display: block;
    }
}

.js-carousel-06 > li:not(:first-child) {
    display: none;
}

[data-script-enabled=true] .js-carousel-06 > li:not(:first-child) {
    display: block;
}

/*----------------------------------------
 Adjust
----------------------------------------*/
.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%;
    }
}

/* ==============================================================================================
 Conprosys
================================================================================================= */
/*----------------------------------------
 Conprosys 専用
----------------------------------------*/
.cps-section-01 {
    padding: 40px 15px 66px;
    background: url(/-/media/Contec/jp/products-services/daq-control/iiot-conprosys/images/bg_index_01.jpg) no-repeat center top;
    background-size: 100%;
}

.cps-section-01 .cps-section-01-inner {
    max-width: 1100px;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .cps-section-01 {
        padding: 18px 16px 66px;
        background: url(/-/media/Contec/jp/products-services/daq-control/iiot-conprosys/images/bg_index_01_sp.jpg) no-repeat center top;
        background-size: 100%;
    }
}

.cps-section-02 {
    padding: 40px 15px 30px;
    background: #fdebe1 url(/-/media/Contec/jp/products-services/daq-control/iiot-conprosys/images/bg_index_02.jpg) no-repeat center top;
    background-size: 100%;
}

.cps-section-02 .cps-section-02-inner {
    max-width: 1100px;
    margin: 0 auto;
}

.cps-hdg-01 {
    position: relative;
    margin: 32px 0 40px;
    padding-bottom: 21px;
    font-size: 2.8rem;
    text-align: center;
}

.cps-hdg-01::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 32px;
    height: 2px;
    margin-left: -16px;
    background: #f08336;
    content: "";
}

@media only screen and (max-width: 768px) {
    .cps-hdg-01 {
        margin: 30px 0 40px;
        padding-bottom: 15px;
        font-size: 2.2rem;
    }
}

.cps-hdg-02 {
    max-width: 1100px;
    margin: 0 auto 30px;
}

.cps-hdg-02 > h1 {
    font-size: 3.6rem;
    color: #f08336;
    line-height: 1.3;
}

.cps-hdg-02 > h1 > .meta {
    display: block;
    font-weight: normal;
    font-size: 2rem;
    color: #333;
}

.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;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin: 50px 0 30px;
    padding-right: 11px;
    background: #e6e6e6;

    -webkit-box-align: center;
}

.cps-hdg-03-wrap .cps-hdg-03 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    font-weight: normal;
    font-size: 2rem;
    line-height: 1.5;

    -webkit-box-align: center;
}

.cps-hdg-03-wrap .cps-hdg-03 .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 63px;
    height: 63px;
    padding: 5px 10px 4px;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    background: #f08336;

    -webkit-box-align: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.cps-hdg-03-wrap .cps-hdg-03 .txt {
    padding: 0 0 0 15px;
}

.cps-hdg-03-wrap .cps-hdg-03 .txt > .sub {
    display: block;
    font-size: 1.4rem;
    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 {
        display: block;
        width: 100%;
        height: auto;
        font-size: 1.6rem;
    }
    .cps-hdg-03-wrap .cps-hdg-03 .txt {
        display: block;
        padding: 8px 10px 6px;
        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 {
    padding-right: 65px;
    font-size: 3.6rem;
}

@media only screen and (max-width: 768px) {
    .cps-lead-01 {
        padding-right: 0;
        font-size: 2.1rem;
        line-height: 1.42;
    }
}

.cps-lead-02 {
    margin: 0;
    padding-right: 65px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    .cps-lead-02 {
        display: none;
    }
}

.cps-box-01 {
    margin-top: 36.5%;
    padding: 34px 52px;
    background: rgba(255, 255, 255, .85);
}

.cps-box-01 .cps-box-01-lead {
    padding: 0 10.04016% 32px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {
    .cps-box-01 {
        margin-top: 53.5%;
        padding: 26px 16px;
    }
    .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-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-direction: column-reverse;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.cps-lyt-01 > .col > a > .link {
    margin: 3px 0 10px;
}

.cps-lyt-01 > .col > a > .link > span {
    position: relative;
    display: inline-block;
    padding-left: 23px;
    font-size: 1.7rem;
    text-decoration: none;
}

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

.cps-lyt-01 > .col > a > .link > span::before {
    top: 9px;
}

.cps-lyt-01 > .col > a > .img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    min-height: 124px;
    margin: 0;

    -webkit-box-align: center;
}

.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 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    padding: 14px 0 0 16px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.cps-lyt-02 > .col > .img > img {
    width: 100%;
}

.cps-lyt-02 > .col > .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 16px 16px 19px;
    border: 1px solid #ccc;
    border-top: 0;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.cps-lyt-02 > .col > .inner > .inner-lead > .hdg-link {
    margin-bottom: 7px;
}

.cps-lyt-02 > .col > .inner > .inner-lead > .hdg-link a {
    position: relative;
    display: inline-block;
    padding-left: 23px;
    font-size: 2rem;
    text-decoration: none;
}

.cps-lyt-02 > .col > .inner > .inner-lead > .hdg-link a:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ea7224;
    border-right: 2px solid #ea7224;
    content: "";
    -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;
    margin-top: 28px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
}

.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) {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {
    .cps-lyt-02 {
        display: block;
        margin: -16px 0 0 0;
    }
    .cps-lyt-02 > .col {
        display: block;
        width: 100%;
        padding: 16px 0 0 0;
    }
    .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%;
    margin-bottom: 40px;
    padding-top: 56.25%;
}

.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
================================================================================================= */
.lp-bxu-lead-02 {
    font-weight: bold;
    font-size: 2rem;
}

@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;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;

    -webkit-box-align: 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 {
        -ms-flex-pack: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: 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 {
    position: relative;
    display: block;
    font-size: 4.5rem;
}

.lp-bxu-banner .lp-bxu-banner-content .lp-bxu-text-column h2.lp-bxu-l2 span:first-child::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #006565;
    content: "";
}

@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 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 55px;
    height: 2px;
    margin: 0 auto;
    background: #c1c4cd;
    content: "";
}

.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 {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: 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 {
    width: 100%;
    font-size: 1.8rem;
    border: solid 3px #006565;
    table-layout: auto;
}

@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 {
    padding: 10px 0;
    color: #fff;
    text-align: center;
    background: #006565;
}

.lp-bxu-inner .lp-bxu-feature table tbody th {
    width: 25%;
    padding: 10px 20px;
    text-align: left;
    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;
    z-index: 1;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    margin-bottom: 102px;

    -webkit-box-align: 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-weight: bold;
    font-size: 2rem;
    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 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: calc(100% + 31px);
    height: calc(100% - 35px);
    background: #f1fbfb;
    content: "";
}

@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 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 680px;
    height: calc(100% - 35px);
    background: #f1fbfb;
    content: "";
}

@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;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
    padding: 50px 0;

    -webkit-box-align: center;
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun {
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 1100px;
}

@media (max-width: 1150px) {
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 0 15px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
}

.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 {
    width: 610px;
    margin-top: 0;
}

@media (max-width: 1064px) {
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p {
    width: 100%;
    max-width: 288px;
    margin-top: 0;
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p a {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 288px;
    margin: 0;
    padding: 10px 78px;
    font-size: 2.2rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #f28e00;
    border-radius: 40px;
}

@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 {
    position: absolute;
    top: calc(50% - 17px);
    left: 40px;
    content: url("/-/media/Contec/jp/lp/images/lp-bxu-icon-mail.png");
}

@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 {
    position: absolute;
    top: calc(50% - 7px);
    right: 45px;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    -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 {
    width: 100%;
    max-width: 288px;
    margin-right: 30px;
}

@media (max-width: 1064px) {
    .lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p.claim {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p.claim a {
    display: inline-block;
    width: 100%;
    max-width: 288px;
}

.lp-bxu-inquiry .lp-bxu-inquiry-colmun .lp-bxu-button p.claim a::before {
    position: absolute;
    top: calc(50% - 15px);
    left: 63px;
    content: url("/-/media/Contec/jp/lp/images/lp-bxu-icon-text.png");
}

@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 {
    position: absolute;
    top: calc(50% - 7px);
    right: 45px;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    -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;
    }
}