/** ========================================================
 * @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%;
font-family: var(--font-normal);
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:"";
}
/** --------------------------------------------------------
 * @variable
** ------------------------------------------------------ */
:root {
  --font-normal: "Clarimo UD PE Light", "UD Shin Go Light JIS2004", sans-serif;
  --font-medium: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004", sans-serif;
  --font-bold: "Clarimo UD PE Medium", "UD Shin Go Medium JIS2004", sans-serif;
  --font-normal-conde: "Clarimo UD PE Light", "UD Shin Go Conde90 L JIS2004", sans-serif;
  --font-medium-conde: "Clarimo UD PE Regular", "UD Shin Go Conde90 R JIS2004", sans-serif;
  --font-bold-conde: "Clarimo UD PE Medium", "UD Shin Go Conde90 M JIS2004", sans-serif
}
/** --------------------------------------------------------
 * @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:rgb(51, 51, 51);
}
[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:rgb(51, 51, 51);
}
/** --------------------------------------------------------
 * @class Common:Define:Element
** ------------------------------------------------------ */
*,
*::before,
*::after{
box-sizing:border-box;
}
html,
body{
background:#fff;
}
html{
font-size:62.5%;
}
body{
font-size:16px;
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:#000;
font-size: 16px;
line-height:2;
letter-spacing: .06em;
font-family: var(--font-normal);
font-weight: normal;
}
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;
font-family: var(--font-medium);
line-height: 1.7 !important;
}
.lyt-insight .bnr-01 > a .group .hdg{
font-family: var(--font-medium-conde);
font-size:24px;
font-weight: 500;
line-height: 1.5;
}
@media (min-width:768px),print{
.lyt-insight .bnr-01 > a .group .hdg{
font-size: 18px;
}
}
.lyt-insight .bnr-01 > a .group .txt{
font-size:14px;
font-family: var(--font-normal);
line-height: 1.75;
}
.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: 12px;
font-family: var(--font-bold);
line-height: 1.75;
letter-spacing: .08em;
color:#000000;
font-weight: 700;
display:none;
-webkit-flex-basis:100%;
flex-basis:100%;
width:100%;
min-width:100%;
margin:20px 0;
}
.topic-path a{
font-family: var(--font-medium);
font-weight: 500;
color: #515151;
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{
font-size: clamp(24px,calc(1.5rem + ((1vw - 3.75px) * 3.0534)),36px);
margin-top:25px;
margin-bottom:20px;
}
h2 {
font-size: clamp(22px,calc(1.375rem + ((1vw - 3.75px) * 2.5445)),32px);
}
h3 {
font-size: clamp(21px,calc(1.3125rem + ((1vw - 3.75px) * 1.7812)),28px);
}
h4 {
font-size: clamp(20px,calc(1.25rem + ((1vw - 3.75px) * 1.0178)),24px);
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
@media print, screen and (min-width: 768px) {
h2 {
margin-top: 72px;
margin-bottom: 48px;
}
h3 {
margin-top: 64px;
margin-bottom: 32px;
font-family: var(--font-normal);
font-size: 16px;
line-height: 2;
letter-spacing: .06em;
}
h4 {
margin-top: 48px;
margin-bottom: 16px;
}
h5 {
margin-top: 32px;
margin-bottom: 16px;
}
h6 {
margin-top: 32px;
margin-bottom: 16px;
}
}
.lyt-main h1:not(.disable-hdg-style){
font-family: var(--font-bold-conde);
font-weight: bold;
font-size: 36px;
line-height: 1.5!important;
letter-spacing: .06em;
}
.lyt-main h2:not(.disable-hdg-style){
font-family: var(--font-normal-conde);
font-size: 36px;
line-height: 1.5!important;
letter-spacing: .06em;
padding-bottom:0.2em;
border-bottom:1px solid #8c8c8c;
}
.lyt-main h3:not(.disable-hdg-style){
font-family: var(--font-normal-conde);
font-size: 30px;
line-height: 1.5!important;
letter-spacing: .06em;
position:relative;
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-family: var(--font-normal-conde);
font-size: 24px;
line-height: 1.5!important;
letter-spacing: .06em;
}
.lyt-main h5:not(.disable-hdg-style){
font-family: var(--font-bold-conde);
font-weight: bold;
font-size: 18px;
line-height: 1.5;
letter-spacing: .06em;
position:relative;
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-family: var(--font-bold-conde);
font-weight: bold;
font-size: 16px;
line-height: 1.5;
letter-spacing: .06em;
}
@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;
}
h2 {
margin-top: 64px;
margin-bottom: 32px;
}
h3 {
margin-top: 48px;
margin-bottom: 24px;
}
h4 {
margin-top: 32px;
margin-bottom: 8px;
}
h5 {
margin-top: 24px;
margin-bottom: 8px;
}
h6 {
margin-top: 24px;
margin-bottom: 8px;
}
}
/** --------------------------------------------------------
 * @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;
line-height: 1.75 !important;
font-family: var(--font-normal) !important;
}
.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;
font-family: var(--font-normal) !important;
line-height: 1.75;
}
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-family: var(--font-normal) !important;
font-size: 14px;
line-height: 1.75;
}
.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){
font-family: var(--font-medium);
font-size: 16px;
line-height: 2;
letter-spacing: .06em;
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-family: var(--font-medium);
font-weight:400;
line-height: 1.5;
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;
}
.btn-02 > a.btn-inquiry {
font-size: 16px;
}
/**
 * %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:rgb(51, 51, 51);
border:1px solid rgb(51, 51, 51);
}
.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:#fff;
background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
border-color: #01916d;
}
.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;
}
.btn-s.file-size {
  background-color: #333;
  border: none;
}
.btn-s.file-size:hover,
.btn-s.file-size:active,
.btn-s.file-size:focus {
  background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
  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 #adadad;
}
.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:#018463;
background:#fff;
border-color:#018463;
}
.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-family: var(--font-medium);
line-height: 2;
letter-spacing: .06em;
font-size: 18px;
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.75 !important;
font-family: var(--font-medium);
font-weight: 500;
}
.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;
font-family: var(--font-medium);
font-size: 16px;
line-height: 2;
letter-spacing: .06em;
}
.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;
font-size: 16px;
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:16px;
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{
font-family: var(--font-medium);
min-width:30.8510638%;
font-size: 16px;
}
.btn .btn-m,
.btn-01 .btn-m,
.btn-02 .btn-m,
.btn-03 .btn-m{
min-width:19.1489362%;
font-size: 16px;
}
.btn .btn-s,
.btn-01 .btn-s,
.btn-02 .btn-s,
.btn-03 .btn-s{
min-width:14.893617%;
font-size: 16px;
}
@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-family: var(--font-medium);
font-size: 16px;
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:rgb(51, 51, 51);
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:rgb(51, 51, 51);
z-index:3;
right:0;
width:12px;
border-top:17px solid #ebebeb;
border-right:0;
border-bottom:17px solid #ebebeb;
border-left:11px solid rgb(51, 51, 51);
}
.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-family: var(--font-medium);
font-size: 16px;
line-height: 2;
letter-spacing: .06em;
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;
font-family: var(--font-medium);
font-size: 16px;
line-height: 2;
letter-spacing: .06em;
}
.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:rgb(51, 51, 51);
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: 18px;
line-height: 1.5;
letter-spacing: .04em;
font-family: var(--font-medium-conde);
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-family: var(--font-medium-conde);
font-size: 18px;
line-height: 1.5;
letter-spacing: .05em;
display:block;
margin:0 0 10px;
}
.bnr-01 > a .group .txt{
font-size: 14px;
line-height: 1.75;
font-family: var(--font-normal);
letter-spacing: .06em;
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:#fff;
background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
border-color:#01916d;
}
.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:rgb(51, 51, 51);
margin-top:20px;
border-color: rgb(51, 51, 51);
}
.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:#018463;
background:#fff;
border-color:#018463;
}
.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: 18px;
line-height: 1.5;
}
.bnr-01.nallow > a .group .txt{
margin:0 0 15px;
}
.col-row > .col .bnr-01 .image .hdg,
.col-row > .col .bnr-01 .group .hdg {
  font-size: 18px;
}
.col-row > .col .bnr-01 .group .txt {
  font-size: 14px;
}
@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 .image .hdg,
.bnr-01 > a .group .hdg{
font-size: 24px;
}
.col-row > .col .bnr-01 .image .hdg {
  font-size: 18px;
}
.bnr-01 > a .group .txt{
font-size:16px;
}
.bnr-01.nallow > a .hdg{
font-size:18px;
}
.bnr-01.nallow > a .txt{
font-size: 16px;
}
.bnr-01.nallow > a .group{
padding:20px;
}
.bnr-01.nallow > a .group .hdg{
  font-size: 24px;
  line-height: 1.5;
}
}
.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:16px;
font-family:var(--font-normal);
line-height:2;
letter-spacing:.06em;
border-collapse:collapse;
border:1px solid #cccccc;
}
.tbl thead,
.tbl-01 thead{
background:#dcdcdc;
}
.tbl thead + tbody,
.tbl-01 thead + tbody{
border-top:0;
}
.tbl thead th,
.tbl-01 thead th{
font-family:var(--font-medium);
}
.tbl thead tr:not(:last-child) th[colspan],
.tbl-01 thead :not(:last-child) th[colspan]{
border-bottom:1px solid #cccccc;
}
.tbl tbody,
.tbl-01 tbody{
border-top:1px solid #cccccc;
}
.tbl tbody th,
.tbl-01 tbody th{
font-family:var(--font-medium);
background:#f6f6f6;
line-height:1.6;
}
.tbl th,
.tbl td,
.tbl-01 th,
.tbl-01 td{
vertical-align:middle;
padding:5px 5px;
border:1px solid #cccccc;
}
@media all and (-ms-high-contrast: none) {
  /* IE10・11に指定するスタイルを記入 */
.tbl th,
.tbl td,
.tbl-01 th,
.tbl-01 td{
border-right: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 #cccccc;
}
.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;
font-family: var(--font-normal);
line-height: 2;
letter-spacing: .06em;
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 #adadad;
}
.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:2px;
}
.box-01{
border-color:#ff0000;
}
.box-02{
border-color:#adadad;
}
.box-03{
border-color:#00a273;
}
.box-04{
border-color:#adadad;
}
.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 > .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:33% 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.rink-shadow:hover,
.hero-banner.rink-shadow:focus,
.hero-banner.rink-shadow:active{
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.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-family: var(--font-bold-conde);
font-size: 18px !important;
font-weight: 700;
margin-top:0;
margin-bottom:20px;
line-height: 1.5;
}
.hero-banner > a > .col .hdg-copy{
font-size: 24px;
font-family: var(--font-normal-conde);
line-height: 1.5;
font-weight:300;
margin:15px 0;
padding:0;
background:none;
border:none;
}
.hero-banner > a > .col .detail{
font-size:16px;
line-height: 2;
}
.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:16px;
line-height:1.5;
font-family: var(--font-medium);
text-decoration:none;
color:#fff;
background:rgb(51, 51, 51);
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:#fff;
background:linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
border: none;
}
.hero-banner > a > .col .unit{
display:inline-block;
}

.hero-banner.nallow > a > .col .hdg-title{
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-copy{
font-size: 30px;
}
.hero-banner > a > .col .detail{
font-size:16px;
}
.hero-banner > a > .col .detail .btn{
margin:0;
}
.hero-banner.nallow > a > .col .hdg-title{
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;
}
}
/**
 * .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:#018463;
background:#fff;
border:1px solid #018463;
}
.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;
}
.carousel-01 .slide h4,
.carousel-02 .slide h4,
.carousel-03 .slide h4,
.carousel-05 .slide h4,
.carousel-01 .slide .hdg,
.carousel-02 .slide .hdg,
.carousel-03 .slide .hdg,
.carousel-05 .slide .hdg {
font-family: var(--font-medium);
font-size: 24px;
line-height: 1.25 !important;
}
@media (min-width:768px),print{
.carousel-01 .slide h4,
.carousel-02 .slide h4,
.carousel-03 .slide h4,
.carousel-05 .slide h4,
.carousel-01 .slide .hdg,
.carousel-02 .slide .hdg,
.carousel-03 .slide .hdg,
.carousel-05 .slide .hdg {
  font-size: 20px;
}
}
/** --------------------------------------------------------
 * @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 !important;
font-weight:400;
line-height: 1.5 !important;
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 > em,
#nav-local ul > li > a {
line-height: 1.75;
font-family: var(--font-normal);
font-weight: normal;
}
#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: 30px;
line-height: 1.5 !important;
font-weight:500;
margin:0 0 22px;
padding:5px 0 0;
}
.lyt-main .quick-link h3.hdg::before{
content:none;
}
.quick-link ul > li > a{
font-family: var(--font-medium) !important;
line-height: 1.75 !important;
font-weight: 500;
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:rgb(51, 51, 51);
}
[data-script-enabled="true"] .expandable-drawer.open > .hook button{
color:#fff;
}
[data-script-enabled="true"] .expandable-drawer.open > .hook::before{
background:rgb(51, 51, 51);
}
[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:24px;
font-family:var(--font-normal);
line-height:1.5;
letter-spacing:.06em;
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:rgb(51, 51, 51);
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-family:var(--font-normal);
line-height:2;
letter-spacing:.06em;
}
@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:24px!important;
font-family:var(--font-normal-conde);
line-height:1.5;
letter-spacing:.06em;
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:rgb(51, 51, 51);
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:rgb(51, 51, 51);
}
[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:rgb(51, 51, 51);
}
[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:rgb(51, 51, 51);
}
/*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:rgb(51, 51, 51);
}
[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:16px;
font-family:var(--font-normal);
line-height:2;
letter-spacing:.06em;
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:rgb(51, 51, 51);
}
.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;
font-size: 16px;
letter-spacing: .06em;
line-height: 2;
}
.tab-list > li a:hover,
.tab-list > li a:active,
.tab-list > li a:focus{
color:#fff;
background:rgb(51, 51, 51);
}
.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:rgb(51, 51, 51);
border:1px solid rgb(51, 51, 51);
}
.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: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:rgb(51, 51, 51);
}
.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-size:14px;
font-family:var(--font-normal);
line-height:2;
letter-spacing:.06em;
padding-bottom:0;
}
.info > table td{
font-size:16px;
font-family:var(--font-normal);
line-height:2;
letter-spacing:.06em;
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: none;
}
.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-family:var(--font-normal);
line-height:2;
letter-spacing:.06em;
}
label > *{
font-size:18px;
font-family:var(--font-normal);
line-height:2;
letter-spacing:.06em;
}
@media (min-width:768px),print{
label > *{
font-size:16px;
font-family:var(--font-normal);
line-height:2;
letter-spacing:.06em;
}
}
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;
background-color: rgb(51, 51, 51);
border: none;
}
.form-list-02 .action:hover,
.form-list-02 .action:active,
.form-list-02 .action:focus {
background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
color: #fff;
}
@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.drop-down-menu{
display:flex;
justify-content:space-between;
}
}
.container dl{
padding-top:15px;
}
@media print, screen and (min-width: 768px){
.space-between{
display: flex;
justify-content: space-between;
}
}
/*==========
header
==========*/
body.is-scroll-lock {
  position: fixed;
  width: 100%;
}
.m-header {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 200;
  font-family: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004";
}
.m-header a:hover {
  text-decoration: none;
}
.m-header p {
  font-family: var(--font-medium);
  margin-bottom: 0;
}
.m-header input {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  height: auto;
  box-shadow: none;
  line-height: inherit;
}
.m-header button {
  border: 0;
  background-color: transparent;
}
.m-header.is-set .m-header__body {
  display: block;
}
.m-header__body {
  display: none;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}
.m-header__body[hidden] {
  display: none !important;
}
.m-header::after {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  content: "";
  background-color: #000;
  opacity: 0;
  transition: opacity .2s;
}
.m-header.is-backdrop::after {
  pointer-events: auto;
  opacity: .3;
}
.m-header__head {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  z-index: 1;
}
.m-header__head-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1184px;
  margin-left: auto;
  margin-right: auto;
  padding: 51px 32px 38px;
}
.m-header__title {
  display: flex;
  align-items: center;
  column-gap: 24px;
}
.m-header__logo {
  display: block;
}
.m-header__region {
  font-size: 14px;
  letter-spacing: 0.84px;
  color: #333;
}
.m-header__menu-pc {
  display: flex;
  column-gap: 27px;
}
.m-header__link {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.m-header__link-text {
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.36px;
}
.m-header__link-text:hover {
  opacity: 0.6;
  color: #000000;
}
.m-header__link-text-icon {
  margin-top: 5px;
  margin-left: 4px;
}
.m-header__btn {
  display: none;
  border: 0;
  background-color: #fff;
}
.m-header__search-sp {
  display: none;
}
.m-header__menu-sp {
  display: none;
}
.m-header__search {
  position: relative;
}
.m-header__search-btn {
  display: flex;
  align-items: center;
}
.m-header__search-pc .m-header__search {
  max-width: 486px;
  margin: 95px 0 0 auto;
}
.m-header__search-pc .m-header__search-input {
  position: relative;
  width: 100%;
  border: 0;
  background: #FFF;
  box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.06);
  padding: 30px 56px 30px 32px;
}
.m-header__search-pc .m-header__search-input::placeholder {
  color: rgba(81, 81, 81, 0.30);
  font-size: 24px;
}
.m-header__search-button {
  display: flex;
  position: absolute;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  right: 23px;
}
.m-header__search-icon {
  width: 24px;
  height: 24px;
}
.m-header__search-btn.is-open .m-header__search-icon {
  display: none;
}
.m-header__search-btn.is-open {
  width: 30px;
  height: 30px;
}
.m-header__search-btn.is-open::before {
  position: absolute;
  content: "";
  display: block;
  top: 15px;
  left: 50%;
  width: 28px;
  height: 2px;
  background-color: #000000;
  transform: translateX(-50%) rotate(-45deg);
}
.m-header__search-btn.is-open::after {
  position: absolute;
  content: "";
  display: block;
  top: 15px;
  left: 50%;
  width: 28px;
  height: 2px;
  background-color: #000000;
  transform: translateX(-50%) rotate(45deg);
}
.m-header__search-dialog::backdrop {
  visibility: hidden;
  background: rgba(0,0,0,.07);
  opacity: 0;
  transition: opacity .4s ease-out,visibility .4s ease-out;
}
.m-header__search-dialog.is-open::backdrop {
  visibility: visible;
  opacity: 1;
}
.m-header__search-dialog {
  width: 100%;
  overflow: visible;
  visibility: hidden;
  background-color: transparent;
  border: 0;
  opacity: 0;
  transition: opacity .4s ease-out,visibility .4s ease-out;
  max-width: none;
  margin: 0;
}
.m-header__search-dialog-inner {
  max-width: 1184px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 32px;
  padding-left: 32px;
}
.m-header__search-dialog:modal {
  position: absolute;
  bottom: 0;
   right: 0;
  inset-block-start: 0px;
  inset-block-end: 0px;
}
.m-header__search-dialog.is-open {
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 920px) {
  .m-header.type2 .m-header__head-inner {
    column-gap: 10px;
  }
  .m-header.type2 .m-header__body {
    position: absolute;
    right: 0;
    left: 0;
    overflow: hidden;
    transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .m-header.type2 .m-header__body-inner {
    height: calc(100dvh - 92px);
    padding: 14px 32px;
    overflow-y: scroll;
  }
  .m-header.type2 .m-header__menu-pc {
    display: none;
  }
  .m-header.type2 .m-header__btn {
    flex-shrink: 0;
    position: relative;
    display: block;
    width: 50px;
    height: 30px;
    overflow: hidden;
  }
  .m-header.type2 .m-header__btn-txt {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 100%;
    color: rgba(0,0,0,0);
  }
  .m-header.type2 .m-header__btn-txt::before {
    position: absolute;
    content: "";
    display: block;
    top: 22px;
    left: 15px;
    width: 19.5px;
    height: 2px;
    background-color: #000000;
    transition: transform 0.2s;
  }
  .m-header.type2 .m-header__btn::before,
  .m-header.type2 .m-header__btn::after {
    position: absolute;
    content: "";
    display: block;
    left: 15px;
    width: 19.5px;
    height: 2px;
    background-color: #000000;
    transition: transform 0.2s;
  }
  .m-header.type2 .m-header__btn::before {
    top: 8px;
  }
  .m-header.type2 .m-header__btn::after {
    bottom: 13px;
  }
  .m-header.type2 .m-header__btn[aria-expanded="true"]::before {
    top: 14px;
    width: 23px;
    transform: rotate(45deg);
  }
  .m-header.type2 .m-header__btn[aria-expanded="true"]::after {
    transform: translateX(200%);
  }
  .m-header.type2 .m-header__btn[aria-expanded="true"] .m-header__btn-txt::before {
    top: 14px;
    width: 23px;
    transform: rotate(-45deg);
  }
  .m-header.type2 .m-header__title {
    column-gap: 16px;
  }
  .m-header.type2 .m-header__head-inner {
    padding: 25px 24px 25px 27px;
  }
  .m-header.type2 .m-header__region {
    line-height: 21px;
  }
  .m-header.type2 .m-header__region-txt {
    display: inline-block;
  }
  .m-header.type2 .m-header__search-sp {
    display: block;
  }
  .m-header.type2 .m-header__search-input {
    position: relative;
    width: 100%;
    border: 0;
    background: #F6F7F6;
    padding: 20px 56px 20px 20px;
  }
  .m-header.type2 .m-header__search-input::placeholder {
    color: rgba(81, 81, 81, 0.30);
    font-size: 20px;
  }
  .m-header.type2 .m-header__search-button {
    display: flex;
    position: absolute;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
  }
  .m-header.type2 .m-header__search-icon {
    width: 24px;
    height: 24px;
  }
  .m-header.type2 .m-header__menu-sp {
    display: block;
    margin-top: 32px;
  }
  .m-header.type2 .m-header__select {
    position: relative;
    width: fit-content;
  }
  .m-header.type2 .m-header__select::after {
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    border-top-style: solid;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    top: 40%;
    translate: 0 -50%;
    rotate: 135deg;
    right: 2px;
  }
  .m-header.type2 .m-header__select-inner {
    padding-right: 26px;
  }
  .m-header.type2 .m-header__link {
    margin-top: 24px;
  }
  .m-header.type2 .m-header__link-text {
    font-size: 16px;
  }
  .m-header.type2 .m-header__link-text-icon {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .m-header__head-inner {
    column-gap: 10px;
  }
  .m-header__body {
    position: absolute;
    right: 0;
    left: 0;
    overflow: hidden;
    transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .m-header__body-inner {
    height: calc(100dvh - 92px);
    padding: 14px 32px;
    overflow-y: scroll;
  }
  .m-header__menu-pc {
    display: none;
  }
  .m-header__btn {
    flex-shrink: 0;
    position: relative;
    display: block;
    width: 50px;
    height: 30px;
    overflow: hidden;
  }
  .m-header__btn-txt {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 100%;
    color: rgba(0,0,0,0);
  }
  .m-header__btn-txt::before {
    position: absolute;
    content: "";
    display: block;
    top: 22px;
    left: 15px;
    width: 19.5px;
    height: 2px;
    background-color: #000000;
    transition: transform 0.2s;
  }
  .m-header__btn::before, .m-header__btn::after {
    position: absolute;
    content: "";
    display: block;
    left: 15px;
    width: 19.5px;
    height: 2px;
    background-color: #000000;
    transition: transform 0.2s;
  }
  .m-header__btn::before {
    top: 8px;
  }
  .m-header__btn::after {
    bottom: 13px;
  }
  .m-header__btn[aria-expanded="true"]::before {
    top: 14px;
    width: 23px;
    transform: rotate(45deg);
  }
  .m-header__btn[aria-expanded="true"]::after {
    transform: translateX(200%);
  }
  .m-header__btn[aria-expanded="true"] .m-header__btn-txt::before {
    top: 14px;
    width: 23px;
    transform: rotate(-45deg);
  }
  .m-header__title {
    column-gap: 16px;
  }
  .m-header__head-inner {
    padding: 25px 24px 25px 24px;
  }
  .m-header__region {
    line-height: 21px;
  }
  .m-header__region-txt {
    display: inline-block;
  }
  .m-header__search {
    margin-bottom: 0;
  }
  .m-header__search-sp {
    display: block;
  }
  .m-header__search-input {
    position: relative;
    width: 100%;
    background: #F6F7F6;
  }
  input.m-header__search-input {
    padding: 21px 60px 21px 21px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .m-header__search-input::placeholder {
    color: rgba(81, 81, 81, 0.30);
    font-size: 21px;
  }
  .m-header__search-button {
    display: flex;
    position: absolute;
    align-items: center;
    top: 50%;
    right: 20px;
    padding: 0;
    transform: translateY(-50%);
  }
  .m-header__search-icon {
    width: 24px;
    height: 24px;
  }
  .m-header__menu-sp {
    display: block;
    margin-top: 36px;
  }
  .m-header__select {
    position: relative;
    width: fit-content;
  }
  .m-header__select::after {
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    border-top-style: solid;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    top: 40%;
    translate: 0 -50%;
    rotate: 135deg;
    right: 2px;
  }
  .m-header__select-inner {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 28px;
    padding-left: 0;
    appearance: none;
    border: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .m-header__link {
    margin-top: 24px;
  }
  .m-header__link-text {
    font-size: 16px;
  }
  .m-header__link-text-icon {
    margin-top: 8px;
  }
}

.m-global-menu {
  position: relative;
  transition: height 0.4s linear;
  background-color: #ffffff;
}
.m-global-menu.is-set .m-global-menu__contents {
  display: block;
}
.m-global-menu__item {
  margin-bottom: 0;
}
.m-global-menu__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1184px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 32px;
  padding-left: 32px;
}
.m-global-menu__contents {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  transition: .4s height ease-out;
  background-color: #fff;
}
.m-global-menu__contents[hidden] {
  display: none !important;
}
.m-global-menu__contents-inner {
  max-width: 1184px;
  margin-inline: auto;
  padding: 48px 32px;
}
.m-global-menu__list {
  display: flex;
  column-gap: 24px;
  margin-bottom: 0;
}
.m-global-menu__link {
  color: #000000;
}
.m-global-menu__link::before,
.m-global-menu__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0,0,0,0);
  flex-shrink: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94),background 0s linear .4s;
}
.m-global-menu__link:hover {
  color: #000000;
}
.m-global-menu__link:hover::after {
  background-color: #333;
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-delay: 0s,0s;
}
.m-global-menu__sub-menu__contents-inner {
  max-width: 1184px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 32px;
  padding-left: 32px;
}
.m-global-menu__top-link-txt {
  position: relative;
  display: inline-block;
  padding-right: 38px;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
}
.m-global-menu__top-link-txt::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background-image: url('/fb/etc/web_design_guide/resources/jpn/images/icn_arrow.svg');
}
.m-global-menu__top-link-txt:hover {
  opacity: 0.6;
  color: #000000;
}

.m-global-menu a.m-link-list__anchor {
  color: #333;
  font-size: 14px;
}
.m-global-menu a.m-link-list__anchor:hover {
  color: #018463;
}
.m-global-menu a.btn-m {
  line-height: 1.25;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-global-menu .col-row {
  width: unset;
  margin: 0;
  margin-bottom: 1.5rem;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px 32px;
}
.m-global-menu .col-row > li {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .m-global-menu .col-row {
    grid-template-columns: unset;
  }

  .m-global-menu .col-row > li {
    margin: 0;
    padding: 0;
  }
}
.m-global-menu .m-link-list__item {
  margin: 0;
  padding: 0;
}
.m-global-menu .link-list > li:not(:last-child) {
  width: 100%;
  margin-bottom: 0;
}
.m-global-menu [class^="col"] > .col-sm-3 {
  max-width: unset;
  margin: 0;
}
@media print, screen and (min-width: 768px) {
  .m-global-menu__company .col-row.link-list .col {
    padding: 12px;
  }
}
.m-global-menu .btn-inner {
  font-size: 14px;
}
.m-global-menu .m-link-list__item a {
  display: flex !important;
  align-items: center;
}
.m-global-menu .m-link-list__item img {
  margin-right: 10px;
}
.m-global-menu .m-link-list__item a {
  flex-wrap: nowrap;
  height: 50px;
}
.m-global-menu .m-caption {
  font-size: 14px;
}
.m-global-menu .m-banner .m-caption {
  margin-top: 20px;
}

@media screen and (max-width: 920px) {
  .m-header.type2 .m-global-menu {
    margin-top: 24px;
  }
  .m-header.type2 .m-global-menu__list {
    display: block;
  }
  .m-header.type2 .m-global-menu__inner {
    display: block;
    padding-right: 0;
    padding-left: 0;
  }
  .m-header.type2 .m-global-menu__contents {
    position: static;
  }
  .m-header.type2 .m-global-menu__link {
    position: relative;
    display: block;
    padding: 19px 32px 19px 0;
    font-size: 22px;
  }
  .m-header.type2 .m-global-menu__link[role="button"]::before,
  .m-header.type2 .m-global-menu__link[role="button"]::after {
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 11px;
    display: block;
    width: 2px;
    height: 21px;
    content: "";
    transition: rotate .2s;
    background: #5C5C5C;
    transform: translateY(-50%); 
  }
  .m-header.type2 .m-global-menu__link[role="button"]::after {
    top: 49%;
    transform: translateY(-50%) rotate(90deg);
    right: 10px;
  }
  .m-header.type2 .m-global-menu__link[role="button"]:hover::after {
    transform: translateY(-50%) rotate(90deg);
  }
  .m-header.type2 .m-global-menu__link:not([role="button"]):hover::after {
    display: none;
  }
  .m-header.type2 .m-global-menu__link[role="button"][aria-expanded="true"]::before {
    display: none;
  }
  .m-header.type2 .m-global-menu__contents-inner {
    padding: 8px 0 32px;
  }
  .m-header.type2 .m-global-menu__top-link-txt {
    font-size: 18px;
    font-weight: normal;
    padding-right: 0;
  }
  .m-header.type2 .m-global-menu__top-link-txt::after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .m-global-menu {
    margin-top: 24px;
  }
  .m-global-menu__list {
    display: block;
  }
  .m-global-menu__inner {
    display: block;
    padding-right: 0;
    padding-left: 0;
  }
  .m-global-menu__contents {
    position: static;
  }
  .m-global-menu__link {
    position: relative;
    display: block;
    padding: 19px 32px 19px 0;
    font-size: 22px;
  }
  .m-global-menu__link[role="button"]::before, .m-global-menu__link[role="button"]::after {
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 11px;
    display: block;
    width: 2px;
    height: 21px;
    content: "";
    transition: rotate .2s;
    background: #5C5C5C;
    transform: translateY(-50%); 
  }
  .m-global-menu__link[role="button"]::after {
    top: 49%;
    transform: translateY(-50%) rotate(90deg);
    right: 10px;
  }
  .m-global-menu__link[role="button"]:hover::after {
    transform: translateY(-50%) rotate(90deg);
  }
  .m-global-menu__link:not([role="button"]):hover::after {
    display: none;
  }
  .m-global-menu__link[role="button"][aria-expanded="true"]::before {
    display: none;
  }
  .m-global-menu__contents-inner {
    padding: 8px 0 32px;
  }
  .m-global-menu__top-link-txt {
    font-size: 18px;
    font-weight: normal;
    padding-right: 0;
  }
  .m-global-menu__top-link-txt::after {
    display: none;
  }
}
.m-footer {
  margin-top: 45px;
  background-color: #F1F2F1;
  color: #515151;
  font-family: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004";
}
.m-footer small {
  color: #515151 !important;
}
.m-footer p {
  font-family: var(--font-medium);
}
.m-footer a {
  color: #515151;
}
.m-footer a[href]:hover {
  text-decoration: underline;
}
.m-footer__inner {
  max-width: 1184px;
  margin-left: auto;
  margin-right: auto;
  padding: 67px 32px 80px;
}
.m-footer__nav-item-section:not(:first-child) {
  margin-top: 24px;
}
.m-footer__nav-content {
  margin-top: 16px;
}
.m-footer__nav-title {
  margin-top: 16px;
  color: #515151;
}
.m-footer__nav-top-link + .m-footer__nav-title {
  margin-top: 0;
}
.m-footer__nav-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 48px;
}
.m-footer__nav-btn {
  display: block;
  font-size: 18px;
  font-family: var(--font-bold, sans-serif);
  font-weight: bold;
}
.m-footer__nav-top-link {
  display: none;
}
.m-footer__nav-title {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 12px;
}
.m-footer_nav-child-list {
  margin-left: 16px;
  margin-top: 10px;
  font-size: 14px;
}
.m-footer_nav-child-item:not(:first-child) {
  margin-top: 8px;
}
.m-footer__nav-link {
  margin-top: 8px;
  margin-bottom: 0;
}
.m-footer__nav-link-text {
  font-size: 14px;
}
.m-footer__sns-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  margin-top: 40px;
}
.m-footer__sns-icon {
  width: 48px;
}
.m-footer__group {
  border-top: 1px solid #D9D9D9;;
  margin-top: 30px;
  padding-top: 40px;
}
.m-footer__group-title-text {
  font-size: 18px;
  font-family: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004";
  font-weight: normal;
  color: #515151;
}
.m-footer__group-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
}
.m-footer__group-link {
  font-size: 18px;
  font-family: var(--font-bold, sans-serif);
  font-weight: bold;
}
.m-footer__other {
  display: flex;
  column-gap: 24px;
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #D9D9D9;;
}
.m-footer__other-head {
  flex-shrink: 0;
}
.m-footer__other-body {
  width: 100%;
}
.m-footer__other-body-top {
  display: flex;
  justify-content: space-between;
}
.m-footer__other-links {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}
.m-footer__other-links-item:not(:last-child) > .m-footer__other-links-link {
  padding-right: 20px;
  border-right: 1px solid #8A8A8A;
}
.m-footer__other-links-link {
  font-size: 14px;
  font-family: var(--font-bold, sans-serif);
  font-weight: bold;
}
.m-footer__other-global-link {
  margin-bottom: 0;
}
.m-footer__other-global-link-text {
  display: inline-block;
  position: relative;
  padding-left: 32px;
  font-size: 14px;
}
.m-footer__other-global-link-text::before {
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  content: '';
  width: 24px;
  height: 25px;
  background-image: url('/fb/etc/web_design_guide/resources/jpn/images/icn_global-2.svg');
}
.m-footer__copyright {
  margin-bottom: 0;
}
.m-footer__copyright-text {
  font-size: 12px;
}

@media screen and (max-width: 920px) {
  .m-footer.type2 .m-breadcrumb-bottom__list {
    padding-top: 16px;
  }
  .m-footer.type2 .m-footer__inner {
    padding-top: 51px;
    padding-bottom: 40px;
  }
  .m-footer.type2 .m-footer__nav-list {
    display: block;
  }
  .m-footer.type2 .m-footer__nav-top-link {
    display: block;
  }
  .m-footer.type2 .m-footer__nav-item-section:not(:first-child) {
    margin-top: 0;
  }
  .m-footer.type2 .m-footer__nav-content {
     overflow: hidden;
    transition: .3s height ease-out;
  }
  .m-footer.type2 .m-footer__nav-btn {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
  }
  .m-footer.type2 .m-footer__nav-btn[role="button"] {
    padding-right: 60px;
  }
  .m-footer.type2 .m-footer__nav-btn[role="button"]::before,
  .m-footer.type2 .m-footer__nav-btn[role="button"]::after {
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 2px;
    height: 21px;
    content: "";
    transition: rotate .2s;
    background: #5C5C5C;
    transform: translateY(-50%); 
  }
  .m-footer.type2 .m-footer__nav-btn[role="button"]::after {
    top: 49%;
    transform: translateY(-50%) rotate(90deg);
    right: 10px;
  }
  .m-footer.type2 .m-footer__nav-btn[aria-expanded="true"]::before {
    display: none;
  }
  .m-footer.type2 .m-footer__nav-btn[href]:hover,
  .m-footer.type2 .m-footer__nav-btn[href]:focus {
    text-decoration: none;
  }
  .m-footer.type2 .m-footer__nav-content {
    margin-top: 0;
  }
  .m-footer.type2 .m-footer__nav-top-link {
    font-size: 20px;
  }
  .m-footer.type2 .m-footer__nav-title {
    font-size: 20px;
  }
  .m-footer.type2 .m-footer__nav-link-text {
    font-size: 16px;
  }
  .m-footer.type2 .m-footer__other {
    display: block;
  }
  .m-footer.type2 .m-footer__other-body-top {
    display: block;
  }
  .m-footer.type2 .m-footer__other-head {
    text-align: center;
  }
  .m-footer.type2 .m-footer__other-body {
    margin-top: 48px;
  }
  .m-footer.type2 .m-footer__other-global-link {
    margin-top: 19px;
  }
  .m-footer.type2 .m-footer__body-bottom {
    margin-top: 40px;
  }
  .m-footer.type2 .m-footer__nav-top-link + .m-footer__nav-title {
    margin-top: 8px;
  }
  .m-footer.type2 .m-footer_nav-child-list {
    margin-top: 26px;
    margin-bottom: 32px;
  }
  .m-footer.type2 .m-footer_nav-child-item:not(:first-child)  {
    margin-top: 14px;
  }
  .m-footer.type2 .m-footer__nav-link {
    margin-top: 13px;
  }
  .m-footer.type2 .m-footer__group-list {
    row-gap: 21px;
  }
  .m-footer.type2 .m-footer__group {
    padding-top: 40px;
  }
  .m-footer.type2 .m-footer__logo {
    width: 153px;
  }
  .m-footer.type2 .m-footer__other-body {
    margin-top: 32px;
  }
  .m-footer.type2 .m-footer__copyright {
    line-height: 150%;
  }
}

@media screen and (max-width: 767px) {
  .m-footer__inner {
    padding-top: 51px;
    padding-bottom: 40px;
  }
  .m-footer__nav-list {
    display: block;
  }
  .m-footer__nav-top-link {
    display: block;
  }
  .m-footer__nav-item-section:not(:first-child) {
    margin-top: 0;
  }
  .m-footer__nav-content {
     overflow: hidden;
    transition: .3s height ease-out;
  }
  .m-footer__nav-btn {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
  }
  .m-footer__nav-btn[role="button"] {
    padding-right: 60px;
  }
  .m-footer__nav-btn[role="button"]::before,
  .m-footer__nav-btn[role="button"]::after {
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 2px;
    height: 21px;
    content: "";
    transition: rotate .2s;
    background: #5C5C5C;
    transform: translateY(-50%); 
  }
  .m-footer__nav-btn[role="button"]::after {
    top: 49%;
    transform: translateY(-50%) rotate(90deg);
    right: 10px;
  }
  .m-footer__nav-btn[aria-expanded="true"]::before {
    display: none;
  }
  .m-footer .m-footer__nav-btn[href]:hover,
  .m-footer .m-footer__nav-btn[href]:focus {
    text-decoration: none;
  }
  .m-footer__nav-content {
    margin-top: 0;
  }
  .m-footer__nav-top-link {
    font-size: 20px;
  }
  .m-footer__nav-title {
    font-size: 20px;
  }
  .m-footer__nav-link-text {
    font-size: 16px;
  }
  .m-footer__other {
    display: block;
  }
  .m-footer__other-body-top {
    display: block;
  }
  .m-footer__other-head {
    text-align: center;
  }
  .m-footer__other-body {
    margin-top: 48px;
  }
  .m-footer__other-global-link {
    margin-top: 19px;
  }
  .m-footer__body-bottom {
    margin-top: 40px;
  }
  .m-footer__nav-top-link + .m-footer__nav-title {
    margin-top: 8px;
  }
  .m-footer_nav-child-list {
    margin-top: 26px;
    margin-bottom: 32px;
  }
  .m-footer_nav-child-item:not(:first-child)  {
    margin-top: 14px;
  }
  .m-footer__nav-link {
    margin-top: 13px;
  }
  .m-footer__group-list {
    row-gap: 21px;
  }
  .m-footer__group {
    padding-top: 40px;
  }
  .m-footer__logo {
    width: 153px;
  }
  .m-footer__other-body {
    margin-top: 32px;
  }
  .m-footer__copyright {
    line-height: 150%;
  }
}
/*
c-category-menu--card
*/
.c-category-menu--card .c-category-menu__list{
margin-left: -16px;
margin-right: -16px;
display: flex;
flex-wrap: wrap;
}
.c-category-menu--card .c-category-menu__item {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 25%;
max-width: 25%;
padding: 10px 16px;
}
.c-category-menu--card .c-category-menu__item img {
margin-bottom: 0.5rem;
height: auto;
}
.c-category-menu--card .c-category-menu__item span {
display: block;
}
.c-category-menu--card .c-category-menu__item a {
text-decoration: none;
color: #333;
}
.c-category-menu--card .c-category-menu__item a:hover {
color: #01916d;
}
.c-category-menu--card .c-category-menu__item a:hover img{
opacity: 0.8;
}

/*
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-top: 1.25rem;
padding-right: 4rem;
padding-bottom: 1.25rem;
padding-left: 1.6rem;
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-sns-links {
padding-top: 16px;
padding-bottom: 16px;
}
.m-global-footer__wrap .footer-notice{
color:#fff;
}
@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;
}
.m-footer-sitemap__body li {
margin-bottom: 5px;
}
.m-footer-sitemap__group > p {
text-decoration: #8c8c8c;
color:#fff;
}
.m-footer-sitemap__group > ul {
padding-left: 16px;
margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
.m-footer-sitemap a:hover,
.m-footer-sitemap a:focus,
.m-footer-sitemap a:active {
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;
}
}
@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 {
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;}

.mb0{margin-bottom: 0px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}