@charset "UTF-8";
/*
Code copyright 2016 Jeremy Thomas
Code released under the MIT license
https://opensource.org/licenses/mit-license.php
*/
/*
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=f409f6f2-4304-4c61-b5bf-cad5581dfeb5&fontids=5563051,5563063,5563268");
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=cd6ad4b9-27f1-4e6f-9512-74ac2b029943&fontids=5563279");
@font-face {
  font-family: "DIN Next LT W01";
  src: url("Fonts/5563051/afabdfcf-432c-49b4-a496-0e5051e87fa9.woff2") format("woff2"), url("Fonts/5563051/611ea865-db7e-4c05-94b8-bd1675c90576.woff") format("woff");
  font-weight: 500; }

@font-face {
  font-family: "DIN Next LT W01";
  src: url("Fonts/5563063/03008527-67bd-478e-98e3-3b56dd9a6520.woff2") format("woff2"), url("Fonts/5563063/557f817d-9c25-4a23-baaf-a3cf84a7cd7c.woff") format("woff");
  font-weight: 700; }

@font-face {
  font-family: "DIN Next LT W01";
  src: url("Fonts/5563268/14aba99e-8c97-4daa-a8df-67920a051402.woff2") format("woff2"), url("Fonts/5563268/96fd6d6f-fad6-4dd9-ab70-29547a56cacd.woff") format("woff");
  font-weight: 100; }

@font-face {
  font-family: "DIN Next LT W01";
  src: url("Fonts/5563279/6b4d4830-9c7d-43d2-b5d3-c73f739561b9.woff2") format("woff2"), url("Fonts/5563279/ccf25ada-6d2a-4133-95dc-deb039e22999.woff") format("woff");
  font-weight: 400; }
*/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box; }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none; }
  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px; }

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none; }

textarea {
  resize: vertical; }

input[type='checkbox'],
input[type='radio'] {
  display: none; }

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer; }

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

dl,
ol,
ul {
  margin-bottom: 0rem; }

body {
  font-family: "DIN Next LT W01", Arial, Helvetica, sans-serif; }

p,
li,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
  line-height: 1.33em;
  color: #333333;
  font-weight: 400; }

.lh-122 {
  line-height: 1.22em; }

.lh-116 {
  line-height: 1.16em; }

@media (max-width: 480px) {
  .lh-150 {
    line-height: 1.5em; } }

.lh-160-175 {
  line-height: 1.6em !important; }
  @media (max-width: 480px) {
    .lh-160-175 {
      line-height: 1.75em !important; } }

.width-mx {
  max-width: 1680px;
  margin: auto;
  box-sizing: border-box; }

.width-l {
  max-width: 1296px;
  margin: auto;
  box-sizing: border-box; }
  @media (max-width: 991px) {
    .width-l {
      max-width: 856px; } }

.width-m {
  max-width: 1076px;
  margin: auto;
  box-sizing: border-box; }
  @media (max-width: 991px) {
    .width-m {
      max-width: 856px; } }

.width-s {
  max-width: 856px;
  margin: auto;
  box-sizing: border-box; }

.width-ss {
  max-width: 636px;
  margin: auto;
  box-sizing: border-box; }

@media (max-width: 480px) {
  .sp-full-width {
    width: 100vw;
    margin-left: -16px; } }

@media (max-width: 991px) {
  .sp-full-width .book-1-unwrap .grid-item {
    padding-left: 16px;
    padding-right: 16px; } }

@media (max-width: 1680px) {
  .content-area {
    padding: 0 54px;
    box-sizing: border-box; } }
  @media (max-width: 1680px) and (max-width: 991px) {
    .content-area {
      padding: 0 16px;
      box-sizing: border-box; } }

.sp_only {
  display: none; }
  @media (max-width: 480px) {
    .sp_only {
      display: block; } }

.pc_only {
  display: block; }
  @media (max-width: 480px) {
    .pc_only {
      display: none; } }

.f-16-med {
  font-size: 16px;
  font-weight: 400; }

.f-16-ligth {
  font-size: 16px;
  font-weight: 100; }

.f-18-light {
  font-size: 18px;
  font-weight: 100; }

.f-18 {
  font-size: 18px;
  font-weight: 400; }

.f-18-med {
  font-size: 18px;
  font-weight: 500; }

.f-16-med {
  font-size: 16px;
  font-weight: 500; }

.f-14-med {
  font-size: 14px;
  font-weight: 500; }

.f-16-light {
  font-size: 16px;
  font-weight: 100; }

.f-16 {
  font-size: 16px;
  font-weight: 400; }

.f-36 {
  font-size: 36px; }

.f-24-med {
  font-size: 24px;
  font-weight: 500; }

.blueText {
  color: #567783; }

.blueUl {
  display: inline-block;
  border-bottom: 1px solid #567783; }

.border-bottom {
  border-bottom: 1px solid #cccccc; }

.border-bottom-b {
  border-bottom: 1px solid #567783; }

.border-bottom-c {
  border-bottom: 1px solid #CCCCCC; }

.border-bottom-k {
  border-bottom: 1px solid #333; }

h1 {
  font-weight: 500;
  font-size: 36px; }
  @media (max-width: 480px) {
    h1 {
      font-size: 32px; } }

h2 {
  font-weight: 400;
  font-size: 36px; }
  @media (max-width: 480px) {
    h2 {
      font-size: 32px; } }

h3 {
  font-weight: 500;
  font-size: 36px; }
  @media (max-width: 480px) {
    h3 {
      font-size: 32px; } }

h4 {
  font-weight: 400;
  font-size: 28px; }
  @media (max-width: 480px) {
    h4 {
      font-size: 28px; } }

h5 {
  font-size: 24px;
  font-weight: 400; }
  @media (max-width: 480px) {
    h5 {
      font-size: 24px; } }

p {
  font-size: 18px;
  font-weight: 100; }
  @media (max-width: 480px) {
    p {
      font-size: 18px; } }

li,
a {
  color: #333333;
  font-size: 18px;
  list-style-type: none; }
  @media (max-width: 480px) {
    li,
    a {
      font-size: 18px; } }

.font-16 {
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 991px) {
    .font-16 {
      font-size: 18px; } }

.hoverRed {
  transition: 0.3s; }
  .hoverRed:hover {
    color: #e31f26; }

.subscribe a {
  height: 32px;
  width: 96px;
  background: #f2f2f2;
  border-radius: 8px;
  transition: 0.3s;
  color: #333333;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }
  .subscribe a:hover {
    color: #fff;
    background: #006487; }
  @media (max-width: 991px) {
    .subscribe a {
      font-size: 18px;
      margin-left: 0;
      width: 119px;
      height: 39px;
      background: #64afd2;
      color: #fff; }
      .subscribe a:hover {
        color: #fff;
        background: #006487; } }

.only_hum {
  display: none; }
  @media (max-width: 991px) {
    .only_hum {
      display: inline-block; } }

.following .subscribe a {
  background: #64afd2;
  color: #fff; }
  .following .subscribe a:hover {
    background: #006487; }

* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

.close {
  position: relative;
  height: 16px;
  width: 16px; }
  .close span {
    position: absolute;
    background: #cccccc;
    width: 16px;
    height: 2px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform-origin: center;
    transition: 0.3s;
    transform: rotate(45deg); }
    .close span:nth-child(2) {
      transform: rotate(-45deg); }
  .close:hover span {
    background: #e31f26; }

a.blank-link {
  position: relative;
  display: inline-block;
  transition: 0.3s; }
  a.blank-link:hover {
    color: #e31f26; }
  a.blank-link::after {
    width: 18px;
    height: 14px;
    display: inline-block;
    content: "";
    margin-left: 8px;
    background: url(https://lp.mhi.com/rs/844-MWJ-243/images/link_blank.svg?version=0) no-repeat;
    background-size: contain; }

a.grid-item:hover .grid-item-link {
  color: #e31f26; }

.blank-link {
  position: relative;
  display: inline-block;
  font-weight: 500;
  transition: 0.3s; }
  .blank-link::after {
    width: 18px;
    height: 14px;
    display: inline-block;
    content: "";
    margin-left: 8px;
    background: url(https://lp.mhi.com/rs/844-MWJ-243/images/link_blank.svg?version=0) no-repeat;
    background-size: contain; }
  .blank-link.white-icon::after {
    background: url(../img/link_blank_white.svg) no-repeat; }

.new-icon-green {
  position: relative; }
  .new-icon-green::after {
    position: absolute;
    content: "NEW";
    background: #91AF1E;
    color: #fff;
    border-radius: 50%;
    height: 64px;
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    top: -16px;
    right: -16px; }
    @media (max-width: 991px) {
      .new-icon-green::after {
        top: -12px;
        right: -12px; } }

.linkedin-icon {
  position: relative;
  display: inline-block;
  font-weight: 500;
  transition: 0.3s; }
  .linkedin-icon::before {
    width: 24px;
    height: 24px;
    position: relative;
    top: 2px;
    display: inline-block;
    content: "";
    margin-right: 16px;
    background: url(../img/linkedin-wht.svg) no-repeat;
    background-size: contain; }
    @media (max-width: 480px) {
      .linkedin-icon::before {
        display: block;
        margin: auto;
        margin-bottom: 16px; } }

.icon-good {
  position: relative;
  font-weight: 500;
  transition: 0.3s; }
  .icon-good::after {
    width: 24px;
    height: 24px;
    display: inline-block;
    content: "";
    margin-left: 8px;
    background: url(../img/icon-good.svg) no-repeat;
    background-size: contain; }

.icon-link {
  position: relative;
  font-weight: 500;
  transition: 0.3s;
  padding-left: 24px; }
  .icon-link::before {
    width: 16px;
    height: 16px;
    display: inline-block;
    content: "";
    background: url(../img/icon-link.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 2px;
    left: 0; }

.list-item-rect {
  position: relative;
  display: inline-block;
  font-weight: 500;
  transition: 0.3s;
  padding-left: 24px; }
  .list-item-rect::before {
    content: "";
    width: 8px;
    height: 18px;
    background: #E31F26;
    display: inline-block;
    font-weight: 700;
    position: absolute;
    left: 0px;
    top: 6px; }

.link-width-arrow {
  position: relative;
  display: inline-block;
  font-weight: 500;
  transition: 0.3s; }
  .link-width-arrow:hover {
    color: #e31f26; }
  .link-width-arrow::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 3px solid #e31f26;
    border-right: 3px solid #e31f26;
    display: inline-block;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0px;
    left: 8px;
    margin: auto;
    transform: rotate(45deg); }
  @media (max-width: 991px) {
    .link-width-arrow {
      margin-top: 0; } }
  .link-width-arrow.arrow-blue:hover {
    color: #567783; }
  .link-width-arrow.arrow-blue::after {
    border-top: 3px solid #567783;
    border-right: 3px solid #567783; }
  .link-width-arrow.arrow-black:hover {
    color: #333; }
  .link-width-arrow.arrow-black::after {
    border-top: 3px solid #333;
    border-right: 3px solid #333; }
  .link-width-arrow.arrow-white:hover {
    color: #fff; }
  .link-width-arrow.arrow-white::after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff; }
  .link-width-arrow.angle-45::after {
    left: 8px;
    top: 2px;
    transform: rotate(-45deg);
    transform-origin: center; }
  .link-width-arrow.angle-135::after {
    transform: rotate(135deg);
    left: 10px;
    top: -3px; }

.contact-link .link-width-arrow::after {
  width: 9px;
  height: 9px;
  right: 0px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff; }

.video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  z-index: 0; }
  .video-wrapper .video-inner,
  .video-wrapper .video-js {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }
    .video-wrapper .video-inner iframe,
    .video-wrapper .video-js iframe {
      display: block;
      width: 100%;
      height: 100%; }
    .video-wrapper .video-inner .vjs-big-play-button,
    .video-wrapper .video-js .vjs-big-play-button {
      width: 100%;
      height: 100%;
      background: none;
      border: none;
      border-radius: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0; }
      .video-wrapper .video-inner .vjs-big-play-button .vjs-icon-placeholder,
      .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder {
        transition: 0.3s;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background: #b4c6cc;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        border: none; }
        .video-wrapper .video-inner .vjs-big-play-button .vjs-icon-placeholder::before,
        .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
          content: "" !important;
          width: 31.19px;
          height: 32px;
          background: url(../img/play-btn.svg) no-repeat;
          background-position: center;
          background-size: cover;
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          left: 0px;
          margin: auto; }
      .video-wrapper .video-inner .vjs-big-play-button:hover .vjs-icon-placeholder,
      .video-wrapper .video-js .vjs-big-play-button:hover .vjs-icon-placeholder {
        background: #82a0aa; }

@-webkit-keyframes youtubeButton {
  0% {
    ::after {
      background: #B4C6CC;
      transform: translateY(0px); }
    ::before {
      background: #B4C6CC;
      transform: translateY(0px); } }
  50% {
    ::after {
      background: #B4C6CC;
      transform: translateY(75px); }
    ::before {
      background: #B4C6CC;
      transform: translateY(0px); } }
  100% {
    ::after {
      background: #000;
      transform: translateY(75px); }
    ::before {
      background: #000;
      transform: translateY(-75px); } } }

@keyframes youtubeButton {
  0% {
    ::after {
      background: #B4C6CC;
      transform: translateY(0px); }
    ::before {
      background: #B4C6CC;
      transform: translateY(0px); } }
  50% {
    ::after {
      background: #B4C6CC;
      transform: translateY(75px); }
    ::before {
      background: #B4C6CC;
      transform: translateY(0px); } }
  100% {
    ::after {
      background: #000;
      transform: translateY(75px); }
    ::before {
      background: #000;
      transform: translateY(-75px); } } }

@-webkit-keyframes youtubeButtonRight {
  0% {
    background: #B4C6CC;
    transform: translateY(0px); }
  50% {
    background: #B4C6CC;
    transform: translateY(75px); }
  100% {
    background: #B4C6CC;
    transform: translateY(75px); } }

@keyframes youtubeButtonRight {
  0% {
    background: #B4C6CC;
    transform: translateY(0px); }
  50% {
    background: #B4C6CC;
    transform: translateY(75px); }
  100% {
    background: #B4C6CC;
    transform: translateY(75px); } }

@-webkit-keyframes youtubeButtonLeft {
  0% {
    background: #B4C6CC;
    transform: translateY(0px); }
  50% {
    background: #B4C6CC;
    transform: translateY(0px); }
  100% {
    background: #B4C6CC;
    transform: translateY(-75px); } }

@keyframes youtubeButtonLeft {
  0% {
    background: #B4C6CC;
    transform: translateY(0px); }
  50% {
    background: #B4C6CC;
    transform: translateY(0px); }
  100% {
    background: #B4C6CC;
    transform: translateY(-75px); } }

.video-inner {
  position: relative; }
  .video-inner .mhiYoutubeThumb {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: 100% auto; }
    .video-inner .mhiYoutubeThumb .mhiYoutubePlay {
      opacity: 1;
      background: #B4C6CC;
      border-radius: 50%;
      overflow: hidden;
      width: 75px;
      height: 75px;
      position: absolute;
      z-index: 1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      transition: 0.3s ease; }
      .video-inner .mhiYoutubeThumb .mhiYoutubePlay::before {
        content: "";
        background: url(../img/icon_playmovie_01.svg) no-repeat;
        background-size: contain;
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0;
        left: 50%;
        right: 0;
        margin: auto;
        vertical-align: middle;
        box-sizing: border-box;
        margin-left: -7px;
        width: 18px;
        height: 23px; }
      .video-inner .mhiYoutubeThumb .mhiYoutubePlay .mhiYoutubeLoading {
        color: #fff;
        text-indent: -99999em;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        width: 75px;
        height: 75px;
        box-shadow: inset 0 0 0 2px;
        transform: translateZ(0);
        border-radius: 50%; }
        .video-inner .mhiYoutubeThumb .mhiYoutubePlay .mhiYoutubeLoading::after {
          position: absolute;
          content: "";
          width: 37.5px;
          height: 75px;
          border-radius: 0 75px 75px 0;
          top: 0;
          left: 37.5px;
          transform-origin: 0px 35px;
          transform: rotate(0deg); }
        .video-inner .mhiYoutubeThumb .mhiYoutubePlay .mhiYoutubeLoading::before {
          position: absolute;
          content: "";
          width: 37.5px;
          height: 75px;
          border-radius: 75px 0 0 75px;
          top: 0;
          left: 0;
          transform-origin: 0 0;
          transform: rotate(0); }
    .video-inner .mhiYoutubeThumb:hover .mhiYoutubeLoading::after {
      -webkit-animation: 0.25s youtubeButtonRight;
              animation: 0.25s youtubeButtonRight; }
    .video-inner .mhiYoutubeThumb:hover .mhiYoutubeLoading::before {
      -webkit-animation: 0.25s youtubeButtonLeft;
              animation: 0.25s youtubeButtonLeft; }

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box; }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none; }
  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px; }

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none; }

textarea {
  resize: vertical; }

input[type="checkbox"],
input[type="radio"] {
  display: none; }

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

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

.fs-20 {
  font-size: 20px !important; }
  @media (max-width: 480px) {
    .fs-20 {
      font-size: 16px !important; } }

.fs-24 {
  font-size: 24px !important; }
  @media (max-width: 480px) {
    .fs-24 {
      font-size: 24px !important; } }

.fs-52 {
  font-size: 52px !important; }
  @media (max-width: 480px) {
    .fs-52 {
      font-size: 32px !important; } }

.fs-28 {
  font-size: 28px !important; }
  @media (max-width: 480px) {
    .fs-28 {
      font-size: 24px !important; } }

.fs-30 {
  font-size: 30px !important; }

.fs-30-26 {
  font-size: 30px !important; }
  @media (max-width: 480px) {
    .fs-30-26 {
      font-size: 26px !important; } }

.fs-36 {
  font-size: 36px !important; }
  @media (max-width: 480px) {
    .fs-36 {
      font-size: 32px !important; } }

.fs-28-32 {
  font-size: 28px !important; }
  @media (max-width: 480px) {
    .fs-28-32 {
      font-size: 32px !important; } }

.fs-24-18 {
  font-size: 24px !important; }
  @media (max-width: 480px) {
    .fs-24-18 {
      font-size: 18px !important; } }

.fw-Regular {
  font-weight: 400 !important; }

.fw-Medium {
  font-weight: 500 !important; }

.fw-bold {
  font-weight: 700 !important; }

.mb-8 {
  margin-bottom: 8px; }

.mb-16 {
  margin-bottom: 16px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-24 {
  margin-bottom: 24px; }

.mb-28 {
  margin-bottom: 28px; }

.mb-32 {
  margin-bottom: 32px; }
  @media (max-width: 480px) {
    .mb-32 {
      margin-bottom: 24px; } }

.mb-40 {
  margin-bottom: 40px; }
  @media (max-width: 480px) {
    .mb-40 {
      margin-bottom: 32px; } }

.mb-48 {
  margin-bottom: 48px; }
  @media (max-width: 480px) {
    .mb-48 {
      margin-bottom: 40px; } }

.mb-56 {
  margin-bottom: 56px; }
  @media (max-width: 480px) {
    .mb-56 {
      margin-bottom: 40px; } }

.mb-64 {
  margin-bottom: 64px; }
  @media (max-width: 480px) {
    .mb-64 {
      margin-bottom: 56px; } }

.mb-80 {
  margin-bottom: 80px; }
  @media (max-width: 480px) {
    .mb-80 {
      margin-bottom: 64px; } }

.mb-104 {
  margin-bottom: 104px; }
  @media (max-width: 480px) {
    .mb-104 {
      margin-bottom: 80px; } }

.mb-120 {
  margin-bottom: 120px; }
  @media (max-width: 480px) {
    .mb-120 {
      margin-bottom: 80px; } }

.mt-8 {
  margin-top: 8px; }

.mt-16 {
  margin-top: 16px; }

.mt-24 {
  margin-top: 24px; }

.mt-32 {
  margin-top: 32px; }
  @media (max-width: 480px) {
    .mt-32 {
      margin-top: 24px; } }

.mt-40 {
  margin-top: 40px; }
  @media (max-width: 480px) {
    .mt-40 {
      margin-top: 32px; } }

.mt-56 {
  margin-top: 56px; }
  @media (max-width: 480px) {
    .mt-56 {
      margin-top: 40px; } }

.mt-64 {
  margin-top: 64px; }
  @media (max-width: 480px) {
    .mt-64 {
      margin-top: 56px; } }

.mt-80 {
  margin-top: 80px; }
  @media (max-width: 480px) {
    .mt-80 {
      margin-top: 64px; } }

.mt-104 {
  margin-top: 104px; }
  @media (max-width: 480px) {
    .mt-104 {
      margin-top: 80px; } }

.mt-120 {
  margin-top: 120px; }
  @media (max-width: 480px) {
    .mt-120 {
      margin-top: 80px; } }

.pt-8 {
  padding-top: 8px; }

.pt-16 {
  padding-top: 16px; }

.pt-24 {
  padding-top: 24px; }

.pt-32 {
  padding-top: 32px; }
  @media (max-width: 480px) {
    .pt-32 {
      padding-top: 24px; } }

.pt-40 {
  padding-top: 40px; }
  @media (max-width: 480px) {
    .pt-40 {
      padding-top: 32px; } }

.pt-48 {
  padding-top: 48px; }
  @media (max-width: 480px) {
    .pt-48 {
      padding-top: 40px; } }

.pt-56 {
  padding-top: 56px; }
  @media (max-width: 480px) {
    .pt-56 {
      padding-top: 40px; } }

.pt-64 {
  padding-top: 64px; }
  @media (max-width: 480px) {
    .pt-64 {
      padding-top: 56px; } }

.pt-80 {
  padding-top: 80px; }
  @media (max-width: 480px) {
    .pt-80 {
      padding-top: 64px; } }

.pt-104 {
  padding-top: 104px; }
  @media (max-width: 480px) {
    .pt-104 {
      padding-top: 80px; } }

.pt-120 {
  padding-top: 120px; }
  @media (max-width: 480px) {
    .pt-120 {
      padding-top: 80px; } }

*
.pb-8 {
  padding-bottom: 8px; }

.pb-16 {
  padding-bottom: 16px; }

.pb-24 {
  padding-bottom: 24px; }

.pb-32 {
  padding-bottom: 32px; }
  @media (max-width: 480px) {
    .pb-32 {
      padding-bottom: 24px; } }

.pb-40 {
  padding-bottom: 40px; }
  @media (max-width: 480px) {
    .pb-40 {
      padding-bottom: 32px; } }

.pb-56 {
  padding-bottom: 56px; }
  @media (max-width: 480px) {
    .pb-56 {
      padding-bottom: 40px; } }

.pb-64 {
  padding-bottom: 64px; }
  @media (max-width: 480px) {
    .pb-64 {
      padding-bottom: 56px; } }

.pb-80 {
  padding-bottom: 80px; }
  @media (max-width: 480px) {
    .pb-80 {
      padding-bottom: 64px; } }

.pb-104 {
  padding-bottom: 104px; }
  @media (max-width: 480px) {
    .pb-104 {
      padding-bottom: 80px; } }

.pb-120 {
  padding-bottom: 120px; }
  @media (max-width: 480px) {
    .pb-120 {
      padding-bottom: 80px; } }

*
.mr-8 {
  margin-right: 8px; }

.mr-16 {
  margin-right: 16px; }

.mr-24 {
  margin-right: 24px; }

.mr-32 {
  margin-right: 32px; }
  @media (max-width: 480px) {
    .mr-32 {
      margin-right: 24px; } }

.mr-40 {
  margin-right: 40px; }
  @media (max-width: 480px) {
    .mr-40 {
      margin-right: 32px; } }

.mr-56 {
  margin-right: 56px; }
  @media (max-width: 480px) {
    .mr-56 {
      margin-right: 40px; } }

.mr-64 {
  margin-right: 64px; }
  @media (max-width: 480px) {
    .mr-64 {
      margin-right: 56px; } }

.mr-80 {
  margin-right: 80px; }
  @media (max-width: 480px) {
    .mr-80 {
      margin-right: 64px; } }

.mr-104 {
  margin-right: 104px; }
  @media (max-width: 480px) {
    .mr-104 {
      margin-right: 80px; } }

.mr-120 {
  margin-right: 120px; }
  @media (max-width: 480px) {
    .mr-120 {
      margin-right: 80px; } }

.ml-8 {
  margin-left: 8px; }

.ml-16 {
  margin-left: 16px; }

.ml-24 {
  margin-left: 24px; }

.ml-32 {
  margin-left: 32px; }
  @media (max-width: 480px) {
    .ml-32 {
      margin-left: 24px; } }

.ml-40 {
  margin-left: 40px; }
  @media (max-width: 480px) {
    .ml-40 {
      margin-left: 32px; } }

.ml-56 {
  margin-left: 56px; }
  @media (max-width: 480px) {
    .ml-56 {
      margin-left: 40px; } }

.ml-64 {
  margin-left: 64px; }
  @media (max-width: 480px) {
    .ml-64 {
      margin-left: 56px; } }

.ml-80 {
  margin-left: 80px; }
  @media (max-width: 480px) {
    .ml-80 {
      margin-left: 64px; } }

.ml-104 {
  margin-left: 104px; }
  @media (max-width: 480px) {
    .ml-104 {
      margin-left: 80px; } }

.ml-120 {
  margin-left: 120px; }
  @media (max-width: 480px) {
    .ml-120 {
      margin-left: 80px; } }

.pt-100 {
  padding-top: 100px; }
  @media (max-width: 480px) {
    .pt-100 {
      padding-top: 80px; } }

.pb-100 {
  padding-bottom: 100px; }
  @media (max-width: 480px) {
    .pb-100 {
      padding-bottom: 80px; } }

.pb-100 {
  padding-bottom: 100px; }
  @media (max-width: 480px) {
    .pb-100 {
      padding-bottom: 80px; } }

.pb-56 {
  padding-bottom: 56px; }
  @media (max-width: 480px) {
    .pb-56 {
      padding-bottom: 40px; } }

.click-area {
  cursor: pointer; }

.c-white {
  color: #fff; }

.c-gray {
  color: #666666 !important; }

.al-center {
  text-align: center; }

.ai-center {
  align-items: center; }

.al-left {
  text-align: left; }

.al-right {
  text-align: right; }

.flex-row {
  display: flex;
  flex-flow: column; }

.flex-row-rev {
  display: flex;
  flex-flow: column-reverse; }

.br-8 {
  overflow: hidden;
  border-radius: 8px; }

.br-circle {
  overflow: hidden;
  border-radius: 50%; }

.grid-item-cat {
  font-size: 18px;
  color: #567783;
  font-weight: 500; }
  .grid-item-cat.fc-lightPurple {
    color: #af235f; }
  .grid-item-cat.fc-black70 {
    color: #666666; }

.grid-item-title {
  font-size: 28px;
  color: #333;
  font-weight: 400; }

.grid-item-text {
  font-size: 18px;
  color: #333;
  font-weight: 100; }
  .grid-item-text.fw-Regular {
    font-weight: 400; }

.grid-item-link {
  font-size: 18px;
  color: #333;
  font-weight: 500; }

.grid-item-mid-text {
  font-size: 24px;
  color: #333333; }

.grid-item-att-text {
  font-size: 18px;
  color: #666666; }
  .grid-item-att-text.fw-Regular {
    font-weight: 400; }

.f-shadow {
  text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2); }

.bg-db {
  background: #223F4B;
  color: #fff; }

.bg-blue {
  background: #64AFD2;
  color: #fff; }

.bg-white {
  background: #fff; }

.pd-tb-24 {
  box-sizing: border-box;
  padding: 24px 40px; }
  @media (max-width: 480px) {
    .pd-tb-24 {
      padding: 16px 16px; } }

.pd-80-24 {
  box-sizing: border-box;
  padding: 80px 24px; }
  @media (max-width: 480px) {
    .pd-80-24 {
      padding: 56px 16px; } }

.pd-trbl-40 {
  box-sizing: border-box;
  padding: 40px 40px; }
  @media (max-width: 480px) {
    .pd-trbl-40 {
      padding: 32px 32px; } }

.pd-trbl-56 {
  box-sizing: border-box;
  padding: 56px 56px; }
  @media (max-width: 480px) {
    .pd-trbl-56 {
      padding: 40px 40px; } }

.pr-40-0 {
  box-sizing: border-box;
  padding: 0 40px 0 0; }
  @media (max-width: 480px) {
    .pr-40-0 {
      padding: 0 0 0 0; } }

.section-scroll_table-area {
  width: 100%;
  overflow-y: scroll;
  margin: 0 auto;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */ }
  @media (max-width: 991px) {
    .section-scroll_table-area {
      width: calc(100% + 32px);
      overflow-y: scroll;
      margin: 0 auto;
      -ms-overflow-style: none;
      scrollbar-width: none;
      padding: 0px;
      position: relative;
      left: -16px; } }
  @media (max-width: 856px) {
    .section-scroll_table-area {
      padding: 0 0 0 16px; } }
  .section-scroll_table-area::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none; }
  .section-scroll_table-area .scroll_table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-right: 16px;
    position: relative;
    width: 100%; }
    @media (max-width: 856px) {
      .section-scroll_table-area .scroll_table::after {
        position: absolute;
        top: 0;
        left: 100%;
        width: 16px;
        height: 1px;
        content: ''; } }
    .section-scroll_table-area .scroll_table thead tr th {
      min-width: 176px;
      text-align: left;
      padding: 8px 8px 16px;
      font-weight: 500;
      border-bottom: solid 1px #cccccc;
      vertical-align: top;
      color: #333333; }
      @media (max-width: 991px) {
        .section-scroll_table-area .scroll_table thead tr th {
          padding-left: 8px; } }
    .section-scroll_table-area .scroll_table tbody tr td {
      min-width: 176px;
      text-align: left;
      padding: 24px 8px 18px;
      border-bottom: solid 1px #cccccc;
      font-weight: 100;
      color: #333333; }
      @media (max-width: 991px) {
        .section-scroll_table-area .scroll_table tbody tr td {
          padding-left: 8px; } }

.section-reflow_table-area {
  width: 100%;
  margin: 0 auto; }
  .section-reflow_table-area .reflow_table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-right: 16px;
    position: relative;
    width: 100%; }
    .section-reflow_table-area .reflow_table tr th {
      min-width: 176px;
      text-align: left;
      padding: 8px 8px 16px;
      font-weight: 500;
      border-bottom: solid 1px #cccccc;
      vertical-align: top;
      box-sizing: border-box; }
    .section-reflow_table-area .reflow_table tr td {
      min-width: 176px;
      text-align: left;
      padding: 24px 8px 18px;
      border-bottom: solid 1px #cccccc;
      font-weight: 100;
      box-sizing: border-box; }
  @media (max-width: 480px) {
    .section-reflow_table-area .reflow_table tr {
      padding-bottom: 16px; }
      .section-reflow_table-area .reflow_table tr th {
        border: none;
        width: 100%;
        display: block;
        padding: 0 0 16px; }
      .section-reflow_table-area .reflow_table tr td {
        width: 100%;
        display: block;
        vertical-align: top;
        border: none;
        padding: 0 0 24px; }
        .section-reflow_table-area .reflow_table tr td.last-cel {
          padding: 0 0 40px; } }

.red-att-head {
  color: #e31f26;
  margin-right: 8px; }

.red-att {
  color: #e31f26;
  margin-left: 8px; }

.grid-item-03 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 32px 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 32px; }

.grid-item-03 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.grid-item-03 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }

.grid-item-03 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }

.grid-item-03 > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1; }

.grid-item-03 > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3; }

.grid-item-03 > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5; }
  @media (max-width: 480px) {
    .grid-item-03 {
      grid-gap: 24px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr; }
    .grid-item-03 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .grid-item-03 > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
    .grid-item-03 > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
    .grid-item-03 > *:nth-child(4) {
    -ms-grid-row: 7;
    -ms-grid-column: 1; }
    .grid-item-03 > *:nth-child(5) {
    -ms-grid-row: 9;
    -ms-grid-column: 1; } }

.grid-item-02 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-gap: 40px; }

.grid-item-02 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.grid-item-02 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  @media (max-width: 480px) {
    .grid-item-02 {
      grid-gap: 24px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr 24px 1fr;
      grid-template-rows: 1fr 1fr; }
    .grid-item-02 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .grid-item-02 > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; } }

.mhi_form_check {
  position: relative;
  display: inline-block !important;
  width: 32px;
  height: 32px;
  margin-right: 16px; }
  .mhi_form_check::before {
    width: 32px;
    height: 32px;
    position: relative;
    display: inline-block;
    border: 1px solid #567783;
    border-radius: 4px;
    content: "";
    margin-right: 8px;
    display: flex;
    align-items: center; }
  .mhi_form_check:checked::after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 1px;
    width: 18px;
    height: 18px;
    right: 0px;
    background: #567783;
    margin: auto;
    bottom: 0; }

.mhi_form_textarea::-moz-placeholder {
  color: #9BB3BB; }

.mhi_form_textarea:-ms-input-placeholder {
  color: #9BB3BB; }

.mhi_form_textarea::placeholder {
  color: #9BB3BB; }

.mhi_form_text, .mhi_form_select, .mhi_form_textarea {
  display: block !important;
  width: 100%;
  border: 1px solid #567783;
  box-sizing: border-box;
  padding: 18px 24px;
  color: #9BB3BB; }
  .mhi_form_text::-moz-placeholder, .mhi_form_select::-moz-placeholder, .mhi_form_textarea::-moz-placeholder {
    color: #9BB3BB; }
  .mhi_form_text:-ms-input-placeholder, .mhi_form_select:-ms-input-placeholder, .mhi_form_textarea:-ms-input-placeholder {
    color: #9BB3BB; }
  .mhi_form_text::placeholder, .mhi_form_select::placeholder, .mhi_form_textarea::placeholder {
    color: #9BB3BB; }

.select-wrap {
  position: relative; }
  .select-wrap::before {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 2px solid #9BB3BB;
    border-right: 2px solid #9BB3BB;
    transform: rotate(135deg); }

.flex-center {
  display: flex;
  align-items: center; }

.flex-form {
  display: flex;
  align-items: flex-start;
  padding-top: 8px; }
  .flex-form .mhi_form_check {
    top: -8px; }

@media (max-width: 480px) {
  .mxh-269px {
    max-height: 269px; } }

.mhi_form_button {
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 16px 0;
  font-weight: 500;
  font-size: 24px;
  position: relative;
  width: 90%;
  transition: .3s; }
  .mhi_form_button.c-lb {
    background: #64afd2; }
  .mhi_form_button.w-320 {
    max-width: 320px; }
  .mhi_form_button .w-text {
    color: #fff; }
  .mhi_form_button .w-arrow {
    position: relative; }
    .mhi_form_button .w-arrow::after {
      content: "";
      display: inline-block;
      position: absolute;
      top: 0;
      bottom: 0px;
      right: -16px;
      margin: auto;
      width: 8px;
      height: 8px;
      border-top: 3px solid #fff;
      border-right: 3px solid #fff;
      transform: rotate(45deg); }
  .mhi_form_button .r-arrow-reverse {
    position: relative; }
    .mhi_form_button .r-arrow-reverse::after {
      content: "";
      display: inline-block;
      position: absolute;
      top: 0;
      bottom: 0px;
      left: -16px;
      margin: auto;
      width: 8px;
      height: 8px;
      border-top: 3px solid #e31f26;
      border-right: 3px solid #e31f26;
      transform: rotate(-135deg); }
  .mhi_form_button.unchecked {
    pointer-events: none;
    background: #CCCCCC; }

.confirm-text {
  display: block; }

.mhi_form .mhi_form_label .arr-msg {
  display: none; }

.mhi_form .mhi_form_label.err-show .mhi_form_text,
.mhi_form .mhi_form_label.err-show .mhi_form_textarea,
.mhi_form .mhi_form_label.err-show .mhi_form_select {
  background: #FFFAFA;
  border: 1px solid #e31f26; }

.mhi_form .mhi_form_label.err-show .mhi_form_check::before {
  border: 1px solid #e31f26; }

.mhi_form .mhi_form_label.err-show .arr-msg {
  display: block;
  color: #e31f26; }

.mhi_form .mhi_form_label.flex-form .arr-msg {
  width: 100%; }

.border-blue {
  border: solid 1px #82A0AA; }

.blue-ttl {
  padding: 40px 0; }
  @media (max-width: 480px) {
    .blue-ttl {
      padding: 32px 0; } }

.ly_block {
  display: block; }

.title-search {
  background: #F3F6F7;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (max-width: 991px) {
    .title-search {
      padding-top: 32px;
      padding-bottom: 32px; } }

#probo {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  padding-bottom: 88px; }
  @media (max-width: 991px) {
    #probo {
      padding: 0 0 96px;
      box-sizing: border-box; } }
  #probo .pbox-count-selector,
  #probo .pbox-related,
  #probo .pbox-recommend,
  #probo .pbox-pagenav,
  #probo ._pbox-refine-2,
  #probo ._pbox-refine-1,
  #probo .pbox-searchresult,
  #probo .pbox-pagenav {
    max-width: 856px;
    width: 100%;
    margin: auto; }
    @media (max-width: 856px) {
      #probo .pbox-count-selector,
      #probo .pbox-related,
      #probo .pbox-recommend,
      #probo .pbox-pagenav,
      #probo ._pbox-refine-2,
      #probo ._pbox-refine-1,
      #probo .pbox-searchresult,
      #probo .pbox-pagenav {
        padding: 0 54px 0;
        box-sizing: border-box; } }
  @media (max-width: 856px) and (max-width: 991px) {
    #probo .pbox-count-selector,
    #probo .pbox-related,
    #probo .pbox-recommend,
    #probo .pbox-pagenav,
    #probo ._pbox-refine-2,
    #probo ._pbox-refine-1,
    #probo .pbox-searchresult,
    #probo .pbox-pagenav {
      padding: 0 16px 0;
      box-sizing: border-box; } }
  #probo .pbox-pagenav {
    padding: 0 !important; }
  #probo ._pbox-refine-2 ._title {
    margin-right: 24px !important; }
  @media (max-width: 480px) {
    #probo ._pbox-refine-2 {
      margin-bottom: 32px; } }
  #probo ._pbox-count-selector, #probo ._id {
    display: none; }
  #probo .pbox-search-status {
    max-width: 856px;
    width: 100%;
    margin: auto; }
  #probo form {
    max-width: 856px;
    width: 100%;
    margin: 32px auto 0;
    position: relative; }
    @media (max-width: 856px) {
      #probo form {
        padding: 0 54px 0;
        box-sizing: border-box; } }
  @media (max-width: 856px) and (max-width: 991px) {
    #probo form {
      padding: 0 16px 0;
      box-sizing: border-box; } }
  @media (max-width: 856px) and (max-width: 480px) {
    #probo form {
      padding: 0;
      margin-top: 0; } }
    #probo form .header {
      display: none; }
    #probo form .search-icon:before {
      cursor: pointer;
      pointer-events: none;
      content: "";
      display: block;
      position: absolute;
      right: 16px;
      top: 0;
      width: 32px;
      height: 32px;
      background: url(../img/logo-search.svg) no-repeat;
      background-size: cover;
      z-index: 1;
      transition: .3s; }
      #probo form .search-icon:before:hover {
        background: url(../img/logo-search_flip.svg) no-repeat; }
      @media (max-width: 856px) {
        #probo form .search-icon:before {
          right: 32px; } }
      @media (max-width: 480px) {
        #probo form .search-icon:before {
          width: 24px;
          height: 24px;
          top: 24px;
          right: 24px; } }
    #probo form .search-icon:hover:before {
      cursor: pointer;
      pointer-events: none;
      content: "";
      display: block;
      position: absolute;
      right: 16px;
      top: 0;
      width: 32px;
      height: 32px;
      background: url(../img/logo-search_flip.svg) no-repeat;
      background-size: cover;
      z-index: 1;
      transition: .3s; }
      @media (max-width: 856px) {
        #probo form .search-icon:hover:before {
          right: 32px; } }
      @media (max-width: 480px) {
        #probo form .search-icon:hover:before {
          width: 24px;
          height: 24px;
          top: 24px;
          right: 24px; } }
    #probo form > div:first-child {
      position: relative; }
      #probo form > div:first-child:after {
        left: 0;
        right: 0;
        content: "";
        height: 1px;
        background: #333333;
        max-width: 856px;
        width: 100%;
        margin: auto;
        display: block;
        margin-bottom: 40px;
        box-sizing: border-box; }
        @media (max-width: 480px) {
          #probo form > div:first-child:after {
            display: none; } }
    #probo form input[type="submit"] {
      position: absolute;
      top: 0;
      right: 16px;
      content: "";
      color: #fff0;
      width: 32px;
      z-index: 1;
      height: 45.3px;
      display: block; }
      @media (max-width: 480px) {
        #probo form input[type="submit"] {
          height: 72px; } }
    #probo form .pbox-refine-2 {
      position: relative; }
    #probo form #q {
      height: 45.3px;
      width: 100%;
      padding-left: 16px;
      padding-top: 8px;
      padding-right: 7%;
      position: relative;
      font-size: 18px;
      font-weight: 400;
      color: #333333;
      box-sizing: border-box; }
      @media (max-width: 480px) {
        #probo form #q {
          background: #E6ECEE;
          padding-top: 24px;
          padding-bottom: 24px;
          padding-right: 17%;
          height: 72px;
          margin-bottom: 32px; } }

._pbox-search-status {
  text-align: center;
  padding: 80px 0;
  font-size: 36px;
  font-weight: 400; }
  @media (max-width: 480px) {
    ._pbox-search-status {
      padding: 48px 0 64px; } }

._pbox-refine-2,
._pbox-refine-1,
._pbox-sort-selector,
._pbox-refine-2 li,
._pbox-refine-1 li,
._pbox-sort-selector li,
._pbox-refine-2 a,
._pbox-refine-1 a,
._pbox-sort-selector a {
  font-size: 18px !important;
  font-weight: 100 !important;
  color: #3C5D69 !important; }

@media (max-width: 991px) {
  .pbox-refine-2 {
    margin-bottom: 16px; } }

._pbox-refine-2,
._pbox-refine-1,
._pbox-sort-selector ._sorts {
  display: flex;
  align-items: center; }
  ._pbox-refine-2 ._title,
  ._pbox-refine-1 ._title,
  ._pbox-sort-selector ._sorts ._title {
    padding: 0 0 0; }
    @media (max-width: 991px) {
      ._pbox-refine-2 ._title,
      ._pbox-refine-1 ._title,
      ._pbox-sort-selector ._sorts ._title {
        padding: 0 0 16px; } }
  ._pbox-refine-2 ._refs,
  ._pbox-refine-1 ._refs,
  ._pbox-sort-selector ._sorts ._refs {
    display: flex;
    padding: 0 0 0; }
    @media (max-width: 991px) {
      ._pbox-refine-2 ._refs,
      ._pbox-refine-1 ._refs,
      ._pbox-sort-selector ._sorts ._refs {
        padding: 0 0 16px; } }
    ._pbox-refine-2 ._refs li:not(:last-child),
    ._pbox-refine-1 ._refs li:not(:last-child),
    ._pbox-sort-selector ._sorts ._refs li:not(:last-child) {
      margin-right: 24px; }
  ._pbox-refine-2 ._sort,
  ._pbox-refine-1 ._sort,
  ._pbox-sort-selector ._sorts ._sort {
    padding: 0 0 0; }
    @media (max-width: 991px) {
      ._pbox-refine-2 ._sort,
      ._pbox-refine-1 ._sort,
      ._pbox-sort-selector ._sorts ._sort {
        padding: 0 0 16px; } }
  @media (max-width: 480px) {
    ._pbox-refine-2,
    ._pbox-refine-1,
    ._pbox-sort-selector ._sorts {
      flex-wrap: wrap;
      height: auto;
      margin-bottom: 32px; } }

#probo ._pbox-refine-2 {
  margin-bottom: 0 !important; }

@media (max-width: 480px) {
  ._pbox-sort-selector ._sorts {
    margin-bottom: 0px; } }

._pbox-sort-selector {
  max-width: 856px;
  width: 100%;
  margin: auto; }
  @media (max-width: 856px) {
    ._pbox-sort-selector {
      padding: 0 54px 0;
      box-sizing: border-box; } }
  @media (max-width: 856px) and (max-width: 991px) {
    ._pbox-sort-selector {
      padding: 0 16px 0;
      box-sizing: border-box; } }
  ._pbox-sort-selector ._sorts dt {
    margin-right: 24px !important; }
  ._pbox-sort-selector ._sorts dd {
    color: #333;
    font-weight: 100; }
    ._pbox-sort-selector ._sorts dd a {
      color: #333 !important;
      display: inline-block;
      border-bottom: 1px solid #3C5D69; }
    ._pbox-sort-selector ._sorts dd:not(:last-child) {
      margin-right: 40px; }
    ._pbox-sort-selector ._sorts dd._selected {
      font-weight: 500; }

._ref > label {
  display: flex;
  align-items: center; }

._ref > label .check {
  position: relative;
  display: inline-block !important;
  width: 32px;
  height: 32px;
  margin-right: 16px; }
  ._ref > label .check::before {
    width: 32px;
    height: 32px;
    position: relative;
    display: inline-block;
    border: 1px solid #567783;
    border-radius: 4px;
    content: "";
    margin-right: 8px;
    display: flex;
    align-items: center; }
  ._ref > label .check:checked::after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 1px;
    width: 18px;
    height: 18px;
    right: 0px;
    background: #567783;
    margin: auto;
    bottom: 0; }

._pbox-pagenav {
  text-align: center;
  margin-top: 40px; }
  ._pbox-pagenav ._navs span._page {
    padding: 2px 12px;
    border-bottom: 1px solid #567783;
    display: inline-block;
    font-weight: 100;
    font-size: 18px;
    margin: 0 4px; }
    ._pbox-pagenav ._navs span._page a {
      font-weight: 100;
      font-size: 18px; }
  ._pbox-pagenav ._navs span._prev, ._pbox-pagenav ._navs span._next {
    padding: 2px 12px;
    display: inline-block;
    font-weight: 100;
    font-size: 18px;
    margin: 0 4px; }
    ._pbox-pagenav ._navs span._prev a, ._pbox-pagenav ._navs span._next a {
      font-weight: 100;
      font-size: 18px; }
  ._pbox-pagenav ._navs span._noanc {
    border-bottom: 0; }
  ._pbox-pagenav ._navs span._cur {
    font-weight: 500;
    border-bottom: 5px solid #fff; }
    _::-webkit-full-page-media, _:future, :root ._pbox-pagenav ._navs span._cur {
      border-bottom: 3px solid #fff; }

@-moz-document url-prefix() {
  ._pbox-pagenav ._navs span._cur {
    border-bottom: 2px solid #fff; } }
    @media (max-width: 480px) {
      ._pbox-pagenav ._navs span._cur {
        border-bottom: 4px solid #fff; }
        _::-webkit-full-page-media, _:future, :root ._pbox-pagenav ._navs span._cur {
          border-bottom: 4px solid #fff; }
      @-moz-document url-prefix() {
        ._pbox-pagenav ._navs span._cur {
          border-bottom: 2px solid #fff; } } }
  @media (max-width: 480px) {
    ._pbox-pagenav {
      width: 100%;
      box-sizing: border-box;
      margin: 64px auto 0; }
      ._pbox-pagenav ._navs {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap; } }

._pbox-searchresult {
  border-top: 1px solid #CCCCCC;
  overflow-wrap: anywhere;
  padding: 0 0 0; }
  ._pbox-searchresult ._record {
    padding: 32px 0 32px;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden; }
    ._pbox-searchresult ._record a:hover {
      transition: .3s;
      color: #E31F26; }
    ._pbox-searchresult ._record ._thumb {
      float: left;
      margin-right: 24px;
      width: 200px; }
      ._pbox-searchresult ._record ._thumb img {
        width: 100%;
        display: block; }
    ._pbox-searchresult ._record ._title {
      margin-bottom: 24px;
      width: 100%;
      max-width: 632px;
      margin-left: auto; }
      ._pbox-searchresult ._record ._title a {
        font-size: 24px;
        font-weight: 400; }
    ._pbox-searchresult ._record ._url {
      width: 100%;
      max-width: 632px;
      margin-left: auto; }
      ._pbox-searchresult ._record ._url a {
        font-size: 18px;
        font-weight: 100; }
    ._pbox-searchresult ._record ._nearby {
      padding-top: 32px;
      clear: both;
      font-size: 16px;
      line-height: 1.4em;
      color: #333;
      font-weight: 100; }
      ._pbox-searchresult ._record ._nearby em {
        font-weight: 700;
        font-family: "DIN Next LT W01", Arial, Helvetica, sans-serif;
        font-style: normal; }
  @media (max-width: 480px) {
    ._pbox-searchresult {
      padding: 0 0 32px; }
      ._pbox-searchresult ._record {
        padding: 32px 0 32px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center; }
        ._pbox-searchresult ._record ._nearby {
          display: none; }
        ._pbox-searchresult ._record ._thumb {
          margin-right: 0;
          margin-bottom: 32px; }
        ._pbox-searchresult ._record ._title {
          clear: both;
          margin-bottom: 16px; } }

.pbox-refine-1 {
  display: none !important; }

.probo-filter-cont {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 991px) {
    .probo-filter-cont {
      flex-flow: column; } }
  .probo-filter-cont .pbox-sort-selector {
    margin-left: 72px; }
    @media (max-width: 991px) {
      .probo-filter-cont .pbox-sort-selector {
        margin-left: 0; } }

#proboOverlay {
  display: none !important; }

._next,
._prev {
  position: relative; }
  ._next::after,
  ._prev::after {
    content: "";
    background: #82A0AA url(../img/arrow-base.svg) no-repeat;
    display: block;
    height: 28px;
    width: 28px;
    background-position: center;
    background-size: 8px 16px;
    border-radius: 50%;
    transition: .3s; }
  ._next:hover::after,
  ._prev:hover::after {
    content: "";
    background: #3C5D69 url(../img/arrow-base.svg) no-repeat;
    display: block;
    height: 28px;
    width: 28px;
    background-position: center;
    background-size: 8px 16px;
    border-radius: 50%; }
  ._next a,
  ._prev a {
    position: absolute;
    height: 28px;
    width: 28px;
    cursor: pointer;
    display: block; }
  ._next._prev,
  ._prev._prev {
    transform: rotate(180deg); }
  ._next._noanc::after,
  ._prev._noanc::after {
    background: #CCCCCC url(../img/arrow-base.svg) no-repeat;
    background-position: center;
    background-size: 8px 16px; }

._navs {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center; }

.poplink.pcia {
  width: 100% !important;
  top: 48px; }
  @media (max-width: 480px) {
    .poplink.pcia {
      top: 72px; } }

body {
  background: #f9fafb; }

@media (max-width: 991px) {
  body.toggleOpen {
    overflow: hidden;
    height: 100vh; }
    body.toggleOpen #wrapper header {
      z-index: 1;
      border-bottom: solid 1px #e5e5e5; }
      body.toggleOpen #wrapper header .header-inner .menu-group {
        z-index: 1;
        background: #fff;
        overflow-y: scroll;
        top: 83px;
        height: 70vh;
        display: block;
        padding: 72px 16px 25vh;
        margin-bottom: 100vh; } }
      @media (max-width: 991px) and (max-width: 991px) {
        body.toggleOpen #wrapper header .header-inner .menu-group {
          top: 72px; } }

@media (max-width: 991px) {
        body.toggleOpen #wrapper header .header-inner .menu-group .humSearch {
          padding: 0 16px;
          position: absolute;
          top: 0;
          right: 0;
          left: 0;
          margin: auto;
          height: 72px;
          background: #e6ecee; }
          body.toggleOpen #wrapper header .header-inner .menu-group .humSearch #search_form_hum {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            height: 100%; }
            body.toggleOpen #wrapper header .header-inner .menu-group .humSearch #search_form_hum .searchTxt {
              width: 100%; }
            body.toggleOpen #wrapper header .header-inner .menu-group .humSearch #search_form_hum button {
              position: absolute;
              top: 0;
              bottom: 0;
              right: 24px;
              margin: auto; }
              body.toggleOpen #wrapper header .header-inner .menu-group .humSearch #search_form_hum button .headMenuLogo {
                width: 24px;
                height: 24px; }
        body.toggleOpen #wrapper header .header-inner .menu-group #gnav {
          width: 100%;
          margin-top: 0; }
          body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner {
            width: 100%;
            flex-wrap: wrap;
            justify-content: flex-start;
            flex-flow: column; }
            body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem {
              margin-right: 0;
              width: 100%; }
              body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem a {
                padding: 32px 0 16px;
                border-bottom: 1px solid #cdd9dd;
                display: block; }
              body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem.dropDown-list {
                border-bottom: 1px solid #cdd9dd; }
                body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem.dropDown-list a {
                  border-bottom: none;
                  margin: 0; }
              body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown {
                position: relative;
                opacity: 1;
                height: auto;
                top: 0 !important;
                left: 0;
                right: 0;
                background: #fff;
                display: flex;
                justify-content: space-between;
                z-index: 0;
                overflow: unset;
                flex-flow: column;
                flex-wrap: wrap; }
                body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .dropInner {
                  margin-right: 0;
                  display: flex;
                  flex-wrap: wrap;
                  width: 100%; }
                  body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .dropInner .dropItem {
                    width: 50%; }
                    body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .dropInner .dropItem a {
                      padding: 12px 0 16px;
                      margin-top: 0; }
                    body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .dropInner .dropItem:first-child {
                      border-bottom: none;
                      padding-bottom: 0; }
                    body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .dropInner .dropItem.full {
                      width: 100%; }
                body.toggleOpen #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .toggleButton .close {
                  display: none; }
        body.toggleOpen #wrapper header .header-inner .menu-group #headMenu {
          margin-top: 32px;
          margin-bottom: 64px;
          width: 100%;
          flex-flow: unset; }
          body.toggleOpen #wrapper header .header-inner .menu-group #headMenu .headMenuInner {
            width: 100%; }
            body.toggleOpen #wrapper header .header-inner .menu-group #headMenu .headMenuInner .headMenuItem {
              margin-right: 64px; }
            body.toggleOpen #wrapper header .header-inner .menu-group #headMenu .headMenuInner .contact a {
              display: flex;
              align-items: center; }
              body.toggleOpen #wrapper header .header-inner .menu-group #headMenu .headMenuInner .contact a span {
                white-space: nowrap;
                margin-left: 8px; }
      body.toggleOpen #wrapper header .header-inner #spMenuButton .button-inner span:nth-child(1) {
        top: 0%;
        transform: rotate(45deg); }
      body.toggleOpen #wrapper header .header-inner #spMenuButton .button-inner span:nth-child(2) {
        opacity: 0;
        width: 0; }
      body.toggleOpen #wrapper header .header-inner #spMenuButton .button-inner span:nth-child(3) {
        top: 0%;
        transform: rotate(-45deg); } }

.show_pc_only {
  display: block !important; }
  @media (max-width: 991px) {
    .show_pc_only {
      display: none !important; } }

.show_tab_only {
  display: none !important; }
  @media (max-width: 991px) {
    .show_tab_only {
      display: flex !important; } }

body.following #wrapper .subscribe-additional {
  display: none; }

body.following #wrapper header {
  z-index: 2;
  background: #fff;
  max-width: 1680px;
  width: 100%;
  transition: 0.3s;
  position: fixed;
  right: 0;
  left: 0;
  margin: auto;
  border-bottom: solid 1px #e5e5e5; }
  body.following #wrapper header .header-inner {
    height: 61px; }
    @media (max-width: 1360px) {
      body.following #wrapper header .header-inner {
        height: 83px; } }
  body.following #wrapper header.powerHeader .navItemInner::after {
    top: 40px !important; }
  body.following #wrapper header.powerHeader .header-inner {
    height: 61px !important; }
    body.following #wrapper header.powerHeader .header-inner .dropDown {
      top: 61px !important; }
    @media (max-width: 991px) {
      body.following #wrapper header.powerHeader .header-inner {
        height: 72px !important; }
        body.following #wrapper header.powerHeader .header-inner .dropDown {
          top: 72px !important; } }
  @media (max-width: 1360px) {
    body.following #wrapper header.etHead .header-inner {
      height: 83px; } }
  body.following #wrapper header.etHead .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown {
    top: 61px; }
    @media (max-width: 1360px) {
      body.following #wrapper header.etHead .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown {
        top: 83px; } }
    @media (max-width: 480px) {
      body.following #wrapper header.etHead .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown {
        top: 0; } }
  @media (max-width: 991px) {
    body.following #wrapper header .header-inner {
      height: 83px; }
      body.following #wrapper header .header-inner #spMenuButton {
        height: 72px; } }
  body.following #wrapper header .header-inner .menu-group {
    margin-right: 54px; }
    body.following #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown {
      top: 83px; }
      @media (max-width: 991px) {
        body.following #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown {
          top: 0; } }
    body.following #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem.toggleOpen .navItemInner::after {
      top: 40px; }
      @media (max-width: 1360px) {
        body.following #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem.toggleOpen .navItemInner::after {
          top: 34px; } }
  body.following #wrapper header .header-inner .headGroupLogo {
    display: none; }
  @media (max-width: 991px) {
    body.following #wrapper header .header-inner {
      height: 72px; }
      body.following #wrapper header .header-inner .menu-group {
        margin-right: 0; }
        body.following #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown {
          top: 83px; }
        body.following #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem.toggleOpen .navItemInner::after {
          top: 0; }
      body.following #wrapper header .header-inner .headGroupLogo {
        display: block; } }

#wrapper {
  background: #fff;
  width: 100%;
  max-width: 1680px;
  margin: auto;
  position: relative;
  overflow: hidden; }
  #wrapper header {
    top: -100px;
    background: #fff; }
    @media (max-width: 1360px) {
      #wrapper header.etHead .header-inner .menu-group {
        flex-flow: column-reverse;
        justify-content: center;
        align-items: flex-end; }
        #wrapper header.etHead .header-inner .menu-group #gnav {
          margin-top: 7px; }
          #wrapper header.etHead .header-inner .menu-group #gnav.hideTemp {
            opacity: 1; }
          #wrapper header.etHead .header-inner .menu-group #gnav .mainNav .mainNavInner {
            border-right: none; }
            #wrapper header.etHead .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .navItemInner::after {
              top: 34px !important; }
            #wrapper header.etHead .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem:last-child {
              margin-right: 0; } }
    #wrapper header .header-inner {
      z-index: 2;
      height: 83px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (max-width: 991px) {
        #wrapper header .header-inner {
          height: 72px !important; } }
      #wrapper header .header-inner .mask {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        display: none; }
        @media (max-width: 991px) {
          #wrapper header .header-inner .mask {
            display: block;
            border-bottom: solid 1px #e5e5e5; } }
      #wrapper header .header-inner .headLogo {
        z-index: 2;
        margin-left: 54px;
        font-weight: 700;
        padding-left: 8px;
        position: relative; }
        #wrapper header .header-inner .headLogo::before {
          content: "";
          left: 0;
          width: 8px;
          height: 22px;
          background: #e31f26;
          position: absolute;
          display: inline-block;
          margin-right: 8px;
          top: 0;
          bottom: 0;
          margin: auto; }
        #wrapper header .header-inner .headLogo span {
          font-size: 32px;
          font-weight: 700;
          line-height: 100%;
          margin-left: 8px; }
          @media (max-width: 1360px) {
            #wrapper header .header-inner .headLogo span {
              display: block; } }
          @media (max-width: 480px) {
            #wrapper header .header-inner .headLogo span {
              font-size: 18px !important; } }
        @media (max-width: 991px) {
          #wrapper header .header-inner .headLogo {
            margin-left: 16px;
            margin-right: 24px;
            padding-right: 24px;
            position: relative; }
            #wrapper header .header-inner .headLogo::after {
              content: "";
              height: 50px;
              width: 1px;
              background: #333333;
              display: block;
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto; } }
    @media (max-width: 991px) and (max-width: 480px) {
      #wrapper header .header-inner .headLogo::after {
        height: 40px; } }
        @media (max-width: 1360px) {
          #wrapper header .header-inner .headLogo.logoET::before {
            height: 51px; } }
  @media (max-width: 1360px) and (max-width: 480px) {
    #wrapper header .header-inner .headLogo.logoET::before {
      height: 40px; } }
        @media (max-width: 1360px) {
          #wrapper header .header-inner .headLogo.logoET span {
            line-height: 27px;
            font-size: 32px; } }
  @media (max-width: 1360px) and (max-width: 480px) {
    #wrapper header .header-inner .headLogo.logoET span {
      line-height: 18px; } }
        @media (max-width: 480px) {
          #wrapper header .header-inner .headLogo.logoET {
            height: 40px; } }
      #wrapper header .header-inner .headGroupLogo {
        z-index: 2;
        width: 85.02px;
        height: 50px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 54px;
        margin: auto; }
        #wrapper header .header-inner .headGroupLogo img {
          width: 100%;
          display: block; }
        @media (max-width: 991px) {
          #wrapper header .header-inner .headGroupLogo {
            right: 0; } }
      #wrapper header .header-inner .menu-group {
        display: flex;
        align-items: center;
        flex-flow: row;
        height: 100%;
        margin-right: 184px; }
        #wrapper header .header-inner .menu-group #gnav {
          z-index: 2; }
          #wrapper header .header-inner .menu-group #gnav.hideTemp {
            opacity: 0; }
          #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner {
            display: flex;
            justify-content: flex-end;
            border-right: 1px solid #333333; }
            @media (max-width: 991px) {
              #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner {
                border-right: 0; } }
            #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem {
              margin-right: 24px; }
              #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .mainNavInner {
                display: flex;
                justify-content: flex-end; }
              #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown {
                position: absolute;
                opacity: 0;
                transition: 0.3s;
                height: 0;
                top: 83px;
                left: 0;
                right: 0;
                background: #f2f2f2;
                display: flex;
                justify-content: center;
                z-index: 0;
                overflow: hidden; }
                #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .toggleButton {
                  cursor: pointer;
                  position: absolute;
                  right: 16px;
                  top: 16px; }
                  #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .toggleButton:hover .close span {
                    background: #e31f26; }
                  #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .toggleButton .close span {
                    background: #666666;
                    height: 3px; }
                #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .dropInner:not(:last-child) {
                  margin-right: 32px; }
                #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .dropInner .dropItem:first-child {
                  border-bottom: 1px solid #e5e5e5;
                  padding-bottom: 16px; }
                #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown .dropInner .dropItem a {
                  margin-top: 16px;
                  display: block; }
                #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown.col4 .dropInner {
                  width: 172px; }
                #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .dropDown.col2 .dropInner {
                  width: 392px; }
              @media (max-width: 991px) {
                #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem .navItemInner.has-child {
                  pointer-events: none;
                  display: block;
                  font-weight: 100;
                  margin-bottom: 16px; } }
              #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem.toggleOpen {
                z-index: 1; }
                #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem.toggleOpen .navItemInner {
                  color: #e31f26;
                  position: relative; }
                  #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem.toggleOpen .navItemInner::after {
                    content: "▼";
                    color: #fff;
                    top: 52px;
                    position: absolute;
                    display: block;
                    left: 0;
                    right: 0;
                    margin: auto;
                    z-index: 2;
                    transform: scale(2);
                    width: 1em;
                    line-height: 100%;
                    height: 1em; }
                #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem.toggleOpen .dropDown {
                  height: auto;
                  opacity: 1;
                  z-index: 1;
                  padding: 32px 24px; }
                #wrapper header .header-inner .menu-group #gnav .mainNav .mainNavInner .navItem.toggleOpen .remove-area {
                  position: absolute;
                  z-index: 0;
                  top: 0;
                  right: 0;
                  left: 0;
                  margin: auto;
                  width: 100vw;
                  height: 100vh; }
        #wrapper header .header-inner .menu-group #headMenu {
          z-index: 2;
          display: flex;
          align-items: center;
          flex-flow: row-reverse; }
          #wrapper header .header-inner .menu-group #headMenu .headMenuInner {
            display: flex;
            justify-content: flex-end;
            align-items: center; }
            @media (max-width: 991px) {
              #wrapper header .header-inner .menu-group #headMenu .headMenuInner {
                flex-flow: row-reverse;
                max-width: 290px; } }
            #wrapper header .header-inner .menu-group #headMenu .headMenuInner .headMenuItem:not(:last-child) {
              margin-right: 24px; }
            #wrapper header .header-inner .menu-group #headMenu .headMenuInner .headMenuItem.contact {
              display: none; }
          #wrapper header .header-inner .menu-group #headMenu .searchArea {
            z-index: 2;
            background: #fff; }
            #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form {
              position: relative;
              cursor: pointer; }
              #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form .toggleButton {
                width: 16.3px;
                height: 16.3px;
                padding: 0 24px;
                position: relative;
                z-index: 2; }
                #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form .toggleButton .close {
                  display: none; }
                #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form .toggleButton img {
                  width: 100%;
                  display: block; }
              #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form .searchInput {
                z-index: 1;
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto;
                right: 16.3px;
                padding: 8px 0;
                display: none; }
              #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form .searchButton {
                display: none;
                height: 16.3px;
                width: 16.3px; }
                #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form .searchButton img {
                  width: 100%;
                  display: block; }
              #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form.toggleOpen .toggleButton .open {
                display: none; }
              #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form.toggleOpen .toggleButton .close {
                display: block; }
              #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form.toggleOpen .searchInput {
                border-bottom: 1px solid #333;
                background: #fff;
                display: flex;
                align-items: center;
                padding: 16px 32px 16px 8px;
                width: 400px;
                justify-content: space-between; }
                #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form.toggleOpen .searchInput .searchTxt {
                  width: 90%; }
              #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form.toggleOpen .searchButton {
                display: block;
                position: absolute;
                right: 56px;
                top: 0;
                bottom: 0;
                margin: auto;
                z-index: 3; }
              @media (max-width: 991px) {
                #wrapper header .header-inner .menu-group #headMenu .searchArea #search_form {
                  display: none; } }
        #wrapper header .header-inner .menu-group .humSearch {
          display: none; }
          @media (max-width: 991px) {
            #wrapper header .header-inner .menu-group .humSearch {
              z-index: 2;
              display: block; } }
        @media (max-width: 991px) {
          #wrapper header .header-inner .menu-group {
            margin-right: 0;
            left: 0;
            right: 0;
            position: fixed;
            top: -100vh;
            transition: 0.3s;
            margin: auto; } }
      #wrapper header .header-inner #spMenuButton {
        display: none;
        z-index: 2; }
        @media (max-width: 991px) {
          #wrapper header .header-inner #spMenuButton {
            display: block;
            background: #f2f2f2;
            width: 72px;
            height: 72px;
            z-index: 10;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto; }
            #wrapper header .header-inner #spMenuButton .button-inner {
              position: relative;
              width: 100%;
              height: 100%;
              display: block; }
              #wrapper header .header-inner #spMenuButton .button-inner span {
                transition: 0.3s;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                margin: auto;
                height: 3px;
                width: 32px;
                background: #333;
                display: block;
                width: 24px; }
                #wrapper header .header-inner #spMenuButton .button-inner span:nth-child(1) {
                  top: -35%; }
                #wrapper header .header-inner #spMenuButton .button-inner span:nth-child(3) {
                  top: 35%; } }
      @media (max-width: 991px) {
        #wrapper header .header-inner {
          justify-content: flex-start; }
          #wrapper header .header-inner .headGroupLogo {
            display: block;
            position: relative;
            left: 0;
            margin: auto 0;
            right: 0; } }
    @media (max-width: 991px) and (max-width: 480px) {
      #wrapper header .header-inner .headGroupLogo {
        width: 68.02px;
        height: 40px; } }
  #wrapper .blue-bg {
    background: #f3f5f6; }
    #wrapper .blue-bg.blue-extention {
      position: relative; }
      #wrapper .blue-bg.blue-extention::after {
        background: #f3f5f6;
        top: 0;
        bottom: 0;
        margin: auto;
        left: -100%;
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        content: ""; }
      #wrapper .blue-bg.blue-extention::before {
        background: #f3f5f6;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 100%;
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        content: ""; }
  #wrapper .page-inner-nav .page-inner-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, 1fr);
    align-content: center;
    align-items: center;
    grid-gap: 8px; }
    #wrapper .page-inner-nav .page-inner-list .page-inner-item {
      height: auto; }
      #wrapper .page-inner-nav .page-inner-list .page-inner-item a {
        display: block;
        padding: 12px 8px;
        font-size: 16px;
        font-weight: 500;
        overflow-wrap: break-word; }
      #wrapper .page-inner-nav .page-inner-list .page-inner-item.blue-bg a:hover {
        transition: 0.3s;
        color: #3c5d69;
        background: #c4d4da; }
    #wrapper .page-inner-nav .page-inner-list.num-01 {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto; }
    #wrapper .page-inner-nav .page-inner-list.num-01 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    #wrapper .page-inner-nav .page-inner-list.num-02 {
      -ms-grid-columns: 1fr 8px 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto; }
    #wrapper .page-inner-nav .page-inner-list.num-02 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    #wrapper .page-inner-nav .page-inner-list.num-02 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    #wrapper .page-inner-nav .page-inner-list.num-03 {
      -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto; }
    #wrapper .page-inner-nav .page-inner-list.num-03 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    #wrapper .page-inner-nav .page-inner-list.num-03 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    #wrapper .page-inner-nav .page-inner-list.num-03 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }
      @media (max-width: 480px) {
        #wrapper .page-inner-nav .page-inner-list.num-03 {
          -ms-grid-rows: 1fr 8px 1fr;
          grid-template-rows: 1fr 1fr;
          -ms-grid-columns: 1fr 8px 1fr;
          grid-template-columns: 1fr 1fr; }
        #wrapper .page-inner-nav .page-inner-list.num-03 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-03 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
        #wrapper .page-inner-nav .page-inner-list.num-03 > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-03 > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; } }
    #wrapper .page-inner-nav .page-inner-list.num-04 {
      -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto; }
    #wrapper .page-inner-nav .page-inner-list.num-04 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    #wrapper .page-inner-nav .page-inner-list.num-04 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    #wrapper .page-inner-nav .page-inner-list.num-04 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }
    #wrapper .page-inner-nav .page-inner-list.num-04 > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7; }
      @media (max-width: 480px) {
        #wrapper .page-inner-nav .page-inner-list.num-04 {
          -ms-grid-rows: 1fr 8px 1fr;
          grid-template-rows: 1fr 1fr;
          -ms-grid-columns: 1fr 8px 1fr;
          grid-template-columns: 1fr 1fr; }
        #wrapper .page-inner-nav .page-inner-list.num-04 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-04 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
        #wrapper .page-inner-nav .page-inner-list.num-04 > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-04 > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; } }
    #wrapper .page-inner-nav .page-inner-list.num-05 {
      -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto; }
    #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }
    #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7; }
    #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 9; }
      @media (max-width: 991px) {
        #wrapper .page-inner-nav .page-inner-list.num-05 {
          -ms-grid-rows: 1fr 8px 1fr;
          grid-template-rows: 1fr 1fr;
          -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
          grid-template-columns: 1fr 1fr 1fr; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5; } }
      @media (max-width: 480px) {
        #wrapper .page-inner-nav .page-inner-list.num-05 {
          -ms-grid-rows: 1fr 8px 1fr 8px 1fr;
          grid-template-rows: 1fr 1fr 1fr;
          -ms-grid-columns: 1fr 8px 1fr;
          grid-template-columns: 1fr 1fr; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-05 > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3; } }
    #wrapper .page-inner-nav .page-inner-list.num-06 {
      -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto; }
    #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }
    #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7; }
    #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 9; }
    #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 11; }
      @media (max-width: 991px) {
        #wrapper .page-inner-nav .page-inner-list.num-06 {
          -ms-grid-rows: 1fr 8px 1fr 8px 1fr;
          grid-template-rows: 1fr 1fr 1fr;
          -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
          grid-template-columns: 1fr 1fr 1fr; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(7) {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(8) {
    -ms-grid-row: 5;
    -ms-grid-column: 3; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 5; } }
      @media (max-width: 480px) {
        #wrapper .page-inner-nav .page-inner-list.num-06 {
          -ms-grid-rows: 1fr 8px 1fr 8px 1fr;
          grid-template-rows: 1fr 1fr 1fr;
          -ms-grid-columns: 1fr 8px 1fr;
          grid-template-columns: 1fr 1fr; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
        #wrapper .page-inner-nav .page-inner-list.num-06 > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3; } }
  #wrapper .local-nav .local-list {
    text-align: center; }
    #wrapper .local-nav .local-list .local-item {
      display: inline-block;
      margin-right: 40px; }
      #wrapper .local-nav .local-list .local-item:last-child {
        margin: 0; }
      #wrapper .local-nav .local-list .local-item a {
        display: block;
        padding: 12px 16px 12px 0;
        font-size: 16px;
        font-weight: 500;
        overflow-wrap: break-word; }
        #wrapper .local-nav .local-list .local-item a.arrow-blue:hover {
          color: #e31f26; }
          #wrapper .local-nav .local-list .local-item a.arrow-blue:hover::after {
            transition: 0.3s;
            border-top: 3px solid #e31f26;
            border-right: 3px solid #e31f26; }
    #wrapper .local-nav .local-list.blue-bg a:hover {
      transition: 0.3s;
      color: #3c5d69;
      background: #c4d4da; }
    #wrapper .local-nav .local-list.arrow-blue:hover {
      color: #e31f26; }
      #wrapper .local-nav .local-list.arrow-blue:hover::after {
        transition: 0.3s;
        border-top: 3px solid #e31f26;
        border-right: 3px solid #e31f26; }
  @media (max-width: 991px) {
    #wrapper .local-nav .local-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 16px 0; }
      #wrapper .local-nav .local-list .local-item {
        display: inline-block;
        width: 50%;
        margin: 0; }
        #wrapper .local-nav .local-list .local-item a {
          display: block;
          padding: 16px 9vw;
          text-align: left; } }
  #wrapper #breadcrumb {
    z-index: 1;
    position: absolute;
    background: rgba(0, 0, 0, 0.50196);
    width: 100%;
    max-width: 1680px;
    margin: auto;
    left: 0;
    right: 0; }
    #wrapper #breadcrumb.blue-bread {
      position: relative;
      background: #9bb3bb; }
    @media (max-width: 991px) {
      #wrapper #breadcrumb {
        display: none; } }
    #wrapper #breadcrumb ul {
      padding: 0 53px;
      margin: auto;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      height: 31px; }
      #wrapper #breadcrumb ul li a {
        display: block;
        color: #fff;
        width: 100%;
        height: 100%;
        font-size: 14px;
        font-weight: 500; }
        #wrapper #breadcrumb ul li a:hover {
          text-decoration: underline; }
      #wrapper #breadcrumb ul li:not(:first-child) a {
        position: relative; }
        #wrapper #breadcrumb ul li:not(:first-child) a::before {
          content: "/";
          display: inline-block;
          padding: 0 0.5em;
          color: #fff; }
  #wrapper .footer-cont {
    border-top: #cccccc 1px solid;
    width: 100%; }
    #wrapper .footer-cont a {
      transition: 0.3s; }
      #wrapper .footer-cont a:hover {
        color: #e31f26; }
    #wrapper .footer-cont.power-footer footer {
      max-width: 1680px;
      margin: auto; }
      #wrapper .footer-cont.power-footer footer .footer-logo {
        width: 60%;
        max-width: 434px;
        display: block;
        margin: auto; }
        #wrapper .footer-cont.power-footer footer .footer-logo img {
          max-height: 111px; }
        @media (max-width: 480px) {
          #wrapper .footer-cont.power-footer footer .footer-logo {
            max-width: 260px; }
            #wrapper .footer-cont.power-footer footer .footer-logo img {
              max-height: 120px; } }
    #wrapper .footer-cont footer {
      max-width: 1680px;
      margin: auto;
      width: 100%;
      position: relative;
      text-align: center; }
      #wrapper .footer-cont footer .following_top {
        position: fixed;
        max-width: 1680px;
        margin: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%; }
        #wrapper .footer-cont footer .following_top.stop {
          position: relative; }
          #wrapper .footer-cont footer .following_top.stop .totop {
            height: 56px;
            width: 56px;
            right: 0;
            top: -57px; }
      #wrapper .footer-cont footer .totop {
        position: absolute;
        height: 56px;
        width: 56px;
        right: 0;
        bottom: 0; }
        #wrapper .footer-cont footer .totop img {
          width: 100%;
          height: 100%;
          display: block; }
      #wrapper .footer-cont footer .text {
        font-size: 14px;
        margin-top: 50px;
        font-weight: 100; }
        @media (max-width: 480px) {
          #wrapper .footer-cont footer .text {
            margin-top: 40px; } }
      #wrapper .footer-cont footer .footer-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 871px;
        width: 100%;
        margin: auto;
        align-items: center;
        flex-flow: row; }
        #wrapper .footer-cont footer .footer-inner a,
        #wrapper .footer-cont footer .footer-inner li {
          font-size: 18px !important;
          font-weight: 500; }
        #wrapper .footer-cont footer .footer-inner .sns {
          width: 343px; }
          #wrapper .footer-cont footer .footer-inner .sns ul {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            #wrapper .footer-cont footer .footer-inner .sns ul li a {
              display: flex;
              align-items: center;
              justify-content: center; }
        #wrapper .footer-cont footer .footer-inner .menu {
          width: 448px;
          /*margin-left: 40px;
          padding-left: 40px;
          border-left: 1px solid #333333;*/ }
          #wrapper .footer-cont footer .footer-inner .menu ul {
            display: flex;
            align-items: center;
            justify-content: space-between; }
        @media (max-width: 991px) {
          #wrapper .footer-cont footer .footer-inner {
            flex-flow: column; }
            #wrapper .footer-cont footer .footer-inner .sns {
              width: 234px; }
            #wrapper .footer-cont footer .footer-inner .menu {
              min-width: 260px;
              width: 50%;
              border-left: none;
              margin-left: 0;
              padding-left: 0;
              /*margin-top: 12px;*/ }
              #wrapper .footer-cont footer .footer-inner .menu ul {
                display: flex;
                flex-wrap: wrap; }
                #wrapper .footer-cont footer .footer-inner .menu ul li {
                  margin-top: 18px;
                  width: 50%; }
                #wrapper .footer-cont footer .footer-inner .menu ul li:nth-child(-n+2) {
                  margin-top: 0; } }
        @media (max-width: 991px) {
          #wrapper .footer-cont footer .footer-inner .sns ul {
            display: flex;
            flex-wrap: wrap; }
            #wrapper .footer-cont footer .footer-inner .sns ul li:first-child {
              width: 100%;
              margin-bottom: 20px; } }
      #wrapper .footer-cont footer .copy {
        padding: 56px 0 56px;
        font-size: 14px;
        font-weight: 500; }
        @media (max-width: 480px) {
          #wrapper .footer-cont footer .copy {
            padding: 60px 0 40px; } }
      #wrapper .footer-cont footer .footer-logo {
        display: block;
        margin: auto;
        padding: 64px 0 56px;
        height: 64px !important; }
        #wrapper .footer-cont footer .footer-logo .footer-logo-mhi {
          width: 341.64px;
          display: block;
          margin: auto; }
          @media (max-width: 480px) {
            #wrapper .footer-cont footer .footer-logo .footer-logo-mhi {
              width: 277.58px; } }
        #wrapper .footer-cont footer .footer-logo .footer-logo-power {
          display: block;
          margin: auto;
          width: 260px; }
          @media (max-width: 480px) {
            #wrapper .footer-cont footer .footer-logo .footer-logo-power {
              width: 213.82px; } }
        @media (max-width: 991px) {
          #wrapper .footer-cont footer .footer-logo {
            padding: 55px 0 56px; } }
        #wrapper .footer-cont footer .footer-logo img {
          max-height: 64px;
          width: 90%;
          display: block; }
        @media (max-width: 480px) {
          #wrapper .footer-cont footer .footer-logo {
            padding: 56px 0 35px; } }
  #wrapper main article > section img {
    height: auto;
    max-width: 100%;
    display: block;
    margin: auto; }
    @media (max-width: 480px) {
      #wrapper main article > section img {
        width: 100%;
        height: auto; } }
  #wrapper main article > section .img-height-fit img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
    @media (max-width: 480px) {
      #wrapper main article > section .img-height-fit img {
        height: auto; } }
  #wrapper main article > section.fv-area {
    height: 560px;
    margin: auto;
    width: 100%;
    max-width: 1680px;
    margin: auto; }
    @media (max-width: 991px) {
      #wrapper main article > section.fv-area {
        height: 388px; } }
    @media (max-width: 480px) {
      #wrapper main article > section.fv-area {
        height: auto;
        padding-top: 56.25%; } }
  #wrapper main article > section.content-area.nopd {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  #wrapper main article > section.content-area.blue-bg {
    background: #f3f5f6; }
  #wrapper main article > section.content-area.db-bg {
    background: #e6ecee; }
  #wrapper main article > section.content-area.content-gap {
    padding-top: 120px;
    padding-bottom: 120px; }
    @media (max-width: 480px) {
      #wrapper main article > section.content-area.content-gap {
        padding-top: 80px;
        padding-bottom: 80px; } }
  #wrapper main article > section.content-area.content-gap-no-border {
    padding-top: 80px;
    padding-bottom: 120px; }
    @media (max-width: 480px) {
      #wrapper main article > section.content-area.content-gap-no-border {
        padding-top: 64px;
        padding-bottom: 80px; } }
  #wrapper main article > section.content-area .content-inner .main-title-area {
    position: relative;
    top: -58px;
    background: #fff;
    padding-top: 40px;
    margin-bottom: -58px; }
    #wrapper main article > section.content-area .content-inner .main-title-area .subtitle {
      font-weight: 500; }
    #wrapper main article > section.content-area .content-inner .main-title-area .exp {
      font-weight: 500; }
    #wrapper main article > section.content-area .content-inner .main-title-area .page-cat {
      font-size: 32px;
      line-height: 1.22em;
      color: #af235f;
      font-weight: 700; }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .main-title-area .page-cat {
          font-size: 28px;
          line-height: 1.33em; } }
    @media (max-width: 991px) {
      #wrapper main article > section.content-area .content-inner .main-title-area {
        top: -24px;
        padding-top: 32px;
        margin-bottom: -24px; } }
    #wrapper main article > section.content-area .content-inner .main-title-area .share-list {
      margin: auto; }
  #wrapper main article > section.content-area .content-inner .section-title .title {
    font-weight: 500; }
    #wrapper main article > section.content-area .content-inner .section-title .title.fw-Regular {
      font-weight: 400; }
  #wrapper main article > section.content-area .content-inner .section-title .title-sub {
    font-size: 24px; }
  #wrapper main article > section.content-area .content-inner .text-style-bold {
    font-weight: 700; }
  #wrapper main article > section.content-area .content-inner .text-style-Medium {
    font-weight: 500; }
  #wrapper main article > section.content-area .content-inner .text-title {
    font-weight: 400; }
  #wrapper main article > section.content-area .content-inner .text-style-100 {
    font-weight: 100; }
  #wrapper main article > section.content-area .content-inner .text-area-link {
    border-bottom: 1px solid #567783; }
    @media (max-width: 480px) {
      #wrapper main article > section.content-area .content-inner .text-area-link {
        color: #567783; } }
  #wrapper main article > section.content-area .content-inner .section-cap {
    position: absolute;
    left: 54px;
    transform: translateY(-1.5em); }
    @media (max-width: 991px) {
      #wrapper main article > section.content-area .content-inner .section-cap {
        left: 16px; } }
  #wrapper main article > section.content-area .content-inner .text-quote {
    padding-left: 16px;
    position: relative;
    border-left: 8px solid #b4c6cc; }
  #wrapper main article > section.content-area .content-inner .text-pull-quote {
    font-size: 24px;
    font-weight: 400;
    position: relative; }
    #wrapper main article > section.content-area .content-inner .text-pull-quote::after, #wrapper main article > section.content-area .content-inner .text-pull-quote::before {
      content: "";
      display: block;
      height: 24px;
      max-width: 400px;
      width: 100%;
      box-sizing: border-box;
      padding: 0 104px;
      position: relative;
      left: 0;
      right: 0;
      margin: auto;
      background: url(../../common/img/icon-quote.svg) no-repeat;
      background-size: contain;
      background-position: center; }
      @media (max-width: 991px) {
        #wrapper main article > section.content-area .content-inner .text-pull-quote::after, #wrapper main article > section.content-area .content-inner .text-pull-quote::before {
          padding: 0 32px; } }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .text-pull-quote::after, #wrapper main article > section.content-area .content-inner .text-pull-quote::before {
          background: url(../../common/img/icon-quote_sp.svg) no-repeat;
          background-size: contain;
          background-position: center; } }
    #wrapper main article > section.content-area .content-inner .text-pull-quote::after {
      margin-top: 24px;
      transform: scale(-1, -1); }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .text-pull-quote::after {
          margin-top: 16px; } }
    #wrapper main article > section.content-area .content-inner .text-pull-quote::before {
      margin-bottom: 24px; }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .text-pull-quote::before {
          margin-bottom: 16px; } }
    #wrapper main article > section.content-area .content-inner .text-pull-quote .text-pull-quote-source {
      font-size: 18px;
      font-weight: 100;
      display: block;
      position: relative; }
  #wrapper main article > section.content-area .content-inner .text-list .text-list-item {
    font-weight: 100; }
  #wrapper main article > section.content-area .content-inner .text-list.style-disc {
    position: relative; }
    #wrapper main article > section.content-area .content-inner .text-list.style-disc .text-list-item {
      list-style-type: disc;
      margin-left: 1.5em;
      padding-left: 0em; }
  #wrapper main article > section.content-area .content-inner .text-list.style-num {
    position: relative; }
    #wrapper main article > section.content-area .content-inner .text-list.style-num .text-list-item {
      list-style-type: decimal;
      margin-left: 1.5em;
      padding-left: 0em; }
  #wrapper main article > section.content-area .content-inner .text-list > .text-list {
    padding-left: 16px; }
  #wrapper main article > section.content-area .content-inner .grid-cont {
    display: block; }
    #wrapper main article > section.content-area .content-inner .grid-cont a.grid-item:hover img {
      opacity: 0.75; }
    #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.bg-white {
      background: #fff; }
    #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .inner-link {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 0 1fr;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0;
      -ms-grid-rows: auto;
      grid-template-rows: auto; }
    #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .inner-link > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .inner-link > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
      #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .inner-link .img-area {
        width: 100%;
        box-sizing: border-box; }
      #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .inner-link .text-area {
        width: 100%;
        box-sizing: border-box; }
      #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .inner-link:hover .grid-item-link {
        color: #e31f26; }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .inner-link {
          -ms-grid-columns: auto;
          grid-template-columns: auto;
          -ms-grid-rows: auto 0 auto;
          grid-template-rows: auto auto; }
        #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .inner-link > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
        #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .inner-link > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
          #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .inner-link .img-area,
          #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .inner-link .text-area {
            width: 100%; } }
    #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .solutions-link {
      display: block;
      text-align: center;
      padding: 24px 0; }
      #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .solutions-link.bg-db {
        transition: 0.3s; }
        #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .solutions-link.bg-db .grid-item-link {
          color: #fff; }
        #wrapper main article > section.content-area .content-inner .grid-cont .grid-item.solution .solutions-link.bg-db:hover {
          background: #0d1f26; }
    #wrapper main article > section.content-area .content-inner .grid-cont .grid-item .img-area img {
      width: 100%; }
    #wrapper main article > section.content-area .content-inner .grid-cont .grid-item .text-area.pd-40-32 {
      padding: 40px 32px; }
      @media (max-width: 991px) {
        #wrapper main article > section.content-area .content-inner .grid-cont .grid-item .text-area.pd-40-32 {
          padding: 32px 24px; } }
    #wrapper main article > section.content-area .content-inner .grid-cont .grid-item .text-area.pd-32-16 {
      padding: 32px 16px; }
      @media (max-width: 991px) {
        #wrapper main article > section.content-area .content-inner .grid-cont .grid-item .text-area.pd-32-16 {
          padding: 32px 16px; } }
    #wrapper main article > section.content-area .content-inner .grid-cont .grid-item .text-area.pd-0-32 {
      padding: 0 32px; }
      @media (max-width: 991px) {
        #wrapper main article > section.content-area .content-inner .grid-cont .grid-item .text-area.pd-0-32 {
          padding: 0 0; } }
    #wrapper main article > section.content-area .content-inner .grid-cont.col-1 .grid-item {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      #wrapper main article > section.content-area .content-inner .grid-cont.col-1 .grid-item .w-50-50 {
        width: 50%;
        height: auto;
        box-sizing: border-box; }
      #wrapper main article > section.content-area .content-inner .grid-cont.col-1 .grid-item .w-50-100 {
        width: 50%;
        height: auto;
        box-sizing: border-box; }
        @media (max-width: 480px) {
          #wrapper main article > section.content-area .content-inner .grid-cont.col-1 .grid-item .w-50-100 {
            width: auto; } }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .grid-cont.col-1 .grid-item {
          flex-flow: column-reverse; } }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-1-unwrap .grid-item {
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
      -ms-grid-columns: 128px 56px 1fr;
      grid-template-columns: 128px 1fr;
      grid-gap: 56px;
      align-items: flex-start; }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-1-unwrap .grid-item > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-1-unwrap .grid-item > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .grid-cont.book-1-unwrap .grid-item {
          grid-gap: 32px; } }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item {
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
      -ms-grid-columns: 290px 56px 1fr;
      grid-template-columns: 290px 1fr;
      grid-gap: 56px; }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
      #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item:hover .grid-item-link {
        color: #e31f26; }
      #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item .img-area img {
        height: auto; }
      #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item .text-area .grid-item-title {
        font-size: 36px;
        line-height: 1.22em; }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item {
          -ms-grid-rows: 1fr 32px auto;
          grid-template-rows: 1fr auto;
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          grid-gap: 32px; }
        #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
        #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
          #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item .text-area .grid-item-title {
            font-size: 24px; }
          #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item .img-area {
            display: block;
            position: relative;
            max-width: 100%; }
            #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item .img-area.mxh-269px {
              max-height: 269px; }
            #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item .img-area::before {
              content: "";
              display: block;
              padding-top: 100%; }
            #wrapper main article > section.content-area .content-inner .grid-cont.book-1 .grid-item .img-area img {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              -o-object-fit: contain;
                 object-fit: contain; } }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-2 {
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr 48px 1fr;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0 48px; }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-2 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-2 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .grid-cont.book-2 {
          -ms-grid-rows: auto;
          grid-template-rows: auto;
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          grid-gap: 56px; }
        #wrapper main article > section.content-area .content-inner .grid-cont.book-2 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; } }
      #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        -ms-grid-columns: 188px 32px 1fr;
        grid-template-columns: 188px 1fr;
        grid-gap: 32px; }
      #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
        #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item:hover .grid-item-link {
          color: #e31f26; }
        #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item .img-area img {
          height: auto; }
        #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item .text-area .grid-item-title {
          font-size: 24px; }
        @media (max-width: 480px) {
          #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item {
            -ms-grid-rows: 1fr 32px auto;
            grid-template-rows: 1fr auto;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-gap: 32px; }
          #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
          #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
            #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item .grid-item {
              grid-gap: 32px;
              margin-bottom: 56px; }
              #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item .grid-item:last-child {
                margin-bottom: 0;
                grid-gap: 0; }
            #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item .img-area {
              display: block;
              position: relative;
              max-width: 100%; }
              #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item .img-area::before {
                content: "";
                display: block;
                padding-top: 100%; }
              #wrapper main article > section.content-area .content-inner .grid-cont.book-2 .grid-item .img-area img {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                -o-object-fit: contain;
                   object-fit: contain; } }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-3 {
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -ms-grid-columns: 1fr 48px 1fr 48px 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 0 48px; }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-3 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-3 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    #wrapper main article > section.content-area .content-inner .grid-cont.book-3 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .grid-cont.book-3 {
          -ms-grid-rows: auto;
          grid-template-rows: auto;
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          grid-gap: 56px; }
        #wrapper main article > section.content-area .content-inner .grid-cont.book-3 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; } }
      #wrapper main article > section.content-area .content-inner .grid-cont.book-3 .grid-item {
        display: block; }
        #wrapper main article > section.content-area .content-inner .grid-cont.book-3 .grid-item:hover .grid-item-link {
          color: #e31f26; }
        #wrapper main article > section.content-area .content-inner .grid-cont.book-3 .grid-item .img-area {
          display: block;
          position: relative;
          max-width: 100%;
          margin-bottom: 32px;
          max-height: 215px; }
          #wrapper main article > section.content-area .content-inner .grid-cont.book-3 .grid-item .img-area.mxh-415 {
            max-height: 415px;
            height: 415px; }
            @media (max-width: 991px) {
              #wrapper main article > section.content-area .content-inner .grid-cont.book-3 .grid-item .img-area.mxh-415 {
                height: 100%;
                max-height: 269px; } }
          #wrapper main article > section.content-area .content-inner .grid-cont.book-3 .grid-item .img-area::before {
            content: "";
            display: block;
            padding-top: 100%; }
          #wrapper main article > section.content-area .content-inner .grid-cont.book-3 .grid-item .img-area img {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            -o-object-fit: contain;
               object-fit: contain; }
          @media (max-width: 991px) {
            #wrapper main article > section.content-area .content-inner .grid-cont.book-3 .grid-item .img-area {
              max-height: 269px; } }
        #wrapper main article > section.content-area .content-inner .grid-cont.book-3 .grid-item .text-area .grid-item-title {
          font-size: 24px; }
        @media (max-width: 480px) {
          #wrapper main article > section.content-area .content-inner .grid-cont.book-3 .grid-item {
            margin-bottom: 56px; }
            #wrapper main article > section.content-area .content-inner .grid-cont.book-3 .grid-item:last-child {
              margin-bottom: 0;
              grid-gap: 0; } }
  #wrapper main article > section.content-area .content-inner .grid-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 56px; }
  #wrapper main article > section.content-area .content-inner .grid-1 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
    @media (max-width: 480px) {
      #wrapper main article > section.content-area .content-inner .grid-1 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: 1fr 32px 1fr;
        grid-template-rows: 1fr 1fr;
        grid-gap: 32px; }
      #wrapper main article > section.content-area .content-inner .grid-1 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .grid-1 > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; } }
  #wrapper main article > section.content-area .content-inner .featured-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 290px 56px 1fr;
    grid-template-columns: 290px 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 56px; }
  #wrapper main article > section.content-area .content-inner .featured-item > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  #wrapper main article > section.content-area .content-inner .featured-item > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    @media (max-width: 480px) {
      #wrapper main article > section.content-area .content-inner .featured-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 32px auto;
        grid-template-rows: auto auto;
        grid-gap: 32px; }
      #wrapper main article > section.content-area .content-inner .featured-item > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .featured-item > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
        #wrapper main article > section.content-area .content-inner .featured-item .img-area {
          display: block;
          position: relative;
          max-width: 100%;
          max-height: 269px; }
          #wrapper main article > section.content-area .content-inner .featured-item .img-area img {
            height: 100%;
            margin: auto;
            width: auto !important; } }
    @media (max-width: 480px) {
      #wrapper main article > section.content-area .content-inner .featured-item.sp-grid {
        -ms-grid-columns: 120px 32px 1fr;
        grid-template-columns: 120px 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr; }
      #wrapper main article > section.content-area .content-inner .featured-item.sp-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .featured-item.sp-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
        #wrapper main article > section.content-area .content-inner .featured-item.sp-grid .img-area img {
          height: auto; }
        #wrapper main article > section.content-area .content-inner .featured-item.sp-grid .grid-item-title {
          font-size: 24px; } }
  #wrapper main article > section.content-area .content-inner .grid-2-tab-switch .featured-item.sp-grid {
    grid-gap: 32px; }
  #wrapper main article > section.content-area .content-inner .paragraph-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 290px 56px 1fr;
    grid-template-columns: 290px 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 56px; }
  #wrapper main article > section.content-area .content-inner .paragraph-item > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  #wrapper main article > section.content-area .content-inner .paragraph-item > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    #wrapper main article > section.content-area .content-inner .paragraph-item.blog-paragraph {
      -ms-grid-columns: 156px 56px 1fr;
      grid-template-columns: 156px 1fr; }
    #wrapper main article > section.content-area .content-inner .paragraph-item .grid-item-title {
      font-weight: 400; }
    #wrapper main article > section.content-area .content-inner .paragraph-item .grid-item-sub_ttl {
      font-size: 18px;
      font-weight: 500; }
    #wrapper main article > section.content-area .content-inner .paragraph-item .text-area-box {
      padding: 24px 16px;
      background: #f2f5f6; }
      #wrapper main article > section.content-area .content-inner .paragraph-item .text-area-box .text-area-box-ttl {
        color: #567783;
        font-size: 18px;
        font-weight: 500; }
      #wrapper main article > section.content-area .content-inner .paragraph-item .text-area-box .text-area-box-txt {
        color: #567783; }
    @media (max-width: 991px) {
      #wrapper main article > section.content-area .content-inner .paragraph-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 24px auto;
        grid-template-rows: auto auto;
        grid-gap: 24px; }
      #wrapper main article > section.content-area .content-inner .paragraph-item > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .paragraph-item > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
        #wrapper main article > section.content-area .content-inner .paragraph-item .img-area {
          width: 214px;
          margin: auto; }
        #wrapper main article > section.content-area .content-inner .paragraph-item.blog-paragraph {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; }
          #wrapper main article > section.content-area .content-inner .paragraph-item.blog-paragraph .img-area {
            width: 214px;
            margin: auto; }
        #wrapper main article > section.content-area .content-inner .paragraph-item .grid-item-title {
          text-align: center; }
        #wrapper main article > section.content-area .content-inner .paragraph-item .grid-item-sub_ttl {
          text-align: center; }
        #wrapper main article > section.content-area .content-inner .paragraph-item .text-area-box {
          padding: 24px 16px;
          background: #f2f5f6; }
          #wrapper main article > section.content-area .content-inner .paragraph-item .text-area-box .text-area-box-txt {
            color: #567783; } }
    @media (max-width: 480px) {
      #wrapper main article > section.content-area .content-inner .paragraph-item.sp-grid {
        -ms-grid-columns: 120px 24px 1fr;
        grid-template-columns: 120px 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr; }
      #wrapper main article > section.content-area .content-inner .paragraph-item.sp-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .paragraph-item.sp-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; } }
  #wrapper main article > section.content-area .content-inner .grid-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 56px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 56px; }
  #wrapper main article > section.content-area .content-inner .grid-2 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  #wrapper main article > section.content-area .content-inner .grid-2 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    @media screen and (max-width: 480px) {
      #wrapper main article > section.content-area .content-inner .grid-2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 32px auto;
        grid-template-rows: auto auto;
        grid-gap: 32px 0; }
      #wrapper main article > section.content-area .content-inner .grid-2 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .grid-2 > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
        #wrapper main article > section.content-area .content-inner .grid-2.grid-reverse .grid-item:nth-child(1) {
          -ms-grid-row: 2;
          -ms-grid-row-span: 1;
          grid-row: 2/3; }
        #wrapper main article > section.content-area .content-inner .grid-2.grid-reverse .grid-item:nth-child(2) {
          -ms-grid-row: 1;
          -ms-grid-row-span: 1;
          grid-row: 1/2; } }
    #wrapper main article > section.content-area .content-inner .grid-2 > .featured-item {
      -ms-grid-columns: 188px 1fr;
      grid-template-columns: 188px 1fr; }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .grid-2 > .featured-item.sp-grid {
          -ms-grid-columns: 120px 1fr;
          grid-template-columns: 120px 1fr;
          -ms-grid-rows: 1fr;
          grid-template-rows: 1fr; }
        #wrapper main article > section.content-area .content-inner .grid-2 > .featured-item.sp-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
        #wrapper main article > section.content-area .content-inner .grid-2 > .featured-item.sp-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2; }
          #wrapper main article > section.content-area .content-inner .grid-2 > .featured-item.sp-grid .img-area img {
            height: auto; } }
  #wrapper main article > section.content-area .content-inner .grid-2-tab-switch {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 56px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 56px; }
  #wrapper main article > section.content-area .content-inner .grid-2-tab-switch > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  #wrapper main article > section.content-area .content-inner .grid-2-tab-switch > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
    @media screen and (max-width: 991px) {
      #wrapper main article > section.content-area .content-inner .grid-2-tab-switch {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 32px auto;
        grid-template-rows: auto auto;
        grid-gap: 32px 0; }
      #wrapper main article > section.content-area .content-inner .grid-2-tab-switch > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .grid-2-tab-switch > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
        #wrapper main article > section.content-area .content-inner .grid-2-tab-switch.grid-reverse .grid-item:nth-child(1) {
          -ms-grid-row: 2;
          -ms-grid-row-span: 1;
          grid-row: 2/3; }
        #wrapper main article > section.content-area .content-inner .grid-2-tab-switch.grid-reverse .grid-item:nth-child(2) {
          -ms-grid-row: 1;
          -ms-grid-row-span: 1;
          grid-row: 1/2; } }
    #wrapper main article > section.content-area .content-inner .grid-2-tab-switch > .featured-item {
      -ms-grid-columns: 188px 1fr;
      grid-template-columns: 188px 1fr; }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .grid-2-tab-switch > .featured-item.sp-grid {
          -ms-grid-columns: 120px 1fr;
          grid-template-columns: 120px 1fr;
          -ms-grid-rows: 1fr;
          grid-template-rows: 1fr; }
        #wrapper main article > section.content-area .content-inner .grid-2-tab-switch > .featured-item.sp-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
        #wrapper main article > section.content-area .content-inner .grid-2-tab-switch > .featured-item.sp-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2; }
          #wrapper main article > section.content-area .content-inner .grid-2-tab-switch > .featured-item.sp-grid .img-area img {
            height: auto; } }
  #wrapper main article > section.content-area .content-inner .grid-2-nogap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 0 auto;
    grid-template-rows: auto auto;
    grid-gap: 0; }
  #wrapper main article > section.content-area .content-inner .grid-2-nogap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  #wrapper main article > section.content-area .content-inner .grid-2-nogap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  #wrapper main article > section.content-area .content-inner .grid-2-nogap > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1; }
  #wrapper main article > section.content-area .content-inner .grid-2-nogap > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3; }
    @media (max-width: 991px) {
      #wrapper main article > section.content-area .content-inner .grid-2-nogap {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 0 auto 0 auto 0 auto;
        grid-template-rows: auto auto auto auto; }
      #wrapper main article > section.content-area .content-inner .grid-2-nogap > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .grid-2-nogap > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .grid-2-nogap > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .grid-2-nogap > *:nth-child(4) {
    -ms-grid-row: 7;
    -ms-grid-column: 1; } }
  #wrapper main article > section.content-area .content-inner .grid-3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 48px 1fr 48px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 48px; }
  #wrapper main article > section.content-area .content-inner .grid-3 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  #wrapper main article > section.content-area .content-inner .grid-3 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  #wrapper main article > section.content-area .content-inner .grid-3 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }
    @media (max-width: 480px) {
      #wrapper main article > section.content-area .content-inner .grid-3 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 56px auto 56px auto;
        grid-template-rows: auto auto auto;
        grid-gap: 56px; }
      #wrapper main article > section.content-area .content-inner .grid-3 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .grid-3 > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
      #wrapper main article > section.content-area .content-inner .grid-3 > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1; } }
    #wrapper main article > section.content-area .content-inner .grid-3 .grid-item {
      display: block; }
      #wrapper main article > section.content-area .content-inner .grid-3 .grid-item:hover .grid-item-link {
        color: #e31f26; }
      #wrapper main article > section.content-area .content-inner .grid-3 .grid-item .img-area {
        display: block;
        position: relative;
        max-width: 100%; }
        #wrapper main article > section.content-area .content-inner .grid-3 .grid-item .img-area.mxh-415 {
          max-height: 415px;
          height: 415px; }
          @media (max-width: 991px) {
            #wrapper main article > section.content-area .content-inner .grid-3 .grid-item .img-area.mxh-415 {
              height: 100%;
              max-height: 269px; } }
        #wrapper main article > section.content-area .content-inner .grid-3 .grid-item .img-area::before {
          content: "";
          display: block;
          padding-top: 56.25%; }
          @media (max-width: 480px) {
            #wrapper main article > section.content-area .content-inner .grid-3 .grid-item .img-area::before {
              content: none; } }
        #wrapper main article > section.content-area .content-inner .grid-3 .grid-item .img-area img {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          -o-object-fit: contain;
             object-fit: contain; }
          @media (max-width: 480px) {
            #wrapper main article > section.content-area .content-inner .grid-3 .grid-item .img-area img {
              position: relative; } }
      #wrapper main article > section.content-area .content-inner .grid-3 .grid-item .text-area .grid-item-title {
        font-size: 24px; }
      @media (max-width: 480px) {
        #wrapper main article > section.content-area .content-inner .grid-3 .grid-item:last-child {
          margin-bottom: 0;
          grid-gap: 0; } }
  #wrapper main.ebook-main .content-wrapper .content-area .content-inner .grid-cont.book-1 .text-area .grid-item-title {
    font-size: 36px;
    font-weight: 500; }
  #wrapper main.ebook-main .content-wrapper .content-area .content-inner .grid-cont.book-1 .text-area .grid-item-text {
    font-size: 18px;
    font-weight: 500; }
  @media (max-width: 480px) {
    #wrapper main.ebook-main .content-wrapper .content-area .content-inner .grid-cont.book-1 .text-area {
      text-align: center; }
      #wrapper main.ebook-main .content-wrapper .content-area .content-inner .grid-cont.book-1 .text-area .grid-item-title {
        font-size: 32px; } }
  #wrapper .top .top-tile .top_ccus {
    background: url(../img/top/top_ccus.jpg) no-repeat;
    background-size: cover; }
  #wrapper .top .top-tile .top_cleanfuels {
    background: url(../img/top/top_cleanfuels.jpg) no-repeat;
    background-size: cover; }
  #wrapper .top .top-tile .top_gaslng {
    background: url(../img/top/top_gaslng.jpg) no-repeat;
    background-size: cover; }
  #wrapper .top .top-tile .top_innovative_solutions {
    background: url(../img/top/top_innovative_solutions.jpg) no-repeat;
    background-size: cover; }
  #wrapper .top .top-tile .grid-item {
    padding: 0 150px 56px;
    height: 474px;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    transition: 0.3s; }
    #wrapper .top .top-tile .grid-item:hover {
      opacity: 0.75; }
    @media (max-width: 1440px) {
      #wrapper .top .top-tile .grid-item {
        height: 395px;
        padding: 0 80px 56px; } }
    @media (max-width: 480px) {
      #wrapper .top .top-tile .grid-item {
        height: 414px;
        padding: 0 16px 32px; } }
  #wrapper .slider-mhi-conte .slider-mhi .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 24px; }
    #wrapper .slider-mhi-conte .slider-mhi .slick-dots li.slick-active button:before {
      background: #567783;
      opacity: 1; }
  #wrapper .slider-mhi-conte .slider-mhi .slick-prev,
  #wrapper .slider-mhi-conte .slider-mhi .slick-next {
    height: 56px;
    width: 56px;
    top: 140px;
    z-index: 1; }
    #wrapper .slider-mhi-conte .slider-mhi .slick-prev::before,
    #wrapper .slider-mhi-conte .slider-mhi .slick-next::before {
      content: "" !important;
      height: 56px;
      width: 56px;
      background: url(../img/slick-arrow.svg) no-repeat;
      background-size: cover;
      display: block; }
  #wrapper .slider-mhi-conte .slider-mhi .slick-prev {
    left: 24px; }
    @media (max-width: 991px) {
      #wrapper .slider-mhi-conte .slider-mhi .slick-prev {
        left: 16px; } }
  #wrapper .slider-mhi-conte .slider-mhi .slick-next {
    right: 24px; }
    @media (max-width: 991px) {
      #wrapper .slider-mhi-conte .slider-mhi .slick-next {
        right: 16px; } }
    #wrapper .slider-mhi-conte .slider-mhi .slick-next::before {
      transform: rotate(180deg); }
  #wrapper .slider-mhi-conte .slider-mhi .slide-item .slide-inner {
    width: 510px;
    display: block;
    margin-left: 56px;
    transition: 0.3s; }
    #wrapper .slider-mhi-conte .slider-mhi .slide-item .slide-inner img {
      transition: 0.3s; }
    #wrapper .slider-mhi-conte .slider-mhi .slide-item .slide-inner:hover img {
      opacity: 0.75; }
    #wrapper .slider-mhi-conte .slider-mhi .slide-item .slide-inner:hover .link-width-arrow {
      color: #e31f26; }
    #wrapper .slider-mhi-conte .slider-mhi .slide-item .slide-inner .text-area {
      padding: 40px 24px; }
    @media (max-width: 991px) {
      #wrapper .slider-mhi-conte .slider-mhi .slide-item .slide-inner {
        width: 334px;
        margin-left: 16px; } }
    @media (max-width: 480px) {
      #wrapper .slider-mhi-conte .slider-mhi .slide-item .slide-inner {
        width: 300px;
        margin-left: 16px; } }
  #wrapper .slider-mhi-conte .slider-mhi .slide-item:first-child .slide-inner {
    margin-left: 196px; }
    @media (max-width: 1440px) {
      #wrapper .slider-mhi-conte .slider-mhi .slide-item:first-child .slide-inner {
        margin-left: 56px; } }
    @media (max-width: 991px) {
      #wrapper .slider-mhi-conte .slider-mhi .slide-item:first-child .slide-inner {
        margin-left: 32px; } }
  #wrapper .slick-dotted.slick-slider {
    margin-bottom: 0; }
  #wrapper .slick-dots {
    bottom: 24px;
    z-index: 1; }
    #wrapper .slick-dots li button:before {
      width: 12px;
      height: 12px;
      background: #cdd9dd;
      opacity: 0.5;
      content: "";
      border-radius: 50%;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto; }
    #wrapper .slick-dots li.slick-active button:before {
      background: #fff;
      opacity: 1; }
  #wrapper .fv-area-slide {
    overflow: hidden;
    width: 100%; }
    #wrapper .fv-area-slide img {
      width: auto;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      display: block; }
    #wrapper .fv-area-slide .single-slider-fv .item .inner {
      height: 560px;
      cursor: pointer;
      width: 100%;
      display: block;
      position: relative; }
      #wrapper .fv-area-slide .single-slider-fv .item .inner:hover .link-width-arrow {
        color: #e31f26 !important; }
      @media (max-width: 480px) {
        #wrapper .fv-area-slide .single-slider-fv .item .inner {
          padding-top: 112.564%;
          height: 0;
          width: 100%; }
          #wrapper .fv-area-slide .single-slider-fv .item .inner .img-area-bg img {
            -o-object-fit: cover;
               object-fit: cover;
            height: auto;
            width: 100%; } }
      #wrapper .fv-area-slide .single-slider-fv .item .inner::after {
        width: 100%;
        height: 100%;
        display: block;
        content: "";
        position: absolute;
        z-index: 0;
        background: url(../img/top/slide_over_pc.png) no-repeat;
        background-size: cover; }
        @media (max-width: 480px) {
          #wrapper .fv-area-slide .single-slider-fv .item .inner::after {
            background: url(../img/top/slide_over_sp.png) no-repeat;
            background-size: cover;
            top: 0; } }
      #wrapper .fv-area-slide .single-slider-fv .item .inner .img-area-bg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 0;
        height: 100%; }
      #wrapper .fv-area-slide .single-slider-fv .item .inner .text-area-front {
        z-index: 1;
        position: absolute;
        top: 52px;
        bottom: 0;
        margin: auto;
        left: 248px;
        width: 100%;
        max-width: 543px;
        display: flex;
        align-items: stretch;
        flex-flow: column;
        box-sizing: border-box; }
        @media (max-width: 1440px) {
          #wrapper .fv-area-slide .single-slider-fv .item .inner .text-area-front {
            left: 108px; } }
        @media (max-width: 991px) {
          #wrapper .fv-area-slide .single-slider-fv .item .inner .text-area-front {
            left: 0px;
            padding: 0 16px; } }
        #wrapper .fv-area-slide .single-slider-fv .item .inner .text-area-front .text-title {
          font-size: 56px; }
          @media (max-width: 480px) {
            #wrapper .fv-area-slide .single-slider-fv .item .inner .text-area-front .text-title {
              font-size: 32px; } }
        #wrapper .fv-area-slide .single-slider-fv .item .inner .text-area-front .text-sub,
        #wrapper .fv-area-slide .single-slider-fv .item .inner .text-area-front .text-link {
          font-weight: 500;
          font-size: 24px; }
          @media (max-width: 480px) {
            #wrapper .fv-area-slide .single-slider-fv .item .inner .text-area-front .text-sub,
            #wrapper .fv-area-slide .single-slider-fv .item .inner .text-area-front .text-link {
              font-size: 18px; } }
    #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .slick-dots {
      position: absolute;
      bottom: 24px; }
      #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .slick-dots li.slick-active button:before {
        background: #567783;
        opacity: 1; }
    #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .slick-prev,
    #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .slick-next {
      height: 56px;
      width: 56px;
      z-index: 1; }
      #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .slick-prev::before,
      #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .slick-next::before {
        content: "" !important;
        height: 56px;
        width: 56px;
        background: url(../img/slick-arrow.svg) no-repeat;
        background-size: cover;
        display: block; }
    #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .slick-prev {
      left: 24px; }
      @media (max-width: 991px) {
        #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .slick-prev {
          left: 16px; } }
    #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .slick-next {
      right: 24px; }
      @media (max-width: 991px) {
        #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .slick-next {
          right: 16px; } }
      #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .slick-next::before {
        transform: rotate(180deg); }
    #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .item .inner {
      height: 430px;
      width: 1076px;
      margin: 0 24px; }
      @media (max-width: 1440px) {
        #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .item .inner {
          width: 856px; } }
      #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .item .inner .text-area-front {
        left: 56px; }
      #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .item .inner .text-title {
        font-size: 46px; }
        @media (max-width: 480px) {
          #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .item .inner .text-title {
            font-size: 32px; } }
      @media (max-width: 991px) {
        #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .item .inner {
          max-width: 100% !important;
          border-radius: 0;
          width: 100%;
          margin: 0; }
          #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .item .inner .text-area-front {
            left: 16px; } }
      @media (max-width: 480px) {
        #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .item .inner {
          height: 400px; }
          #wrapper .fv-area-slide .single-slider-fv.simple-slide-blog .item .inner .text-area-front {
            left: 0; } }
  #wrapper .power-detail article section.fv-area {
    background: url(../img/power-detail/kv_pc.jpg) no-repeat;
    background-size: cover;
    background-position: center center; }
    @media (max-width: 480px) {
      #wrapper .power-detail article section.fv-area {
        background: url(../img/power-detail/kv_sp.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center center; } }
  #wrapper .solutions article section.fv-area {
    background: url(../img/solutions/kv_pc.jpg) no-repeat;
    background-size: cover;
    background-position: center center; }
    @media (max-width: 480px) {
      #wrapper .solutions article section.fv-area {
        background: url(../img/solutions/kv_sp.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center center; } }
  #wrapper .gas-lng article section.fv-area {
    background: url(../img/gas-lng/kv_pc.jpg) no-repeat;
    background-size: cover;
    background-position: center center; }
    @media (max-width: 480px) {
      #wrapper .gas-lng article section.fv-area {
        background: url(../img/gas-lng/kv_sp.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center center; } }
  #wrapper .blog-detail article section.fv-area {
    background: url(../img/blog/kv_pc.jpg) no-repeat;
    background-size: cover;
    background-position: center center; }
    @media (max-width: 480px) {
      #wrapper .blog-detail article section.fv-area {
        background: url(../img/blog/kv_sp.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center center; } }
  #wrapper .event-detail article section.fv-area {
    background: url(../img/event/kv_pc.jpg) no-repeat;
    background-size: cover;
    background-position: center center; }
    @media (max-width: 480px) {
      #wrapper .event-detail article section.fv-area {
        background: url(../img/event/kv_sp.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center center; } }
  #wrapper .case_study-detail article section.fv-area {
    background: url(../img/case_study/kv_pc.jpg) no-repeat;
    background-size: cover;
    background-position: center center; }
    @media (max-width: 480px) {
      #wrapper .case_study-detail article section.fv-area {
        background: url(../img/case_study/kv_sp.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center center; } }

.list-box .list-box-title {
  font-weight: 500; }
  @media (max-width: 480px) {
    .list-box .list-box-title {
      font-size: 24px; }
      .list-box .list-box-title.pd-tb-24 {
        padding-left: 0;
        padding-right: 0; } }

.list-box .list-box-list li {
  color: #223f4b;
  font-size: 24px;
  font-weight: 400; }

.list-box .list-box-border {
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  border-left: solid 1px #cccccc; }

@media (max-width: 480px) {
  .list-box .list-box-border-sp {
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    border-left: solid 1px #cccccc; } }

.need-help-from-expers {
  display: block; }
  .need-help-from-expers:hover {
    transition: 0.3s; }
    .need-help-from-expers:hover .msg {
      background: #223f4b; }
    .need-help-from-expers:hover .contact-link {
      background: #006487; }
  .need-help-from-expers .bg-blue {
    color: #fff; }
  .need-help-from-expers .msg {
    display: block;
    padding: 56px 24px 56px; }
    .need-help-from-expers .msg .title {
      display: block;
      font-size: 36px;
      font-weight: 400; }
    .need-help-from-expers .msg .text {
      display: block;
      font-size: 18px;
      font-weight: 100; }
    @media (max-width: 480px) {
      .need-help-from-expers .msg {
        padding: 40px 16px; }
        .need-help-from-expers .msg .title {
          font-size: 32px; } }
  .need-help-from-expers .contact-link {
    transition: 0.3s;
    padding: 32px 24px;
    display: block; }
    .need-help-from-expers .contact-link span {
      font-size: 24px; }
      .need-help-from-expers .contact-link span:hover {
        color: inherit; }
    @media (max-width: 480px) {
      .need-help-from-expers .contact-link {
        padding: 24px 16px; } }

.Follow-our-LinkedIn {
  display: block;
  transition: 0.3s; }
  .Follow-our-LinkedIn:hover {
    background: #0d1f26; }
    .Follow-our-LinkedIn:hover .contact-link .link-width-arrow {
      color: #fff; }
  .Follow-our-LinkedIn .bg-blue {
    color: #fff; }
  .Follow-our-LinkedIn .msg {
    display: block;
    padding: 56px 24px 24px; }
    .Follow-our-LinkedIn .msg .title {
      display: block;
      font-size: 32px;
      font-weight: 400; }
    .Follow-our-LinkedIn .msg .text {
      font-size: 18px;
      font-weight: 100;
      display: block; }
    @media (max-width: 480px) {
      .Follow-our-LinkedIn .msg {
        padding: 56px 16px 16px; } }
  .Follow-our-LinkedIn .contact-link {
    padding: 24px 24px 56px;
    display: block; }
    .Follow-our-LinkedIn .contact-link span {
      font-size: 24px; }
      .Follow-our-LinkedIn .contact-link span .icon-img {
        display: inline-block; }
      .Follow-our-LinkedIn .contact-link span:hover {
        color: inherit; }
    @media (max-width: 480px) {
      .Follow-our-LinkedIn .contact-link {
        padding: 16px 16px 56px; } }

.learn-more {
  display: block;
  transition: 0.3s; }
  .learn-more .link-width-arrow::after {
    top: -5px; }
  .learn-more .blank-link::after {
    position: relative;
    top: -3px; }
  .learn-more:hover {
    background: #0d1f26; }
    .learn-more:hover .contact-link .link-width-arrow {
      color: #fff; }
  .learn-more .bg-blue {
    color: #fff; }
  .learn-more .msg {
    padding: 56px 16px 56px;
    display: block;
    text-align: center; }
    .learn-more .msg .title {
      font-size: 36px;
      font-weight: 400; }
    .learn-more .msg .text {
      font-size: 18px;
      font-weight: 100; }
    @media (max-width: 480px) {
      .learn-more .msg {
        padding: 56px 16px 56x; }
        .learn-more .msg .link-width-arrow::after {
          top: -4px; }
        .learn-more .msg .blank-link::after {
          position: relative;
          top: -2px; }
        .learn-more .msg .title {
          font-size: 32px; } }
  .learn-more .contact-link {
    padding: 16px 24px 56px; }
    .learn-more .contact-link span {
      font-size: 24px; }
      .learn-more .contact-link span:hover {
        color: inherit; }
    @media (max-width: 480px) {
      .learn-more .contact-link {
        padding: 24px 16px 56px; } }

.interested-link {
  display: block;
  transition: 0.3s; }
  .interested-link .bg-blue {
    color: #fff; }
  .interested-link.shoMsg {
    background: #9bb3bb; }
  .interested-link .title {
    font-size: 36px;
    font-weight: 500; }
  .interested-link .text {
    font-size: 28px;
    font-weight: 400; }
  @media (max-width: 480px) {
    .interested-link {
      padding: 32px 16px 32px; }
      .interested-link .title {
        font-size: 32px; } }
  .interested-link .contact-link {
    padding: 20px 24px 56px; }
    .interested-link .contact-link span {
      font-size: 24px; }
      .interested-link .contact-link span:hover {
        color: inherit; }
    @media (max-width: 480px) {
      .interested-link .contact-link {
        padding: 24px 16px; } }

.share-list {
  display: flex;
  justify-content: center;
  align-items: center; }
  .share-list li {
    font-weight: 500; }
  .share-list .share-sns:not(:first-child) {
    margin-left: 24px;
    width: 24px; }
    .share-list .share-sns:not(:first-child) .sns-link,
    .share-list .share-sns:not(:first-child) .sns-image {
      width: 100%;
      display: block;
      height: auto; }

.section-division_logo-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .section-division_logo-area .logo-area {
    width: 50%;
    border-right: solid 1px #e5e5e5;
    box-sizing: border-box;
    text-align: right;
    position: relative; }
    .section-division_logo-area .logo-area img {
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -37px;
      height: 74px !important;
      width: auto; }
  .section-division_logo-area .text-area {
    width: 50%;
    padding: 0 0 0 64px;
    box-sizing: border-box;
    text-align: left; }
    .section-division_logo-area .text-area nav ul {
      display: flex;
      align-items: center;
      margin-top: 8px;
      max-width: 415px; }
      .section-division_logo-area .text-area nav ul li {
        margin-right: 24px; }
        .section-division_logo-area .text-area nav ul li:first-child {
          min-width: 80px; }
        .section-division_logo-area .text-area nav ul li:last-child {
          margin-right: 0; }
  @media (max-width: 991px) {
    .section-division_logo-area .logo-area {
      width: 100%;
      border-right: none;
      padding: 0 0 40px 0;
      text-align: center; }
      .section-division_logo-area .logo-area img {
        position: initial;
        height: 53px !important;
        margin: auto; }
    .section-division_logo-area .text-area {
      width: 100%;
      padding: 0 0 0 0;
      text-align: center; }
      .section-division_logo-area .text-area nav ul {
        flex-wrap: wrap;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        max-width: 295px; }
        .section-division_logo-area .text-area nav ul li:first-child {
          width: 100%;
          margin-bottom: 16px;
          margin-right: 0; }
        .section-division_logo-area .text-area nav ul li:last-child {
          margin-right: 0; } }

.read_more-btn {
  margin: auto;
  width: 100%;
  max-width: 320px;
  box-sizing: border-box; }
  .read_more-btn a {
    display: block;
    background: #567783;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 24px;
    transition: 0.3s; }
    .read_more-btn a:hover {
      background: #223f4b; }
  @media (max-width: 480px) {
    .read_more-btn {
      max-width: none; } }

.news-list .news-item .news-text {
  margin: auto;
  font-size: 24px;
  font-weight: 400;
  transition: 0.3s; }

.news-list .news-item .news-link {
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s; }

.news-list .news-item .news-inner {
  display: block;
  box-sizing: border-box;
  border-left: 3px solid #e31f26;
  padding-left: 24px;
  transition: 0.3s; }
  .news-list .news-item .news-inner .news-tags .tag {
    transition: 0.3s;
    display: inline-block;
    font-size: 18px;
    font-weight: 100;
    margin-left: 24px;
    padding-left: 24px;
    border-left: solid 1px #cccccc; }
    .news-list .news-item .news-inner .news-tags .tag.date {
      margin-left: 0;
      padding-left: 0;
      border-left: none; }
    @media (max-width: 480px) {
      .news-list .news-item .news-inner .news-tags .tag {
        font-size: 18px;
        display: block;
        margin-left: 0;
        padding-left: 0;
        margin-top: 8px;
        border-left: none; }
        .news-list .news-item .news-inner .news-tags .tag.date {
          margin-top: 0; } }

.info-list .info-text {
  font-weight: 100; }

.info-list .info-link {
  font-weight: 500; }

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

@keyframes hoverAnim {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

.sns-image:hover {
  -webkit-animation: 0.25s ease-in hoverAnim;
          animation: 0.25s ease-in hoverAnim; }

.link-ank-arrow {
  position: relative; }
  .link-ank-arrow::after {
    position: relative;
    display: inline-block;
    content: "";
    top: 0;
    bottom: 0;
    margin-left: 8px;
    width: 7.92px;
    height: 7.92px;
    border-right: 4px solid #567783;
    border-bottom: 4px solid #567783; }
  .link-ank-arrow.d-down::after {
    transform: rotate(45deg); }

.test-gap {
  height: 300vh; }

.subscribe-additional {
  background: #f2f2f2;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .subscribe-additional .subscribe a {
    background: #64afd2;
    color: #fff;
    margin-left: 16px; }
    .subscribe-additional .subscribe a:hover {
      background: #006487; }
  @media (max-width: 991px) {
    .subscribe-additional {
      display: none; } }

.blog-post-top {
  padding-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .blog-post-top .blog-post-detail {
    display: flex;
    justify-content: center;
    align-items: center; }
    .blog-post-top .blog-post-detail li {
      border-left: solid 1px #cccccc;
      padding-left: 24px;
      margin-left: 24px;
      font-weight: 100; }
      .blog-post-top .blog-post-detail li:first-child {
        border: none;
        padding-left: 0;
        margin-left: 0; }
      .blog-post-top .blog-post-detail li.name {
        font-weight: 500; }
      .blog-post-top .blog-post-detail li.time {
        position: relative;
        transition: 0.3s; }
        .blog-post-top .blog-post-detail li.time::before {
          content: "";
          width: 14px;
          height: 14px;
          display: inline-block;
          margin-right: 4px;
          background: url(../img/icon-time.svg) no-repeat;
          background-size: contain; }
  .blog-post-top .share-list li {
    font-weight: 100; }
  @media (max-width: 480px) {
    .blog-post-top {
      flex-wrap: wrap; }
      .blog-post-top .blog-post-detail {
        flex-wrap: wrap;
        justify-content: flex-start; }
        .blog-post-top .blog-post-detail li {
          text-align: left; }
          .blog-post-top .blog-post-detail li.name {
            width: 100%; }
          .blog-post-top .blog-post-detail li.day {
            border-left: none;
            margin-left: 0;
            padding-left: 0; }
      .blog-post-top .share-list {
        margin: 16px auto 0; } }

.blog-post-bottom {
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .blog-post-bottom .blog-post-detail {
    display: flex;
    justify-content: center;
    align-items: center; }
    .blog-post-bottom .blog-post-detail li.ttl {
      margin-right: 8px; }
      .blog-post-bottom .blog-post-detail li.ttl::after {
        content: ":"; }
    .blog-post-bottom .blog-post-detail li.tag {
      margin-right: 4px;
      color: #666666; }
      .blog-post-bottom .blog-post-detail li.tag::after {
        content: "/";
        margin-left: 4px; }
    .blog-post-bottom .blog-post-detail li:last-child::after {
      content: none; }
  .blog-post-bottom .share-list li {
    font-weight: 100; }
  @media (max-width: 480px) {
    .blog-post-bottom {
      flex-wrap: wrap; }
      .blog-post-bottom .blog-post-detail {
        flex-wrap: wrap;
        justify-content: flex-start; }
        .blog-post-bottom .blog-post-detail li {
          text-align: left; }
          .blog-post-bottom .blog-post-detail li.ttl {
            width: 100%; }
          .blog-post-bottom .blog-post-detail li:last-child::after {
            content: none; }
      .blog-post-bottom .share-list {
        margin: 16px auto 0; } }

.blog-post-tag {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap; }
  .blog-post-tag li.tag {
    margin-right: 4px;
    color: #666666; }
    .blog-post-tag li.tag::after {
      content: "/";
      margin-left: 4px; }
  .blog-post-tag li:last-child::after {
    content: none; }

.link-list {
  text-align: left; }
  .link-list li {
    font-weight: 100;
    margin-bottom: 24px; }
    .link-list li:last-child {
      margin-bottom: 0; }

.section-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all; }
  .section-table table tr {
    text-align: left; }
    .section-table table tr th {
      background: #f8fafa;
      padding: 16px 24px;
      box-sizing: border-box;
      border-top: solid 1px #e5e5e5;
      border-bottom: solid 1px #e5e5e5;
      width: 30%; }
    .section-table table tr td {
      font-weight: 100;
      padding: 16px 24px;
      box-sizing: border-box;
      border-top: solid 1px #e5e5e5;
      border-bottom: solid 1px #e5e5e5;
      border-left: solid 1px #e5e5e5; }

.filter-module-cont .filter-option {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 40px; }
  @media (max-width: 991px) {
    .filter-module-cont .filter-option {
      position: relative;
      display: flex;
      flex-flow: row-reverse; } }
  .filter-module-cont .filter-option .mhi_form .mhi_form_label .select-wrap::before {
    border-top: 2px solid #333;
    border-right: 2px solid #333; }
  .filter-module-cont .filter-option .mhi_form .mhi_form_label .select-wrap .mhi_form_select {
    width: 110px;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    padding-left: 16px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #cccccc;
    color: #333; }

.filter-module-cont .filter-inner .filter-button-area {
  position: relative; }
  .filter-module-cont .filter-inner .filter-button-area .link-width-arrow {
    display: block;
    margin: auto; }
  .filter-module-cont .filter-inner .filter-button-area .link-width-arrow.angle-45::after {
    transition: 0.3s; }

.filter-module-cont .filter-inner .filter-toggler-area {
  transition: 0.3s;
  overflow: hidden; }
  .filter-module-cont .filter-inner .filter-toggler-area .filter-toggler-inner {
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 32px 0; }
    @media (max-width: 991px) {
      .filter-module-cont .filter-inner .filter-toggler-area .filter-toggler-inner {
        padding: 20px 0; } }
    .filter-module-cont .filter-inner .filter-toggler-area .filter-toggler-inner .filter-item {
      padding: 8px 16px;
      border: 1px solid #cccccc;
      margin: 12px; }
      .filter-module-cont .filter-inner .filter-toggler-area .filter-toggler-inner .filter-item.selected {
        background: #82a0aa;
        border: 1px solid #82a0aa;
        color: #fff; }

.filter-module-cont.toggleClose .filter-inner .filter-button-area .link-width-arrow.angle-45::after {
  transform: rotate(135deg);
  top: -3px; }

.filter-module-cont.toggleClose .filter-inner .filter-toggler-area {
  transform: scale(1, 0);
  position: relative;
  top: 0;
  transform-origin: top; }
  .filter-module-cont.toggleClose .filter-inner .filter-toggler-area .filter-toggler-inner {
    padding: 0;
    opacity: 0;
    height: 0; }

.flex-02-cont-tab {
  display: flex;
  align-items: flex-start;
  flex-flow: row;
  flex-wrap: wrap; }
  .flex-02-cont-tab .flex-item {
    width: 50%;
    box-sizing: border-box;
    padding-right: 32px; }
    .flex-02-cont-tab .flex-item:nth-child(2n) {
      padding-right: 0;
      padding-left: 32px; }
    @media (max-width: 1440px) {
      .flex-02-cont-tab .flex-item {
        padding-right: 28px; }
        .flex-02-cont-tab .flex-item:nth-child(2n) {
          padding-left: 28px; } }
    @media (max-width: 991px) {
      .flex-02-cont-tab .flex-item {
        padding-right: 8px; }
        .flex-02-cont-tab .flex-item:nth-child(2n) {
          padding-left: 8px; } }
    @media (max-width: 480px) {
      .flex-02-cont-tab .flex-item {
        width: 100%;
        padding-right: 0 !important;
        padding-left: 0 !important; } }
  .flex-02-cont-tab .flex-item:hover img {
    transition: 0.3s;
    opacity: 0.75; }

.flex-02-cont {
  display: flex;
  align-items: flex-start;
  flex-flow: row;
  flex-wrap: wrap; }
  .flex-02-cont .flex-item {
    width: 50%;
    box-sizing: border-box;
    padding-right: 32px; }
    .flex-02-cont .flex-item:nth-child(2n) {
      padding-right: 0;
      padding-left: 32px; }
    @media (max-width: 991px) {
      .flex-02-cont .flex-item {
        width: 100%;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-bottom: 80px; } }
    @media (max-width: 480px) {
      .flex-02-cont .flex-item {
        margin-bottom: 0; } }

.flex-03-cont {
  display: flex;
  align-items: flex-start;
  flex-flow: row;
  flex-wrap: wrap; }
  .flex-03-cont .flex-item {
    margin-right: 48px; }
    .flex-03-cont .flex-item:nth-child(3n) {
      margin-right: 0; }
    @media (max-width: 1440px) {
      .flex-03-cont .flex-item {
        width: 30% !important;
        margin-right: 5%; }
        .flex-03-cont .flex-item:nth-child(3n) {
          margin-right: 0; } }
    @media (max-width: 991px) {
      .flex-03-cont .flex-item {
        width: 48% !important;
        margin-right: 4%; }
        .flex-03-cont .flex-item:nth-child(3n) {
          margin-right: 4%; }
        .flex-03-cont .flex-item:nth-child(2n) {
          margin-right: 0; } }
    @media (max-width: 480px) {
      .flex-03-cont .flex-item {
        width: 100% !important;
        margin-right: 0%; }
        .flex-03-cont .flex-item:nth-child(3n) {
          margin-right: 0%; }
        .flex-03-cont .flex-item:nth-child(2n) {
          margin-right: 0; } }

.blog-post-list .blog-post {
  width: 400px; }
  .blog-post-list .blog-post img {
    transition: 0.3s; }
  .blog-post-list .blog-post:hover img {
    opacity: 0.75; }
  .blog-post-list .blog-post .text-area .blog-post-top .blog-post-detail {
    width: 100%;
    justify-content: space-between; }
    .blog-post-list .blog-post .text-area .blog-post-top .blog-post-detail li {
      border: none; }

.grid-item-text {
  font-size: 18px;
  font-weight: 100; }

.ebook-item {
  display: flex; }
  .ebook-item:hover img {
    opacity: 0.75; }
  .ebook-item:hover .text-link {
    color: #e31f26; }
  .ebook-item .img-area {
    width: 188px; }
    .ebook-item .img-area img {
      width: 100%;
      transition: 0.3s; }
  .ebook-item .text-area {
    width: calc(100% - 188px);
    padding-left: 24px; }
  @media (max-width: 480px) {
    .ebook-item {
      flex-flow: column;
      justify-content: center;
      align-items: center; }
      .ebook-item .text-area {
        width: 100%;
        padding-left: 0; }
      .ebook-item .img-area {
        margin-bottom: 24px;
        width: 100%;
        max-height: 296px; }
        .ebook-item .img-area img {
          height: 100% !important;
          width: auto !important; } }

.grid-item-title {
  white-space: break-spaces; }

@-webkit-keyframes downArrow {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    transform: translateY(24px);
    opacity: 0; } }

@keyframes downArrow {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    transform: translateY(24px);
    opacity: 0; } }

.introduction-content {
  position: relative; }

.bg-sticker-area {
  background: url(../img/introduction/kv_pc.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center bottom;
  background-size: cover; }
  @media (max-width: 991px) {
    .bg-sticker-area {
      background: none !important; }
      .bg-sticker-area::before {
        background: url(../img/introduction/kv_sp.jpg) no-repeat center;
        /* 画像（ここにfixedは入れない） */
        background-size: cover;
        /* cover指定できる */
        content: "";
        display: block;
        position: fixed;
        /* 擬似要素ごと固定 */
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        /* 横幅いっぱい */
        height: 100vh;
        /* 縦幅いっぱい */ } }

.large-link-area {
  position: relative;
  display: block;
  overflow: hidden; }
  .large-link-area:hover .img-area {
    transform: scale(1.2);
    transition-timing-function: ease-out;
    transition-duration: .5s; }
  .large-link-area:hover .link-width-arrow {
    color: #e31f26; }
  .large-link-area.n-gas .img-area {
    background: url(../img/introduction/case01_pc.jpg) no-repeat;
    background-size: cover; }
  .large-link-area.ccus .img-area {
    background: url(../img/introduction/case02_pc.jpg) no-repeat;
    background-size: cover; }
  .large-link-area.c-fuel .img-area {
    background: url(../img/introduction/case03_pc.jpg) no-repeat;
    background-size: cover; }
  .large-link-area.i-solutions .img-area {
    background: url(../img/introduction/case04_pc.jpg) no-repeat;
    background-size: cover; }
  .large-link-area .img-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: .3s;
    overflow: hidden; }
    .large-link-area .img-area img {
      display: none !important; }
  .large-link-area .text-area {
    position: relative;
    z-index: 0;
    width: 50%;
    min-width: 688px;
    margin-top: 160px;
    margin-bottom: 160px;
    padding: 40px 40px 40px 80px;
    box-sizing: border-box;
    border-radius: 0 8px 8px 0; }
    @media (max-width: 991px) {
      .large-link-area .text-area {
        margin-top: 120px;
        margin-bottom: 120px;
        width: 70%;
        min-width: auto;
        padding: 24px 24px 24px 56px; } }
  .large-link-area:nth-child(2n) .text-area {
    padding: 32px 80px 32px 32px;
    margin-left: auto;
    right: 0;
    border-radius: 8px 0px 0px 8px; }
    @media (max-width: 991px) {
      .large-link-area:nth-child(2n) .text-area {
        padding: 24px 56px 24px 24px; } }
    @media (max-width: 480px) {
      .large-link-area:nth-child(2n) .text-area {
        padding: 32px 16px 56px; } }
  @media (max-width: 480px) {
    .large-link-area .img-area {
      position: relative;
      width: 100%;
      background: none;
      display: block; }
      .large-link-area .img-area img {
        display: block !important; }
    .large-link-area .text-area {
      position: relative;
      z-index: 1;
      max-width: 688px;
      width: 100%;
      margin-top: 0;
      margin-bottom: 0;
      padding: 32px 16px 56px;
      border-radius: 0 0 0 0; } }
  @media (max-width: 480px) {
    .large-link-area:last-child .text-area {
      padding: 32px 16px 0; } }

.introduction-content sub {
  transform: translateY(-0.3em) translatex(0);
  position: relative;
  display: inline-block;
  font-size: .75em; }

.introduction-content .int-title h1 {
  font-size: 36px;
  font-weight: 500; }

.introduction-content .int-title p {
  font-size: 18px;
  font-weight: 500; }

@media (max-width: 480px) {
  .introduction-content .int-title h1 {
    font-size: 32px;
    font-weight: 500; }
  .introduction-content .int-title p {
    font-size: 18px;
    font-weight: 500; } }

.introduction-content .int-grid-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-gap: 24px; }

.introduction-content .int-grid-item > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.introduction-content .int-grid-item > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }

.introduction-content .int-grid-item > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5; }
  .introduction-content .int-grid-item .item img {
    width: 100%;
    display: block; }
  @media (max-width: 480px) {
    .introduction-content .int-grid-item {
      -ms-grid-columns: 240px;
      grid-template-columns: 240px;
      grid-auto-rows: auto;
      justify-content: center;
      grid-gap: 32px; } }

.introduction-content .bg-sticker-area .fv-area {
  position: relative; }
  .introduction-content .bg-sticker-area .fv-area .downarrow {
    content: "";
    height: 33.96px;
    width: 26.42px;
    display: block;
    bottom: 48px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute; }
    .introduction-content .bg-sticker-area .fv-area .downarrow::before {
      content: "";
      height: 16.98px;
      width: 26.42px;
      display: block;
      background: url(../img/introduction/downarrow.svg) no-repeat;
      background-size: cover;
      bottom: 14px;
      left: 0;
      right: 0;
      margin: auto;
      position: absolute;
      -webkit-animation: downArrow 1.5s infinite;
              animation: downArrow 1.5s infinite; }
    .introduction-content .bg-sticker-area .fv-area .downarrow::after {
      -webkit-animation: downArrow 1.5s infinite;
              animation: downArrow 1.5s infinite;
      content: "";
      height: 16.98px;
      width: 26.42px;
      display: block;
      background: url(../img/introduction/downarrow.svg) no-repeat;
      background-size: cover;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      position: absolute; }
  .introduction-content .bg-sticker-area .fv-area .main-msg {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 62px;
    transform: translateY(-50%); }

.anim-item {
  transition: .3s;
  transition-timing-function: linear; }

.border-solid1 {
  border: solid 1px #ccc;
  box-sizing: border-box; }

#introduction #wrapper {
  background: none; }

#introduction .content-wrapper {
  background: #fff; }
  #introduction .content-wrapper.bg-non {
    background: none; }

#introduction .footer-cont {
  background: #fff; }

.lang-ja .introduction-content .int-title h1 {
  font-size: 30px;
  font-weight: 700; }

.lang-ja .introduction-content .int-title p {
  font-size: 16px;
  font-weight: 700; }

.lang-ja .introduction-content .bg-sticker-area .fv-area .main-msg {
  font-size: 54px;
  font-weight: 700; }

.lang-ja .introduction-content .Follow-our-LinkedIn .msg {
  padding: 56px 24px 12px; }

.lang-ja .introduction-content .Follow-our-LinkedIn .contact-link {
  padding: 12px 24px 56px;
  display: block; }

.lang-ja .introduction-content .share-list li {
  font-weight: 500 !important; }

@media (max-width: 480px) {
  .lang-ja .introduction-content .bg-sticker-area .fv-area .main-msg {
    line-height: 1.37em; } }