@charset "UTF-8";
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  font-size: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}
*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}
* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}
/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}
hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}
/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
summary {
  display: list-item;
  /* Add the correct display in all browsers */
}
small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}
[hidden],
template {
  display: none;
  /* Add the correct display in IE */
}
abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}
a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}
a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}
b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}
dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */
}
/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}
/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}
/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}
/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}
[type="number"] {
  width: auto;
  /* Firefox 36+ */
}
[type="search"] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}
textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}
optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}
button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}
/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}
/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}
button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}
/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}
/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}
select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}
select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}
legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}
[type="search"] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}
/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  line-height: 1;
  vertical-align: top;
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}
/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}
svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}
audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}
/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}
/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}
/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}
/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}
::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}
h1, h2, h3, h4, h5 {
  font-weight: normal;
}
/* MS Form */
input::-ms-clear {
  visibility: hidden;
}
input::-ms-reveal {
  visibility: hidden;
}
/*
 * Mixin for MSIE after IE10
 */
/*===== Base Styles =====*/
html {
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 62.5%;
}
body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1.7;
  color: #333;
  background-color: #fff;
}
html.State-Fixed,
body.State-Fixed {
  overflow: hidden;
  height: 100%;
}
/*===== Basic Link Color =====*/
a {
  cursor: pointer;
}
a:link {
  color: #01652F;
  text-decoration: none;
}
a:visited {
  color: #01652F;
  text-decoration: none;
}
a:hover, a:focus {
  color: #01652F;
  text-decoration: none;
}
a:active {
  color: #01652F;
  text-decoration: none;
}
a,
img,
input,
svg,
*:before,
*:after {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
a:hover img,
a:hover input {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
@media print, screen and (min-width: 768px) {
  .View-PC {
    display: block;
  }
}
@media only screen and (min-width: 880px) {
  .View-TBdown {
    display: none;
  }
  .View-TBup {
    display: block;
  }
}
@media only screen and (max-width: 879px) {
  .View-TBdown {
    display: block;
  }
  .View-TBup {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .View-PC {
    display: none;
  }
}
html, body {
  height: 100vh;
}
body.ContentHeight-isVerticalCenter #SiteBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.ContentHeight-isVerticalCenter #SiteBody__Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
body.ContentHeight-isVerticalCenter .SiteContent {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.SiteContent + .SiteBody__Bottom {
  margin-top: 86px;
}
@media only screen and (max-width: 767px) {
  .SiteContent + .SiteBody__Bottom {
    margin-top: 2px;
  }
}
.SiteWidth__Inner {
  max-width: 1524px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .SiteWidth__Inner > .SiteContent__Item:nth-last-of-type(1), .SiteWidth__Inner > .SiteContent__Item:last-of-type {
    margin-bottom: 42px;
  }
}
.Content__Inner {
  max-width: 1284px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .Content__Inner {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .Content__Inner {
    padding: 0 24px;
  }
}
.SiteBody__Bottom {
  position: relative;
}
.View-PC {
  display: block;
}
@media only screen and (max-width: 767px) {
  .View-PC {
    display: none;
  }
}
.View-SP {
  display: none;
}
@media only screen and (max-width: 767px) {
  .View-SP {
    display: block;
  }
}
.View-TB {
  display: none;
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .View-TB {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .View-TB {
    display: none;
  }
}
/*===== Margin =====*/
.Paragraph .Text + .Text {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .Paragraph .Text + .Text {
    margin-top: 18px;
  }
}
.Paragraph + .Paragraph {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .Paragraph + .Paragraph {
    margin-top: 18px;
  }
}
[class*="Paragraph"] + [class*="Box"] {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  [class*="Paragraph"] + [class*="Box"] {
    margin-top: 27px;
  }
}
[class*="Paragraph"] + .Paragraph-List {
  margin-top: 46px;
}
@media only screen and (max-width: 767px) {
  [class*="Paragraph"] + .Paragraph-List {
    margin-top: 23px;
  }
}
[class^="Text"] + [class*="Box"],
[class^="Text"] + .Paragraph {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  [class^="Text"] + [class*="Box"],
  [class^="Text"] + .Paragraph {
    margin-top: 25px;
  }
}
[class^="Text"] + .Box-Definition {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  margin-top: 14px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  [class^="Text"] + .Box-Definition {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  [class^="Text"] + .Box-Definition {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  [class^="Text"] + .Box-Definition {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  [class^="Text"] + .Box-Definition {
    margin-top: 14px;
  }
}
[class^="Text"] + [class*="Button"] {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  [class^="Text"] + [class*="Button"] {
    margin-top: 25px;
  }
}
[class^="Text"] + [class*="Grid-"] {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  [class^="Text"] + [class*="Grid-"] {
    margin-top: 25px;
  }
}
[class^="Text"] + .Text {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  [class^="Text"] + .Text {
    margin-top: 18px;
  }
}
[class^="Text"] + .Link {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  [class^="Text"] + .Link {
    margin-top: 10px;
  }
}
[class^="Text"] + [class^="List"] {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  [class^="Text"] + [class^="List"] {
    margin-top: 18px;
  }
}
.Media__Body [class^="Text"] + .Link {
  margin-top: 22px;
}
@media only screen and (max-width: 767px) {
  .Media__Body [class^="Text"] + .Link {
    margin-top: 13px;
  }
}
.Text-Copy + [class*="Box"],
.Text-Copy + .Paragraph,
.Text-Copy + .Text,
.Text-Copy + .Box-Definition {
  margin-top: 29px;
}
@media only screen and (max-width: 767px) {
  .Text-Copy + [class*="Box"],
  .Text-Copy + .Paragraph,
  .Text-Copy + .Text,
  .Text-Copy + .Box-Definition {
    margin-top: 21px;
  }
}
[class*="Box"] + [class^="Text"],
.Paragraph + [class^="Text"] {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  [class*="Box"] + [class^="Text"],
  .Paragraph + [class^="Text"] {
    margin-top: 25px;
  }
}
[class^="List"] + [class*="Box"],
[class^="List"] + .Paragraph {
  margin-top: 11px;
}
@media only screen and (max-width: 767px) {
  [class^="List"] + [class*="Box"],
  [class^="List"] + .Paragraph {
    margin-top: 15px;
  }
}
[class^="List"] + [class*="Button"] {
  margin-top: 11px;
}
@media only screen and (max-width: 767px) {
  [class^="List"] + [class*="Button"] {
    margin-top: 15px;
  }
}
[class^="List"] + .Text {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  [class^="List"] + .Text {
    margin-top: 18px;
  }
}
[class^="List"] + .Link {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  [class^="List"] + .Link {
    margin-top: 10px;
  }
}
[class^="List"] + [class^="Text"],
[class^="List"] + .List,
[class^="List"] + [class*="List-"] {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  [class^="List"] + [class^="Text"],
  [class^="List"] + .List,
  [class^="List"] + [class*="List-"] {
    margin-top: 18px;
  }
}
.Heading-LV2__Wrap + [class*="Box"] {
  margin-top: -6px;
}
.Heading-LV3__Wrap + [class^="Text"],
.Heading-LV3__Wrap + [class*="Group-"] {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV3__Wrap + [class^="Text"],
  .Heading-LV3__Wrap + [class*="Group-"] {
    margin-top: 10px;
  }
}
.Heading-LV3__Wrap + [class*="Button"] {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV3__Wrap + [class*="Button"] {
    margin-top: 25px;
  }
}
.Heading-LV3__Wrap + [class*="Box"],
.Heading-LV3__Wrap + .Paragraph {
  margin-top: 26px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV3__Wrap + [class*="Box"],
  .Heading-LV3__Wrap + .Paragraph {
    margin-top: 18px;
  }
}
.Heading-LV4 + [class^="Text"],
.Heading-LV4 + [class^="List"],
.Heading-LV4 + [class*="Group-"] {
  margin-top: 17px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV4 + [class^="Text"],
  .Heading-LV4 + [class^="List"],
  .Heading-LV4 + [class*="Group-"] {
    margin-top: 8px;
  }
}
.Heading-LV4 + [class*="Button"] {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV4 + [class*="Button"] {
    margin-top: 25px;
  }
}
.Heading-LV4 + [class*="Box"],
.Heading-LV4 + .Paragraph {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV4 + [class*="Box"],
  .Heading-LV4 + .Paragraph {
    margin-top: 25px;
  }
}
.Heading-LV5 + [class^="Text"],
.Heading-LV5 + [class*="Group-"] {
  margin-top: 14px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV5 + [class^="Text"],
  .Heading-LV5 + [class*="Group-"] {
    margin-top: 7px;
  }
}
.Heading-LV5 + [class*="Button"] {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV5 + [class*="Button"] {
    margin-top: 25px;
  }
}
.Heading-LV5 + .ButtonList {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV5 + .ButtonList {
    margin-top: 26px;
  }
}
.Heading-LV5 + [class*="Box"],
.Heading-LV5 + .Paragraph {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV5 + [class*="Box"],
  .Heading-LV5 + .Paragraph {
    margin-top: 25px;
  }
}
/*===== Icon =====*/
[class*="IconSVG"] {
  position: relative;
  vertical-align: middle;
  overflow: hidden;
}
.Icon-Close {
  position: relative;
  margin-bottom: 2px;
}
.Icon-Close::before, .Icon-Close::after {
  content: '';
  position: absolute;
  background-color: #01652F;
}
.Icon-Close::before {
  width: 24px;
  height: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.Icon-Close::after {
  width: 24px;
  height: 3px;
  background-color: #01652F;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
@media only screen and (max-width: 767px) {
  .Icon-Close::before, .Icon-Close::after {
    width: 2px;
    height: 10px;
  }
}
.Icon-Open {
  position: relative;
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
  margin-bottom: 2px;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Icon-Open {
    font-size: 2.8rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Icon-Open {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .Icon-Open {
    font-size: 2.1rem;
  }
}
.Icon-Open::before, .Icon-Open::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 3px;
  background-color: #333;
  -webkit-transition: .25s linear;
  transition: .25s linear;
}
@media only screen and (max-width: 767px) {
  .Icon-Open::before, .Icon-Open::after {
    width: 16px;
    height: 2px;
  }
}
.Icon-Open::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.Icon-Open.State-Opend::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.Icon-Open.State-Opend::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.IconSVG-FacebookHeader {
  width: 9px;
  height: 19px;
  fill: #383838;
}
.IconSVG-YoutubeHeader {
  width: 22px;
  height: 16px;
  fill: #383838;
}
.IconSVG-FacebookRound,
.IconSVG-TwitterRound,
.IconSVG-YoutubeRound {
  width: 52px;
  height: 52px;
  fill: #01652F;
}
@media only screen and (max-width: 767px) {
  .IconSVG-FacebookRound,
  .IconSVG-TwitterRound,
  .IconSVG-YoutubeRound {
    width: 40px;
    height: 40px;
  }
}
.IconSVG-FacebookFooter,
.IconSVG-YoutubeFooter,
.IconSVG-TwitterFooter {
  width: 37px;
  height: 37px;
  fill: #fff;
}
.IconSVG-DealerHeader {
  width: 16px;
  height: 22px;
  fill: #01652F;
}
.IconSVG-Finance,
.IconSVG-Warranty,
.IconSVG-Aftersales,
.IconSVG-Parts,
.IconSVG-Brochure {
  width: 100%;
  fill: #01652F;
}
.Button-Dealer .Button__Icon {
  position: relative;
}
.Button-Dealer .Button__Icon::after {
  content: url(../images/icons/placeholder_white.svg);
  display: inline-block;
  position: relative;
  top: -5px;
  left: 0;
  width: 10px;
  height: 13px;
  vertical-align: top;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Dealer .Button__Icon::after {
    top: -2px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Dealer .Button__Icon::after {
    top: -1px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Dealer .Button__Icon::after {
    top: 0;
    width: 13px;
    height: 17px;
  }
}
.Button-Contact .Button__Icon {
  position: relative;
}
.Button-Contact .Button__Icon::after {
  content: url(https://www.karawang.center/lskit_common/images/icons/conversion_contact_green.svg);
  display: inline-block;
  position: relative;
  top: -6px;
  left: 0;
  width: 16px;
  height: 12px;
  vertical-align: top;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Contact .Button__Icon::after {
    top: -3px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Contact .Button__Icon::after {
    top: -1px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact .Button__Icon::after {
    top: -4px;
    width: 14px;
    height: 11px;
  }
}
.Button-Brochure .Button__Icon {
  position: relative;
}
.Button-Brochure .Button__Icon::after {
  content: url(https://www.karawang.center/lskit_common/images/icons/conversion_brochure_green.svg);
  display: inline-block;
  position: relative;
  top: -3px;
  left: 0;
  width: 14px;
  height: 15px;
  vertical-align: top;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Brochure .Button__Icon::after {
    top: 0;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Brochure .Button__Icon::after {
    top: -1px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure .Button__Icon::after {
    top: 0;
  }
}
.Button__Label-Blank {
  position: relative;
}
.Button__Label-Blank::after {
  content: url(https://www.karawang.center/lskit_common/images/icons/link_blank_green.svg);
  display: inline-block;
  position: relative;
  top: -1px;
  left: 0;
  width: 10px;
  height: 8px;
  margin-left: 7px;
  vertical-align: top;
}
.IconSVG-Blank {
  display: inline-block;
  position: relative;
  margin-left: 7px;
  line-height: 1;
  width: 12px;
  height: 10px;
}
.IconSVG-Blank::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 10px;
  vertical-align: baseline;
  background: url("https://www.karawang.center/lskit_common/images/icons/link_blank_green.svg") 0 0 no-repeat;
}
.IconSVG-BlankBackColor {
  display: inline-block;
  position: relative;
  margin-left: 7px;
  line-height: 1;
  width: 12px;
  height: 10px;
}
.IconSVG-BlankBackColor::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 10px;
  vertical-align: baseline;
  background: url("https://www.karawang.center/lskit_common/images/icons/link_blank_white.svg") 0 0 no-repeat;
}
.IconSVG-PDF {
  display: inline-block;
  position: relative;
  line-height: 1;
  width: 15px;
  height: 15px;
}
.IconSVG-PDF::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: baseline;
  background: url("https://www.karawang.center/lskit_common/images/icons/link_pdf.svg") 0 0 no-repeat;
}
.IconSVG-Modal {
  display: inline-block;
  position: relative;
  margin-left: 7px;
  line-height: 1;
  width: 12px;
  height: 12px;
}
.IconSVG-Modal::after {
  content: '';
  position: absolute;
  top: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: baseline;
  background: url("https://www.karawang.center/lskit_common/images/icons/link_modal_linkcolor.svg") 0 0 no-repeat;
}
@media only screen and (max-width: 767px) {
  .IconSVG-Modal::after {
    width: 9px;
    height: 9px;
  }
}
/*===== Header =====*/
#GHeader {
  position: relative;
  width: 100%;
  padding-top: 0;
  z-index: 101;
  border-top: 3px solid #01652F;
  border-bottom: 1px solid #d6d6d6;
  background-color: #fff;
}
@media only screen and (min-width: 880px) {
  #GHeader {
    min-height: 92px;
    padding: 24px 0;
  }
}
@media only screen and (max-width: 879px) {
  #GHeader {
    min-height: 53px;
    padding-left: 16px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  #GHeader.State-Up {
    position: fixed;
    top: 0;
    left: 0;
  }
  #GHeader.State-Down.State-Opend, #GHeader.State-Up.State-Opend {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: rgba(51, 51, 51, 0.7);
  }
}
.GHeader-Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 880px) and (min-width: 880px) {
  .GHeader-Inner {
    width: 88%;
    max-width: 1284px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 880px) and (max-width: 879px) {
  .GHeader-Inner {
    width: 100%;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 879px) {
  .GHeader-Inner {
    padding: 0;
  }
}
.GHeader-SiteBrand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 40px;
}
.GHeader-Logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-items: center;
  line-height: 1;
}
@media only screen and (max-width: 879px) {
  .GHeader-Logo img {
    width: auto;
    height: 22px;
  }
}
@media only screen and (min-width: 880px) {
  .GHeader-Logo img {
    width: 50px;
  }
}
.GHeader-LogoSub {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-items: center;
  margin-left: 20px;
  padding-left: 20px;
  color: #727272;
  vertical-align: middle;
  line-height: 1.3;
  font-weight: bold;
  font-size: 1.3rem;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .GHeader-LogoSub {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .GHeader-LogoSub {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .GHeader-LogoSub {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 879px) {
  .GHeader-LogoSub {
    margin-left: 12px;
    padding-left: 12px;
    font-size: 1.1rem;
  }
}
.GHeader-LogoSub span::after {
  content: '';
  display: block;
  width: 1px;
  height: 40px;
  background-color: #e3e3e3;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 879px) {
  .GHeader-LogoSub span::after {
    height: 22px;
  }
}
@media only screen and (max-width: 879px) {
  .GHeader-Utility.Js-Utility-isPC {
    display: none;
  }
}
.GHeader-Utility.Js-Utility-isPC .GHeader-Utility__Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  list-style-type: none;
  height: 40px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .GHeader-Utility.Js-Utility-isPC .GHeader-Utility__Content {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .GHeader-Utility.Js-Utility-isPC .GHeader-Utility__Content {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .GHeader-Utility.Js-Utility-isPC .GHeader-Utility__Content {
    font-size: 1.3rem;
  }
}
.GHeader-Utility.Js-Utility-isPC .GHeader-Language {
  position: relative;
  padding-right: 20px;
}
.GHeader-Utility.Js-Utility-isPC .GHeader-Language::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 40px;
  background-color: #d6d6d6;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (min-width: 880px) {
  .GHeader-Utility.Js-Utility-isSP {
    display: none;
  }
}
@media only screen and (max-width: 879px) {
  .GHeader-Utility.Js-Utility-isSP {
    width: 100%;
    padding: 21px 24px 36px;
    border-top: 1px solid #d6d6d6;
  }
  .GHeader-Utility.Js-Utility-isSP .GHeader-Language {
    margin-top: 17px;
  }
  .GHeader-Utility.Js-Utility-isSP .GHeader-ContactUs {
    display: none;
  }
}
.GHeader-Utility ul {
  list-style-type: none;
}
.Language-Swicth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style-type: none;
}
.Language-Swicth li {
  position: relative;
}
.Language-Swicth li:not(:first-child) {
  margin-left: 13px;
  padding-left: 13px;
}
.Language-Swicth li:not(:first-child)::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 20px;
  background-color: #d6d6d6;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 879px) {
  .Language-Swicth li:not(:first-child)::after {
    height: 30px;
  }
}
.Language-Swicth a:link, .Language-Swicth a:visited, .Language-Swicth a:focus, .Language-Swicth a:active {
  color: #333;
}
.Language-Swicth a:hover {
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
.Language-Swicth a:hover:hover {
  color: #01652F;
}
.Language-Swicth a.State-Current {
  color: #01652F;
}
@media only screen and (max-width: 879px) {
  .Language-Swicth a {
    font-size: 1.3rem;
  }
}
.GHeader-ContactUs {
  position: relative;
  padding: 2px 20px 0;
}
.GHeader-ContactUs a {
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
.GHeader-ContactUs a:link, .GHeader-ContactUs a:visited, .GHeader-ContactUs a:focus, .GHeader-ContactUs a:active {
  color: #333;
}
.GHeader-ContactUs a:hover {
  color: #01652F;
}
@media only screen and (max-width: 879px) {
  .GlobalNav__Dealer {
    display: none;
  }
}
@media only screen and (min-width: 880px) {
  .GHeader-HMenu__Wrap {
    display: none;
  }
}
@media only screen and (max-width: 879px) {
  .GHeader-HMenu__Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (max-width: 879px) {
  .GHeader-HMenu__Wrap .GHeader-Dearler {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 880px) {
  .GHeader-Utility-ViewSP {
    display: none;
  }
}
@media only screen and (max-width: 879px) {
  .GHeader-Utility-ViewSP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 880px) {
  .GHeader-Dealer-ViewSP {
    display: none;
  }
}
@media only screen and (max-width: 879px) {
  .GHeader-Dealer-ViewSP {
    margin-right: 15px;
  }
}
.GHeader-Dealer-ViewSP a {
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.GHeader-Dealer-ViewSP a:hover {
  opacity: .7;
}
.GHeader-Dealer-ViewSP .IconSVG {
  width: 16px;
  height: 23px;
  fill: #01652F;
}
/*===== Global-Nav =====*/
@media only screen and (max-width: 879px) {
  #GHeader__Wrap.State-Opend {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow-y: auto;
    background-color: #fff;
  }
}
#GlobalNav__Wrap {
  position: relative;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 880px) {
  #GlobalNav__Wrap {
    padding-top: 0;
    border-bottom: 1px solid #d6d6d6;
  }
}
@media only screen and (max-width: 879px) {
  #GlobalNav__Wrap {
    display: none;
    position: absolute;
    top: 52px;
    border-bottom: 1px solid #d6d6d6;
  }
}
@media only screen and (min-width: 880px) {
  #GlobalNav__Wrap.State-Down, #GlobalNav__Wrap.State-Up {
    position: fixed;
    top: 0;
    left: 0;
  }
}
.GlobalNav__Inner {
  position: relative;
  z-index: 100;
}
@media only screen and (min-width: 880px) {
  .GlobalNav__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
  }
}
@media only screen and (min-width: 880px) and (min-width: 880px) {
  .GlobalNav__Inner {
    width: 88%;
    max-width: 1284px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 880px) and (max-width: 879px) {
  .GlobalNav__Inner {
    width: 100%;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 879px) {
  .GlobalNav__Inner {
    padding: 0;
  }
}
@media only screen and (max-width: 879px) {
  .GlobalNav {
    padding-top: 36px;
  }
}
.GlobalNav a:not(.Js-ModalMegamenu) {
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
.GlobalNav a:not(.Js-ModalMegamenu):hover {
  color: #01652F;
}
.GlobalNav ul {
  list-style: none;
}
.GlobalNav__Title {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
}
.GlobalNav__Dealer {
  line-height: 1;
}
.GlobalNav__Dealer .Button-Dealer a {
  min-width: 163px;
  height: 37px;
  line-height: 37px;
  padding: 0 22px;
}
.GlobalNav__Dealer .Button-Dealer .Button__Icon {
  padding-left: 0;
}
.GlobalNav__Dealer .Button-Dealer .Button__Icon::after {
  top: -12px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .GlobalNav__Dealer .Button-Dealer .Button__Icon::after {
    top: -11px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .GlobalNav__Dealer .Button-Dealer .Button__Icon::after {
    top: -10px;
  }
}
.GlobalNav__Dealer .Button-Dealer .Button__Text {
  min-height: 37px;
  padding: 0;
  font-size: 1.2rem;
}
.Megamenu {
  list-style: none;
}
@media only screen and (min-width: 880px) {
  .Megamenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 60px;
  }
}
.Megamenu .Link:hover .Link__Text {
  border-bottom: 1px solid transparent;
}
.Megamenu a:not(.Js-ModalMegamenu) {
  color: #000;
  font-size: 1.3rem;
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Megamenu a:not(.Js-ModalMegamenu) {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Megamenu a:not(.Js-ModalMegamenu) {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .Megamenu a:not(.Js-ModalMegamenu) {
    font-size: 1.3rem;
  }
}
.Megamenu a:not(.Js-ModalMegamenu):hover {
  color: #01652F;
}
.Megamenu a.State-Current {
  color: #01652F;
}
@media only screen and (min-width: 880px) {
  [class*="Megamenu__Item"] {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}
@media only screen and (min-width: 880px) {
  [class*="Megamenu__Item"]:first-child .Megamenu__SubMenu {
    left: 0;
  }
}
@media only screen and (min-width: 880px) {
  [class*="Megamenu__Item"]:first-child .Megamenu__Head a {
    padding-left: 0;
  }
}
@media only screen and (max-width: 879px) {
  [class*="Megamenu__Item"]:last-child {
    border-bottom: 1px solid #d6d6d6;
  }
}
[class*="Megamenu__Item"]:hover .Megamenu__SubMenu {
  display: block;
}
[class*="Megamenu__Item"]:hover .Megamenu__Head span,
[class*="Megamenu__Item"]:hover .Megamenu__Head-Link span {
  font-weight: bold;
}
@media only screen and (min-width: 880px) {
  [class*="Megamenu__Item"]:hover .Megamenu__Head span::after,
  [class*="Megamenu__Item"]:hover .Megamenu__Head-Link span::after {
    margin-top: -3px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
}
@media only screen and (min-width: 880px) {
  .Megamenu__Item-isStatic {
    position: static;
  }
}
.Megamenu__Head,
.Megamenu__Head-Link {
  font-weight: bold;
}
@media only screen and (min-width: 880px) {
  .Megamenu__Head,
  .Megamenu__Head-Link {
    height: 100%;
  }
}
@media only screen and (max-width: 879px) {
  .Megamenu__Head,
  .Megamenu__Head-Link {
    border-top: 1px solid #d6d6d6;
  }
}
.Megamenu__Head a,
.Megamenu__Head-Link a {
  width: 100%;
}
@media only screen and (min-width: 880px) {
  .Megamenu__Head a,
  .Megamenu__Head-Link a {
    min-height: 60px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 16px;
  }
}
@media only screen and (max-width: 879px) {
  .Megamenu__Head a,
  .Megamenu__Head-Link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 24px 11px;
  }
}
.Megamenu__Head a.State-Current,
.Megamenu__Head-Link a.State-Current {
  color: #01652F;
}
@media only screen and (min-width: 880px) {
  .Megamenu__Head span:not(.Icon-Open),
  .Megamenu__Head-Link span:not(.Icon-Open) {
    display: block;
    position: relative;
    font-weight: bold;
    padding-right: 17px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 880px) {
  .Megamenu__Head span:not(.Icon-Open)::after,
  .Megamenu__Head-Link span:not(.Icon-Open)::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-top: -3px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2px;
  }
}
@media only screen and (max-width: 879px) {
  .Megamenu__Head span:not(.Icon-Open)::after,
  .Megamenu__Head-Link span:not(.Icon-Open)::after {
    display: none;
  }
}
@media only screen and (max-width: 879px) {
  .Megamenu__Head span::before, .Megamenu__Head span::after,
  .Megamenu__Head-Link span::before,
  .Megamenu__Head-Link span::after {
    width: 10px;
    height: 2px;
  }
}
@media only screen and (min-width: 880px) {
  .Megamenu__Head .Icon-Open,
  .Megamenu__Head-Link .Icon-Open {
    display: none;
  }
}
@media only screen and (min-width: 880px) {
  .Megamenu__Head-isSP {
    display: none;
  }
}
@media only screen and (max-width: 879px) {
  .Megamenu__Head-isSP a {
    display: block;
    padding: 21px 0 19px;
  }
}
@media only screen and (min-width: 880px) {
  .Megamenu__Inner.Type-Single {
    width: 222px;
  }
  .Megamenu__Inner.Type-Single .MegamenuList__Item {
    padding: 15px 12px 33px 32px;
    border: 1px solid #d6d6d6;
    background-color: #fff;
  }
  .Megamenu__Inner.Type-Single .MegamenuList__Item li {
    margin-top: 18px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 880px) {
  .Megamenu__Inner.Type-Multi {
    min-width: 439px;
    padding: 36px 8px;
    border: 1px solid #d6d6d6;
    background-color: #fff;
  }
  .Megamenu__Inner.Type-Multi .MegamenuList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .Megamenu__Inner.Type-Multi .MegamenuList .MegamenuList__Item {
    min-width: 226px;
    padding: 0 32px;
  }
  .Megamenu__Inner.Type-Multi .MegamenuList .MegamenuList__Item:not(:last-child) {
    position: relative;
  }
  .Megamenu__Inner.Type-Multi .MegamenuList .MegamenuList__Item:not(:last-child)::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #d6d6d6;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .Megamenu__Inner.Type-Multi .MegamenuList .MegamenuList__Item li:not(:first-child) {
    margin-top: 12px;
  }
}
@media only screen and (min-width: 880px) {
  .Megamenu__SubMenu {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
  }
  .Megamenu__SubMenu.State-Focused {
    display: block;
  }
}
@media only screen and (max-width: 879px) {
  .Megamenu__SubMenu {
    padding: 0 48px;
    border-top: 1px solid #d6d6d6;
    background-color: #f5f5f5;
  }
}
.Megamenu__SubMenu .Megamenu__Head-isSP {
  font-weight: bold;
}
.Megamenu__SubMenu .MegamenuList__Item {
  font-weight: bold;
}
.MegamenuList__Head {
  margin: 0 0 15px -2px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #a3a3a3;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .MegamenuList__Head {
    font-size: 1.75rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .MegamenuList__Head {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .MegamenuList__Head {
    margin: 8px 0 6px 0;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 879px) {
  .MegamenuList__Item {
    padding: 18px 0 19px;
    border-top: 1px solid #d6d6d6;
  }
}
@media only screen and (max-width: 879px) {
  .MegamenuList__Item a {
    display: block;
    padding: 9px 0 8px;
  }
}
@media only screen and (min-width: 880px) {
  .Megamenu__ModalButton {
    margin-top: 36px;
    text-align: center;
  }
}
@media only screen and (max-width: 879px) {
  .Megamenu__ModalButton {
    margin-top: 0;
    padding: 30px 0;
    text-align: center;
    border-top: 1px solid #d6d6d6;
  }
}
@media only screen and (max-width: 879px) {
  .Megamenu__ModalButton .Button {
    display: inline-block;
    width: auto;
    min-width: 176px;
    text-align: center;
  }
}
.Megamenu__ModalButton .Button a {
  font-size: 1.3rem;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Megamenu__ModalButton .Button a {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Megamenu__ModalButton .Button a {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .Megamenu__ModalButton .Button a {
    font-size: 1.3rem;
  }
}
.Js-HMenu__Trigger {
  display: inline-block;
  padding: 15px;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-property: opacity,-webkit-filter;
  transition-property: opacity,-webkit-filter;
  transition-property: opacity,filter;
  transition-property: opacity,filter,-webkit-filter;
  text-transform: none;
  color: inherit;
  border: 0;
  border-left: 1px solid #e3e3e3;
  background-color: transparent;
}
@media only screen and (min-width: 880px) {
  .Js-HMenu__Trigger {
    display: none;
  }
}
.Js-HMenu__Trigger.State-Opend .HMenu__Inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.Js-HMenu__Trigger.State-Opend .HMenu__Inner:before {
  opacity: 0;
}
.Js-HMenu__Trigger.State-Opend .HMenu__Inner:after {
  -webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
  transform: translate3d(0, -16px, 0) rotate(-90deg);
}
@media only screen and (min-width: 880px) {
  .HMenu {
    display: none;
  }
}
@media only screen and (max-width: 879px) {
  .HMenu {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
  }
}
.HMenu:hover {
  cursor: pointer;
}
.HMenu .HMenu__Inner {
  display: block;
  position: absolute;
  top: 2px;
  width: 17px;
  height: 3px;
  margin-top: -2px;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  background-color: #333;
}
.HMenu .HMenu__Inner::before, .HMenu .HMenu__Inner::after {
  display: block;
  content: "";
  position: absolute;
  width: 17px;
  height: 3px;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  background-color: #333;
}
.HMenu .HMenu__Inner::before {
  top: 8px;
}
.HMenu .HMenu__Inner::after {
  top: 16px;
}
.HMenu__Text {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
}
@media only screen and (min-width: 880px) {
  .GlobalNav__Utility-isSP {
    display: none;
  }
}
@media only screen and (max-width: 879px) {
  .GlobalNav__Utility-isSP {
    padding: 34px 24px 20px;
  }
}
@media only screen and (max-width: 879px) {
  .GlobalNav__Utility-isSP .SelectPulldown__Content {
    position: relative;
    top: 0;
    border-top: none;
  }
}
.GlobalNav__Utility-isSP .Megamenu-Sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
}
@media only screen and (max-width: 879px) {
  .GlobalNav__Utility-isSP .Megamenu-Sns {
    margin-top: 36px;
  }
}
.GlobalNav__Utility-isSP .Megamenu-Sns li:not(:first-child) {
  margin-left: 24px;
}
.GlobalNav__Utility-isSP .Megamenu-Sns li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.GlobalNav__Utility-isSP .Megamenu-Sns li a:hover {
  opacity: .7;
}
.GlobalNav__Utility-isSP .Megamenu-Sns .GHeader-Facebook {
  padding: 0;
  border-left: none;
}
.GlobalNav__Utility-isSP [class*="IconSVG-"] {
  width: 44px;
  height: 44px;
  fill: #01652F;
}
@media only screen and (max-width: 879px) {
  .ContactUs-isSP {
    margin-top: 16px;
    padding: 15px 0 13px;
    text-align: center;
  }
  .ContactUs-isSP a {
    color: #333;
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 879px) and (min-width: 1024px) and (max-width: 1439px) {
  .ContactUs-isSP a {
    font-size: 1.1375rem;
  }
}
@media only screen and (max-width: 879px) and (min-width: 768px) and (max-width: 1023px) {
  .ContactUs-isSP a {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 879px) and (max-width: 767px) {
  .ContactUs-isSP a {
    font-size: 1.3rem;
  }
}
/*===== Megamnu-Modal =====*/
.Modal-Megamenu {
  height: 100%;
}
@media print, screen and (min-width: 768px) {
  .Modal-Megamenu {
    width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .Modal-Megamenu {
    overflow: hidden;
  }
}
.Modal-Megamenu .Js-ScrollBar-Modal {
  width: 100%;
  max-height: calc(80vh - 144px);
}
.Modal-Megamenu .Modal__Button {
  top: 0;
  right: -83px;
}
@media only screen and (max-width: 767px) {
  .Modal-Megamenu .Modal__Button {
    right: 0;
  }
}
.Modal-Megamenu__Head {
  padding: 0 48px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .Modal-Megamenu__Head {
    padding: 0 24px;
  }
}
.Modal-Megamenu__Head__Inner {
  width: 100%;
  padding: 48px 0 30px;
  border-bottom: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 768px) {
  .Modal-Megamenu__Head__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .Modal-Megamenu__Head__Inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 26px 0 24px;
  }
}
.Modal-Megamenu__Title {
  padding-right: 16px;
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Modal-Megamenu__Title {
    font-size: 2.8rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Modal-Megamenu__Title {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .Modal-Megamenu__Title {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .Modal-Megamenu__Title {
    padding-right: 0;
  }
}
.Modal-Megamenu__Body .Js-ScrollBar-Modal {
  padding: 0;
}
.Modal-Megamenu__Body .mCSB_scrollTools {
  width: 7px;
}
.Modal-Megamenu__Body .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
/*-- MegamenuSelect
----------------------------------------------------------*/
.MegamenuSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media print, screen and (min-width: 768px) {
  .MegamenuSelect {
    width: 33.3%;
    padding-left: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .MegamenuSelect {
    margin-top: 20px;
  }
}
.MegamenuSelect__Pulldown {
  position: relative;
  width: 100%;
}
.MegamenuSelect__Pulldown .SelectPulldown__Head {
  min-height: 42px;
}
.MegamenuSelect__Pulldown .SelectPulldown__Content {
  top: 41px;
}
@media only screen and (max-width: 767px) {
  .Js-MegamenuTab {
    height: 100%;
  }
}
.Js-MegamenuTab ul {
  list-style-type: none;
}
.Js-MegamenuTab__SiteContent__Item _:-ms-lang(x), .Js-MegamenuTab__SiteContent__Item {
  /* IE11 */
  min-height: 0;
}
@media only screen and (max-width: 767px) {
  .Js-MegamenuTab__SiteContent__Item _:-ms-lang(x), .Js-MegamenuTab__SiteContent__Item {
    min-height: 0;
  }
}
.Js-MegamenuTab__SiteContent__Item:not(:first-child) {
  display: none;
}
.Js-MegamenuTab__SiteContent__Item.State-Selected {
  display: block;
}
.Megamenu__ModalButton .Button .Js-ModalMegamenu .Button__Text {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/*-- SeriesDetail
----------------------------------------------------------*/
.SeriesDetail__Wrap {
  padding: 0 48px 28px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Wrap {
    padding: 0 24px 24px;
  }
}
@media only screen and (max-width: 767px) {
  .Js-ScrollBar-Modal:not(.mCS_no_scrollbar) .SeriesDetail__Wrap {
    padding-bottom: 50px;
  }
}
.SeriesDetail {
  padding: 32px 0 27px;
}
@media only screen and (max-width: 767px) {
  .SeriesDetail {
    padding: 21px 0 22px;
  }
}
.SeriesDetail:not(:first-child) {
  border-top: 1px solid #d6d6d6;
}
.SeriesDetail__Head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 25px;
  font-weight: bold;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Head {
    margin-bottom: 19px;
  }
}
.SeriesDetail__Head .Name {
  padding-right: 20px;
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
  line-height: 1;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesDetail__Head .Name {
    font-size: 2.45rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesDetail__Head .Name {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Head .Name {
    font-size: 1.8rem;
  }
}
.SeriesDetail__Head .Horsepower {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #333;
  line-height: 1;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesDetail__Head .Horsepower {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesDetail__Head .Horsepower {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Head .Horsepower {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 768px) {
  .SeriesDetail__Head .Horsepower {
    margin-bottom: 2px;
  }
}
.SeriesDetail__Head .Hyphen {
  display: inline-block;
  margin: 0 6px 0 5px;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #333;
  line-height: 1.4;
  font-weight: bold;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesDetail__Head .Hyphen {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesDetail__Head .Hyphen {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Head .Hyphen {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Head .Hyphen {
    margin: 0 6px 2px 5px;
    line-height: 1.4;
  }
}
.SeriesDetail__Head .Unit {
  margin-left: 3px;
  margin-bottom: 3px;
  font-size: 1.2em;
  line-height: 1;
}
.SeriesDetail__Body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -32px;
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Body {
    margin-left: -13px;
  }
}
.SeriesDetail__Body .Model {
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesDetail__Body .Model {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesDetail__Body .Model {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Body .Model {
    font-size: 1.6rem;
  }
}
.SeriesDetail__Body .Model a {
  color: #000;
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.SeriesDetail__Body .Model a:hover {
  color: #01652F;
}
.SeriesDetail__Body .Link {
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesDetail__Body .Link {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesDetail__Body .Link {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Body .Link {
    font-size: 1.6rem;
  }
}
.SeriesDetail__Body .Horsepower {
  padding: 0;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesDetail__Body .Horsepower {
    font-size: 1.75rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesDetail__Body .Horsepower {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Body .Horsepower {
    font-size: 1.4rem;
  }
}
.SeriesDetail__Body .Unit {
  margin-left: 3px;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1;
}
.SeriesDetail__Body .SeriesDetail__Body__Item {
  margin-top: 18px;
  margin-left: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Body .SeriesDetail__Body__Item {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Body .SeriesDetail__Body__Item {
    margin-top: 12px;
  }
}
.SeriesDetail__Body .SeriesDetail__Body__Item dd {
  margin-top: 4px;
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Body .SeriesDetail__Body__Item dd {
    margin-top: 3px;
  }
}
.SeriesDetail__Body.SeriesDetail__Body-Column1 .SeriesDetail__Body__Item {
  width: 100%;
}
.SeriesDetail__Body.SeriesDetail__Body-Column1 .SeriesDetail__Body__Item:nth-child(1) {
  margin-top: 0;
}
.SeriesDetail__Body.SeriesDetail__Body-Column4 .SeriesDetail__Body__Item {
  width: calc((100% - 32px * 4)/ 4);
}
.SeriesDetail__Body.SeriesDetail__Body-Column4 .SeriesDetail__Body__Item _:-ms-lang(x), .SeriesDetail__Body.SeriesDetail__Body-Column4 .SeriesDetail__Body__Item {
  /* IE11 */
  width: calc((100% - 33px * 4)/ 4);
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Body.SeriesDetail__Body-Column4 .SeriesDetail__Body__Item {
    width: calc((100% - 13px * 2)/ 2);
  }
}
.SeriesDetail__Body.SeriesDetail__Body-Column4 .SeriesDetail__Body__Item _:-ms-lang(x), .SeriesDetail__Body.SeriesDetail__Body-Column4 .SeriesDetail__Body__Item {
  /* IE11 */
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Body.SeriesDetail__Body-Column4 .SeriesDetail__Body__Item _:-ms-lang(x), .SeriesDetail__Body.SeriesDetail__Body-Column4 .SeriesDetail__Body__Item {
    width: calc((100% - 14px * 2)/ 2);
  }
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Body.SeriesDetail__Body-Column4 .SeriesDetail__Body__Item:nth-of-type(even) {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesDetail__Body.SeriesDetail__Body-Column4 .SeriesDetail__Body__Item:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .SeriesDetail__Body.SeriesDetail__Body-Column4 .SeriesDetail__Body__Item:nth-child(-n+4) {
    margin-top: 0;
  }
}
.SeriesDetail__Body .SeriesDetail__Model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.SeriesDetail__Title {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
}
/*===== Hero Area =====*/
.Hero__Img__Inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.Hero__Img-Main {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
@media print, screen and (min-width: 768px) {
  .Hero__Img-Blank-ViewPC {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .Hero__Img-Blank-ViewPC {
    display: none !important;
  }
}
@media print, screen and (min-width: 768px) {
  .Hero__Img-Blank-ViewSP {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .Hero__Img-Blank-ViewSP {
    width: 100%;
    height: auto;
  }
}
@media print, screen and (min-width: 768px) {
  .Hero__Title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: calc((100% / 5) * 2);
    text-align: left;
  }
}
@media print, screen and (min-width: 1525px) {
  .Hero__Title {
    padding-top: 111px;
  }
}
@media print, screen and (max-width: 1524px) {
  .Hero__Title {
    padding-top: calc((100% - 88% - 2px) / 2);
  }
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Hero__Title {
    padding-top: calc((100% - 88% - 14px) / 2);
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Hero__Title {
    width: calc((100% / 5) * 3);
    padding-top: calc((100% - 88% - 24px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .Hero__Title {
    padding-top: 0;
  }
}
.Hero__Title .Hero__Heading {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .Hero__Title .Hero__Heading {
    padding-bottom: 9px;
  }
}
.Hero__Title .Hero__Heading::after {
  content: '';
  display: block;
  position: absolute;
  width: 48px;
  height: 2px;
  bottom: -14px;
}
@media only screen and (max-width: 767px) {
  .Hero__Title .Hero__Heading::after {
    width: 36px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background-color: #01652F;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.Hero__Title .Hero__Name {
  display: inline;
  font-size: 4rem;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Hero__Title .Hero__Name {
    font-size: 3.5rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Hero__Title .Hero__Name {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .Hero__Title .Hero__Name {
    font-size: 2.6rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Hero__Title .Hero__Name {
    vertical-align: top;
  }
}
.Hero__Title .Hero__Label {
  display: inline-block;
  margin-left: 15px;
  padding-top: 8px;
  vertical-align: top;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .Hero__Title .Hero__Label {
    margin-left: 10px;
    padding-top: 3px;
    font-size: 14px;
  }
}
.Hero__Title .Hero__Lead {
  font-size: 2.6rem;
  line-height: 1.3;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Hero__Title .Hero__Lead {
    font-size: 2.275rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Hero__Title .Hero__Lead {
    font-size: 1.95rem;
  }
}
@media only screen and (max-width: 767px) {
  .Hero__Title .Hero__Lead {
    font-size: 1.9rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Hero__Title .Hero__Lead {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .Hero__Title .Hero__Lead {
    margin-top: 20px;
  }
}
.Hero__Body {
  max-width: 1284px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .Hero__Body {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .Hero__Body {
    padding: 0 24px;
  }
}
@media print, screen and (min-width: 768px) {
  .Hero__Body {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88%;
    height: 100%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .Hero__Body {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 30px 48px 42px;
    text-align: center;
  }
}
.Hero__Img {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Hero__Img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    height: 100%;
  }
}
.Hero {
  max-width: 1524px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .Hero {
    position: relative;
    max-height: 600px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .Hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #d6d6d6;
  }
}
@media print, screen and (min-width: 768px) {
  .Hero .Hero__Body::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.Hero .Hero__Heading__Wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.Hero .Hero__Heading__Wrap .Hero__Heading__Category {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .Hero .Hero__Heading__Wrap .Hero__Heading__Category {
    margin-bottom: 10px;
  }
}
.Hero .Hero__Heading__Wrap .Hero__Heading {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media print, screen and (min-width: 768px) {
  .Hero .Hero__Title {
    color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  .Hero .Hero__Title .Hero__Heading::after {
    background-color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  .Hero .Hero__Title .Hero__Name,
  .Hero .Hero__Title .Hero__Lead,
  .Hero .Hero__Title .Hero__Heading__Category {
    color: #fff;
  }
}
.Hero .Hero__Title .Hero__Heading__Category {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Hero .Hero__Title .Hero__Heading__Category {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Hero .Hero__Title .Hero__Heading__Category {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .Hero .Hero__Title .Hero__Heading__Category {
    color: #000;
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 767px) {
  .Hero .Hero__Img-Blank-ViewPC {
    width: auto;
    height: 100%;
  }
}
.Hero-TypeB {
  max-width: 1524px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .Hero-TypeB {
    position: relative;
    max-height: 600px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .Hero-TypeB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #d6d6d6;
  }
}
@media print, screen and (min-width: 768px) {
  .Hero-TypeB .Hero__Body::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media print, screen and (min-width: 768px) {
  .Hero-TypeB .Hero__Title {
    width: calc((100% / 3) * 1);
  }
}
.Hero-TypeB .Hero__Title .Hero__Heading::after {
  background-color: #01652F;
}
@media only screen and (max-width: 767px) {
  .Hero-TypeB .Hero__Img-Blank-ViewPC {
    width: auto;
    height: 100%;
  }
}
.Hero-TypeB .Hero__Img {
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(39%, #fefefe), color-stop(85%, #e5e5e5), to(#e0e0e0));
  background: linear-gradient(white 0%, #fefefe 39%, #e5e5e5 85%, #e0e0e0 100%);
}
@media print, screen and (min-width: 768px) {
  .Hero-TypeB .Hero__Img-Main__Wrap {
    max-width: 1284px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media print, screen and (min-width: 768px) and (min-width: 768px) {
  .Hero-TypeB .Hero__Img-Main__Wrap {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Hero-TypeB .Hero__Img-Main__Wrap {
    padding: 0 24px;
  }
}
@media print, screen and (min-width: 768px) {
  .Hero-TypeB .Hero__Img-Main {
    left: 33.3%;
    height: 100%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
/*-- slider --*/
@media print, screen and (min-width: 768px) {
  .Hero__Link {
    border-bottom: 1px solid #d6d6d6;
  }
}
@media only screen and (max-width: 767px) {
  .Hero__Link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }
}
.Hero__Link .Hero__Img__Inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.Hero__Link .Hero__Img__Inner img {
  -webkit-transition: .5s linear;
  transition: .5s linear;
}
.Hero__Link:hover .Hero__Img-Main {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: translate(-50%, -50%) scale(1.03);
  transform: translate(-50%, -50%) scale(1.03);
}
/*===== Heading =====*/
.Heading-LV1 {
  font-size: 4rem;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
  margin: 0;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Heading-LV1 {
    font-size: 3.5rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Heading-LV1 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .Heading-LV1 {
    font-size: 2.6rem;
  }
}
.Heading-LV1 + .Paragraph {
  border-top: 1px solid #d6d6d6;
}
.Heading-LV1__Wrap {
  margin-bottom: 26px;
  padding-top: 71px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV1__Wrap {
    margin-bottom: 19px;
    padding-top: 39px;
  }
}
.Heading-LV1__Inner {
  max-width: 1284px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .Heading-LV1__Inner {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .Heading-LV1__Inner {
    padding: 0 24px;
  }
}
.Heading-LV1-Supplement {
  font-size: 4rem;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
  margin: 0;
  padding-bottom: 13px;
  text-align: center;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Heading-LV1-Supplement {
    font-size: 3.5rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Heading-LV1-Supplement {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .Heading-LV1-Supplement {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .Heading-LV1-Supplement {
    padding-bottom: 10px;
  }
}
.Heading-LV1-Supplement .Main {
  position: relative;
  display: block;
}
.Heading-LV1-Supplement .Main::after {
  content: '';
  display: block;
  position: absolute;
  width: 48px;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -13px;
  margin: auto;
  background-color: #01652F;
}
@media only screen and (max-width: 767px) {
  .Heading-LV1-Supplement .Main::after {
    width: 36px;
    bottom: -10px;
  }
}
.Heading-LV1-Supplement__Wrap {
  margin-bottom: 12px;
  padding-top: 71px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Heading-LV1-Supplement__Wrap {
    margin-bottom: 20px;
    padding-top: 39px;
  }
}
.Heading-LV1-Supplement__Inner {
  max-width: 1284px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .Heading-LV1-Supplement__Inner {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .Heading-LV1-Supplement__Inner {
    padding: 0 24px;
  }
}
.Heading-LV1-Supplement__Body {
  margin-top: 31px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Heading-LV1-Supplement__Body {
    margin-top: 20px;
  }
}
.Heading-LV2 {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
  padding-bottom: 15px;
  text-align: center;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Heading-LV2 {
    font-size: 2.8rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Heading-LV2 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .Heading-LV2 {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .Heading-LV2 {
    padding-bottom: 12px;
  }
}
.Heading-LV2 .Main {
  position: relative;
  display: block;
}
.Heading-LV2 .Main::after {
  content: '';
  display: block;
  position: absolute;
  width: 48px;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: auto;
  background-color: #01652F;
}
@media only screen and (max-width: 767px) {
  .Heading-LV2 .Main::after {
    width: 36px;
    bottom: -12px;
  }
}
.Heading-LV3 {
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Heading-LV3 {
    font-size: 2.45rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Heading-LV3 {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .Heading-LV3 {
    font-size: 1.8rem;
  }
}
.Heading-LV3__Wrap {
  margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV3__Wrap {
    margin-bottom: 18px;
  }
}
.Heading-LV3__Wrap + .List-DL {
  margin-top: 33px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV3__Wrap + .List-DL {
    margin-top: 26px;
  }
}
.SectionList__Item > .Heading-LV3__Wrap,
.Section-Partition > .Heading-LV3__Wrap {
  margin-bottom: 28px;
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .SectionList__Item > .Heading-LV3__Wrap,
  .Section-Partition > .Heading-LV3__Wrap {
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .SectionList__Item > .Heading-LV3__Wrap,
  .Section-Partition > .Heading-LV3__Wrap {
    padding-top: 32px;
  }
}
.SectionList__Item > .Content__Inner > .Heading-LV3__Wrap,
.Section-Partition > .Content__Inner > .Heading-LV3__Wrap {
  margin-bottom: 28px;
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .SectionList__Item > .Content__Inner > .Heading-LV3__Wrap,
  .Section-Partition > .Content__Inner > .Heading-LV3__Wrap {
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .SectionList__Item > .Content__Inner > .Heading-LV3__Wrap,
  .Section-Partition > .Content__Inner > .Heading-LV3__Wrap {
    padding-top: 32px;
  }
}
.Paragraph-Media.Section-Partition .Heading-LV3__Wrap {
  margin-top: 56px;
}
@media only screen and (max-width: 767px) {
  .Paragraph-Media.Section-Partition .Heading-LV3__Wrap {
    margin-top: 34px;
  }
}
.Heading-LV4 {
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Heading-LV4 {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Heading-LV4 {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .Heading-LV4 {
    font-size: 1.6rem;
  }
}
.Heading-LV4 .Heading-SubInfo {
  margin: 7px 0 3px 0;
}
@media only screen and (max-width: 767px) {
  .Heading-LV4 .Heading-SubInfo {
    margin-top: 4px;
  }
}
.Heading-LV4__Wrap {
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV4__Wrap {
    margin-bottom: 14px;
  }
}
.Heading-LV5 {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Heading-LV5 {
    font-size: 1.75rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Heading-LV5 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .Heading-LV5 {
    font-size: 1.4rem;
  }
}
.Heading-LV5__Wrap {
  margin-bottom: 21px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV5__Wrap {
    margin-bottom: 10px;
  }
}
.Heading-LV6 {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Heading-LV6 {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Heading-LV6 {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Heading-LV6 {
    font-size: 1.3rem;
  }
}
[class*="Heading-"] .Heading-Numbers {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
  margin-bottom: 13px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  [class*="Heading-"] .Heading-Numbers {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  [class*="Heading-"] .Heading-Numbers {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  [class*="Heading-"] .Heading-Numbers {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 767px) {
  [class*="Heading-"] .Heading-Numbers {
    margin-bottom: 11px;
  }
}
[class*="Heading-"] .Heading-SubInfo {
  display: block;
  font-size: 1.3rem;
}
@media only screen and (max-width: 767px) {
  [class*="Heading-"] .Heading-SubInfo {
    font-size: 1.1rem;
  }
}
[class*="Heading-"] .Heading-Category {
  display: block;
  margin-bottom: 14px;
  font-size: 1.3rem;
}
@media only screen and (max-width: 767px) {
  [class*="Heading-"] .Heading-Category {
    margin-bottom: 12px;
    font-size: 1.1rem;
  }
}
.SiteTop__Heading {
  position: absolute;
  width: 1px;
  height: 1px;
  line-height: 0;
  overflow: hidden;
}
/*===== HeadingList =====*/
.HeadingList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 768px) {
  .HeadingList {
    margin-left: -32px;
  }
}
@media only screen and (max-width: 767px) {
  .HeadingList:not(.Grid-ViewSPColumn1) {
    margin-left: -13px;
  }
  .HeadingList.Grid-ViewSPColumn1 > .Grid__Item {
    margin-left: 0;
  }
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .HeadingList {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .HeadingList {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .HeadingList {
    font-size: 1.3rem;
  }
}
.HeadingList__Item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: 32px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc((100% - 32px * 4)/ 4);
}
@media only screen and (max-width: 767px) {
  .HeadingList__Item {
    margin-left: 13px;
  }
}
@media print, screen and (min-width: 768px) {
  .HeadingList__Item:nth-child(-n+4) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .HeadingList__Item {
    width: 100%;
  }
}
.HeadingList__Item _:-ms-lang(x), .HeadingList__Item {
  /* IE11 */
  width: calc((100% - 33px * 4)/ 4);
}
@media only screen and (max-width: 767px) {
  .HeadingList__Item _:-ms-lang(x), .HeadingList__Item {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .HeadingList__Item + .HeadingList__Item {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .HeadingList__Item + .HeadingList__Item {
    margin-top: 14px;
  }
}
.HeadingList__Body {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.HeadingList__Body li:not(:first-child) {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .HeadingList__Body li:not(:first-child) {
    margin-top: 14px;
  }
}
/*===== Text =====*/
.Text,
ul.Text {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Text,
  ul.Text {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Text,
  ul.Text {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Text,
  ul.Text {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
ul.Text {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.Text li:not(:first-child) {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  ul.Text li:not(:first-child) {
    margin-top: 18px;
  }
}
.Text-Center {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  text-align: center;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Text-Center {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Text-Center {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Text-Center {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.Text-Note {
  font-size: 1.3rem;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Text-Note {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Text-Note {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .Text-Note {
    font-size: 1.1rem;
  }
}
.Link {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  font-weight: bold;
  color: #01652F;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Link {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Link {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Link {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.Link a {
  color: #01652F;
}
.Link .Link__Text {
  vertical-align: middle;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  -webkit-transition: color .25s linear , border-bottom .25s linear;
  transition: color .25s linear , border-bottom .25s linear;
}
.Link:hover .Link__Text {
  color: #01652F;
  border-bottom: 1px solid #01652F;
}
.Link [class*="IconSVG-"] {
  margin-left: 7px;
}
.Link__FileSize {
  margin-left: 7px;
  font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
  .Link__FileSize {
    font-size: 1.1rem;
  }
}
.Text-Copy {
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Text-Copy {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Text-Copy {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .Text-Copy {
    font-size: 1.6rem;
  }
}
.Text-Supplement {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  text-align: right;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Text-Supplement {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Text-Supplement {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Text-Supplement {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
[class*="Heading-"] + .Text-Supplement {
  margin-top: 28px;
}
@media only screen and (max-width: 767px) {
  [class*="Heading-"] + .Text-Supplement {
    margin-top: 19px;
  }
}
.Text-Asterisk {
  color: #cc0000;
}
.Text-Strong {
  font-weight: bold;
}
.Text-Annotation {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  color: #cc0000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Text-Annotation {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Text-Annotation {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Text-Annotation {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.Text-Underline {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  text-decoration: underline;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Text-Underline {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Text-Underline {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Text-Underline {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.Text-Italic {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  font-style: italic;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Text-Italic {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Text-Italic {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Text-Italic {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.Text-Upper {
  top: -0.5em;
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.Text-Lower {
  bottom: -0.25em;
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.Js-Tel-Sp a {
  color: #01652F;
}
.Img-Logo img {
  width: 100%;
  border: 1px solid #d6d6d6;
}
/*===== Section =====*/
[class^="Section-"] .Content__Inner,
[id^="Section-"] .Content__Inner {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  [class^="Section-"] .Content__Inner,
  [id^="Section-"] .Content__Inner {
    padding: 0 24px;
  }
}
[class^="Section-"] + .JoinUs,
[class^="Section-"] + .Box-Button,
[id^="Section-"] + .JoinUs,
[id^="Section-"] + .Box-Button {
  margin-top: 73px;
}
@media only screen and (max-width: 767px) {
  [class^="Section-"] + .JoinUs,
  [class^="Section-"] + .Box-Button,
  [id^="Section-"] + .JoinUs,
  [id^="Section-"] + .Box-Button {
    margin-top: 34px;
  }
}
[class^="Section-"] + .FindDealer,
[id^="Section-"] + .FindDealer {
  margin-top: 73px;
}
@media only screen and (max-width: 767px) {
  [class^="Section-"] + .FindDealer,
  [id^="Section-"] + .FindDealer {
    margin-top: 42px;
  }
}
[class^="Area-"] + .FindDealer {
  margin-top: 82px;
}
@media only screen and (max-width: 767px) {
  [class^="Area-"] + .FindDealer {
    margin-top: 42px;
  }
}
.Section-LV2 {
  margin-top: 66px;
}
@media only screen and (max-width: 767px) {
  .Section-LV2 {
    margin-top: 30px;
  }
}
.Section-LV2.Section-Partition > [class^="Grid"] {
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .Section-LV2.Section-Partition > [class^="Grid"] {
    margin-top: 36px;
  }
}
.Section-LV2 + .Section-LV2 {
  margin-top: 75px;
}
@media only screen and (max-width: 767px) {
  .Section-LV2 + .Section-LV2 {
    margin-top: 34px;
  }
}
.Paragraph-Media {
  margin-top: 56px;
}
@media only screen and (max-width: 767px) {
  .Paragraph-Media {
    margin-top: 33px;
  }
}
.Paragraph-Media.Section-Partition > [class^="Grid"] {
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .Paragraph-Media.Section-Partition > [class^="Grid"] {
    margin-top: 36px;
  }
}
.Paragraph-Media + .Paragraph-Media {
  margin-top: 75px;
}
@media only screen and (max-width: 767px) {
  .Paragraph-Media + .Paragraph-Media {
    margin-top: 34px;
  }
}
.Paragraph-Section {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .Paragraph-Section {
    padding-top: 32px;
  }
}
.SectionList + .Section-FollowUp {
  margin-top: 46px;
}
@media only screen and (max-width: 767px) {
  .SectionList + .Section-FollowUp {
    margin-top: 32px;
  }
}
.Heading-LV1__Wrap + .SectionList {
  margin-top: 55px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV1__Wrap + .SectionList {
    margin-top: 30px;
  }
}
.SectionList__Item {
  border-top: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 768px) {
  .SectionList__Item.Type-Center .HeadingList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 61px;
  }
}
@media only screen and (max-width: 767px) {
  .SectionList__Item.Type-Center .HeadingList {
    margin-top: 32px;
  }
}
.SectionList__Item + .SectionList__Item {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .SectionList__Item + .SectionList__Item {
    margin-top: 35px;
  }
}
.Section-Partition + .SectionList {
  margin-top: 59px;
}
@media only screen and (max-width: 767px) {
  .Section-Partition + .SectionList {
    margin-top: 32px;
  }
}
.Section-Partition + .Section-Partition {
  margin-top: 75px;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .Section-Partition + .Section-Partition {
    margin-top: 39px;
  }
}
.Section-Partition + .Section-ServiceParts {
  border-top: 1px solid #d6d6d6;
}
.Section-Partition .Content__Inner .Heading-LV2__Wrap {
  margin-bottom: 59px;
  padding-top: 73px;
}
@media only screen and (max-width: 767px) {
  .Section-Partition .Content__Inner .Heading-LV2__Wrap {
    margin-bottom: 34px;
    padding-top: 38px;
  }
}
.Section-Partition + .Section-ServiceParts {
  margin-top: 72px;
}
@media only screen and (max-width: 767px) {
  .Section-Partition + .Section-ServiceParts {
    margin-top: 39px;
  }
}
.Section-BackColor {
  background-color: #f5f5f5;
}
.Section-BackColor .Content__Inner .Heading-LV2__Wrap {
  margin-bottom: 64px;
  padding-top: 73px;
}
@media only screen and (max-width: 767px) {
  .Section-BackColor .Content__Inner .Heading-LV2__Wrap {
    margin-bottom: 36px;
    padding-top: 39px;
  }
}
.Section-IndexPage .Content__Inner .Heading-LV2__Wrap {
  margin-bottom: 32px;
  padding-top: 73px;
}
@media only screen and (max-width: 767px) {
  .Section-IndexPage .Content__Inner .Heading-LV2__Wrap {
    margin-bottom: 21px;
    padding-top: 38px;
  }
}
.Section-IndexPage .Content__Inner .Heading-LV2__Wrap + .Paragraph {
  text-align: center;
}
.Section-DetailPoint .Content__Inner {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .Section-DetailPoint .Content__Inner {
    margin-top: 38px;
  }
}
.Section-Testimonials .Content__Inner {
  margin-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .Section-Testimonials .Content__Inner {
    margin-top: 38px;
    padding-bottom: 38px;
  }
}
.TestimonialsMore [class*="Grid-Column"] {
  margin-left: 0;
  border-top: 1px solid #d6d6d6;
}
.TestimonialsMore .Grid__Item {
  padding: 48px 0;
}
.TestimonialsMore .Grid__Item:nth-of-type(odd) {
  margin-right: 16px;
}
.TestimonialsMore .Grid__Item:nth-of-type(even) {
  margin-left: 16px;
}
.TestimonialsMore__Text {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .TestimonialsMore__Text {
    margin-top: 26px;
  }
}
.TestimonialsMore__Button {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .TestimonialsMore__Button {
    margin-top: 25px;
  }
}
.TestimonialsMore__Relation {
  margin-top: 48px;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .TestimonialsMore__Relation {
    margin-top: 30px;
  }
}
#Section-Outline,
#Section-Mission,
#Section-History {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  #Section-Outline,
  #Section-Mission,
  #Section-History {
    margin-bottom: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .Section-ServiceParts + .FindDealer,
  .Section-SimilarProducts + .FindDealer {
    margin-top: 42px;
  }
}
.Section-ServiceParts__Inner .Grid__Item {
  text-align: center;
}
.Panel + .FindDealer {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .Panel + .FindDealer {
    margin-top: 2px;
  }
}
@media print, screen and (min-width: 768px) {
  .Box-Button + .FindDealer {
    margin-top: 80px;
  }
}
.Heading-LV1__Wrap + .Area-Lead {
  margin-top: 48px;
  padding-bottom: 57px;
}
@media only screen and (max-width: 767px) {
  .Heading-LV1__Wrap + .Area-Lead {
    margin-top: 30px;
    padding-bottom: 42px;
  }
}
.Heading-LV1__Wrap + .Area-Lead-TopicGrid {
  margin-top: 55px;
  padding: 60px 0 59px;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .Heading-LV1__Wrap + .Area-Lead-TopicGrid {
    margin-top: 37px;
    padding: 34px 0 31px;
  }
}
.Heading-LV1__Wrap + .Section-Partition {
  margin-top: 55px;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .Heading-LV1__Wrap + .Section-Partition {
    margin-top: 37px;
  }
}
.Area-PageSupplement .Text {
  text-align: left;
}
.Area-PageSupplement .Button {
  display: inline-block;
  width: auto;
}
.Area-PageSupplement .Content__Inner {
  padding-top: 43px;
  padding-bottom: 48px;
}
@media only screen and (max-width: 767px) {
  .Area-PageSupplement .Content__Inner {
    padding-top: 40px;
    padding-bottom: 44px;
  }
}
.Area-PageSupplement + .Section-Partition,
.Area-Overview + .Section-Partition,
.Area-Lead + .Section-Partition,
.Area-Lead-TopicGrid + .Section-Partition {
  border-top: 1px solid #d6d6d6;
}
.Area-Overview .Content__Inner {
  padding-top: 80px;
}
@media only screen and (max-width: 767px) {
  .Area-Overview .Content__Inner {
    padding-top: 16px;
  }
}
.Area-Overview + .Section-Partition {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .Area-Overview + .Section-Partition {
    margin-top: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .Area-Overview .Media-1to2-spPortrait .Media__Img {
    margin-top: 26px;
  }
}
/*===== Movie =====*/
.Movie-Yotube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.Movie-Yotube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*===== Button =====*/
.Button,
a.Button {
  display: inline-block;
  text-align: center;
}
.Button a,
.Button button,
.Button .Button__Inner,
a.Button a,
a.Button button,
a.Button .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button a,
  .Button button,
  .Button .Button__Inner,
  a.Button a,
  a.Button button,
  a.Button .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button a,
  .Button button,
  .Button .Button__Inner,
  a.Button a,
  a.Button button,
  a.Button .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button a,
  .Button button,
  .Button .Button__Inner,
  a.Button a,
  a.Button button,
  a.Button .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button a,
  .Button button,
  .Button .Button__Inner,
  a.Button a,
  a.Button button,
  a.Button .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button a,
  .Button button,
  .Button .Button__Inner,
  a.Button a,
  a.Button button,
  a.Button .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button a > span:first-child,
  .Button button > span:first-child,
  .Button .Button__Inner > span:first-child,
  a.Button a > span:first-child,
  a.Button button > span:first-child,
  a.Button .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button a > span:first-child.Button__Text,
  .Button button > span:first-child.Button__Text,
  .Button .Button__Inner > span:first-child.Button__Text,
  a.Button a > span:first-child.Button__Text,
  a.Button button > span:first-child.Button__Text,
  a.Button .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button a > span:last-child,
  .Button button > span:last-child,
  .Button .Button__Inner > span:last-child,
  a.Button a > span:last-child,
  a.Button button > span:last-child,
  a.Button .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button a > span:last-child,
  .Button button > span:last-child,
  .Button .Button__Inner > span:last-child,
  a.Button a > span:last-child,
  a.Button button > span:last-child,
  a.Button .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button .Button__Text,
.Button .Js-Viewmore__Text,
a.Button .Button__Text,
a.Button .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button .Button__Text,
  .Button .Js-Viewmore__Text,
  a.Button .Button__Text,
  a.Button .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button .Button__Text,
  .Button .Js-Viewmore__Text,
  a.Button .Button__Text,
  a.Button .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button .Button__Text::after,
.Button .Js-Viewmore__Text::after,
a.Button .Button__Text::after,
a.Button .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button .Button__Text,
a.Button .Button__Text {
  text-align: center;
}
.Button .Button__Icon + .Button__Text,
a.Button .Button__Icon + .Button__Text {
  text-align: left;
}
.Button a,
.Button button,
.Button .Button__Inner,
a.Button a,
a.Button button,
a.Button .Button__Inner {
  border: 1px solid #01652F;
  background-color: #01652F;
}
@media print, screen and (min-width: 768px) {
  .Button a,
  .Button button,
  .Button .Button__Inner,
  a.Button a,
  a.Button button,
  a.Button .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 180px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button .Button__Text,
  .Button .Js-Viewmore__Text,
  a.Button .Button__Text,
  a.Button .Js-Viewmore__Text {
    min-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .Button .Button__Text,
  .Button .Js-Viewmore__Text,
  a.Button .Button__Text,
  a.Button .Js-Viewmore__Text {
    min-height: 36px;
  }
}
.Button a, .Button button,
a.Button a,
a.Button button {
  -webkit-transition: color .25s linear,
 border .25s linear,
 background-color .25s linear;
  transition: color .25s linear,
 border .25s linear,
 background-color .25s linear;
}
.Button:hover a, .Button:hover button,
a.Button:hover a,
a.Button:hover button {
  color: #fff;
  border: 1px solid rgba(0, 132, 134, 0.7);
  background-color: rgba(0, 132, 134, 0.7);
}
@media only screen and (max-width: 767px) {
  .Button,
  a.Button {
    display: block;
    width: 100%;
  }
}
.Button .IconSVG-Blank::after,
a.Button .IconSVG-Blank::after {
  background: url("https://www.karawang.center/lskit_common/images/icons/link_blank_white.svg") 0 0 no-repeat;
}
.Button-02,
a.Button-02 {
  display: inline-block;
  text-align: center;
  display: inline-block;
  text-align: center;
  -webkit-transition: color .25s linear, border .25s linear, background-color .25s linear;
  transition: color .25s linear, border .25s linear, background-color .25s linear;
}
@media only screen and (max-width: 767px) {
  .Button-02,
  a.Button-02 {
    display: block;
    width: 100%;
  }
}
.Button-02 a,
.Button-02 button,
.Button-02 .Button__Inner,
a.Button-02 a,
a.Button-02 button,
a.Button-02 .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-02 a,
  .Button-02 button,
  .Button-02 .Button__Inner,
  a.Button-02 a,
  a.Button-02 button,
  a.Button-02 .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-02 a,
  .Button-02 button,
  .Button-02 .Button__Inner,
  a.Button-02 a,
  a.Button-02 button,
  a.Button-02 .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-02 a,
  .Button-02 button,
  .Button-02 .Button__Inner,
  a.Button-02 a,
  a.Button-02 button,
  a.Button-02 .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-02 a,
  .Button-02 button,
  .Button-02 .Button__Inner,
  a.Button-02 a,
  a.Button-02 button,
  a.Button-02 .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-02 a,
  .Button-02 button,
  .Button-02 .Button__Inner,
  a.Button-02 a,
  a.Button-02 button,
  a.Button-02 .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-02 a > span:first-child,
  .Button-02 button > span:first-child,
  .Button-02 .Button__Inner > span:first-child,
  a.Button-02 a > span:first-child,
  a.Button-02 button > span:first-child,
  a.Button-02 .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-02 a > span:first-child.Button__Text,
  .Button-02 button > span:first-child.Button__Text,
  .Button-02 .Button__Inner > span:first-child.Button__Text,
  a.Button-02 a > span:first-child.Button__Text,
  a.Button-02 button > span:first-child.Button__Text,
  a.Button-02 .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-02 a > span:last-child,
  .Button-02 button > span:last-child,
  .Button-02 .Button__Inner > span:last-child,
  a.Button-02 a > span:last-child,
  a.Button-02 button > span:last-child,
  a.Button-02 .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-02 a > span:last-child,
  .Button-02 button > span:last-child,
  .Button-02 .Button__Inner > span:last-child,
  a.Button-02 a > span:last-child,
  a.Button-02 button > span:last-child,
  a.Button-02 .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-02 .Button__Text,
.Button-02 .Js-Viewmore__Text,
a.Button-02 .Button__Text,
a.Button-02 .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-02 .Button__Text,
  .Button-02 .Js-Viewmore__Text,
  a.Button-02 .Button__Text,
  a.Button-02 .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-02 .Button__Text,
  .Button-02 .Js-Viewmore__Text,
  a.Button-02 .Button__Text,
  a.Button-02 .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-02 .Button__Text::after,
.Button-02 .Js-Viewmore__Text::after,
a.Button-02 .Button__Text::after,
a.Button-02 .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-02 .Button__Text,
a.Button-02 .Button__Text {
  text-align: center;
}
.Button-02 .Button__Icon + .Button__Text,
a.Button-02 .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-02 a,
.Button-02 button,
.Button-02 .Button__Inner,
a.Button-02 a,
a.Button-02 button,
a.Button-02 .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-02 a,
  .Button-02 button,
  .Button-02 .Button__Inner,
  a.Button-02 a,
  a.Button-02 button,
  a.Button-02 .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-02 a,
  .Button-02 button,
  .Button-02 .Button__Inner,
  a.Button-02 a,
  a.Button-02 button,
  a.Button-02 .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-02 a,
  .Button-02 button,
  .Button-02 .Button__Inner,
  a.Button-02 a,
  a.Button-02 button,
  a.Button-02 .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-02 a,
  .Button-02 button,
  .Button-02 .Button__Inner,
  a.Button-02 a,
  a.Button-02 button,
  a.Button-02 .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-02 a,
  .Button-02 button,
  .Button-02 .Button__Inner,
  a.Button-02 a,
  a.Button-02 button,
  a.Button-02 .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-02 a > span:first-child,
  .Button-02 button > span:first-child,
  .Button-02 .Button__Inner > span:first-child,
  a.Button-02 a > span:first-child,
  a.Button-02 button > span:first-child,
  a.Button-02 .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-02 a > span:first-child.Button__Text,
  .Button-02 button > span:first-child.Button__Text,
  .Button-02 .Button__Inner > span:first-child.Button__Text,
  a.Button-02 a > span:first-child.Button__Text,
  a.Button-02 button > span:first-child.Button__Text,
  a.Button-02 .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-02 a > span:last-child,
  .Button-02 button > span:last-child,
  .Button-02 .Button__Inner > span:last-child,
  a.Button-02 a > span:last-child,
  a.Button-02 button > span:last-child,
  a.Button-02 .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-02 a > span:last-child,
  .Button-02 button > span:last-child,
  .Button-02 .Button__Inner > span:last-child,
  a.Button-02 a > span:last-child,
  a.Button-02 button > span:last-child,
  a.Button-02 .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-02 .Button__Text,
.Button-02 .Js-Viewmore__Text,
a.Button-02 .Button__Text,
a.Button-02 .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-02 .Button__Text,
  .Button-02 .Js-Viewmore__Text,
  a.Button-02 .Button__Text,
  a.Button-02 .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-02 .Button__Text,
  .Button-02 .Js-Viewmore__Text,
  a.Button-02 .Button__Text,
  a.Button-02 .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-02 .Button__Text::after,
.Button-02 .Js-Viewmore__Text::after,
a.Button-02 .Button__Text::after,
a.Button-02 .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-02 .Button__Text,
a.Button-02 .Button__Text {
  text-align: center;
}
.Button-02 .Button__Icon + .Button__Text,
a.Button-02 .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-02 a,
.Button-02 button,
.Button-02 .Button__Inner,
a.Button-02 a,
a.Button-02 button,
a.Button-02 .Button__Inner {
  border: 1px solid #01652F;
  background-color: #01652F;
}
@media print, screen and (min-width: 768px) {
  .Button-02 a,
  .Button-02 button,
  .Button-02 .Button__Inner,
  a.Button-02 a,
  a.Button-02 button,
  a.Button-02 .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 180px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-02 .Button__Text,
  .Button-02 .Js-Viewmore__Text,
  a.Button-02 .Button__Text,
  a.Button-02 .Js-Viewmore__Text {
    min-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-02 .Button__Text,
  .Button-02 .Js-Viewmore__Text,
  a.Button-02 .Button__Text,
  a.Button-02 .Js-Viewmore__Text {
    min-height: 36px;
  }
}
.Button-02 a, .Button-02 button,
a.Button-02 a,
a.Button-02 button {
  -webkit-transition: color .25s linear, border .25s linear, background-color .25s linear;
  transition: color .25s linear, border .25s linear, background-color .25s linear;
}
.Button-02:hover a, .Button-02:hover button,
a.Button-02:hover a,
a.Button-02:hover button {
  color: #01652F;
  border: 1px solid #01652F;
  background-color: #fff;
}
.Button-02 a, .Button-02 button,
a.Button-02 a,
a.Button-02 button {
  color: #333;
  border: 1px solid #404040;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .Button-02 .Button__Text,
  a.Button-02 .Button__Text {
    text-align: left;
  }
}
.Button__Icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .Button__Icon {
    width: 47px;
  }
}
.Button-Dealer {
  display: inline-block;
  text-align: center;
}
.Button-Dealer a,
.Button-Dealer button,
.Button-Dealer .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Dealer a,
  .Button-Dealer button,
  .Button-Dealer .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Dealer a,
  .Button-Dealer button,
  .Button-Dealer .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Dealer a,
  .Button-Dealer button,
  .Button-Dealer .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Dealer a,
  .Button-Dealer button,
  .Button-Dealer .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Dealer a,
  .Button-Dealer button,
  .Button-Dealer .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Dealer a > span:first-child,
  .Button-Dealer button > span:first-child,
  .Button-Dealer .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Dealer a > span:first-child.Button__Text,
  .Button-Dealer button > span:first-child.Button__Text,
  .Button-Dealer .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Dealer a > span:last-child,
  .Button-Dealer button > span:last-child,
  .Button-Dealer .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Dealer a > span:last-child,
  .Button-Dealer button > span:last-child,
  .Button-Dealer .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-Dealer .Button__Text,
.Button-Dealer .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-Dealer .Button__Text,
  .Button-Dealer .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Dealer .Button__Text,
  .Button-Dealer .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-Dealer .Button__Text::after,
.Button-Dealer .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-Dealer .Button__Text {
  text-align: center;
}
.Button-Dealer .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-Dealer a,
.Button-Dealer button,
.Button-Dealer .Button__Inner {
  border: 1px solid #01652F;
  background-color: #01652F;
}
@media print, screen and (min-width: 768px) {
  .Button-Dealer a,
  .Button-Dealer button,
  .Button-Dealer .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 180px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Dealer .Button__Text,
  .Button-Dealer .Js-Viewmore__Text {
    min-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Dealer .Button__Text,
  .Button-Dealer .Js-Viewmore__Text {
    min-height: 36px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Dealer .Button__Icon {
    margin-right: 7px;
  }
}
.Button-Dealer a, .Button-Dealer button {
  -webkit-transition: color .25s linear,
 border .25s linear,
 background-color .25s linear;
  transition: color .25s linear,
 border .25s linear,
 background-color .25s linear;
}
.Button-Dealer:hover a, .Button-Dealer:hover button {
  color: #fff;
  border: 1px solid rgba(0, 132, 134, 0.7);
  background-color: rgba(0, 132, 134, 0.7);
}
.Button-Contact {
  display: inline-block;
  text-align: center;
  display: inline-block;
  text-align: center;
  -webkit-transition: color .25s linear, border .25s linear, background-color .25s linear;
  transition: color .25s linear, border .25s linear, background-color .25s linear;
}
.Button-Contact a,
.Button-Contact button,
.Button-Contact .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Contact a,
  .Button-Contact button,
  .Button-Contact .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Contact a,
  .Button-Contact button,
  .Button-Contact .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact a,
  .Button-Contact button,
  .Button-Contact .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Contact a,
  .Button-Contact button,
  .Button-Contact .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact a,
  .Button-Contact button,
  .Button-Contact .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Contact a > span:first-child,
  .Button-Contact button > span:first-child,
  .Button-Contact .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact a > span:first-child.Button__Text,
  .Button-Contact button > span:first-child.Button__Text,
  .Button-Contact .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Contact a > span:last-child,
  .Button-Contact button > span:last-child,
  .Button-Contact .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact a > span:last-child,
  .Button-Contact button > span:last-child,
  .Button-Contact .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-Contact .Button__Text,
.Button-Contact .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-Contact .Button__Text,
  .Button-Contact .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact .Button__Text,
  .Button-Contact .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-Contact .Button__Text::after,
.Button-Contact .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-Contact .Button__Text {
  text-align: center;
}
.Button-Contact .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-Contact a,
.Button-Contact button,
.Button-Contact .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Contact a,
  .Button-Contact button,
  .Button-Contact .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Contact a,
  .Button-Contact button,
  .Button-Contact .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact a,
  .Button-Contact button,
  .Button-Contact .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Contact a,
  .Button-Contact button,
  .Button-Contact .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact a,
  .Button-Contact button,
  .Button-Contact .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Contact a > span:first-child,
  .Button-Contact button > span:first-child,
  .Button-Contact .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact a > span:first-child.Button__Text,
  .Button-Contact button > span:first-child.Button__Text,
  .Button-Contact .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Contact a > span:last-child,
  .Button-Contact button > span:last-child,
  .Button-Contact .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact a > span:last-child,
  .Button-Contact button > span:last-child,
  .Button-Contact .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-Contact .Button__Text,
.Button-Contact .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-Contact .Button__Text,
  .Button-Contact .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact .Button__Text,
  .Button-Contact .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-Contact .Button__Text::after,
.Button-Contact .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-Contact .Button__Text {
  text-align: center;
}
.Button-Contact .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-Contact a,
.Button-Contact button,
.Button-Contact .Button__Inner {
  border: 1px solid #01652F;
  background-color: #01652F;
}
@media print, screen and (min-width: 768px) {
  .Button-Contact a,
  .Button-Contact button,
  .Button-Contact .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 180px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Contact .Button__Text,
  .Button-Contact .Js-Viewmore__Text {
    min-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Contact .Button__Text,
  .Button-Contact .Js-Viewmore__Text {
    min-height: 36px;
  }
}
.Button-Contact a, .Button-Contact button {
  -webkit-transition: color .25s linear, border .25s linear, background-color .25s linear;
  transition: color .25s linear, border .25s linear, background-color .25s linear;
}
.Button-Contact:hover a, .Button-Contact:hover button {
  color: #01652F;
  border: 1px solid #01652F;
  background-color: #fff;
}
.Button-Contact a, .Button-Contact button {
  color: #333;
  border: 1px solid #404040;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .Button-Contact .Button__Text {
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Contact .Button__Icon {
    margin-right: 9px;
  }
}
.Button-Brochure {
  display: inline-block;
  text-align: center;
  display: inline-block;
  text-align: center;
  -webkit-transition: color .25s linear, border .25s linear, background-color .25s linear;
  transition: color .25s linear, border .25s linear, background-color .25s linear;
}
.Button-Brochure a,
.Button-Brochure button,
.Button-Brochure .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Brochure a,
  .Button-Brochure button,
  .Button-Brochure .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Brochure a,
  .Button-Brochure button,
  .Button-Brochure .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure a,
  .Button-Brochure button,
  .Button-Brochure .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Brochure a,
  .Button-Brochure button,
  .Button-Brochure .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure a,
  .Button-Brochure button,
  .Button-Brochure .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Brochure a > span:first-child,
  .Button-Brochure button > span:first-child,
  .Button-Brochure .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure a > span:first-child.Button__Text,
  .Button-Brochure button > span:first-child.Button__Text,
  .Button-Brochure .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Brochure a > span:last-child,
  .Button-Brochure button > span:last-child,
  .Button-Brochure .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure a > span:last-child,
  .Button-Brochure button > span:last-child,
  .Button-Brochure .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-Brochure .Button__Text,
.Button-Brochure .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-Brochure .Button__Text,
  .Button-Brochure .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure .Button__Text,
  .Button-Brochure .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-Brochure .Button__Text::after,
.Button-Brochure .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-Brochure .Button__Text {
  text-align: center;
}
.Button-Brochure .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-Brochure a,
.Button-Brochure button,
.Button-Brochure .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Brochure a,
  .Button-Brochure button,
  .Button-Brochure .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Brochure a,
  .Button-Brochure button,
  .Button-Brochure .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure a,
  .Button-Brochure button,
  .Button-Brochure .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Brochure a,
  .Button-Brochure button,
  .Button-Brochure .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure a,
  .Button-Brochure button,
  .Button-Brochure .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Brochure a > span:first-child,
  .Button-Brochure button > span:first-child,
  .Button-Brochure .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure a > span:first-child.Button__Text,
  .Button-Brochure button > span:first-child.Button__Text,
  .Button-Brochure .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Brochure a > span:last-child,
  .Button-Brochure button > span:last-child,
  .Button-Brochure .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure a > span:last-child,
  .Button-Brochure button > span:last-child,
  .Button-Brochure .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-Brochure .Button__Text,
.Button-Brochure .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-Brochure .Button__Text,
  .Button-Brochure .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure .Button__Text,
  .Button-Brochure .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-Brochure .Button__Text::after,
.Button-Brochure .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-Brochure .Button__Text {
  text-align: center;
}
.Button-Brochure .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-Brochure a,
.Button-Brochure button,
.Button-Brochure .Button__Inner {
  border: 1px solid #01652F;
  background-color: #01652F;
}
@media print, screen and (min-width: 768px) {
  .Button-Brochure a,
  .Button-Brochure button,
  .Button-Brochure .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 180px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Brochure .Button__Text,
  .Button-Brochure .Js-Viewmore__Text {
    min-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Brochure .Button__Text,
  .Button-Brochure .Js-Viewmore__Text {
    min-height: 36px;
  }
}
.Button-Brochure a, .Button-Brochure button {
  -webkit-transition: color .25s linear, border .25s linear, background-color .25s linear;
  transition: color .25s linear, border .25s linear, background-color .25s linear;
}
.Button-Brochure:hover a, .Button-Brochure:hover button {
  color: #01652F;
  border: 1px solid #01652F;
  background-color: #fff;
}
.Button-Brochure a, .Button-Brochure button {
  color: #333;
  border: 1px solid #404040;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .Button-Brochure .Button__Text {
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Brochure .Button__Icon {
    margin-right: 10px;
  }
}
.Button-Map {
  display: inline-block;
  text-align: center;
}
.Button-Map a,
.Button-Map button,
.Button-Map .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Map a,
  .Button-Map button,
  .Button-Map .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Map a,
  .Button-Map button,
  .Button-Map .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Map a,
  .Button-Map button,
  .Button-Map .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Map a,
  .Button-Map button,
  .Button-Map .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Map a,
  .Button-Map button,
  .Button-Map .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Map a > span:first-child,
  .Button-Map button > span:first-child,
  .Button-Map .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Map a > span:first-child.Button__Text,
  .Button-Map button > span:first-child.Button__Text,
  .Button-Map .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Map a > span:last-child,
  .Button-Map button > span:last-child,
  .Button-Map .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Map a > span:last-child,
  .Button-Map button > span:last-child,
  .Button-Map .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-Map .Button__Text,
.Button-Map .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-Map .Button__Text,
  .Button-Map .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Map .Button__Text,
  .Button-Map .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-Map .Button__Text::after,
.Button-Map .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-Map .Button__Text {
  text-align: center;
}
.Button-Map .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-Map a,
.Button-Map button,
.Button-Map .Button__Inner {
  border: 1px solid #01652F;
  background-color: #01652F;
}
@media print, screen and (min-width: 768px) {
  .Button-Map a,
  .Button-Map button,
  .Button-Map .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 180px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Map .Button__Text,
  .Button-Map .Js-Viewmore__Text {
    min-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Map .Button__Text,
  .Button-Map .Js-Viewmore__Text {
    min-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Map {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Map a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.Button-Map .IconSVG-Blank::after {
  background: url("https://www.karawang.center/lskit_common/images/icons/link_blank_white.svg") 0 0 no-repeat;
}
.Button-Map a, .Button-Map button {
  -webkit-transition: color .25s linear,
 border .25s linear,
 background-color .25s linear;
  transition: color .25s linear,
 border .25s linear,
 background-color .25s linear;
}
.Button-Map:hover a, .Button-Map:hover button {
  color: #fff;
  border: 1px solid rgba(0, 132, 134, 0.7);
  background-color: rgba(0, 132, 134, 0.7);
}
.Button-Back {
  display: inline-block;
  text-align: center;
  display: inline-block;
  text-align: center;
}
.Button-Back a,
.Button-Back button,
.Button-Back .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Back a,
  .Button-Back button,
  .Button-Back .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Back a,
  .Button-Back button,
  .Button-Back .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back a,
  .Button-Back button,
  .Button-Back .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Back a,
  .Button-Back button,
  .Button-Back .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back a,
  .Button-Back button,
  .Button-Back .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Back a > span:first-child,
  .Button-Back button > span:first-child,
  .Button-Back .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back a > span:first-child.Button__Text,
  .Button-Back button > span:first-child.Button__Text,
  .Button-Back .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Back a > span:last-child,
  .Button-Back button > span:last-child,
  .Button-Back .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back a > span:last-child,
  .Button-Back button > span:last-child,
  .Button-Back .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-Back .Button__Text,
.Button-Back .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-Back .Button__Text,
  .Button-Back .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back .Button__Text,
  .Button-Back .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-Back .Button__Text::after,
.Button-Back .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-Back .Button__Text {
  text-align: center;
}
.Button-Back .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-Back a,
.Button-Back button,
.Button-Back .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Back a,
  .Button-Back button,
  .Button-Back .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Back a,
  .Button-Back button,
  .Button-Back .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back a,
  .Button-Back button,
  .Button-Back .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Back a,
  .Button-Back button,
  .Button-Back .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back a,
  .Button-Back button,
  .Button-Back .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Back a > span:first-child,
  .Button-Back button > span:first-child,
  .Button-Back .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back a > span:first-child.Button__Text,
  .Button-Back button > span:first-child.Button__Text,
  .Button-Back .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Back a > span:last-child,
  .Button-Back button > span:last-child,
  .Button-Back .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back a > span:last-child,
  .Button-Back button > span:last-child,
  .Button-Back .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-Back .Button__Text,
.Button-Back .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-Back .Button__Text,
  .Button-Back .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back .Button__Text,
  .Button-Back .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-Back .Button__Text::after,
.Button-Back .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-Back .Button__Text {
  text-align: center;
}
.Button-Back .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-Back a,
.Button-Back button,
.Button-Back .Button__Inner {
  border: 1px solid #01652F;
  background-color: #01652F;
}
@media print, screen and (min-width: 768px) {
  .Button-Back a,
  .Button-Back button,
  .Button-Back .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 180px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Back .Button__Text,
  .Button-Back .Js-Viewmore__Text {
    min-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back .Button__Text,
  .Button-Back .Js-Viewmore__Text {
    min-height: 36px;
  }
}
.Button-Back a, .Button-Back button {
  -webkit-transition: border .25s linear,
 background-color .25s linear;
  transition: border .25s linear,
 background-color .25s linear;
}
.Button-Back:hover a, .Button-Back:hover button {
  border: 1px solid rgba(64, 64, 64, 0.7);
  background-color: rgba(64, 64, 64, 0.7);
}
.Button-Back a,
.Button-Back button {
  color: #fff;
  border: 1px solid #404040;
  background-color: #404040;
}
@media only screen and (max-width: 767px) {
  .Button-Back a,
  .Button-Back button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Back {
    width: 100%;
  }
}
.Button-Allow {
  display: inline-block;
  text-align: center;
  display: inline-block;
  text-align: center;
}
.Button-Allow a,
.Button-Allow button,
.Button-Allow .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Allow a,
  .Button-Allow button,
  .Button-Allow .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Allow a,
  .Button-Allow button,
  .Button-Allow .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow a,
  .Button-Allow button,
  .Button-Allow .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Allow a,
  .Button-Allow button,
  .Button-Allow .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow a,
  .Button-Allow button,
  .Button-Allow .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Allow a > span:first-child,
  .Button-Allow button > span:first-child,
  .Button-Allow .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow a > span:first-child.Button__Text,
  .Button-Allow button > span:first-child.Button__Text,
  .Button-Allow .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Allow a > span:last-child,
  .Button-Allow button > span:last-child,
  .Button-Allow .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow a > span:last-child,
  .Button-Allow button > span:last-child,
  .Button-Allow .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-Allow .Button__Text,
.Button-Allow .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-Allow .Button__Text,
  .Button-Allow .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow .Button__Text,
  .Button-Allow .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-Allow .Button__Text::after,
.Button-Allow .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-Allow .Button__Text {
  text-align: center;
}
.Button-Allow .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-Allow a,
.Button-Allow button,
.Button-Allow .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Allow a,
  .Button-Allow button,
  .Button-Allow .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Allow a,
  .Button-Allow button,
  .Button-Allow .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow a,
  .Button-Allow button,
  .Button-Allow .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Allow a,
  .Button-Allow button,
  .Button-Allow .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow a,
  .Button-Allow button,
  .Button-Allow .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Allow a > span:first-child,
  .Button-Allow button > span:first-child,
  .Button-Allow .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow a > span:first-child.Button__Text,
  .Button-Allow button > span:first-child.Button__Text,
  .Button-Allow .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Allow a > span:last-child,
  .Button-Allow button > span:last-child,
  .Button-Allow .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow a > span:last-child,
  .Button-Allow button > span:last-child,
  .Button-Allow .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-Allow .Button__Text,
.Button-Allow .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-Allow .Button__Text,
  .Button-Allow .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow .Button__Text,
  .Button-Allow .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-Allow .Button__Text::after,
.Button-Allow .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-Allow .Button__Text {
  text-align: center;
}
.Button-Allow .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-Allow a,
.Button-Allow button,
.Button-Allow .Button__Inner {
  border: 1px solid #01652F;
  background-color: #01652F;
}
@media print, screen and (min-width: 768px) {
  .Button-Allow a,
  .Button-Allow button,
  .Button-Allow .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 180px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Allow .Button__Text,
  .Button-Allow .Js-Viewmore__Text {
    min-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow .Button__Text,
  .Button-Allow .Js-Viewmore__Text {
    min-height: 36px;
  }
}
.Button-Allow a, .Button-Allow button {
  -webkit-transition: border .25s linear,
 background-color .25s linear;
  transition: border .25s linear,
 background-color .25s linear;
}
.Button-Allow:hover a, .Button-Allow:hover button {
  border: 1px solid rgba(64, 64, 64, 0.7);
  background-color: rgba(64, 64, 64, 0.7);
}
.Button-Allow a,
.Button-Allow button {
  color: #fff;
  border: 1px solid #404040;
  background-color: #404040;
}
@media only screen and (max-width: 767px) {
  .Button-Allow a,
  .Button-Allow button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Allow {
    width: 100%;
  }
}
.Button-ViewMore {
  display: inline-block;
  text-align: center;
  display: inline-block;
  text-align: center;
  -webkit-transition: color .25s linear, border .25s linear, background-color .25s linear;
  transition: color .25s linear, border .25s linear, background-color .25s linear;
  width: 100%;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.Button-ViewMore a,
.Button-ViewMore button,
.Button-ViewMore .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-ViewMore a,
  .Button-ViewMore button,
  .Button-ViewMore .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-ViewMore a,
  .Button-ViewMore button,
  .Button-ViewMore .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore a,
  .Button-ViewMore button,
  .Button-ViewMore .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-ViewMore a,
  .Button-ViewMore button,
  .Button-ViewMore .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore a,
  .Button-ViewMore button,
  .Button-ViewMore .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-ViewMore a > span:first-child,
  .Button-ViewMore button > span:first-child,
  .Button-ViewMore .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore a > span:first-child.Button__Text,
  .Button-ViewMore button > span:first-child.Button__Text,
  .Button-ViewMore .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-ViewMore a > span:last-child,
  .Button-ViewMore button > span:last-child,
  .Button-ViewMore .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore a > span:last-child,
  .Button-ViewMore button > span:last-child,
  .Button-ViewMore .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-ViewMore .Button__Text,
.Button-ViewMore .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-ViewMore .Button__Text,
  .Button-ViewMore .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore .Button__Text,
  .Button-ViewMore .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-ViewMore .Button__Text::after,
.Button-ViewMore .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-ViewMore .Button__Text {
  text-align: center;
}
.Button-ViewMore .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-ViewMore a,
.Button-ViewMore button,
.Button-ViewMore .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-ViewMore a,
  .Button-ViewMore button,
  .Button-ViewMore .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-ViewMore a,
  .Button-ViewMore button,
  .Button-ViewMore .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore a,
  .Button-ViewMore button,
  .Button-ViewMore .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-ViewMore a,
  .Button-ViewMore button,
  .Button-ViewMore .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore a,
  .Button-ViewMore button,
  .Button-ViewMore .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-ViewMore a > span:first-child,
  .Button-ViewMore button > span:first-child,
  .Button-ViewMore .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore a > span:first-child.Button__Text,
  .Button-ViewMore button > span:first-child.Button__Text,
  .Button-ViewMore .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-ViewMore a > span:last-child,
  .Button-ViewMore button > span:last-child,
  .Button-ViewMore .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore a > span:last-child,
  .Button-ViewMore button > span:last-child,
  .Button-ViewMore .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-ViewMore .Button__Text,
.Button-ViewMore .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-ViewMore .Button__Text,
  .Button-ViewMore .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore .Button__Text,
  .Button-ViewMore .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-ViewMore .Button__Text::after,
.Button-ViewMore .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-ViewMore .Button__Text {
  text-align: center;
}
.Button-ViewMore .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-ViewMore a,
.Button-ViewMore button,
.Button-ViewMore .Button__Inner {
  border: 1px solid #01652F;
  background-color: #01652F;
}
@media print, screen and (min-width: 768px) {
  .Button-ViewMore a,
  .Button-ViewMore button,
  .Button-ViewMore .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 180px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-ViewMore .Button__Text,
  .Button-ViewMore .Js-Viewmore__Text {
    min-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore .Button__Text,
  .Button-ViewMore .Js-Viewmore__Text {
    min-height: 36px;
  }
}
.Button-ViewMore a, .Button-ViewMore button {
  -webkit-transition: color .25s linear, border .25s linear, background-color .25s linear;
  transition: color .25s linear, border .25s linear, background-color .25s linear;
}
.Button-ViewMore:hover a, .Button-ViewMore:hover button {
  color: #01652F;
  border: 1px solid #01652F;
  background-color: #fff;
}
.Button-ViewMore a, .Button-ViewMore button {
  color: #333;
  border: 1px solid #404040;
  background-color: #f5f5f5;
}
.Button-ViewMore:hover {
  opacity: .7;
}
.Button-ViewMore .Button__Icon.Icon-Open {
  width: 10px;
  padding-right: 23px;
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  .Button-ViewMore .Button__Icon.Icon-Open {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.Button-ViewMore .Button__Icon.Icon-Open::before, .Button-ViewMore .Button__Icon.Icon-Open::after {
  width: 10px;
  height: 2px;
  background-color: #333;
}
.Button-ViewMore .Button__Icon.Icon-Open.State-Opend {
  padding-right: 28px;
}
.Button-ViewMore:hover .Button__Icon.Icon-Open::before, .Button-ViewMore:hover .Button__Icon.Icon-Open::after {
  background-color: #01652F;
}
.Button-ViewMore a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore .Js-Viewmore__Text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 16px;
  }
}
.Button-ViewMore .Js-Viewmore__Text-Close {
  display: none;
}
.Button-ViewMore .Js-Viewmore__Button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .Button-ViewMore .Js-Viewmore__Button.State-Opend .Js-Viewmore__Text {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.Button-ViewMore .Js-Viewmore__Button.State-Opend .Js-Viewmore__Text-Close {
  display: block;
}
.Button-ViewMore .Js-Viewmore__Button.State-Opend .Js-Viewmore__Text-Open {
  display: none;
}
.Box-Button-ViewAll {
  margin-top: 48px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Box-Button-ViewAll {
    margin-top: 30px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Button-ViewAll .Button {
    display: inline-block;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Button-ViewAll .Button a {
    min-width: 145px;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Button-ViewAll .Button a span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}
.Box-Button-Apply {
  margin-top: 48px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Box-Button-Apply {
    margin-top: 30px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Button-Apply .Button a span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}
.Box-Button {
  padding-top: 80px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Box-Button {
    padding: 42px 25px 0;
  }
}
.Section-ServiceParts + .Box-Button {
  border-top: 1px solid #d6d6d6;
}
.Box-Button-FAQ {
  margin-top: 80px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Box-Button-FAQ {
    margin-top: 42px;
  }
}
.Box-Button-BackHome {
  margin-top: 80px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Box-Button-BackHome {
    margin-top: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Button-BackHome .Button-Back {
    width: auto;
  }
}
.Button-OnImg {
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  border: 4px solid #fff;
  -webkit-transition: color .25s linear , background-color .25s linear;
  transition: color .25s linear , background-color .25s linear;
}
.Button-OnImg a,
.Button-OnImg button,
.Button-OnImg .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-OnImg a,
  .Button-OnImg button,
  .Button-OnImg .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-OnImg a,
  .Button-OnImg button,
  .Button-OnImg .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImg a,
  .Button-OnImg button,
  .Button-OnImg .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-OnImg a,
  .Button-OnImg button,
  .Button-OnImg .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImg a,
  .Button-OnImg button,
  .Button-OnImg .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-OnImg a > span:first-child,
  .Button-OnImg button > span:first-child,
  .Button-OnImg .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImg a > span:first-child.Button__Text,
  .Button-OnImg button > span:first-child.Button__Text,
  .Button-OnImg .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-OnImg a > span:last-child,
  .Button-OnImg button > span:last-child,
  .Button-OnImg .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImg a > span:last-child,
  .Button-OnImg button > span:last-child,
  .Button-OnImg .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-OnImg .Button__Text,
.Button-OnImg .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-OnImg .Button__Text,
  .Button-OnImg .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImg .Button__Text,
  .Button-OnImg .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-OnImg .Button__Text::after,
.Button-OnImg .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-OnImg .Button__Text {
  text-align: center;
}
.Button-OnImg .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-OnImg .Button__Text {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .Button-OnImg .Button__Text {
    width: auto;
    padding: 11px 0 11px 16px;
  }
}
.Button-OnImg .Button__Icon {
  margin-bottom: 2px;
}
@media only screen and (max-width: 767px) {
  .Button-OnImg {
    border-width: 3px;
  }
}
.Button-OnImg .Button__Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 172px;
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-OnImg .Button__Inner {
    min-width: 152px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImg .Button__Inner {
    min-width: 154px;
  }
}
.Button-OnImg .Button__Text {
  color: #fff;
}
.Button-OnImg .Button__Icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Button-OnImg .IconSVG-Blank {
  width: 12px;
  height: 10px;
}
.Button-OnImg .IconSVG-Blank::after {
  width: 12px;
  height: 10px;
  background: url("https://www.karawang.center/lskit_common/images/icons/link_blank_white.svg") 0 0 no-repeat;
}
.Button-OnImg:hover {
  background-color: #fff;
}
.Button-OnImg:hover .Button__Text {
  color: #333;
}
.Button-OnImg:hover .IconSVG-Blank::after {
  background: url("https://www.karawang.center/lskit_common/images/icons/link_blank_black.svg") 0 0 no-repeat;
}
.Button-OnImgColor {
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: #01652F;
}
.Button-OnImgColor a,
.Button-OnImgColor button,
.Button-OnImgColor .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-OnImgColor a,
  .Button-OnImgColor button,
  .Button-OnImgColor .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-OnImgColor a,
  .Button-OnImgColor button,
  .Button-OnImgColor .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImgColor a,
  .Button-OnImgColor button,
  .Button-OnImgColor .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-OnImgColor a,
  .Button-OnImgColor button,
  .Button-OnImgColor .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImgColor a,
  .Button-OnImgColor button,
  .Button-OnImgColor .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-OnImgColor a > span:first-child,
  .Button-OnImgColor button > span:first-child,
  .Button-OnImgColor .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImgColor a > span:first-child.Button__Text,
  .Button-OnImgColor button > span:first-child.Button__Text,
  .Button-OnImgColor .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-OnImgColor a > span:last-child,
  .Button-OnImgColor button > span:last-child,
  .Button-OnImgColor .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImgColor a > span:last-child,
  .Button-OnImgColor button > span:last-child,
  .Button-OnImgColor .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-OnImgColor .Button__Text,
.Button-OnImgColor .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-OnImgColor .Button__Text,
  .Button-OnImgColor .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImgColor .Button__Text,
  .Button-OnImgColor .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-OnImgColor .Button__Text::after,
.Button-OnImgColor .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-OnImgColor .Button__Text {
  text-align: center;
}
.Button-OnImgColor .Button__Icon + .Button__Text {
  text-align: left;
}
.Button-OnImgColor .Button__Text {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .Button-OnImgColor .Button__Text {
    width: auto;
    padding: 11px 0 11px 16px;
  }
}
.Button-OnImgColor .Button__Icon {
  margin-bottom: 2px;
}
.Button-OnImgColor .Button__Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 180px;
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-OnImgColor .Button__Inner {
    min-width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnImgColor .Button__Inner {
    min-width: 160px;
  }
}
.Button-OnImgColor .Button__Text {
  padding: 14px 10px;
  color: #fff;
}
.Button-OnImgColor:hover {
  -webkit-transition: background-color .25s linear;
  transition: background-color .25s linear;
  background-color: rgba(0, 132, 134, 0.7);
}
.Button-OnGreen {
  display: inline-block;
  padding: 14px 10px;
  min-width: 180px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .Button-OnGreen {
    display: inline-block;
    width: auto;
    padding: 11px 16px;
  }
}
.Button-OnGreen .Link__Text {
  display: inline-block;
  color: #01652F;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  line-height: 1;
  vertical-align: middle;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-OnGreen .Link__Text {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-OnGreen .Link__Text {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-OnGreen .Link__Text {
    font-size: 1.3rem;
  }
}
.Button-OnGreen .IconSVG-Modal::after {
  left: 0;
}
.Button-OnGreen:hover {
  -webkit-transition: background-color .25s linear;
  transition: background-color .25s linear;
  background-color: rgba(255, 255, 255, 0.7);
}
.Button-Hero {
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  margin-top: 36px;
  text-align: center;
}
.Button-Hero a,
.Button-Hero button,
.Button-Hero .Button__Inner {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Button-Hero a,
  .Button-Hero button,
  .Button-Hero .Button__Inner {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Hero a,
  .Button-Hero button,
  .Button-Hero .Button__Inner {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Hero a,
  .Button-Hero button,
  .Button-Hero .Button__Inner {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Hero a,
  .Button-Hero button,
  .Button-Hero .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Hero a,
  .Button-Hero button,
  .Button-Hero .Button__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Hero a > span:first-child,
  .Button-Hero button > span:first-child,
  .Button-Hero .Button__Inner > span:first-child {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Hero a > span:first-child.Button__Text,
  .Button-Hero button > span:first-child.Button__Text,
  .Button-Hero .Button__Inner > span:first-child.Button__Text {
    padding-left: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Hero a > span:last-child,
  .Button-Hero button > span:last-child,
  .Button-Hero .Button__Inner > span:last-child {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Hero a > span:last-child,
  .Button-Hero button > span:last-child,
  .Button-Hero .Button__Inner > span:last-child {
    padding-right: 16px;
  }
}
.Button-Hero .Button__Text,
.Button-Hero .Js-Viewmore__Text {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .Button-Hero .Button__Text,
  .Button-Hero .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Hero .Button__Text,
  .Button-Hero .Js-Viewmore__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }
}
.Button-Hero .Button__Text::after,
.Button-Hero .Js-Viewmore__Text::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.Button-Hero .Button__Text {
  text-align: center;
}
.Button-Hero .Button__Icon + .Button__Text {
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  .Button-Hero {
    border: 4px solid #fff;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Hero {
    margin-top: 18px;
    background-color: #01652F;
  }
}
.Button-Hero .Button__Inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 172px;
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Button-Hero .Button__Inner {
    min-width: 152px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-Hero .Button__Inner {
    min-width: 154px;
  }
}
.Button-Hero .Button__Text {
  padding: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .Button-Hero .Button__Text {
    width: auto;
    min-width: 139px;
    padding: 11px 0 11px 16px;
    color: #fff;
  }
}
.Button-Hero .Button__Icon {
  margin-bottom: 2px;
}
.Button-Hero .IconSVG-Blank {
  width: 12px;
  height: 10px;
}
.Button-Hero .IconSVG-Blank::after {
  width: 12px;
  height: 10px;
}
@media print, screen and (min-width: 768px) {
  .Button-Hero .IconSVG-Blank::after {
    background: url("https://www.karawang.center/lskit_common/images/icons/link_blank_white.svg") 0 0 no-repeat;
  }
}
.Button-Hero:hover {
  -webkit-transition: background-color .25s linear , color .25s linear;
  transition: background-color .25s linear , color .25s linear;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .Button-Hero:hover {
    background-color: rgba(0, 132, 134, 0.7);
  }
}
.Button-Hero:hover .Button__Text {
  color: #333;
}
@media only screen and (max-width: 767px) {
  .Button-Hero:hover .Button__Text {
    color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  .Button-Hero:hover .IconSVG-Blank::after {
    background: url("https://www.karawang.center/lskit_common/images/icons/link_blank_black.svg") 0 0 no-repeat;
  }
}
[class*="ButtonList"] {
  list-style-type: none;
}
@media print, screen and (min-width: 768px) {
  [class*="ButtonList"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 1px;
  }
}
[class*="ButtonList"] li:first-child {
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 768px) {
  [class*="ButtonList"] li {
    margin-top: -1px;
    margin-left: -1px;
  }
}
@media only screen and (max-width: 767px) {
  [class*="ButtonList"] li:not(:first-child) .Button,
  [class*="ButtonList"] li:not(:first-child) [class*="Button-"] {
    margin-top: -1px;
  }
}
@media print, screen and (min-width: 768px) {
  [class*="ButtonList"] li {
    margin-left: -1px;
  }
}
@media only screen and (max-width: 767px) {
  [class*="ButtonList"] li {
    display: block;
    width: 100%;
  }
}
[class*="ButtonList"] li .Button,
[class*="ButtonList"] li [class*="Button-"] {
  display: block;
  width: 100%;
  position: relative;
}
[class*="ButtonList"] li .Button:not(.Button-Dealer),
[class*="ButtonList"] li [class*="Button-"]:not(.Button-Dealer) {
  -webkit-transition: color .25s linear, border .25s linear, background-color .25s linear;
  transition: color .25s linear, border .25s linear, background-color .25s linear;
}
[class*="ButtonList"] li .Button:not(.Button-Dealer) a, [class*="ButtonList"] li .Button:not(.Button-Dealer) button,
[class*="ButtonList"] li [class*="Button-"]:not(.Button-Dealer) a,
[class*="ButtonList"] li [class*="Button-"]:not(.Button-Dealer) button {
  -webkit-transition: color .25s linear, border .25s linear, background-color .25s linear;
  transition: color .25s linear, border .25s linear, background-color .25s linear;
}
[class*="ButtonList"] li .Button:not(.Button-Dealer):hover a, [class*="ButtonList"] li .Button:not(.Button-Dealer):hover button,
[class*="ButtonList"] li [class*="Button-"]:not(.Button-Dealer):hover a,
[class*="ButtonList"] li [class*="Button-"]:not(.Button-Dealer):hover button {
  color: #01652F;
  border: 1px solid #01652F;
  background-color: #fff;
}
[class*="ButtonList"] li .Button:not(.Button-Dealer) a,
[class*="ButtonList"] li [class*="Button-"]:not(.Button-Dealer) a {
  color: #333;
  border: 1px solid #404040;
  background-color: #fff;
}
[class*="ButtonList"] li .Button:hover,
[class*="ButtonList"] li [class*="Button-"]:hover {
  z-index: 3;
}
[class*="ButtonList"] + .Text {
  margin-top: 22px;
}
@media only screen and (max-width: 767px) {
  [class*="ButtonList"] + .Text {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewSPWidthInline {
    display: inline-block;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .Button-ViewSPWidthInline a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 154px;
  }
}
@media print, screen and (min-width: 768px) {
  .ConversionList__Wrap .Button a > span:first-child,
  .ConversionList__Wrap [class*="Button-"] a > span:first-child {
    padding-left: 10px;
  }
}
@media print, screen and (min-width: 768px) {
  .ConversionList__Wrap .Button a > span:last-child,
  .ConversionList__Wrap [class*="Button-"] a > span:last-child {
    padding-right: 10px;
  }
}
/*===== List =====*/
.List {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.List > li {
  position: relative;
  padding-left: 16px;
  text-indent: 0;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .List > li {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .List > li {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .List > li {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .List > li {
    padding-left: 15px;
  }
}
.List > li:not(:first-child) {
  margin-top: 13px;
}
@media only screen and (max-width: 767px) {
  .List > li:not(:first-child) {
    margin-top: 14px;
  }
}
.List > li::before {
  content: '';
  display: block;
  position: absolute;
  top: .7em;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #333;
  border-radius: 50%;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .List > li::before {
    top: .65em;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .List > li::before {
    top: .6em;
  }
}
@media only screen and (max-width: 767px) {
  .List > li::before {
    top: .5em;
    width: 5px;
    height: 5px;
  }
}
.List-Note {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.List-Note > li {
  display: inline-block;
  position: relative;
  padding-left: .8em;
  font-size: 1.3rem;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .List-Note > li {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .List-Note > li {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .List-Note > li {
    font-size: 1.1rem;
  }
}
.List-Note > li::before {
  content: '*';
  position: absolute;
  top: 0;
  left: 0;
  color: #cc0000;
}
.List-Hyphen {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.List-Hyphen > li {
  position: relative;
  padding-left: 16px;
  text-indent: 0;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .List-Hyphen > li {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .List-Hyphen > li {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .List-Hyphen > li {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .List-Hyphen > li {
    padding-left: 15px;
  }
}
.List-Hyphen > li:not(:first-child) {
  margin-top: 13px;
}
@media only screen and (max-width: 767px) {
  .List-Hyphen > li:not(:first-child) {
    margin-top: 14px;
  }
}
.List-Hyphen > li::before {
  content: '';
  display: block;
  position: absolute;
  top: .8em;
  left: 0;
  width: 4px;
  height: 1px;
  background-color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .List-Hyphen > li::before {
    top: .8em;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .List-Hyphen > li::before {
    top: .75em;
  }
}
@media only screen and (max-width: 767px) {
  .List-Hyphen > li::before {
    top: .7em;
  }
}
.List-Number {
  margin: 0;
  padding: 0;
  list-style-type: none;
  counter-reset: number;
}
.List-Number > li {
  position: relative;
  padding-left: 18px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .List-Number > li {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .List-Number > li {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .List-Number > li {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.List-Number > li:not(:first-child) {
  margin-top: 15px;
}
.List-Number > li::before {
  counter-increment: number;
  content: counter(number) ".";
  position: absolute;
  top: 0;
  left: 0;
}
.List-Alphabet {
  margin: 0;
  padding: 0;
  list-style-type: none;
  counter-reset: mycount;
}
.List-Alphabet > li {
  position: relative;
  padding-left: 18px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .List-Alphabet > li {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .List-Alphabet > li {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .List-Alphabet > li {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.List-Alphabet > li:not(:first-child) {
  margin-top: 15px;
}
.List-Alphabet > li::before {
  counter-increment: mycount;
  content: counter(mycount, lower-alpha) ".";
  position: absolute;
  top: -1px;
  left: 0;
}
[class*="List-Column"] {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  .Box-List .Grid-ViewSPColumn1 .Grid__Item {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .Box-List .Grid-ViewSPColumn1 .Grid__Item:not(:first-child) {
    margin-top: 14px;
  }
}
.List-NestBox {
  margin: 12px 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .List-NestBox {
    margin: 12px 0 0 6px;
  }
}
.List-Text {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.Text-Spec {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Text-Spec {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Text-Spec {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Text-Spec {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.Text-Spec + .Text-Spec {
  margin-top: 11px;
}
.Text-Spec__Head {
  display: inline;
  margin-right: 5px;
  font-weight: normal;
}
.Text-Spec__Body {
  display: inline;
}
/*===== Table =====*/
@media only screen and (max-width: 767px) {
  .Table-Wrap {
    padding-bottom: 0;
  }
}
.Js-ScrollBar-Table .Table-Wrap {
  display: block;
}
@media only screen and (max-width: 767px) {
  .Js-ScrollBar-Table {
    overflow-x: auto;
    white-space: nowrap;
  }
}
.Js-ScrollBar-Table .mCustomScrollBox {
  margin-top: 12px;
}
@media only screen and (max-width: 767px) {
  .Js-ScrollBar-Table .mCustomScrollBox {
    border-right: 1px solid #d6d6d6;
  }
}
.Js-ScrollBar-Table.mCS_no_scrollbar .mCustomScrollBox {
  margin-top: 0;
}
.Js-ScrollBar-Table .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #999;
}
.Js-ScrollBar-Table .mCS-dark-3.mCSB_scrollTools .mCSB_dr aggerRail {
  background-color: #f0f0f0;
}
.Js-ScrollBar-Table .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.Js-ScrollBar-Table .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.Js-ScrollBar-Table .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 5px;
}
.Js-ScrollBar-Table .mCSB_scrollTools .mCSB_draggerRail,
.Js-ScrollBar-Table .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}
.Js-ScrollBar-Table .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  position: absolute;
  top: 0;
  margin-top: -12px;
}
.Table-Landscape {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #d6d6d6;
  border-top: none;
  border-left: none;
}
@media print, screen and (min-width: 768px) {
  .Table-Landscape {
    table-layout: fixed;
  }
}
.Table-Landscape th {
  padding: 20px 32px;
  vertical-align: top;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  font-weight: normal;
  line-height: 1.3;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-Landscape th {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-Landscape th {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Landscape th {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-Landscape th {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Landscape th {
    padding: 8px 13px;
  }
}
.Table-Landscape .Th-Base {
  padding: 4px 32px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .Table-Landscape .Th-Base {
    padding: 8px 13px;
  }
}
.Table-Landscape td {
  padding: 20px 32px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  vertical-align: top;
  line-height: 1.3;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-Landscape td {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-Landscape td {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Landscape td {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-Landscape td {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Landscape td {
    padding: 8px 13px;
  }
}
.Table-Vertical {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #d6d6d6;
  border-top: none;
  border-left: none;
}
@media print, screen and (min-width: 768px) {
  .Table-Vertical {
    table-layout: fixed;
  }
}
.Table-Vertical th {
  padding: 20px 32px;
  vertical-align: top;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  font-weight: normal;
  line-height: 1.3;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-Vertical th {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-Vertical th {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Vertical th {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-Vertical th {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Vertical th {
    width: 33%;
    padding: 8px 13px;
  }
}
.Table-Vertical .Th-Base {
  padding: 24px 32px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .Table-Vertical .Th-Base {
    padding: 8px 13px;
  }
}
.Table-Vertical td {
  padding: 23px 32px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  vertical-align: top;
  line-height: 1.3;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-Vertical td {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-Vertical td {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Vertical td {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-Vertical td {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Vertical td {
    width: 33%;
    padding: 8px 13px;
  }
}
.Table-Spec {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #d6d6d6;
  border-top: none;
  border-left: none;
}
@media print, screen and (min-width: 768px) {
  .Table-Spec {
    table-layout: fixed;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Spec {
    border-right: none;
  }
}
.Table-Spec th {
  padding: 10px 32px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  vertical-align: middle;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-Spec th {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-Spec th {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Spec th {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-Spec th {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Spec th {
    padding: 8px 13px;
  }
}
.Table-Spec td {
  padding: 11px 32px 10px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  vertical-align: middle;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-Spec td {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-Spec td {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Spec td {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-Spec td {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 767px) {
  .Table-Spec td {
    padding: 8px 13px;
  }
}
.Th-Base {
  text-align: left;
  font-weight: bold;
  color: #fff;
  background-color: #01652F;
}
.Th-LV1 {
  text-align: left;
  font-weight: bold;
  background-color: #f0f0f0;
}
.Th-LV2,
.Th-LV3,
.Th-LV4 {
  text-align: left;
  background-color: #f9f9f9;
}
.Box-TableNext {
  margin-top: 23px;
}
.Table-ViewSPCell1 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #d6d6d6;
  border-top: none;
  border-left: none;
}
@media print, screen and (min-width: 768px) {
  .Table-ViewSPCell1 {
    table-layout: fixed;
  }
}
.Table-ViewSPCell1 th {
  padding: 19px 24px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  vertical-align: top;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-ViewSPCell1 th {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-ViewSPCell1 th {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-ViewSPCell1 th {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-ViewSPCell1 th {
    width: 25%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 767px) {
  .Table-ViewSPCell1 th {
    display: block;
    width: 100%;
    padding: 15px 13px;
  }
}
.Table-ViewSPCell1 td {
  padding: 19px 24px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  vertical-align: top;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-ViewSPCell1 td {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-ViewSPCell1 td {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-ViewSPCell1 td {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-ViewSPCell1 td {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 767px) {
  .Table-ViewSPCell1 td {
    display: block;
    width: 100%;
    padding: 16px 13px;
  }
}
.Table-ViewSPCell2 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #d6d6d6;
  border-top: none;
  border-left: none;
}
@media print, screen and (min-width: 768px) {
  .Table-ViewSPCell2 {
    table-layout: fixed;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-ViewSPCell2 tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-ViewSPCell2 tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%;
  }
}
.Table-ViewSPCell2 th {
  padding: 19px 24px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  vertical-align: top;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-ViewSPCell2 th {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-ViewSPCell2 th {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-ViewSPCell2 th {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-ViewSPCell2 th {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%;
    word-break: break-all;
  }
}
@media only screen and (max-width: 767px) {
  .Table-ViewSPCell2 th {
    width: 33%;
    padding: 8px 13px;
  }
}
.Table-ViewSPCell2 td {
  padding: 19px 24px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  vertical-align: top;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-ViewSPCell2 td {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-ViewSPCell2 td {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-ViewSPCell2 td {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Table-ViewSPCell2 td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%;
    word-break: break-all;
  }
}
@media only screen and (max-width: 767px) {
  .Table-ViewSPCell2 td {
    padding: 8px 13px;
  }
}
/*===== Accordion =====*/
.AccdCommon__Item {
  border-bottom: 1px solid #d6d6d6;
}
.AccdCommon__Item:first-of-type {
  border-top: 1px solid #d6d6d6;
}
.AccdCommon__Heading {
  position: relative;
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
  padding: 38px 0 36px;
  vertical-align: middle;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .AccdCommon__Heading {
    font-size: 2.45rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .AccdCommon__Heading {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .AccdCommon__Heading {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .AccdCommon__Heading {
    padding: 20px 0 19px;
  }
}
.AccdCommon__Heading:hover {
  cursor: pointer;
}
.AccdCommon__Heading:hover .Icon-Open {
  color: #01652F;
}
.AccdCommon__Heading:hover .Icon-Open::before, .AccdCommon__Heading:hover .Icon-Open::after {
  background-color: #01652F;
}
.AccdCommon__Heading:hover .AccdCommon__Heading__Text {
  color: #01652F;
}
.AccdCommon__Heading a {
  display: block;
  width: 100%;
  height: 100%;
}
.AccdCommon__Heading .Icon-Open {
  display: inline-block;
  margin-left: 32px;
  margin-top: -10px;
}
.AccdCommon__Heading .Icon-Open::before, .AccdCommon__Heading .Icon-Open::after {
  width: 22px;
  height: 2px;
}
@media only screen and (max-width: 767px) {
  .AccdCommon__Heading .Icon-Open {
    margin-left: 13px;
    margin-top: -5px;
  }
  .AccdCommon__Heading .Icon-Open::before, .AccdCommon__Heading .Icon-Open::after {
    width: 14px;
  }
}
.AccdCommon__Heading__Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-right: 22px;
}
@media only screen and (max-width: 767px) {
  .AccdCommon__Heading__Inner {
    padding-right: 16px;
  }
}
.AccdCommon__Heading__Text {
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
  text-transform: uppercase;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .AccdCommon__Heading__Text {
    font-size: 2.45rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .AccdCommon__Heading__Text {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .AccdCommon__Heading__Text {
    font-size: 1.8rem;
  }
}
.Js-AccdCommon__Button {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.AccdCommon__Body {
  display: none;
}
.AccdCommon__Body__Inner {
  padding-bottom: 43px;
}
@media only screen and (max-width: 767px) {
  .AccdCommon__Body__Inner {
    padding-bottom: 21px;
  }
}
.Accd {
  border-bottom: 1px solid #d6d6d6;
}
.Accd__Heading {
  position: relative;
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
  padding: 40px 0 42px;
  vertical-align: middle;
  border-top: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Accd__Heading {
    font-size: 2.8rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Accd__Heading {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .Accd__Heading {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .Accd__Heading {
    padding: 20px 0 22px;
  }
}
.Accd__Heading:hover {
  cursor: pointer;
}
.Accd__Heading:hover .Icon-Open {
  color: #01652F;
}
.Accd__Heading:hover .Icon-Open::before, .Accd__Heading:hover .Icon-Open::after {
  background-color: #01652F;
}
.Accd__Heading:hover .Accd__Heading__Text {
  color: #01652F;
}
.Accd__Heading a {
  display: block;
  width: 100%;
  height: 100%;
}
.Accd__Heading .Icon-Open {
  display: inline-block;
  margin-left: 32px;
}
@media only screen and (max-width: 767px) {
  .Accd__Heading .Icon-Open {
    margin-left: 13px;
  }
}
.Accd__Heading__Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-right: 25px;
}
@media only screen and (max-width: 767px) {
  .Accd__Heading__Inner {
    padding-right: 16px;
  }
}
.Accd__Heading__Text {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Accd__Heading__Text {
    font-size: 2.8rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Accd__Heading__Text {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .Accd__Heading__Text {
    font-size: 2.1rem;
  }
}
.Js-Accd__Button {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.Accd__Body__Inner {
  padding-bottom: 64px;
}
@media only screen and (max-width: 767px) {
  .Accd__Body__Inner {
    padding-bottom: 36px;
  }
}
.Js-Accd__Item:first-child .Js-Accd__Body {
  display: block;
}
.Js-Accd__Body {
  display: none;
}
.Js-AccdReadmore {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .Js-AccdReadmore {
    margin-top: 32px;
  }
}
.Js-AccdReadmore__Body {
  display: none;
  padding-top: 37px;
}
@media only screen and (max-width: 767px) {
  .Js-AccdReadmore__Body {
    padding-top: 22px;
  }
}
.Js-AccdReadmore__Heading {
  text-align: center;
}
.Js-AccdReadmore__Heading.State-Opend .AccdReadmore__Text-Open {
  display: none;
}
.Js-AccdReadmore__Heading.State-Opend .AccdReadmore__Text-Close {
  display: block;
}
.AccdReadmore__Text-Close {
  display: none;
}
.AccdReadmore__Text {
  display: inline-block;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: bold;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .AccdReadmore__Text {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .AccdReadmore__Text {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .AccdReadmore__Text {
    font-size: 1.1rem;
  }
}
.Js-AccdReadmore__Button {
  display: inline-block;
  text-align: center;
}
.Js-AccdReadmore__Button .Icon-Open {
  display: block;
  width: 40px;
  height: 40px;
  margin: 14px auto 0;
}
@media only screen and (max-width: 767px) {
  .Js-AccdReadmore__Button .Icon-Open {
    width: 30px;
    height: 30px;
  }
}
.Js-AccdReadmore__Button .Icon-Open::before, .Js-AccdReadmore__Button .Icon-Open::after {
  left: 0;
  top: 50%;
  width: 40px;
}
@media only screen and (max-width: 767px) {
  .Js-AccdReadmore__Button .Icon-Open::before, .Js-AccdReadmore__Button .Icon-Open::after {
    width: 30px;
  }
}
/*===== Tab =====*/
.Js-TabCommon {
  margin-top: 74px;
}
@media only screen and (max-width: 767px) {
  .Js-TabCommon {
    margin-top: 39px;
  }
}
.Js-TabCommon__Head {
  max-width: 1284px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .Js-TabCommon__Head {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .Js-TabCommon__Head {
    padding: 0 24px;
  }
}
.Js-TabCommon__List {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
.Js-TabCommon__List li:not(:first-child) {
  margin-left: -1px;
}
.Js-TabCommon__List li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 52px;
  height: 100%;
  padding: 7px 32px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  font-weight: bold;
  color: #333;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  -webkit-transition: color .25s linear, border .25s linear, background-color .25s linear;
  transition: color .25s linear, border .25s linear, background-color .25s linear;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Js-TabCommon__List li a {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Js-TabCommon__List li a {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Js-TabCommon__List li a {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Js-TabCommon__List li a {
    min-height: 65px;
    padding: 7px 13px;
  }
}
.Js-TabCommon__List li a[aria-selected="true"] {
  color: #fff;
  border: 1px solid #01652F;
  background-color: #01652F;
  z-index: 3;
}
.Js-TabCommon__List li a:hover[aria-selected="true"] {
  border: 1px solid rgba(0, 132, 134, 0.7);
  background-color: rgba(0, 132, 134, 0.7);
}
.Js-TabCommon__List li a:hover[aria-selected="false"] {
  color: #01652F;
  border: 1px solid #01652F;
  background-color: #fff;
}
.Js-TabCommon__Body {
  position: relative;
  margin-top: -1px;
  border-top: 1px solid #d6d6d6;
  background-color: #fff;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .Js-TabCommon__Body {
    margin-bottom: 38px;
  }
}
.Js-TabCommon__Panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100px;
  padding-bottom: 84px;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in;
  z-index: -1;
  opacity: 0;
}
.Js-TabCommon__Panel[aria-hidden="false"] {
  position: static;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .Js-TabCommon__Panel {
    padding-bottom: 2px;
  }
}
/*===== ViewMore =====*/
@media print, screen and (min-width: 768px) {
  .Js-Viewmore__Content {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .Js-Viewmore__Content {
    display: none;
  }
}
.Js-Viewmore__Button.State-Opend {
  text-align: left;
}
.Js-Viewmore__Button.State-Opend .Icon-Open {
  display: inline-block;
}
.Js-Viewmore__Button .Icon-Open {
  padding: 0 0 0 16px;
}
.Section-Features__Button {
  display: none;
}
@media only screen and (max-width: 767px) {
  .Section-Features__Button {
    display: block;
  }
}
/*===== Media =====*/
@media print, screen and (min-width: 768px) {
  .Media__Body .Box-Outline {
    margin-top: 6px;
  }
}
.Media__Body [class*="Media__"] + [class*="Media__"] {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .Media__Body [class*="Media__"] + [class*="Media__"] {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 768px) {
  .Media__Body .Table-Wrap {
    margin-top: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .Media__Img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
  }
}
.Media__Img a {
  display: block;
  width: 100%;
}
.Media__Img .Img,
.Media__Img img {
  width: 100%;
}
.Media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.Media .Media__Body {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .Media .Media__Body {
    margin-top: 17px;
  }
}
.Media .Media__Img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  height: 100%;
}
[class*="Media-"] [class*="Media__"]:first-child .Media__Img {
  margin-top: 7px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  [class*="Media-"] [class*="Media__"]:first-child .Media__Img {
    margin-top: 6px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  [class*="Media-"] [class*="Media__"]:first-child .Media__Img {
    margin-top: 4px;
  }
}
@media only screen and (max-width: 767px) {
  [class*="Media-"] [class*="Media__"]:first-child .Media__Img {
    margin-top: 3px;
  }
}
@media print, screen and (min-width: 768px) {
  [class*="Media-"].is-MediaReverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 768px) {
  [class*="Media-"].is-VerticalCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.Media-1to1-spPortrait {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.Media-1to1-spPortrait .Media__Body {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 28px;
}
.Media-1to1-spPortrait .Media__Img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media print, screen and (min-width: 768px) {
  .Media-1to2-spPortrait {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -32px;
  }
}
@media only screen and (max-width: 767px) {
  .Media-1to2-spPortrait {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 768px) {
  .Media-1to2-spPortrait [class*="Media__"] {
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Media-1to2-spPortrait [class*="Media__"] {
    margin-left: 13px;
  }
}
@media print, screen and (min-width: 768px) {
  .Media-1to2-spPortrait .Media__Body {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .Media-1to2-spPortrait .Media__Body {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin-top: 26px;
  }
}
@media print, screen and (min-width: 768px) {
  .Media-1to2-spPortrait .Media__Img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media only screen and (max-width: 767px) {
  .Media-1to2-spPortrait .Media__Img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media print, screen and (min-width: 768px) {
  .Media-1to3-spPortrait {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -32px;
  }
}
@media only screen and (max-width: 767px) {
  .Media-1to3-spPortrait {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 768px) {
  .Media-1to3-spPortrait .Media__Body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: calc((100% - 32px * 4)/ 1);
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Media-1to3-spPortrait .Media__Body {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .Media-1to3-spPortrait .Media__Body {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin-top: 26px;
  }
}
@media print, screen and (min-width: 768px) {
  .Media-1to3-spPortrait .Media__Img {
    width: calc((100% - 32px * 4)/ 3);
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Media-1to3-spPortrait .Media__Img {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .Media-1to3-spPortrait .Media__Img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
}
[class*="Media-Harf"] .Media__Body > *:first-child,
[class*="Media-1to1"] .Media__Body > *:first-child,
[class*="Media-1to2"] .Media__Body > *:first-child,
[class*="Media-1to3"] .Media__Body > *:first-child {
  margin-top: -0.2em;
}
.Media-Harf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}
.Media-Harf [class*="Media__"]:nth-of-type(1) {
  width: calc((100% - 32px * 2)/ 1);
}
.Media-Harf [class*="Media__"]:nth-of-type(2) {
  margin-left: 32px;
  width: calc((100% - 32px * 2)/ 1);
}
@media only screen and (max-width: 767px) {
  .Media-Harf [class*="Media__"]:nth-of-type(2) {
    margin-left: 13px;
  }
}
.Media-Harf-sp1to2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 768px) {
  .Media-Harf-sp1to2 [class*="Media__"] {
    width: calc((100% - 32px * 2)/ 1);
  }
}
.Media-Harf-sp1to2 .Media__Body {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media only screen and (max-width: 767px) {
  .Media-Harf-sp1to2 .Media__Body {
    width: calc((100% - 13px * 3)/ 1);
    margin-left: 32px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .Media-Harf-sp1to2 .Media__Body {
    margin-left: 13px;
  }
}
.Media-Harf-sp1to2 .Media__Img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media print, screen and (min-width: 768px) {
  .Media-Harf-sp1to2 .Media__Img {
    margin-right: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Media-Harf-sp1to2 .Media__Img {
    margin-right: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .Media-Harf-sp1to2 .Media__Img {
    width: calc((100% - 13px * 3)/ 2);
  }
}
.Js-ModalImg .Media-Harf-sp1to2 .Media__Img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media print, screen and (min-width: 768px) {
  .Js-ModalImg .Media-Harf-sp1to2 .Media__Img {
    margin-right: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Js-ModalImg .Media-Harf-sp1to2 .Media__Img {
    margin-right: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .Js-ModalImg .Media-Harf-sp1to2 .Media__Img {
    width: calc((100% - 13px * 3)/ 2);
  }
}
.Media-Harf-spPortrait {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media print, screen and (min-width: 768px) {
  .Media-Harf-spPortrait {
    margin-left: -32px;
  }
}
@media only screen and (max-width: 767px) {
  .Media-Harf-spPortrait {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .Media-Harf-spPortrait .Media__Img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .Media-Harf-spPortrait .Media__Body {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .Media-Harf-spPortrait .Media__Body {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .Media-Harf-spPortrait .Media__Body > *:first-child {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Media-Harf-spPortrait [class*="Media__"]:nth-of-type(1) {
    width: calc((100% - 32px * 2)/ 1);
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Media-Harf-spPortrait [class*="Media__"]:nth-of-type(1) {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .Media-Harf-spPortrait [class*="Media__"]:nth-of-type(1) {
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .Media-Harf-spPortrait [class*="Media__"]:nth-of-type(2) {
    width: calc((100% - 32px * 2)/ 1);
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Media-Harf-spPortrait [class*="Media__"]:nth-of-type(2) {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .Media-Harf-spPortrait [class*="Media__"]:nth-of-type(2) {
    width: 100%;
  }
}
.Media-IconSet {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .Media-IconSet .LinkWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .Media-IconSet .LinkWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 768px) {
  .Media-IconSet .LinkWrap .Media__Body {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .Media-IconSet .LinkWrap .Media__Body {
    width: calc((100% - 13px * 4)/ 1);
    margin-left: 32px;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .Media-IconSet .LinkWrap .Media__Body {
    margin-left: 13px;
  }
}
.Media-IconSet .LinkWrap .Media__Img {
  overflow: visible;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .Media-IconSet .LinkWrap .Media__Img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .Media-IconSet .LinkWrap .Media__Img {
    width: calc((100% - 13px * 4)/ 3);
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .Media-IconSet .LinkWrap .Media__Img .Img {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 70%;
  }
}
@media print, screen and (min-width: 768px) {
  .Media-IconSet .LinkWrap [class*="IconSVG-"] {
    height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .Media-IconSet .LinkWrap [class*="IconSVG-"] {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
.Media-IconSet .LinkWrap .Heading {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Media-IconSet .LinkWrap .Heading {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Media-IconSet .LinkWrap .Heading {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Media-IconSet .LinkWrap .Heading {
    margin-top: 50px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .Media-IconSet .LinkWrap .Heading {
    margin-top: 0;
    text-align: left;
    font-size: 1.6rem;
  }
}
.Media-IconSet .LinkWrap .Heading + [class^="Text"] {
  margin-top: 9px;
}
@media only screen and (max-width: 767px) {
  .Media-IconSet .LinkWrap .Heading + [class^="Text"] {
    margin-top: 5px;
  }
}
.MediaSection {
  height: 100%;
  padding: 50px 28px;
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ebebeb));
  background: linear-gradient(to bottom, white 0%, #ebebeb 100%);
}
@media only screen and (max-width: 767px) {
  .MediaSection {
    padding: 30px 28px 25px;
  }
}
.MediaSection__Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-align: center;
}
.MediaSection__Inner .Media__Body {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.MediaSection__Inner .Media__Img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  height: auto;
}
.MediaSection__Inner [class*="IconSVG-"] {
  height: 80px;
}
.MediaSection__Heading {
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
  margin-top: 34px;
  margin-bottom: 20px;
  padding-bottom: 17px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .MediaSection__Heading {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .MediaSection__Heading {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .MediaSection__Heading {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .MediaSection__Heading {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .MediaSection__Heading {
    padding-bottom: 12px;
  }
}
.MediaSection__Heading .Main {
  position: relative;
  display: block;
}
.MediaSection__Heading .Main::after {
  content: '';
  display: block;
  position: absolute;
  width: 48px;
  height: 2px;
  left: 50%;
  bottom: -17px;
  background-color: #01652F;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 767px) {
  .MediaSection__Heading .Main::after {
    width: 36px;
    bottom: -12px;
  }
}
.LinkWrap {
  display: block;
  width: 100%;
}
.LinkWrap .Media__Img {
  overflow: hidden;
}
.LinkWrap [class*="Heading"] {
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
.LinkWrap:hover [class*="Heading"] {
  color: #01652F;
}
.LinkWrap:not(.View-SPiOS) .Link__Text {
  -webkit-transition: color .25s linear , border-bottom .25s linear;
  transition: color .25s linear , border-bottom .25s linear;
}
.LinkWrap:not(.View-SPiOS) .Media__Img img,
.LinkWrap:not(.View-SPiOS) .Media__Img .Img-Hover {
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear;
}
.LinkWrap:not(.View-SPiOS):hover .Media__Img img,
.LinkWrap:not(.View-SPiOS):hover .Media__Img .Img-Hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.LinkWrap:hover .Link__Text {
  color: #01652F;
  border-bottom: 1px solid #01652F;
}
.Media-Figure + .Media-Figure {
  margin-top: 49px;
}
@media only screen and (max-width: 767px) {
  .Media-Figure + .Media-Figure {
    margin-top: 32px;
  }
}
.Media-Figure__Img .Img,
.Media-Figure__Img img {
  width: 100%;
}
.Media-Figure__Body {
  margin-top: 20px;
  font-size: 1.3rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Media-Figure__Body {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Media-Figure__Body {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .Media-Figure__Body {
    font-size: 1.1rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Media-Figure__Body {
    margin-top: 14px;
  }
}
.Media-Figure__Caption {
  text-align: center;
  font-style: italic;
}
.PartitionList {
  margin-top: 72px;
}
@media only screen and (max-width: 767px) {
  .PartitionList {
    margin-top: 45px;
  }
}
.PartitionList__Item {
  padding-top: 64px;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .PartitionList__Item {
    padding-top: 36px;
  }
}
.PartitionList__Item:not(:first-child) {
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .PartitionList__Item:not(:first-child) {
    margin-top: 33px;
  }
}
@media print, screen and (min-width: 768px) {
  .PartitionList__Item:nth-child(odd) .Media__Body {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.PartitionList__Item-LV2 {
  margin-top: 29px;
}
@media only screen and (max-width: 767px) {
  .PartitionList__Item-LV2 {
    margin-top: 18px;
  }
}
/*===== Grid =====*/
[class*="Grid-"] {
  list-style-type: none;
}
[class*="Grid-Column"],
[class*="List-Column"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
[class*="Grid-Column"] > .Grid__Item,
[class*="Grid-Column"] > .List__Item,
[class*="List-Column"] > .Grid__Item,
[class*="List-Column"] > .List__Item {
  margin-left: 32px;
}
@media only screen and (max-width: 767px) {
  [class*="Grid-Column"] > .Grid__Item,
  [class*="Grid-Column"] > .List__Item,
  [class*="List-Column"] > .Grid__Item,
  [class*="List-Column"] > .List__Item {
    margin-left: 13px;
  }
}
@media print, screen and (min-width: 768px) {
  [class*="Grid-Column"],
  [class*="List-Column"] {
    margin-left: -32px;
  }
}
@media only screen and (max-width: 767px) {
  [class*="Grid-Column"],
  [class*="List-Column"] {
    margin-left: -13px;
  }
}
.Grid__Item {
  margin-top: 59px;
}
@media only screen and (max-width: 767px) {
  .Grid__Item {
    margin-top: 31px;
  }
}
.List__Item {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .List__Item {
    margin-top: 15px;
  }
}
.Grid__Item,
.List__Item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Grid__Item > .LinkWrap,
.Grid__Item > .Media,
.List__Item > .LinkWrap,
.List__Item > .Media {
  min-height: 0;
}
.Grid-Column1 .Grid__Item, .Grid-Column1
.List__Item {
  width: 100%;
}
.Grid-Column2 .Grid__Item,
.List-Column2 .Grid__Item, .Grid-Column2
.List__Item,
.List-Column2
.List__Item {
  width: calc((100% - 32px * 2)/ 2);
}
@media only screen and (max-width: 767px) {
  .Grid-Column2 .Grid__Item,
  .List-Column2 .Grid__Item, .Grid-Column2
  .List__Item,
  .List-Column2
  .List__Item {
    width: calc((100% - 13px * 2)/ 2);
  }
}
.Grid-Column2 .Grid__Item _:-ms-lang(x), .Grid-Column2 .Grid__Item,
.List-Column2 .Grid__Item _:-ms-lang(x),
.List-Column2 .Grid__Item, .Grid-Column2
.List__Item _:-ms-lang(x), .Grid-Column2
.List__Item,
.List-Column2
.List__Item _:-ms-lang(x),
.List-Column2
.List__Item {
  /* IE11 */
  width: calc((100% - 33px * 2)/ 2);
}
@media only screen and (max-width: 767px) {
  .Grid-Column2 .Grid__Item _:-ms-lang(x), .Grid-Column2 .Grid__Item,
  .List-Column2 .Grid__Item _:-ms-lang(x),
  .List-Column2 .Grid__Item, .Grid-Column2
  .List__Item _:-ms-lang(x), .Grid-Column2
  .List__Item,
  .List-Column2
  .List__Item _:-ms-lang(x),
  .List-Column2
  .List__Item {
    width: calc((100% - 14px * 2)/ 2);
  }
}
.Grid-Column3 .Grid__Item,
.List-Column3 .Grid__Item, .Grid-Column3
.List__Item,
.List-Column3
.List__Item {
  width: calc((100% - 32px * 3)/ 3);
}
@media only screen and (max-width: 767px) {
  .Grid-Column3 .Grid__Item,
  .List-Column3 .Grid__Item, .Grid-Column3
  .List__Item,
  .List-Column3
  .List__Item {
    width: calc((100% - 13px * 3)/ 3);
  }
}
.Grid-Column3 .Grid__Item _:-ms-lang(x), .Grid-Column3 .Grid__Item,
.List-Column3 .Grid__Item _:-ms-lang(x),
.List-Column3 .Grid__Item, .Grid-Column3
.List__Item _:-ms-lang(x), .Grid-Column3
.List__Item,
.List-Column3
.List__Item _:-ms-lang(x),
.List-Column3
.List__Item {
  /* IE11 */
  width: calc((100% - 33px * 3)/ 3);
}
@media only screen and (max-width: 767px) {
  .Grid-Column3 .Grid__Item _:-ms-lang(x), .Grid-Column3 .Grid__Item,
  .List-Column3 .Grid__Item _:-ms-lang(x),
  .List-Column3 .Grid__Item, .Grid-Column3
  .List__Item _:-ms-lang(x), .Grid-Column3
  .List__Item,
  .List-Column3
  .List__Item _:-ms-lang(x),
  .List-Column3
  .List__Item {
    width: calc((100% - 14px * 3)/ 3);
  }
}
.Grid-Column4 .Grid__Item,
.List-Column4 .Grid__Item, .Grid-Column4
.List__Item,
.List-Column4
.List__Item {
  width: calc((100% - 32px * 4)/ 4);
}
@media only screen and (max-width: 767px) {
  .Grid-Column4 .Grid__Item,
  .List-Column4 .Grid__Item, .Grid-Column4
  .List__Item,
  .List-Column4
  .List__Item {
    width: calc((100% - 13px * 4)/ 4);
  }
}
.Grid-Column4 .Grid__Item _:-ms-lang(x), .Grid-Column4 .Grid__Item,
.List-Column4 .Grid__Item _:-ms-lang(x),
.List-Column4 .Grid__Item, .Grid-Column4
.List__Item _:-ms-lang(x), .Grid-Column4
.List__Item,
.List-Column4
.List__Item _:-ms-lang(x),
.List-Column4
.List__Item {
  /* IE11 */
  width: calc((100% - 33px * 4)/ 4);
}
@media only screen and (max-width: 767px) {
  .Grid-Column4 .Grid__Item _:-ms-lang(x), .Grid-Column4 .Grid__Item,
  .List-Column4 .Grid__Item _:-ms-lang(x),
  .List-Column4 .Grid__Item, .Grid-Column4
  .List__Item _:-ms-lang(x), .Grid-Column4
  .List__Item,
  .List-Column4
  .List__Item _:-ms-lang(x),
  .List-Column4
  .List__Item {
    width: calc((100% - 14px * 4)/ 4);
  }
}
.Grid-Column5 .Grid__Item,
.List-Column5 .Grid__Item, .Grid-Column5
.List__Item,
.List-Column5
.List__Item {
  width: calc((100% - 32px * 5)/ 5);
}
@media only screen and (max-width: 767px) {
  .Grid-Column5 .Grid__Item,
  .List-Column5 .Grid__Item, .Grid-Column5
  .List__Item,
  .List-Column5
  .List__Item {
    width: calc((100% - 13px * 5)/ 5);
  }
}
.Grid-Column5 .Grid__Item _:-ms-lang(x), .Grid-Column5 .Grid__Item,
.List-Column5 .Grid__Item _:-ms-lang(x),
.List-Column5 .Grid__Item, .Grid-Column5
.List__Item _:-ms-lang(x), .Grid-Column5
.List__Item,
.List-Column5
.List__Item _:-ms-lang(x),
.List-Column5
.List__Item {
  /* IE11 */
  width: calc((100% - 33px * 5)/ 5);
}
@media only screen and (max-width: 767px) {
  .Grid-Column5 .Grid__Item _:-ms-lang(x), .Grid-Column5 .Grid__Item,
  .List-Column5 .Grid__Item _:-ms-lang(x),
  .List-Column5 .Grid__Item, .Grid-Column5
  .List__Item _:-ms-lang(x), .Grid-Column5
  .List__Item,
  .List-Column5
  .List__Item _:-ms-lang(x),
  .List-Column5
  .List__Item {
    width: calc((100% - 14px * 5)/ 5);
  }
}
.Grid-Column6 .Grid__Item,
.List-Column6 .Grid__Item, .Grid-Column6
.List__Item,
.List-Column6
.List__Item {
  width: calc((100% - 32px * 6)/ 6);
}
@media only screen and (max-width: 767px) {
  .Grid-Column6 .Grid__Item,
  .List-Column6 .Grid__Item, .Grid-Column6
  .List__Item,
  .List-Column6
  .List__Item {
    width: calc((100% - 13px * 6)/ 6);
  }
}
.Grid-Column6 .Grid__Item _:-ms-lang(x), .Grid-Column6 .Grid__Item,
.List-Column6 .Grid__Item _:-ms-lang(x),
.List-Column6 .Grid__Item, .Grid-Column6
.List__Item _:-ms-lang(x), .Grid-Column6
.List__Item,
.List-Column6
.List__Item _:-ms-lang(x),
.List-Column6
.List__Item {
  /* IE11 */
  width: calc((100% - 33px * 6)/ 6);
}
@media only screen and (max-width: 767px) {
  .Grid-Column6 .Grid__Item _:-ms-lang(x), .Grid-Column6 .Grid__Item,
  .List-Column6 .Grid__Item _:-ms-lang(x),
  .List-Column6 .Grid__Item, .Grid-Column6
  .List__Item _:-ms-lang(x), .Grid-Column6
  .List__Item,
  .List-Column6
  .List__Item _:-ms-lang(x),
  .List-Column6
  .List__Item {
    width: calc((100% - 14px * 6)/ 6);
  }
}
.Grid-Column7 .Grid__Item,
.List-Column7 .Grid__Item, .Grid-Column7
.List__Item,
.List-Column7
.List__Item {
  width: calc((100% - 32px * 7)/ 7);
}
@media only screen and (max-width: 767px) {
  .Grid-Column7 .Grid__Item,
  .List-Column7 .Grid__Item, .Grid-Column7
  .List__Item,
  .List-Column7
  .List__Item {
    width: calc((100% - 13px * 7)/ 7);
  }
}
.Grid-Column7 .Grid__Item _:-ms-lang(x), .Grid-Column7 .Grid__Item,
.List-Column7 .Grid__Item _:-ms-lang(x),
.List-Column7 .Grid__Item, .Grid-Column7
.List__Item _:-ms-lang(x), .Grid-Column7
.List__Item,
.List-Column7
.List__Item _:-ms-lang(x),
.List-Column7
.List__Item {
  /* IE11 */
  width: calc((100% - 33px * 7)/ 7);
}
@media only screen and (max-width: 767px) {
  .Grid-Column7 .Grid__Item _:-ms-lang(x), .Grid-Column7 .Grid__Item,
  .List-Column7 .Grid__Item _:-ms-lang(x),
  .List-Column7 .Grid__Item, .Grid-Column7
  .List__Item _:-ms-lang(x), .Grid-Column7
  .List__Item,
  .List-Column7
  .List__Item _:-ms-lang(x),
  .List-Column7
  .List__Item {
    width: calc((100% - 14px * 7)/ 7);
  }
}
.Grid-Column8 .Grid__Item,
.List-Column8 .Grid__Item, .Grid-Column8
.List__Item,
.List-Column8
.List__Item {
  width: calc((100% - 32px * 8)/ 8);
}
@media only screen and (max-width: 767px) {
  .Grid-Column8 .Grid__Item,
  .List-Column8 .Grid__Item, .Grid-Column8
  .List__Item,
  .List-Column8
  .List__Item {
    width: calc((100% - 13px * 8)/ 8);
  }
}
.Grid-Column8 .Grid__Item _:-ms-lang(x), .Grid-Column8 .Grid__Item,
.List-Column8 .Grid__Item _:-ms-lang(x),
.List-Column8 .Grid__Item, .Grid-Column8
.List__Item _:-ms-lang(x), .Grid-Column8
.List__Item,
.List-Column8
.List__Item _:-ms-lang(x),
.List-Column8
.List__Item {
  /* IE11 */
  width: calc((100% - 33px * 8)/ 8);
}
@media only screen and (max-width: 767px) {
  .Grid-Column8 .Grid__Item _:-ms-lang(x), .Grid-Column8 .Grid__Item,
  .List-Column8 .Grid__Item _:-ms-lang(x),
  .List-Column8 .Grid__Item, .Grid-Column8
  .List__Item _:-ms-lang(x), .Grid-Column8
  .List__Item,
  .List-Column8
  .List__Item _:-ms-lang(x),
  .List-Column8
  .List__Item {
    width: calc((100% - 14px * 8)/ 8);
  }
}
@media only screen and (max-width: 767px) {
  .Grid-ViewSPColumn1 .Grid__Item,
  .List-ViewSPColumn1 .Grid__Item, .Grid-ViewSPColumn1
  .List__Item,
  .List-ViewSPColumn1
  .List__Item {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .Grid-ViewSPColumn2 .Grid__Item,
  .List-ViewSPColumn2 .Grid__Item, .Grid-ViewSPColumn2
  .List__Item,
  .List-ViewSPColumn2
  .List__Item {
    width: calc((100% - 13px * 2)/ 2);
  }
}
.Grid-ViewSPColumn2 .Grid__Item _:-ms-lang(x), .Grid-ViewSPColumn2 .Grid__Item,
.List-ViewSPColumn2 .Grid__Item _:-ms-lang(x),
.List-ViewSPColumn2 .Grid__Item, .Grid-ViewSPColumn2
.List__Item _:-ms-lang(x), .Grid-ViewSPColumn2
.List__Item,
.List-ViewSPColumn2
.List__Item _:-ms-lang(x),
.List-ViewSPColumn2
.List__Item {
  /* IE11 */
}
@media only screen and (max-width: 767px) {
  .Grid-ViewSPColumn2 .Grid__Item _:-ms-lang(x), .Grid-ViewSPColumn2 .Grid__Item,
  .List-ViewSPColumn2 .Grid__Item _:-ms-lang(x),
  .List-ViewSPColumn2 .Grid__Item, .Grid-ViewSPColumn2
  .List__Item _:-ms-lang(x), .Grid-ViewSPColumn2
  .List__Item,
  .List-ViewSPColumn2
  .List__Item _:-ms-lang(x),
  .List-ViewSPColumn2
  .List__Item {
    width: calc((100% - 14px * 2)/ 2);
  }
}
@media only screen and (max-width: 767px) {
  .Grid-ViewSPColumn2 .Grid__Item:nth-of-type(even),
  .List-ViewSPColumn2 .Grid__Item:nth-of-type(even), .Grid-ViewSPColumn2
  .List__Item:nth-of-type(even),
  .List-ViewSPColumn2
  .List__Item:nth-of-type(even) {
    margin-left: 13px;
  }
}
.Grid__Item .Img,
.List__Item .Img {
  width: 100%;
}
.Grid__Item .Img img,
.List__Item .Img img {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .Grid-ViewSPColumn1 .Grid__Item:first-child,
  .Grid-ViewSPColumn1 .List__Item:first-child,
  .List-ViewSPColumn1 .Grid__Item:first-child,
  .List-ViewSPColumn1 .List__Item:first-child {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .Grid-ViewSPColumn2 .Grid__Item:nth-child(-n+2),
  .Grid-ViewSPColumn2 .List__Item:nth-child(-n+2),
  .List-ViewSPColumn2 .Grid__Item:nth-child(-n+2),
  .List-ViewSPColumn2 .List__Item:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Grid-Column1 .Grid__Item:nth-child(-n+1),
  .Grid-Column1 .List__Item:nth-child(-n+1),
  .List-Column1 .Grid__Item:nth-child(-n+1),
  .List-Column1 .List__Item:nth-child(-n+1) {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Grid-Column2 .Grid__Item:nth-child(-n+2),
  .Grid-Column2 .List__Item:nth-child(-n+2),
  .List-Column2 .Grid__Item:nth-child(-n+2),
  .List-Column2 .List__Item:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Grid-Column3 .Grid__Item:nth-child(-n+3),
  .Grid-Column3 .List__Item:nth-child(-n+3),
  .List-Column3 .Grid__Item:nth-child(-n+3),
  .List-Column3 .List__Item:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Grid-Column4 .Grid__Item:nth-child(-n+4),
  .Grid-Column4 .List__Item:nth-child(-n+4),
  .List-Column4 .Grid__Item:nth-child(-n+4),
  .List-Column4 .List__Item:nth-child(-n+4) {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Grid-Column5 .Grid__Item:nth-child(-n+5),
  .Grid-Column5 .List__Item:nth-child(-n+5),
  .List-Column5 .Grid__Item:nth-child(-n+5),
  .List-Column5 .List__Item:nth-child(-n+5) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .Grid-Column5.Grid-ViewSPColumn1 .Grid__Item:not(:first-child),
  .List-Column5.Grid-ViewSPColumn1 .Grid__Item:not(:first-child) {
    margin-top: 31px;
  }
}
@media print, screen and (min-width: 768px) {
  .Grid-Column6 .Grid__Item:nth-child(-n+6),
  .Grid-Column6 .List__Item:nth-child(-n+6),
  .List-Column6 .Grid__Item:nth-child(-n+6),
  .List-Column6 .List__Item:nth-child(-n+6) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .Grid-Column6.Grid-ViewSPColumn1 .Grid__Item:not(:first-child),
  .List-Column6.Grid-ViewSPColumn1 .Grid__Item:not(:first-child) {
    margin-top: 31px;
  }
}
@media print, screen and (min-width: 768px) {
  .Grid-Column7 .Grid__Item:nth-child(-n+7),
  .Grid-Column7 .List__Item:nth-child(-n+7),
  .List-Column7 .Grid__Item:nth-child(-n+7),
  .List-Column7 .List__Item:nth-child(-n+7) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .Grid-Column7.Grid-ViewSPColumn1 .Grid__Item:not(:first-child),
  .List-Column7.Grid-ViewSPColumn1 .Grid__Item:not(:first-child) {
    margin-top: 31px;
  }
}
@media print, screen and (min-width: 768px) {
  .Grid-Column8 .Grid__Item:nth-child(-n+8),
  .Grid-Column8 .List__Item:nth-child(-n+8),
  .List-Column8 .Grid__Item:nth-child(-n+8),
  .List-Column8 .List__Item:nth-child(-n+8) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .Grid-Column8.Grid-ViewSPColumn1 .Grid__Item:not(:first-child),
  .List-Column8.Grid-ViewSPColumn1 .Grid__Item:not(:first-child) {
    margin-top: 31px;
  }
}
[class*="Grid-Inline"] {
  letter-spacing: -.4em;
}
[class*="Grid-Inline"].Grid-Inline-Column2 .Grid__Item {
  width: calc((100% - 32px * 2)/ 2);
}
@media only screen and (max-width: 767px) {
  [class*="Grid-Inline"].Grid-Inline-Column2 .Grid__Item {
    width: calc((100% - 13px * 2)/ 2);
  }
}
[class*="Grid-Inline"].Grid-Inline-Column3 .Grid__Item {
  width: calc((100% - 32px * 3)/ 3);
}
@media only screen and (max-width: 767px) {
  [class*="Grid-Inline"].Grid-Inline-Column3 .Grid__Item {
    width: calc((100% - 13px * 3)/ 3);
  }
}
[class*="Grid-Inline"].Grid-Inline-Column4 .Grid__Item {
  width: calc((100% - 32px * 4)/ 4);
}
@media only screen and (max-width: 767px) {
  [class*="Grid-Inline"].Grid-Inline-Column4 .Grid__Item {
    width: calc((100% - 13px * 4)/ 4);
  }
}
[class*="Grid-Inline"].Grid-Inline-Column5 .Grid__Item {
  width: calc((100% - 32px * 5)/ 5);
}
@media only screen and (max-width: 767px) {
  [class*="Grid-Inline"].Grid-Inline-Column5 .Grid__Item {
    width: calc((100% - 13px * 5)/ 5);
  }
}
[class*="Grid-Inline"].Grid-Inline-Column6 .Grid__Item {
  width: calc((100% - 32px * 6)/ 6);
}
@media only screen and (max-width: 767px) {
  [class*="Grid-Inline"].Grid-Inline-Column6 .Grid__Item {
    width: calc((100% - 13px * 6)/ 6);
  }
}
[class*="Grid-Inline"] .Grid-Inline-Column2 .Grid__Item:nth-child(-n+2) {
  margin-top: 0;
}
[class*="Grid-Inline"] .Grid-Inline-Column3 .Grid__Item:nth-child(-n+3) {
  margin-top: 0;
}
[class*="Grid-Inline"] .Grid-Inline-Column4 .Grid__Item:nth-child(-n+4) {
  margin-top: 0;
}
[class*="Grid-Inline"] .Grid-Inline-Column5 .Grid__Item:nth-child(-n+5) {
  margin-top: 0;
}
[class*="Grid-Inline"] .Grid-Inline-Column6 .Grid__Item:nth-child(-n+6) {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  [class*="Grid-Inline"].Grid-ViewSPColumn1, [class*="Grid-Inline"].Grid-ViewSPColumn2, [class*="Grid-Inline"].Grid-ViewSPColumn3, [class*="Grid-Inline"].Grid-ViewSPColumn4 {
    letter-spacing: 0;
  }
}
[class*="Grid-Inline"] .Grid__Item {
  display: inline-block;
  margin-top: 32px;
  margin-right: 32px;
  letter-spacing: normal;
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  [class*="Grid-Inline"] .Grid__Item {
    margin-top: 13px;
    margin-right: 13px;
  }
}
@media print, screen and (min-width: 768px) {
  .Grid-Center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.ProductsCategoryList {
  margin-bottom: 76px;
  padding-top: 73px;
}
@media only screen and (max-width: 767px) {
  .ProductsCategoryList {
    margin-bottom: 42px;
    padding-top: 37px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .ProductsCategoryList .Grid-Column8 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .ProductsCategoryList .Grid-Column8 .Grid__Item {
    width: calc((100% - 32px * 6) / 6);
  }
}
.ProductsCategoryList .Grid-Column8 .Grid__Item _:-ms-lang(x), .ProductsCategoryList .Grid-Column8 .Grid__Item {
  /* IE11 */
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .ProductsCategoryList .Grid-Column8 .Grid__Item _:-ms-lang(x), .ProductsCategoryList .Grid-Column8 .Grid__Item {
    width: calc((100% - 33px * 6) / 6);
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .ProductsCategoryList .Grid-Column8 .Grid__Item:not(:nth-child(-n+6)) {
    margin-top: 31px;
  }
}
.ProductsCategoryList .LinkWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ProductsCategoryList .ProductsCategoryList__Heading {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.ProductsCategoryList .ProductsCategoryList__Img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  height: 100%;
}
.ProductsCategoryList__Heading {
  margin-top: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  color: #000;
  font-size: 1.4rem;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .ProductsCategoryList__Heading {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .ProductsCategoryList__Heading {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .ProductsCategoryList__Heading {
    font-size: 1.4rem;
  }
}
.ProductsCategoryList__Heading .IconSVG-Blank {
  width: 10px;
  height: 9px;
}
.ProductsCategoryList__Heading .IconSVG-Blank::after {
  width: 10px;
  height: 9px;
}
.ArtworkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ArtworkList > .Grid__Item,
.ArtworkList > .List__Item {
  margin-left: 32px;
}
@media only screen and (max-width: 767px) {
  .ArtworkList > .Grid__Item,
  .ArtworkList > .List__Item {
    margin-left: 13px;
  }
}
@media print, screen and (min-width: 768px) {
  .ArtworkList {
    margin-left: -32px;
  }
}
@media only screen and (max-width: 767px) {
  .ArtworkList {
    margin-left: -13px;
  }
}
.ArtworkList__Item {
  list-style-type: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc((100% - 32px * 2) / 2);
  margin-top: 32px;
  margin-left: 32px;
}
@media only screen and (max-width: 767px) {
  .ArtworkList__Item {
    width: calc((100% - 13px * 2) / 2);
  }
}
.ArtworkList__Item _:-ms-lang(x), .ArtworkList__Item {
  /* IE11 */
  width: calc((100% - 33px * 2) / 2);
}
@media only screen and (max-width: 767px) {
  .ArtworkList__Item _:-ms-lang(x), .ArtworkList__Item {
    width: calc((100% - 14px * 2) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .ArtworkList__Item {
    margin-top: 24px;
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .ArtworkList__Item:first-child {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .ArtworkList__Item:nth-child(-n+2) {
    margin-top: 0;
  }
}
.ArtworkList__Item > .LinkWrap,
.ArtworkList__Item > .Media {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .ArtworkList__Item {
    width: 100%;
  }
}
.ArtworkList__Item .Media {
  position: relative;
  border: 1px solid #d6d6d6;
}
.ArtworkList__Item .Media:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.ArtworkList__Item .Media__Img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ArtworkList__Item .Img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.ArtworkList__Item .Img img {
  width: 100%;
  max-width: 100%;
}
/*===== Modal =====*/
.Modal__Content {
  position: relative;
}
.Js-ModalImg .Media__Img,
.Js-ModalMovie .Media__Img {
  overflow: hidden;
}
.Js-ModalImg [class*="Heading"],
.Js-ModalMovie [class*="Heading"] {
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
.Js-ModalImg:hover [class*="Heading"],
.Js-ModalMovie:hover [class*="Heading"] {
  color: #01652F;
}
.Js-ModalImg:not(.View-SPiOS) .Link__Text,
.Js-ModalMovie:not(.View-SPiOS) .Link__Text {
  -webkit-transition: color .25s linear , border-bottom .25s linear;
  transition: color .25s linear , border-bottom .25s linear;
}
.Js-ModalImg:not(.View-SPiOS) .Media__Img img,
.Js-ModalImg:not(.View-SPiOS) .Media__Img .Img-Hover,
.Js-ModalMovie:not(.View-SPiOS) .Media__Img img,
.Js-ModalMovie:not(.View-SPiOS) .Media__Img .Img-Hover {
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear;
}
.Js-ModalImg:not(.View-SPiOS):hover .Media__Img img,
.Js-ModalImg:not(.View-SPiOS):hover .Media__Img .Img-Hover,
.Js-ModalMovie:not(.View-SPiOS):hover .Media__Img img,
.Js-ModalMovie:not(.View-SPiOS):hover .Media__Img .Img-Hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.Js-ModalImg a,
.Js-ModalMovie a {
  display: block;
}
.Js-ModalImg a .Media__Img,
.Js-ModalMovie a .Media__Img {
  overflow: hidden;
}
.Js-ModalImg a [class*="Heading"],
.Js-ModalMovie a [class*="Heading"] {
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
.Js-ModalImg a:hover [class*="Heading"],
.Js-ModalMovie a:hover [class*="Heading"] {
  color: #01652F;
}
.Js-ModalImg a:not(.View-SPiOS) .Link__Text,
.Js-ModalMovie a:not(.View-SPiOS) .Link__Text {
  -webkit-transition: color .25s linear , border-bottom .25s linear;
  transition: color .25s linear , border-bottom .25s linear;
}
.Js-ModalImg a:not(.View-SPiOS) .Media__Img img,
.Js-ModalImg a:not(.View-SPiOS) .Media__Img .Img-Hover,
.Js-ModalMovie a:not(.View-SPiOS) .Media__Img img,
.Js-ModalMovie a:not(.View-SPiOS) .Media__Img .Img-Hover {
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear;
}
.Js-ModalImg a:not(.View-SPiOS):hover .Media__Img img,
.Js-ModalImg a:not(.View-SPiOS):hover .Media__Img .Img-Hover,
.Js-ModalMovie a:not(.View-SPiOS):hover .Media__Img img,
.Js-ModalMovie a:not(.View-SPiOS):hover .Media__Img .Img-Hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.Js-ModalMovie__ImgWrap {
  position: relative;
  display: block;
  width: 100%;
}
.Js-ModalMovie__ImgWrap::after {
  content: url(https://www.karawang.center/lskit_common/images/icons/movie.svg);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  line-height: 0;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Js-ModalMovie__ImgWrap::after {
    width: 64px;
    height: 64px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Js-ModalMovie__ImgWrap::after {
    width: 54px;
    height: 54px;
  }
}
@media only screen and (max-width: 767px) {
  .Js-ModalMovie__ImgWrap::after {
    width: 60px;
    height: 60px;
  }
}
.Js-ModalMovie__ImgWrap:hover::after {
  opacity: .7;
}
.Js-ModalMovie__ImgWrap .Media__Img {
  overflow: hidden;
}
.Js-ModalMovie__ImgWrap [class*="Heading"] {
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
.Js-ModalMovie__ImgWrap:hover [class*="Heading"] {
  color: #01652F;
}
.Js-ModalMovie__ImgWrap:not(.View-SPiOS) .Link__Text {
  -webkit-transition: color .25s linear , border-bottom .25s linear;
  transition: color .25s linear , border-bottom .25s linear;
}
.Js-ModalMovie__ImgWrap:not(.View-SPiOS) .Media__Img img,
.Js-ModalMovie__ImgWrap:not(.View-SPiOS) .Media__Img .Img-Hover {
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear;
}
.Js-ModalMovie__ImgWrap:not(.View-SPiOS):hover .Media__Img img,
.Js-ModalMovie__ImgWrap:not(.View-SPiOS):hover .Media__Img .Img-Hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.Js-ScrollBar-Modal {
  height: 80vh;
  width: 80%;
  margin: 0 auto;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .Js-ScrollBar-Modal {
    width: 100%;
  }
}
.Js-ScrollBar-Modal .mCSB_scrollTools {
  right: 12px;
}
.Modal-Img .Js-ScrollBar-Modal .mCSB_scrollTools {
  right: 48px;
  margin: 40px 0;
}
@media only screen and (max-width: 767px) {
  .Modal-Img .Js-ScrollBar-Modal .mCSB_scrollTools {
    right: 12px;
    margin: 20px 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Modal-Img {
    width: 100%;
    height: 100%;
    margin: 0;
  }
}
.Modal-Img .Modal__Content {
  width: 100%;
  padding: 41px 48px 48px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .Modal-Img .Modal__Content {
    padding: 20px 24px 24px;
  }
}
@media only screen and (max-width: 767px) {
  .Modal-Img .mCSB_inside > .mCSB_container {
    margin-right: 0;
  }
}
.Modal-Img__Head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Modal-Img__Thumb-Single .Media__Img {
  width: 100%;
}
.Modal-Movie__Wrapper {
  width: 80%;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .Modal-Movie__Wrapper {
    width: 800px;
  }
}
.Modal-Movie__Body {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  text-align: left;
  background-color: #000;
}
.Modal-Movie__Body iframe {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.Modal__Button {
  text-decoration: none;
  text-align: center;
  padding: 0;
  font-style: normal;
  font-size: 0;
  font-family: Arial, Baskerville, monospace;
}
@media print, screen and (min-width: 768px) {
  .Modal__Button {
    position: absolute;
    right: 38px;
    top: 10px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Modal__Button {
    right: 28px;
    width: 52px;
    height: 52px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .Modal__Button {
    position: fixed;
    right: 0;
    top: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-color: #000;
  }
}
@media print, screen and (min-width: 768px) {
  .Modal-Movie__Content .Modal__Button {
    right: -10px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Modal-Movie__Content .Modal__Button {
    right: -6px;
  }
}
.Modal__Button .mfp-close {
  opacity: 1;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
  position: relative;
  display: block;
  padding: 0;
}
.Modal__Button .mfp-close:hover {
  opacity: .7;
}
@media print, screen and (min-width: 768px) {
  .Modal__Button .mfp-close {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .Modal__Button .mfp-close {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
}
.Modal__Button .mfp-close::before, .Modal__Button .mfp-close::after {
  content: '';
  position: absolute;
  top: 50%;
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  .Modal__Button .mfp-close::before, .Modal__Button .mfp-close::after {
    left: -10px;
    width: 80px;
    height: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .Modal__Button .mfp-close::before, .Modal__Button .mfp-close::after {
    left: 4px;
    width: 39px;
    height: 1px;
  }
}
.Modal__Button .mfp-close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.Modal__Button .mfp-close::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.mfp-iframe-holder .Modal__Button .mfp-close {
  top: 0;
}
.Modal-mfp-fade {
  overflow-y: hidden;
}
.Modal-mfp-fade.mfp-bg {
  background-color: rgba(0, 0, 0, 0.5);
}
.Modal-mfp-fade .mfp-container {
  padding: 0;
}
.Modal-mfp-fade .mfp-content {
  max-width: 1284px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .Modal-mfp-fade .mfp-content {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .Modal-mfp-fade .mfp-content {
    padding: 0 24px;
  }
}
.Modal-mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.30s ease-out;
  transition: all 0.30s ease-out;
}
.Modal-mfp-fade.mfp-bg.mfp-ready,
.Modal-mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.Modal-mfp-fade.mfp-bg.mfp-removing,
.Modal-mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .Modal-mfp-fade.mfp-wrap {
    position: fixed !important;
    top: 0 !important;
  }
}
.Modal-mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  padding: 0;
  -webkit-transition: all 0.30s ease-out;
  transition: all 0.30s ease-out;
}
@media only screen and (max-width: 767px) {
  .Modal-mfp-fade.mfp-wrap .mfp-content {
    height: 100%;
    padding: 60px 24px 24px;
  }
}
/*===== NavPagelink =====*/
.Nav-PageLink {
  width: 100%;
  z-index: 99;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .Nav-PageLink {
    z-index: 99;
  }
  .Nav-PageLink.State-Normal {
    position: relative;
  }
  .Nav-PageLink.State-Down, .Nav-PageLink.State-Up {
    position: fixed;
    top: 61px;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .Nav-PageLink.State-Normal {
    position: relative;
  }
  .Nav-PageLink.State-Down {
    position: fixed;
    top: 0;
    left: 0;
  }
  .Nav-PageLink.State-Up {
    position: fixed;
    top: 51px;
    left: 0;
  }
}
.Nav-PageLink .Content__Inner * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .Nav-PageLink .Content__Inner {
    padding: 0;
  }
}
.Nav-PageLink ul {
  display: inline-block;
  width: auto;
  white-space: nowrap;
  letter-spacing: -0.4em;
  list-style-type: none;
}
.Nav-PageLink ul li {
  display: inline-block;
  border-left: 1px solid #565656;
  letter-spacing: normal;
}
.Nav-PageLink ul li:last-child {
  border-right: 1px solid #565656;
}
.Nav-PageLink ul li a {
  display: block;
  width: 100%;
  height: 74px;
  line-height: 74px;
  padding: 0 24px;
  white-space: nowrap;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background-color .25s linear;
  transition: background-color .25s linear;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Nav-PageLink ul li a {
    height: 70px;
    line-height: 70px;
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Nav-PageLink ul li a {
    height: 66px;
    line-height: 66px;
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 879px) {
  .Nav-PageLink ul li a {
    height: 44px;
    line-height: 44px;
    padding: 0 16px;
    font-size: 1.3rem;
  }
}
.Nav-PageLink ul li a:hover {
  background-color: #505050;
}
.Nav-PageLink__Inner {
  width: 100%;
  background-color: #404040;
}
/* theme: "kbt-ls" */
.mCS-kbt-ls.mCSB_horizontal.mCSB_inside .mCSB_container {
  margin: 0;
}
.mCS-kbt-ls.mCSB_scrollTools {
  opacity: 1;
}
.mCS-kbt-ls.mCSB_scrollTools .mCSB_draggerContainer {
  display: none;
  z-index: -1;
}
.mCS-kbt-ls.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0);
}
.mCS-kbt-ls.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0);
}
.mCS-kbt-ls.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0);
}
.mCS-kbt-ls.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-kbt-ls.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0);
}
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: 100%;
  height: 0;
  bottom: auto;
  left: 0;
  right: auto;
}
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  position: absolute;
  top: -74px;
  width: 48px;
  height: 74px;
  line-height: 74px;
  z-index: 2;
  text-align: center;
  background: none;
  background-color: #2c2c2c;
  opacity: 1;
  -webkit-transition: background-color .25s linear;
  transition: background-color .25s linear;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
  .mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    top: -70px;
    height: 70px;
    line-height: 70px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
  .mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    top: -66px;
    height: 66px;
    line-height: 66px;
  }
}
@media only screen and (max-width: 879px) {
  .mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
  .mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    top: -44px;
    width: 36px;
    height: 44px;
    line-height: 44px;
  }
}
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft::after,
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft::after,
  .mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight::after {
    width: 8px;
    height: 12px;
  }
}
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:hover,
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:hover {
  background-color: #505050;
}
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft.State--Hide,
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight.State--Hide {
  display: none !important;
}
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  border-right: 1px solid #545454;
}
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft::after {
  background: url("https://www.karawang.center/lskit_common/images/icons/nav_anchor_left.svg") 0 0 no-repeat;
}
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  border-left: 1px solid #545454;
}
.mCS-kbt-ls.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight::after {
  background: url("https://www.karawang.center/lskit_common/images/icons/nav_anchor_right.svg") 0 0 no-repeat;
}
/*===== Panel =====*/
.Panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-top: 59px;
}
@media print, screen and (min-width: 768px) {
  .Panel {
    width: calc(100% + 2px);
    margin-left: -2px;
  }
}
@media only screen and (max-width: 767px) {
  .Panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-top: 33px;
  }
}
.Panel + .Panel {
  margin-top: 2px;
}
@media only screen and (max-width: 767px) {
  .Panel + .Panel {
    margin-top: 2px;
  }
}
.Panel .Text-Copy {
  font-weight: normal;
}
[class^="Panel__Item"] {
  margin-top: 2px;
}
@media print, screen and (min-width: 768px) {
  [class^="Panel__Item"] {
    margin-left: 2px;
  }
}
@media only screen and (max-width: 767px) {
  [class^="Panel__Item"] {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  [class^="Panel__Item"]:first-child {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Panel__Item-Column2 {
    width: calc((100% - 2px * 2)/ 2);
  }
}
@media print, screen and (min-width: 768px) {
  .Panel__Item-Column2:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Panel__Item-Column3 {
    width: calc((100% - 2px * 3)/ 3);
  }
}
.Panel__Item-Column3 _:-ms-lang(x), .Panel__Item-Column3 {
  /* IE11 */
}
@media print, screen and (min-width: 768px) {
  .Panel__Item-Column3 _:-ms-lang(x), .Panel__Item-Column3 {
    width: calc((100% - 3px * 3)/ 3);
  }
}
@media print, screen and (min-width: 768px) {
  .Panel__Item-Column3:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Panel__Item-Column3 .Panel__Wrap:before {
    padding-top: 100%;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Panel__Item-Column3.Panel-AdjustTB .Panel__Wrap:before {
    padding-top: 120%;
  }
}
@media print, screen and (min-width: 768px) {
  .Panel__Item-Wide {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
}
@media print, screen and (min-width: 768px) {
  .Panel__Item-Wide .Panel__Wrap:before {
    padding-top: 50%;
  }
}
@media print, screen and (min-width: 768px) {
  .Panel__Item-Narrow {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media print, screen and (min-width: 768px) {
  .Panel__Item-Narrow .Panel__Wrap:before {
    padding-top: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .Panel__Item-Modal {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .Panel__Item-Modal {
    display: none;
  }
}
.PanelBgcolor {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #01652F;
}
.PanelBgcolor .PanelBgcolor__WrapInner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
.PanelBgcolor .PanelBgcolor__TextWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.PanelBgcolor .PanelBgcolor__Text {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 1525px) {
  .PanelBgcolor .PanelBgcolor__Text {
    padding: 48px;
  }
}
@media print, screen and (max-width: 1524px) {
  .PanelBgcolor .PanelBgcolor__Text {
    padding: 48px;
  }
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .PanelBgcolor .PanelBgcolor__Text {
    padding: 42px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .PanelBgcolor .PanelBgcolor__Text {
    padding: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .PanelBgcolor .PanelBgcolor__Text {
    padding: 24px;
  }
}
.PanelBgcolor .PanelBgcolor__Heading {
  margin: 0;
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
  color: #fff;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .PanelBgcolor .PanelBgcolor__Heading {
    font-size: 2.45rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .PanelBgcolor .PanelBgcolor__Heading {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .PanelBgcolor .PanelBgcolor__Heading {
    font-size: 1.8rem;
  }
}
.PanelBgcolor .Text {
  margin-top: 16px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .PanelBgcolor .Text {
    margin-top: 10px;
  }
}
.Panel__Wrap {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Panel__Wrap:before {
  content: '';
  display: block;
  padding-top: 66.6%;
}
@media only screen and (max-width: 767px) {
  .Panel__Wrap:before {
    padding-top: 75%;
  }
}
.Panel__WrapInner {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.Panel__WrapInner:hover .Panel__Img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.Panel__TextWrap {
  position: relative;
  z-index: 2;
  display: table;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.07)), color-stop(73%, rgba(1, 1, 1, 0.39)), to(rgba(2, 2, 2, 0.5)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 20%, rgba(1, 1, 1, 0.39) 73%, rgba(2, 2, 2, 0.5) 100%);
}
.Panel__Text {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
@media print, screen and (min-width: 1525px) {
  .Panel__Text {
    padding: 0 48px 48px;
  }
}
@media print, screen and (max-width: 1524px) {
  .Panel__Text {
    padding: 0 48px 48px;
  }
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Panel__Text {
    padding: 0 42px 42px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Panel__Text {
    padding: 0 36px 36px;
  }
}
@media only screen and (max-width: 767px) {
  .Panel__Text {
    padding: 0 24px 24px;
  }
}
.Panel__Text .Panel__Heading {
  margin: 0;
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
  color: #fff;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Panel__Text .Panel__Heading {
    font-size: 2.45rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Panel__Text .Panel__Heading {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .Panel__Text .Panel__Heading {
    font-size: 1.8rem;
  }
}
.Panel__Text .Text {
  margin-top: 16px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .Panel__Text .Text {
    margin-top: 10px;
  }
}
.Panel__Text .Button-OnImg {
  text-align: center;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .Panel__Text .Button-OnImg {
    margin-top: 19px;
  }
}
.Panel__Img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  z-index: 1;
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear;
}
.Panel__Img img {
  height: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.Panel-Column1 {
  max-width: 1524px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  display: block;
}
.Panel-Column1:not(:first-child) {
  margin-top: 2px;
}
.Panel-Column1 .Panel-Column1__Body {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  overflow: hidden;
  min-height: 600px;
  padding: 73px 0 80px;
  width: 100%;
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Panel-Column1 .Panel-Column1__Body {
    min-height: 521px;
  }
}
@media only screen and (max-width: 767px) {
  .Panel-Column1 .Panel-Column1__Body {
    min-height: 521px;
    padding: 0 24px;
  }
}
.Panel-Column1 .Panel-Column1__Body:hover .Panel-Column1__Img .Img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}
.Panel-Column1 .Panel-Column1__Inner {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.Panel-Column1 .Panel-Column1__Inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.16);
}
.Panel-Column1 .Panel-Column1__TextWrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.Panel-Column1 .Panel-Column1__Text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Panel-Column1 .Panel-Column1__Text {
    width: 90%;
  }
}
.Panel-Column1 .Panel-Column1__Img {
  text-align: center;
}
.Panel-Column1 .Panel-Column1__Img .Img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear;
}
.Panel-Column1 .Panel-Column1__Img img {
  width: auto;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.Panel-Column1 .Heading-LV2 {
  margin-bottom: 24px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .Panel-Column1 .Heading-LV2 {
    margin-bottom: 20px;
    background-size: 22px 30px;
  }
}
.Panel-Column1 .Heading-LV2 .Main::after {
  background-color: #fff;
}
.Panel-Column1 .Text {
  color: #fff;
  margin-top: 10px;
}
.Panel-Column1 .Text-Copy {
  color: #fff;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .Panel-Column1 .Button-OnImg {
    margin-top: 30px;
  }
}
/*===== Basic Bgimg =====*/
.Bgimg {
  width: 100%;
  position: relative;
}
.Bgimg::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.Bgimg .Bgimg__Body {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  overflow: hidden;
}
.Bgimg .Bgimg__Body:hover .Bgimg__Img img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}
.Bgimg .Bgimg__Inner {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.Bgimg .Bgimg__Text {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 1525px) {
  .Bgimg .Bgimg__Text {
    padding: 48px;
  }
}
@media print, screen and (max-width: 1524px) {
  .Bgimg .Bgimg__Text {
    padding: 48px;
  }
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Bgimg .Bgimg__Text {
    padding: 42px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Bgimg .Bgimg__Text {
    padding: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .Bgimg .Bgimg__Text {
    padding: 24px;
  }
}
.Bgimg .Text {
  margin-top: 16px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .Bgimg .Text {
    margin-top: 10px;
  }
}
.Bgimg .Button-OnImg {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Bgimg .Button-OnImg {
    margin-top: 30px;
  }
}
.Bgimg .Bgimg__Img {
  text-align: center;
}
.Bgimg .Bgimg__Img img {
  width: 100%;
  height: auto;
  -webkit-transition: .5s linear;
  transition: .5s linear;
}
.Bgimg .Bgimg__ImgPC {
  display: block;
}
@media only screen and (max-width: 767px) {
  .Bgimg .Bgimg__ImgPC {
    display: none;
  }
}
.Bgimg .Bgimg__ImgSP {
  display: none;
}
@media only screen and (max-width: 767px) {
  .Bgimg .Bgimg__ImgSP {
    display: block;
  }
}
.BgimgCenter {
  max-width: 1524px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  display: block;
}
.BgimgCenter .BgimgCenter__Body {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  overflow: hidden;
  min-height: 600px;
  padding: 73px 0 80px;
  width: 100%;
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .BgimgCenter .BgimgCenter__Body {
    min-height: 521px;
  }
}
@media only screen and (max-width: 767px) {
  .BgimgCenter .BgimgCenter__Body {
    min-height: 392px;
    padding: 38px 24px 42px;
  }
}
.BgimgCenter .BgimgCenter__Body:hover .BgimgCenter__Img .Img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}
.BgimgCenter .BgimgCenter__Inner {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.BgimgCenter .BgimgCenter__TextWrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.BgimgCenter .BgimgCenter__Text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .BgimgCenter .BgimgCenter__Text {
    width: 90%;
  }
}
.BgimgCenter .BgimgCenter__Img {
  text-align: center;
}
.BgimgCenter .BgimgCenter__Img .Img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear;
}
.BgimgCenter .BgimgCenter__Img::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.BgimgCenter .BgimgCenter__Img img {
  width: auto;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.BgimgCenter .Heading-LV2 {
  margin-bottom: 32px;
  padding-top: 80px;
  color: #fff;
  background: url("https://www.karawang.center/lskit_common/images/icons/placeholder_section.svg") 50% 0 no-repeat;
  background-size: 32px 42px;
}
@media only screen and (max-width: 767px) {
  .BgimgCenter .Heading-LV2 {
    margin-bottom: 20px;
    padding-top: 44px;
    background-size: 22px 30px;
  }
}
.BgimgCenter .Heading-LV2 .Main::after {
  background-color: #fff;
}
.BgimgCenter .Text {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .BgimgCenter .Button-OnImg {
    margin-top: 30px;
  }
}
.BgimgGrada {
  max-width: 1524px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  display: block;
  padding: 0;
  max-width: 1284px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .BgimgGrada {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .BgimgGrada {
    padding: 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  .BgimgGrada {
    padding: 0 24px;
  }
}
.BgimgGrada .BgimgGrada__Body {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  overflow: hidden;
  min-height: 400px;
  padding: 73px 0 80px;
  width: 100%;
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(22%, #fcfcfc), color-stop(73%, #efefef), to(#ebebeb));
  background: linear-gradient(to bottom, white 0%, #fcfcfc 22%, #efefef 73%, #ebebeb 100%);
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .BgimgGrada .BgimgGrada__Body {
    min-height: 521px;
  }
}
@media only screen and (max-width: 767px) {
  .BgimgGrada .BgimgGrada__Body {
    min-height: 300px;
  }
}
.BgimgGrada .BgimgGrada__Inner {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.BgimgGrada .BgimgGrada__TextWrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.BgimgGrada .BgimgGrada__Text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .BgimgGrada .BgimgGrada__Text {
    width: 70%;
  }
}
.BgimgGrada .Heading-LV2 {
  margin-bottom: 32px;
  padding-top: 72px;
  color: #333;
  background: url("https://www.karawang.center/lskit_common/images/icons/join.svg") 50% 0 no-repeat;
  background-size: 36px 42px;
}
@media only screen and (max-width: 767px) {
  .BgimgGrada .Heading-LV2 {
    margin-bottom: 20px;
    padding-top: 44px;
    background-size: 22px 30px;
  }
}
.BgimgGrada .Text {
  color: #333;
}
@media only screen and (max-width: 767px) {
  .BgimgGrada .Button-OnImg {
    margin-top: 30px;
  }
}
/*===== Basic Box-Spec =====*/
.Box-Spec {
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
}
@media print, screen and (min-width: 768px) {
  .Box-Spec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px 0 28px;
  }
  .Box-Spec > .Grid__Item,
  .Box-Spec > .List__Item {
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Box-Spec > .Grid__Item,
  .Box-Spec > .List__Item {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Spec {
    padding: 21px 0;
  }
}
.Box-Spec + .Text-Note {
  margin-top: 10px;
  text-align: right;
}
.Box-Spec__Item {
  color: #333;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .Box-Spec__Item {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Spec__Item:not(:first-child) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 768px) {
  .Box-Spec__Item:not(:last-child) {
    margin-right: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Box-Spec__Item:not(:last-child) {
    margin-right: 13px;
  }
}
.Box-Spec__Head {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Spec__Head {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Spec__Head {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Spec__Head {
    font-size: 1.3rem;
  }
}
.Box-Spec__Body {
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
  font-weight: normal;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Spec__Body {
    font-size: 2.45rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Spec__Body {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Spec__Body {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Box-Spec__Body {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Spec__Body {
    margin-top: 3px;
  }
}
.Box-Spec__Body .List-Text li:not(:first-child) {
  margin-top: 5px;
}
.Box-Spec__Title {
  margin-right: 9px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Spec__Title {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Spec__Title {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Spec__Title {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Spec__Title {
    margin-right: 6px;
  }
}
.Box-Spec__Unit {
  margin-left: 9px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Spec__Unit {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Spec__Unit {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Spec__Unit {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Spec__Unit {
    margin-left: 6px;
  }
}
.Box-Model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 0;
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
}
.Box-Model > .Grid__Item,
.Box-Model > .List__Item {
  margin-left: 32px;
}
@media only screen and (max-width: 767px) {
  .Box-Model > .Grid__Item,
  .Box-Model > .List__Item {
    margin-left: 13px;
  }
}
.Box-Model + .Text-Note {
  margin-top: 5px;
  text-align: right;
}
.Box-Model__Item {
  color: #333;
  line-height: 1.5;
}
.Box-Model__Item:not(:first-child) {
  margin-left: 32px;
}
@media only screen and (max-width: 767px) {
  .Box-Model__Item:not(:first-child) {
    margin-left: 12px;
  }
}
.Box-Model__Head {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
  font-weight: normal;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Model__Head {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Model__Head {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Model__Head {
    font-size: 1.3rem;
  }
}
.Box-Model__Body {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
  font-weight: bold;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Model__Body {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Model__Body {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Model__Body {
    font-size: 1.3rem;
  }
}
.Box-Summary {
  text-align: left;
}
.slick-slide .Box-Summary img {
  display: inline;
}
.Box-Summary__Head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.Box-Summary__NameWrap {
  vertical-align: top;
}
@media print, screen and (min-width: 768px) {
  .Box-Summary__NameWrap {
    text-align: left;
  }
}
.Box-Summary__Name {
  display: inline-block;
  padding: 0;
  vertical-align: top;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Summary__Name {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Summary__Name {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Summary__Name {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Box-Summary__Name {
    text-align: left;
  }
}
.Box-Summary__Label {
  display: inline-block;
  margin-left: 4px;
  padding-top: 2px;
  vertical-align: top;
  line-height: 1;
  font-weight: bold;
  color: #000;
  font-size: 1.3rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Summary__Label {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Summary__Label {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Summary__Label {
    font-size: 1.1rem;
    line-height: 1.5;
  }
}
.Box-Summary__Logo {
  vertical-align: top;
  line-height: 1;
  font-size: 1rem;
}
@media print, screen and (min-width: 768px) {
  .Box-Summary__Logo {
    margin: 37px 0 33px;
    padding: 0;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Summary__Logo {
    display: block;
    margin: 21px 0;
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .Box-Summary__Logo img {
    width: 179px;
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Summary__Logo img {
    width: auto;
    height: 19px;
  }
}
.Box-Summary__Unit {
  margin-left: 7px;
  font-size: 1.3rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Summary__Unit {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Summary__Unit {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Summary__Unit {
    font-size: 1.1rem;
    line-height: 1.5;
  }
}
.Box-Summary__Title {
  margin-right: 7px;
  font-size: 1.3rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Summary__Title {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Summary__Title {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Summary__Title {
    font-size: 1.1rem;
    line-height: 1.5;
  }
}
.Box-Summary__Body {
  margin-top: 17px;
}
@media only screen and (max-width: 767px) {
  .Box-Summary__Body {
    margin-top: 8px;
  }
}
.Box-Summary__Body .Link {
  margin-top: 22px;
}
@media only screen and (max-width: 767px) {
  .Box-Summary__Body .Link {
    margin-top: 13px;
  }
}
.Box-Summary__Power {
  padding: 4px 0 8px;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Summary__Power {
    font-size: 1.75rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Summary__Power {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Summary__Power {
    font-size: 1.4rem;
  }
}
.Box-Summary__Power:first-child {
  border-top: 1px solid #d6d6d6;
}
.Box-Summary__Power + .List-Note {
  margin-top: 8px;
}
.Box-Summary__Text {
  margin-top: 17px;
  color: #333;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Summary__Text {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Summary__Text {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Summary__Text {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Summary__Text {
    margin-top: 8px;
  }
}
.Box-Conformance {
  width: 100%;
  min-height: 0;
  margin-top: 25px;
  padding: 16px 22px 19px;
  color: #333;
  border: 1px solid #d6d6d6;
  background-color: #f5f5f5;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Conformance {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Conformance {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Conformance {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Conformance {
    margin-top: 17px;
    padding: 13px 13px 14px;
  }
}
.Box-Conformance .Box-Conformance__Heading {
  text-align: left;
  font-weight: bold;
}
.Box-Conformance .Box-Conformance__Body {
  text-align: left;
  margin-top: 9px;
}
.Box-Conformance + .Link {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .Box-Conformance + .Link {
    margin-top: 17px;
  }
}
.Box-Conformance__List {
  list-style-type: none;
}
.Box-Conformance__List li {
  display: inline-block;
  font-weight: bold;
}
.Box-Conformance__List li:not(:last-child):after {
  content: ',';
  display: inline-block;
  width: 5px;
}
.Paragraph__Head {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Paragraph__Head {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Paragraph__Head {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Paragraph__Head {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.Paragraph__Body {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  margin-top: 14px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Paragraph__Body {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Paragraph__Body {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Paragraph__Body {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Paragraph__Body {
    margin-top: 14px;
  }
}
[class^="List"] + .Box-Definition {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  [class^="List"] + .Box-Definition {
    margin-top: 25px;
  }
}
.Box-Definition__Head {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Definition__Head {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Definition__Head {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Definition__Head {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.Box-Definition__Head .Heading-LV5 {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .Box-Definition__Head .Heading-LV5 {
    margin-bottom: 21px;
  }
}
.Box-Definition__Body {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  margin-top: 14px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Definition__Body {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Definition__Body {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Definition__Body {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Definition__Body {
    margin-top: 14px;
  }
}
.Box-ViewCaseStudies {
  margin-top: 44px;
}
@media only screen and (max-width: 767px) {
  .Box-ViewCaseStudies {
    margin-top: 30px;
  }
}
.Box-ViewCaseStudies__Body {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .Box-ViewCaseStudies__Body {
    margin-top: 20px;
  }
}
/*===== Box-DL =====*/
.List-DL .Grid__Item {
  margin-top: 0;
}
.List-DL .Grid__Item .List-DL__Item {
  border-bottom: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 768px) {
  .List-DL .Grid-Column3 .Grid__Item:nth-child(-n+3) .List-DL__Item {
    border-top: 1px solid #d6d6d6;
  }
}
@media print, screen and (min-width: 768px) {
  .List-DL .Grid-Column4 .Grid__Item:nth-child(-n+4) .List-DL__Item {
    border-top: 1px solid #d6d6d6;
  }
}
@media only screen and (max-width: 767px) {
  .List-DL .Grid-ViewSPColumn1 .Grid__Item:first-child .List-DL__Item {
    border-top: 1px solid #d6d6d6;
  }
}
@media only screen and (max-width: 767px) {
  .List-DL .Grid-ViewSPColumn2 .Grid__Item:nth-child(-n+2) .List-DL__Item {
    border-top: 1px solid #d6d6d6;
  }
}
.List-DL__Item {
  width: 100%;
  padding: 27px 0 30px;
}
@media only screen and (max-width: 767px) {
  .List-DL__Item {
    padding: 18px 0 20px;
  }
}
.List-DL__Item dt {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .List-DL__Item dt {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .List-DL__Item dt {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .List-DL__Item dt {
    font-size: 1.6rem;
  }
}
.List-DL__Item dd {
  margin-top: 11px;
}
@media only screen and (max-width: 767px) {
  .List-DL__Item dd {
    margin-top: 6px;
  }
}
.List-DL__Text {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .List-DL__Text {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .List-DL__Text {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .List-DL__Text {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.List-DL__Text + .List-DL__Link {
  margin-top: 19px;
}
@media only screen and (max-width: 767px) {
  .List-DL__Text + .List-DL__Link {
    margin-top: 6px;
  }
}
.List-DL__Link {
  list-style-type: none;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .List-DL__Link {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .List-DL__Link {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .List-DL__Link {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.Box-DL {
  padding: 42px 48px 52px;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .Box-DL {
    padding: 22px 24px 30px;
  }
}
.Box-DL__Head {
  margin-bottom: 35px;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-DL__Head {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-DL__Head {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-DL__Head {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-DL__Head {
    margin-bottom: 20px;
  }
}
.Box-DL__Body .List-DL__Item dt {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-DL__Body .List-DL__Item dt {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-DL__Body .List-DL__Item dt {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-DL__Body .List-DL__Item dt {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
/*===== Box-Note =====*/
.Box-Note {
  padding: 42px 48px 52px;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .Box-Note {
    padding: 22px 24px 30px;
  }
}
.Box-Note + .Paragraph {
  margin-top: 44px;
}
@media only screen and (max-width: 767px) {
  .Box-Note + .Paragraph {
    margin-top: 28px;
  }
}
.Box-Note__Head {
  margin-bottom: 35px;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Note__Head {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Note__Head {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Note__Head {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Note__Head {
    margin-bottom: 20px;
  }
}
.Box-Note__Body .List-Note__Item dt {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Note__Body .List-Note__Item dt {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Note__Body .List-Note__Item dt {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Note__Body .List-Note__Item dt {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
/*===== Features =====*/
.Section-Features {
  margin-top: 72px;
}
@media only screen and (max-width: 767px) {
  .Section-Features {
    margin-top: 42px;
  }
}
.Section-Features .Content__Inner {
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .Section-Features .Content__Inner {
    padding-bottom: 42px;
  }
}
.Section-Features .Media__Body [class*="List"] > li:not(:first-child) {
  margin-top: 3px;
}
.Section-Features .Media__Body [class*="List"] > li > [class*="List"] {
  margin-top: 3px;
}
.Section-Features .Media__Body [class^="Text"] + [class*="List"] {
  margin-top: 11px;
}
@media only screen and (max-width: 767px) {
  .Section-Features .Media__Body [class^="Text"] + [class*="List"] {
    margin-top: 15px;
  }
}
.Section-Features .Media__Body [class*="List"] + [class*="Text"] {
  margin-top: 11px;
}
@media only screen and (max-width: 767px) {
  .Section-Features .Media__Body [class*="List"] + [class*="Text"] {
    margin-top: 15px;
  }
}
.Section-Features__Inner {
  border-bottom: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 768px) {
  .Section-Features__Inner [class*="Grid-Column"] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
    border-top: 1px solid #d6d6d6;
  }
}
.Section-Features__Inner .Grid__Item {
  padding: 41px 0 48px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Section-Features__Inner .Grid__Item {
    padding: 42px 0 48px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Section-Features__Inner .Grid__Item {
    padding: 44px 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .Section-Features__Inner .Grid__Item {
    margin-top: 0;
    padding: 30px 0;
    border-top: 1px solid #d6d6d6;
  }
}
@media print, screen and (min-width: 768px) {
  .Section-Features__Inner .Grid__Item:nth-of-type(odd) {
    margin: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Section-Features__Inner .Grid__Item:nth-of-type(even) {
    margin: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Section-Features__Inner .Grid-Column2 .Grid__Item {
    width: calc((100% - 16px * 2)/ 2);
  }
}
@media print, screen and (min-width: 768px) {
  .Section-Features__Inner .Js-Viewmore__Content [class*="Grid-Column"]:nth-of-type(odd) .Media-Harf-sp1to2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 768px) {
  .Section-Features__Inner .Js-Viewmore__Content [class*="Grid-Column"]:nth-of-type(odd) .Media-Harf-sp1to2 .Media__Img {
    margin-right: 0;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Section-Features__Inner .Js-Viewmore__Content [class*="Grid-Column"]:nth-of-type(odd) .Media-Harf-sp1to2 .Media__Img {
    margin-left: 13px;
  }
}
.Section-Features__Button {
  padding: 42px 0 0;
  text-align: center;
  background-color: #f5f5f5;
}
/*===== Sns =====*/
@media print, screen and (min-width: 768px) {
  .Area-Conversion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .Area-Conversion {
    margin-top: 26px;
  }
}
@media print, screen and (min-width: 768px) {
  .Area-Conversion .Box-Share {
    margin-left: 100px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Area-Conversion .Box-Share {
    margin-top: 59px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .Area-Conversion .Box-Share {
    margin-top: 25px;
  }
}
/*===== Leadership =====*/
.LeadershipPrimary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 80px;
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
}
@media print, screen and (min-width: 768px) {
  .LeadershipPrimary {
    margin-left: -32px;
  }
}
@media only screen and (max-width: 767px) {
  .LeadershipPrimary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 42px;
  }
}
.LeadershipPrimary .LeadershipPrimary__Body {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media print, screen and (min-width: 768px) {
  .LeadershipPrimary .LeadershipPrimary__Body {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .LeadershipPrimary .LeadershipPrimary__Body {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .LeadershipPrimary .LeadershipPrimary__Body {
    width: 100%;
    margin-top: 26px;
  }
}
.LeadershipPrimary .LeadershipPrimary__Img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .LeadershipPrimary .LeadershipPrimary__Img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .LeadershipPrimary .LeadershipPrimary__Img {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .LeadershipPrimary .LeadershipPrimary__Img {
    width: 100%;
    height: 100%;
    padding: 0;
  }
}
.LeadershipPrimary .LeadershipPrimary__Img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .LeadershipPrimary .LeadershipPrimary__Img img {
    width: 60%;
  }
}
.LeadershipPrimary__Heading .Position {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .LeadershipPrimary__Heading .Position {
    font-size: 1.75rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .LeadershipPrimary__Heading .Position {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .LeadershipPrimary__Heading .Position {
    font-size: 1.4rem;
  }
}
.LeadershipPrimary__Heading .Name {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
  margin-top: 6px;
  margin-bottom: 30px;
  padding-bottom: 16px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .LeadershipPrimary__Heading .Name {
    font-size: 2.8rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .LeadershipPrimary__Heading .Name {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .LeadershipPrimary__Heading .Name {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .LeadershipPrimary__Heading .Name {
    margin-bottom: 20px;
    padding-bottom: 12px;
  }
}
.LeadershipPrimary__Heading .Name .Main {
  position: relative;
  display: block;
}
.LeadershipPrimary__Heading .Name .Main::after {
  content: '';
  display: block;
  position: absolute;
  width: 48px;
  height: 2px;
  left: 0;
  bottom: -16px;
  background-color: #01652F;
}
@media only screen and (max-width: 767px) {
  .LeadershipPrimary__Heading .Name .Main::after {
    width: 36px;
    bottom: -12px;
  }
}
.LeadershipList {
  margin-top: 58px;
  padding-top: 64px;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .LeadershipList {
    margin-top: 31px;
    padding-top: 36px;
  }
}
.LeadershipList .Grid__Item {
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .LeadershipList .Grid__Item:not(:first-child) {
    margin-top: 36px;
  }
}
@media print, screen and (min-width: 768px) {
  .LeadershipList .Grid__Item:nth-child(-n+2) {
    margin-top: 0;
  }
}
.Leadership__Item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  margin-left: -32px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .Leadership__Item {
    margin-left: -13px;
  }
}
.Leadership__Item .Leadership__Body {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  margin-left: 32px;
}
@media only screen and (max-width: 767px) {
  .Leadership__Item .Leadership__Body {
    margin-left: 13px;
  }
}
.Leadership__Item .Leadership__Img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  margin-left: 32px;
}
@media only screen and (max-width: 767px) {
  .Leadership__Item .Leadership__Img {
    margin-left: 13px;
  }
}
.Leadership__Item .Leadership__Img img {
  width: 100%;
}
.Leadership__Heading .Position {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Leadership__Heading .Position {
    font-size: 1.75rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Leadership__Heading .Position {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .Leadership__Heading .Position {
    font-size: 1.4rem;
  }
}
.Leadership__Heading .Name {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
  margin-top: 6px;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Leadership__Heading .Name {
    font-size: 2.8rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Leadership__Heading .Name {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .Leadership__Heading .Name {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .Leadership__Heading .Name {
    margin-bottom: 20px;
    padding-bottom: 12px;
  }
}
@media print, screen and (min-width: 768px) {
  .Leadership__Body {
    margin-top: -5px;
  }
}
@media only screen and (max-width: 767px) {
  .Leadership__Body {
    margin-top: -4px;
  }
}
/*===== Address =====*/
.Box-Address {
  font-style: normal;
}
.AddressStreet {
  font-style: normal;
}
.AddressStreet + .AddressList {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .AddressStreet + .AddressList {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .AddressStreet + .AddressList {
    margin-top: 8px;
  }
}
.AddressStreet ~ .AddressButton {
  margin-top: 28px;
}
@media print, screen and (min-width: 768px) {
  .AddressStreet ~ .AddressButton {
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .AddressStreet ~ .AddressButton {
    margin-top: 16px;
  }
}
.AddressList {
  font-style: normal;
}
.AddressList__Item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.AddressList__Head {
  position: relative;
  min-width: 88px;
}
.AddressList__Head::after {
  content: '：';
  display: inline-block;
  position: absolute;
  top: 0;
  right: 2px;
}
.AddressList__Body {
  margin-top: 0;
}
.AddressList__Body span {
  font-weight: bold;
}
/*===== History =====*/
.History__Item {
  width: 100%;
  border-top: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 768px) {
  .History__Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.History__Item:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.History__Item:nth-of-type(even) {
  background-color: #fff;
}
.History__Item:last-child {
  border-bottom: 1px solid #d6d6d6;
}
.History__Head {
  vertical-align: top;
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  .History__Head {
    padding: 28px 32px;
    width: calc((100% - 32px * 4)/ 4);
  }
}
@media only screen and (max-width: 767px) {
  .History__Head {
    display: block;
    padding: 20px 24px 8px;
  }
}
.History__Year {
  position: relative;
  padding-left: 25px;
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .History__Year {
    font-size: 2.45rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .History__Year {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .History__Year {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .History__Year {
    padding-left: 13px;
  }
}
.History__Year::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 19px;
  border-left: 5px solid #01652F;
  background-color: #01652F;
}
@media print, screen and (min-width: 768px) {
  .History__Year::before {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .History__Year::before {
    top: 4px;
    width: 3px;
    height: 14px;
    border-left: 3px solid #01652F;
  }
}
.History__Body {
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  .History__Body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 27px 32px 28px 0;
  }
}
@media only screen and (max-width: 767px) {
  .History__Body {
    display: block;
    padding: 0 24px 21px;
  }
}
.History__Body .History__Img {
  margin-top: 24px;
  margin-bottom: 6px;
}
@media only screen and (max-width: 767px) {
  .History__Body .History__Img {
    margin-top: 15px;
  }
}
.History__Body .History__Img .Grid-Column3 .Grid__Item {
  margin-top: 24px;
}
@media print, screen and (min-width: 768px) {
  .History__Body .History__Img .Grid-Column3 .Grid__Item:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .History__Body .History__Img .Grid-Column3 .Grid__Item {
    margin-top: 15px;
  }
  .History__Body .History__Img .Grid-Column3 .Grid__Item:nth-child(-n+2) {
    margin-top: 0;
  }
}
.Box-Outline {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .Box-Outline {
    margin-top: 4px;
  }
}
.Box-Outline .Outline__Item {
  border-top: 1px solid #d6d6d6;
}
.Box-Outline .Outline__Item:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.Box-Outline .Outline__Item:nth-of-type(even) {
  background-color: #fff;
}
.Box-Outline .Outline__Item:last-child {
  border-bottom: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 768px) {
  .Box-Outline .Outline__Item {
    padding: 28px 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Outline .Outline__Item {
    padding: 19px 24px 25px;
  }
}
@media print, screen and (min-width: 768px) {
  .Box-Outline .Outline__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -32px;
  }
}
.Box-Outline .Outline__Head {
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  font-weight: bold;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Outline .Outline__Head {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Outline .Outline__Head {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Outline .Outline__Head {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 768px) {
  .Box-Outline .Outline__Head {
    margin-left: 32px;
    width: calc((100% - 32px * 4)/ 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Box-Outline .Outline__Head {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Outline .Outline__Head {
    display: block;
  }
}
.Box-Outline .Outline__Body {
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Outline .Outline__Body {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Outline .Outline__Body {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Outline .Outline__Body {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 768px) {
  .Box-Outline .Outline__Body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 32px;
    padding: 1px 0 0 16px;
    vertical-align: top;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .Box-Outline .Outline__Body {
    margin-left: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Outline .Outline__Body {
    display: block;
    margin-top: 7px;
    padding: 0;
  }
}
/*===== NewsList =====*/
.NewsList .Media__Body {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .NewsList .Media__Body {
    margin-top: 0;
  }
}
.NewsList .Media__Body + .Media__Img {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .NewsList .Media__Body + .Media__Img {
    margin-bottom: 17px;
  }
}
.NewsList__Info {
  margin-bottom: 32px;
  padding: 11px 0;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .NewsList__Info {
    margin-bottom: 20px;
    padding: 13px 0;
  }
}
.NewsSupplement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.NewsSupplement__Category {
  margin-bottom: 1px;
  text-transform: uppercase;
}
.NewsSupplement__Category,
.NewsSupplement__Year {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  margin-right: 15px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .NewsSupplement__Category,
  .NewsSupplement__Year {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .NewsSupplement__Category,
  .NewsSupplement__Year {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .NewsSupplement__Category,
  .NewsSupplement__Year {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .NewsSupplement__Category,
  .NewsSupplement__Year {
    margin-right: 14px;
  }
}
.NewsSupplement__Day {
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .NewsSupplement__Day {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .NewsSupplement__Day {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .NewsSupplement__Day {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 768px) {
  .NewsSupplement__Day {
    padding-top: 1px;
  }
}
.NewsDetail-Content .Box-Button {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Content .Box-Button {
    margin-top: 25px;
  }
}
.NewsDetail-Inner {
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .NewsDetail-Inner {
    max-width: 900px;
    width: 88%;
    padding: 62px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Inner {
    padding: 24px 24px 0 24px;
  }
}
.NewsDetail-Head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 54px;
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Head {
    margin-bottom: 23px;
  }
}
.NewsDetail-Head .NewsDetail-Heading-LV1 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Head .NewsDetail-Heading-LV1 {
    margin-top: 6px;
  }
}
.NewsDetail-Heading-LV1 {
  font-size: 4rem;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .NewsDetail-Heading-LV1 {
    font-size: 3.5rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .NewsDetail-Heading-LV1 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Heading-LV1 {
    font-size: 2.6rem;
  }
}
.NewsDetail-Heading-LV2 {
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .NewsDetail-Heading-LV2 {
    font-size: 2.45rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .NewsDetail-Heading-LV2 {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Heading-LV2 {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Heading-LV2 {
    margin-bottom: 14px;
  }
}
@media print, screen and (min-width: 768px) {
  .NewsDetail-Info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Info .NewsSupplement {
    margin-top: 10px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Info .Box-Share {
    margin-top: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.NewsDetail-Info [class*="Sns-"] a,
.NewsDetail-Info [class*="IconSVG-"] {
  width: 48px;
  height: 48px;
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Info [class*="Sns-"] a,
  .NewsDetail-Info [class*="IconSVG-"] {
    width: 33px;
    height: 33px;
  }
}
.NewsDetail-MainArea .NewsDetail-MainArea__Img .Img img {
  width: 100%;
}
.NewsDetail-MainArea .NewsDetail-MainArea__Body {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .NewsDetail-MainArea .NewsDetail-MainArea__Body {
    margin-top: 25px;
  }
}
.NewsDetail-Section {
  margin-top: 59px;
  padding-top: 59px;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Section {
    margin-top: 25px;
    padding-top: 26px;
  }
}
.NewsDetail-Section__Img {
  margin-top: 56px;
}
@media only screen and (max-width: 767px) {
  .NewsDetail-Section__Img {
    margin-top: 25px;
  }
}
.NewsDetail-BackToTop {
  margin-top: 60px;
  padding-top: 63px;
  text-align: center;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .NewsDetail-BackToTop {
    margin-top: 24px;
    padding-top: 42px;
  }
}
.Pagination {
  display: none;
  margin: 80px 0 50px;
  padding: 10px 0;
  border-top: solid 1px #d6d6d6;
  border-bottom: solid 1px #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .Pagination {
    position: relative;
    margin: 40px 0 35px;
    padding: 8px 0;
  }
}
.Pagination ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Pagination li {
  padding: 5px;
}
.Pagination li a {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
  padding: 6px 11px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Pagination li a {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Pagination li a {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Pagination li a {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Pagination li a {
    padding: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .Pagination li.State-Current {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}
.Pagination li.State-Current a {
  color: #01652F;
  font-size: 2.2rem;
  padding: 0 9px;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .Pagination li.State-Current a {
    font-size: 2rem;
    padding: 0 6px;
  }
}
.Pagination .Pagination__prev,
.Pagination .Pagination__next {
  margin: 0 8px;
}
@media only screen and (max-width: 767px) {
  .Pagination .Pagination__prev,
  .Pagination .Pagination__next {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 17%;
  }
}
.Pagination .Pagination__prev a,
.Pagination .Pagination__next a {
  display: inline-block;
  width: 30px;
  height: 36px;
  text-indent: 500%;
  overflow: hidden;
  position: relative;
}
.Pagination .Pagination__prev a::before,
.Pagination .Pagination__next a::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border: solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .Pagination .Pagination__prev a::before,
  .Pagination .Pagination__next a::before {
    width: 10px;
    height: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .Pagination .Pagination__prev {
    left: 0;
  }
}
.Pagination .Pagination__prev a::before {
  border-width: 0 0 3px 3px;
  margin: -6px 0 0 11px;
}
@media only screen and (max-width: 767px) {
  .Pagination .Pagination__prev a::before {
    margin: -3px 0 0 6px;
  }
}
@media only screen and (max-width: 767px) {
  .Pagination .Pagination__next {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .Pagination .Pagination__next a {
    right: 0;
  }
}
.Pagination .Pagination__next a::before {
  border-width: 3px 3px 0 0;
  margin: -6px 0 0 5px;
}
@media only screen and (max-width: 767px) {
  .Pagination .Pagination__next a::before {
    margin: -3px 0 0 12px;
  }
}
.NewsSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.NewsSelect .NewsSelect__Head {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  font-weight: bold;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .NewsSelect .NewsSelect__Head {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .NewsSelect .NewsSelect__Head {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .NewsSelect .NewsSelect__Head {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.NewsSelect .SelectPulldown {
  position: relative;
  width: 183px;
  margin-left: 24px;
}
@media only screen and (max-width: 767px) {
  .NewsSelect .SelectPulldown {
    width: 123px;
  }
}
.NewsSelect .SelectPulldown .SelectPulldown__Head.State-Clicked {
  margin: 0;
}
/*===== Slider-Gallery =====*/
.Js-Slider-Gallery__Wrap {
  margin: 15px auto 0;
  padding: 0 82px;
  max-width: 1066px;
}
.Js-Slider-Gallery {
  margin: 0;
  list-style-type: none;
  position: relative;
}
.Js-Slider-Gallery .slick-list,
.Js-Slider-Gallery .slick-track {
  background-color: #6f6f6f;
}
.Js-Slider-Gallery li img {
  max-width: 100%;
  max-height: 100%;
}
.Js-Slider-Gallery .slick-arrow {
  -webkit-transition: border .25s linear;
  transition: border .25s linear;
  position: absolute;
  cursor: pointer;
  top: 50%;
  width: 46px;
  height: 46px;
  z-index: 2;
  border: solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  text-indent: 100%;
  overflow: hidden;
}
.Js-Slider-Gallery .slick-arrow:hover {
  border: solid #01652F;
}
.Js-Slider-Gallery .slick-prev {
  left: -50px;
  border-width: 0 0 3px 3px;
}
.Js-Slider-Gallery .slick-prev:hover {
  border-width: 0 0 3px 3px;
}
@media only screen and (max-width: 767px) {
  .Js-Slider-Gallery .slick-prev:hover {
    border-width: 0 0 2px 2px;
  }
}
.Js-Slider-Gallery .slick-next {
  right: -50px;
  border-width: 3px 3px 0 0;
}
.Js-Slider-Gallery .slick-next:hover {
  border-width: 3px 3px 0 0;
}
@media only screen and (max-width: 767px) {
  .Js-Slider-Gallery .slick-next:hover {
    border-width: 2px 2px 0 0;
  }
}
.Js-Slider-Gallery__Thumbs {
  list-style-type: none;
  margin: 32px auto 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 792px;
}
.Js-Slider-Gallery__Thumbs li {
  position: relative;
  width: calc((100% - 12px * 6) / 6);
  cursor: pointer;
  margin: 0 6px 12px;
  padding: 0 0 8px;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.Js-Slider-Gallery__Thumbs li:after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.Js-Slider-Gallery__Thumbs li.slick-current:after {
  background-color: #01652F;
}
.Js-Slider-Gallery__Thumbs li:hover {
  opacity: .7;
}
.Js-Slider-Gallery__Thumbs li img {
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 767px) {
  .Js-Slider-Gallery__Wrap {
    margin: 0;
    padding: 0;
  }
  .Js-Slider-Gallery {
    margin: 0;
  }
  .Js-Slider-Gallery .slick-arrow {
    top: auto;
    bottom: -48px;
    left: 50%;
    width: 20px;
    height: 20px;
  }
  .Js-Slider-Gallery .slick-prev {
    margin-left: -47px;
    border-width: 0 0 2px 2px;
  }
  .Js-Slider-Gallery .slick-next {
    margin-left: 26px;
    border-width: 2px 2px 0 0;
  }
  .Js-Slider-Gallery__Thumbs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin: 77px 0 -20px;
  }
  .Js-Slider-Gallery__Thumbs li {
    width: calc((100% - 12px * 4) / 4);
    margin-bottom: 16px;
    padding-bottom: 6px;
  }
}
/*===== SeriesLineup =====*/
.SeriesLineup {
  margin-top: -56px;
}
@media only screen and (max-width: 767px) {
  .SeriesLineup {
    margin-top: -22px;
  }
}
.SeriesLineup__Item:not(:first-child) {
  margin-top: 58px;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Item:not(:first-child) {
    margin-top: 33px;
  }
}
.SeriesLineup__Item .SeriesLineup__Heading {
  padding-top: 52px;
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Item .SeriesLineup__Heading {
    padding-top: 22px;
  }
}
.SeriesLineup__Heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1;
}
.SeriesLineup__Heading-Main {
  margin-top: -8px;
  line-height: 1;
  font-weight: bold;
  font-size: 12.4rem;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesLineup__Heading-Main {
    font-size: 10.9rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesLineup__Heading-Main {
    font-size: 9.3rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Heading-Main {
    margin-top: -6px;
    font-size: 6.6rem;
  }
}
.SeriesLineup__Heading-Unit {
  margin: 0 0 19px 24px;
  padding: 9px 0 8px;
  font-size: 2.5rem;
  font-weight: bold;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesLineup__Heading-Unit {
    margin: 0 0 18px 24px;
    font-size: 2.2rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesLineup__Heading-Unit {
    font-size: 1.9rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Heading-Unit {
    margin: 0 0 10px 13px;
    padding: 4px 0 3px;
    font-size: 1.3rem;
  }
}
.SeriesLineup__Wrap-SizeMiddle .SeriesLineup__Heading-Main {
  font-size: 8.2rem;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesLineup__Wrap-SizeMiddle .SeriesLineup__Heading-Main {
    font-size: 7.2rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesLineup__Wrap-SizeMiddle .SeriesLineup__Heading-Main {
    font-size: 6.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Wrap-SizeMiddle .SeriesLineup__Heading-Main {
    font-size: 3.1rem;
  }
}
.SeriesLineup__Wrap-SizeMiddle .SeriesLineup__Heading-Unit {
  margin: 0 0 12px 24px;
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesLineup__Wrap-SizeMiddle .SeriesLineup__Heading-Unit {
    margin: 0 0 10px 24px;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Wrap-SizeMiddle .SeriesLineup__Heading-Unit {
    margin: 0 0 5px 13px;
    padding: 4px 0 3px;
  }
}
.SeriesLineup__Wrap-SizeSmall .SeriesLineup__Heading-Main {
  font-size: 6.4rem;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesLineup__Wrap-SizeSmall .SeriesLineup__Heading-Main {
    font-size: 5.6rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesLineup__Wrap-SizeSmall .SeriesLineup__Heading-Main {
    font-size: 4.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Wrap-SizeSmall .SeriesLineup__Heading-Main {
    font-size: 3.1rem;
  }
}
.SeriesLineup__Wrap-SizeSmall .SeriesLineup__Heading-Unit {
  margin: 0 0 12px 24px;
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesLineup__Wrap-SizeSmall .SeriesLineup__Heading-Unit {
    margin: 0 0 10px 24px;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Wrap-SizeSmall .SeriesLineup__Heading-Unit {
    margin: 0 0 5px 13px;
    padding: 4px 0 3px;
  }
}
.SeriesLineup__Power {
  display: inline-block;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.3;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesLineup__Power {
    font-size: 2.3rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesLineup__Power {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Power {
    font-size: 2rem;
  }
}
.SeriesLineup__Unit {
  display: inline-block;
  margin-left: 4px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesLineup__Unit {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesLineup__Unit {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Unit {
    font-size: 1.1rem;
  }
}
.SeriesLineup__Hyphen {
  display: inline-block;
  margin: 0 8px 2px;
  font-size: 2.5rem;
  font-weight: bold;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesLineup__Hyphen {
    font-size: 2.3rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesLineup__Hyphen {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Hyphen {
    font-size: 2rem;
  }
}
.SeriesLineup__Lead {
  margin-top: 30px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SeriesLineup__Lead {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SeriesLineup__Lead {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Lead {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__Lead {
    margin-top: 18px;
  }
}
.SeriesLineup__List {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .SeriesLineup__List {
    margin-top: 34px;
  }
}
.SeriesLineup__List .Grid__Item .LinkWrap {
  display: block;
}
.SeriesLineup__List .Grid__Item .LinkWrap .Media__Img {
  overflow: hidden;
}
.SeriesLineup__List .Grid__Item .LinkWrap [class*="Heading"] {
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
.SeriesLineup__List .Grid__Item .LinkWrap:hover [class*="Heading"] {
  color: #01652F;
}
.SeriesLineup__List .Grid__Item .LinkWrap:not(.View-SPiOS) .Link__Text {
  -webkit-transition: color .25s linear , border-bottom .25s linear;
  transition: color .25s linear , border-bottom .25s linear;
}
.SeriesLineup__List .Grid__Item .LinkWrap:not(.View-SPiOS) .Media__Img img,
.SeriesLineup__List .Grid__Item .LinkWrap:not(.View-SPiOS) .Media__Img .Img-Hover {
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear;
}
.SeriesLineup__List .Grid__Item .LinkWrap:not(.View-SPiOS):hover .Media__Img img,
.SeriesLineup__List .Grid__Item .LinkWrap:not(.View-SPiOS):hover .Media__Img .Img-Hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.SeriesLineup__List .Grid__Item .LinkWrap:hover .Box-Summary__Name,
.SeriesLineup__List .Grid__Item .LinkWrap:hover .Box-Summary__Label {
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
  color: #01652F;
}
.SeriesLineup__List .Grid__Item .LinkWrap .Media__Img {
  position: relative;
  overflow: visible;
  z-index: 10;
}
/*===== ProposalSection =====*/
.ProposalSection {
  width: 100%;
  height: 100%;
  padding-bottom: 46px;
  border: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .ProposalSection {
    padding-bottom: 24px;
  }
}
[class*="ProposalSection__Head"] {
  display: inline-block;
  margin: -1px 0 0 -1px;
  padding: 7px 16px 5px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  [class*="ProposalSection__Head"] {
    padding: 3px 9px 2px;
    font-size: 1.8rem;
  }
}
.ProposalSection__Head-type01 {
  background-color: #006ba9;
}
.ProposalSection__Head-type02 {
  background-color: #01652F;
}
.ProposalSection__Body {
  text-align: center;
  padding: 0 32px;
}
@media only screen and (max-width: 767px) {
  .ProposalSection__Body {
    padding: 0 24px;
  }
}
.ProposalSection__Body .Img img {
  max-width: 100%;
}
.ProposalSectionList .ProposalSectionList__Item + .ProposalSectionList__Item {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .ProposalSectionList .ProposalSectionList__Item + .ProposalSectionList__Item {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .ProposalSectionList .Grid__Item + .Grid__Item {
    margin-top: 24px;
  }
}
.TestimonialsMore [class*="Grid-Column"] {
  margin-left: 0;
  border-top: 1px solid #d6d6d6;
}
.TestimonialsMore .Grid__Item {
  padding: 48px 0;
}
.TestimonialsMore .Grid__Item:nth-of-type(odd) {
  margin-right: 16px;
}
.TestimonialsMore .Grid__Item:nth-of-type(even) {
  margin-left: 16px;
}
.TestimonialsMore__Text {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .TestimonialsMore__Text {
    margin-top: 26px;
  }
}
.TestimonialsMore__Button {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .TestimonialsMore__Button {
    margin-top: 25px;
  }
}
.TestimonialsMore__Relation {
  margin-top: 48px;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .TestimonialsMore__Relation {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 768px) {
  .TestimonialsDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -32px;
    margin-top: 71px;
  }
}
@media only screen and (max-width: 767px) {
  .TestimonialsDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 37px;
  }
}
@media print, screen and (min-width: 768px) {
  .TestimonialsDetail .TestimonialsDetail__Body,
  .TestimonialsDetail .TestimonialsDetail__Img {
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .TestimonialsDetail .TestimonialsDetail__Body,
  .TestimonialsDetail .TestimonialsDetail__Img {
    margin-left: 13px;
  }
}
@media print, screen and (min-width: 768px) {
  .TestimonialsDetail .TestimonialsDetail__Body {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .TestimonialsDetail .TestimonialsDetail__Body {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin-top: 32px;
  }
}
@media print, screen and (min-width: 768px) {
  .TestimonialsDetail .TestimonialsDetail__Img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media only screen and (max-width: 767px) {
  .TestimonialsDetail .TestimonialsDetail__Img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.TestimonialsDetail .TestimonialsDetail__Img .Img,
.TestimonialsDetail .TestimonialsDetail__Img img {
  width: 100%;
}
.TestimonialsDetail-Media + .TestimonialsDetail-Media {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .TestimonialsDetail-Media + .TestimonialsDetail-Media {
    margin-top: 34px;
  }
}
.TestimonialsDetail-Media__Body .Heading-LV4 + [class^="Text"], .TestimonialsDetail-Media__Body .Heading-LV4 + [class^="List"], .TestimonialsDetail-Media__Body .Heading-LV4 + [class*="Group-"] {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .TestimonialsDetail-Media__Body .Heading-LV4 + [class^="Text"], .TestimonialsDetail-Media__Body .Heading-LV4 + [class^="List"], .TestimonialsDetail-Media__Body .Heading-LV4 + [class*="Group-"] {
    margin-top: 17px;
  }
}
.TestimonialsDetail-Media__Img {
  margin-top: 58px;
}
@media only screen and (max-width: 767px) {
  .TestimonialsDetail-Media__Img {
    margin-top: 32px;
  }
}
.TestimonialsDetail-Owner {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .TestimonialsDetail-Owner {
    margin-top: 16px;
  }
}
.TestimonialsDetail-Name {
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
  font-weight: bold;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .TestimonialsDetail-Name {
    font-size: 2.45rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .TestimonialsDetail-Name {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .TestimonialsDetail-Name {
    font-size: 1.8rem;
  }
}
.TestimonialsDetail-Name + .TestimonialsDetail-Description {
  margin-top: 6px;
}
@media only screen and (max-width: 767px) {
  .TestimonialsDetail-Name + .TestimonialsDetail-Description {
    margin-top: 3px;
  }
}
.TestimonialsDetail-Description {
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
  font-weight: normal;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .TestimonialsDetail-Description {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .TestimonialsDetail-Description {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .TestimonialsDetail-Description {
    font-size: 1.6rem;
  }
}
.TestimonialsDetail-Table + .TestimonialsDetail-Media {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .TestimonialsDetail-Table + .TestimonialsDetail-Media {
    margin-top: 34px;
  }
}
.Table-TestimonialsDetail {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}
.Table-TestimonialsDetail tr {
  border-top: 1px dotted #d6d6d6;
}
.Table-TestimonialsDetail tr:last-child {
  border-bottom: 1px dotted #d6d6d6;
}
.Table-TestimonialsDetail th,
.Table-TestimonialsDetail td {
  padding: 15px 0;
  vertical-align: top;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-TestimonialsDetail th,
  .Table-TestimonialsDetail td {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-TestimonialsDetail th,
  .Table-TestimonialsDetail td {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-TestimonialsDetail th,
  .Table-TestimonialsDetail td {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.Table-TestimonialsDetail th .Link,
.Table-TestimonialsDetail td .Link {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Table-TestimonialsDetail th .Link,
  .Table-TestimonialsDetail td .Link {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Table-TestimonialsDetail th .Link,
  .Table-TestimonialsDetail td .Link {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Table-TestimonialsDetail th .Link,
  .Table-TestimonialsDetail td .Link {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.Table-TestimonialsDetail th {
  width: 184px;
  padding-right: 16px;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .Table-TestimonialsDetail th {
    width: 112px;
  }
}
/*===== SimilarProducts =====*/
.Section-SimilarProducts {
  margin-top: 80px;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .Section-SimilarProducts {
    margin-top: 42px;
    text-align: center;
  }
}
@media print, screen and (min-width: 768px) {
  .Section-SimilarProducts .Content__Inner {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .Section-SimilarProducts .Content__Inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.Section-SimilarProducts__Inner {
  width: 100%;
  padding-bottom: 0;
  margin-top: -20px;
}
@media only screen and (max-width: 767px) {
  .Section-SimilarProducts__Inner {
    overflow: hidden;
  }
}
.SimilarProducts__Item {
  margin-right: 32px;
  padding-top: 20px;
}
@media print, screen and (min-width: 768px) {
  .SimilarProducts__Item {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .SimilarProducts__Item {
    display: inline-block;
    width: 48%;
    margin-right: 13px;
  }
}
.SimilarProducts__Item .LinkWrap {
  display: block;
}
.SimilarProducts__Item .LinkWrap .Media__Img {
  overflow: hidden;
}
.SimilarProducts__Item .LinkWrap [class*="Heading"] {
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
.SimilarProducts__Item .LinkWrap:hover [class*="Heading"] {
  color: #01652F;
}
.SimilarProducts__Item .LinkWrap:not(.View-SPiOS) .Link__Text {
  -webkit-transition: color .25s linear , border-bottom .25s linear;
  transition: color .25s linear , border-bottom .25s linear;
}
.SimilarProducts__Item .LinkWrap:not(.View-SPiOS) .Media__Img img,
.SimilarProducts__Item .LinkWrap:not(.View-SPiOS) .Media__Img .Img-Hover {
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear;
}
.SimilarProducts__Item .LinkWrap:not(.View-SPiOS):hover .Media__Img img,
.SimilarProducts__Item .LinkWrap:not(.View-SPiOS):hover .Media__Img .Img-Hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.SimilarProducts__Item .LinkWrap:hover .Box-Summary__Name,
.SimilarProducts__Item .LinkWrap:hover .Box-Summary__Label {
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
  color: #01652F;
}
.SimilarProducts__Item .LinkWrap .Media__Img {
  position: relative;
  overflow: visible;
  z-index: 10;
}
.SimilarProducts__List.slick-slider .slick-list,
.HeroList .slick-list {
  background-color: #fff;
}
.SimilarProducts__List.slick-slider .slick-track,
.HeroList .slick-track {
  background-color: #fff;
}
.SimilarProducts__List.slick-slider .slick-arrow,
.HeroList .slick-arrow {
  -webkit-transition: background-color .25s linear;
  transition: background-color .25s linear;
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 50px;
  z-index: 2;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
}
.SimilarProducts__List.slick-slider .slick-arrow:hover,
.HeroList .slick-arrow:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.SimilarProducts__List.slick-slider .slick-arrow span::after,
.HeroList .slick-arrow span::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  border: solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
}
.SimilarProducts__List.slick-slider .prev-arrow,
.HeroList .prev-arrow {
  left: 0;
}
.SimilarProducts__List.slick-slider .prev-arrow span,
.HeroList .prev-arrow span {
  padding-left: 5px;
}
.SimilarProducts__List.slick-slider .prev-arrow span::after,
.HeroList .prev-arrow span::after {
  border-width: 0 0 1px 1px;
}
.SimilarProducts__List.slick-slider .prev-arrow:hover span::after,
.HeroList .prev-arrow:hover span::after {
  border-width: 0 0 2px 2px;
}
.SimilarProducts__List.slick-slider .next-arrow,
.HeroList .next-arrow {
  right: 0;
}
.SimilarProducts__List.slick-slider .next-arrow span::after,
.HeroList .next-arrow span::after {
  border-width: 1px 1px 0 0;
}
.SimilarProducts__List.slick-slider .next-arrow:hover span::after,
.HeroList .next-arrow:hover span::after {
  border-width: 2px 2px 0 0;
}
.SimilarProducts__List.slick-slider .slick-dots,
.HeroList .slick-dots {
  line-height: 1;
  text-align: center;
}
.SimilarProducts__List.slick-slider .slick-dots li,
.HeroList .slick-dots li {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  margin: 0 7px;
}
@media only screen and (max-width: 767px) {
  .SimilarProducts__List.slick-slider .slick-dots li,
  .HeroList .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 6px;
  }
}
.SimilarProducts__List.slick-slider .slick-dots li.slick-active button:after,
.HeroList .slick-dots li.slick-active button:after {
  background-color: #01652F;
}
.SimilarProducts__List.slick-slider .slick-dots li:hover button:after,
.HeroList .slick-dots li:hover button:after {
  background-color: #01652F;
}
.SimilarProducts__List.slick-slider .slick-dots button,
.HeroList .slick-dots button {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .SimilarProducts__List.slick-slider .slick-dots button,
  .HeroList .slick-dots button {
    width: 12px;
    height: 12px;
  }
}
.SimilarProducts__List.slick-slider .slick-dots button::after,
.HeroList .slick-dots button::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  background-color: #cacaca;
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .SimilarProducts__List.slick-slider .slick-dots button::after,
  .HeroList .slick-dots button::after {
    width: 12px;
    height: 12px;
    border-radius: 12px;
  }
}
@media print, screen and (min-width: 768px) {
  .SimilarProducts__List.slick-slider {
    width: 88%;
    max-width: 1284px;
    margin: 0 auto;
  }
}
.SimilarProducts__List.slick-slider .slick-list {
  margin-right: -32px;
}
@media only screen and (max-width: 767px) {
  .SimilarProducts__List.slick-slider .slick-list {
    margin-right: -13px;
  }
}
.SimilarProducts__List.slick-slider .slick-dots {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .SimilarProducts__List.slick-slider .slick-dots {
    margin-top: 36px;
  }
}
.SimilarProducts__List.slick-slider .slick-arrow {
  top: 20%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.SimilarProducts__List.slick-slider .next-arrow {
  padding-right: 5px;
}
.SimilarProducts__List.slick-slider:hover .slick-arrow {
  background-color: rgba(0, 0, 0, 0.35);
}
.SimilarProducts__List.slick-slider:hover .slick-arrow span::after {
  opacity: 1;
}
/*===== HeroList =====*/
.HeroList {
  position: relative;
  max-width: 1524px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .HeroList {
    position: relative;
    max-height: 600px;
  }
}
.HeroList .slick-arrow {
  top: 50%;
  margin-top: -25px;
  background-color: rgba(0, 0, 0, 0);
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .HeroList .slick-arrow {
    background-color: rgba(0, 0, 0, 0.35);
  }
}
.HeroList .slick-arrow:hover {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.HeroList .slick-arrow span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 2px;
  margin-left: -2px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .HeroList .slick-arrow span::after {
    opacity: 1;
  }
}
.HeroList .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 24px;
  line-height: 1;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .HeroList .slick-dots {
    height: 12px;
  }
}
@media print, screen and (min-width: 768px) {
  .HeroList .Hero__Body::before {
    content: '';
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .HeroList .Hero__Img::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.Js-Slider-HeroList {
  visibility: hidden;
  max-width: 1524px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .Js-Slider-HeroList {
    position: relative;
    max-height: 600px;
  }
}
.Js-Slider-HeroList.State-initialized {
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  .Js-Slider-HeroList .Hero__Body {
    padding: 54px 48px 62px;
  }
}
.Js-Slider-HeroList .slick-arrow {
  position: absolute;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .Js-Slider-HeroList .slick-arrow {
    opacity: 0;
  }
}
@media only screen and (max-width: 767px) {
  .Js-Slider-HeroList .slick-arrow.State-Visible {
    opacity: 1;
  }
}
.Js-Slider-HeroList .prev-arrow {
  left: 0;
}
.Js-Slider-HeroList .next-arrow {
  right: 0;
}
@media print, screen and (min-width: 768px) {
  .Js-Slider-HeroList .slick-dots {
    margin-top: -40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .Js-Slider-HeroList .slick-dots {
    margin-top: 12px;
  }
}
.Js-Slider-HeroList:hover .slick-arrow {
  background-color: rgba(0, 0, 0, 0.35);
}
.Js-Slider-HeroList:hover .slick-arrow span::after {
  opacity: 1;
}
/*===== SelectPulldown =====*/
.SelectPulldown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  min-height: 46px;
}
.SelectPulldown ul {
  list-style-type: none;
}
.SelectPulldown__Head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  min-height: 46px;
  padding: 0 16px;
  line-height: 1.3;
  color: #333;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  border: 1px solid #d6d6d6;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SelectPulldown__Head {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SelectPulldown__Head {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .SelectPulldown__Head {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .SelectPulldown__Head {
    padding: 0 16px;
  }
}
.SelectPulldown__Head.State-Clicked span::after {
  margin-top: -3px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.SelectPulldown__Head::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.SelectPulldown__Head:hover {
  cursor: pointer;
}
.SelectPulldown__Head span {
  display: block;
  position: relative;
  width: 100%;
  padding: 12px 16px 12px 0;
  font-weight: bold;
  line-height: 1.3;
}
.SelectPulldown__Head span::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-top: -3px;
  border: solid #333;
  border-width: 0 2px 2px 0;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
}
.SelectPulldown__Content {
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  width: 100%;
  padding: 3px 15px 9px 20px;
  list-style-type: none;
  z-index: 10;
  border: 1px solid #d6d6d6;
  background-color: #fff;
}
.SelectPulldown__Content li {
  display: block;
  margin-top: 9px;
}
.SelectPulldown__Content li > a,
.SelectPulldown__Content li > span {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  line-height: 1.3;
  color: #333;
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .SelectPulldown__Content li > a,
  .SelectPulldown__Content li > span {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .SelectPulldown__Content li > a,
  .SelectPulldown__Content li > span {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .SelectPulldown__Content li > a,
  .SelectPulldown__Content li > span {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.SelectPulldown__Content li > a:hover,
.SelectPulldown__Content li > span:hover {
  color: #01652F;
}
.SelectPulldown__Content li > a:hover,
.SelectPulldown__Content li > span:hover {
  cursor: pointer;
}
/*===== Breadcrumb =====*/
@media print, screen and (min-width: 768px) {
  .Box-Breadcrumb .Content__Inner {
    padding: 0 0 46px;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Breadcrumb .Content__Inner {
    padding: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .Breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
  }
  .Breadcrumb li {
    color: #000;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.7;
  }
}
@media print, screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
  .Breadcrumb li {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
  .Breadcrumb li {
    font-size: 0.975rem;
  }
}
@media print, screen and (min-width: 768px) {
  .Breadcrumb li:not(:first-child)::before {
    content: '';
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 5px;
    height: 8px;
    vertical-align: middle;
    background: url("https://www.karawang.center/lskit_common/images/icons/breadcrumb.svg") 0 0 no-repeat;
  }
}
@media print, screen and (min-width: 768px) and (min-width: 1440px) {
  .Breadcrumb li:not(:first-child)::before {
    top: -1px;
  }
}
@media print, screen and (min-width: 768px) {
  .Breadcrumb li:not(:first-child) a {
    padding-left: 16px;
  }
  .Breadcrumb li:not(:last-child) {
    margin-right: 16px;
  }
  .Breadcrumb li a .Link__Text {
    vertical-align: middle;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    -webkit-transition: color .25s linear, border-bottom .25s linear;
    transition: color .25s linear, border-bottom .25s linear;
  }
  .Breadcrumb li a:hover .Link__Text {
    color: #01652F;
    border-bottom: 1px solid #01652F;
  }
  .Breadcrumb li a:link {
    color: #333;
  }
  .Breadcrumb li a:visited {
    color: #333;
  }
  .Breadcrumb li a:hover, .Breadcrumb li a:focus {
    color: #333;
  }
  .Breadcrumb li a:active {
    color: #333;
  }
  .Breadcrumb li a span {
    -webkit-transition: color .25s linear , border-bottom .25s linear;
    transition: color .25s linear , border-bottom .25s linear;
  }
  .Breadcrumb li a span:hover {
    color: #01652F;
    border-bottom: 1px solid #01652F;
  }
  .Breadcrumb li span {
    text-transform: uppercase;
    text-decoration: none;
    vertical-align: middle;
    border-bottom: 1px solid transparent;
  }
  .Breadcrumb li > span {
    margin-left: 16px;
    color: #01652F;
  }
}
@media only screen and (max-width: 767px) {
  .Breadcrumb {
    display: none;
  }
}
/*===== Box-Share =====*/
.Box-Share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Box-Share__Head {
  margin-right: 8px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Box-Share__Head {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Box-Share__Head {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Share__Head {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Box-Share__Head {
    margin-right: 3px;
  }
}
.SnsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  list-style-type: none;
}
.SnsList a [class*="IconSVG"] {
  -webkit-transition: fill .25s linear;
  transition: fill .25s linear;
}
.SnsList a:hover [class*="IconSVG"] {
  fill: rgba(0, 132, 134, 0.7);
}
[class*="Sns-"] a {
  display: block;
  width: 52px;
  height: 52px;
  text-align: center;
  margin-left: 16px;
}
@media only screen and (max-width: 767px) {
  [class*="Sns-"] a {
    width: 40px;
    height: 40px;
    margin-left: 12px;
  }
}
/*===== Cookie =====*/
#Cookie {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
  border-top: 1px solid #d6d6d6;
  background: whitesmoke;
  background: -webkit-gradient(linear, left top, left bottom, from(whitesmoke), color-stop(23%, #f0f0f0), color-stop(78%, gainsboro), to(#d8d6d7));
  background: linear-gradient(to bottom, whitesmoke 0%, #f0f0f0 23%, gainsboro 78%, #d8d6d7 100%);
}
#Cookie__Inner {
  max-width: 1284px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  #Cookie__Inner {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  #Cookie__Inner {
    padding: 0 24px;
  }
}
@media print, screen and (min-width: 768px) {
  #Cookie__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 35px 0 42px;
  }
}
@media only screen and (max-width: 767px) {
  #Cookie__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 21px 24px 24px;
  }
}
.Cookie__Text {
  font-size: 1.3rem;
  line-height: 1.7;
  color: #333;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Cookie__Text {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Cookie__Text {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .Cookie__Text {
    font-size: 1.1rem;
    line-height: 1.5;
  }
}
.Cookie__Link {
  font-weight: bold;
  color: #01652F;
  margin-top: 16px;
  font-size: 1.3rem;
  line-height: 1.7;
  color: #333;
  margin-top: 20px;
}
.Cookie__Link a {
  color: #01652F;
}
@media only screen and (max-width: 767px) {
  .Cookie__Link {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Cookie__Link {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Cookie__Link {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .Cookie__Link {
    font-size: 1.1rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Cookie__Link {
    margin-top: 14px;
  }
}
@media print, screen and (min-width: 768px) {
  .Cookie__Notification {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .Cookie__Notification {
    margin-top: 18px;
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .Cookie__Notification .Button-Allow {
    min-width: 166px;
  }
}
.Cookie__Notification .Button-Allow .Button__Text {
  font-size: 1.3rem;
  line-height: 1.5;
  color: #fff;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Cookie__Notification .Button-Allow .Button__Text {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Cookie__Notification .Button-Allow .Button__Text {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .Cookie__Notification .Button-Allow .Button__Text {
    font-size: 1.1rem;
  }
}
.Cookie__Notification__Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/*===== NavSkip =====*/
#Nav-Skip {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  z-index: 9999;
}
#Nav-Skip #Nav-Skip__Inner {
  display: block;
  width: 100%;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 1px;
  color: #fff;
  cursor: default;
  background: #666666;
}
#Nav-Skip #Nav-Skip__Inner a {
  color: #fff;
}
/*===== Link-PageTop =====*/
#Link-PageTop {
  display: none;
  position: fixed;
  bottom: 48px;
  right: 0;
  z-index: 99;
  width: 48px;
  height: 48px;
}
#Link-PageTop a, #Link-PageTop button {
  -webkit-transition: color .25s linear,
 border .25s linear,
 background-color .25s linear;
  transition: color .25s linear,
 border .25s linear,
 background-color .25s linear;
}
#Link-PageTop:hover a, #Link-PageTop:hover button {
  color: #fff;
  border: 1px solid rgba(0, 132, 134, 0.7);
  background-color: rgba(0, 132, 134, 0.7);
}
@media only screen and (max-width: 767px) {
  #Link-PageTop {
    width: 36px;
    height: 36px;
  }
}
#Link-PageTop.State-Fixed {
  position: absolute;
}
@media only screen and (max-width: 767px) {
  #Link-PageTop.State-Fixed {
    position: fixed;
  }
}
#Link-PageTop.State-Scrolling {
  position: fixed;
}
#Link-PageTop a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 13px;
  text-align: center;
  border: 1px solid #01652F;
  background-color: #01652F;
}
@media only screen and (max-width: 767px) {
  #Link-PageTop a {
    padding-top: 7px;
  }
}
.IconSVG-Pagetop {
  fill: #fff;
  width: 18px;
  height: 12px;
}
@media only screen and (max-width: 767px) {
  .IconSVG-Pagetop {
    width: 14px;
    height: 9px;
  }
}
/*===== Footer =====*/
#GFooter {
  margin-top: auto;
  font-size: 1.3rem;
  color: #fff;
  background-color: #01652F;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  #GFooter {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  #GFooter {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  #GFooter {
    font-size: 1.3rem;
  }
}
#GFooter a {
  color: #fff;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
#GFooter a:hover {
  opacity: .7;
}
#GFooter ul {
  list-style-type: none;
}
#GFooter .IconSVG-BlankBackColor {
  width: 10px;
  height: 8px;
  margin-bottom: 2px;
}
#GFooter .IconSVG-BlankBackColor::after {
  width: 10px;
  height: 8px;
}
.GFooter-Upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 36px 0;
}
@media only screen and (min-width: 880px) {
  .GFooter-Upper {
    width: 88%;
    max-width: 1284px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 879px) {
  .GFooter-Upper {
    width: 100%;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 879px) {
  .GFooter-Upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
}
.GFooter-Bottom {
  padding: 45px 0 0;
  border-top: 1px solid #0e6a6a;
}
@media only screen and (min-width: 880px) {
  .GFooter-Bottom {
    width: 88%;
    max-width: 1284px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 879px) {
  .GFooter-Bottom {
    width: 100%;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 879px) {
  .GFooter-Bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 21px 24px 0;
    border-top: 1px solid #0e6a6a;
  }
}
@media only screen and (max-width: 879px) {
  .GFooter-Gnav {
    width: 100%;
    padding: 18px 16px 29px 17px;
  }
}
@media only screen and (min-width: 880px) {
  .GFooter-Gnav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 879px) {
  .GFooter-Gnav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
  }
}
@media only screen and (max-width: 879px) {
  .GFooter-Gnav li {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 880px) {
  .GFooter-Gnav li:not(:last-child) {
    padding-right: 32px;
  }
}
.GFooter-Gnav a {
  font-weight: bold;
}
@media only screen and (max-width: 879px) {
  .GFooter-Gnav a {
    display: block;
    padding: 0 10px 0 9px;
    text-align: center;
  }
}
@media only screen and (min-width: 880px) {
  .GFooter-Sns {
    margin-left: 32px;
  }
}
.GFooter-Sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 879px) {
  .GFooter-Sns ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.GFooter-Sns ul li:not(:first-child) {
  padding-left: 16px;
}
.GFooter-Sns ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 879px) {
  .GFooter-Sns ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.GFooter-Sns ul a:hover {
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.GFooter-Sns ul a:hover:hover {
  opacity: .7;
}
.GFooter-Sns.View-TBdown {
  width: 100%;
  margin: 33px auto 0;
  max-width: 375px;
}
.GFooter-Sns.View-TBdown .IconSVG-FacebookFooter,
.GFooter-Sns.View-TBdown .IconSVG-YoutubeFooter,
.GFooter-Sns.View-TBdown .IconSVG-TwitterFooter {
  width: 44px;
  height: 44px;
}
.GFooter-Sns__counts {
  display: inline-block;
  margin-left: 12px;
  line-height: 1.4;
}
.GFooter-Sns__youtubeViews,
.GFooter-Sns__facebookLikes {
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
  color: #fff;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .GFooter-Sns__youtubeViews,
  .GFooter-Sns__facebookLikes {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .GFooter-Sns__youtubeViews,
  .GFooter-Sns__facebookLikes {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .GFooter-Sns__youtubeViews,
  .GFooter-Sns__facebookLikes {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 879px) {
  .GFooter-Sns__youtubeViews,
  .GFooter-Sns__facebookLikes {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 880px) {
  .GFooter-Utility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.GFooter-Utility__item {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 879px) {
  .GFooter-Utility__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}
@media only screen and (min-width: 880px) {
  .GFooter-Utility__item:nth-child(odd) li {
    margin-right: 32px;
  }
}
@media only screen and (min-width: 880px) {
  .GFooter-Utility__item:nth-child(even) li {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 879px) {
  .GFooter-Utility__item li:not(:last-child) {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 879px) {
  .GFooter-Utility__item li {
    margin-top: 8px;
  }
}
.GFooter-Utility__item li a {
  font-size: 1.3rem;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .GFooter-Utility__item li a {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .GFooter-Utility__item li a {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .GFooter-Utility__item li a {
    font-size: 1.1375rem;
  }
}
.GFooter-SiteBrand {
  text-align: center;
}
@media only screen and (min-width: 880px) {
  .GFooter-SiteBrand {
    padding: 45px 0 65px;
  }
}
@media only screen and (max-width: 879px) {
  .GFooter-SiteBrand {
    padding: 38px 0 34px;
    text-align: center;
  }
}
.GFooter-Logo {
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .GFooter-Logo {
    font-size: 2.1875rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .GFooter-Logo {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .GFooter-Logo {
    font-size: 1.8rem;
  }
}
.GFooter-Copylight {
  margin-top: 11px;
  line-height: 1.3;
}
@media only screen and (max-width: 879px) {
  .GFooter-Copylight {
    margin-top: 11px;
  }
}
.GFooter-Copylight small {
  font-size: 1.3rem;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .GFooter-Copylight small {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .GFooter-Copylight small {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .GFooter-Copylight small {
    font-size: 1.1375rem;
  }
}
/*===== JS Off Alert =====*/
.Alert {
  width: 100%;
}
.Alert.Alert-JSOff {
  padding: 23px 0 25px;
  text-align: center;
  background-color: #fbebeb;
}
.Alert.Alert-JSOff small {
  font-size: 1.3rem;
  line-height: 1.7;
  color: #333;
  color: #c00;
  font-weight: bold;
}
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
  .Alert.Alert-JSOff small {
    font-size: 1.1375rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1023px) {
  .Alert.Alert-JSOff small {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 767px) {
  .Alert.Alert-JSOff small {
    font-size: 1.1rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .Alert.Alert-JSOff {
    padding: 20px 40px 19px;
  }
}
.Alert.Alert-JSOff.State--On {
  display: none;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track::before, .slick-track::after {
  content: "";
  display: table;
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[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;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* overlay at start */
.Js-ModalWrap.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.Js-ModalWrap.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.Js-ModalWrap.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.Js-ModalWrap.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.Js-ModalWrap.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.Js-ModalWrap.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}
/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 16px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 6px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  margin-top: 15px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(https://www.karawang.center/lskit_common/images/icons/mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
	sprites locations
	light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
	dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
	*/
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
	sprites locations
	light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
	dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
	sprites locations
	light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
	dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
	*/
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
	sprites locations
	light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
	dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 7px;
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 7px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 7px;
  margin: 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #ccc;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #ccc;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #ccc;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */