/** ========================================================
 * @class Common:Define
** ====================================================== */


/**
 * @library Normalize
 * @include lib/_normalize.scss
 * @version 5.0.0
 * @license MIT
 * @see github.com/necolas/normalize.css
** ---------------------------------- */

html {
    font-family: sans-serif;
    line-height: 1.75;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    letter-spacing: 0.06em;
}

body {
    margin: 0;
}

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

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

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

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

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

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

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

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

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

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

dfn {
    font-style: italic;
}

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

small {
    font-size: 80%;
}

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

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 {
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    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 {
    white-space: normal;
    color: inherit;
    display: table;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
}

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

textarea {
    overflow: auto;
}

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

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

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

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


/**
 * @library Slick
 * @include lib/_slick.scss
 * @version 1.6.0
 * @license MIT
 * @see github.com/kenwheeler/slick
** ---------------------------------- */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.lyt-insight .insight-filter .insight-grid .insight-btn-grid::before,
.lyt-insight .insight-filter .insight-grid .insight-btn-grid::after,
.lyt-insight .insight-filter .insight-grid .insight-btn-list::before,
.lyt-insight .insight-filter .insight-grid .insight-btn-list::after,
.lyt-insight .insight-btn-more::after,
.main-visual .move-control::after,
.video-looping .group .next a::before,
.carousel-01 .prev::before,
.carousel-02 .prev::before,
.carousel-03 .prev::before,
.carousel-04 .prev::before,
.carousel-01 .next::before,
.carousel-02 .next::before,
.carousel-03 .next::before,
.carousel-04 .next::before,
.modal::after,
.icon-alert::before,
.icon-warning::before,
.icon-info::before,
.icon-menu::before,
.icon-search::before,
.icon-play::before,
.icon-carat-left::before,
.icon-carat-right::before,
.icon-partner::before,
.icon-location::before,
.icon-chat::before,
.icon-pdf::before,
.icon-demo::before,
.icon-video::before,
.social-feed.single .feed-twitter::before,
.social-feed.single .feed-facebook::before,
.social-feed.single .feed-linkedin::before {
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
    content: "";
}


/** --------------------------------------------------------
 * @class Common:Define:Extend
** ------------------------------------------------------ */


/**
 * Clearfix.
 * @extend %clear;
** ---------------------------------- */


/**
 * @extend %extend-icon-plus;
** ---------------------------------- */

[data-script-enabled="true"] .expandable-drawer>.hook::before,
[data-script-enabled="true"] .toggle-01 .hook::before,
[data-script-enabled="true"] .toggle-02 .hook::before,
.toggle .hook::before,
[data-script-enabled="true"] .tab .tabs>div>.hdg::before,
[data-script-enabled="true"] .tab-03 .tabs>div>.hdg::before,
[data-script-enabled="true"] .expandable-drawer>.hook::after,
[data-script-enabled="true"] .toggle-01 .hook::after,
[data-script-enabled="true"] .toggle-02 .hook::after,
.toggle .hook::after,
[data-script-enabled="true"] .tab .tabs>div>.hdg::after,
[data-script-enabled="true"] .tab-03 .tabs>div>.hdg::after {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #01916d;
    position: absolute;
    top: 50%;
    right: 22px;
    display: inline-block;
    width: 2px;
    height: 2px;
    content: "";
    border: none;
}

[data-script-enabled="true"] .toggle-01 .hook::before,
[data-script-enabled="true"] .expandable-drawer>.hook::before,
[data-script-enabled="true"] .toggle-02 .hook::before,
.toggle .hook::before,
[data-script-enabled="true"] .tab .tabs>div>.hdg::before,
[data-script-enabled="true"] .tab-03 .tabs>div>.hdg::before {
    left: 21px;
    width: 10px;
    z-index: 1;
    background: #fff;
}

[data-script-enabled="true"] .tab .tabs>div>.hdg::before,
[data-script-enabled="true"] .tab-03 .tabs>div>.hdg::before {
    background: #01916d;
}

[data-script-enabled="true"] .toggle-01 .hook::after,
[data-script-enabled="true"] .expandable-drawer>.hook::after,
[data-script-enabled="true"] .toggle-02 .hook::after,
.toggle .hook::after,
[data-script-enabled="true"] .tab .tabs>div>.hdg::after,
[data-script-enabled="true"] .tab-03 .tabs>div>.hdg::after {
    height: 10px;
    left: 25px;
    z-index: 1;
    background: #fff;
}

[data-script-enabled="true"] .tab .tabs>div>.hdg::after,
[data-script-enabled="true"] .tab-03 .tabs>div>.hdg::after {
    background: #01916d;
}


/** --------------------------------------------------------
 * @class Common:Define:Element
** ------------------------------------------------------ */

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

html,
body {
    background: #fff;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.666666;
    /* 30px */
    word-wrap: break-word;
    color: #000;
}

@media (min-width:992px),
print {
    body {
        font-size: 16px;
        line-height: 1.875;
        /* 30px */
    }
}


/**
 * Inline elements.
** ---------------------------------- */

a {
    text-decoration: none;
    color: #01916d;
}

a:hover,
a:active,
a:focus {
    text-decoration: underline;
}

u {
    text-decoration: underline;
}

small {
    font-size: 12px;
}

b {
    font-weight: bold;
}

em {
    font-weight: bold;
    font-style: normal;
}

strong {
    font-weight: bold;
}

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


/**
 * Block elements.
** ---------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    margin: 20px 0;
    line-height: 1.3;
}

p {
    margin: 0 0 25px;
    /*color:#444;*/
    line-height: 1.7;
}

ul,
ol {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

dl {
    margin: 0 0 20px;
    padding: 0;
}

dl dt {
    font-weight: bold;
}

dl dd {
    margin: 0 0 0 20px;
}

dt+dl dd {
    margin: 5px 0 0 20px;
}

table {
    width: 100%;
    margin: 0 0 20px;
}

th,
td {
    text-align: left;
    vertical-align: middle;
}

figure {
    margin: 0 0 10px;
}

iframe {
    background: #fff;
    border: 0;
}


/**
 * Form Element
** ---------------------------------- */

form,
fieldset {
    margin: 0 0 10px;
}

input,
button,
select,
textarea {
    font-weight: 300;
    vertical-align: top;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}


/** ========================================================
 * @class Common:Structure
** ====================================================== */


/** --------------------------------------------------------
 * @class Common:Structure:Shared
** ------------------------------------------------------ */


/** --------------------------------------------------------
 * @class Common:Structure:Shared
** ------------------------------------------------------ */


/**
 * .str-inner
**/

.str-inner {
    width: 1120px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}


/** --------------------------------------------------------
 * @class Common:Structure:Header
** ------------------------------------------------------ */


/**
 * %header-nav-btn
**/

#header .btn-nav-search,
#header .btn-nav-menu {
    vertical-align: top;
    background: transparent;
    position: relative;
    display: none;
    width: 30px;
    height: 40px;
    padding: 0;
    border: 0;
}

#header .btn-nav-search span,
#header .btn-nav-menu span {
    display: block;
    overflow: hidden;
    height: 0;
}

[data-script-enabled="true"] #header .btn-nav-search,
#header [data-script-enabled="true"] .btn-nav-search,
[data-script-enabled="true"] #header .btn-nav-menu,
#header [data-script-enabled="true"] .btn-nav-menu {
    display: block;
}


/**
 * #header
**/

#header {
    background: #fff;
    position: static;
    z-index: 200;
    backface-visibility: hidden;
    width: 100%;
    min-width: 320px;
}

#header .str-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 20px 0 0;
}

#header .site-logo {
    -webkit-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-order: 1;
    order: 1;
    margin: 0 0 30px 5px;
}

#header .site-logo a {
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
}

#header .site-logo img {
    height: 30px;
}

#header .btn-nav-search {
    background: url("../images/icon_search.svg") 0 4px no-repeat;
    background-size: contain;
    -webkit-order: 2;
    order: 2;
    margin: -5px 62px 0 0;
}

#header .btn-nav-search:hover::before,
#header .btn-nav-search:active::before,
#header .btn-nav-search:focus::before {
    display: block;
}

#header .btn-nav-search span {
    position: absolute;
}

#header .btn-nav-search::before {
    background: url("../images/icon_search_o.svg") 0 4px no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 30px;
    height: 40px;
    content: "";
}

#header .btn-nav-menu {
    position: absolute;
    right: 0;
    width: 32px;
    margin: -5px 5px 0 25px;
}

#header .btn-nav-menu:hover span::before,
#header .btn-nav-menu:hover::before,
#header .btn-nav-menu:hover::after,
#header .btn-nav-menu:active span::before,
#header .btn-nav-menu:active::before,
#header .btn-nav-menu:active::after,
#header .btn-nav-menu:focus span::before,
#header .btn-nav-menu:focus::before,
#header .btn-nav-menu:focus::after {
    background: #01916d;
}

#header .btn-nav-menu span::before {
    margin: -1px 0 0;
}

#header .btn-nav-menu::before {
    margin: -9px 0 0;
}

#header .btn-nav-menu::after {
    margin: 7px 0 0;
}

#header .btn-nav-menu span::before,
#header .btn-nav-menu::before,
#header .btn-nav-menu::after {
    background: #999;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 32px;
    height: 3px;
    content: "";
}

#header .btn-nav-menu[aria-expanded="true"]::before,
#header .btn-nav-menu[aria-expanded="true"]::after {
    background: #01916d;
    margin: -2px 0 0;
}

#header .btn-nav-menu[aria-expanded="true"] span::before {
    display: none;
}

#header .btn-nav-menu[aria-expanded="true"]::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#header .btn-nav-menu[aria-expanded="true"]::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#header .site-search {
    background: #ebebeb;
    position: absolute;
    z-index: 202;
    top: 80px;
    left: 0%;
    width: 100%;
    margin: 0;
    padding: 30px 20px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

#header .site-search label {
    display: block;
}

#header .site-search label>span {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
}

#header .site-search .input-search {
    font-size: 18px;
    color: #737373;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 8px 38px 8px 10px;
    border: 1px solid #a9a9a9;
    box-shadow: none;
}

#header .site-search .btn-search {
    position: absolute;
    top: 30px;
    right: 20px;
}

[data-script-enabled="true"] #header {
    position: fixed;
}

@media (max-height:520px) {
    [data-script-enabled="true"] #header.is-opened-menu {
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%;
    }
}

[data-script-enabled="true"] #header .site-search {
    -webkit-transition: left 0.25s ease-in-out, visibility 0.3s;
    transition: left 0.25s ease-in-out, visibility 0.3s;
    left: 100%;
    visibility: hidden;
}

[data-script-enabled="true"] #header .site-search[aria-expanded="true"] {
    left: 0;
    visibility: visible;
}

@media (min-width:768px),
print {
    #header .str-inner {
        padding: 20px 30px 0;
    }
    #header .site-logo {
        -webkit-flex: 1 0 0%;
        flex: 1 0 0%;
        margin: 0 30px 20px 0;
    }
    #header .site-logo .logo>img,
    #header .site-logo a>img {
        min-width: 204px;
    }
    #header .site-logo img {
        height: 40px;
    }
    #header .btn-nav-search,
    #header .btn-nav-menu {
        margin-top: 0;
    }
    #header .btn-nav-search {
        margin-right: 0;
    }
    #header .btn-nav-menu {
        top: 20px;
        right: 30px;
        margin-left: 20px;
    }
}

@media (min-width:992px),
print {
    #header .site-logo {
        -webkit-flex: 284px 0 0;
        flex: 284px 0 0;
        margin: 0 0 20px 0;
    }
    #header .site-logo img {
        height: 40px;
    }
    #header .site-search {
        background: transparent;
        position: relative;
        top: 0;
        display: block;
        -webkit-flex: 1 0 3%;
        flex: 1 0 3%;
        -webkit-order: 2;
        order: 2;
        padding: 0;
        border: 0;
    }
    #header .site-search .input-search {
        border-color: #ebebeb;
    }
    #header .site-search .btn-search {
        top: 0;
        right: 0;
        border-color: #ebebeb;
    }
    [data-script-enabled="true"] #header .site-search {
        -webkit-transition: none;
        transition: none;
    }
    [data-script-enabled="true"] #header .btn-nav-menu,
    [data-script-enabled="true"] #header .btn-nav-search {
        display: none;
    }
}


/**
 * #nav-
**/

#nav-primary,
#nav-secondary {
    font-size: 15px;
    font-weight: 400;
    background: #ebebeb;
    z-index: 201;
    width: 100%;
}

#nav-primary>.list,
#nav-secondary>.list {
    margin: 0;
}

#nav-primary>.list>li>em,
#nav-secondary>.list>li>em {
    display: block;
}

#nav-primary>.list>li>a,
#nav-primary>.list>li>em>a,
#nav-secondary>.list>li>a,
#nav-secondary>.list>li>em>a {
    font-weight: 400;
    line-height: 1.35;
    color: #000;
    position: relative;
    display: block;
    padding: 9px 30px 9px 20px;
    border-bottom: 1px solid #e3e3e3;
}

#nav-primary>.list>li>a::before,
#nav-primary>.list>li>em>a::before,
#nav-secondary>.list>li>a::before,
#nav-secondary>.list>li>em>a::before {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #dbdbdb;
    position: absolute;
    display: none;
    width: 1px;
    content: "";
}

#nav-primary {
    background: #ebebeb;
    -webkit-flex: 100% 0 0;
    flex: 100% 0 0;
    -webkit-order: 5;
    order: 5;
    margin-top: 101px;
    border-top: 1px solid #e3e3e3;
}

#nav-primary>.list>li>a::after,
#nav-primary>.list>li>em>a::after {
    -webkit-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
    font-family: Arial;
    font-size: 90%;
    text-decoration: none;
    color: #01916d;
    position: absolute;
    top: 50%;
    right: 20px;
    display: inline-block;
    content: "\0000a0\276F";
}

#nav-primary>.list>li>a.link-direct::after,
#nav-primary>.list>li>em>a.link-direct::after {
    display: none;
}

#nav-secondary {
    z-index: 202;
    -webkit-flex: 100% 0 0;
    flex: 100% 0 0;
    -webkit-order: 7;
    order: 7;
}

[data-script-enabled="true"] #nav-primary,
[data-script-enabled="true"] #nav-secondary {
    -webkit-transition: left 0.25s ease-in-out, visibility 0.3s;
    transition: left 0.25s ease-in-out, visibility 0.3s;
    position: absolute;
    top: 80px;
    left: 100%;
    visibility: hidden;
}

[data-script-enabled="true"] #nav-primary[aria-expanded="true"],
[data-script-enabled="true"] #nav-secondary[aria-expanded="true"] {
    left: 0;
    visibility: visible;
}

[data-script-enabled="true"] #nav-primary {
    margin-top: 0;
}

[data-script-enabled="true"] #nav-primary.is-visible-flyout {
    z-index: 203;
}

[data-script-enabled="true"] #nav-primary .btn-nav-search {
    line-height: 18px;
    background-position: 0 0;
    display: none;
    width: 16px;
    height: 18px;
    margin: 0 16px 0 0;
}

[data-script-enabled="true"] #nav-primary .btn-nav-search::before {
    background-position: 0 0;
    width: 16px;
    height: 18px;
}

[data-script-enabled="true"] #nav-primary::after {
    background: #ebebeb;
    position: fixed;
    z-index: 201;
    width: 100%;
    height: 100%;
    content: "";
}


/**
 * #header.fixed
**/

#header.fixed {
    position: fixed;
    top: 0;
    min-width: 320px;
    box-shadow: 0 4px 5px rgba(102, 102, 102, 0.8);
}

@media (min-width:992px),
print {
    #header.fixed .str-inner {
        -webkit-align-items: center;
        align-items: center;
        padding: 0 30px;
    }
    #header.fixed .site-logo {
        -webkit-flex: auto 0 0;
        flex: auto 0 0;
        -webkit-order: 3;
        order: 3;
        margin: 0 20px 0 0;
    }
    #header.fixed .site-logo a {
        display: -webkit-flex;
        display: flex;
        padding: 15px 0;
    }
    #header.fixed .site-logo img {
        height: 25px;
    }
    #header.fixed .site-search {
        display: none;
    }
    #header.fixed #nav-primary {
        -webkit-align-items: center;
        align-items: center;
    }
    #header.fixed #nav-secondary {
        display: none;
    }
}

@media (min-width:768px),
print {
    #header {
        border-bottom: 1px solid #ebebeb;
    }
    [data-script-enabled="true"] #header.fixed {
        position: fixed;
    }
    #nav-secondary {
        font-size: 14px;
        font-weight: 300;
        background: transparent;
        z-index: 1;
        display: block;
        -webkit-flex: auto 0 0;
        flex: auto 0 0;
        -webkit-order: 2;
        order: 2;
        width: auto;
    }
    #nav-secondary>.list {
        display: -webkit-flex;
        display: flex;
        margin: 0 0 0 20px;
    }
    #nav-secondary>.list>li {
        padding: 0 0 0 22px;
    }
    #nav-secondary>.list>li:first-child {
        padding: 0;
    }
    #nav-secondary>.list>li:first-child>em>a::before,
    #nav-secondary>.list>li:first-child>a::before {
        display: none;
    }
    #nav-secondary>.list>li>a,
    #nav-secondary>.list>li>em>a {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        height: 40px;
        padding: 0;
        border: 0;
    }
    #nav-secondary>.list>li>a:hover,
    #nav-secondary>.list>li>a:active,
    #nav-secondary>.list>li>a:focus,
    #nav-secondary>.list>li>em>a:hover,
    #nav-secondary>.list>li>em>a:active,
    #nav-secondary>.list>li>em>a:focus {
        text-decoration: underline;
    }
    #nav-secondary>.list>li>a::before,
    #nav-secondary>.list>li>em>a::before {
        display: block;
    }
    #nav-secondary>.list>li>a::before,
    #nav-secondary>.list>li>em>a::before {
        top: 50%;
        left: -10px;
        height: 10px;
    }
    [data-script-enabled="true"] #nav-secondary {
        position: static;
        top: auto;
        left: auto;
        visibility: visible;
        margin: 0 57px 0 0;
    }
}

@media (min-width:992px),
print {
    #nav-primary {
        font-size: 16px;
        background: transparent;
        z-index: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 100% 0 0;
        flex: 100% 0 0;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-order: 4;
        order: 4;
        width: auto;
        margin: 0;
        border: 0;
    }
    #nav-primary::after {
        display: none;
    }
    #nav-primary>.list {
        display: -webkit-flex;
        display: flex;
    }
    #nav-primary>.list.nav-sub>li:last-child>a::after {
        width: 100%;
    }
    #nav-primary>.list>li.w-nallow {
        position: relative;
    }
    #nav-primary>.list>li:first-child {
        padding: 0;
    }
    #nav-primary>.list>li:first-child>em>a::before,
    #nav-primary>.list>li:first-child>a::before {
        display: none;
    }
    #nav-primary>.list>li::after {
        display: none;
    }
    #nav-primary>.list>li>em {
        display: -webkit-flex;
        display: flex;
    }
    #nav-primary>.list>li>a,
    #nav-primary>.list>li>em>a {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        height: 49px;
        padding: 0 16px 9px;
        border: 0;
    }
    #nav-primary>.list>li>a:hover,
    #nav-primary>.list>li>a:active,
    #nav-primary>.list>li>a:focus,
    #nav-primary>.list>li>em>a:hover,
    #nav-primary>.list>li>em>a:active,
    #nav-primary>.list>li>em>a:focus {
        text-decoration: none;
    }
    #nav-primary>.list>li>a:hover::after,
    #nav-primary>.list>li>a:active::after,
    #nav-primary>.list>li>a:focus::after,
    #nav-primary>.list>li>em>a:hover::after,
    #nav-primary>.list>li>em>a:active::after,
    #nav-primary>.list>li>em>a:focus::after {
        display: block;
    }
    #nav-primary>.list>li>a::before,
    #nav-primary>.list>li>em>a::before {
        top: 50%;
        left: 0;
        display: block;
        height: 13px;
        margin: -5px 0 0;
    }
    #nav-primary>.list>li>a::after,
    #nav-primary>.list>li>em>a::after {
        -webkit-transform: inherit;
        transform: inherit;
        background: #01916d;
        position: absolute;
        top: inherit;
        right: 0;
        bottom: 0;
        left: 16px;
        display: none;
        width: calc(100% - 32px);
        height: 5px;
        margin: 0;
        padding: 0;
        content: "";
    }
    #nav-primary>.list>li:first-child>a,
    #nav-primary>.list>li:first-child>em>a {
        padding-left: 0;
    }
    #nav-primary>.list>li:first-child>a::after,
    #nav-primary>.list>li:first-child>em>a::after {
        left: 0;
        width: calc(100% - 16px);
    }
    #nav-primary>.list>li:last-child>a,
    #nav-primary>.list>li:last-child>em>a {
        padding-right: 0;
    }
    #nav-primary>.list>li:last-child>a::after,
    #nav-primary>.list>li:last-child>em>a::after {
        width: calc(100% - 16px);
    }
    #nav-secondary {
        font-size: 14px;
        font-weight: 300;
        -webkit-flex: auto 0 0;
        flex: auto 0 0;
        -webkit-order: 3;
        order: 3;
    }
    #nav-secondary>.list {
        margin: 0 0 0 20px;
    }
    #nav-secondary>.list>li {
        padding: 0 0 0 24px;
    }
    #nav-secondary>.list>li>a {
        height: 40px;
        padding: 0;
    }
    #nav-secondary>.list>li>a:hover,
    #nav-secondary>.list>li>a:active,
    #nav-secondary>.list>li>a:focus {
        text-decoration: underline;
    }
    #nav-secondary>.list>li>a::before {
        top: 50%;
        left: -12px;
        height: 10px;
    }
    #header.fixed .str-inner {
        -webkit-align-items: center;
        align-items: center;
        padding: 0 30px;
    }
    #header.fixed .site-logo {
        line-height: 25px;
        -webkit-flex: auto 0 0;
        flex: auto 0 0;
        -webkit-order: 3;
        order: 3;
        margin: 0 20px 0 0;
    }
    #header.fixed .site-logo a {
        display: -webkit-flex;
        display: flex;
    }
    #header.fixed .site-logo img {
        height: 25px;
    }
    #header.fixed .site-search {
        display: none;
    }
    #header.fixed .nav-primary {
        -webkit-flex: 1 0 0%;
        flex: 1 0 0%;
    }
    #header.fixed .nav-primary .nav-main {
        -webkit-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-order: 1;
        order: 1;
    }
    #header.fixed .nav-primary .nav-sub {
        -webkit-order: 3;
        order: 3;
    }
    #header.fixed .nav-primary>.list>li>a,
    #header.fixed .nav-primary>.list>li>em>a {
        height: 55px;
        padding: 0 16px 9px;
        padding-bottom: 0;
    }
    #header.fixed .nav-primary>.list>li>a::before,
    #header.fixed .nav-primary>.list>li>em>a::before {
        margin: 0;
    }
    #header.fixed .nav-primary>.list>li>a span::before,
    #header.fixed .nav-primary>.list>li>em>a span::before {
        bottom: 0;
    }
    #header.fixed .nav-primary>.list>li:first-child>a,
    #header.fixed .nav-primary>.list>li:first-child>em,
    #header.fixed .nav-primary>.list>li:first-child>em>a {
        padding-left: 0;
    }
    #header.fixed .nav-primary>.list>li:last-child>a,
    #header.fixed .nav-primary>.list>li:last-child>em,
    #header.fixed .nav-primary>.list>li:last-child>em>a {
        padding-right: 0;
    }
    #header.fixed .nav-secondary {
        display: none;
    }
    #header.fixed .visible-fixed {
        display: block;
    }
}

@media (min-width:992px) and (min-width:768px),
print and (min-width:768px),
print and (min-width:992px),
print {
    #header.fixed .site-logo .logo>img,
    #header.fixed .site-logo a>img {
        min-width: auto;
    }
}

@media (min-width:992px),
print {
    [data-script-enabled="true"] #header {
        position: relative;
    }
    [data-script-enabled="true"] #nav-primary {
        position: static;
        top: auto;
        left: auto;
        visibility: visible;
    }
    [data-script-enabled="true"] #nav-secondary {
        margin: 0;
    }
}


/**
 * #header.opt-static-header
**/

[data-script-enabled="true"] #header.opt-static-header .site-search {
    position: fixed;
}

[data-script-enabled="true"] #header.opt-static-header #nav-primary,
[data-script-enabled="true"] #header.opt-static-header #nav-secondary {
    position: fixed;
}

@media (min-width:768px),
print {
    [data-script-enabled="true"] #header.opt-static-header #nav-secondary {
        position: static;
    }
}

@media (min-width:992px),
print {
    [data-script-enabled="true"] #header.opt-static-header .site-search {
        position: relative;
    }
    [data-script-enabled="true"] #header.opt-static-header #nav-primary {
        position: static;
    }
}


/**
 * @class Common:Structure:Header:Dealer
** ------------------------------------------------------ */


/**
 * #header.lyt-dealer
**/

#header.lyt-dealer .site-logo {
    margin-bottom: 0;
}

#header.lyt-dealer .site-logo a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}

#header.lyt-dealer #logo {
    display: block;
    margin-right: 20px;
}

#header.lyt-dealer #dealer {
    line-height: 1;
    display: block;
    width: 100%;
    height: 15px;
    margin: 15px 5px 15px 0;
}

#header.lyt-dealer #dealer img {
    position: absolute;
    left: 5px;
    width: auto;
    max-width: 100%;
    height: 15px;
}

#header.lyt-dealer .site-search {
    top: 95px;
}

@media (min-width:580px) {
    #header.lyt-dealer .site-logo {
        margin-bottom: 30px;
    }
    #header.lyt-dealer #dealer {
        width: auto;
        margin: 0;
    }
    #header.lyt-dealer #dealer img {
        position: relative;
        left: 0;
    }
    #header.lyt-dealer .site-search {
        top: 80px;
    }
}

@media (min-width:768px),
print {
    #header.lyt-dealer .site-logo {
        margin-bottom: 15px;
    }
    #header.lyt-dealer .site-logo a {
        position: relative;
    }
    #header.lyt-dealer #logo {
        margin-right: 0;
        padding-bottom: 25px;
    }
    #header.lyt-dealer #dealer {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    #header.lyt-dealer #dealer img {
        max-width: none;
    }
    #header.lyt-dealer .site-search {
        top: 100px;
    }
}

@media (min-width:992px),
print {
    #header.lyt-dealer .site-logo {
        margin-bottom: 10px;
    }
    #header.lyt-dealer #logo {
        padding-bottom: 30px;
    }
    #header.lyt-dealer .site-search {
        top: inherit;
    }
    #header.lyt-dealer.fixed .site-logo {
        margin-bottom: 0;
    }
    #header.lyt-dealer.fixed .site-logo a {
        padding-bottom: 0;
    }
    #header.lyt-dealer.fixed #logo {
        height: 25px;
        padding-bottom: 0;
    }
    #header.lyt-dealer.fixed #dealer {
        position: static;
        bottom: -10px;
        margin: 0 0 0 30px;
    }
    #header.lyt-dealer.fixed #nav-primary {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
}


/**
 * @class Common:Structure:Header:Enhanced
** ------------------------------------------------------ */


/**
 * #enhanced-header
**/

#enhanced-header {
    background: #fff;
    margin: 0 0 30px;
    padding: 20px 0 0;
}

#enhanced-header .topic-path {
    min-width: auto;
    max-width: 1120px;
    margin: 0 auto 38px;
    padding: 0 30px;
}

#enhanced-header .lyt-enhance {
    color: #fff;
    background: #737373;
    max-width: 100%;
}

#enhanced-header .lyt-enhance-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 5px;
}

#enhanced-header .lyt-enhance-inner h1 {
    margin: 10px 0;
}

#enhanced-header .lyt-enhance-inner h1 .title,
#enhanced-header .lyt-enhance-inner h1 .category {
    line-height: 1.3;
    display: block;
}

#enhanced-header .lyt-enhance-inner h1 .category {
    font-size: 16px;
}

#enhanced-header .lyt-enhance-inner h1 .title {
    font-size: 24px;
}

#enhanced-header .lyt-enhance-inner .expandable-drawer {
    position: relative;
    min-width: 310px;
    max-width: 310px;
    margin: 10px 0;
}

#enhanced-header .lyt-enhance-inner .expandable-drawer>.hook {
    line-height: 1;
}

#enhanced-header .lyt-enhance-inner .expandable-drawer>.hook>button {
    font-size: 18px;
    color: #fff;
}

#enhanced-header .lyt-enhance-inner .expandable-drawer>.hook::before,
#enhanced-header .lyt-enhance-inner .expandable-drawer>.hook::after {
    background: #fff;
}

#enhanced-header .lyt-enhance-inner .expandable-drawer .more {
    color: #000;
    position: absolute;
    right: 0;
}

#enhanced-header .bg-image {
    background-position: center;
    background-size: cover;
    height: 0;
    padding: 40% 0 0;
}

#enhanced-header .bg-image img {
    width: 100%;
    max-width: none;
    height: 100%;
}

@media (min-width:768px),
print {
    #enhanced-header .lyt-enhance-inner {
        padding: 0 30px;
    }
    #enhanced-header .lyt-enhance-inner h1 {
        margin: 5px 0;
    }
    #enhanced-header .lyt-enhance-inner h1 .category {
        font-size: 18px;
        line-height: 24px;
    }
    #enhanced-header .lyt-enhance-inner h1 .title {
        font-size: 34px;
        line-height: 44px;
    }
    #enhanced-header .bg-image {
        width: 100%;
        height: 480px;
        padding: 0;
    }
}


/**
 * @class Common:Structure:Header:Flyout
** ------------------------------------------------------ */


/**
 * .flyout
**/

.flyout {
    -webkit-transition: left .25s ease-in-out;
    transition: left .25s ease-in-out;
    background: #ebebeb;
    position: absolute;
    z-index: 203;
    top: 0;
    left: 100%;
    visibility: hidden;
    overflow: auto;
    width: 100%;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

.flyout.w-nallow {
    width: 100%;
}

.flyout .link-return {
    font-weight: 400;
    line-height: 1.35;
    color: #000;
    background: #fff;
    position: relative;
    display: block;
    width: 100%;
    padding: 9px 30px 9px 20px;
    border: 0;
    border-bottom: 1px solid #e3e3e3;
}

.flyout .link-return::before {
    -webkit-transform: rotateZ(180deg) translate(0, 50%);
    transform: rotateZ(180deg) translate(0, 50%);
    font-family: Arial;
    font-size: 90%;
    color: #01916d;
    position: absolute;
    top: 50%;
    left: 20px;
    padding: 0 0 0 5px;
    content: "\0000a0\276F";
}

.flyout.is-opened {
    left: 0;
}

.flyout .box {
    margin: 10px;
}

.flyout .box .link-list.col-2>li {
    padding: 0;
}

.flyout .box .link-list a {
    padding-left: 0;
    border: 0;
}

.flyout>dl {
    margin: 0;
}

.flyout>dl em {
    font-weight: bold;
    display: block;
    padding: 9px 20px;
}

.flyout>dl>dt>a {
    font-weight: 400;
    line-height: 1.35;
    color: #000;
    position: relative;
    display: block;
    padding: 9px 20px 9px 45px;
}

.flyout>dl>dt>a::before {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: Arial;
    font-size: 90%;
    text-decoration: none;
    color: #01916d;
    position: absolute;
    top: 50%;
    left: 20px;
    display: inline-block;
    content: "\0000a0\276F";
}

.flyout>dl>dd {
    margin: 0;
}

.flyout dl>dd>ul,
.flyout dl>dd>ol {
    margin: 0;
}

.flyout>dl>dd>dl>dt {
    padding: 9px 30px 9px 20px;
    border-top: 1px solid #e3e3e3;
}

.flyout>dl>dd>dl>dd {
    margin: 0;
}

.flyout>dl>dd>dl>dd .link-list.col-2 li {
    padding: 0;
}

.flyout>dl>dd .col-2,
.flyout>dl>dd .col-3 {
    width: 100%;
    margin: 0;
}

.flyout>dl>dd .col-2>.col,
.flyout>dl>dd .col-3>.col {
    margin: 0;
    padding: 0;
}

.flyout>dl>dd .col-2>.col>dl,
.flyout>dl>dd .col-3>.col>dl {
    border-top: 1px solid #e3e3e3;
}

.flyout>dl>dd .col-2>.col>dl>dt,
.flyout>dl>dd .col-3>.col>dl>dt {
    line-height: 1.35;
    padding: 9px 30px 9px 20px;
}

.flyout>dl>dd .col-2>.col>dl>dd,
.flyout>dl>dd .col-3>.col>dl>dd {
    margin: 0;
}

.flyout>dl>dd .col-2>.col>dl>dd .image-left,
.flyout>dl>dd .col-3>.col>dl>dd .image-left {
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0 0 0 20px;
}

.flyout>dl>dd .col-2>.col>dl>dd .image-left>.col,
.flyout>dl>dd .col-3>.col>dl>dd .image-left>.col {
    -webkit-flex: 1 0 1%;
    flex: 1 0 1%;
}

.flyout>dl>dd .col-2>.col>dl>dd .image-left>.image,
.flyout>dl>dd .col-3>.col>dl>dd .image-left>.image {
    min-width: 65px;
    margin: 0 20px 10px 0;
}

.flyout>dl>dd .col-2>.col>dl>dd .image-left .link-list a,
.flyout>dl>dd .col-3>.col>dl>dd .image-left .link-list a {
    padding-left: 0;
}

.flyout>dl>dd .col-2>.col .inquiry,
.flyout>dl>dd .col-3>.col .inquiry {
    display: none;
}

.flyout>dl>dd .link-list a {
    font-weight: 400;
    line-height: 1.35;
    color: #000;
    position: relative;
    display: block;
    padding: 9px 20px 9px 20px;
    border-top: 1px solid #e3e3e3;
}

.flyout>dl>dd .link-list a::after {
    display: none;
}

@media (min-width:992px),
print {
    .flyout {
        background: #fff;
        top: 130px;
        left: 0;
        display: none;
        visibility: visible;
        overflow: visible;
        width: 100%;
        padding: 20px 0;
        box-shadow: 0 4px 5px rgba(102, 102, 102, 0.8);
    }
    .lyt-dealer .flyout {
        top: 150px;
    }
    .fixed.lyt-dealer .flyout {
        top: 96px;
    }
    .fixed.lyt-dealer .flyout.w-nallow {
        top: 56px;
    }
    .fixed.lyt-dealer .flyout::before {
        position: absolute;
        z-index: 500;
        top: -30px;
        left: 0;
        display: block;
        width: 100%;
        height: 30px;
        content: "";
    }
    .flyout.w-nallow {
        top: calc(100% + 1px);
        left: 0;
        width: 240px;
        min-width: 240px;
    }
    .flyout.w-nallow .link-list {
        margin: 0;
    }
    .flyout.w-nallow .link-list>li>a {
        padding: 10px 0;
    }
    .flyout.w-nallow .link-list>li>a::after {
        display: inline-block;
    }
    .fixed .flyout {
        top: 56px;
    }
    .flyout .link-return {
        display: none;
    }
    .is-opened .flyout {
        display: block;
    }
    .flyout .box {
        margin: 0;
    }
    .flyout>dl {
        width: 100%;
        max-width: 1120px;
        height: auto !important;
        margin: 0 auto;
        padding: 0 10px;
    }
    .flyout>dl em {
        padding: 0;
    }
    .flyout>dl>dt>a {
        font-size: 18px;
        font-weight: bold;
        display: inline-block;
        padding: 0 0 0 25px;
    }
    .flyout>dl>dt>a::before {
        left: 0;
    }
    .flyout>dl>dd>.link-list {
        padding-top: 10px;
    }
    .flyout>dl>dd>.link-list li a {
        padding: 2px 0;
        border: 0;
    }
    .flyout>dl>dd>dl>dt {
        margin: 0 0 10px;
        padding: 10px 0;
        border-top: 0;
        border-bottom: 1px solid #ebebeb;
    }
    .flyout>dl>dd>dl>dd .link-list a {
        padding: 3px 0;
        border: 0;
    }
    .flyout>dl>dd>dl>dd .col-2,
    .flyout>dl>dd>dl>dd .col-3 {
        margin-left: 0;
    }
    .flyout>dl>dd .col-2,
    .flyout>dl>dd .col-3 {
        width: auto;
        margin: 0 0 12px -40px;
    }
    .flyout>dl>dd .col-2>.col,
    .flyout>dl>dd .col-3>.col {
        padding: 12px 0 0 40px;
    }
    .flyout>dl>dd .col-2>.col .col-2>.col,
    .flyout>dl>dd .col-3>.col .col-2>.col {
        padding-top: 0;
    }
    .flyout>dl>dd .col-2>.col>dl,
    .flyout>dl>dd .col-3>.col>dl {
        border: 0;
    }
    .flyout>dl>dd .col-2>.col>dl dt,
    .flyout>dl>dd .col-3>.col>dl dt {
        margin: 0 0 10px;
        padding: 0 0 10px;
        border-bottom: 1px solid #ebebeb;
    }
    .flyout>dl>dd .col-2>.col>dl>dd .image-left,
    .flyout>dl>dd .col-3>.col>dl>dd .image-left {
        padding: 0;
    }
    .flyout>dl>dd .col-2>.col .inquiry,
    .flyout>dl>dd .col-3>.col .inquiry {
        display: block;
    }
    .flyout>dl>dd .col-2>.col .inquiry .btn-02,
    .flyout>dl>dd .col-3>.col .inquiry .btn-02 {
        text-align: center;
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }
    .flyout>dl>dd .col-2>.col .inquiry .btn-02 a,
    .flyout>dl>dd .col-3>.col .inquiry .btn-02 a {
        min-width: 100%;
    }
    .flyout>dl>dd .col-2 .link-list li a,
    .flyout>dl>dd .col-3 .link-list li a {
        padding: 2px 0;
        border: 0;
    }
}

.flyout .flyout-socialbtn .list-socialbtn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    height: 20px;
}

.flyout .flyout-socialbtn .list-socialbtn>li {
    margin: 0 7px 0 8px;
}

.flyout .flyout-socialbtn .list-socialbtn>li>a {
    line-height: 20px;
    height: auto;
    margin: 0;
    padding: 0;
}

.flyout .flyout-socialbtn .list-socialbtn>li>a span {
    display: none;
}

.flyout .flyout-socialbtn .list-socialbtn>li>a img {
    line-height: 20px !important;
    width: 20px !important;
    height: 20px !important;
}

.flyout .flyout-socialbtn .list-socialbtn>li>a::before {
    display: none;
}

.flyout .flyout-addthis .list-addthis {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
}

.flyout .flyout-addthis .list-addthis>li {
    margin: 0 7px 0 8px;
}

.flyout .flyout-addthis .list-addthis>li>a {
    line-height: 20px;
    height: auto;
    margin: 0;
    padding: 0;
}

.flyout .flyout-addthis .list-addthis>li>a .at-icon-wrapper,
.flyout .flyout-addthis .list-addthis>li>a .at-icon-wrapper svg {
    line-height: 20px !important;
    width: 20px !important;
    height: 20px !important;
}

.flyout .flyout-addthis .list-addthis>li>a::before {
    display: none;
}


/** --------------------------------------------------------
 * @class Common:Structure:Content
** ------------------------------------------------------ */


/**
 * #content
**/

#content {
    position: relative;
    z-index: 100;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1184px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 32px;
    padding-left: 32px;
}

@media (min-width:768px),
print {
    #content.lyt-type-1 {
        /* Default:Not has .lyt-side */
    }
    #content.lyt-type-1 .lyt-main {
        padding: 0;
    }
    #content.lyt-type-2 .lyt-main {
        -webkit-order: 2;
        order: 2;
        padding: 0 0 0 20px;
    }
    #content.lyt-type-2 .lyt-side {
        -webkit-order: 1;
        order: 1;
        margin-right: 24px;
        margin-left: 0;
    }
    #content.lyt-type-3 {
        /* Default:Has .lyt-side */
    }
    #content.lyt-type-3 .lyt-main {
        padding: 0 20px 0 0;
    }
    #content.lyt-type-4 .lyt-col {
        display: -webkit-flex;
        display: flex;
        -webkit-order: 2;
        order: 2;
    }
    #content.lyt-type-4 .lyt-main {
        padding: 0 10px;
    }
    #content.lyt-type-4 .lyt-col+.lyt-side {
        -webkit-order: 1;
        order: 1;
        margin-right: 24px;
        margin-left: 0;
    }
    #content.lyt-type-4 .lyt-col .lyt-side {
        -webkit-flex-basis: calc(220 / 916 * 100%);
        flex-basis: calc(220 / 916 * 100%);
    }
    #content.lyt-type-4 .lyt-addthis {
        display: inline-block;
    }
    #content.lyt-type-4 .lyt-foot {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        -webkit-order: 3;
        order: 3;
        width: 100%;
    }
}

#content.lyt-type-insight .lyt-main {
    -webkit-flex: 100% 0 0;
    flex: 100% 0 0;
}

#content.lyt-type-insight .lyt-side {
    display: none;
    -webkit-flex: 100% 0 0;
    flex: 100% 0 0;
}

@media (min-width:992px),
print {
    #content.lyt-type-insight .lyt-main {
        -webkit-flex: 1 0 1%;
        flex: 1 0 1%;
        padding: 0 20px 0 0;
    }
    #content.lyt-type-insight .lyt-side {
        display: block;
        -webkit-flex: 1 0 1%;
        flex: 1 0 1%;
        max-width: 200px;
    }
}


/**
 * .lyt-insight
**/

.lyt-insight {
    background: #ebebeb;
    position: relative;
    margin: 0 -10px;
    padding: 10px;
}

.lyt-insight .insight-head {
    position: relative;
    z-index: 2;
    margin-bottom: 36px;
    padding: 0 5px;
}

.lyt-insight .insight-head .insight-hdg {
    font-size: 30px;
    line-height: 1.2;
    margin: 0;
    font-weight: 300;
}

.lyt-insight .insight-head .insight-copy {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 0;
}

.lyt-insight .insight-background {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: none;
}

.lyt-insight .insight-content .insight-lyt-col .insight-item {
    margin: 0 0 11px;
}

.lyt-insight .insight-filter {
    display: none;
    margin: 0 0 10px;
}

.lyt-insight .insight-filter .insight-filter-list {
    margin: 0;
}

.lyt-insight .insight-filter .insight-filter-list>li {
    margin: 0 0 10px 0;
}

.lyt-insight .insight-filter .insight-filter-list>li.insight-category,
.lyt-insight .insight-filter .insight-filter-list>li.insight-type,
.lyt-insight .insight-filter .insight-filter-list>li.insight-industries {
    width: 100%;
}

.lyt-insight .insight-filter .insight-filter-list>li .dropdown-btn {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.lyt-insight .insight-filter .insight-industries {
    display: none;
}

.lyt-insight .insight-filter .insight-btn-reset {
    font-size: 16px;
    background: #fff;
    padding: 10px;
    border: 1px solid #d7d7d7;
}

.lyt-insight .insight-filter .insight-btn-reset:hover,
.lyt-insight .insight-filter .insight-btn-reset:active,
.lyt-insight .insight-filter .insight-btn-reset:focus {
    color: #01916d;
}

.lyt-insight .insight-filter .insight-grid {
    display: none;
}

.lyt-insight .insight-filter .insight-grid .insight-btn-grid,
.lyt-insight .insight-filter .insight-grid .insight-btn-list {
    background: transparent;
    position: relative;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
}

.lyt-insight .insight-filter .insight-grid .insight-btn-grid::before,
.lyt-insight .insight-filter .insight-grid .insight-btn-grid::after,
.lyt-insight .insight-filter .insight-grid .insight-btn-list::before,
.lyt-insight .insight-filter .insight-grid .insight-btn-list::after {
    position: absolute;
    top: 0;
    left: 0;
}

.lyt-insight .insight-filter .insight-grid .insight-btn-grid>span,
.lyt-insight .insight-filter .insight-grid .insight-btn-list>span {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}

.lyt-insight .insight-filter .insight-grid .insight-btn-grid.active::before,
.lyt-insight .insight-filter .insight-grid .insight-btn-list.active::before {
    z-index: 3;
}

.lyt-insight .insight-filter .insight-grid .insight-btn-grid {
    margin: 0 2px 0 0;
}

.lyt-insight .insight-filter .insight-grid .insight-btn-grid::before {
    background-position: -412px 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 1;
}

.lyt-insight .insight-filter .insight-grid .insight-btn-grid::after {
    background-position: -442px 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 2;
}

.lyt-insight .insight-filter .insight-grid .insight-btn-list::before {
    background-position: -584px 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 1;
}

.lyt-insight .insight-filter .insight-grid .insight-btn-list::after {
    background-position: -614px 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 2;
}

.lyt-insight .bnr-01 {
    background: #fff;
    margin: 0;
}

.lyt-insight .bnr-01>a .group {
    padding: 16px 30px 10px 16px;
}

.lyt-insight .bnr-01>a .group .sub {
    font-size: 12px;
    display: block;
    margin: 0 0 10px;
}

.lyt-insight .bnr-01>a .group .hdg {
    font-size: 20px;
}

.lyt-insight .bnr-01>a .group .txt {
    font-size: 14px;
}

.lyt-insight .bnr-01>a .group::before {
    top: 15px;
}

.lyt-insight .bnr-01>a .group::after {
    top: 23px;
}

.lyt-insight .bnr-01>a .group .meta {
    font-size: 12px;
}

.lyt-insight .bnr-01>a .group .meta>span+span::before {
    display: inline-block;
    margin: 0 5px;
    content: "|";
}

.lyt-insight .insight-btn-more {
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
    background: transparent;
    width: 100%;
    margin: 10px 0 0;
    padding: 5px 10px;
    border: 0;
}

.lyt-insight .insight-btn-more span {
    display: block;
}

.lyt-insight .insight-btn-more::after {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    background-position: -912px 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    display: inline-block;
}

.lyt-insight .insight-text-undefined {
    font-size: 24px;
    background: #fff;
    display: none;
    margin: 0;
    padding: 10px;
}

@media (min-width:768px),
print {
    .lyt-insight {
        padding: 10px;
    }
    .lyt-insight .insight-filter .insight-filter-list {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 0 20px -10px;
    }
    .lyt-insight .insight-filter .insight-filter-list>li {
        width: 25%;
        min-width: 25%;
        max-width: 25%;
        margin: 0;
        padding: 0 0 0 10px;
    }
    .lyt-insight .insight-filter .insight-filter-list .insight-reset {
        width: 100%;
        min-width: auto;
        max-width: 100%;
    }
    .lyt-insight .insight-filter .insight-filter-list .insight-grid {
        width: 77px;
        min-width: 77px;
    }
    .lyt-insight .insight-head {
        max-width: 45%;
    }
    .lyt-insight .insight-head .insight-hdg {
        font-size: 40px;
    }
    .lyt-insight .insight-head .insight-copy {
        font-size: 20px;
    }
    .lyt-insight .insight-background {
        display: block;
    }
    .lyt-insight .insight-content .insight-lyt-col {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -12px 0 0 -12px;
    }
    .lyt-insight .insight-content .insight-lyt-col .insight-item {
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 50% 0 0;
        flex: 50% 0 0;
        min-width: calc(100% / 2);
        max-width: calc(100% / 2);
        margin: 0;
        padding: 12px 0 0 12px;
    }
    .lyt-insight .insight-content .insight-lyt-col .insight-item .bnr-01 {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        min-height: 100%;
        max-height: 100%;
    }
    .lyt-insight .insight-content .insight-lyt-col .insight-item .bnr-01 _:-ms-fullscreen,
    :root .lyt-insight .insight-content .insight-lyt-col .insight-item .bnr-01 {
        height: 100%;
    }
    .lyt-insight .insight-content .insight-lyt-col .insight-item .bnr-01>a {
        min-height: 100%;
        max-height: 100%;
    }
    .lyt-insight .insight-content .insight-lyt-col .insight-item .bnr-01>a _:-ms-fullscreen,
    :root .lyt-insight .insight-content .insight-lyt-col .insight-item .bnr-01>a {
        height: 100%;
    }
    .lyt-insight .bnr-01>a .group::after {
        top: 25px;
    }
}

@media (min-width:992px),
print {
    .lyt-insight {
        margin: 0;
    }
    .lyt-insight .insight-filter .insight-filter-list .insight-grid {
        display: block;
    }
    .lyt-insight .insight-content .insight-lyt-col .insight-item {
        -webkit-flex: 33.333333% 0 0;
        flex: 33.333333% 0 0;
        min-width: 33.333333%;
        max-width: 33.333333%;
    }
}

[data-script-enabled="true"] .lyt-insight .insight-filter {
    display: block;
}

[data-script-enabled="true"] .lyt-insight .bnr-01>a .image {
    height: 122px;
}

@media (min-width:992px),
print {
    .lyt-insight.insight-view-list .insight-content .insight-lyt-col {
        display: block;
    }
    .lyt-insight.insight-view-list .insight-content .insight-lyt-col .insight-item {
        display: block;
        -webkit-flex: 100% 0 0;
        flex: 100% 0 0;
        min-width: 100%;
        max-width: 100%;
    }
    .lyt-insight.insight-view-list .insight-content .insight-lyt-col .insight-item .bnr-01 {
        height: auto;
        min-height: auto;
        max-height: none;
    }
    .lyt-insight.insight-view-list .insight-content .insight-lyt-col .insight-item .bnr-01>a {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        min-height: auto;
        max-height: none;
    }
    .lyt-insight.insight-view-list .insight-content .insight-lyt-col .insight-item .bnr-01>a .image {
        width: calc(25% - 10px);
        min-width: calc(25% - 10px);
        margin: 0 0 0 10px;
    }
    .lyt-insight.insight-view-list .insight-content .insight-lyt-col .insight-item .bnr-01>a .group {
        width: 100%;
    }
    .lyt-insight.insight-view-list .insight-content .insight-lyt-col .insight-item .bnr-01>a .group::before,
    .lyt-insight.insight-view-list .insight-content .insight-lyt-col .insight-item .bnr-01>a .group::after {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        top: 50%;
    }
    .lyt-insight.insight-view-list .insight-content .insight-lyt-col .insight-item .bnr-01>a .group::after {
        -webkit-transform: translate(0, -50%) rotate(-45deg);
        transform: translate(0, -50%) rotate(-45deg);
    }
}


/**
 * .topic-path
**/

.topic-path {
    font-size: 14px;
    line-height: 1.9;
    color: #c1c1c1;
    display: none;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    margin: 0 0 20px;
}

.topic-path a {
    color: #000;
    display: inline-block;
}

.topic-path a:first-child {
    margin-left: 0;
}

@media (min-width:768px),
print {
    .topic-path {
        display: block;
    }
}


/**
 * .lyt-head
**/

.lyt-head {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.lyt-head>*:first-child {
    margin-top: 0;
}

.lyt-head>*:last-child {
    margin-bottom: 0;
}


/**
 * .lyt-foot
**/

.lyt-foot {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-order: 5;
    order: 5;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 40px 0 0;
}

.lyt-foot>*:first-child {
    margin-top: 0;
}

.lyt-foot>*:last-child {
    margin-bottom: 0;
}


/**
 * .lyt-main
**/

.lyt-col,
.lyt-main {
    -webkit-flex: 100% 0 0;
    flex: 100% 0 0;
    min-width: 300px;
    max-width: 1120px;
    margin: 0 auto;
}

.lyt-col>*:first-child,
.lyt-main>*:first-child {
    margin-top: 0;
}

.lyt-col>*:last-child,
.lyt-main>*:last-child {
    margin-bottom: 0;
}

.lyt-col>.col-row:first-child,
.lyt-main>.col-row:first-child {
    margin-top: -12px;
}

@media (min-width:768px),
print {
    .lyt-col,
    .lyt-main {
        -webkit-flex: 1 0 1%;
        flex: 1 0 1%;
    }
}


/**
 * .lyt-side
**/

.lyt-side {
    width: 100%;
    margin-top: 24px;
}

.lyt-side>*:first-child {
    margin-top: 0;
}

.lyt-side>*:last-child {
    margin-bottom: 0;
}

.lyt-side ul>li {
    font-size: 16px;
}

.lyt-side ul>li:not(:last-child) {
    margin-bottom: 10px;
}

@media (min-width:768px),
print {
    .lyt-side {
        width: calc(200 / 1120 * 100%);
        max-width: 200px;
        margin: 0 0 0 24px;
    }
    .lyt-side ul>li {
        font-size: 14px;
    }
    .lyt-side ul>li:not(:last-child) {
        margin-bottom: 12px;
    }
}


/**
 * .lyt-socialbtn
**/

.lyt-socialbtn {
    display: none;
}

.lyt-socialbtn .list-socialbtn {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.lyt-socialbtn .list-socialbtn>li>a {
    color: #000;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #ebebeb;
}

.lyt-socialbtn .list-socialbtn>li>a img {
    width: 26px;
    height: 26px;
    margin: 0 10px 0 0;
}

.lyt-socialbtn .list-socialbtn>li:first-child>a {
    border-top: 0;
}

@media (min-width:768px),
print {
    .lyt-socialbtn {
        display: inline-block;
    }
}


/**
 * .lyt-addthis
**/

.lyt-addthis {
    display: none;
}

.lyt-addthis .list-addthis {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.lyt-addthis .list-addthis>li>a {
    color: #000;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #ebebeb;
}

.lyt-addthis .list-addthis>li>a .at-icon-wrapper {
    margin: 0 10px 0 0;
}

.lyt-addthis .list-addthis>li>a .at-icon-wrapper,
.lyt-addthis .list-addthis>li>a .at-icon-wrapper svg {
    line-height: 26px !important;
    width: 26px !important;
    height: 26px !important;
}

.lyt-addthis .list-addthis>li:first-child>a {
    border-top: 0;
}

@media (min-width:768px),
print {
    .lyt-addthis {
        display: block;
    }
}


/** --------------------------------------------------------
 * @class Common:Structure:Footer
** ------------------------------------------------------ */


/**
 * #footer
**/

#footer {
    margin: 45px 0 0;
    padding: 0 10px;
}

#footer .str-inner {
    padding: 15px 0;
}

#footer .nav-footer .list {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 14px;
}

#footer .nav-footer .list>li {
    position: relative;
}

#footer .nav-footer .list>li:last-child::after {
    display: none;
}

#footer .nav-footer .list>li::after {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #dbdbdb;
    position: absolute;
    top: 50%;
    right: 9px;
    display: inline-block;
    width: 1px;
    height: 6px;
    margin: -1px 0 0;
    content: "";
}

#footer .nav-footer .list>li:last-child>a {
    margin: 0;
}

#footer .nav-footer .list>li>a {
    color: #000;
    display: block;
    margin: 0 19px 0 0;
}

#footer .nav-footer .col-row {
    position: relative;
    display: none;
}

@media (min-width:768px),
print {
    #footer .nav-footer .col-row {
        display: -webkit-flex;
        display: flex;
    }
}

#footer .nav-footer .col-row h6 {
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #ebebeb;
}

#footer .nav-footer .col-row::after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: calc(100% - 12px);
    content: "";
    border-bottom: 1px solid #ebebeb;
}

#footer .nav-footer .col-row .list>li {
    width: 100%;
}

#footer .nav-footer .col-row .list>li>a {
    padding: 3px 0;
}

#footer .nav-footer .col-row .list>li::after {
    display: none;
}


/**
 * #copyright
**/

#copyright {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 4px;
}

#copyright>a {
    color: #000;
}


/** --------------------------------------------------------
 * @class Common:Structure:Connect
** ------------------------------------------------------ */

body.opt-static-header {
    overflow-x: hidden;
}

#header+#content,
#header+#enhanced-header {
    padding-top: 20px;
}

#header.opt-static-header {
    position: relative;
}

[data-script-enabled="true"] #header+#content,
[data-script-enabled="true"] #header+#enhanced-header {
    padding-top: 80px;
}

[data-script-enabled="true"] #header.lyt-dealer+#content {
    padding-top: 95px;
}

[data-script-enabled="true"] #header.opt-static-header+#content {
    padding-top: 0;
}

[data-script-enabled="true"] #header.opt-static-header.is-opened-menu {
    position: fixed;
}

[data-script-enabled="true"] #header.opt-static-header.is-opened-menu+#content {
    padding-top: 80px;
}

[data-script-enabled="true"] #header.opt-static-header.is-opened-menu.lyt-dealer+#content {
    padding-top: 95px;
}

@media (min-width:580px) {
    [data-script-enabled="true"] #header.opt-static-header+#content {
        padding-top: 0;
    }
    [data-script-enabled="true"] #header.opt-static-header.lyt-dealer+#content {
        padding-top: 0;
    }
    [data-script-enabled="true"] #header.opt-static-header.is-opened-menu.lyt-dealer+#content {
        padding-top: 80px;
    }
}

@media (min-width:768px),
print {
    [data-script-enabled="true"] #header+#content,
    [data-script-enabled="true"] #header+#enhanced-header,
    [data-script-enabled="true"] #header.fixed+#content,
    [data-script-enabled="true"] #header.fixed+#enhanced-header {
        padding-top: 100px;
    }
    [data-script-enabled="true"] #header.lyt-dealer+#content {
        padding-top: 120px;
    }
    [data-script-enabled="true"] #header.opt-static-header+#content,
    [data-script-enabled="true"] #header.opt-static-header.lyt-dealer+#content {
        padding-top: 20px;
    }
    [data-script-enabled="true"] #header.opt-static-header.is-opened-menu+#content {
        padding-top: 101px;
    }
    [data-script-enabled="true"] #header.opt-static-header.is-opened-menu.lyt-dealer+#content {
        padding-top: 121px;
    }
}

@media (min-width:992px),
print {
    [data-script-enabled="true"] #header+#content,
    [data-script-enabled="true"] #header+#enhanced-header {
        padding-top: 20px;
    }
    [data-script-enabled="true"] #header.fixed+#content,
    [data-script-enabled="true"] #header.fixed+#enhanced-header {
        padding-top: 150px;
    }
    [data-script-enabled="true"] #header.lyt-dealer+#content {
        padding-top: 20px;
    }
    [data-script-enabled="true"] #header.lyt-dealer.fixed+#content {
        padding-top: 170px;
    }
    [data-script-enabled="true"] #header.delete-nav.fixed+#content {
        padding-top: 100px;
    }
}

@media print {
    body {
        zoom: .85;
        margin: 0 auto;
    }
    #header {
        overflow: hidden;
    }
    #header.fixed {
        position: static !important;
    }
    [data-script-enabled="true"] #header .site-search {
        position: relative;
        left: 0;
        visibility: visible;
    }
    #content.lyt-type-1 {
        display: block;
    }
    body,
    #header,
    #content,
    #footer {
        width: 1184px !important;
        min-width: 1184px !important;
        max-width: 1184px !important;
    }
    /**
 * @fix Firefox
**/
    @-moz-document url-prefix() {
        #content {
            display: block;
        }
        #content.lyt-type-2 .lyt-main {
            float: right;
            width: 896px;
        }
        #content.lyt-type-2 .lyt-side {
            float: left;
            width: 200px;
        }
        #content.lyt-type-3 .lyt-main {
            float: right;
            width: 896px;
        }
        #content.lyt-type-3 .lyt-side {
            float: left;
            width: 200px;
        }
        #content.lyt-type-4 .lyt-col {
            float: right;
            width: 896px;
        }
        #content.lyt-type-4 .lyt-side {
            float: left;
            width: 200px;
        }
        .lyt-foot,
        #footer {
            clear: both;
        }
    }
}


/**
 * @fix msie
**/

@media print and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    body {
        zoom: 1;
    }
}


/** ========================================================
 * @class Common:Module
** ====================================================== */


/** --------------------------------------------------------
 * @class Common:Module:Heading
** ------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    margin: 20px 0 10px;
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    text-decoration: none;
    color: #000;
}

h1>a:hover,
h1>a:active,
h1>a:focus,
h2>a:hover,
h2>a:active,
h2>a:focus,
h3>a:hover,
h3>a:active,
h3>a:focus,
h4>a:hover,
h4>a:active,
h4>a:focus,
h5>a:hover,
h5>a:active,
h5>a:focus,
h6>a:hover,
h6>a:active,
h6>a:focus {
    text-decoration: underline;
    color: #01916d;
}

h1 {
    margin-top: 25px;
    margin-bottom: 20px;
}

@media print,
screen and (min-width: 768px) {
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 36px;
        margin-top: 72px;
        margin-bottom: 48px;
    }
    h3 {
        font-size: 32px;
        margin-top: 64px;
        margin-bottom: 32px;
    }
    h4 {
        font-size: 24px;
        margin-top: 48px;
        margin-bottom: 16px;
    }
    h5 {
        font-size: 18px;
        margin-top: 32px;
        margin-bottom: 16px;
    }
    h6 {
        font-size: 16px;
        margin-top: 32px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 32px;
        margin-top: 64px;
        margin-bottom: 32px;
    }
    h3 {
        font-size: 24px;
        margin-top: 48px;
        margin-bottom: 24px;
    }
    h4 {
        font-size: 20px;
        margin-top: 32px;
        margin-bottom: 8px;
    }
    h5 {
        font-size: 18px;
        margin-top: 24px;
        margin-bottom: 8px;
    }
    h6 {
        font-size: 16px;
        margin-top: 24px;
        margin-bottom: 8px;
    }
}

@media print,
screen and (min-width: 768px) {
    .lyt-main h1:not(.disable-hdg-style) {
        font-size: 36px;
    }
    .lyt-main h2:not(.disable-hdg-style) {
        font-size: 36px;
    }
    .lyt-main h3:not(.disable-hdg-style) {
        font-size: 32px;
    }
    .lyt-main h4:not(.disable-hdg-style) {
        font-size: 24px;
    }
    .lyt-main h5:not(.disable-hdg-style) {
        font-size: 18px;
    }
    .lyt-main h6:not(.disable-hdg-style) {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .lyt-main h1:not(.disable-hdg-style) {
        font-size: 32px;
    }
    .lyt-main h2:not(.disable-hdg-style) {
        font-size: 32px;
    }
    .lyt-main h3:not(.disable-hdg-style) {
        font-size: 24px;
    }
    .lyt-main h4:not(.disable-hdg-style) {
        font-size: 20px;
    }
    .lyt-main h5:not(.disable-hdg-style) {
        font-size: 18px;
    }
    .lyt-main h6:not(.disable-hdg-style) {
        font-size: 16px;
    }
}

.lyt-main h1:not(.disable-hdg-style) {
    font-weight: bold;
}

.lyt-main h2:not(.disable-hdg-style) {
    font-weight: bold;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #8c8c8c;
}

.lyt-main h3:not(.disable-hdg-style) {
    position: relative;
    font-weight: bold;
    background: none;
    border-left: none;
}

.lyt-main .image-left h3:not(.disable-hdg-style) {
    margin-top: 0;
}

.lyt-main h4:not(.disable-hdg-style) {
    font-weight: bold;
    line-height: 1.4;
}

.lyt-main h5:not(.disable-hdg-style) {
    position: relative;
    font-weight: bold;
    padding: 0 0 15px;
}

.lyt-main h5:not(.disable-hdg-style)::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 44px;
    height: 3px;
    background: #808285;
}

.lyt-main h6:not(.disable-hdg-style) {
    font-weight: bold;
}


/** --------------------------------------------------------
 * @class Common:Module:Text
** ------------------------------------------------------ */


/**
 * .callout-copy
**/

.callout-copy {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
    position: relative;
    margin-bottom: 44px;
    padding: 0 10px;
}

.callout-copy::after {
    -webkit-transform: rotateZ(45deg) translate(0, -50%);
    transform: rotateZ(45deg) translate(0, -50%);
    position: absolute;
    bottom: 0;
    left: 50%;
    display: none;
    width: 28px;
    height: 28px;
    margin: 0 0 0 -24px;
    content: "";
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
}

.callout-copy>.dotted {
    display: inline;
}

.callout-copy>.hook {
    text-decoration: underline;
    vertical-align: baseline;
    color: #01916d;
    background: transparent;
    padding: 0;
    border: 0;
}

[data-script-enabled="true"] .callout-copy>.more {
    display: none;
}

[data-script-enabled="true"] .callout-copy>.more.open {
    display: inline;
}

@media (min-width:768px),
print {
    .callout-copy {
        padding: 0 30px 49px;
    }
    .callout-copy::after {
        display: inline-block;
    }
    .callout-copy>.dotted,
    .callout-copy>.hook {
        display: none;
    }
    [data-script-enabled="true"] .callout-copy .more {
        display: inline;
    }
}


/**
 * .view-file-size
**/

.view-file-size {
    margin: 0 20px;
}


/** --------------------------------------------------------
 * @class Common:Module:List
** ------------------------------------------------------ */


/**
 * .list-bullet
**/

.list-bullet {
    margin: 30px 0;
}

li .list-bullet {
    margin: 10px 0;
}

.list-bullet[class*="col-"],
.list-bullet-01[class*="col-"] {
    margin-top: 0;
}

.list-bullet[class*="col-"]>li,
.list-bullet-01[class*="col-"]>li {
    padding-left: 54px;
}

.list-bullet[class*="col-"]>li::before,
.list-bullet-01[class*="col-"]>li::before {
    left: 32px;
}

.list-bullet>li,
.list-bullet-01>li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.list-bullet>li::before,
.list-bullet-01>li::before {
    background: #000;
    position: absolute;
    top: .66em;
    left: 8px;
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50%;
}


/**
 * .list-bullet-01
**/

.list-bullet-01[class*="col-"]>li::before {
    left: 30px;
}

.list-bullet-01>li::before {
    font-family: Arial;
    font-size: 90%;
    color: #000;
    background: transparent;
    top: .05em;
    left: 5px;
    width: auto;
    height: auto;
    content: "\0000a0\276F";
}


/**
 * .list-order
**/

ol:not([class]),
.list-order {
    counter-reset: number;
    margin: 30px 0;
}

li ol:not([class]),
li .list-order {
    margin: 10px 0;
}

ol:not([class])[class*="col-"],
.list-order[class*="col-"] {
    margin-top: 0;
}

ol:not([class])[class*="col-"]>li,
.list-order[class*="col-"]>li {
    padding-left: 54px;
}

ol:not([class])[class*="col-"]>li::before,
.list-order[class*="col-"]>li::before {
    left: 24px;
}

ol:not([class])>li,
.list-order>li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

ol:not([class])>li::before,
.list-order>li::before {
    text-align: right;
    position: absolute;
    left: 0;
    display: inline-block;
    min-width: 1.2em;
    content: counter(number) ".";
    counter-increment: number;
}


/**
 * .notice-list
**/

.notice-list {
    font-size: 14px;
}

.notice-list>li {
    overflow: hidden;
    margin-bottom: 10px;
}

.notice-list>li>span {
    display: block;
}

.notice-list>li>span:first-child {
    float: left;
    min-width: 3em;
    margin-right: 5px;
}

.notice-list>li>span:first-child:after {
    content: " :";
}

.notice-list>li>span:last-child {
    overflow: hidden;
}


/** --------------------------------------------------------
 * @class Common:Module:Link & Navigation & Button
** ------------------------------------------------------ */


/**
 * %extend-link
**/

.link,
.link-list>li>a:not(.modal),
.btn>a,
.btn>button,
.btn-01>a,
.btn-01>button,
.btn-02>a,
.btn-02>button,
.btn-03>a,
.btn-03>button,
button.btn-03,
.bnr-01 .btn,
.carousel-03 .slide>a .btn,
#nav-local ul>li>a,
.modal-area .close>a,
.feed-item .account a {
    color: inherit;
    display: inline-block;
}

.lyt-main .link,
.lyt-main .link-list>li>a:not(.modal) {
    padding-left: 20px;
    text-indent: -20px;
}

.lyt-main .link .icon-new,
.lyt-main .link-list>li>a:not(.modal) .icon-new {
    text-indent: 0;
}

.link:hover,
.link-list>li>a:hover,
.btn>a:hover,
.btn>button:hover,
.btn-01>a:hover,
.btn-01>button:hover,
.btn-02>a:hover,
.btn-02>button:hover,
.btn-03>a:hover,
.btn-03>button:hover,
button.btn-03:hover,
.bnr-01 .btn:hover,
.carousel-03 .slide>a .btn:hover,
.modal-area .close>a:hover,
.link:active,
.link-list>li>a:active:not(.modal),
.btn>a:active,
.btn>button:active,
.btn-01>a:active,
.btn-01>button:active,
.btn-02>a:active,
.btn-02>button:active,
.btn-03>a:active,
.btn-03>button:active,
button.btn-03:active,
.bnr-01 .btn:active,
.carousel-03 .slide>a .btn:active,
.modal-area .close>a:active,
.link:focus,
.link-list>li>a:focus:not(.modal),
.btn>a:focus,
.btn>button:focus,
.btn-01>a:focus,
.btn-01>button:focus,
.btn-02>a:focus,
.btn-02>button:focus,
.btn-03>a:focus,
.btn-03>button:focus,
button.btn-03:focus,
.bnr-01 .btn:focus,
.carousel-03 .slide>a .btn:focus,
.modal-area .close>a:focus,
.feed-item .account a:hover,
.feed-item .account a:focus {
    text-decoration: none;
    color: #01916d;
}

.link:not(.action)::before,
.info .link-list>li>a:not(.modal)::before,
.lyt-main .link-list>li>a:not(.modal)::before {
    font-family: Arial;
    font-size: 90%;
    color: #01916d;
    top: -1px;
    position: relative;
    padding: 0 10px 0 0;
    content: "\0000a0\276F";
}


/**
 * %extend-btn-base
**/

.link.action,
.btn>a,
.btn>button,
.btn-01>a,
.btn-01>button,
.btn-02>a,
.btn-02>button,
.btn>input[type="submit"],
.btn>input[type="reset"],
.btn>input[type="button"],
.btn-01>input[type="submit"],
.btn-01>input[type="reset"],
.btn-01>input[type="button"],
.btn-02>input[type="submit"],
.btn-02>input[type="reset"],
.btn-02>input[type="button"],
.link.action-01,
.btn-03>a,
.btn-03>button,
.btn-03>input[type="submit"],
.btn-03>input[type="reset"],
.btn-03>input[type="button"],
button.btn-03,
.bnr-01 .btn,
.carousel-03 .slide>a .btn,
.modal-area .close>a,
.feed-item .account a {
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    position: relative;
    padding: 5px 20px 5px 20px;
    text-indent: 0;
}

.link.action::after,
.btn>a::after,
.btn>button::after,
.btn-01>a::after,
.btn-01>button::after,
.btn-02>a::after,
.btn-02>button::after,
.btn>input[type="submit"]::after,
.btn>input[type="reset"]::after,
.btn>input[type="button"]::after,
.btn-01>input[type="submit"]::after,
.btn-01>input[type="reset"]::after,
.btn-01>input[type="button"]::after,
.btn-02>input[type="submit"]::after,
.btn-02>input[type="reset"]::after,
.btn-02>input[type="button"]::after,
.link.action-01::after,
.btn-03>a::after,
.btn-03>button::after,
.btn-03>input[type="submit"]::after,
.btn-03>input[type="reset"]::after,
.btn-03>input[type="button"]::after,
button.btn-03::after,
.bnr-01 .btn::after,
.carousel-03 .slide>a .btn::after,
.modal-area .close>a::after,
.feed-item .account a::after {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    left: 7px;
}


/**
 * %extend-primary
**/

.link.action,
.btn>a,
.btn>button,
.btn-01>a,
.btn-01>button,
.btn-02>a,
.btn-02>button,
.btn>input[type="submit"],
.btn>input[type="reset"],
.btn>input[type="button"],
.btn-01>input[type="submit"],
.btn-01>input[type="reset"],
.btn-01>input[type="button"],
.btn-02>input[type="submit"],
.btn-02>input[type="reset"],
.btn-02>input[type="button"] {
    color: #fff;
    background: #01916d;
    border: 1px solid #01916d;
}

.link.action:hover,
.btn>a:hover,
.btn>button:hover,
.btn-01>a:hover,
.btn-01>button:hover,
.btn-02>a:hover,
.btn-02>button:hover,
.btn>input:hover[type="submit"],
.btn>input:hover[type="reset"],
.btn>input:hover[type="button"],
.btn-01>input:hover[type="submit"],
.btn-01>input:hover[type="reset"],
.btn-01>input:hover[type="button"],
.btn-02>input:hover[type="submit"],
.btn-02>input:hover[type="reset"],
.btn-02>input:hover[type="button"],
.link.action:active,
.btn>a:active,
.btn>button:active,
.btn-01>a:active,
.btn-01>button:active,
.btn-02>a:active,
.btn-02>button:active,
.btn>input:active[type="submit"],
.btn>input:active[type="reset"],
.btn>input:active[type="button"],
.btn-01>input:active[type="submit"],
.btn-01>input:active[type="reset"],
.btn-01>input:active[type="button"],
.btn-02>input:active[type="submit"],
.btn-02>input:active[type="reset"],
.btn-02>input:active[type="button"],
.link.action:focus,
.btn>a:focus,
.btn>button:focus,
.btn-01>a:focus,
.btn-01>button:focus,
.btn-02>a:focus,
.btn-02>button:focus,
.btn>input:focus[type="submit"],
.btn>input:focus[type="reset"],
.btn>input:focus[type="button"],
.btn-01>input:focus[type="submit"],
.btn-01>input:focus[type="reset"],
.btn-01>input:focus[type="button"],
.btn-02>input:focus[type="submit"],
.btn-02>input:focus[type="reset"],
.btn-02>input:focus[type="button"] {
    color: #01916d;
    background: #fff;
    border-color: #d7d7d7;
}

.link.action:hover::after,
.btn>a:hover::after,
.btn>button:hover::after,
.btn-01>a:hover::after,
.btn-01>button:hover::after,
.btn-02>a:hover::after,
.btn-02>button:hover::after,
.btn>input[type="submit"]:hover::after,
.btn>input[type="reset"]:hover::after,
.btn>input[type="button"]:hover::after,
.btn-01>input[type="submit"]:hover::after,
.btn-01>input[type="reset"]:hover::after,
.btn-01>input[type="button"]:hover::after,
.btn-02>input[type="submit"]:hover::after,
.btn-02>input[type="reset"]:hover::after,
.btn-02>input[type="button"]:hover::after,
.link.action:active::after,
.btn>a:active::after,
.btn>button:active::after,
.btn-01>a:active::after,
.btn-01>button:active::after,
.btn-02>a:active::after,
.btn-02>button:active::after,
.btn>input[type="submit"]:active::after,
.btn>input[type="reset"]:active::after,
.btn>input[type="button"]:active::after,
.btn-01>input[type="submit"]:active::after,
.btn-01>input[type="reset"]:active::after,
.btn-01>input[type="button"]:active::after,
.btn-02>input[type="submit"]:active::after,
.btn-02>input[type="reset"]:active::after,
.btn-02>input[type="button"]:active::after,
.link.action:focus::after,
.btn>a:focus::after,
.btn>button:focus::after,
.btn-01>a:focus::after,
.btn-01>button:focus::after,
.btn-02>a:focus::after,
.btn-02>button:focus::after,
.btn>input[type="submit"]:focus::after,
.btn>input[type="reset"]:focus::after,
.btn>input[type="button"]:focus::after,
.btn-01>input[type="submit"]:focus::after,
.btn-01>input[type="reset"]:focus::after,
.btn-01>input[type="button"]:focus::after,
.btn-02>input[type="submit"]:focus::after,
.btn-02>input[type="reset"]:focus::after,
.btn-02>input[type="button"]:focus::after {
    color: #01916d;
}

.link.action::after,
.btn>a::after,
.btn>button::after,
.btn-01>a::after,
.btn-01>button::after,
.btn-02>a::after,
.btn-02>button::after,
.btn>input[type="submit"]::after,
.btn>input[type="reset"]::after,
.btn>input[type="button"]::after,
.btn-01>input[type="submit"]::after,
.btn-01>input[type="reset"]::after,
.btn-01>input[type="button"]::after,
.btn-02>input[type="submit"]::after,
.btn-02>input[type="reset"]::after,
.btn-02>input[type="button"]::after {
    color: #fff;
}


/**
 * %extend-secondary
**/

.link.action-01,
.btn-03>a,
.btn-03>button,
.btn-03>input[type="submit"],
.btn-03>input[type="reset"],
.btn-03>input[type="button"],
button.btn-03,
.bnr-01 .btn,
.carousel-03 .slide>a .btn,
.modal-area .close>a,
.feed-item .account a {
    background: #fff;
    border: 1px solid #d7d7d7;
}

.link.action-01:hover,
.btn-03>a:hover,
.btn-03>button:hover,
.btn-03>input:hover[type="submit"],
.btn-03>input:hover[type="reset"],
.btn-03>input:hover[type="button"],
button.btn-03:hover,
.bnr-01 .btn:hover,
.carousel-03 .slide>a .btn:hover,
.modal-area .close>a:hover,
.link.action-01:active,
.btn-03>a:active,
.btn-03>button:active,
.btn-03>input:active[type="submit"],
.btn-03>input:active[type="reset"],
.btn-03>input:active[type="button"],
button.btn-03:active,
.bnr-01 .btn:active,
.carousel-03 .slide>a .btn:active,
.modal-area .close>a:active,
.link.action-01:focus,
.btn-03>a:focus,
.btn-03>button:focus,
.btn-03>input:focus[type="submit"],
.btn-03>input:focus[type="reset"],
.btn-03>input:focus[type="button"],
button.btn-03:focus,
.bnr-01 .btn:focus,
.carousel-03 .slide>a .btn:focus,
.modal-area .close>a:focus,
.feed-item .account a:hover,
.feed-item .account a:focus {
    color: #fff;
    background: #01916d;
    border-color: #01916d;
}

.link.action-01:hover::after,
.btn-03>a:hover::after,
.btn-03>button:hover::after,
.btn-03>input[type="submit"]:hover::after,
.btn-03>input[type="reset"]:hover::after,
.btn-03>input[type="button"]:hover::after,
button.btn-03:hover::after,
.bnr-01 .btn:hover::after,
.carousel-03 .slide>a .btn:hover::after,
.modal-area .close>a:hover::after,
.link.action-01:active::after,
.btn-03>a:active::after,
.btn-03>button:active::after,
.btn-03>input[type="submit"]:active::after,
.btn-03>input[type="reset"]:active::after,
.btn-03>input[type="button"]:active::after,
button.btn-03:active::after,
.bnr-01 .btn:active::after,
.carousel-03 .slide>a .btn:active::after,
.modal-area .close>a:active::after,
.link.action-01:focus::after,
.btn-03>a:focus::after,
.btn-03>button:focus::after,
.btn-03>input[type="submit"]:focus::after,
.btn-03>input[type="reset"]:focus::after,
.btn-03>input[type="button"]:focus::after,
button.btn-03:focus::after,
.bnr-01 .btn:focus::after,
.carousel-03 .slide>a .btn:focus::after,
.modal-area .close>a:focus::after,
.feed-item .account a:hover::after,
.feed-item .account a:focus::after {
    color: #fff;
}


/**
 * .link
**/

.link.link-l {
    font-size: 18px;
    font-weight: bold;
    padding: 2px 0;
}


/**
 * .link-list
**/

.link-list {
    margin: 20px 0;
}

td .link-list {
    margin: 0 0 20px;
}

.link-list>li {
    color: #333;
    line-height: 1.4;
}

.link-list>li:not(:last-child) {
    margin-bottom: 10px;
}

.link-list[class*="col-"] {
    margin-top: 0;
}

h5+.link-list[class*="col-"] {
    margin-top: 20px;
}

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

.link-list-01 {
    background: #ebebeb;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 14px 20px 17px;
}

.link-list-01>li {
    margin: 0 32px 0 0;
}


/**
 * .link-block-01
**/

.link-block-01 a {
    text-decoration: none;
    text-align: center;
    display: block;
}

.link-block-01 a:hover .link,
.link-block-01 a:active .link,
.link-block-01 a:focus .link {
    color: #01916d;
}

.link-block-01 a .link {
    color: #000;
    display: block;
}

.link-block-01 a .link+img {
    margin: 10px 0 0;
}

@media (min-width:768px),
print {
    .link-list {
        margin: 30px 0;
    }
    .link-block-01 .link {
        text-align: left;
    }
}

.link-block-02 {
    margin: 0 0 20px;
}

.link-block-02>li {
    display: -webkit-flex;
    display: flex;
    margin: 1px 0 0;
}

.link-block-02>li>a {
    line-height: 1.4;
    text-decoration: none;
    color: #000;
    background: #f6f6f6;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 7px 30px 7px 15px;
}

.link-block-02>li>a:hover,
.link-block-02>li>a:active,
.link-block-02>li>a:focus {
    background: #c1c1c1;
}

.link-block-02>li>a::after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: Arial;
    font-size: 90%;
    color: #01916d;
    position: absolute;
    top: 50%;
    right: 15px;
    content: "\0000a0\276F";
}

@media (min-width:768px),
print {
    .link-block-02 {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -6px 0 20px -6px;
    }
    .link-block-02.col-2,
    .link-block-02.col-3,
    .link-block-02.col-4 {
        width: calc(100% + 6px);
        margin-left: -6px;
    }
    .link-block-02.col-2>li,
    .link-block-02.col-3>li,
    .link-block-02.col-4>li {
        padding-left: 6px;
    }
    .link-block-02>li {
        -webkit-flex: 25% 0 0;
        flex: 25% 0 0;
        min-height: 85px;
        margin: 0;
        padding: 6px 0 0 6px;
    }
    .link-block-02>li>a {
        font-size: 20px;
        padding: 7px 30px 8px 20px;
    }
}


/** ========================================================
 * @class Common:Module:Link:Button
** ====================================================== */

.btn>a,
.btn-01>a,
.btn-02>a,
.btn-03>a,
.btn>button,
.btn-01>button,
.btn-02>button,
.btn-03>button {
    min-width: 30.8510638%;
}

.btn .btn-m,
.btn-01 .btn-m,
.btn-02 .btn-m,
.btn-03 .btn-m {
    min-width: 19.1489362%;
}

.btn .btn-s,
.btn-01 .btn-s,
.btn-02 .btn-s,
.btn-03 .btn-s {
    min-width: 14.893617%;
}

@media (min-width:768px),
print {
    .btn>a,
    .btn-01>a,
    .btn-02>a,
    .btn-03>a,
    .btn>button,
    .btn-01>button,
    .btn-02>button,
    .btn-03>button,
    .btn input[type="submit"],
    .btn-01 input[type="submit"],
    .btn-02 input[type="submit"],
    .btn-03 input[type="submit"],
    .btn>input[type="reset"],
    .btn-01>input[type="reset"],
    .btn-02>input[type="reset"],
    .btn-03>input[type="reset"],
    .btn>input[type="button"],
    .btn-01>input[type="button"],
    .btn-02>input[type="button"],
    .btn-03>input[type="button"] {
        min-width: 290px;
    }
    .btn .btn-m,
    .btn-01 .btn-m,
    .btn-02 .btn-m,
    .btn-03 .btn-m,
    .btn input[type="submit"].btn-m,
    .btn-01 input[type="submit"].btn-m,
    .btn-02 input[type="submit"].btn-m,
    .btn-03 input[type="submit"].btn-m,
    .btn>input[type="reset"].btn-m,
    .btn-01>input[type="reset"].btn-m,
    .btn-02>input[type="reset"].btn-m,
    .btn-03>input[type="reset"].btn-m,
    .btn>input[type="button"].btn-m,
    .btn-01>input[type="button"].btn-m,
    .btn-02>input[type="button"].btn-m,
    .btn-03>input[type="button"].btn-m {
        min-width: 180px;
    }
    .btn .btn-s,
    .btn-01 .btn-s,
    .btn-02 .btn-s,
    .btn-03 .btn-s,
    .btn input[type="submit"].btn-s,
    .btn-01 input[type="submit"].btn-s,
    .btn-02 input[type="submit"].btn-s,
    .btn-03 input[type="submit"].btn-s,
    .btn>input[type="reset"].btn-s,
    .btn-01>input[type="reset"].btn-s,
    .btn-02>input[type="reset"].btn-s,
    .btn-03>input[type="reset"].btn-s,
    .btn>input[type="button"].btn-s,
    .btn-01>input[type="button"].btn-s,
    .btn-02>input[type="button"].btn-s,
    .btn-03>input[type="button"].btn-s {
        min-width: 140px;
    }
}


/**
 * .btn,
.btn-01,
.btn-02
**/

.btn,
.btn-01,
.btn-02 {
    text-align: center;
}

.btn>input[type="submit"],
.btn>input[type="reset"],
.btn>input[type="button"],
.btn-01>input[type="submit"],
.btn-01>input[type="reset"],
.btn-01>input[type="button"],
.btn-02>input[type="submit"],
.btn-02>input[type="reset"],
.btn-02>input[type="button"] {
    padding-right: 12px;
}

span.btn,
span.btn-01,
span.btn-02 {
    display: inline-block;
}


/**
 * .btn
**/

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

.btn-03>input[type="submit"],
.btn-03>input[type="reset"],
.btn-03>input[type="button"] {
    padding-right: 12px;
}


/**
 * .btn-list
**/

.btn-list,
.btn-list-01 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: -12px;
}

.btn-list>li,
.btn-list-01>li {
    margin: 12px 6px 0;
}

@media (max-width:767px) {
    .btn-list>li {
        text-align: center;
        width: 100%;
    }
    .btn-list>li a {
        width: 100%;
    }
}

@media (max-width:767px) {
    .btn-list-01>li a {
        width: auto;
    }
}


/**
 * .btn-search
**/

.btn-search {
    background: #fff;
    background: url(../images/icon_search.svg) 7px 7px no-repeat;
    background-size: 23px;
    position: relative;
    width: 38px;
    height: 38px;
    margin: 1px;
    padding-top: 0;
    border: none;
    border-left: 0;
}

.btn-search span {
    display: block;
    overflow: hidden;
    height: 0;
}


/** ========================================================
 * @class Common:Module:Link:Navigation
** ====================================================== */


/**
 * .nav-top
**/

.nav-top {
    text-align: right;
    margin: 20px 0;
}

.nav-top a {
    font-weight: 400;
    color: #000;
    position: relative;
    display: inline-block;
}

.nav-top a::before {
    -webkit-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
    position: absolute;
    top: 50%;
    left: -20px;
    width: 9px;
    height: 9px;
    margin: 1px 0 0;
    content: "";
    border-top: 2px solid #01916d;
    border-left: 2px solid #01916d;
}


/**
 * .nav-progress
**/

.nav-progress {
    font-size: 16px;
    background: #ebebeb;
    z-index: -2;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px 10px;
}

.nav-progress>li {
    line-height: 1.7;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 50%;
    margin: 10px 0 0 0;
    padding: 4px 12px;
    box-shadow: inset 1px -1px 0px #d7d7d7, inset 1px 1px 0px #d7d7d7;
    overflow: hidden;
}

.nav-progress>li _:-ms-fullscreen,
:root .nav-progress>li {
    box-shadow: none;
}

.nav-progress>li::before,
.nav-progress>li::after,
.nav-progress>li>em::before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
    content: "";
    border-top: 16px solid #ebebeb;
    border-right: 0;
    border-bottom: 16px solid #ebebeb;
}

.nav-progress>li::before {
    width: 12px;
    border-left: 12px solid #d7d7d7;
}

.nav-progress>li::after {
    z-index: 2;
    top: 1px;
    right: 1px;
    height: calc(100% - 2px);
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 11px solid #fff;
}

.nav-progress>li>em {
    color: #fff;
    background: #01916d;
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    width: calc(100% + 1px);
    height: calc(100% + 2px);
    padding: 5px 12px 0;
}

.nav-progress>li>em::before {
    background: #01916d;
    z-index: 3;
    right: 0;
    width: 12px;
    border-top: 17px solid #ebebeb;
    border-right: 0;
    border-bottom: 17px solid #ebebeb;
    border-left: 11px solid #01916d;
}

.nav-progress>li:last-child {
    margin-right: 0;
    box-shadow: inset 1px -1px 0px #d7d7d7, inset 1px 1px 0px #d7d7d7, inset -1px 1px 0px #d7d7d7;
}

.nav-progress>li:last-child::before,
.nav-progress>li:last-child::after {
    display: none;
}

.nav-progress>li:last-child>em::before {
    display: none;
}

@media (min-width:768px),
print {
    .nav-progress>li {
        width: calc(100% / 6);
    }
}


/**
 * .nav-internal
**/

.nav-internal {
    background: #fff;
    display: none;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 20px;
    padding: 25px 30px 15px;
    border: 1px solid #d7d7d7;
}

.nav-internal>li {
    position: relative;
    padding: 0 48px 0 0;
    margin-bottom: 10px;
}

.nav-internal>li:last-child {
    padding-right: 0;
}

.nav-internal>li:last-child::before {
    display: none;
}

.nav-internal>li::before {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #c1c1c1;
    position: absolute;
    top: 50%;
    right: 24px;
    display: block;
    width: 1px;
    height: 10px;
    content: "";
}

.nav-internal a {
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    color: #000;
    position: relative;
    display: block;
    padding-left: 20px;
}

.nav-internal a::before {
    font-family: Arial;
    font-size: 90%;
    color: #01916d;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    content: "\0000a0\276F";
    transform: rotate(90deg);
}

.nav-internal a:hover,
.nav-internal a:active,
.nav-internal a:focus {
    color: #01916d;
}

@media (min-width:768px),
print {
    .nav-internal {
        display: -webkit-flex;
        display: flex;
    }
}

@media (min-width:1120px),
print {
    .nav-internal {
        margin: 0 0 20px;
    }
}


/**
 * .pager
**/

.pager {
    vertical-align: middle;
    display: table;
    width: 50%;
    margin: 0 auto 15px;
}

.pager>li {
    vertical-align: middle;
    display: table-cell;
}

.pager>li>ul {
    color: #01916d;
}

.pager ul {
    display: table;
    width: 100%;
    margin: 0;
    table-layout: fixed;
}

.pager ul>li {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #01916d;
    display: table-cell;
    overflow: hidden;
    padding: 0 10px;
    border-left: 1px solid #d7d7d7;
}

.pager ul>li:first-child {
    border-left: 0;
}

.pager>.prev,
.pager>.next {
    width: 60px;
}

.pager>.prev>span,
.pager>.prev>a,
.pager>.next>span,
.pager>.next>a {
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.pager>.prev>span,
.pager>.next>span {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 8px 12px 7px 25px;
}

.pager>.prev>span::before,
.pager>.next>span::before {
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    width: 10px;
    height: 100%;
    content: "";
}

.pager>.prev>a,
.pager>.next>a {
    color: #343434;
    background: none;
    position: relative;
    z-index: 1;
    padding: 0 0 0 11px;
}

.pager>.prev>a>span,
.pager>.next>a>span {
    display: block;
    padding: 6px 11px 7px 13px;
    border: 1px solid #d7d7d7;
}

.pager>.prev>a::before,
.pager>.next>a::before {
    position: absolute;
    z-index: 1;
    top: 0;
    display: block;
    overflow: hidden;
    width: 10px;
    height: 100%;
    content: "";
}

.pager>.prev>a>span {
    border-left-color: transparent;
}

.pager>.prev>a::before {
    -webkit-transform: rotate(59deg) skew(27deg);
    transform: rotate(59deg) skew(27deg);
    background: #fff;
    z-index: -1;
    top: 50%;
    left: 0;
    width: 100px;
    height: 100px;
    margin-top: -55px;
    margin-left: 6px;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
}

.pager>.prev>span::before {
    -webkit-transform: rotate(59deg) skew(27deg);
    transform: rotate(59deg) skew(27deg);
    background: #ebebeb;
    z-index: -1;
    top: 50%;
    left: -11px;
    width: 100px;
    height: 100px;
    margin-top: -55px;
    margin-left: 16px;
}

.pager>.prev>span::after {
    background: #ebebeb;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    display: block;
    width: calc(100% - 15px);
    height: 100%;
    content: "";
}

.pager>.next>span {
    padding: 8px 25px 7px 12px;
}

.pager>.next>span::before {
    -webkit-transform: rotate(59deg) skew(27deg);
    transform: rotate(59deg) skew(27deg);
    background: #ebebeb;
    z-index: -1;
    top: 50%;
    right: 6px;
    width: 100px;
    height: 100px;
    margin-top: -45px;
}

.pager>.next>span::after {
    background: #ebebeb;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% - 15px);
    height: 100%;
    content: "";
}

.pager>.next>a {
    padding: 0 11px 0 0;
}

.pager>.next>a>span {
    padding: 6px 13px 7px 11px;
    border-right-color: transparent;
}

.pager>.next>a::before {
    -webkit-transform: rotate(59deg) skew(27deg);
    transform: rotate(59deg) skew(27deg);
    background: #fff;
    z-index: -1;
    top: 50%;
    right: 6px;
    width: 100px;
    height: 100px;
    margin-top: -45px;
    margin-left: 0;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

@media (max-width:767px) {
    .pager {
        display: block;
        width: 100%;
    }
    .pager>li {
        display: block;
        width: 100%;
    }
    .pager>li>ul {
        display: block;
        margin: 12px 0;
    }
    .pager>li>ul>li {
        text-align: center;
        white-space: normal;
        display: block;
        overflow: visible;
        margin: 0 0 10px;
        padding: 0;
        border: 0;
    }
    .pager>li>ul>li:last-child {
        margin-bottom: 0;
    }
    .pager>.prev {
        width: 70%;
        margin: 0 auto;
    }
    .pager>.prev>span {
        padding-right: 26px;
    }
    .pager>.prev>a {
        padding-right: 0;
    }
    .pager>.prev>a span {
        padding-right: 22px;
    }
    .pager>.next {
        width: 70%;
        margin: 0 auto;
    }
    .pager>.next>span {
        padding-left: 26px;
    }
    .pager>.next>a {
        padding-left: 0;
    }
    .pager>.next>a span {
        padding-left: 22px;
    }
}

@media (max-width:375px) {
    .pager>.prev {
        width: 85%;
    }
}


/**
 * .pager-01
**/

.pager-01 {
    display: table;
    width: auto;
    min-width: 34.010753%;
    max-width: 50%;
    margin: 0 auto 15px;
}

.pager-01>li {
    vertical-align: top;
    display: table-cell;
}

.pager-01>.prev,
.pager-01>.next {
    width: 60px;
}

.pager-01>.prev>span,
.pager-01>.prev>a,
.pager-01>.next>span,
.pager-01>.next>a {
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.pager-01>.prev>span,
.pager-01>.next>span {
    position: relative;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 8px 12px 7px 25px;
}

.pager-01>.prev>span::before,
.pager-01>.next>span::before {
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    width: 10px;
    height: 100%;
    content: "";
}

.pager-01>.prev>a,
.pager-01>.next>a {
    color: #343434;
    background: none;
    position: relative;
    z-index: 1;
    padding: 0 0 0 11px;
}

.pager-01>.prev>a>span,
.pager-01>.next>a>span {
    display: block;
    padding: 6px 11px 7px 13px;
    border: 1px solid #d7d7d7;
}

.pager-01>.prev>a::before,
.pager-01>.next>a::before {
    position: absolute;
    z-index: 1;
    top: 0;
    display: block;
    overflow: hidden;
    width: 10px;
    height: 100%;
    content: "";
}

.pager-01>.prev>a>span {
    border-left-color: transparent;
}

.pager-01>.prev>a::before {
    -webkit-transform: rotate(59deg) skew(27deg);
    transform: rotate(59deg) skew(27deg);
    background: #fff;
    z-index: -1;
    top: 50%;
    left: 0;
    width: 100px;
    height: 100px;
    margin-top: -55px;
    margin-left: 6px;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
}

.pager-01>.prev>span::before {
    -webkit-transform: rotate(59deg) skew(27deg);
    transform: rotate(59deg) skew(27deg);
    background: #ebebeb;
    z-index: -1;
    top: 50%;
    left: -11px;
    width: 100px;
    height: 100px;
    margin-top: -55px;
    margin-left: 16px;
}

.pager-01>.prev>span::after {
    background: #ebebeb;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    display: block;
    width: calc(100% - 15px);
    height: 100%;
    content: "";
}

.pager-01>.next>span {
    padding: 8px 25px 7px 12px;
}

.pager-01>.next>span::after {
    background: #ebebeb;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% - 15px);
    height: 100%;
    content: "";
}

.pager-01>.next>span::before {
    -webkit-transform: rotate(59deg) skew(27deg);
    transform: rotate(59deg) skew(27deg);
    background: #ebebeb;
    z-index: -1;
    top: 50%;
    right: 7px;
    width: 100px;
    height: 100px;
    margin-top: -45px;
}

.pager-01>.next>a {
    padding: 0 11px 0 0;
}

.pager-01>.next>a>span {
    padding: 6px 13px 7px 11px;
    border-right-color: transparent;
}

.pager-01>.next>a::before {
    -webkit-transform: rotate(59deg) skew(27deg);
    transform: rotate(59deg) skew(27deg);
    background: #fff;
    z-index: -1;
    top: 50%;
    right: 6px;
    width: 100px;
    height: 100px;
    margin-top: -45px;
    margin-left: 0;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.pager-01 ul {
    text-align: center;
    margin: 0;
    padding: 0 4px;
}

.pager-01 ul>li {
    line-height: 30px;
    vertical-align: top;
    color: #fff;
    background-color: #01916d;
    display: inline-block;
    margin: 0 3px 0;
    padding: 2px 13px 2px;
}

.pager-01 ul>li>a {
    font-weight: 400;
    vertical-align: top;
    color: #343434;
    background-color: #fff;
    display: block;
    margin: -2px -13px -2px;
    padding: 1px 12px 1px;
    border: 1px solid #d7d7d7;
}

@media (max-width:767px) {
    .pager-01 {
        display: block;
        width: 100%;
        min-width: initial;
        max-width: none;
    }
    .pager-01>li {
        display: block;
        width: 100%;
    }
    .pager-01>li.prev,
    .pager-01>li.next {
        width: 70%;
        margin: 0 auto;
    }
    .pager-01>li>ul {
        margin: 15px 0 15px;
    }
    .pager-01>.prev>a {
        padding-right: 0;
    }
    .pager-01>.next>a {
        padding-left: 0;
    }
    .pager-01>.prev>a span {
        padding-right: 22px;
    }
    .pager-01>.next>a span {
        padding-left: 22px;
    }
    .pager-01>.prev>span {
        padding-right: 26px;
    }
    .pager-01>.next>span {
        padding-left: 26px;
    }
}


/** --------------------------------------------------------
 * @class Common:Module:Panel & Banner
** ------------------------------------------------------ */


/**
 * .bnr-list
**/

.bnr-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.bnr-list>li {
    -webkit-flex: 100% 0 0;
    flex: 100% 0 0;
    margin: 0 0 15px;
}

.bnr-list>li:hover .link,
.bnr-list>li:active .link,
.bnr-list>li:focus .link {
    color: #01916d;
}

.bnr-list>li:last-child {
    margin-bottom: 0;
}

.bnr-list>li>a {
    text-decoration: none;
    color: #000;
    background: #fff;
    position: relative;
    display: block;
    padding: 10px 15px 10px 15px;
    border: 1px solid #c1c1c1;
}

.bnr-list>li.thumb>a {
    padding: 10px 105px 10px 15px;
}

.bnr-list>li .thumb {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    width: 100px;
    max-width: 100%;
    height: 100%;
}

.bnr-list>li .thumb img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    width: auto;
    max-height: 100%;
}

.bnr-list>li em {
    color: #000;
    display: block;
    margin: 0 0 7px;
}

.bnr-list>li .link {
    display: block;
    margin: 7px 0 0;
}

.lyt-side .bnr-list>li .thumb {
    width: 65px;
    max-width: 65px;
}

.lyt-side .bnr-list>li.thumb>a {
    padding: 12px 70px 12px 15px;
}

@media (min-width:768px),
print {
    .bnr-list {
        margin-left: -24px;
    }
    .bnr-list>li {
        -webkit-flex: 50% 0 0;
        flex: 50% 0 0;
        max-width: 50%;
        padding-left: 24px;
    }
    .lyt-side .bnr-list {
        margin-left: 0;
    }
    .lyt-side .bnr-list>li {
        -webkit-flex: 100% 0 0;
        flex: 100% 0 0;
        max-width: 100%;
        padding-left: 0;
    }
}


/**
 * .bnr-01
**/

.bnr-01 {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 0 12px;
}

.bnr-01 .unit {
    display: inline-block;
}

.bnr-01.pickup {
    background: #01916d;
}

.bnr-01.pickup>a {
    color: #fff;
}

.bnr-01.pickup>a:hover,
.bnr-01.pickup>a:active,
.bnr-01.pickup>a:focus {
    background: #02614e;
}

.bnr-01.active {
    background: #01916d;
}

.bnr-01.active>a {
    color: #fff;
}

.bnr-01>a {
    text-decoration: none;
    color: #000;
    position: relative;
    display: block;
    height: auto;
    max-height: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.bnr-01>a _:-ms-fullscreen,
:root .bnr-01>a {
    height: 100%;
}

.bnr-01>a:hover,
.bnr-01>a:active,
.bnr-01>a:focus {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.bnr-01>a:hover .image::after,
.bnr-01>a:active .image::after,
.bnr-01>a:focus .image::after {
    display: block;
}

.bnr-01>a:hover .group::before,
.bnr-01>a:active .group::before,
.bnr-01>a:focus .group::before {
    background: #fff;
}

.bnr-01>a:hover .group::after,
.bnr-01>a:active .group::after,
.bnr-01>a:focus .group::after {
    border-color: #01916d;
}

.bnr-01>a .image {
    background-position: center;
    background-size: cover;
    position: relative;
    display: block;
    overflow: hidden;
}

.bnr-01>a .image::before {
    position: absolute;
    top: 0;
    left: -50%;
    display: none;
    width: 200%;
    height: 100%;
    content: "";
    box-shadow: inset 0 65px 100px rgba(0, 0, 0, 0.75);
}

.bnr-01>a .image .hdg {
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    position: relative;
    display: block;
    padding: 10px 25px;
}

.bnr-01>a .image img {
    width: 100%;
}

[data-script-enabled="true"] .bnr-01>a .image {
    width: auto;
    height: 208px;
}

.bnr-01>a .image::after {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    min-height: 100%;
    content: "";
}

.bnr-01>a .unvisible {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: hidden;
}

.bnr-01>a .group {
    position: relative;
    display: block;
    padding: 20px 50px 40px 25px;
}

.bnr-01>a .group>.txt:last-child {
    margin-bottom: 0;
}

.bnr-01>a .group .hdg {
    font-size: 20px;
    line-height: 1.4;
    display: block;
    margin: 0 0 10px;
}

.bnr-01>a .group .txt {
    font-size: 16px;
    line-height: 1.6;
    display: block;
    margin: 0 0 10px;
}

.bnr-01.ride-hdg {
    background: transparent;
}

.bnr-01.ride-hdg>a:hover .btn,
.bnr-01.ride-hdg>a:active .btn,
.bnr-01.ride-hdg>a:focus .btn {
    color: #000;
    background-color: #fff;
    border-color: #c1c1c1;
}

.bnr-01.ride-hdg>a:hover .btn::after,
.bnr-01.ride-hdg>a:active .btn::after,
.bnr-01.ride-hdg>a:focus .btn::after {
    color: #01916d;
}

@media (min-width:768px),
print {
    .bnr-01.ride-hdg>a {
        margin: -6px -3px 0 -3px;
        padding: 6px 6px 0;
    }
}

.bnr-01.ride-hdg>a .image::before {
    display: block;
}

.bnr-01.ride-hdg>a .group {
    padding: 20px;
}

.bnr-01.ride-hdg>a .group::before,
.bnr-01.ride-hdg>a .group::after {
    display: none;
}

.bnr-01.ride-hdg .btn {
    color: #fff;
    background-color: #01916d;
    margin-top: 20px;
    border-color: #01916d;
}

.bnr-01.ride-hdg .btn::after {
    color: #fff;
}

.bnr-01.nallow {
    background: #fff;
}

.bnr-01.nallow:hover .btn,
.bnr-01.nallow:active .btn,
.bnr-01.nallow:focus .btn {
    color: #fff;
    background: #01916d;
    border-color: #01916d;
}

.bnr-01.nallow:hover .btn::after,
.bnr-01.nallow:active .btn::after,
.bnr-01.nallow:focus .btn::after {
    color: #fff;
}

.bnr-01.nallow>a .group {
    padding: 20px;
}

.bnr-01.nallow>a .group::before,
.bnr-01.nallow>a .group::after {
    display: none;
}

.bnr-01.nallow>a .group .hdg {
    font-size: 21px;
    line-height: 1.4;
}

.bnr-01.nallow>a .group .txt {
    margin: 0 0 15px;
}

@media (min-width:768px),
print {
    [data-script-enabled="true"] .bnr-01>a .image {
        height: 175px;
    }
    .bnr-01>a .group {
        padding: 20px;
    }
    .bnr-01>a .group::before {
        top: 30px;
        width: 30px;
        height: 30px;
    }
    .bnr-01>a .group::after {
        top: 39px;
        right: 11px;
        width: 10px;
        height: 10px;
    }
    .bnr-01>a .group .hdg {
        font-size: 22px;
    }
    .bnr-01>a .group .txt {
        font-size: 16px;
    }
    .bnr-01.nallow>a .hdg {
        font-size: 18px;
    }
    .bnr-01.nallow>a .txt {
        font-size: 14px;
    }
    .bnr-01.nallow>a .group {
        padding: 20px;
    }
}

.bnr-02>a {
    text-decoration: none;
    color: #000;
    display: block;
}

.bnr-02>a:hover .group .txt,
.bnr-02>a:active .group .txt,
.bnr-02>a:focus .group .txt {
    text-decoration: underline;
    color: #01916d;
}

.bnr-02 .group .hdg {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    display: block;
    margin: 10px 0 5px;
}


/** --------------------------------------------------------
 * @class Common:Module:Table
** ------------------------------------------------------ */


/**
 * .tbl
**/

.tbl,
.tbl-01 {
    font-size: 14px;
    border-collapse: collapse;
    border: 1px solid #d7d7d7;
}

.tbl thead,
.tbl-01 thead {
    background: #ebebeb;
}

.tbl thead+tbody,
.tbl-01 thead+tbody {
    border-top: 0;
}

.tbl thead th,
.tbl-01 thead th {
    font-weight: bold;
}

.tbl thead tr:not(:last-child) th[colspan],
.tbl-01 thead :not(:last-child) th[colspan] {
    border-bottom: 1px solid #d7d7d7;
}

.tbl tbody,
.tbl-01 tbody {
    border-top: 1px solid #d7d7d7;
}

.tbl tbody th,
.tbl-01 tbody th {
    font-weight: bold;
    background: #f9f9f9;
    line-height: 1.6;
}

.tbl th,
.tbl td,
.tbl-01 th,
.tbl-01 td {
    vertical-align: middle;
    padding: 5px 5px;
    border: 1px solid #ebebeb;
    border-right: 0;
    border-left: 0;
}

.tbl th:not(:last-child),
.tbl td:not(:last-child),
.tbl-01 th:not(:last-child),
.tbl-01 td:not(:last-child) {
    border-right: 1px solid #d7d7d7;
}

.tbl th>*:first-child,
.tbl td>*:first-child,
.tbl-01 th>*:first-child,
.tbl-01 td>*:first-child {
    margin-top: 0;
}

.tbl th>*:last-child,
.tbl td>*:last-child,
.tbl-01 th>*:last-child,
.tbl-01 td>*:last-child {
    margin-bottom: 0;
}

.tbl th img[src*="mark_"],
.tbl td img[src*="mark_"],
.tbl-01 th img[src*="mark_"],
.tbl-01 td img[src*="mark_"] {
    vertical-align: baseline;
}

@media (min-width:768px),
print {
    .tbl th,
    .tbl td,
    .tbl-01 th,
    .tbl-01 td {
        padding: 10px 15px;
    }
}

@media (max-width:767px) {
    .tbl.tbl-rwd thead,
    .tbl.tbl-rwd tbody,
    .tbl.tbl-rwd tr,
    .tbl.tbl-rwd th,
    .tbl.tbl-rwd td,
    .tbl-01.tbl-rwd thead,
    .tbl-01.tbl-rwd tbody,
    .tbl-01.tbl-rwd tr,
    .tbl-01.tbl-rwd th,
    .tbl-01.tbl-rwd td {
        display: block;
        margin-top: -1px;
    }
}


/**
 * .tbl-01
**/

.tbl-01 tbody th {
    background: #fff;
}


/**
 * .tbl-sort
**/

.tbl-sort .btn-sort {
    text-decoration: none;
    position: relative;
    display: block;
    padding: 0 10px 0 0;
}

.tbl-sort .btn-sort::before,
.tbl-sort .btn-sort::after {
    font-family: Arial;
    font-size: 90%;
    color: #737373;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
}

.tbl-sort .btn-sort::before {
    -webkit-transform: translate(0, -50%) rotateZ(90deg);
    transform: translate(0, -50%) rotateZ(90deg);
    margin: -9px 0 0;
    content: "\0000a0\276E";
}

.tbl-sort .btn-sort::after {
    -webkit-transform: translate(0, -50%) rotateZ(90deg);
    transform: translate(0, -50%) rotateZ(90deg);
    margin: 5px 0 0;
    content: "\0000a0\276F";
}

.tbl-sort .btn-sort.state-asc::before {
    color: #01916d;
}

.tbl-sort .btn-sort.state-desc::after {
    color: #01916d;
}


/**
 * .tbl-scroll
**/

.tbl-scroll {
    overflow: auto;
    width: 100%;
}

.tbl-scroll>*:first-child {
    margin-top: 0;
}

.tbl-scroll>*:last-child {
    margin-bottom: 0;
}

.tbl-scroll table {
    min-width: 768px;
}


/** --------------------------------------------------------
 * @class Common:Module:Image
** ------------------------------------------------------ */


/**
 * %extend-caption
**/

.image-full .caption,
.image-left>.image .caption,
.image-right>.image .caption,
.col-row>.col.image .caption,
.col-2>.col.image .caption,
.col-3>.col.image .caption,
.col-4>.col.image .caption,
.col-5>.col.image .caption {
    font-size: 14px;
    display: block;
    margin: 5px 0 0;
}


/**
 * .alt-description
**/

.alt-description {
    font-size: 14px;
    display: block;
    margin: 5px 0 0;
}


/**
 * .image-full
**/

.image-full {
    text-align: center;
    margin: 30px 0;
}


/**
 * .image-left,
.image-right
**/

.image-left,
.image-right {
    margin: 20px 0 30px;
}

.image-left>.col>*:first-child,
.image-left>.col>h3,
.image-right>.col>*:first-child {
    margin-top: 0;
}

.image-left>.col>*:last-child,
.image-right>.col>*:last-child {
    margin-bottom: 0;
}

.image-left>.image,
.image-right>.image {
    text-align: center;
    margin-bottom: 10px;
}

@media (min-width:768px),
print {
    .image-left,
    .image-right {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .image-left>.col,
    .image-right>.col {
        -webkit-flex: 1 1 1%;
        flex: 1 1 1%;
    }
}

@media (min-width:768px),
print {
    .image-left>.image {
        margin-right: 24px;
    }
    .image-right>.image {
        -webkit-order: 2;
        order: 2;
        margin-left: 24px;
    }
    .image-right>.col {
        -webkit-order: 1;
        order: 1;
    }
}


/**
 * .image-list
**/

.image-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px 0 15px -10px;
}

.image-list>li {
    display: inline-block;
    margin: 10px 0 0 10px;
}


/**
 * &layout
**/

.col-row>.col.image,
.col-2>.col.image,
.col-3>.col.image,
.col-4>.col.image,
.col-5>.col.image {
    text-align: center;
}


/** --------------------------------------------------------
 * @class Common:Module:Box
** ------------------------------------------------------ */


/**
 * .box
**/

.box,
.box-01,
.box-02,
.box-03,
.box-04 {
    background-color: #fff;
    background-clip: padding-box;
    margin: 20px 0;
    padding: 10px 30px;
    border: 1px solid #ebebeb;
}

.box>*:first-child,
.box-01>*:first-child,
.box-02>*:first-child,
.box-03>*:first-child,
.box-04>*:first-child {
    margin-top: 20px;
}

.box>*:last-child,
.box-01>*:last-child,
.box-02>*:last-child,
.box-03>*:last-child,
.box-04>*:last-child {
    margin-bottom: 0;
}

.box>*:first-child:last-child,
.box-01>*:first-child:last-child,
.box-02>*:first-child:last-child,
.box-03>*:first-child:last-child,
.box-04>*:first-child:last-child {
    margin-top: 0;
}

.box.wide-border,
.box-01.wide-border,
.box-02.wide-border,
.box-03.wide-border,
.box-04.wide-border {
    border-width: 3px;
}

.box-01 {
    border-color: #e70924;
}

.box-02 {
    border-color: #0b6297;
}

.box-03 {
    border-color: #01916d;
}

.box-04 {
    border-color: #b2880a;
}

.box-01 h4,
.box-02 h4,
.box-03 h4,
.box-04 h4 {
    margin-top: 18px;
}

.box-01 p:not(.image-full):not(:last-child),
.box-02 p:not(.image-full):not(:last-child),
.box-03 p:not(.image-full):not(:last-child),
.box-04 p:not(.image-full):not(:last-child) {
    margin-bottom: 10px;
}


/** --------------------------------------------------------
 * @class Common:Module:Component
** ------------------------------------------------------ */


/** --------------------------------------------------------
 * @class Common:Module:Component:Hero & Visual
** ------------------------------------------------------ */


/**
 * .hero-article
**/

.hero-article {
    margin: 0 -10px;
    padding: 0 0 30px;
}

@media (min-width:1120px),
print {
    .hero-article {
        margin: 0;
    }
}

@media (max-width:767px) {
    .hero-article {
        margin: 0;
    }
}


/**
 * .hero-banner
**/

.hero-banner {
    position: relative;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 0 0 15px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.hero-banner:hover,
.hero-banner:focus,
.hero-banner:active {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.hero-banner:hover img {
    opacity: 0.75;
}

.hero-banner>.background {
    background: #333;
}

.lyt-main .hero-banner h1,
.hero-banner h1 {
    font-weight: 300;
    margin-top: 10px;
}

.hero-banner p {
    color: #444;
}

@media (min-width:768px) {
    .hero-banner.dark-blur p {
        color: #fff;
    }
}

.hero-banner.light>.col,
.hero-banner.light-blur>.col {
    color: #000;
    background: #ebebeb;
}

[data-script-enabled="true"] .hero-banner.animate-type-1 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

[data-script-enabled="true"] .hero-banner.animate-type-1 .background img.animated {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

[data-script-enabled="true"] .hero-banner.animate-type-2 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    opacity: 0;
}

[data-script-enabled="true"] .hero-banner.animate-type-2 .background img.animated {
    opacity: 1;
}

[data-script-enabled="true"] .hero-banner.animate-type-3 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: scale(2.6);
    transform: scale(2.6);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

[data-script-enabled="true"] .hero-banner.animate-type-3 .background img.animated {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

[data-script-enabled="true"] .hero-banner.animate-type-4 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: scale(2.6);
    transform: scale(2.6);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

[data-script-enabled="true"] .hero-banner.animate-type-4 .background img.animated {
    -webkit-transform: scale(1);
    transform: scale(1);
}

[data-script-enabled="true"] .hero-banner.animate-type-5 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: translateX(240px);
    transform: translateX(240px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

[data-script-enabled="true"] .hero-banner.animate-type-5 .background img.animated {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.hero-banner>.col {
    color: #000;
    background: #fff;
    position: relative;
    z-index: 2;
    -webkit-order: 2;
    order: 2;
    padding: 30px 25px;
}

.hero-banner>.col>* {
    position: relative;
    z-index: 2;
}

.hero-banner>.col .hdg-title {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px;
}

.hero-banner>.col .hdg-copy {
    font-size: 28px;
    font-weight: 300;
    margin: 15px 0;
    padding: 0;
    background: none;
    border: none;
}

.hero-banner>.col .detail {
    font-size: 16px;
    line-height: 1.4;
}

.hero-banner>.col .detail>*:first-child {
    margin-top: 0;
}

.hero-banner>.col .detail>*:last-child {
    margin-bottom: 0;
}

.hero-banner>.col .detail>* {
    margin-bottom: 15px;
}

.hero-banner>.col .detail .btn {
    font-size: 17px;
    line-height: 1.55;
    text-decoration: none;
    color: #fff;
    background: #01916d;
    border: solid 1px #01916d;
    position: relative;
    display: inline-block;
    margin: 15px 0 0;
    padding: 4px 25px 4px 25px;
}

.hero-banner>.col .detail .btn:hover,
.hero-banner>.col .detail .btn:active,
.hero-banner>.col .detail .btn:focus {
    color: #333;
    background: #fff;
    border: 1px solid #7c7c7c;
}

.hero-banner>.col .detail .btn:hover::after,
.hero-banner>.col .detail .btn:active::after,
.hero-banner>.col .detail .btn:focus::after {
    border-color: #01916d;
}

.hero-banner>.col .unit {
    display: inline-block;
}

.hero-banner .blur-cover {
    display: none;
}

.hero-banner .follow {
    color: #000;
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-order: 3;
    order: 3;
    margin: 0 5px 15px;
}

.hero-banner .follow .hdg {
    font-size: 18px;
    margin: 0 10px 0 0;
}

.lyt-main .hero-banner .follow .hdg {
    font-size: 18px;
    font-weight: 300;
    margin: 0 10px 0 0;
    padding: 0;
}

.lyt-main .hero-banner .follow .hdg::before {
    content: none;
}

.hero-banner .follow .list {
    display: -webkit-flex;
    display: flex;
    margin: 0;
}

.hero-banner .follow .list li {
    margin: 0 0 0 10px;
}

.hero-banner .follow .list li:first-child {
    margin: 0;
}

.hero-banner .follow .list a {
    display: block;
}

.hero-banner .follow .list img {
    width: 30px;
}

.hero-banner .background {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    order: 1;
    width: 100%;
}

.hero-banner .background img {
    position: relative;
    max-width: none;
    height: auto;
    width: 100%;
}

.hero-banner.nallow {
    padding: 46px 0 0;
}

@media (max-width:767px) {
    .hero-banner.nallow.or-link {
        padding: 0;
    }
}

@media (max-width:767px) {
    .hero-banner.nallow.or-link>a {
        padding: 46px 0 0;
    }
}

.hero-banner.nallow .background {
    height: 138px;
}

.hero-banner.nallow>.col .hdg-title {
    font-size: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    position: absolute;
    top: -188px;
    overflow: hidden;
    width: 100%;
    margin: 0 0 0 -25px;
}

.hero-banner.nallow>.col .hdg-copy {
    margin-top: 0;
}

.hero-banner.nallow>.col .detail .btn {
    margin: 0;
}

.hero-banner.nallow .follow {
    margin-top: 15px;
}

.hero-banner .btn {
    margin-top: 0;
}

@media (min-width:768px),
print {
    .hero-banner {
        position: relative;
        overflow: hidden;
        -webkit-flex-direction: row;
        flex-direction: row;
        height: auto;
        margin-bottom: 12px;
        padding-top: 40%;
    }
    /* 比率が変わるためトリ */
    .hero-banner .background img {
        width: auto;
        height: 100%;
    }
    .hero-banner.dark-blur.is-covered .col::before,
    .hero-banner.light-blur.is-covered .col::before {
        display: none;
    }
    .hero-banner.dark-blur>.col,
    .hero-banner.light-blur>.col {
        background-color: transparent;
        overflow: hidden;
    }
    .hero-banner.dark-blur>.col::before,
    .hero-banner.dark-blur>.col .blur-cover,
    .hero-banner.light-blur>.col::before,
    .hero-banner.light-blur>.col .blur-cover {
        background-color: #000;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        content: "";
    }
    .hero-banner.dark-blur .blur-cover,
    .hero-banner.light-blur .blur-cover {
        position: relative;
        box-sizing: content-box;
        padding: 10px 0;
        box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.5);
        -webkit-filter: blur(15px);
        filter: blur(15px);
    }
    .hero-banner.dark-blur .blur-cover.on-svg::after,
    .hero-banner.light-blur .blur-cover.on-svg::after {
        background: #000;
        position: absolute;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.5);
        opacity: .4;
    }
    .hero-banner.dark-blur .blur-cover svg,
    .hero-banner.light-blur .blur-cover svg {
        position: absolute;
        top: 0;
        left: calc(20vw - 100%);
        width: 1120px;
    }
    .hero-banner.dark-blur .blur-cover::before,
    .hero-banner.light-blur .blur-cover::before {
        background: #333;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        opacity: .5;
    }
    .hero-banner.dark-blur .col {
        color: #fff;
    }
    .hero-banner.light-blur .col::before,
    .hero-banner.light-blur .col .blur-cover {
        background-color: #ebebeb;
    }
    .hero-banner.light-blur .col .blur-cover.on-svg::after {
        background-color: #ebebeb;
        box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
    }
    .hero-banner.light-blur .col .blur-cover::before {
        background: #ebebeb;
        opacity: .3;
    }
    .hero-banner.col-right>.col {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
    }
    .hero-banner.col-right>.col .blur-cover {
        background-position: calc(100% + -97.25vw) 0;
    }
    .hero-banner.col-right>.col .blur-cover svg {
        left: calc(100% + -97.25vw);
    }
}

@media (min-width:769px),
print {
    .hero-banner h1 {
        font-weight: 300;
        margin-top: 25px;
    }
    .hero-banner .btn {
        margin-top: 0;
    }
}

@media (min-width:768px) and (min-width:768px),
print and (min-width:768px),
print and (min-width:768px),
print {
    .hero-banner.col-right>.col .blur-cover svg {
        width: 1120px;
    }
}

@media (min-width:768px) and (min-width:1120px),
print and (min-width:1120px),
print and (min-width:768px),
print {
    .hero-banner.col-right>.col .blur-cover {
        background-position: 100% 0;
    }
    .hero-banner.col-right>.col .blur-cover svg {
        right: 0;
        left: auto;
    }
}

@media (min-width:768px),
print {
    .hero-banner.col-right .follow {
        right: auto;
        left: 4%;
    }
    .hero-banner>.col {
        position: absolute;
        top: 0;
        -webkit-order: 1;
        order: 1;
        width: 360px;
        height: 100%;
        margin: 0;
        padding: 20px 25px 0 30px;
    }
    .hero-banner.is-covered>.col {
        border: none;
    }
    .hero-banner>.col .hdg-title {
        font-size: 20px;
    }
    .hero-banner>.col .hdg-copy {
        font-size: 26px;
    }
    .hero-banner>.col .detail {
        font-size: 16px;
    }
    .hero-banner>.col .detail .btn {
        margin: 0;
    }
    .hero-banner .background {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: auto;
    }
    [data-script-enabled="true"] .hero-banner .background {
        height: 100%;
        padding: 0;
    }
    .hero-banner .follow {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        right: 4%;
        bottom: 0;
        margin: 0;
        padding: 15px;
    }
    .hero-banner .follow .hdg {
        color: #fff;
        margin: 0 15px 0 0;
    }
    .hero-banner .follow .list li {
        margin: 0 0 0 15px;
    }
    .hero-banner .follow .list img {
        width: 31px;
    }
    .hero-banner.nallow {
        padding: 30% 0 0 0;
    }
    .hero-banner.nallow .background {
        background-image: none !important;
    }
    .hero-banner.nallow .background img {
        display: block !important;
        margin-left: auto;
    }
    .hero-banner.nallow>.col .hdg-title {
        font-size: 20px;
        white-space: normal;
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        margin: 0 0 20px;
    }
    .hero-banner.nallow>.col .hdg-copy {
        margin: 20px 0;
    }
    .hero-banner.nallow>.col .detail .btn {
        margin: 5px 0 0;
    }
    .hero-banner.nallow .follow {
        margin-top: 15px;
    }
}

@media (max-width:767px) {
    .hero-banner.nallow>.col .hdg-title {
        padding: 10px;
    }
}

@media (min-width:840px),
print {
    .hero-banner {
        padding-top: 36.8%;
    }
}

@media (min-width:992px),
print {
    .hero-banner>.col {
        width: 400px;
    }
    .hero-banner>.col .hdg-copy {
        font-size: 30px;
    }
}

@media (min-width:1120px),
print {
    .hero-banner {
        margin-right: 0;
        margin-left: 0;
    }
    .hero-banner.dark-blur.hero-banner .blur-cover svg,
    .hero-banner.light-blur.hero-banner .blur-cover svg {
        left: 0;
    }
}


/*全体ヒットポイント用*/

.hero-banner>a {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 0;
    text-decoration: none;
}

.hero-banner>a:hover img {
    opacity: 0.75;
}

.hero-banner>a>.background {
    background-color: #333;
}

.hero-banner.light>a>.col,
.hero-banner.light-blur>a>.col {
    color: #000;
    background: #ebebeb;
}

.hero-banner>a>.col {
    color: #000;
    background: #fff;
    position: relative;
    z-index: 2;
    -webkit-order: 2;
    order: 2;
    padding: 30px 25px;
}

.hero-banner>A>.col>* {
    position: relative;
    z-index: 2;
}

.hero-banner>a>.col .hdg-title {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px;
}

.hero-banner>a>.col .hdg-copy {
    font-size: 28px;
    font-weight: 300;
    margin: 15px 0;
    padding: 0;
    background: none;
    border: none;
}

.hero-banner>a>.col .detail {
    font-size: 16px;
    line-height: 1.4;
}

.hero-banner>a>.col .detail>*:first-child {
    margin-top: 0;
}

.hero-banner>a>.col .detail>*:last-child {
    margin-bottom: 0;
}

.hero-banner>a>.col .detail>* {
    margin-bottom: 15px;
}

.hero-banner>a>.col .detail .btn {
    font-size: 17px;
    line-height: 1.55;
    text-decoration: none;
    color: #fff;
    background: #01916d;
    position: relative;
    display: inline-block;
    margin: 15px 0 0;
    padding: 4px 25px 4px 25px;
}

.hero-banner:hover>a>.col .detail .btn,
.hero-banner:active>a>.col .detail .btn,
.hero-banner:focus>a>.col .detail .btn {
    color: #333;
    background: #fff;
    border: 1px solid #7c7c7c;
}

.hero-banner>a>.col .unit {
    display: inline-block;
}

.hero-banner.nallow>a>.col .hdg-title {
    font-size: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    position: absolute;
    top: -188px;
    overflow: hidden;
    width: 100%;
    margin: 0 0 0 -25px;
}

@media (max-width:767px) {
    .hero-banner.nallow>a>.col .hdg-title {
        padding: 10px;
    }
}

.hero-banner.nallow>a>.col .hdg-copy {
    margin-top: 0;
}

.hero-banner.nallow>a>.col .detail .btn {
    margin: 0;
}

.hero-banner.col-right>a>.col {
    top: 0;
    right: 0;
    height: 100%;
}

.hero-banner.col-right>a>.col .blur-cover {
    background-position: calc(100% + -97.25vw) 0;
}

.hero-banner.col-right>a>.col .blur-cover svg {
    left: calc(100% + -97.25vw);
}


}
@media (min-width:768px) and (min-width:768px),
print and (min-width:768px),
print and (min-width:768px),
print {
    .hero-banner.col-right>a>.col .blur-cover svg {
        width: 1120px;
    }
}
@media (min-width:768px) and (min-width:1120px),
print and (min-width:1120px),
print and (min-width:768px),
print {
    .hero-banner.col-right>a>.col .blur-cover {
        background-position: 100% 0;
    }
    
    .hero-banner.col-right>a>.col .blur-cover svg {
        right: 0;
        left: auto;
    }
}
@media (min-width:768px),
print {
    .hero-banner.dark-blur>a>.col,
    .hero-banner.light-blur>a>.col {
        background-color: transparent;
        overflow: hidden;
    }
    
    .hero-banner.dark-blur>a>.col::before,
    .hero-banner.dark-blur>a>.col .blur-cover,
    .hero-banner.light-blur>a>.col::before,
    .hero-banner.light-blur>a>.col .blur-cover {
        background-color: #000;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        content: "";
    }
    
    .hero-banner>a>.col {
        position: absolute;
        top: 0;
        -webkit-order: 1;
        order: 1;
        width: 360px;
        height: 100%;
        margin: 0;
        padding: 20px 25px 0 30px;
    }
    
    .hero-banner>a>.col .hdg-title {
        font-size: 20px;
    }
    
    .hero-banner>a>.col .hdg-copy {
        font-size: 26px;
    }
    
    .hero-banner>a>.col .detail {
        font-size: 16px;
    }
    
    .hero-banner>a>.col .detail .btn {
        margin: 0;
    }
    
    .hero-banner.nallow>a>.col .hdg-title {
        font-size: 20px;
        white-space: normal;
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        margin: 0 0 20px;
    }
    
    .hero-banner.nallow>a>.col .hdg-copy {
        margin: 20px 0;
    }
    
    .hero-banner.nallow>a>.col .detail .btn {
        margin: 5px 0 0;
    }
}
@media (min-width:992px),
print {
    .hero-banner>a>.col {
        width: 400px;
    }
    
    .hero-banner>a>.col .hdg-copy {
        font-size: 30px;
    }
}

/**
 * .main-visual
**/
.main-visual {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px;
}
.main-visual .move-control {
    background-color: transparent;
    position: absolute;
    z-index: 1;
    right: 40px;
    bottom: 15px;
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
}
.main-visual .move-control::after {
    background-position: -944px 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 32px;
    height: 32px;
}
.main-visual .move-control>span {
    opacity: 0;
}
.main-visual .image {
    background-color: #666666;
    width: 100%;
    border: none;
}
.main-visual .image ul {
    display: table;
    margin: 0;
}
.main-visual .image ul li a {
    color: #000;
    display: block;
}
.main-visual .image ul li img {
    width: 100%;
}
.main-visual .location {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    right: 0;
    width: 114px;
    height: 100%;
    margin-bottom: 0;
    padding: 30px 10px 50px;
}
.main-visual .location>li {
    margin-bottom: 10px;
}
.main-visual .location>li img {
    background-clip: padding-box;
    width: 100%;
    height: 34px;
    opacity: .4;
}
.main-visual .location>li.active img {
    opacity: 1;
}
.main-visual.stop .move-control:after {
    background-position: -696px 0;
}
.main-visual.static {
    border: none;
}
.main-visual.static .image {
    background-color: transparent;
}
.main-visual.static .image ul li {
    margin-bottom: 10px;
}
.main-visual.static .image ul li img {
    background-clip: padding-box;
}
.main-visual.static .location,
.main-visual.static .move-control {
    display: none;
}
@media (max-width:767px) {
    .main-visual {
        background-clip: padding-box;
        border: none;
        border-radius: 0;
    }
    
    .main-visual .move-control {
        display: none;
    }
    
    .main-visual .image {
        background-color: transparent;
    }
    
    .main-visual .image img {
        background-clip: padding-box;
    }
    
    .main-visual .location {
        background-color: transparent;
        position: static;
        width: auto;
        padding: 0;
    }
    
    .main-visual .location>li {
        display: inline-block;
        margin: 0 8px;
    }
    
    .main-visual .location>li a {
        background-color: #fff;
        background-clip: padding-box;
        display: block;
        width: 10px;
        height: 10px;
        border: 2px #c1c1c1 solid;
        border-radius: 50%;
    }
    
    .main-visual .location>li img {
        display: none;
    }
    
    .main-visual .location>li.active a {
        background: #01916d;
        border-color: #01916d;
    }
}

/** --------------------------------------------------------
 * @class Common:Module:Component:Video
** ------------------------------------------------------ */

/**
 * .video-embed
**/
.video-embed {
    position: relative;
    height: 0;
    margin: 30px 0;
    padding-top: 56.25%;
}
.video-embed video,
.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal-area .video-embed {
    margin: 0 0 30px;
}
@media (min-width:768px),
print {
    .modal-area .video-embed {
        min-width: 640px;
    }
}

/**
 * .video-looping
**/
.video-looping {
    background: #333;
    position: relative;
    z-index: 0;
    overflow: hidden;
    min-height: 387px;
    max-height: 727px;
}
.video-looping .video {
    width: 100%;
    height: 0;
    padding: 56.25% 0 0;
}
.video-looping .video video {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    height: 100%;
}
.video-looping .group {
    text-align: center;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 15px;
}
.video-looping .group .year {
    min-width: 160px;
    height: 80px;
}
.video-looping .group .year img {
    width: 160px;
}
.video-looping .group .hdg {
    font-size: 30px;
    line-height: 32px;
    text-transform: capitalize;
    color: #fff;
    display: block;
    margin: 0;
}
.video-looping .group .next {
    line-height: 1;
    display: none;
    margin: 0;
}
[data-script-enabled="true"] .video-looping .group .next {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    left: 50%;
}
.video-looping .group .next a {
    display: inline-block;
}
.video-looping .group .next a:hover::before,
.video-looping .group .next a:active::before,
.video-looping .group .next a:focus::before {
    background-position: -72px 0;
}
.video-looping .group .next a::before {
    background-position: -135px 0;
    display: inline-block;
    width: 63px;
    height: 33px;
}
.video-looping .group .next span {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}
@media (min-width:768px),
print {
    .video-looping .video video {
        width: 100%;
        height: auto;
    }
    
    .video-looping .group .year {
        height: auto;
    }
    
    .video-looping .group .year img {
        width: auto;
    }
    
    .video-looping .group .hdg {
        font-size: 48px;
        line-height: 52px;
    }
    
    .video-looping .group .next {
        bottom: 20px;
        display: block;
    }
}
@media (min-width:992px),
print {
    .video-looping .group .next {
        bottom: 65px;
    }
}

/** --------------------------------------------------------
 * @class Common:Module:Component:Carousel
** ------------------------------------------------------ */

/**
 * .carousel
 * @inherit v5
**/
.carousel {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 0;
}
.carousel>.bnr {
    width: auto;
}
.carousel>.bnr>ul {
    display: block;
    margin: 0;
}
.carousel>.bnr>ul>li {
    display: block;
    width: auto;
    margin: 0 0 15px;
}
.carousel>.bnr>ul>li:last-child {
    margin-bottom: 0;
}
.carousel>.bnr>ul>li.thumb>a {
    padding: 10px 105px 10px 15px;
}
.carousel>.bnr>ul>li>a {
    text-decoration: none;
    color: #000;
    background: #fff;
    position: relative;
    display: block;
    min-height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 10px 15px 10px 15px;
    border: 1px solid #c1c1c1;
}
.carousel>.bnr>ul>li>a _:-ms-fullscreen,
:root .carousel>.bnr>ul>li>a {
    height: 100%;
}
.carousel>.bnr>ul>li>a:hover .link,
.carousel>.bnr>ul>li>a:active .link,
.carousel>.bnr>ul>li>a:focus .link {
    color: #01916d;
}
.carousel>.bnr>ul>li>a em {
    margin-bottom: 7px;
}
.carousel>.bnr>ul>li>a em,
.carousel>.bnr>ul>li>a span {
    display: block;
}
.carousel>.bnr>ul>li>a .link {
    color: #000;
    position: relative;
    margin-top: 7px;
    padding-left: 0;
}
.carousel>.bnr>ul>li>a .link:focus,
.carousel>.bnr>ul>li>a .link:hover,
.carousel>.bnr>ul>li>a .link:active {
    text-decoration: underline;
}
.carousel>.bnr>ul>li>a .link::after {
    font-family: Arial;
    font-size: 90%;
    color: #01916d;
    padding: 0 0 0 5px;
    content: "\0000a0\276F";
}
.carousel>.bnr>ul>li>a>.thumb {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 100%;
}
.carousel>.bnr>ul>li>a>.thumb>a {
    padding: 10px 105px 10px 15px;
}
.carousel>.bnr>ul>li>a>.thumb img {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    max-height: 100%;
}
.carousel>.location {
    display: none;
    margin: 0;
}
.carousel>.location>li {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 100%;
}
.carousel>.location>li>a {
    background-color: #fff;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.carousel>.location>li>a::after {
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
    position: absolute;
    top: 50%;
    display: block;
    overflow: hidden;
    width: 44px;
    height: 44px;
    content: "";
    border-top: 2px solid #939393;
    border-left: 2px solid #939393;
}
.carousel>.location>li>a>span {
    position: absolute;
    overflow: hidden;
    height: 0;
}
.carousel>.location>li.next {
    right: 0;
    left: auto;
}
.carousel>.location>li.next>a::after {
    -webkit-transform: translate(0, -50%) rotate(135deg);
    transform: translate(0, -50%) rotate(135deg);
    right: 33px;
}
.carousel>.location>li.prev>a::after {
    left: 33px;
}
@media (min-width:768px),
print {
    .carousel {
        padding: 0 85px;
    }
    
    .carousel>.bnr {
        width: 2655px;
    }
    
    .carousel>.bnr>ul {
        display: -webkit-flex;
        display: flex;
    }
    
    .carousel>.bnr>ul>li {
        display: block;
        width: auto;
        margin-bottom: 0;
    }
    
    .carousel>.bnr>ul>li>a {
        margin-right: 12px;
    }
    
    .carousel>.location {
        display: block;
    }
}

/**
 * %extend-carousel-common
**/
.carousel-01 .unit,
.carousel-02 .unit,
.carousel-03 .unit,
.carousel-04 .unit,
.carousel-05-container .unit {
    display: inline-block;
}

/**
 * %extend-carousel-arrow
**/
.carousel-01 .arrow,
.carousel-02 .arrow,
.carousel-03 .arrow,
.carousel-04 .arrow {
    text-align: center;
    background: transparent;
    position: absolute;
    z-index: 2;
    top: 0;
    display: none !important;
    width: 80px;
    height: 175px;
    padding: 0;
    border: 0;
}
.carousel-01 .arrow:hover,
.carousel-02 .arrow:hover,
.carousel-03 .arrow:hover,
.carousel-04 .arrow:hover,
.carousel-01 .arrow:active,
.carousel-02 .arrow:active,
.carousel-03 .arrow:active,
.carousel-04 .arrow:active,
.carousel-01 .arrow:focus,
.carousel-02 .arrow:focus,
.carousel-03 .arrow:focus,
.carousel-04 .arrow:focus {
    background: transparent;
}
.carousel-01 .arrow span,
.carousel-02 .arrow span,
.carousel-03 .arrow span,
.carousel-04 .arrow span {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}
.carousel-01 .prev,
.carousel-02 .prev,
.carousel-03 .prev,
.carousel-04 .prev {
    left: 0;
}
.carousel-01 .prev:hover::before,
.carousel-02 .prev:hover::before,
.carousel-03 .prev:hover::before,
.carousel-04 .prev:hover::before,
.carousel-01 .prev:active::before,
.carousel-02 .prev:active::before,
.carousel-03 .prev:active::before,
.carousel-04 .prev:active::before,
.carousel-01 .prev:focus::before,
.carousel-02 .prev:focus::before,
.carousel-03 .prev:focus::before,
.carousel-04 .prev:focus::before {
    background-position: -231px 0;
}
.carousel-01 .prev::before,
.carousel-02 .prev::before,
.carousel-03 .prev::before,
.carousel-04 .prev::before {
    background-position: -198px 0;
    display: inline-block;
    width: 33px;
    height: 63px;
}
.carousel-01 .next,
.carousel-02 .next,
.carousel-03 .next,
.carousel-04 .next {
    right: 0;
}
.carousel-01 .next:hover::before,
.carousel-02 .next:hover::before,
.carousel-03 .next:hover::before,
.carousel-04 .next:hover::before,
.carousel-01 .next:active::before,
.carousel-02 .next:active::before,
.carousel-03 .next:active::before,
.carousel-04 .next:active::before,
.carousel-01 .next:focus::before,
.carousel-02 .next:focus::before,
.carousel-03 .next:focus::before,
.carousel-04 .next:focus::before {
    background-position: -297px 0;
}
.carousel-01 .next::before,
.carousel-02 .next::before,
.carousel-03 .next::before,
.carousel-04 .next::before {
    background-position: -264px 0;
    display: inline-block;
    width: 33px;
    height: 63px;
}

/**
 * .carousel-dots
**/
.carousel-dots .slick-dots {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.carousel-dots .slick-dots>li.slick-active button::before {
    background: #fb0020;
    border-color: #fb0020;
}
.carousel-dots .slick-dots>li button {
    background: transparent;
    padding: 8px;
    border: 0;
}
.carousel-dots .slick-dots>li button::before {
    background: #fff;
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    border: 2px solid #c1c1c1;
    border-radius: 50%;
}
.carousel-dots .slick-dots>li button span {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}
@media (min-width:768px),
print {
    .carousel-dots {
        display: none;
    }
}

/**
 * .carousel-0x
**/
.carousel-01 {
    margin: 0 0 20px;
}
.carousel-01 .slide>*:first-child {
    margin-top: 0;
}
.carousel-01 .slide>*:last-child {
    margin-bottom: 0;
}
.carousel-01 .image img {
    display: inline-block;
}
.carousel-01 .arrow {
    height: 100%;
}
.carousel-01 .slide h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0 10px;
    padding: 0;
    border: none;
}
@media (min-width:768px),
print {
    .carousel-01 {
        padding: 0 80px;
    }
    
    .carousel-01 .arrow {
        display: block !important;
    }
}
.carousel-01 .image-left>.col,
.carousel-01 .image-right>.col {
    -webkit-flex-basis: 15%;
    flex-basis: 15%;
}
.carousel-02 {
    margin: 0 0 20px;
}
.carousel-02 .bnr-01 {
    margin: 2px 0 3px;
}
.carousel-02 .arrow {
    height: 100%;
}
@media (min-width:768px),
print {
    .carousel-02 {
        padding: 0 80px;
    }
    
    .carousel-02 .bnr-01.ride-hdg>a {
        margin-top: 0;
    }
    
    .carousel-02 .slide {
        margin: 0 10px;
    }
    
    .carousel-02 .arrow {
        display: block !important;
    }
}
@media (min-width:992px),
print {
    .carousel-02 {
        padding: 0 160px;
    }
    
    .carousel-02 .slide {
        margin: 0 20px;
    }
    
    .carousel-02 .prev {
        left: 80px;
    }
    
    .carousel-02 .next {
        right: 80px;
    }
}
.carousel-03 {
    margin: 0 -10px 20px;
}
[data-script-enabled="true"] .carousel-03 {
    overflow: hidden;
    height: 0;
}
[data-script-enabled="true"] .carousel-03.slick-initialized {
    height: auto;
}
.carousel-03 .slide {
    position: relative;
    z-index: 1;
    margin: 0 0 20px;
}
[data-script-enabled="true"] .carousel-03 .slide {
    margin: 0;
}
.carousel-03 .slide>a {
    text-decoration: none;
    color: #000;
    display: block;
    overflow: hidden;
}
.carousel-03 .slide>a:hover .btn,
.carousel-03 .slide>a:active .btn,
.carousel-03 .slide>a:focus .btn {
    color: #fff;
    background: #01916d;
    border-color: #01916d;
}
.carousel-03 .slide>a:hover .btn::after,
.carousel-03 .slide>a:active .btn::after,
.carousel-03 .slide>a:focus .btn::after {
    color: #fff;
}
.carousel-03 .slide>a .hdg {
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
}
.carousel-03 .slide>a .txt {
    display: block;
    margin: 0 0 10px;
}
.carousel-03 .slide>a .btn {
    min-width: auto;
    margin: 0 0 10px;
}
.carousel-03 .slide>a .group {
    display: block;
    margin: 10px auto 0;
    padding: 0 10px;
}
.carousel-03 .slide>a .group>*:last-child {
    margin-bottom: 0;
}
.carousel-03 .image {
    background-position: center;
    background-size: cover;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}
[data-script-enabled="true"] .carousel-03 .image {
    height: 175px;
}
.carousel-03 .image::before {
    position: absolute;
    top: 0;
    left: -50%;
    display: block;
    width: 200%;
    height: 100%;
    content: "";
    box-shadow: inset 0 65px 100px rgba(0, 0, 0, 0.75);
}
@media (min-width:768px),
print {
    .carousel-03 {
        margin: 0 0 20px;
    }
    
    .carousel-03 .slide>a .hdg {
        left: 80px;
    }
    
    .carousel-03 .slide>a .group {
        padding: 0 80px;
    }
    
    [data-script-enabled="true"] .carousel-03 .image {
        height: 288px;
    }
    
    .carousel-03 .arrow {
        display: block !important;
        height: 288px;
    }
}
.carousel-04 .image {
    text-align: center;
    padding: 0 6px;
}
.carousel-04 .image a {
    text-decoration: none;
    color: #000;
    display: block;
}
.carousel-04 .image a .link {
    display: block;
    margin: 2px 0 0;
}
.carousel-04 .image a .link::after {
    display: none;
}
.carousel-04 .image img {
    display: inline-block;
}
@media (min-width:768px),
print {
    .carousel-04 {
        margin: 0 80px;
    }
    
    .carousel-04 .arrow {
        display: block !important;
        height: 100%;
    }
    
    .carousel-04 .prev {
        left: -80px;
    }
    
    .carousel-04 .next {
        right: -80px;
    }
}
.carousel-05-container {
    color: #fff;
    background: #333;
    padding: 40px 0;
}
.lyt-main .carousel-05-container>h2,
.lyt-main .carousel-05-container>h3,
.lyt-main .carousel-05-container>h4 {
    text-align: center;
    margin: 0 0 40px;
    font-weight: 300;
    background: none;
    border-bottom: none;
    padding: 0;
}
.carousel-05-container .carousel-dots {
    display: block;
}
.carousel-05-container .carousel-dots .slick-dots {
    margin: 0;
}
.carousel-05-container .carousel-dots .slick-dots>li button::before {
    background: #333;
    border-width: 1px;
}
.carousel-05-container .carousel-dots .slick-dots>li.slick-active button::before {
    background: #fb0020;
}
.carousel-05 {
    color: #fff;
    background: #333;
    padding: 0 20px;
}
.carousel-05 p {
    color: #fff;
}
.carousel-05 .image-left {
    display: -webkit-flex;
    display: flex;
    margin: 0;
}
.carousel-05 .image-left>.image {
    width: 40%;
    min-width: 40%;
    margin: 0;
}
.carousel-05 .image-left>.image img {
    display: inline-block;
    max-width: 100%;
}
.carousel-05 .image-left>.col {
    width: 60%;
    padding-left: 20px;
}
.carousel-05 .image-left>.col .hdg {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 7px;
}
.carousel-05 .image-left>.col .txt {
    font-size: 14px;
}
.carousel-05 .image-left>.col .btn {
    text-align: left;
    margin: 25px 0 0;
}
.carousel-05 .image-left>.col .btn a {
    text-align: left;
    color: #000;
    background: #fff;
    width: auto;
    min-width: 0;
    border: 1px solid #fff;
}
.carousel-05 .image-left>.col .btn a:hover,
.carousel-05 .image-left>.col .btn a:active,
.carousel-05 .image-left>.col .btn a:focus {
    color: #fff;
    background: #01916d;
    border: 1px solid #01916d;
}
.carousel-05 .image-left>.col .btn a:hover::after,
.carousel-05 .image-left>.col .btn a:active::after,
.carousel-05 .image-left>.col .btn a:focus::after {
    color: #fff;
}
.carousel-05 .image-left>.col .btn a::after {
    color: #01916d;
}
@media (min-width:768px),
print {
    .carousel-05 {
        padding: 0;
    }
    
    .carousel-05 .slide {
        position: relative;
        padding: 0 10px;
    }
    
    .carousel-05 .slide::before {
        background: #737373;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 1px;
        height: 100%;
        content: "";
    }
    
    .carousel-05 .slide:first-child::before {
        display: none;
    }
    
    .carousel-05 .image-left {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0;
    }
    
    .carousel-05 .image-left>.image {
        width: 30%;
    }
    
    .carousel-05 .image-left>.image img {
        max-width: 100%;
    }
    
    .carousel-05 .image-left>.image .col {
        width: 70%;
    }
}
.carousel-06-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}
@media (min-width:768px),
print {
    .carousel-06-container .carousel-dots {
        -webkit-order: 2;
        order: 2;
    }
    
    .carousel-06-container .carousel-06 {
        -webkit-order: 1;
        order: 1;
    }
}
.carousel-06 {
    margin: 0 0 5px;
}
.carousel-06 .carousel-dots {
    display: block;
}
.carousel-06 .slide .image,
.carousel-06 .slide .group {
    display: block;
}
.carousel-06 .slide .group {
    margin-top: 10px;
}

/** --------------------------------------------------------
 * @class Common:Module:Component:Plugin & Contact
** ------------------------------------------------------ */

/**
 * #nav-local
**/
#nav-local {
    margin: 0 0 40px;
}
#nav-local>*:first-child {
    margin-top: 0;
}
#nav-local>*:last-child {
    margin-bottom: 0;
}
#nav-local h2 {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 24px;
}
#nav-local h2::after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    width: 48px;
    height: 4px;
    background: #01916d;
}
#nav-local ul>li:not(:last-child) {
    margin-bottom: 10px;
}
#nav-local ul>li>em {
    position: relative;
    display: block;
    padding-left: 12px;
}
#nav-local ul>li>a:hover {
    color: #01916d;
}
#nav-local ul>li>em::before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    height: 2px;
    width: 8px;
    background: #01916d;
}

/**
 * .related
**/
.related {
    margin: 0 0 20px;
    padding: 0 15px;
    border: 1px solid #dcdcdc;
}
.related>*:first-child {
    margin-top: 0;
}
.related .hdg {
    font-size: 16px;
    background: #ebebeb;
    font-weight: bold;
    margin: 0 -15px 15px;
    padding: 15px;
}
.related .link-list>li>a {
    display: block;
    padding: 7px 0;
}
.related .link-list>li>a:hover,
.related .link-list>li>a:active,
.related .link-list>li>a:focus {
    text-decoration: underline;
}
.related .link-list>li>a::after {
    display: none;
}
.related .image-full+.link-list {
    margin-top: -15px;
}
.related>p {
    margin-bottom: 15px;
}
.related>.btn {
    margin-bottom: 20px;
}
.related>.btn a {
    width: 100%;
}
@media (min-width:768px),
print {
    .related .link-list {
        line-height: 1.7;
        margin: 0 0 15px;
    }
    
    .related .link-list>li>a {
        padding: 0;
    }
}

/**
 * .inquiry
**/
.inquiry {
    background: #f6f6f6;
    width: 100%;
    margin: 20px 0;
    padding: 20px 17px;
}
.inquiry>*:first-child {
    margin-top: 0;
}
.inquiry>*:last-child {
    margin-bottom: 0;
}
.inquiry .btn>a,
.inquiry .btn-02>a {
    width: 80%;
    min-width: auto;
}
@media (min-width:768px),
print {
    .inquiry {
        vertical-align: middle;
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    
    .inquiry>* {
        vertical-align: middle;
        display: table-cell;
    }
    
    .inquiry>*>*:first-child {
        margin-top: 0;
    }
    
    .inquiry>*>*:last-child {
        margin-bottom: 0;
    }
    
    .inquiry .btn,
    .inquiry .btn-02 {
        text-align: right;
    }
    
    .inquiry .btn>a,
    .inquiry .btn-02>a {
        text-align: center;
    }
    
    .inquiry .col-row {
        display: -webkit-flex;
        display: flex;
    }
    
    .inquiry .col-row .btn,
    .inquiry .col-row .btn-02 {
        text-align: center;
    }
    
    .lyt-side .inquiry {
        display: block;
        min-width: auto;
        padding: 10px 17px;
    }
    
    .lyt-side .inquiry>* {
        display: block;
    }
    
    .lyt-side .inquiry .btn,
    .lyt-side .inquiry .btn-02 {
        text-align: center;
    }
    
    .lyt-side .inquiry .btn>a,
    .lyt-side .inquiry .btn-02>a {
        min-width: 100%;
    }
}
@media (max-width:768px),
print {
    .lyt-side .box .btn .btn-s {
        max-width: 100%;
        min-width: auto;
    }
}

/**
 * .aside
**/
.aside {
    margin: 0 0 20px;
}
*+.aside {
    margin-top: 30px;
    border-top: 1px solid #c1c1c1;
}
.aside .link-list>li {
    border-top: 1px solid #c1c1c1;
}
.aside .link-list>li:first-child {
    border: 0;
}
.aside .link-list>li>a {
    display: block;
    padding: 5px 0;
}
.aside .link-list>li>a::after {
    display: none;
}

/**
 * .quick-link
**/
.lyt-main .quick-link h3.hdg,
.quick-link .hdg {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.115384;
    margin: 0 0 22px;
    padding: 5px 0 0;
}
.lyt-main .quick-link h3.hdg::before {
    content: none;
}
.quick-link ul>li>a {
    font-size: 16px;
    color: #000;
    display: block;
    padding: 5px 0;
    border-top: 1px solid #c1c1c1;
}
.lyt-side .quick-link {
    margin: 0 0 20px;
    padding: 20px 0;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}
.lyt-side .quick-link .hdg {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 10px;
    padding: 0;
}
.lyt-side .quick-link ul {
    margin: 0;
}
.lyt-side .quick-link ul>li>a {
    color: #01916d;
    border: 0;
}

/** --------------------------------------------------------
 * @class Common:Module:Component:Disclosure
** ------------------------------------------------------ */

/**
 * .expandable-drawer
**/
.expandable-drawer {
    margin: 0 0 20px;
    border: 1px solid #c1c1c1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
@media (min-width:768px),
print {
    .expandable-drawer {
        margin: 0 100px 20px;
    }
}
[data-script-enabled="true"] .expandable-drawer.open>.more {
    display: block;
}
[data-script-enabled="true"] .expandable-drawer.open>.hook {
    background: #01916d;
}
[data-script-enabled="true"] .expandable-drawer.open>.hook button {
    color: #fff;
}
[data-script-enabled="true"] .expandable-drawer.open>.hook::before {
    background: #01916d;
}
[data-script-enabled="true"] .expandable-drawer.open>.hook::after {
    content: none;
}
.expandable-drawer>h2.hook,
.expandable-drawer>.hook {
    line-height: inherit;
    position: relative;
    display: block;
    margin: 0;
}
.lyt-main .expandable-drawer>h2.hook {
    padding: 0;
    background: #fff;
    border: none;
}
.expandable-drawer>.hook>button {
    position: relative;
    font-size: 20px;
    text-align: left;
    background: transparent;
    width: 100%;
    padding: 10px 50px 10px 55px;
    border: 0;
}
.expandable-drawer>.hook>button::before {
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    background: #01916d;
    content: "";
}
.expandable-drawer.open>.hook>button::before {
    background: #fff;
}
.expandable-drawer>.more {
    background: #fff;
    padding: 25px 15px;
}
.expandable-drawer>.more>*:first-child {
    margin-top: 0;
}
.expandable-drawer>.more>*:last-child {
    margin-bottom: 0;
}
.expandable-drawer>.more.content-fit {
    padding: 0;
}
[data-script-enabled="true"] .expandable-drawer>.more {
    display: none;
}

/**
 * .toggle-box
**/
.toggle-box {
    background: #ebebeb;
    margin-right: -10px;
    margin-left: -10px;
    padding: 10px;
}
.toggle-box>*:first-child {
    margin-top: 0;
}
.toggle-box>*:last-child {
    margin-bottom: 0;
}
.toggle-box .box-head .label {
    font-size: 16px;
    font-weight: bold;
}
@media (min-width:768px),
print {
    .toggle-box {
        margin-right: 0;
        margin-left: 0;
        padding: 15px;
    }
    
    .toggle-box .box-head {
        overflow: hidden;
    }
    
    .toggle-box .box-head .col {
        float: left;
    }
    
    .toggle-box .box-head .col:last-child {
        float: right;
    }
}
.toggle-box .form-list-02 {
    max-width: 100%;
    margin: 0;
}
.toggle-box .form-list-02>li {
    -webkit-flex: auto 0 0;
    flex: auto 0 0;
}
.toggle-box .form-list-02>li:last-child {
    margin-right: 0 !important;
}
.toggle-box .form-list-02 .action-01 button {
    height: 35px;
    margin: 2px 0;
    background: #727272;
    width: auto;
    border-color: #727272;
}
.toggle-box .form-list-02 .action-01 button:hover {
    color: #fff;
    background: #01916d;
    border-color: #01916d;
}
.toggle-box .form-list-02 .action-01 button:hover::after {
    color: #fff;
}

/**
 * .toggle-01,
.toggle-02
**/
.toggle-01,
.toggle-02 {
    margin: 0 0 20px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 0;
    border-left: 1px solid #e6e6e6;
}
.toggle-01 .hook,
.toggle-02 .hook {
    background: #fff;
    position: relative;
    margin: -1px 0 0;
    padding: 10px 45px 10px 15px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.toggle-01 .hook h1,
.toggle-01 .hook h2,
.toggle-01 .hook h3,
.toggle-01 .hook h4,
.toggle-01 .hook h5,
.toggle-01 .hook h6,
.toggle-02 .hook h1,
.toggle-02 .hook h2,
.toggle-02 .hook h3,
.toggle-02 .hook h4,
.toggle-02 .hook h5,
.toggle-02 .hook h6 {
    line-height: 1.3;
}
.lyt-main .toggle-01 .hook h1,
.lyt-main .toggle-01 .hook h2,
.lyt-main .toggle-01 .hook h3,
.lyt-main .toggle-01 .hook h4,
.lyt-main .toggle-01 .hook h5,
.lyt-main .toggle-01 .hook h6,
.lyt-main .toggle-02 .hook h1,
.lyt-main .toggle-02 .hook h2,
.lyt-main .toggle-02 .hook h3,
.lyt-main .toggle-02 .hook h4,
.lyt-main .toggle-02 .hook h5,
.lyt-main .toggle-02 .hook h6 {
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}
[data-script-enabled="true"] .toggle-01 .hook h1,
[data-script-enabled="true"] .toggle-01 .hook h2,
[data-script-enabled="true"] .toggle-01 .hook h3,
[data-script-enabled="true"] .toggle-01 .hook h4,
[data-script-enabled="true"] .toggle-01 .hook h5,
[data-script-enabled="true"] .toggle-01 .hook h6,
[data-script-enabled="true"] .toggle-02 .hook h1,
[data-script-enabled="true"] .toggle-02 .hook h2,
[data-script-enabled="true"] .toggle-02 .hook h3,
[data-script-enabled="true"] .toggle-02 .hook h4,
[data-script-enabled="true"] .toggle-02 .hook h5,
[data-script-enabled="true"] .toggle-02 .hook h6 {
    position: relative;
    padding-left: 40px;
}
[data-script-enabled="true"] .toggle-01 .hook h1::before,
[data-script-enabled="true"] .toggle-01 .hook h2::before,
[data-script-enabled="true"] .toggle-01 .hook h3::before,
[data-script-enabled="true"] .toggle-01 .hook h4::before,
[data-script-enabled="true"] .toggle-01 .hook h5::before,
[data-script-enabled="true"] .toggle-01 .hook h6::before,
[data-script-enabled="true"] .toggle-02 .hook h1::before,
[data-script-enabled="true"] .toggle-02 .hook h2::before,
[data-script-enabled="true"] .toggle-02 .hook h3::before,
[data-script-enabled="true"] .toggle-02 .hook h4::before,
[data-script-enabled="true"] .toggle-02 .hook h5::before,
[data-script-enabled="true"] .toggle-02 .hook h6::before {
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    background: #01916d;
    content: "";
    border: none;
}
.toggle-01 .hook>*,
.toggle-02 .hook>* {
    font-size: 20px;
    font-weight: 300;
    margin: 0;
}
.toggle-01 .hook.close+.more,
.toggle-02 .hook.close+.more {
    display: none;
}
.toggle-01 .more,
.toggle-02 .more {
    background: #fff;
    padding: 25px 15px;
    border-bottom: 1px solid #e6e6e6;
}
.toggle-01 .more>*:first-child,
.toggle-02 .more>*:first-child {
    margin-top: 0;
}
.toggle-01 .more>*:last-child,
.toggle-02 .more>*:last-child {
    margin-bottom: 0;
}
.toggle-01 .more.content-fit,
.toggle-02 .more.content-fit {
    padding: 0;
}
@media (min-width:768px),
print {
    .toggle-01,
    .toggle-02 {
        margin: 0 0 20px;
    }
}
[data-script-enabled="true"] .toggle-01 .hook,
[data-script-enabled="true"] .toggle-02 .hook {
    cursor: pointer;
}

/*hover,active,focus時の円の色*/
[data-script-enabled="true"] .toggle-01 .hook:hover h1::before,
[data-script-enabled="true"] .toggle-01 .hook:active h1::before,
[data-script-enabled="true"] .toggle-01 .hook:focus h1::before,
[data-script-enabled="true"] .toggle-01 .hook:hover h2::before,
[data-script-enabled="true"] .toggle-01 .hook:active h2::before,
[data-script-enabled="true"] .toggle-01 .hook:focus h2::before,
[data-script-enabled="true"] .toggle-01 .hook:hover h3::before,
[data-script-enabled="true"] .toggle-01 .hook:active h3::before,
[data-script-enabled="true"] .toggle-01 .hook:focus h3::before,
[data-script-enabled="true"] .toggle-01 .hook:hover h4::before,
[data-script-enabled="true"] .toggle-01 .hook:active h4::before,
[data-script-enabled="true"] .toggle-01 .hook:focus h4::before,
[data-script-enabled="true"] .toggle-01 .hook:hover h5::before,
[data-script-enabled="true"] .toggle-01 .hook:active h5::before,
[data-script-enabled="true"] .toggle-01 .hook:focus h5::before,
[data-script-enabled="true"] .toggle-01 .hook:hover h6::before,
[data-script-enabled="true"] .toggle-01 .hook:active h6::before,
[data-script-enabled="true"] .toggle-01 .hook:focus h6::before,
[data-script-enabled="true"] .toggle-02 .hook:hover h1::before,
[data-script-enabled="true"] .toggle-02 .hook:active h1::before,
[data-script-enabled="true"] .toggle-02 .hook:focus h1::before,
[data-script-enabled="true"] .toggle-02 .hook:hover h2::before,
[data-script-enabled="true"] .toggle-02 .hook:active h2::before,
[data-script-enabled="true"] .toggle-02 .hook:focus h2::before,
[data-script-enabled="true"] .toggle-02 .hook:hover h3::before,
[data-script-enabled="true"] .toggle-02 .hook:active h3::before,
[data-script-enabled="true"] .toggle-02 .hook:focus h3::before,
[data-script-enabled="true"] .toggle-02 .hook:hover h4::before,
[data-script-enabled="true"] .toggle-02 .hook:active h4::before,
[data-script-enabled="true"] .toggle-02 .hook:focus h4::before,
[data-script-enabled="true"] .toggle-02 .hook:hover h5::before,
[data-script-enabled="true"] .toggle-02 .hook:active h5::before,
[data-script-enabled="true"] .toggle-02 .hook:focus h5::before,
[data-script-enabled="true"] .toggle-02 .hook:hover h6::before,
[data-script-enabled="true"] .toggle-02 .hook:active h6::before,
[data-script-enabled="true"] .toggle-02 .hook:focus h6::before {
    background: #fff;
}

/*hover,active,focus時の円の色*/
[data-script-enabled="true"] .toggle-01 .hook.open h1::before,
[data-script-enabled="true"] .toggle-01 .hook.open h2::before,
[data-script-enabled="true"] .toggle-01 .hook.open h3::before,
[data-script-enabled="true"] .toggle-01 .hook.open h4::before,
[data-script-enabled="true"] .toggle-01 .hook.open h5::before,
[data-script-enabled="true"] .toggle-01 .hook.open h6::before,
[data-script-enabled="true"] .toggle-02 .hook.open h1::before,
[data-script-enabled="true"] .toggle-02 .hook.open h2::before,
[data-script-enabled="true"] .toggle-02 .hook.open h3::before,
[data-script-enabled="true"] .toggle-02 .hook.open h4::before,
[data-script-enabled="true"] .toggle-02 .hook.open h5::before,
[data-script-enabled="true"] .toggle-02 .hook.open h6::before {
    background: #fff;
}

/*hover,active,focus時*/
[data-script-enabled="true"] .toggle-01 .hook:hover,
[data-script-enabled="true"] .toggle-01 .hook:active,
[data-script-enabled="true"] .toggle-01 .hook:focus,
[data-script-enabled="true"] .toggle-02 .hook:hover,
[data-script-enabled="true"] .toggle-02 .hook:active,
[data-script-enabled="true"] .toggle-02 .hook:focus {
    color: #fff;
    background: #01916d;
}
[data-script-enabled="true"] .toggle-01 .hook:hover::before,
[data-script-enabled="true"] .toggle-01 .hook:active::before,
[data-script-enabled="true"] .toggle-01 .hook:focus::before,
[data-script-enabled="true"] .toggle-02 .hook:hover::before,
[data-script-enabled="true"] .toggle-02 .hook:active::before,
[data-script-enabled="true"] .toggle-02 .hook:focus::before {
    background: #01916d;
}
[data-script-enabled="true"] .toggle-01 .hook:hover::after,
[data-script-enabled="true"] .toggle-01 .hook:active::after,
[data-script-enabled="true"] .toggle-01 .hook:focus::after,
[data-script-enabled="true"] .toggle-02 .hook:hover::after,
[data-script-enabled="true"] .toggle-02 .hook:active::after,
[data-script-enabled="true"] .toggle-02 .hook:focus::after {
    background: #01916d;
}

/*open時*/
[data-script-enabled="true"] .toggle-01 .hook.open,
[data-script-enabled="true"] .toggle-01 .hook.open::before,
[data-script-enabled="true"] .toggle-02 .hook.open,
[data-script-enabled="true"] .toggle-02 .hook.open::before {
    color: #fff;
    background: #01916d;
}
[data-script-enabled="true"] .toggle-01 .hook.open::after,
[data-script-enabled="true"] .toggle-02 .hook.open::after {
    display: none;
}

/**
 * .toggle
**/
.toggle {
    margin-bottom: 20px;
}
@media (max-width:767px) {
    .toggle {
        border-top: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
    }
}
@media (min-width:768px),
print {
    .toggle {
        margin-bottom: 10px;
    }
    
    .paragraph>.toggle:not(:last-child) {
        margin-bottom: 30px;
    }
    
    .toggle+.toggle {
        margin-top: 0;
    }
}
.toggle .hook::before,
.toggle .hook::after {
    display: none;
}
.toggle .hook>* {
    font-weight: bold;
    margin: 45px 0 25px;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #8c8c8c;
}
@media (max-width:767px) {
    .toggle .hook {
        position: relative;
        padding: 10px 50px 10px 15px;
        cursor: pointer;
    }
    
    .toggle .hook::before,
    .toggle .hook::after {
        display: block;
    }
    
    .lyt-main .toggle>.hook>* {
        position: relative;
        font-size: 18px;
        margin: 0;
        padding: 0 0 0 40px;
        background: none;
        border: none;
    }
    
    .lyt-main .toggle>.hook>*::before {
        display: block;
        position: absolute;
        width: 22px;
        height: 22px;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%;
        background: #01916d;
        content: "";
        border: none;
    }
    
    .toggle .hook>* {
        font-size: 18px;
        font-weight: 400;
        margin: 0;
    }
}
.toggle .more {
    -webkit-transition: height 0.25s ease-in-out;
    transition: height 0.25s ease-in-out;
    display: none;
}
.toggle .more.content-fit {
    padding: 0;
}
@media (max-width:767px) {
    .toggle .more {
        margin-top: 10px;
    }
}
@media (min-width:768px),
print {
    .toggle .more {
        display: block;
    }
}
@media (max-width:767px) {
    .toggle.open {
        border-top: 1px solid #01916d;
    }
    
    .toggle.open .hook {
        color: #fff;
        background: #01916d;
    }
    
    .toggle.open .hook::before {
        background: #fff;
    }
    
    .toggle.open .hook::after {
        display: none;
    }
    
    .toggle.open .more {
        display: block;
    }
    
    .toggle.close .more {
        display: none;
    }
}
.more.content-fit table {
    width: 100%;
    margin-top: -12px;
    border-collapse: collapse;
}
.more.content-fit table tbody th {
    font-weight: 400;
}
.more.content-fit table tbody th,
.more.content-fit table tbody td {
    font-size: 14px;
    padding: 3px 15px;
    border-top: 1px solid #ebebeb;
}
.more.content-fit table tbody th>*:first-child,
.more.content-fit table tbody td>*:first-child {
    margin-bottom: 0;
}
.more.content-fit table tbody th>*:last-child,
.more.content-fit table tbody td>*:last-child {
    margin-bottom: 0;
}

/** --------------------------------------------------------
 * @class Common:Module:Component:Modal
** ------------------------------------------------------ */

/**
 * .modal
**/
.modal {
    position: relative;
}
.modal::after {
    background-position: -644px 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    display: inline-block;
    overflow: hidden;
    width: 12px;
    height: 12px;
    margin: 0 5px 0;
    padding: 0;
    content: "";
}
.modal.has-image::after {
    display: none;
}

/**
 * .modal-area
**/
.modal-area {
    background-color: #fff;
    max-width: 760px;
    padding: 20px 20px 10px;
    box-shadow: 2px 4px 8px #333;
}
.modal-area.static {
    background-color: #fff;
    background-clip: padding-box;
    margin: 10px 0 15px;
    border: 1px solid #ebebeb;
    box-shadow: none;
}
.modal-area .close {
    text-align: center;
    margin: 20px 0;
}
@media (min-width:768px),
print {
    [data-script-enabled="true"] .modal-area {
        display: none;
    }
}

/** --------------------------------------------------------
 * @class Common:Module:Component:Tabs
** ------------------------------------------------------ */

/**
 * .tab-list
**/
.tab-list {
    line-height: 1.4;
    text-align: center;
    color: inherit;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin: 0 0 20px;
}
.tab-list>li {
    font-size: 14px;
    position: relative;
    display: flex;
    -webkit-flex: 50% 0 0;
    flex: 50% 0 0;
}
.tab-list>li.active a {
    color: #fff;
    background: #01916d;
}
.tab-list>li a {
    text-decoration: none;
    text-align: center;
    color: #000;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    padding: 10px 20px 15px;
}
.tab-list>li a:hover,
.tab-list>li a:active,
.tab-list>li a:focus {
    color: #fff;
    background: #01916d;
}
.tab-list>li a _:-ms-fullscreen,
:root .tab-list>li a {
    height: 100%;
}
.tab-list>li:last-child::before {
    display: none;
}
.tab-list>li::before {
    background: #ebebeb;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1px;
    height: 100%;
    content: "";
}
@media (min-width:768px),
print {
    .tab-list {
        display: -webkit-flex;
        display: flex;
    }
    
    .tab-list>li {
        font-size: 18px;
        -webkit-flex: 1 0 1%;
        flex: 1 0 1%;
    }
}
.tab-list.dark {
    background: #ebebeb;
}

/**
 * %extend-tab-list
**/
.tab-02,
.tab-03 .tab-list {
    background: #ebebeb;
}
.tab-02>li::before,
.tab-03 .tab-list>li::before {
    background: #c1c1c1;
    top: 10px;
    height: calc(100% - 20px);
}
.tab-02>li.active::before,
.tab-03 .tab-list>li.active::before {
    display: none;
}
.tab-02>li a,
.tab-03 .tab-list>li a {
    padding: 10px;
}

/**
 * .tab-01
**/
.tab-01 .tab-list {
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.tab-01 .tab-list>li {
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
}
.tab-01 .tab-list>li>a {
    padding: 10px 20px 10px;
}
.tab-01 .tab-list>li::before {
    display: none;
}
@media (min-width:768px),
print {
    .tab-01 {
        border: 1px solid #ebebeb;
    }
    
    .tab-01 .tab-list {
        margin-bottom: 0;
        border: 0;
    }
    
    .tab-01 .tab-list>li {
        border: 0;
    }
    
    .tab-01 .tab-list>li:last-child::before {
        display: none;
    }
    
    .tab-01 .tab-list>li::before {
        display: block;
    }
    
    .tab-01 .tab-content {
        padding: 10px;
        border-top: 1px solid #ebebeb;
    }
    
    .tab-01 .tab-content>*:first-child {
        margin-top: 0;
    }
    
    .tab-01 .tab-content>*:last-child {
        margin-bottom: 0;
    }
}

/**
 * .tab-02
**/

/**
 * .tab-03
**/

/**
 * .tab,
.tab-03
**/
.tab,
.tab-03 {
    margin: 0 0 20px;
}
.tab .tab-list,
.tab-03 .tab-list {
    display: none;
}
@media (min-width:768px),
print {
    .tab .tab-list,
    .tab-03 .tab-list {
        display: -webkit-flex;
        display: flex;
    }
}
.tab .tabs>div>.hdg,
.tab-03 .tabs>div>.hdg {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0;
    padding: 10px 38px 10px 55px;
    cursor: pointer;
    border: 1px solid #c1c1c1;
    background: none;
}
.lyt-main .tab:not(.filter-option) .tabs>div:not(.tabPanel)>.hdg::before {
    content: none;
}
.tab .tabs div.tabPanel.active>.hdg,
.tab-03 .tabs div.tabPanel.active>.hdg {
    color: #fff;
    background: #01916d;
    border: 1px solid #01916d;
}
.tab .tabs div.tabPanel.active>.hdg::before,
.tab-03 .tabs div.tabPanel.active>.hdg::before {
    background: #fff;
}
.tab .tabs div.tabPanel.active>.hdg::after,
.tab-03 .tabs div.tabPanel.active>.hdg::after {
    display: none;
}
[data-script-enabled="true"] .tab .tabs>div>.hdg,
[data-script-enabled="true"] .tab-03 .tabs>div>.hdg {
    position: relative;
}
[data-script-enabled="true"] .tab .detail,
[data-script-enabled="true"] .tab-03 .detail {
    display: none;
}
[data-script-enabled="true"] .tab .tabs .active .detail,
[data-script-enabled="true"] .tab-03 .tabs .active .detail {
    display: block;
}
@media (min-width:768px),
print {
    .tab .tabs>div>.hdg,
    .tab-03 .tabs>div>.hdg {
        display: none;
    }
}

/**
 * .tab.filter-option
**/
.tab.filter-option .tabs>div>.hdg {
    padding-left: 55px;
}
@media (min-width:768px),
print {
    .tab.filter-option {
        display: -webkit-flex;
        display: flex;
        width: calc(100% + 6px);
        margin-left: -6px;
    }
    
    .tab.filter-option .tab-list {
        position: relative;
        display: block;
        -webkit-flex: 25% 0 0;
        flex: 25% 0 0;
        max-width: 25%;
        margin-bottom: 0;
        padding: 30px 30px 30px 36px;
    }
    
    .tab.filter-option .tab-list>li::before {
        display: none;
    }
    
    .tab.filter-option .tab-list>li.active>a {
        color: #01916d;
        background-color: transparent;
    }
    
    .tab.filter-option .tab-list>li>a {
        font-size: 20px;
        text-align: left;
        display: block;
        min-height: auto;
        max-height: none;
        padding: 10px 0;
    }
    
    .tab.filter-option .tab-list>li>a:hover,
    .tab.filter-option .tab-list>li>a:active,
    .tab.filter-option .tab-list>li>a:focus {
        color: #01916d;
        background-color: transparent;
    }
    
    .tab.filter-option .tab-list::before {
        background: #ebebeb;
        position: absolute;
        top: 0;
        left: 6px;
        display: block;
        width: calc(100% - 6px);
        height: 100%;
        content: "";
    }
    
    .tab.filter-option .tabs {
        -webkit-flex: 1 0 1%;
        flex: 1 0 1%;
        padding-left: 6px;
    }
    
    .tab.filter-option .tabs .detail>*:last-child {
        margin-bottom: 0;
    }
    
    .tab.filter-option .link-block-02.col-2,
    .tab.filter-option .link-block-02.col-3,
    .tab.filter-option .link-block-02.col-4,
    .tab.filter-option .link-block-02.col-5 {
        margin-top: -6px;
    }
    
    .tab.filter-option .link-block-02>li {
        -webkit-flex: calc(100% / 3) 0 0;
        flex: calc(100% / 3) 0 0;
        max-width: calc(100% / 3);
    }
    
    .tab.filter-option .link-block-02>li _:-ms-fullscreen,
    :root .tab.filter-option .link-block-02>li {
        -webkit-flex: 33% 0 0;
        flex: 33% 0 0;
    }
}

/** --------------------------------------------------------
 * @class Common:Module:Component:Filter
** ------------------------------------------------------ */

/**
 * .drill-down,
 * .drill-down-general
**/
.drill-down,
.drill-down-general {
    position: relative;
    margin-bottom: 15px;
}
.drill-down noscript,
.drill-down-general noscript {
    background: #fff;
    position: relative;
    z-index: 1;
    display: block;
}
.drill-down ol,
.drill-down-general ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
.drill-down ol::after,
.drill-down-general ol::after {
    display: block;
    clear: both;
    content: "";
}
.drill-down ol li::before,
.drill-down-general ol li::before {
    display: none;
}
.drill-down ol ul,
.drill-down-general ol ul {
    margin: 0;
}
.drill-down>ol>li>span,
.drill-down-general>ol>li>span {
    display: block;
}
.drill-down-general>ol>li>span {
    margin-bottom: 10px;
}
.drill-down-general>ol>li:last-child>span.insertAnyTitle4 {
    height: auto;
    margin: 0;
}
.drill-down-general>ol>li:last-child>.result .attention {
    margin-top: 90px;
}
.drill-down>ol>li:last-child>.result .attention {
    margin-top: 80px;
}
.drill-down>ol>li:last-child>span b,
.drill-down-general>ol>li:last-child>span b {
    font-weight: bold;
    display: block;
}
.drill-down>ol>li:last-child>.result,
.drill-down-general>ol>li:last-child>.result {
    overflow: auto;
    height: 227px;
}
.drill-down .link-list>li>a::after,
.drill-down-general .link-list>li>a::after {
    display: none;
}
.drill-down .link-list>li>a::after .related .hdg,
.drill-down-general .link-list>li>a::after .related .hdg {
    font-size: 16px;
}
.drill-down>ol>li:last-child>.result>.link-list>li>a,
.drill-down-general>ol>li:last-child>.result>.link-list>li>a {
    color: #fff;
    min-width: auto;
    max-width: 100%;
    margin: 0;
}
.drill-down>ol>li:last-child>.result>.link-list>li>a::after,
.drill-down-general>ol>li:last-child>.result>.link-list>li>a::after {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: Arial;
    font-size: 90%;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 12px;
    display: inline-block !important;
    padding: 0 0 0 5px;
    content: "\0000a0\276F";
}
.drill-down>ol>li:last-child>.result>.link-list>li>a:hover,
.drill-down-general>ol>li:last-child>.result>.link-list>li>a:hover {
    color: #01916d;
}
.drill-down>ol>li:last-child>.result>.link-list>li>a:hover::after,
.drill-down-general>ol>li:last-child>.result>.link-list>li>a:hover::after {
    color: #01916d;
}
.drill-down>ol>li:last-child>.result>.related,
.drill-down-general>ol>li:last-child>.result>.related {
    margin-top: 15px;
}
.drill-down>ol>li>ol>li:first-child,
.drill-down-general>ol>li>ol>li:first-child {
    margin-left: 0;
}
.drill-down-general>ol>li>ol>li {
    list-style: none;
}
.drill-down-general>ol>li>ol>li>span {
    text-indent: -1.3em;
    display: block;
    padding: 0 1em 0 1.3em;
}
.drill-down>ol>li>ol>li>.select>div .link-list,
.drill-down-general>ol>li>ol>li>.select>div .link-list {
    width: 100%;
}
.drill-down>ol>li>ol>li>.select>div .link-list:empty,
.drill-down-general>ol>li>ol>li>.select>div .link-list:empty {
    display: none;
}
.drill-down>ol>li>ol>li>.select>div .link-list>li,
.drill-down-general>ol>li>ol>li>.select>div .link-list>li {
    padding: 2px 0;
}
.drill-down>ol>li>ol>li:last-child>.select,
.drill-down-general>ol>li>ol>li:last-child>.select {
    padding-right: 0;
}
.drill-down>ol>li>ol>li:last-child>.select::after,
.drill-down-general>ol>li>ol>li:last-child>.select::after {
    display: none;
}
.drill-down>ol>li>ol>li.selected .active,
.drill-down-general>ol>li>ol>li.selected .active {
    background-color: #f5f5f5;
}
.drill-down>ol>li>ol>li .select a,
.drill-down-general>ol>li>ol>li .select a {
    text-decoration: none;
    color: #01916d;
    display: block;
    padding: 0 10px;
}
.drill-down>ol>li>ol>li .select .active a,
.drill-down-general>ol>li>ol>li .select .active a {
    text-decoration: none;
    color: #000;
}

/**
 *.drill-down-01
**/
.drill-down-01 {
    margin-bottom: 15px;
}
.drill-down-01 ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
.drill-down-01 ol::after {
    display: block;
    clear: both;
    content: "";
}
.drill-down-01 ol ul {
    margin: 0;
}
.drill-down-01 .link-list>li>a::after {
    display: none;
}
.drill-down-01>.tab>li {
    text-align: center;
}
.drill-down-01>.tab>li:first-child {
    padding-left: 0;
}
.drill-down-01>.tab>li:last-child {
    padding-right: 0;
}
.drill-down-01>.tab>li>a {
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    background-clip: padding-box;
    display: block;
    overflow: hidden;
    padding: 7px 10px;
    border-width: 0 1px 1px 0;
}
.drill-down-01>.tab>li>a:focus,
.drill-down-01>.tab>li>a:hover,
.drill-down-01>.tab>li>a:active {
    text-decoration: none;
    color: #fff;
    background: #01916d;
    border: 0;
}
.drill-down-01>.tab>.active>a {
    text-decoration: none;
    color: #fff;
    background: #01916d;
    border: 0;
}
.drill-down-01 .select-area>ol {
    margin-bottom: 25px;
}
.drill-down-01 .select-area>ol>li>.select {
    position: relative;
    padding-right: 6.140351%;
}
.drill-down-01 .select-area>ol>li>.select::after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    width: 6.14%;
    height: 100%;
    content: "";
}
.drill-down-01 .select-area>ol>li>.select>div .link-list>li {
    padding: 1px 13px 0;
}
.drill-down-01 .select-area>ol>li>.select>div .link-list>li>a {
    color: #01916d;
}
.drill-down-01 .select-area>ol>li:last-child>.select {
    padding-right: 0;
}
.drill-down-01 .select-area>ol>li:last-child>.select::after {
    display: none;
}
.drill-down-01 .btn-01 a {
    color: #fff;
    background: #01916d;
    width: 89%;
    padding: 4px 10px 2px;
    border: 0;
}
.drill-down-01 .btn-01 a::after {
    color: #fff;
}

/* @media screen and (max-width:767px){ */

/* .drill-down
----------------------------------------------- */
.drill-down,
.drill-down-general {
    margin: 0 0 15px;
}
.drill-down::after,
.drill-down-general::after {
    display: none;
}
.drill-down ol li,
.drill-down-general ol li {
    float: none;
    width: auto;
}
.drill-down>ol>li,
.drill-down-general>ol>li {
    display: table;
    width: 100%;
    height: auto !important;
    padding: 0;
    border: 0;
}
.drill-down>ol>li:first-child,
.drill-down>ol>li:last-child,
.drill-down-general>ol>li:first-child,
.drill-down-general>ol>li:last-child {
    background-color: transparent;
    margin: 0 0 21px;
}
.drill-down>ol>li:first-child>span,
.drill-down>ol>li:last-child>span,
.drill-down-general>ol>li:first-child>span,
.drill-down-general>ol>li:last-child>span {
    background: #fff;
    margin: 0 0 12px 0;
    padding: 0;
}
.drill-down>ol>li:first-child>span b,
.drill-down>ol>li:last-child>span b,
.drill-down-general>ol>li:first-child>span b,
.drill-down-general>ol>li:last-child>span b {
    font-weight: 400;
    display: inline-block;
}
.drill-down>ol>li:first-child>.result,
.drill-down>ol>li:last-child>.result,
.drill-down-general>ol>li:first-child>.result,
.drill-down-general>ol>li:last-child>.result {
    background-color: #ebebeb;
    height: auto;
    margin: 10px 0 0;
    padding: 12px;
    border: 1px solid #ebebeb;
}
.drill-down>ol>li:first-child>.result .attention,
.drill-down>ol>li:last-child>.result .attention,
.drill-down-general>ol>li:first-child>.result .attention,
.drill-down-general>ol>li:last-child>.result .attention {
    text-align: center;
    margin: 0;
}
.drill-down>ol>li:first-child>.result> :last-child,
.drill-down>ol>li:last-child>.result> :last-child,
.drill-down-general>ol>li:first-child>.result> :last-child,
.drill-down-general>ol>li:last-child>.result> :last-child {
    margin-bottom: 0;
}
.drill-down>ol>li>ol>li,
.drill-down-general>ol>li>ol>li {
    position: relative;
    display: block;
    margin: 0 0 6px 0;
    padding: 0;
    border: 1px solid #c1c1c1;
}
.drill-down>ol>li>ol>li>span,
.drill-down-general>ol>li>ol>li>span {
    position: relative;
    display: block;
    margin-bottom: 0;
    padding: 7px 50px 7px 30px;
    border-bottom: 1px solid #ebebeb;
}
.drill-down>ol>li>ol>li>span::after,
.drill-down-general>ol>li>ol>li>span::after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #da2035;
    position: absolute;
    top: 50%;
    right: 22px;
    display: block;
    width: 2px;
    height: 16px;
    content: "";
}
.drill-down>ol>li>ol>li.close>span::before,
.drill-down-general>ol>li>ol>li.close>span::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    background: #da2035;
    position: absolute;
    top: 50%;
    right: 22px;
    display: block;
    width: 2px;
    height: 16px;
    content: "";
}
.drill-down>ol>li>ol>li:nth-child(1)>span,
.drill-down-general>ol>li>ol>li:nth-child(1)>span {
    position: relative;
}
.drill-down>ol>li>ol>li:nth-child(1)::before {
    vertical-align: bottom;
    color: inherit;
    position: absolute;
    z-index: 1;
    top: .4em;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: auto;
    content: "1";
}
.drill-down>ol>li>ol>li:nth-child(2)>span {
    position: relative;
}
.drill-down>ol>li>ol>li:nth-child(2)::before {
    vertical-align: bottom;
    position: absolute;
    z-index: 1;
    top: .4em;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: auto;
    content: "2";
}
.drill-down>ol>li>ol>li:nth-child(3)>span {
    position: relative;
}
.drill-down>ol>li>ol>li:nth-child(3)::before {
    vertical-align: bottom;
    position: absolute;
    z-index: 1;
    top: .4em;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: auto;
    content: "3";
}
.drill-down>ol>li>ol>li:nth-child(4)>span {
    position: relative;
}
.drill-down>ol>li>ol>li:nth-child(4)::before {
    vertical-align: bottom;
    position: absolute;
    z-index: 1;
    top: .4em;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: auto;
    content: "4";
}
.drill-down>ol>li>ol>li>.select,
.drill-down-general>ol>li>ol>li>.select {
    overflow: visible;
    height: auto;
    padding-top: 5px;
}
.drill-down>ol>li>ol>li>.select::after,
.drill-down-general>ol>li>ol>li>.select::after {
    display: none;
}
.drill-down>ol>li>ol>li>.select>div,
.drill-down-general>ol>li>ol>li>.select>div {
    background-color: transparent;
    overflow: visible;
    height: auto;
    border: 0;
}
.drill-down>ol>li>ol>li>.select>div .attention,
.drill-down-general>ol>li>ol>li>.select>div .attention {
    color: #000;
    -webkit-align-self: center;
    align-self: center;
    margin: 0 10px;
}
.drill-down>ol>li>ol>li.close>.select,
.drill-down-general>ol>li>ol>li.close>.select {
    display: none;
}
.drill-down>ol>li>ol>li.open,
.drill-down-general>ol>li>ol>li.open {
    color: #fff;
    border: 0;
}
.drill-down>ol>li>ol>li.open>span,
.drill-down-general>ol>li>ol>li.open>span {
    color: #fff;
    background: #01916d;
}
.drill-down>ol>li>ol>li.open>span::after,
.drill-down-general>ol>li>ol>li.open>span::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    background: #fff;
}
.drill-down>ol>li>ol>li.selected .link-list>li,
.drill-down-general>ol>li>ol>li.selected .link-list>li {
    display: none;
}
.drill-down>ol>li>ol>li.selected .link-list>li.active,
.drill-down-general>ol>li>ol>li.selected .link-list>li.active {
    font-weight: 400;
    background-color: transparent;
    display: block;
}
.drill-down>ol>li>ol>li.selected.open .link-list>li,
.drill-down-general>ol>li>ol>li.selected.open .link-list>li {
    display: block;
}
.drill-down>ol>li>ol>li.selected.open .link-list>li.active,
.drill-down-general>ol>li>ol>li.selected.open .link-list>li.active {
    font-weight: 400;
    background-color: #ebebeb;
}
.drill-down>ol>li>ol>li.selected.close>.select,
.drill-down-general>ol>li>ol>li.selected.close>.select {
    display: block;
}
.drill-down>ol>li>ol>li.selected.close>.select .link-list>li,
.drill-down-general>ol>li>ol>li.selected.close>.select .link-list>li {
    display: none;
}
.drill-down>ol>li>ol>li.selected.close>.select .link-list>li.active,
.drill-down-general>ol>li>ol>li.selected.close>.select .link-list>li.active {
    font-weight: 400;
    display: block;
    margin-bottom: 0;
}

/**
 * .drill-down-01
**/
.drill-down-01 {
    margin: 0 0 15px;
}
.drill-down-01>.tab {
    background-color: #ebebeb;
    display: block;
    width: auto;
    margin: 0 0 4px 0;
}
.drill-down-01>.tab::after {
    display: block;
    clear: both;
    content: "";
}
.drill-down-01>.tab>li {
    display: block;
    float: left;
    width: calc(50% - 2px);
    margin: 2px 0 0 2px;
    padding: 0;
    box-shadow: 0 0 0 2px #fff;
}
.drill-down-01>.tab>li:nth-child(even)>a {
    border-width: 0 0 1px;
}
.drill-down-01 .select-area {
    background-color: transparent;
    margin: 0 0 15px;
    padding: 0;
    border: 0;
}
.drill-down-01 .select-area>ol {
    margin: 0 0 20px;
}
.drill-down-01 .select-area>ol>li {
    position: relative;
    display: block;
    padding: 0;
}
.drill-down-01 .select-area>ol>li.open {
    color: #fff;
}
.drill-down-01 .select-area>ol>li::before {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    overflow: hidden;
    width: 14px;
    height: 14px;
    content: "";
}
.drill-down-01 .select-area>ol>li>span {
    position: relative;
    display: block;
    margin-bottom: 6px;
    padding: 7px 50px 7px 30px;
    border: 1px solid #c1c1c1;
}
.drill-down-01 .select-area>ol>li>span::after {
    position: absolute;
    top: 13px;
    right: 10px;
    display: block;
    overflow: hidden;
    width: 12px;
    height: 12px;
    content: "";
}
.drill-down-01 .select-area>ol>li:nth-child(1) {
    position: relative;
}
.drill-down-01 .select-area>ol>li:nth-child(1)::before {
    vertical-align: bottom;
    position: absolute;
    top: .5em;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: auto;
    content: "1";
}
.drill-down-01 .select-area>ol>li:nth-child(2) {
    position: relative;
}
.drill-down-01 .select-area>ol>li:nth-child(2)::before {
    vertical-align: bottom;
    color: inherit;
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: auto;
    content: "2";
}
.drill-down-01 .select-area>ol>li:nth-child(3) {
    position: relative;
}
.drill-down-01 .select-area>ol>li:nth-child(3)::before {
    vertical-align: bottom;
    position: absolute;
    top: .5em;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: auto;
    content: "3";
}
.drill-down-01 .select-area>ol>li:nth-child(4) {
    position: relative;
}
.drill-down-01 .select-area>ol>li:nth-child(4)::before {
    vertical-align: bottom;
    position: absolute;
    top: .5em;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: auto;
    content: "4";
}
.drill-down-01 .select-area>ol>li>.select {
    overflow: visible;
    height: auto;
    padding-right: 0;
    border-bottom: 1px solid #ebebeb;
}
.drill-down-01 .select-area>ol>li>.select::after {
    display: none;
}
.drill-down-01 .select-area>ol>li>.select>div {
    background-color: transparent;
    overflow: visible;
    height: auto;
    padding: 7px 0 14px;
    border: 0;
}
.drill-down-01 .select-area>ol>li.close>span::after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #da2035;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    width: 2px;
    height: 20px;
    content: "";
}
.drill-down-01 .select-area>ol>li.close>span::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    background: #da2035;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    width: 2px;
    height: 20px;
    content: "";
}
.drill-down-01 .select-area>ol>li.open>span::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    background: #fff;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    width: 2px;
    height: 20px;
    content: "";
}
.drill-down-01 .select-area>ol>li.close>.select {
    display: none;
}
.drill-down-01 .select-area>ol>li.open>span {
    color: #fff;
    background: #da2035;
    padding-top: 10px;
    padding-bottom: 8px;
    border: 0;
}
.drill-down-01 .select-area>ol>li.selected .link-list>li {
    display: none;
}
.drill-down-01 .select-area>ol>li.selected .link-list>li.active {
    font-weight: 400;
    background-color: transparent;
    display: block;
}
.drill-down-01 .select-area>ol>li.selected>span::after {
    /* display:none; */
}
.drill-down-01 .select-area>ol>li.selected.open .link-list>li {
    display: block;
}
.drill-down-01 .select-area>ol>li.selected.open .link-list>li.active {
    font-weight: bold;
    background-color: #ebebeb;
}
@media (min-width:768px),
print {
    .drill-down,
    .drill-down-general {
        font-size: 16px;
    }
    
    .drill-down>ol,
    .drill-down-general>ol {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch;
    }
    
    .drill-down>ol>li:last-child,
    .drill-down-general>ol>li:last-child {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        width: 26.063823%;
        border: 1px solid #d7d7d7;
    }
    
    .drill-down>ol>li>ol>li,
    .drill-down-general>ol>li>ol>li {
        display: list-item;
        float: left;
        width: calc(34.059098% - 50px);
        margin-left: 50px;
        padding: 0;
        border: 0;
    }
    
    .drill-down>ol>li:first-child,
    .drill-down-general>ol>li:first-child {
        background-color: #ebebeb;
        width: 64.744681%;
        height: auto !important;
        margin-right: 9.191489%;
    }
    
    .drill-down>ol>li,
    .drill-down-general>ol>li {
        padding: 15px 15px 20px;
    }
    
    .drill-down>ol>li:first-child>span,
    .drill-down-general>ol>li:first-child>span {
        font-weight: bold;
        background-color: #ebebeb;
        margin: 0 -5px 11px;
        padding: 5px 10px;
    }
    
    .drill-down>ol>li>span,
    .drill-down-general>ol>li>span {
        width: 100%;
    }
    
    .drill-down>ol>li>ol>li:last-child,
    .drill-down-general>ol>li>ol>li:last-child {
        width: 31.881804%;
    }
    
    .drill-down>ol>li>ol>li.close>.select,
    .drill-down-general>ol>li>ol>li.close>.select {
        display: block;
    }
    
    .drill-down>ol>li>ol>li.close>span::before,
    .drill-down-general>ol>li>ol>li.close>span::before,
    .drill-down>ol>li>ol>li.close>span::after,
    .drill-down-general>ol>li>ol>li.close>span::after {
        display: none;
    }
    
    .drill-down>ol>li>ol>li>span,
    .drill-down-general>ol>li>ol>li>span {
        font-size: 100%;
        padding: 0 0 0 30px;
    }
    
    .drill-down>ol>li>ol>li>.select>div,
    .drill-down-general>ol>li>ol>li>.select>div {
        background-color: #fff;
        display: -webkit-flex;
        display: flex;
        overflow: auto;
        height: 224px;
        padding: 10px 0;
        border: 1px solid #ebebeb;
    }
    
    .drill-down>ol>li>ol>li:nth-child(1)::before,
    .drill-down>ol>li>ol>li:nth-child(2)::before,
    .drill-down>ol>li>ol>li:nth-child(3)::before,
    .drill-down>ol>li>ol>li:nth-child(4)::before {
        top: 0;
    }
    
    .drill-down>ol>li>ol>li:nth-child(1)::before {
        content: "1.";
    }
    
    .drill-down>ol>li>ol>li:nth-child(2)::before {
        content: "2.";
    }
    
    .drill-down>ol>li>ol>li:nth-child(3)::before {
        content: "3.";
    }
    
    .drill-down>ol>li>ol>li:nth-child(4)::before {
        content: "4.";
    }
    
    .drill-down>ol>li>ol>li.open,
    .drill-down-general>ol>li>ol>li.open {
        color: #000;
    }
    
    .drill-down>ol>li>ol>li.open>span,
    .drill-down-general>ol>li>ol>li.open>span {
        color: #000;
        background: none;
    }
    
    .drill-down>ol>li>ol>li.open>span::after,
    .drill-down-general>ol>li>ol>li.open>span::after {
        display: none;
    }
    /*.drill-down::after,
.drill-down-general::after{
-webkit-transform:translateY(-50%) rotate(-45deg);
transform:translateY(-50%) rotate(-45deg);
position:absolute;
top:50%;
right:30.064%;
display:block;
width:40px;
height:40px;
content:"";
border:2px solid #9c9c9c;
border-top:0;
border-left:0;
}*/
    
    .drill-down>ol>li>ol>li>.select,
    .drill-down-general>ol>li>ol>li>.select {
        position: relative;
    }
    
    .drill-down>ol>li>ol>li>.select::after,
    .drill-down-general>ol>li>ol>li>.select::after {
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
        position: absolute;
        top: 50%;
        right: -29px;
        display: block;
        overflow: hidden;
        width: 24px;
        height: 24px;
        content: "";
        border: 1px solid #9c9c9c;
        border-top: 0;
        border-left: 0;
    }
    
    .drill-down>ol>li:first-child>.result,
    .drill-down>ol>li:last-child>.result,
    .drill-down-general>ol>li:first-child>.result,
    .drill-down-general>ol>li:last-child>.result {
        background: none;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 10px;
        border: 0;
    }
    
    .drill-down>ol>li>ol>li.selected.close>.select .link-list>li,
    .drill-down-general>ol>li>ol>li.selected.close>.select .link-list>li {
        display: block;
    }
    
    .drill-down>ol>li>ol>li.selected.close>.select .link-list>li.active,
    .drill-down-general>ol>li>ol>li.selected.close>.select .link-list>li.active {
        background: #f5f5f5;
    }
    
    .drill-down>ol>li:first-child>span b,
    .drill-down>ol>li:last-child>span b,
    .drill-down-general>ol>li:first-child>span b,
    .drill-down-general>ol>li:last-child>span b {
        font-weight: bold;
    }
    
    .drill-down-01>.tab>li>a::after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #c2c2c2;
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
        width: 1px;
        height: 1em;
        content: "";
    }
    
    .drill-down-01>.tab>li:last-child>a::after {
        display: none;
    }
    
    .drill-down-01 .select-area>ol>li {
        position: relative;
        display: list-item;
        float: left;
        width: calc(25.505443% - 50px);
        margin: 0 0 0 50px;
        list-style-position: inside;
        list-style-type: decimal;
    }
    
    .drill-down-01 .select-area>ol>li:first-child {
        margin-left: 0;
    }
    
    .drill-down-01 .select-area>ol>li>span {
        display: inline-block;
        margin-bottom: 10px;
    }
    
    .drill-down-01 .btn-01 a {
        color: #fff;
        background: #01916d;
        width: 283px;
        border: 0;
    }
    
    .drill-down-01 .select-area>ol>li::before {
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
        top: calc(50% + 1em);
        left: -9px;
        width: 20px;
        height: 20px;
        content: "";
        border: 1px solid #9c9c9c;
        border-top: 0;
        border-left: 0;
    }
    
    .drill-down-01 .select-area>ol>li:first-child::before {
        display: none;
    }
    
    .drill-down-01 .select-area>ol>li .select::after {
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
        position: absolute;
        top: 50%;
        right: -26px;
        display: block;
        overflow: hidden;
        width: 24px;
        height: 24px;
        content: "";
        border: 1px solid #9c9c9c;
        border-top: 0;
        border-left: 0;
    }
    
    .drill-down-01 .select-area>ol>li:nth-child(1)::before,
    .drill-down-01 .select-area>ol>li:nth-child(2)::before,
    .drill-down-01 .select-area>ol>li:nth-child(3)::before,
    .drill-down-01 .select-area>ol>li:nth-child(4)::before {
        display: none;
    }
    
    .drill-down-01 .select-area>ol>li.open {
        color: #000;
    }
    
    .drill-down-01 .select-area>ol>li>.select>div .link-list>li {
        padding: 2px 13px 1px;
    }
    
    .drill-down-01 .select-area>ol {
        margin: 0 0 26px;
    }
    
    .drill-down-01 .select-area {
        background-color: #ebebeb;
        padding: 15px 10px;
        border: 1px solid #ebebeb;
    }
    
    .drill-down-01 .select-area>ol>li:last-child {
        width: 23.328149%;
    }
    
    .drill-down-01 .select-area>ol>li>span {
        margin-bottom: 6px;
        padding: 0;
        border: 0;
    }
    
    .drill-down-01 .select-area>ol>li.close>span::before,
    .drill-down-01 .select-area>ol>li.close>span::after,
    .drill-down-01 .select-area>ol>li.open>span::before,
    .drill-down-01 .select-area>ol>li.open>span::after {
        display: none;
    }
    
    .drill-down-01 .select-area>ol>li.close>.select {
        display: block;
    }
    
    .drill-down-01 .select-area>ol>li>.select>div {
        background-color: #fff;
        overflow: auto;
        height: 224px;
        border: 1px solid #ebebeb;
    }
    
    .drill-down-01 .select-area>ol>li.open>span {
        color: #000;
        background: none;
        padding: 0;
    }
    
    .drill-down-01>.tab {
        display: table;
        width: 100%;
        margin-bottom: 0;
        table-layout: fixed;
        border-bottom: 3px solid #fff;
    }
    
    .drill-down-01>.tab::after {
        display: none;
    }
    
    .drill-down-01>.tab>li {
        text-align: center;
        vertical-align: bottom;
        display: table-cell;
        float: none;
        width: auto;
    }
    
    .drill-down-01>.tab>li>a {
        text-decoration: none;
        color: #000;
        background-color: #ebebeb;
        position: relative;
        display: block;
        padding: 4px 2px 2px;
    }
}

/** --------------------------------------------------------
 * @class Common:Module:Component:Icon
** ------------------------------------------------------ */

/**
 * .icon-new
**/
.icon-new {
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle;
    color: #e64ba2;
    background-color: #fff;
    background-image: linear-gradient(#fff, #ebebeb 50%, #fff 65%, #fff);
    background-size: 100%;
    position: relative;
    top: -2px;
    display: inline-block;
    margin: 0 3px;
    padding: 2px 5px;
    border: 1px #e64ba2 solid;
}
.icon-alert,
.icon-warning,
.icon-info {
    position: relative;
    display: inline-block;
    padding: 0 0 0 28px;
}
.icon-alert::before,
.icon-warning::before,
.icon-info::before {
    position: absolute;
    top: .2em;
    left: 0;
}
.icon-alert::before {
    background-position: 0 0;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.icon-warning::before {
    background-position: -1194px 0;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.icon-info::before {
    background-position: -532px 0;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.icon-menu,
.icon-search,
.icon-play,
.icon-carat-left,
.icon-carat-right,
.icon-partner,
.icon-location,
.icon-chat,
.icon-pdf,
.icon-demo,
.icon-video {
    text-decoration: none;
    color: #000;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.icon-menu:hover,
.icon-search:hover,
.icon-play:hover,
.icon-carat-left:hover,
.icon-carat-right:hover,
.icon-partner:hover,
.icon-location:hover,
.icon-chat:hover,
.icon-pdf:hover,
.icon-demo:hover,
.icon-video:hover,
.icon-menu:active,
.icon-search:active,
.icon-play:active,
.icon-carat-left:active,
.icon-carat-right:active,
.icon-partner:active,
.icon-location:active,
.icon-chat:active,
.icon-pdf:active,
.icon-demo:active,
.icon-video:active,
.icon-menu:focus,
.icon-search:focus,
.icon-play:focus,
.icon-carat-left:focus,
.icon-carat-right:focus,
.icon-partner:focus,
.icon-location:focus,
.icon-chat:focus,
.icon-pdf:focus,
.icon-demo:focus,
.icon-video:focus {
    text-decoration: none;
    color: #01916d;
}
.icon-menu::before,
.icon-search::before,
.icon-play::before,
.icon-carat-left::before,
.icon-carat-right::before,
.icon-partner::before,
.icon-location::before,
.icon-chat::before,
.icon-pdf::before,
.icon-demo::before,
.icon-video::before {
    margin-right: 9px;
}
.icon-menu:hover::before,
.icon-menu:active::before,
.icon-menu:focus::before {
    background-position: -502px 0;
}
.icon-menu::before {
    background-position: -472px 0;
    display: inline-block;
    width: 30px;
    height: 20px;
    min-width: 30px;
}
.icon-search:hover::before,
.icon-search:active::before,
.icon-search:focus::before {
    background-position: -1014px 0;
}
.icon-search::before {
    background-position: -976px 0;
    display: inline-block;
    width: 38px;
    height: 32px;
    min-width: 38px;
}
.icon-play:hover::before,
.icon-play:active::before,
.icon-play:focus::before {
    background-position: -820px 0;
}
.icon-play::before {
    background-position: -728px 0;
    display: inline-block;
    width: 92px;
    height: 92px;
    min-width: 92px;
}
.icon-carat-left:hover::before,
.icon-carat-left:active::before,
.icon-carat-left:focus::before {
    background-position: -231px 0;
}
.icon-carat-left::before {
    background-position: -198px 0;
    display: inline-block;
    width: 33px;
    height: 63px;
    min-width: 33px;
}
.icon-carat-right:hover::before,
.icon-carat-right:active::before,
.icon-carat-right:focus::before {
    background-position: -297px 0;
}
.icon-carat-right::before {
    background-position: -264px 0;
    display: inline-block;
    width: 33px;
    height: 63px;
    min-width: 33px;
}
.icon-partner:hover::before,
.icon-partner:active::before,
.icon-partner:focus::before {
    background-position: -1078px 0;
}
.icon-partner::before {
    background-position: -1052px 0;
    display: inline-block;
    width: 26px;
    height: 26px;
    min-width: 26px;
}
.icon-location:hover::before,
.icon-location:active::before,
.icon-location:focus::before {
    background-position: -386px 0;
}
.icon-location::before {
    background-position: -360px 0;
    display: inline-block;
    width: 26px;
    height: 26px;
    min-width: 26px;
}
.icon-chat:hover::before,
.icon-chat:active::before,
.icon-chat:focus::before {
    background-position: -46px 0;
}
.icon-chat::before {
    background-position: -20px 0;
    display: inline-block;
    width: 26px;
    height: 26px;
    min-width: 26px;
}
.icon-pdf:hover::before,
.icon-pdf:active::before,
.icon-pdf:focus::before {
    background-position: -676px 0;
}
.icon-pdf::before {
    background-position: -656px 0;
    display: inline-block;
    width: 20px;
    height: 30px;
    min-width: 20px;
}
.icon-demo:hover::before,
.icon-demo:active::before,
.icon-demo:focus::before {
    background-position: -1164px 0;
}
.icon-demo::before {
    background-position: -1134px 0;
    display: inline-block;
    width: 30px;
    height: 20px;
    min-width: 30px;
}
.icon-video:hover::before,
.icon-video:active::before,
.icon-video:focus::before {
    background-position: -1244px 0;
}
.icon-video::before {
    background-position: -1214px 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    min-width: 30px;
}

/** --------------------------------------------------------
 * @class Common:Module:Component:Other
** ------------------------------------------------------ */

/**
 * .plugin
**/
.plugin {
    background: #fff;
    margin: 10px 0 15px;
    padding: 15px;
    border: 1px solid #ebebeb;
}
.plugin>*:first-child {
    margin-top: 0;
}
.plugin>*:last-child {
    margin-bottom: 0;
}
.plugin a.bnr {
    text-align: center;
    display: block;
    width: 100%;
}
.plugin a.bnr .link {
    text-align: left;
    display: block;
    margin: 10px 0 0;
}
.plugin a.bnr .link::after {
    display: none;
}
@media (min-width:768px),
print {
    .plugin a.bnr {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    
    .plugin a.bnr .link {
        display: inline-block;
        margin: 0;
    }
    
    .plugin a.bnr img {
        margin: 0 15px 0 0;
    }
}

/**
 * .social-btn
**/
.social-btn {
    text-align: right;
    margin-bottom: 10px;
}
.social-btn>li {
    vertical-align: top;
    display: inline-block;
    margin: 0 3px 5px 0;
}
.social-btn>li img {
    width: 26px;
    height: 26px;
}
.social-btn>li:last-child {
    margin-right: 0;
}
.social-btn-01 {
    text-align: right;
    margin-bottom: 10px;
}
.social-btn-01>li {
    vertical-align: top;
    display: inline-block;
    margin: 0 3px 5px 0;
}
.social-btn-01>li.tw>iframe {
    width: 110px !important;
}
.social-feed {
    width: 100%;
}
.social-feed>*:first-child {
    margin-top: 0;
}
.social-feed>*:last-child {
    margin-bottom: 0;
}
.social-feed.single {
    font-size: 14px;
}
.social-feed.single .feed-twitter {
    position: relative;
}
.social-feed.single .feed-twitter::before {
    background-position: -1104px 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 0;
}
.social-feed.single .feed-facebook {
    position: relative;
}
.social-feed.single .feed-facebook::before {
    background-position: -330px 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 0;
}
.social-feed.single .feed-linkedin {
    position: relative;
}
.social-feed.single .feed-linkedin::before {
    background-position: -552px 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    left: 0;
}
.social-feed.single .icon {
    margin-bottom: 0;
}
.social-feed.single .feed-item {
    padding: 15px 0 15px 45px;
}
.social-feed.single .feed-item+.feed-item {
    border-top: 1px solid #c1c1c1;
}
.social-feed.single .feed-item .text-side>*:last-child {
    margin-bottom: 0;
}
@media (min-width:768px),
print {
    .social-feed.single {
        background: #fff;
        padding: 0;
    }
}
@media (min-width:768px),
print {
    .social-feed {
        background: #ebebeb;
        padding: 15px;
    }
}
.social-feed h3 {
    margin: 0 0 25px;
}
.lyt-main .social-feed>h3 {
    font-weight: 300;
    margin: 0 0 25px;
    padding: 0;
}
.lyt-main .social-feed>h3::before {
    content: none;
}
.social-feed .icon {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c1c1c1;
}
.social-feed .icon img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
}
.social-feed .twitter-actions a {
    text-indent: -99999px;
    background-image: url("../images/twitter-actions.png");
    background-position: 0 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 40px;
}
.social-feed .twitter-actions a:hover {
    text-decoration: none;
    background-position: -16px 0;
}
.social-feed .twitter-actions a.retweet {
    background-position: -81px 0;
    width: 17px;
}
.social-feed .twitter-actions a.retweet:hover {
    background-position: -100px 0;
}
.social-feed .twitter-actions a.favorite {
    background-position: -32px 0;
    margin-right: 0;
}
.social-feed .twitter-actions a.favorite:hover {
    background-position: -48px 0;
}
.social-feed .feed-youtube-thumb {
    background-position: center center;
    background-size: cover;
    display: block;
    padding-top: 56.25%;
}

/**
 * .dropdown
**/
[data-script-enabled="true"] .dropdown {
    position: relative;
    z-index: -1;
    display: block;
    visibility: hidden;
    float: left;
    height: 40px;
    margin: 0 0 -40px;
}
.dropdown+.dropdown-imitation {
    position: relative;
    display: block;
    width: 100%;
}
.dropdown+.dropdown-imitation.active>.dropdown-btn {
    color: #fff;
    background: #01916d;
}
.dropdown+.dropdown-imitation.active>.dropdown-btn::before {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.dropdown+.dropdown-imitation.active>.dropdown-list {
    display: block;
}
.dropdown+.dropdown-imitation>.dropdown-btn {
    font-size: 16px;
    line-height: inherit;
    text-align: left;
    background: #fff;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 6px 35px 6px 20px;
    border: 1px solid #d7d7d7;
}
.dropdown+.dropdown-imitation>.dropdown-btn::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -4px;
    right: 10px;
    bottom: 0;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    content: "";
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}
.dropdown+.dropdown-imitation>.dropdown-list {
    position: absolute;
    z-index: 10;
    top: 40px;
    left: 0;
    display: none;
    overflow: auto;
    width: 100%;
    height: 300px;
    margin: 0;
}
.dropdown+.dropdown-imitation>.dropdown-list li button {
    font-size: 16px;
    text-decoration: none;
    text-align: left;
    color: #000;
    background: #eee;
    display: block;
    width: 100%;
    padding: 6px 25px 6px 20px;
    border: 0;
    border-bottom: 1px solid #fff;
}
.dropdown+.dropdown-imitation>.dropdown-list li button:hover,
.dropdown+.dropdown-imitation>.dropdown-list li button:active,
.dropdown+.dropdown-imitation>.dropdown-list li button:focus {
    color: #fff;
    background: #898989;
}

/**
 * .info
**/
.info {
    line-height: 1.45;
    margin: 30px 0 20px;
}
.info>table {
    display: block;
    margin-top: -10px;
    border-collapse: collapse;
    border: none;
    border-top: 2px solid #ebebeb;
}
.info>table tbody,
.info>table tr {
    display: block;
}
.info>table th,
.info>table td {
    text-align: left;
    vertical-align: top;
    display: block;
    padding: 10px 0;
    border: 0;
}
.info>table th {
    font-weight: 300;
    padding-bottom: 0;
}
.info>table td {
    border-bottom: 1px solid #ebebeb;
}
.info>table td>*:first-child {
    margin-top: 0;
}
.info>table td>*:last-child {
    margin-bottom: 0;
}
.info>table td a {
    margin-right: 10px;
}
@media (min-width:768px),
print {
    .info>table {
        display: table;
        width: 100%;
    }
    
    .info>table tbody {
        display: table-row-group;
    }
    
    .info>table tr {
        display: table-row;
    }
    
    .info>table th,
    .info>table td {
        display: table-cell;
        border-bottom: 1px solid #ebebeb;
    }
    
    .info>table th {
        width: 9em;
    }
}
.embed-gmaps .gmaps {
    margin: 0 0 24px;
}
.embed-gmaps .gmaps-viewarea {
    height: auto;
    padding: 10px 15px;
}
.embed-gmaps .gmaps-viewarea>*:first-child {
    margin-top: 0;
}
.embed-gmaps .gmaps-viewarea>*:last-child {
    margin-bottom: 0;
}
.embed-gmaps .gmaps-viewarea+* {
    margin: 10px 0 0;
}
[data-script-enabled="true"] .embed-gmaps .gmaps-viewarea {
    width: 100%;
    height: 0;
    padding: 75% 0 0;
    border: 1px solid #ececec;
}
@media (min-width:768px),
print {
    [data-script-enabled="true"] .embed-gmaps .gmaps-viewarea {
        padding: 56.25% 0 0;
    }
}

/** --------------------------------------------------------
 * @class Common:Module:Component:Adjustment
** ------------------------------------------------------ */

/**
 * .font-weight
**/
.font-weight-light {
    font-weight: 300;
}
.font-weight-regular {
    font-weight: 400;
}
.font-weight-bold {
    font-weight: bold;
}

/**
 * .font-family
**/
.font-family-roboto {
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 400;
}
.font-family-arial {
    font-family: "Arial", sans-serif;
}

/**
 * .hidden,
.visible
**/
@media (max-width:767px) {
    .hidden-xs {
        display: none;
    }
    
    .visible-xs {
        display: block;
    }
}
@media (min-width:768px),
print {
    .hidden-sm {
        display: none;
    }
    
    .visible-sm {
        display: block;
    }
}
@media (min-width:992px),
print {
    .hidden-md {
        display: none;
    }
    
    .visible-md {
        display: block;
    }
}
@media (min-width:1120px),
print {
    .hidden-lg {
        display: none;
    }
    
    .visible-lg {
        display: block;
    }
}

/**
 * Align Controls
**/
.align-l,
table.align-l th,
table.align-l td,
thead.align-l>tr>*,
tbody.align-l>tr>*,
tr.align-l>th,
tr.align-l>td {
    text-align: left !important;
}
.align-c,
table.align-c th,
table.align-c td,
thead.align-c>tr>*,
tbody.align-c>tr>*,
tr.align-c>th,
tr.align-c>td {
    text-align: center !important;
}
.align-r,
table.align-r th,
table.align-r td,
thead.align-r>tr>*,
tbody.align-r>tr>*,
tr.align-r>th,
tr.align-r>td {
    text-align: right !important;
}
.v-align-t,
table.v-align-t th,
table.v-align-t td,
thead.v-align-t>tr>*,
tbody.v-align-t>tr>*,
tr.v-align-t>th,
tr.v-align-t>td {
    vertical-align: top !important;
}
.v-align-m,
table.v-align-m th,
table.v-align-m td,
thead.v-align-m>tr>*,
tbody.v-align-m>tr>*,
tr.v-align-m>th,
tr.v-align-m>td {
    vertical-align: middle !important;
}
.v-align-b,
table.v-align-b th,
table.v-align-b td,
thead.v-align-b>tr>*,
tbody.v-align-b>tr>*,
tr.v-align-b>th,
tr.v-align-b>td {
    vertical-align: bottom !important;
}

/**
 * Word wrap
**/
.break-word {
    word-wrap: break-word !important;
    word-break: break-all !important;
}
.break-unit {
    word-wrap: break-word !important;
}
.break-letter .unit {
    display: inline-block;
}

/** --------------------------------------------------------
 * @class Common:Module:Layout
** ------------------------------------------------------ */

/**
 * .col-
**/
.col-row,
.col-2,
.col-3,
.col-4,
.col-5 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 24px);
    margin: 0 0 12px -24px;
}
.col-row>.col,
.col-row>li,
.col-2>.col,
.col-2>li,
.col-3>.col,
.col-3>li,
.col-4>.col,
.col-4>li,
.col-5>.col,
.col-5>li {
    padding-left: 24px;
}
.col-row>.col>*:first-child,
.col-row>li>*:first-child,
.col-2>.col>*:first-child,
.col-2>li>*:first-child,
.col-3>.col>*:first-child,
.col-3>li>*:first-child,
.col-4>.col>*:first-child,
.col-4>li>*:first-child,
.col-5>.col>*:first-child,
.col-5>li>*:first-child {
    margin-top: 0;
}
.col-row>.col>*:last-child,
.col-row>li>*:last-child,
.col-2>.col>*:last-child,

/*.col-2 > li > *:last-child,*/
.col-3>.col>*:last-child,

/*.col-3 > li > *:last-child,*/
.col-4>.col>*:last-child,

/*.col-4 > li > *:last-child,*/
.col-5>.col>*:last-child {
    /*.col-5 > li > *:last-child{*/
    
    margin-bottom: 0;
}
.col-row>.col,
.col-2>.col,
.col-3>.col,
.col-4>.col,
.col-5>.col {
    margin-top: 12px;
}
.col-row {
    width: calc(100% + 12px);
    margin: -12px 0 12px -12px;
}
.col-row>.col,
.col-row>li {
    -webkit-flex: 100% 0 0;
    flex: 100% 0 0;
    max-width: 100%;
    padding-left: 12px;
}
.col-row>.col .col-row>.col,
.col-row>.col .col-row>li,
.col-row>li .col-row>.col,
.col-row>li .col-row>li {
    padding-left: 12px;
}
.col-2>.col,
.col-2>li {
    width: 100%;
}
@media (max-width:768px),
print {
    .col-row,
    .col-2,
    .col-3,
    .col-4,
    .col-5 {
        margin-bottom: 0;
    }
}
@media (min-width:768px),
print {
    .col-2>.col,
    .col-2>li {
        -webkit-flex: 50% 0 0;
        flex: 50% 0 0;
        max-width: 50%;
    }
}
.col-3>.col,
.col-3>li {
    width: 100%;
}
@media (min-width:768px),
print {
    .col-3>.col,
    .col-3>li {
        -webkit-flex: 33.333333% 0 0;
        flex: 33.333333% 0 0;
        max-width: 33.333333%;
    }
}
.col-4>.col,
.col-4>li {
    width: 100%;
}
@media (min-width:768px),
print {
    .col-4>.col,
    .col-4>li {
        -webkit-flex: 25% 0 0;
        flex: 25% 0 0;
        max-width: 25%;
    }
}
.col-5>.col,
.col-5>li {
    width: 100%;
}
@media (min-width:768px),
print {
    .col-5>.col,
    .col-5>li {
        -webkit-flex: 20% 0 0;
        flex: 20% 0 0;
        max-width: 20%;
    }
}
[class^="col"]>.col-xs-1 {
    -webkit-flex: 8.333333% 0 0;
    flex: 8.333333% 0 0;
    max-width: 8.333333%;
}
[class^="col"]>.col-xs-offset-1 {
    margin-left: 8.333333%;
}
[class^="col"]>.col-xs-2 {
    -webkit-flex: 16.666667% 0 0;
    flex: 16.666667% 0 0;
    max-width: 16.666667%;
}
[class^="col"]>.col-xs-offset-2 {
    margin-left: 16.666667%;
}
[class^="col"]>.col-xs-3 {
    -webkit-flex: 25% 0 0;
    flex: 25% 0 0;
    max-width: 25%;
}
[class^="col"]>.col-xs-offset-3 {
    margin-left: 25%;
}
[class^="col"]>.col-xs-4 {
    -webkit-flex: 33.333333% 0 0;
    flex: 33.333333% 0 0;
    max-width: 33.333333%;
}
[class^="col"]>.col-xs-offset-4 {
    margin-left: 33.333333%;
}
[class^="col"]>.col-xs-5 {
    -webkit-flex: 41.666667% 0 0;
    flex: 41.666667% 0 0;
    max-width: 41.666667%;
}
[class^="col"]>.col-xs-offset-5 {
    margin-left: 41.666667%;
}
[class^="col"]>.col-xs-6 {
    -webkit-flex: 50% 0 0;
    flex: 50% 0 0;
    max-width: 50%;
}
[class^="col"]>.col-xs-offset-6 {
    margin-left: 50%;
}
[class^="col"]>.col-xs-7 {
    -webkit-flex: 58.333333% 0 0;
    flex: 58.333333% 0 0;
    max-width: 58.333333%;
}
[class^="col"]>.col-xs-offset-7 {
    margin-left: 58.333333%;
}
[class^="col"]>.col-xs-8 {
    -webkit-flex: 66.666667% 0 0;
    flex: 66.666667% 0 0;
    max-width: 66.666667%;
}
[class^="col"]>.col-xs-offset-8 {
    margin-left: 66.666667%;
}
[class^="col"]>.col-xs-9 {
    -webkit-flex: 75% 0 0;
    flex: 75% 0 0;
    max-width: 75%;
}
[class^="col"]>.col-xs-offset-9 {
    margin-left: 75%;
}
[class^="col"]>.col-xs-10 {
    -webkit-flex: 83.333333% 0 0;
    flex: 83.333333% 0 0;
    max-width: 83.333333%;
}
[class^="col"]>.col-xs-offset-10 {
    margin-left: 83.333333%;
}
[class^="col"]>.col-xs-11 {
    -webkit-flex: 91.666667% 0 0;
    flex: 91.666667% 0 0;
    max-width: 91.666667%;
}
[class^="col"]>.col-xs-offset-11 {
    margin-left: 91.666667%;
}
[class^="col"]>.col-xs-12 {
    -webkit-flex: 100% 0 0;
    flex: 100% 0 0;
    max-width: 100%;
}
[class^="col"]>.col-xs-offset-12 {
    margin-left: 100%;
}
@media (min-width:768px),
print {
    [class^="col"]>.col-sm-1 {
        -webkit-flex: 8.333333% 0 0;
        flex: 8.333333% 0 0;
        -webkit-flex: calc(100% * 1 / 12) 0 0;
        flex: calc(100% * 1 / 12) 0 0;
        max-width: 8.333333%;
    }
    
    [class^="col"]>.col-sm-offset-1 {
        margin-left: 8.333333%;
    }
    
    [class^="col"]>.col-sm-2 {
        -webkit-flex: 16.666667% 0 0;
        flex: 16.666667% 0 0;
        -webkit-flex: calc(100% * 2 / 12) 0 0;
        flex: calc(100% * 2 / 12) 0 0;
        max-width: 16.666667%;
    }
    
    [class^="col"]>.col-sm-offset-2 {
        margin-left: 16.666667%;
    }
    
    [class^="col"]>.col-sm-3 {
        -webkit-flex: 25% 0 0;
        flex: 25% 0 0;
        -webkit-flex: calc(100% * 3 / 12) 0 0;
        flex: calc(100% * 3 / 12) 0 0;
        max-width: 25%;
    }
    
    [class^="col"]>.col-sm-offset-3 {
        margin-left: 25%;
    }
    
    [class^="col"]>.col-sm-4 {
        -webkit-flex: 33.333333% 0 0;
        flex: 33.333333% 0 0;
        -webkit-flex: calc(100% * 4 / 12) 0 0;
        flex: calc(100% * 4 / 12) 0 0;
        max-width: 33.333333%;
    }
    
    [class^="col"]>.col-sm-offset-4 {
        margin-left: 33.333333%;
    }
    
    [class^="col"]>.col-sm-5 {
        -webkit-flex: 41.666667% 0 0;
        flex: 41.666667% 0 0;
        -webkit-flex: calc(100% * 5 / 12) 0 0;
        flex: calc(100% * 5 / 12) 0 0;
        max-width: 41.666667%;
    }
    
    [class^="col"]>.col-sm-offset-5 {
        margin-left: 41.666667%;
    }
    
    [class^="col"]>.col-sm-6 {
        -webkit-flex: 50% 0 0;
        flex: 50% 0 0;
        -webkit-flex: calc(100% * 6 / 12) 0 0;
        flex: calc(100% * 6 / 12) 0 0;
        max-width: 50%;
    }
    
    [class^="col"]>.col-sm-offset-6 {
        margin-left: 50%;
    }
    
    [class^="col"]>.col-sm-7 {
        -webkit-flex: 58.333333% 0 0;
        flex: 58.333333% 0 0;
        -webkit-flex: calc(100% * 7 / 12) 0 0;
        flex: calc(100% * 7 / 12) 0 0;
        max-width: 58.333333%;
    }
    
    [class^="col"]>.col-sm-offset-7 {
        margin-left: 58.333333%;
    }
    
    [class^="col"]>.col-sm-8 {
        -webkit-flex: 66.666667% 0 0;
        flex: 66.666667% 0 0;
        -webkit-flex: calc(100% * 8 / 12) 0 0;
        flex: calc(100% * 8 / 12) 0 0;
        max-width: 66.666667%;
    }
    
    [class^="col"]>.col-sm-offset-8 {
        margin-left: 66.666667%;
    }
    
    [class^="col"]>.col-sm-9 {
        -webkit-flex: 75% 0 0;
        flex: 75% 0 0;
        -webkit-flex: calc(100% * 9 / 12) 0 0;
        flex: calc(100% * 9 / 12) 0 0;
        max-width: 75%;
    }
    
    [class^="col"]>.col-sm-offset-9 {
        margin-left: 75%;
    }
    
    [class^="col"]>.col-sm-10 {
        -webkit-flex: 83.333333% 0 0;
        flex: 83.333333% 0 0;
        -webkit-flex: calc(100% * 10 / 12) 0 0;
        flex: calc(100% * 10 / 12) 0 0;
        max-width: 83.333333%;
    }
    
    [class^="col"]>.col-sm-offset-10 {
        margin-left: 83.333333%;
    }
    
    [class^="col"]>.col-sm-11 {
        -webkit-flex: 91.666667% 0 0;
        flex: 91.666667% 0 0;
        -webkit-flex: calc(100% * 11 / 12) 0 0;
        flex: calc(100% * 11 / 12) 0 0;
        max-width: 91.666667%;
    }
    
    [class^="col"]>.col-sm-offset-11 {
        margin-left: 91.666667%;
    }
    
    [class^="col"]>.col-sm-12 {
        -webkit-flex: 100% 0 0;
        flex: 100% 0 0;
        -webkit-flex: calc(100% * 12 / 12) 0 0;
        flex: calc(100% * 12 / 12) 0 0;
        max-width: 100%;
    }
    
    [class^="col"]>.col-sm-offset-12 {
        margin-left: 100%;
    }
}
@media (min-width:992px),
print {
    [class^="col"]>.col-md-1 {
        -webkit-flex: 8.333333% 0 0;
        flex: 8.333333% 0 0;
        max-width: 8.333333%;
    }
    
    [class^="col"]>.col-md-offset-1 {
        margin-left: 8.333333%;
    }
    
    [class^="col"]>.col-md-2 {
        -webkit-flex: 16.666667% 0 0;
        flex: 16.666667% 0 0;
        max-width: 16.666667%;
    }
    
    [class^="col"]>.col-md-offset-2 {
        margin-left: 16.666667%;
    }
    
    [class^="col"]>.col-md-3 {
        -webkit-flex: 25% 0 0;
        flex: 25% 0 0;
        max-width: 25%;
    }
    
    [class^="col"]>.col-md-offset-3 {
        margin-left: 25%;
    }
    
    [class^="col"]>.col-md-4 {
        -webkit-flex: 33.333333% 0 0;
        flex: 33.333333% 0 0;
        max-width: 33.333333%;
    }
    
    [class^="col"]>.col-md-offset-4 {
        margin-left: 33.333333%;
    }
    
    [class^="col"]>.col-md-5 {
        -webkit-flex: 41.666667% 0 0;
        flex: 41.666667% 0 0;
        max-width: 41.666667%;
    }
    
    [class^="col"]>.col-md-offset-5 {
        margin-left: 41.666667%;
    }
    
    [class^="col"]>.col-md-6 {
        -webkit-flex: 50% 0 0;
        flex: 50% 0 0;
        max-width: 50%;
    }
    
    [class^="col"]>.col-md-offset-6 {
        margin-left: 50%;
    }
    
    [class^="col"]>.col-md-7 {
        -webkit-flex: 58.333333% 0 0;
        flex: 58.333333% 0 0;
        max-width: 58.333333%;
    }
    
    [class^="col"]>.col-md-offset-7 {
        margin-left: 58.333333%;
    }
    
    [class^="col"]>.col-md-8 {
        -webkit-flex: 66.666667% 0 0;
        flex: 66.666667% 0 0;
        max-width: 66.666667%;
    }
    
    [class^="col"]>.col-md-offset-8 {
        margin-left: 66.666667%;
    }
    
    [class^="col"]>.col-md-9 {
        -webkit-flex: 75% 0 0;
        flex: 75% 0 0;
        max-width: 75%;
    }
    
    [class^="col"]>.col-md-offset-9 {
        margin-left: 75%;
    }
    
    [class^="col"]>.col-md-10 {
        -webkit-flex: 83.333333% 0 0;
        flex: 83.333333% 0 0;
        max-width: 83.333333%;
    }
    
    [class^="col"]>.col-md-offset-10 {
        margin-left: 83.333333%;
    }
    
    [class^="col"]>.col-md-11 {
        -webkit-flex: 91.666667% 0 0;
        flex: 91.666667% 0 0;
        max-width: 91.666667%;
    }
    
    [class^="col"]>.col-md-offset-11 {
        margin-left: 91.666667%;
    }
    
    [class^="col"]>.col-md-12 {
        -webkit-flex: 100% 0 0;
        flex: 100% 0 0;
        max-width: 100%;
    }
    
    [class^="col"]>.col-md-offset-12 {
        margin-left: 100%;
    }
}
@media (min-width:1120px),
print {
    [class^="col"]>.col-lg-1 {
        -webkit-flex: 8.333333% 0 0;
        flex: 8.333333% 0 0;
        max-width: 8.333333%;
    }
    
    [class^="col"]>.col-lg-offset-1 {
        margin-left: 8.333333%;
    }
    
    [class^="col"]>.col-lg-2 {
        -webkit-flex: 16.666667% 0 0;
        flex: 16.666667% 0 0;
        max-width: 16.666667%;
    }
    
    [class^="col"]>.col-lg-offset-2 {
        margin-left: 16.666667%;
    }
    
    [class^="col"]>.col-lg-3 {
        -webkit-flex: 25% 0 0;
        flex: 25% 0 0;
        max-width: 25%;
    }
    
    [class^="col"]>.col-lg-offset-3 {
        margin-left: 25%;
    }
    
    [class^="col"]>.col-lg-4 {
        -webkit-flex: 33.333333% 0 0;
        flex: 33.333333% 0 0;
        max-width: 33.333333%;
    }
    
    [class^="col"]>.col-lg-offset-4 {
        margin-left: 33.333333%;
    }
    
    [class^="col"]>.col-lg-5 {
        -webkit-flex: 41.666667% 0 0;
        flex: 41.666667% 0 0;
        max-width: 41.666667%;
    }
    
    [class^="col"]>.col-lg-offset-5 {
        margin-left: 41.666667%;
    }
    
    [class^="col"]>.col-lg-6 {
        -webkit-flex: 50% 0 0;
        flex: 50% 0 0;
        max-width: 50%;
    }
    
    [class^="col"]>.col-lg-offset-6 {
        margin-left: 50%;
    }
    
    [class^="col"]>.col-lg-7 {
        -webkit-flex: 58.333333% 0 0;
        flex: 58.333333% 0 0;
        max-width: 58.333333%;
    }
    
    [class^="col"]>.col-lg-offset-7 {
        margin-left: 58.333333%;
    }
    
    [class^="col"]>.col-lg-8 {
        -webkit-flex: 66.666667% 0 0;
        flex: 66.666667% 0 0;
        max-width: 66.666667%;
    }
    
    [class^="col"]>.col-lg-offset-8 {
        margin-left: 66.666667%;
    }
    
    [class^="col"]>.col-lg-9 {
        -webkit-flex: 75% 0 0;
        flex: 75% 0 0;
        max-width: 75%;
    }
    
    [class^="col"]>.col-lg-offset-9 {
        margin-left: 75%;
    }
    
    [class^="col"]>.col-lg-10 {
        -webkit-flex: 83.333333% 0 0;
        flex: 83.333333% 0 0;
        max-width: 83.333333%;
    }
    
    [class^="col"]>.col-lg-offset-10 {
        margin-left: 83.333333%;
    }
    
    [class^="col"]>.col-lg-11 {
        -webkit-flex: 91.666667% 0 0;
        flex: 91.666667% 0 0;
        max-width: 91.666667%;
    }
    
    [class^="col"]>.col-lg-offset-11 {
        margin-left: 91.666667%;
    }
    
    [class^="col"]>.col-lg-12 {
        -webkit-flex: 100% 0 0;
        flex: 100% 0 0;
        max-width: 100%;
    }
    
    [class^="col"]>.col-lg-offset-12 {
        margin-left: 100%;
    }
}

/**
 * .lyt-nallow
**/
.lyt-nallow {
    margin: 30px 0;
}
.lyt-nallow .toggle-02 {
    margin: 20px 0;
}
@media (min-width:768px),
print {
    .lyt-nallow {
        margin: 50px 50px;
    }
    
    .lyt-nallow .toggle-02 {
        margin: 50px 0;
    }
}
@media (min-width:992px),
print {
    .lyt-nallow {
        margin: 50px 85px;
    }
    
    .lyt-nallow .toggle-02 {
        margin: 50px 0;
    }
}

/**
 * .lyt-profile
**/
.lyt-profile .expandable-drawer .follow {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.lyt-profile .expandable-drawer .follow .hdg {
    font-weight: 300;
    font-size: 20px;
    margin: 0;
    padding: 0;
}
.lyt-profile .expandable-drawer .follow .hdg::before {
    content: none;
}
.lyt-profile .expandable-drawer .follow .list {
    display: -webkit-flex;
    display: flex;
    margin: 0;
}
.lyt-profile .expandable-drawer .follow .list li {
    margin: 0 0 0 10px;
}
.lyt-profile .expandable-drawer .follow .list a {
    display: block;
}
.lyt-profile .expandable-drawer .follow .list img {
    width: 26px;
}
.lyt-profile .expandable-drawer>.more {
    padding: 15px;
}
.lyt-profile .expandable-drawer>.more p,
.lyt-profile .expandable-drawer>.more ul,
.lyt-profile .expandable-drawer>.more ol,
.lyt-profile .expandable-drawer>.more table {
    margin: 0 0 30px;
}
@media (min-width:768px),
print {
    .lyt-profile {
        max-width: 1000px;
        margin: 0 auto 20px;
    }
    
    .lyt-profile .expandable-drawer {
        margin: 0 0 20px;
        border: 0;
    }
    
    .lyt-profile .expandable-drawer.open .hook {
        border: 1px solid #01916d;
    }
    
    .lyt-profile .expandable-drawer>.hook {
        border: 1px solid #c1c1c1;
    }
    
    .lyt-profile .expandable-drawer>.more {
        background: #f5f5f5;
        padding: 15px 30px;
    }
}

/** --------------------------------------------------------
 * @class Common:Module:Form
** ------------------------------------------------------ */

/**
 * define
**/
label {
    font-size: 18px;
    font-weight: 400;
}
label>* {
    font-size: 18px;
    font-weight: 300;
}
@media (min-width:768px),
print {
    label>* {
        font-size: 16px;
    }
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}
input[type="text"],
input[type="search"] {
    -webkit-appearance: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="number"],
select,
textarea {
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s;
    max-width: 100%;
    padding: 10px;
    border: 1px solid #c1c1c1;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="number"],
select {
    vertical-align: middle;
    height: 36px;
    margin: 2px 0;
    padding: 0 10px;
}
select {
    padding-right: 0;
}
textarea {
    margin: 2px 0;
}
input[type="radio"],
input[type="checkbox"] {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin: 0 5px 0 0;
}

/**
 * .form-list
**/
.form-list,
.form-list-01 {
    margin-bottom: 0;
}
.form-list label,
.form-list-01 label {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 0;
}
.form-list-01>li {
    display: inline-block;
    vertical-align: middle;
}
.form-list-01>li:not(:last-child) {
    margin: 0 30px 0 0;
}
.form-list-01>li .btn-01 {
    margin: 0;
}
.form-list-02 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.form-list-02>* {
    -webkit-flex: 0 0 1;
    flex: 0 0 1;
    min-width: 0 !important;
    max-width: 100%;
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.form-list-02 .action {
    white-space: nowrap;
    min-width: 130px !important;
    height: 36px;
    margin: 2px 0;
    line-height: 26px;
}
@media (min-width:768px),
print {
    .form-list-02 {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .form-list-02>* {
        width: auto;
        min-width: auto !important;
    }
}
@-moz-document url-prefix() {
    @media (min-width: 768px), print {
        .form-list-02 > * {
            min-width: 0 !important;
        }
        .form-list-02>*.action {
            min-width: auto !important;
        }
    }
}

/**
 * .form-w
**/
.form-w10 {
    width: 10%;
    min-width: 100px;
}
.form-w30 {
    width: 30%;
    min-width: 150px;
}
.form-w50 {
    width: 50%;
    min-width: 200px;
}
.form-w80 {
    width: 80%;
    min-width: 250px;
}

/**
 * .icon-required
**/
.icon-required {
    position: relative;
}
.icon-required::before {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: #01916d;
    margin: 0 4px;
    content: "*";
}
.icon-required span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
}

/** --------------------------------------------------------
 * @class Common:Module:Connection
** ------------------------------------------------------ */
.generate-news+p .link+img.v-align-m {
    margin: -1px 0 0 5px;
}
.col-row>.col>.info>h2 {
    margin-top: 0;
}

/*
ff_common.css_for_v6.3
*/

/*==============
container
==============*/
.container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
}
@media print,
screen and (min-width: 768px) {
    .container {
        max-width: 1184px;
    }
}
.container dl {
    padding-top: 15px;
}
@media print,
screen and (min-width: 768px) {
    .space-between {
        display: flex;
        justify-content: space-between;
    }
}

/*==========
header
==========*/

/*
m-global-header
*/
.m-global-header {
    position: relative;
    background-color: #fff;
    z-index: 400;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    margin-bottom: 30px;
}
.m-global-header__region {
    color: #9b9b9b;
}
.m-global-header__global-link {
    text-decoration: none;
}
.m-global-header__global-link:hover,
.m-global-header__global-link:active,
.m-global-header__global-link:focus {
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .m-global-header__global-link:not(:last-child) {
        margin-right: 15px;
    }
}
.m-global-header__global-link>span {
    color: #9b9b9b;
    font-size: 12px;
}
.m-global-header__global-link>img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
}
.m-global-header__search {
    position: absolute;
    display: flex;
}
.m-global-header__search>input:focus {
    outline: none;
}
.m-global-header__search>input:focus+button:after {
    color: #333;
}
.m-global-header__search>input::-webkit-input-placeholder,
.m-global-header__search>input::-moz-placeholder,
.m-global-header__search>input::-ms-placeholder,
.m-global-header__search>input::placeholder {
    color: #CCCCCC;
}
.m-global-header__search>button:after {
    content: '';
    color: #707070;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../images/icon_search.svg) 7px 7px no-repeat;
    background-position: right 0 top 5px;
    ;
    width: 16px;
    height: 28px;
}
@media print,
screen and (min-width: 768px) {
    .m-global-header__utils {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }
    
    .m-global-header__utils .container {
        position: relative;
    }
    
    .m-global-header__search {
        top: -80px;
        right: 32px;
        height: 48px;
        background-color: #f6f6f6;
        margin: 0;
    }
    
    .m-global-header__search>input[type="search"] {
        height: 100%;
        background-color: transparent;
        border: 1px solid transparent;
        text-indent: 16px;
        width: 200px;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    
    .m-global-header__search>input[type="search"]:focus {
        box-shadow: none;
    }
    
    .m-global-header__search>input:focus {
        background-color: #fff;
        border-bottom: 1px solid #000;
    }
    
    .m-global-header__search>input:focus+button {
        background-color: #fff;
        border-bottom: 1px solid #000;
    }
    
    .m-global-header__search>button {
        width: 40px;
        height: 48px;
        border: 1px solid transparent;
        padding: 5px 8px 8px 8px;
        position: relative;
        background-color: transparent;
    }
    
    .m-global-header__links {
        position: absolute;
        top: -80px;
        right: 297px;
        padding-top: 10px;
    }
    
    .m-global-header__links>* {
        margin-left: 16px;
    }
}
@media screen and (max-width: 767px) {
    .m-global-header__links {
        padding-bottom: 32px;
    }
    
    .m-global-header__search {
        top: 0;
        left: 0;
        width: 100%;
        padding: 16px;
        border-bottom: 1px solid #CCCCCC;
    }
    
    .m-global-header__search>input[type="search"] {
        border: 0;
        height: 48px;
        background-color: #fff;
        flex: 1;
        text-indent: 16px;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    
    .m-global-header__search>input[type="search"]:focus {
        box-shadow: none;
    }
    
    .m-global-header__search>button {
        background-color: #fff;
        width: 48px;
        height: 48px;
        border: 0;
        padding: 2px 10px 4px 8px;
        position: relative;
    }
    
    .m-global-header__search>button:after {
        font-size: 24px;
    }
}
.m-global-header__head {
    height: 80px;
    border-bottom: 1px solid #dcdcdc;
}
.m-global-header__head .container {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}
@media print,
screen and (min-width: 768px) {
    .m-global-header__logo {
        margin-right: 16px;
        min-width: 152px;
    }
    
    .m-global-header__logo img {
        height: 42px;
        width: auto;
    }
    
    .m-global-header__region {
        font-size: 14px;
        padding-right: 380px;
    }
    
    .m-global-header__toggle {
        display: none;
    }
    
    .m-global-header__menu {
        position: relative;
    }
}
@media screen and (max-width: 767px) {
    .m-global-header .container {
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .m-global-header__head {
        padding-top: 24px;
        height: 64px;
        z-index: 1;
        position: relative;
        background-color: #fff;
    }
    
    .m-global-header__logo {
        height: 30px;
        flex-shrink: 0;
    }
    
    .m-global-header__logo img {
        width: auto;
        height: 100%;
    }
    
    .m-global-header__region {
        font-size: 10px;
        margin-left: 12px;
        margin-right: 22px;
    }
    
    .m-global-header__toggle {
        position: absolute;
        top: 8px;
        right: 2px;
        width: 48px;
        height: 48px;
        background: none;
        border: 0;
        z-index: 1;
        outline: none !important;
    }
    
    .m-global-header__toggle:before,
    .m-global-header__toggle:after,
    .m-global-header__toggle span {
        content: "";
        display: block;
        background-color: #000;
        width: 24px;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s;
    }
    
    .m-global-header__toggle:before {
        transform: translate(-50%, -7px);
    }
    
    .m-global-header__toggle:after {
        transform: translate(-50%, 7px);
    }
    
    .m-global-header__toggle[data-global-header="open"]:before,
    .m-global-header__toggle[data-global-header="open"]:after,
    .m-global-header__toggle[data-global-header="open"] span {
        width: 27px;
    }
    
    .m-global-header__toggle[data-global-header="open"]:before {
        transform: translateX(-50%) rotate(45deg);
    }
    
    .m-global-header__toggle[data-global-header="open"]:after {
        transform: translateX(-50%) rotate(-45deg);
    }
    
    .m-global-header__toggle[data-global-header="open"] span {
        width: 0;
    }
    
    .m-global-header__menu {
        background-color: #f6f6f6;
        position: fixed;
        left: 0;
        width: 100%;
        height: calc(100% - 64px);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        will-change: transform;
        transform: translateY(-98%);
        visibility: hidden;
        margin-top: -3%;
        transition: visibility 0s linear 0.6s, margin-top 0.3s ease-out 0.35s, transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    }
    
    [data-global-header="open"]+.m-global-header__menu {
        transform: translateY(0);
        visibility: visible;
        margin-top: 0;
        transition: visibility 0s linear 0s, margin-top 0s linear 0s, transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    }
}
@media print {
    .m-global-header {
        box-shadow: none;
    }
    
    .m-global-header__menu {
        display: none;
    }
}

/*
.m-global-menu
*/
@media screen and (max-width: 767px) {
    .m-global-menu__wrap {
        height: auto !important;
    }
    
    .m-global-menu__list {
        margin-bottom: 0;
    }
    
    .m-global-menu__list>li {
        border-bottom: 1px solid #cccccc;
    }
    
    .m-global-menu__list>li>a {
        font-size: 22px;
        display: block;
        line-height: 32px;
        text-decoration: none;
        padding-top: 18.4px;
        padding-bottom: 13.6px;
        padding-left: 4px;
    }
    
    .m-global-menu__list>li:not(.m-global-menu--sp-open) .m-global-menu__sub-menu {
        display: none;
    }
    
    .m-global-menu--current>a {
        color: #8c8c8c;
    }
    
    .m-global-menu__link {
        color: #333;
        text-decoration: none;
        display: block;
        line-height: 64px;
    }
    
    .m-global-menu__link:hover {
        color: #333;
    }
    
    .m-global-menu__sub-menu__top {
        display: none;
    }
}
ul.m-global-menu__list {
    margin-top: 0;
}
@media print,
screen and (min-width: 768px) {
    .m-global-menu {
        position: relative;
        height: 40px;
        padding-top: 0 !important;
    }
    
    .m-global-menu:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #000;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.4s linear, visibility 0s linear 0.4s;
    }
    
    .m-global-menu__wrap {
        height: 100%;
        overflow: hidden;
        transition: height 0.4s linear;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
    }
    
    .m-global-menu__list {
        padding-left: 0;
        list-style: none;
        display: inline-flex;
        margin-bottom: 0;
    }
    
    .m-global-menu__list>li {
        padding: 0 8px;
    }
    
    .m-global-menu__list>li:first-child {
        padding-left: 0;
    }
    
    .m-global-menu__list>li>a {
        display: inline-block;
        line-height: 34px;
        padding-top: 3px;
        border-bottom: 3px solid #fff;
    }
    
    .m-global-menu--current>a,
    .m-global-menu:hover>a {
        border-bottom-color: #01916d !important;
    }
    
    .m-global-menu__link {
        color: #333;
        text-decoration: none;
    }
    
    .m-global-menu__sub-menu {
        position: absolute;
        left: 0;
        width: 100%;
        visibility: hidden;
        transition: visibility 0s linear 0.4s;
    }
    
    .m-global-menu[data-js-global-menu="hover"]:before {
        visibility: visible;
        opacity: 0.3;
        transition: opacity 0.4s linear, visibility 0s linear 0s;
    }
    
    .m-global-menu__list>li:hover {
        z-index: 1;
    }
    
    .m-global-menu__list>li:hover>a {
        border-bottom: 3px solid #01916d;
        text-decoration: none;
    }
    
    .m-global-menu__list>li:hover .m-global-menu__sub-menu {
        visibility: visible;
        transition: visibility 0s linear 0s;
    }
    
    .m-global-menu__list>li:hover .c-category-menu__top {
        opacity: 1;
    }
    
    .m-global-menu__list>li:hover .c-category-menu__item {
        opacity: 1;
    }
}

/*
旧flyout
*/
.m-global-menu__sub-menu .box {
    margin: 10px;
}
.m-global-menu__sub-menu .box .link-list.col-2>li {
    padding: 0;
}
.m-global-menu__sub-menu .box .link-list a {
    padding-left: 0;
    border: 0;
}
.m-global-menu__sub-menu .container>dl {
    margin: 0;
}
.m-global-menu__sub-menu .container>dl em {
    font-weight: bold;
    display: block;
    padding: 9px 20px;
}
.m-global-menu__sub-menu .container>dl>dt>a {
    font-weight: 400;
    line-height: 1.35;
    position: relative;
    display: block;
    padding: 9px 20px 9px 0px;
}
.m-global-menu__sub-menu .container>dl>dt>a::after {
    /*-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);*/
    
    font-family: Arial;
    font-size: 90%;
    text-decoration: none;
    color: #01916d;
    position: relative;
    /*top:50%;*/
    
    right: -5px;
    display: inline-block;
    content: "\0000a0\276F";
}
.m-global-menu__sub-menu .container>dl>dt>a:hover,
.m-global-menu__sub-menu .container>dl>dt>a:focus,
.m-global-menu__sub-menu .container>dl>dt>a:active {
    color: #01916d;
    text-decoration: none;
}
.m-global-menu__sub-menu .container>dl>dd {
    margin: 0;
}
.m-global-menu__sub-menu dl>dd>ul,
.m-global-menu__sub-menu dl>dd>ol {
    margin: 0;
    width: 100%;
}
.m-global-menu__sub-menu dl>dd>.link-list {
    margin-left: 16px;
}
.m-global-menu__sub-menu dl>dd>.link-block-02>li {
    padding: 8px 0 0;
    min-height: 48px;
}
.m-global-menu__sub-menu dl>dd>.link-block-02>li:last-child {
    margin-bottom: 20px;
}
.m-global-menu__sub-menu dl>dd>.link-block-02>li>a {
    border-radius: 2px;
    padding: 8px 16px;
    border: 1px solid transparent;
    background-color: #333;
    color: #fff;
    transition-property: background-color, color;
    transition-duration: 0.4s, 0.4s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1), cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0s, 0s;
}
.m-global-menu__sub-menu dl>dd>.link-block-02>li>a:hover,
.m-global-menu__sub-menu dl>dd>.link-block-02>li>a:focus {
    background-color: #01916d;
    color: #fff;
    text-decoration: none;
}
.m-global-menu__sub-menu dl>dd>.link-block-02>li>a:after {
    content: none;
}
.m-global-menu__sub-menu .container>dl>dd>dl>dt {
    padding: 9px 30px 9px 20px;
    border-top: 1px solid #e3e3e3;
}
.m-global-menu__sub-menu .container>dl>dd>dl>dd {
    margin: 0;
}
.m-global-menu__sub-menu .container>dl>dd>dl>dd .link-list.col-2 li {
    padding: 0;
}
.m-global-menu__sub-menu .container>dl>dd .col-2,
.m-global-menu__sub-menu .container>dl>dd .col-3 {
    width: 100%;
    margin: 0;
}
.m-global-menu__sub-menu .container>dl>dd .col-2>.col,
.m-global-menu__sub-menu .container>dl>dd .col-3>.col {
    margin: 0;
    padding: 0;
}
.m-global-menu__sub-menu .container>dl>dd .col-2>.col>dl>dt,
.m-global-menu__sub-menu .container>dl>dd .col-3>.col>dl>dt {
    line-height: 1.35;
    padding: 9px 30px 9px 20px;
}
.m-global-menu__sub-menu .container>dl>dd .col-2>.col>dl>dd,
.m-global-menu__sub-menu .container>dl>dd .col-3>.col>dl>dd {
    margin: 0;
}
.m-global-menu__sub-menu .container>dl>dd .col-2>.col>dl>dd .image-left,
.m-global-menu__sub-menu .container>dl>dd .col-3>.col>dl>dd .image-left {
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0 0 0 20px;
}
.m-global-menu__sub-menu .container>dl>dd .col-2>.col>dl>dd .image-left>.col,
.m-global-menu__sub-menu .container>dl>dd .col-3>.col>dl>dd .image-left>.col {
    -webkit-flex: 1 0 1%;
    flex: 1 0 1%;
}
.m-global-menu__sub-menu .container>dl>dd .col-2>.col>dl>dd .image-left>.image,
.m-global-menu__sub-menu .container>dl>dd .col-3>.col>dl>dd .image-left>.image {
    min-width: 65px;
    margin: 0 20px 10px 0;
}
.m-global-menu__sub-menu .container>dl>dd .col-2>.col>dl>dd .image-left .link-list a,
.m-global-menu__sub-menu .container>dl>dd .col-3>.col>dl>dd .image-left .link-list a {
    padding-left: 0;
}
.m-global-menu__sub-menu .container>dl>dd .col-2>.col .inquiry,
.m-global-menu__sub-menu .container>dl>dd .col-3>.col .inquiry {
    display: none;
}
.m-global-menu__sub-menu .container>dl>dd .link-list a {
    font-weight: 400;
    line-height: 1.35;
    color: #000;
    position: relative;
    display: block;
    padding: 2px 0;
}
.m-global-menu__sub-menu .container>dl>dd .link-list a::after {
    display: none;
}
@media (min-width:768px),
print {
    .m-global-menu__sub-menu {
        left: 0;
        padding: 20px 0;
    }
    
    .m-global-menu__sub-menu. .link-list {
        margin: 0;
    }
    
    .m-global-menu__sub-menu. .link-list>li>a {
        padding: 10px 0;
    }
    
    .m-global-menu__sub-menu. .link-list>li>a::after {
        display: inline-block;
    }
    
    .m-global-menu__sub-menu .link-return {
        display: none;
    }
    
    .m-global-menu__sub-menu .box {
        margin: 0;
    }
    
    .m-global-menu__sub-menu .container>dl {
        width: 100%;
        max-width: 1120px;
        height: auto !important;
        margin: 0 auto;
    }
    
    .m-global-menu__sub-menu .container>dl>dt>a {
        font-size: 18px;
        display: inline-block;
        padding: 0;
    }
    
    .m-global-menu__sub-menu .container>dl>dt>a::before {
        left: 0;
    }
    
    .m-global-menu__sub-menu .container>dl>dd>.link-list {
        padding-top: 10px;
    }
    
    .m-global-menu__sub-menu .container>dl>dd>.link-list li a {
        padding: 2px 0;
        border: 0;
    }
    
    .m-global-menu__sub-menu .container>dl>dd>dl>dt {
        margin: 0 0 10px;
        padding: 10px 0;
        border-top: 0;
    }
    
    .m-global-menu__sub-menu .container>dl>dd>dl>dd .link-list a {
        padding: 3px 0;
        border: 0;
    }
    
    .m-global-menu__sub-menu .container>dl>dd>dl>dd .col-2,
    .m-global-menu__sub-menu .container>dl>dd>dl>dd .col-3 {
        margin-left: 0;
    }
    
    .m-global-menu__sub-menu .container>dl>dd .col-2,
    .m-global-menu__sub-menu .container>dl>dd .col-3 {
        width: auto;
        margin: 0 0 12px -40px;
    }
    
    .m-global-menu__sub-menu .container>dl>dd .col-2>.col,
    .m-global-menu__sub-menu .container>dl>dd .col-3>.col {
        padding: 12px 0 0 40px;
    }
    
    .m-global-menu__sub-menu .container>dl>dd .col-2>.col:not( :last-child),
    .m-global-menu__sub-menu .container>dl>dd .col-3>.col:not( :last-child) {
        padding-right: 50px;
    }
    
    .m-global-menu__sub-menu .container>dl>dd .col-2>.col .col-2>.col,
    .m-global-menu__sub-menu .container>dl>dd .col-3>.col .col-2>.col {
        padding-top: 0;
        padding-right: 0;
    }
    
    .m-global-menu__sub-menu .container>dl>dd .col-2>.col .col-2>.col,
    .m-global-menu__sub-menu .container>dl>dd .col-3>.col .col-2>.col {
        padding-top: 0;
    }
    
    .m-global-menu__sub-menu .container>dl>dd .col-2>.col>dl dt,
    .m-global-menu__sub-menu .container>dl>dd .col-3>.col>dl dt {
        margin: 0 0 10px;
        padding: 0 0 10px;
    }
    
    .m-global-menu__sub-menu .container>dl>dd .col-2>.col .inquiry,
    .m-global-menu__sub-menu .container>dl>dd .col-3>.col .inquiry {
        display: block;
        background-color: #fff;
        border: 4px solid #8c8c8c;
    }
    
    .m-global-menu__sub-menu .container>dl>dd .col-2>.col .inquiry .btn-02,
    .m-global-menu__sub-menu .container>dl>dd .col-3>.col .inquiry .btn-02 {
        text-align: center;
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }
    
    .m-global-menu__sub-menu .container>dl>dd .col-2>.col .inquiry .btn-02 a,
    .m-global-menu__sub-menu .container>dl>dd .col-3>.col .inquiry .btn-02 a {
        min-width: 100%;
    }
    
    .m-global-menu__sub-menu .container>dl>dd .col-2 .link-list li a,
    .m-global-menu__sub-menu .container>dl>dd .col-3 .link-list li a {
        padding: 2px 0;
        border: 0;
    }
}
.m-global-menu__sub-menu .m-global-menu__sub-menu-socialbtn .list-socialbtn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    height: 20px;
}
.m-global-menu__sub-menu .m-global-menu__sub-menu-socialbtn .list-socialbtn>li {
    margin: 0 7px 0 8px;
}
.m-global-menu__sub-menu .m-global-menu__sub-menu-socialbtn .list-socialbtn>li>a {
    line-height: 20px;
    height: auto;
    margin: 0;
    padding: 0;
}
.m-global-menu__sub-menu .m-global-menu__sub-menu-socialbtn .list-socialbtn>li>a span {
    display: none;
}
.m-global-menu__sub-menu .m-global-menu__sub-menu-socialbtn .list-socialbtn>li>a img {
    line-height: 20px !important;
    width: 20px !important;
    height: 20px !important;
}
.m-global-menu__sub-menu .m-global-menu__sub-menu-socialbtn .list-socialbtn>li>a::before {
    display: none;
}
.m-global-menu__sub-menu .m-global-menu__sub-menu-addthis .list-addthis {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
}
.m-global-menu__sub-menu .m-global-menu__sub-menu-addthis .list-addthis>li {
    margin: 0 7px 0 8px;
}
.m-global-menu__sub-menu .m-global-menu__sub-menu-addthis .list-addthis>li>a {
    line-height: 20px;
    height: auto;
    margin: 0;
    padding: 0;
}
.m-global-menu__sub-menu .m-global-menu__sub-menu-addthis .list-addthis>li>a .at-icon-wrapper,
.m-global-menu__sub-menu .m-global-menu__sub-menu-addthis .list-addthis>li>a .at-icon-wrapper svg {
    line-height: 20px !important;
    width: 20px !important;
    height: 20px !important;
}
.m-global-menu__sub-menu .m-global-menu__sub-menu-addthis .list-addthis>li>a::before {
    display: none;
}

/*
c-category-menu__item
*/
.c-category-menu__item {
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.m-global-menu__list>li:hover .c-category-menu__item {
    opacity: 1;
}

/*
nav-gray
*/
.nav-gray>.m-global-header__menu>.m-global-menu>.m-global-menu__wrap {
    background-color: #4a4a4a;
}
.nav-gray>.m-global-header__menu>.m-global-menu>.m-global-menu__wrap .m-global-menu__sub-menu {
    background-color: #fff;
}
.nav-gray>.m-global-header__menu .m-global-menu__list>.m-global-menu__item>.m-global-menu__link {
    color: #fff;
    border-bottom: 3px solid #4a4a4a;
}
.nav-gray>.m-global-header__menu .m-global-menu__list>.m-global-menu__item:hover .m-global-menu__link {
    border-bottom: 3px solid #fff;
}
@media screen and (max-width: 767px) {
    .nav-gray.m-global-header>.m-global-header__head>.container {
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        height: 100%;
    }
    
    .nav-gray>.m-global-header__head {
        padding-top: 0;
        height: 83px;
        border-bottom-color: #4a4a4a;
    }
    
    .nav-gray .m-global-header__logo {
        margin-left: 16px;
    }
    
    .nav-gray .m-global-header__logo img {
        height: 16px;
        vertical-align: middle;
    }
    
    .nav-gray .m-global-header__region {
        font-size: 16px;
        padding-left: 16px;
        padding-right: 40px;
        line-height: 53px;
        width: 100%;
        vertical-align: middle;
        display: flex;
        align-items: center;
        margin-left: 0;
    }
    
    .nav-gray .m-global-header__toggle {
        top: 30px;
    }
    
    .nav-gray>.m-global-header__menu {
        background-color: #4a4a4a;
    }
    
    .nav-gray .m-global-header__region {
        background-color: #4a4a4a;
        color: #fff;
    }
    
    .nav-gray .m-global-header__toggle:before,
    .nav-gray .m-global-header__toggle:after,
    .nav-gray .m-global-header__toggle span {
        background-color: #fff;
    }
}

/*==========
footer
==========*/
.m-global-footer__wrap {
    background-color: #333;
    color: #fff;
    margin-top: 45px;
}
.m-global-footer__wrap .c-container>*:first-child {
    border-top: 0;
    padding-top: 40px;
}
.m-global-footer__wrap .c-container>*:last-child {
    margin-bottom: 48px;
}
.m-global-footer__wrap .c-sns-links {
    padding-top: 16px;
    padding-bottom: 16px;
}
@media screen and (max-width: 767px) {
    .m-global-footer__wrap .c-container>*:last-child {
        margin-bottom: 16px;
    }
}

/*
m-footer-links
*/
.m-footer-links {
    border-bottom: 1px solid #707070;
    padding-bottom: 40px;
}
.m-footer-links+.m-footer-sitemap {
    border-top: 0;
}
.m-footer-links__title {
    margin-top: 0;
    margin-bottom: 8px;
}
.m-footer-links__label {
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 0;
}
.m-footer-links__link {
    color: #dcdcdc;
    text-decoration: none;
    display: block;
}
.m-footer-links__link p {
    color: #dcdcdc;
}
@media print,
screen and (min-width: 768px) {
    .m-footer-links__link img {
        background-color: #fff;
    }
    
    .m-footer-links__link:hover {
        color: #fff;
        text-decoration: none;
    }
    
    .m-footer-links__link:hover p {
        color: #fff;
    }
    
    .m-footer-links__link:hover img {
        filter: brightness(1.2);
    }
}
@media screen and (max-width: 767px) {
    .m-footer-links__label {
        display: none;
    }
}

/*
m-footer-sitemap
*/
.m-footer-sitemap {
    border-top: 1px solid #707070;
    padding-top: 40px;
    line-height: 1.33;
}
.m-footer-sitemap a {
    text-decoration: none;
    color: #dcdcdc;
}
.m-footer-sitemap__head {
    margin-top: 0;
}
.m-footer-sitemap__body {
    margin-bottom: 0;
    padding-left: 16px;
}
.m-footer-sitemap__body>li {
    margin-bottom: 5px;
}
.m-footer-sitemap__group>p {
    text-decoration: #8c8c8c;
}
.m-footer-sitemap__group>ul {
    padding-left: 16px;
}
@media print,
screen and (min-width: 768px) {
    .m-footer-sitemap a:hover {
        color: #fff;
        text-decoration: underline;
    }
    
    .m-footer-sitemap li {
        font-size: 14px;
        padding-top: 1px;
        padding-bottom: 8px;
    }
    
    .m-footer-sitemap__category+.m-footer-sitemap__category {
        margin-top: 16px;
    }
    
    .m-footer-sitemap__body>li {
        margin-bottom: 5px;
    }
    
    .m-footer-sitemap__to-top {
        display: none;
    }
    
    .m-footer-sitemap__group>p {
        font-size: 12px;
        margin-bottom: 8px;
    }
    
    .m-footer-sitemap__group>ul {
        padding-left: 16px;
    }
}
@media screen and (max-width: 767px) {
    .m-footer-sitemap {
        padding-top: 32px;
        padding-bottom: 16px;
    }
    
    .m-footer-sitemap a {
        display: block;
        width: 100%;
    }
    
    .m-footer-sitemap li {
        font-size: 14px;
        padding-top: 1px;
        padding-bottom: 1px;
    }
    
    .m-footer-sitemap__category {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    
    .m-footer-sitemap__head {
        position: relative;
        line-height: 37px;
        margin-bottom: 0;
    }
    
    .m-footer-sitemap__body {
        margin-bottom: 0;
    }
    
    .m-footer-sitemap__body>li {
        margin-bottom: 0;
        line-height: 31px;
    }
    
    .m-footer-sitemap__group>p {
        font-size: 12px;
        margin-bottom: 8px;
        line-height: 22px;
    }
    
    .m-footer-sitemap__group>ul {
        padding-left: 16px;
        margin-top: 8px;
    }
    
    .m-footer-sitemap__group>ul li {
        font-size: 14px;
        line-height: 31px;
    }
}

/*
accordion
*/
@media screen and (max-width: 767px) {
    .m-footer-sitemap__head:not(.accordion) {
        display: flex;
        justify-content: space-between;
    }
    
    .m-footer-sitemap__head.footer_link:after {
        font-family: Arial;
        font-size: 90%;
        text-decoration: none;
        color: #8c8c8c;
        position: relative;
        right: 7px;
        ;
        display: inline-block;
        content: "\0000a0\276F";
    }
    
    .m-footer-sitemap__head.footer_link>a:hover,
    .m-footer-sitemap__head.footer_link>a:focus {
        color: #fff;
    }
    
    .m-footer-sitemap__head.accordion:before,
    .m-footer-sitemap__head.accordion:after {
        content: "";
        display: inline-block;
        position: absolute;
        background-color: #8c8c8c;
        width: 18px;
        height: 1px;
        right: -7px;
        top: 16px;
    }
    
    .m-footer-sitemap__head.accordion:before {
        transform: translateX(-50%) rotate(0deg);
    }
    
    .m-footer-sitemap__head.accordion:after {
        transform: translateX(-50%) rotate(90deg);
    }
    
    .m-footer-sitemap__head:not(.footer_link)>a {
        pointer-events: none;
    }
    
    .m-footer-sitemap__head.accordion_opened:after {
        content: "";
        display: inline-block;
        position: absolute;
        background-color: #8c8c8c;
        width: 18px;
        height: 1px;
        right: -7px;
        top: 16px;
        transform: translate(-50%) rotate(0deg);
        background-color: #fff;
    }
    
    .accordion+.m-footer-sitemap__body {
        overflow: hidden;
        height: 0;
    }
    
    .m-footer-sitemap__body {
        transition: height 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    
    .m-footer-sitemap .col-row>.col {
        margin-top: 0;
    }
}

/*
.m-global-footer
*/
.m-global-footer {
    background-color: #000;
}
.m-global-footer__body {
    padding-top: 16px;
    padding-bottom: 32px;
}
.m-global-footer__copyright {
    color: #8c8c8c;
}
.m-global-footer__list {
    margin-left: auto;
    margin-bottom: 0;
}
.m-global-footer__item {
    display: inline-block;
    padding-right: 8px;
}
.m-global-footer__item:not(:last-child):after {
    content: "";
    display: inline-block;
    width: 1px;
    margin-left: 16px;
    background-color: #707070;
    height: 12px;
}
.m-global-footer__item a {
    color: #999999;
    text-decoration: none;
    font-size: 14px;
}
.m-global-footer__lang a {
    font-size: 12px;
    border: 1px solid #8c8c8c;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #8c8c8c;
    text-decoration: none;
}
@media print,
screen and (min-width: 768px) {
    .m-global-footer__body {
        position: relative;
    }
    
    .m-global-footer__item a:hover {
        color: #fff;
        text-decoration: underline;
    }
    
    .m-global-footer__lang {
        position: absolute;
        top: 16px;
        right: 0;
    }
    
    .m-global-footer__lang a:hover {
        color: #fff;
        border-color: #fff;
        background-color: rgba(255, 255, 255, 0.4);
        text-decoration: none;
    }
}
@media screen and (max-width: 767px) {
    .m-global-footer__copyright {
        display: block;
        text-align: center;
        margin-top: 32px;
    }
    
    .m-global-footer__lang {
        margin-top: 8px;
    }
}
@media print {
    .m-global-footer {
        color: #000;
        background-color: #fff;
    }
    
    .m-global-footer__wrap>.container {
        display: none;
    }
    
    .m-global-footer__list {
        display: none;
    }
    
    .m-global-footer__lang {
        display: none;
    }
}

/*
c-sns
*/
.m-global-footer__wrap .c-sns-links__item>img {
    opacity: 0.8;
    transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.m-global-footer__wrap .c-sns-links__item:hover>img {
    opacity: 1;
    transform: none;
    transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.c-sns-links--size-small .c-sns-links__item img {
    width: 32px;
    height: 32px;
    margin-right: 16px;
}
@media print,
screen and (min-width: 768px) {
    .c-sns-links__item {
        width: 80px;
        height: 80px;
    }
}
@media screen and (max-width: 767px) {
    .c-sns-links__item {
        width: 48px;
        height: 48px;
    }
}

/*
margin調整クラス
*/
.mt0 {
    margin-top: 0px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}