@charset "UTF-8";
/*
**  ===================================================================
**  各種設定：var,reset,base-font,break-point
**  ===================================================================
*/
/**
 * Foundation
**/
/*
**  ===================================================================
**  foundation CSS ※サイト全体に共通のスタイル
**  ===================================================================
*/
/*!
     * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
     * http://cssreset.com
     * Copyright 2012 Yahoo! Inc. All rights reserved.
     * http://yuilibrary.com/license/
     */
/*
        TODO will need to remove settings on HTML since we can't namespace it.
        TODO with the prefix, should I group by selector or property for weight savings?
    */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap");
html {
  color: #000;
  background: #FFF; }

/*
        TODO remove settings on BODY since we can't namespace it.
    */
/*
        TODO test putting a class on HEAD.
            - Fails on FF.
    */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

/*
        TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
    */
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ''; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
  display: none; }

/*
**  ===================================================================
**  Mixin CSS
**  ===================================================================
*/
/**
 * clearfix
**/
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

html{
  background: #1B1F53;
}
main{
  border-top: 90px solid #1B1F53;
}
@media only screen and (max-width: 960px) {
  main{
    border-top: 80px solid #1B1F53;
  }
}
@media only screen and (max-width: 480px) {
  main{
  border-top: 52px solid #1B1F53;
  }
}

header {
  position: fixed;
  top: 0px;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  height: 90px;
  background: #1B1F53;
  z-index: 5;
  -webkit-transition: .2s;
  transition: .2s; }
  @media only screen and (max-width: 960px) {
    header{
      height: 80px;
    }
  }
  header .header_inner{
    max-width: 1280px;
    margin: 0 auto;
    width: calc(100% - 140px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  @media only screen and (max-width: 960px) {
    header .header_inner{
      width: 100%;
      padding: 0 16px;
    }
  }
  @media only screen and (max-width: 480px) {
    header .header_inner{
      width: 100%;
      padding: 0;
    }
  }
  header.blue {
    background: #1B1F53; }
  @media only screen and (max-width: 480px) {
    header {
      height: 52px;
      padding: 0 calc(var(--fluidPx) * 12); } }
  header .scroll_logo {
    display: none; }
  header .kv_logo {
    display: block; }
  header h1 img {
    height: 40px; }
    @media only screen and (max-width: 480px) {
      header h1 img {
        height: 24px; } }
  header .menu_btn {
    display: none; }
    @media only screen and (max-width: 900px) {
      header .menu_btn {
        display: block; } }
    @media only screen and (max-width: 480px) {
      header .menu_btn {
        display: block; } }
  header nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: flex-end;; }
    @media only screen and (max-width: 900px) {
      header nav {
        display: none; } }
    header nav .navs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
    header nav .menu {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      @media only screen and (max-width: 900px) {
        header nav .menu {
          display: none; } }
      @media only screen and (max-width: 480px) {
        header nav .menu {
          display: none; } }
    header nav .sp {
      display: none; }
      @media only screen and (max-width: 900px) {
        header nav .sp {
          display: block; } }
      @media only screen and (max-width: 480px) {
        header nav .sp {
          display: block; } }
      header nav .sp .btn-close {
        visibility: hidden;
        pointer-events: none; }
    header nav a {
      color: #fcfcfc; }
    header nav div {
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1; }

    header nav .nav_top{
      display: flex;
      align-items: center;
      padding: 8px 0 4px 0;
    }
    @media only screen and (max-width: 900px) {
      header nav .nav_top{
        display: none;
      }
    }
    header nav .nav_top a:first-child{
      border-right: 1px solid #fff;
    }
    header nav .nav_top .text{
      padding-right: 10px;
      padding-left: 10px;
      font-size: 14px;
    }
    header nav .nav_top .text:hover{
      opacity: .8;
      transition: opacity .3s;
    }
    header nav .navs a {
      margin: 4px calc(var(--fluidPx) * 20) 0; }
    header nav .navs a:last-child {
      margin: 6px 0 0 calc(var(--fluidPx) * 10); }
    header nav .navs .contact {
      border: 1px solid #fcfcfc;
      margin-top: 4px;
      padding: calc(var(--fluidPx) * 5) calc(var(--fluidPx) * 20);
      -webkit-transition: all .3s;
      transition: all .3s; }
      @media only screen and (max-width: 900px) {
        header nav .navs .contact {
          padding: calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 20);
        }
      }
      header nav .navs .contact:hover {
        color: #1B1F53;
        border: 1px solid #1B1F53;
        background: #fff;
        -webkit-transition: all .3s;
        transition: all .3s; }

    header nav .navs .gallery {
      color: #fae21b;
      height: 48px;
      padding: calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 20);
      display: flex;
      margin-left: 0;
      align-items: center;
      justify-content: center;
      -webkit-transition: all .3s;
      transition: all .3s; }
      @media only screen and (max-width: 960px) {
        header nav .navs .gallery {

        }
      }
      header nav .navs .gallery:hover {
        color: #1B1F53;
        background: #fcfcfc;
        -webkit-transition: all .3s;
        transition: all .3s; }

    header nav .navs .menu-item-3071 {
      position: relative;
      height: 56px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: all .3s;
      transition: all .3s; }
      header nav .navs .menu-item-3071 a {
        line-height: 56px; }
      header nav .navs .menu-item-3071:hover {
        -webkit-transition: all .3s;
        transition: all .3s;
        background: #fcfcfc; }
        header nav .navs .menu-item-3071:hover a {
          color: #1B1F53; }

          header nav .navs .menu-item.sp_nav{
            display: none;
          }
          @media only screen and (max-width: 900px) {
            header nav .navs .menu-item.sp_nav{
              display: flex;
            }
          }
          header nav .navs .sp .menu-item{
            min-height: 36px;
          }


    header nav .navs .menu-item-has-children {
      position: relative;
      height: 48px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: all .3s;
      transition: all .3s; }
      header nav .navs .menu-item-has-children .sub-menu {
        position: absolute;
        visibility: hidden;
        background: #fcfcfc;
        opacity: 0;
        width: calc(var(--fluidPx) * 340);
        z-index: 10;
        top: 48px;
        left: 0;
        -webkit-transition: all .3s;
        transition: all .3s; }
        header nav .navs .menu-item-has-children .sub-menu a {
          color: #1B1F53;
          line-height: 56px; }
      header nav .navs .menu-item-has-children:hover {
        -webkit-transition: all .3s;
        transition: all .3s;
        background: #fcfcfc; }
        header nav .navs .menu-item-has-children:hover a {
          color: #1B1F53; }
        header nav .navs .menu-item-has-children:hover .sub-menu {
          visibility: visible;
          opacity: 1;
          -webkit-transition: all .3s;
          transition: all .3s; }
    header nav .search {
      cursor: pointer;
      opacity: 1;
      -webkit-transition: all .3s;
      transition: all .3s;
      margin-left: calc(var(--fluidPx) * 14); }
      @media only screen and (max-width: 960px) {
        header nav .search {
          display: none; } }
      @media only screen and (max-width: 480px) {
        header nav .search {
          display: none; } }
      header nav .search:hover {
        opacity: .8;
        -webkit-transition: all .3s;
        transition: all .3s; }
    header nav .search svg{
      height: 18px;
      width: auto;
    }
    header nav .language {
      margin-left: calc(var(--fluidPx) * 22); }
      @media only screen and (max-width: 960px) {
        header nav .language {
          margin-left: 20px;
          margin-top: 12px;
          display: none; } }
      @media only screen and (max-width: 480px) {
        header nav .language {
          display: none; } }
      header nav .language a {
        color: #7E7E7E; }
        header nav .language a.active {
          color: #fcfcfc; }
        header nav .language a:first-child {
          border-right: 1px solid #fcfcfc;
          padding-right: calc(var(--fluidPx) * 8);
          font-size: 14px; }
        header nav .language a:last-child {
          padding-left: 8px;
          font-size: 13px; }
        @media only screen and (max-width: 960px) {
          header nav .language a:last-child {
            padding-left: 0px;
           }
        }
    .jp header nav .language {
      margin-left: calc(var(--fluidPx) * 30); }
    }
    header nav .login {
      margin-left: calc(var(--fluidPx) * 40); }
      header nav .login a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        header nav .login a svg {
          margin-right: calc(var(--fluidPx) * 8); }
    header nav.open {
      position: fixed;
      height: 100vh;
      width: 100%;
      z-index: 6;
      display: block;
      top: 0;
      left: 0;
      background: #1B1F53;
      overflow-y: scroll; }
      header nav.open .sp {
        width: 100%; }
        header nav.open .sp a {
          margin: calc(var(--fluidPx) * 8) 0; }
          header nav.open .sp a img {
            display: block; }
        header nav.open .sp .menu {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start; }
          header nav.open .sp .menu .menu-item-has-children {
            width: 100%;
            height: auto;
            position: relative;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: calc(var(--fluidPx) * 32); }
            header nav.open .sp .menu .menu-item-has-children .sp_toggle_btn {
              width: 16px;
              height: 16px;
              display: block;
              position: absolute;
              top: 8px;
              right: 0;
            }
            header nav.open .sp .menu .menu-item-has-children .sp_toggle_btn:before {
              content: "";
              width: 2px;
              height: 16px;
              position: absolute;
              top: 0;
              left: 7px;
              background: #fff;
            }
            header nav.open .sp .menu .menu-item-has-children.open .sp_toggle_btn:before {
              content: "";
              width: 2px;
              height: 16px;
              position: absolute;
              top: 0;
              left: 7px;
              display: none;
            }
            header nav.open .sp .menu .menu-item-has-children .sp_toggle_btn:after {
              content: "";
              width: 16px;
              height: 2px;
              position: absolute;
              top: 7px;
              left: 0;
              background: #fff;
            }
            header nav.open .sp .menu .menu-item-has-children a {
              font-size: 16px;
              line-height: 2; }
            header nav.open .sp .menu .menu-item-has-children:hover {
              background: none; }
              header nav.open .sp .menu .menu-item-has-children:hover a {
                color: #fcfcfc; }
              header nav.open .sp .menu .menu-item-has-children:hover .sub-menu a {
                color: #fcfcfc; }
            header nav.open .sp .menu .menu-item-has-children .sub-menu {
              visibility: visible;
              position: static;
              opacity: 1;
              background: none;
              width: 100%;
              height: 0;
              overflow:hidden;
              transition: height .3s;
             }
             header nav.open .sp .menu .menu-item-has-children.open .sub-menu {
               visibility: visible;
               position: static;
               opacity: 1;
               background: none;
               width: 100%;
               height: auto;
               overflow:hidden;
               transition: height .3s;
              }
              header nav.open .sp .menu .menu-item-has-children .sub-menu a {
                color: #fcfcfc;
                font-size: 14px;
                line-height: 2; }
        header nav.open .sp .sp_head {
          border-top: 1px solid #7e7e7e;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          margin: calc(var(--fluidPx) * 24) 0; }
          header nav.open .sp .sp_head .language {
            margin-left: 0;
            width: auto;
            display: block;
            margin-left: calc(var(--fluidPx) * 80); }
        header nav.open .sp .search {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin: calc(var(--fluidPx) * 24) 0;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          color: #fcfcfc; }
          header nav.open .sp .search svg {
            margin-right: calc(var(--fluidPx) * 12); }
        header nav.open .sp .btn-close {
          visibility: visible;
          pointer-events: auto; }
      header nav.open .navs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: calc(var(--fluidPx) * 42);
        box-sizing: border-box; }
        @media only screen and (max-width: 800px) {
          header nav.open .navs {
            padding-bottom: calc(var(--fluidPx) * 172); } }
        header nav.open .navs .nav_wrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          height: auto;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start; }
          header nav.open .navs .nav_wrap:hover {
            background: none; }
            header nav.open .navs .nav_wrap:hover a {
              color: #fcfcfc; }
          header nav.open .navs .nav_wrap .nav_child {
            position: relative;
            visibility: visible;
            opacity: 1;
            background: none;
            top: auto;
            margin-left: calc(var(--fluidPx) * 24); }
            header nav.open .navs .nav_wrap .nav_child a {
              color: #fcfcfc; }
      header nav.open .language {
        display: none; }
      header nav.open .search {
        display: none; }
      @media only screen and (max-width: 900px) {
        header nav.open .navs .contact_btns{
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 40px;
        }
        header nav.open .navs .contact_btns .contact{
          width: 50%;
          max-width: 307px;
          height: 48px;
          display: flex;
          align-items: center;
          text-align: center;
          justify-content: center;
          margin: 0 10px;
        }
        header nav.open .navs .contact_btns .gallery{
          width: 50%;
          max-width: 307px;
          height: 48px;
          display: flex;
          align-items: center;
          text-align: center;
          justify-content: center;
          margin: 0 10px;
          color: #1B1F54;
          background: #fff;
        }
      }
      @media only screen and (max-width: 960px) {
        header nav.open .navs .contact_btns .contact{
          width: calc(38vw - 14px);
          max-width: 307px;
          height: 48px;
          display: flex;
          align-items: center;
          text-align: center;
          justify-content: center;
          margin: 0;
        }
        header nav.open .navs .contact_btns .gallery{
          width: calc(38vw - 14px);
          max-width: 307px;
          height: 48px;
          display: flex;
          align-items: center;
          text-align: center;
          justify-content: center;
          margin: 0;
          color: #1B1F54;
          background: #fff;
        }
        header nav.open .navs .contact_btns{
          justify-content: space-between;
        }
      }

  header .desvg circle, header .desvg line, header .desvg rect, header .desvg path {
    stroke: #fcfcfc; }
  header.back {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .2s;
    transition: .2s; }
  header.move {
    position: absolute !important;
    -webkit-transition: none !important;
    transition: none !important; }
  header.white {
    background: #fcfcfc !important;
    z-index: 5;
    -webkit-transition: .2s;
    transition: .2s; }
    header.white a {
      color: #1B1F53; }
      @media only screen and (max-width: 480px) {
        header.white a {
          color: #fff; } }
    header.white .navs .contact {
      border: 1px solid #1B1F53; }
      header.white .navs .contact:hover {
        background: #1B1F53;
        color: #fcfcfc; }
    header.white .language a.active {
      color: #1B1F53; }
    header.white .language a:first-child {
      border-right: 1px solid #1B1F53; }
    header.white .scroll_logo {
      display: block; }
    header.white .kv_logo {
      display: none; }
    header.white .desvg circle, header.white .desvg line, header.white .desvg rect, header.white .desvg path {
      stroke: #1B1F53; }
  header .sp .menu-menu-1-container{
    margin-top: calc(var(--fluidPx) * 32);
  }
.search_box {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  height: 100;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: calc(var(--fluidPx) * 60) calc(var(--fluidPx) * 140);
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s; }
  @media only screen and (max-width: 480px) {
    .search_box {
      padding: calc(var(--fluidPx) * 120) calc(var(--fluidPx) * 18) calc(var(--fluidPx) * 50); } }
  .search_box.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s; }
  .search_box #___gcse_0 {
    width: 100%;
    max-width: calc(var(--fluidPx) * 960);
    margin-bottom: calc(var(--fluidPx) * 32); }
  .search_box #___gcse_1 {
    width: 100%;
    max-width: calc(var(--fluidPx) * 960);
    overflow: auto; }
  .search_box .gsc-control-cse {
    padding: 0;
    background: none;
    border: none; }
  .search_box .gsc-control-wrapper-cse .gsc-results-wrapper-visible {
    padding: 1em;
    background: #fff;
    box-sizing: border-box; }
  .search_box .gsc-search-button-v2 {
    padding: 0 27px;
    height: 40px; }
  .search_box .gsst_a .gscb_a {
    padding-top: 6px; }
  .search_box .gsc-input-box {
    padding: 0;
    height: 40px;
    box-sizing: border-box; }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype"); }

html {
  font-size: 100%;
  line-height: 1.8;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: calc(var(--fluidPx) * 16);
  color: #666; }
  html.jp {
    font-family: 'IBM Plex Sans','Noto Sans JP', sans-serif; }

body {
  background: #fcfcfc;
  min-height: 100vh;
}
  body.active {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0; }

a {
  text-decoration: none;
  color: #666; }

p span.small {
  font-size: calc(var(--fluidPx) * 12); }

ol {
  list-style: decimal;
  margin-left: 1em; }
  ol li ol {
    list-style: lower-alpha;
  }
figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  line-height: 0; }

#loader-bg {
  display: none;
  position: fixed;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #1B1F53;
  z-index: 1000; }

#loader {
  display: none;
  width: calc(var(--fluidPx) * 200);
  height: auto;
  text-align: center;
  color: #fff;
  z-index: 1002; }
  #loader svg {
    fill: #fff; }

.btn, .wp-block-button__link {
  background: #1B1F53;
  font-size: calc(var(--fluidPx) * 16);
  color: #fff;
  text-decoration: none;
  padding: calc(var(--fluidPx) * 14) calc(var(--fluidPx) * 12);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  min-width: calc(var(--fluidPx) * 180);
  box-sizing: content-box;
  text-decoration: none !important; }
  .btn:hover, .wp-block-button__link:hover {
    opacity: .8;
    -webkit-transition: opacity .3s;
    transition: opacity .3s; }
  .btn:after, .wp-block-button__link:after {
    content: "";
    display: block;
    background: url("../images/btn_arrow.svg");
    background-size: cover;
    width: calc(var(--fluidPx) * 24);
    height: calc(var(--fluidPx) * 24);
    margin-left: calc(var(--fluidPx) * 16);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .btn.cyan, .wp-block-button__link.cyan {
    background: #94E7FC;
    margin-right: calc(var(--fluidPx) * 48);
    border: none;
    color: #1B1F53 !important;
    text-decoration: none; }
    .btn.cyan:after, .wp-block-button__link.cyan:after {
      background: url("../images/btn_arrow_bk.svg");
      background-size: cover; }
    @media only screen and (max-width: 480px) {
      .btn.cyan, .wp-block-button__link.cyan {
        margin-right: calc(var(--fluidPx) * 24); } }
  .btn.yellow_line, .wp-block-button__link.yellow_line {
    background: none;
    margin-right: calc(var(--fluidPx) * 48);
    border: 1px solid #FAE21B;
    color: #FAE21B;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .btn.yellow_line:hover, .wp-block-button__link.yellow_line:hover {
      opacity: 1;
      background: #FAE21B;
      color: #1B1F53;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .btn.yellow_line:hover:after, .wp-block-button__link.yellow_line:hover:after {
        background: url("../images/btn_arrow_bk.svg");
        background-size: cover; }
    .btn.yellow_line:after, .wp-block-button__link.yellow_line:after {
      background: url("../images/btn_arrow_ye.svg");
      background-size: cover; }
    @media only screen and (max-width: 480px) {
      .btn.yellow_line, .wp-block-button__link.yellow_line {
        margin-right: calc(var(--fluidPx) * 24); } }
  .btn.yellow, .wp-block-button__link.yellow {
    width: auto;
    background: #FAE21B;
    margin-right: calc(var(--fluidPx) * 48);
    border: none;
    color: #1B1F53 !important;
    text-decoration: none; }
    .btn.yellow:after, .wp-block-button__link.yellow:after {
      background: url("../images/btn_arrow_bk.svg");
      background-size: cover; }
    @media only screen and (max-width: 480px) {
      .btn.yellow, .wp-block-button__link.yellow {
        margin-right: calc(var(--fluidPx) * 24); } }
  .btn.white, .wp-block-button__link.white {
    width: auto;
    background: none;
    margin-right: calc(var(--fluidPx) * 48);
    border: 1px solid #fcfcfc;
    color: #fcfcfc;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .btn.white:hover, .wp-block-button__link.white:hover {
      opacity: 1;
      background: #fcfcfc;
      color: #1B1F53;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .btn.white:hover:after, .wp-block-button__link.white:hover:after {
        background: url("../images/btn_arrow_bk.svg");
        background-size: cover; }
    .btn.white:after, .wp-block-button__link.white:after {
      background: url("../images/btn_arrow.svg");
      background-size: cover; }
    @media only screen and (max-width: 480px) {
      .btn.white, .wp-block-button__link.white {
        margin-right: calc(var(--fluidPx) * 24); } }
  .btn.auto, .wp-block-button__link.auto {
    width: auto !important; }

.wp-block-button {
  min-width: calc(var(--fluidPx) * 180); }
  .wp-block-button.yellow .wp-block-button__link {
    background: #FAE21B;
    margin-right: calc(var(--fluidPx) * 48);
    border: none;
    color: #1B1F53; }
    .wp-block-button.yellow .wp-block-button__link:after {
      background: url("../images/btn_arrow_bk.svg");
      background-size: cover; }
    @media only screen and (max-width: 480px) {
      .wp-block-button.yellow .wp-block-button__link {
        margin-right: calc(var(--fluidPx) * 24); } }
  .wp-block-button.yellow_line .wp-block-button__link {
    background: none;
    margin-right: calc(var(--fluidPx) * 48);
    border: 1px solid #FAE21B;
    color: #FAE21B; }
    .wp-block-button.yellow_line .wp-block-button__link:hover {
      opacity: 1;
      background: #FAE21B;
      color: #1B1F53;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .wp-block-button.yellow_line .wp-block-button__link:hover:after {
        background: url("../images/btn_arrow_bk.svg");
        background-size: cover; }
    .wp-block-button.yellow_line .wp-block-button__link:after {
      background: url("../images/btn_arrow_ye.svg");
      background-size: cover; }
    @media only screen and (max-width: 480px) {
      .wp-block-button.yellow_line .wp-block-button__link {
        margin-right: calc(var(--fluidPx) * 24); } }
  .wp-block-button.cyan .wp-block-button__link {
    background: #94E7FC;
    margin-right: calc(var(--fluidPx) * 48);
    border: none;
    color: #1B1F53; }
    .wp-block-button.cyan .wp-block-button__link:after {
      background: url("../images/btn_arrow_bk.svg");
      background-size: cover; }
    @media only screen and (max-width: 480px) {
      .wp-block-button.cyan .wp-block-button__link {
        margin-right: calc(var(--fluidPx) * 24); } }
  .wp-block-button.blue .wp-block-button__link {
    background: #1B1F53;
    margin-right: calc(var(--fluidPx) * 48);
    border: none;
    color: #fff; }
    .wp-block-button.blue .wp-block-button__link:after {
      background: url("../images/btn_arrow.svg");
      background-size: cover; }
    @media only screen and (max-width: 480px) {
      .wp-block-button.blue .wp-block-button__link {
        margin-right: calc(var(--fluidPx) * 24); } }
  .wp-block-button.white .wp-block-button__link {
    background: none;
    margin-right: calc(var(--fluidPx) * 48);
    border: 1px solid #fcfcfc;
    color: #fcfcfc;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .wp-block-button.white .wp-block-button__link:hover {
      opacity: 1;
      background: #fcfcfc;
      color: #1B1F53;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .wp-block-button.white .wp-block-button__link:hover:after {
        background: url("../images/btn_arrow_bk.svg");
        background-size: cover; }
    .wp-block-button.white .wp-block-button__link:after {
      background: url("../images/btn_arrow.svg");
      background-size: cover; }
    @media only screen and (max-width: 480px) {
      .wp-block-button.white .wp-block-button__link {
        margin-right: calc(var(--fluidPx) * 24); } }
  .wp-block-button.auto .wp-block-button__link {
    width: auto;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }

.link_text {
  color: #1B1F53;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative; }
  .link_text:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    display: block;
    background: #1B1F53;
    height: 1px;
    -webkit-transition: width .3s;
    transition: width .3s; }
  .link_text:hover:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    display: block;
    background: #1B1F53;
    height: 1px;
    -webkit-transition: width .3s;
    transition: width .3s; }
  .link_text:after {
    content: "";
    display: block;
    background: url("../images/link_text_arrow.svg");
    background-size: cover;
    width: calc(var(--fluidPx) * 24);
    height: calc(var(--fluidPx) * 24);
    margin-left: calc(var(--fluidPx) * 16); }

section {
  margin-top: calc(var(--fluidPx) * 116); }
  section h1, section h2, section h3, section h4, section h5, section h6 {
    color: #1B1F54; }
  section h2 {
    font-size: calc(var(--fluidPx) * 46);
    margin-bottom: calc(var(--fluidPx) * 32);
    font-weight: 600; }
    @media only screen and (max-width: 480px) {
      section h2 {
        font-size: calc(var(--fluidPx) * 34);
        margin-bottom: calc(var(--fluidPx) * 24); } }
  section h3 {
    font-size: calc(var(--fluidPx) * 32);
    margin-bottom: calc(var(--fluidPx) * 32);
    font-weight: 500; }
    @media only screen and (max-width: 480px) {
      section h3 {
        margin-bottom: calc(var(--fluidPx) * 24); } }
  section p {
    margin-bottom: calc(var(--fluidPx) * 32); }
    section p strong {
      font-weight: 600; }
    @media only screen and (max-width: 480px) {
      section p {
        margin-bottom: calc(var(--fluidPx) * 24); } }
  section strong {
    font-weight: 600; }
  section .col {
    width: calc(100% - 140px);
    max-width: 1100px;
    margin: 0 auto;
     }
    @media only screen and (max-width: 800px) {
      section .col {
        width: 100%;
        padding: 0 calc(var(--fluidPx) * 62);
        box-sizing: border-box;
         } }
    @media only screen and (max-width: 480px) {
      section .col {
        padding: 0 calc(var(--fluidPx) * 18);
         } }
    section .col div {
      -ms-grid-column-span: 20;
      -ms-grid-column: 4;
      grid-column: 4 / span 20; }
      @media only screen and (max-width: 480px) {
        section .col div {
          -ms-grid-column-span: 24;
          -ms-grid-column: 2;
          grid-column: 2 / span 24; } }
    section .col a {
      -ms-grid-column-span: 4;
      -ms-grid-column: 4;
      grid-column: 4 / span 4; }
      @media only screen and (max-width: 480px) {
        section .col a {
          -ms-grid-column-span: 10;
          -ms-grid-column: 2;
          grid-column: 2 / span 10; } }
  section .col2 {
    width: calc(100% - 140px);
    max-width: 1100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
    @media only screen and (max-width: 800px) {
      section .col2 {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 calc(var(--fluidPx) * 62); } }
    @media only screen and (max-width: 480px) {
      section .col2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 calc(var(--fluidPx) * 18); } }
    section .col2 div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      section .col2 div:nth-child(1) {
        width: 50%;
        max-width: 50vw;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
        @media only screen and (max-width: 800px) {
          section .col2 div:nth-child(1) {
            max-width: inherit;
            width: 100%;
            margin-bottom: calc(var(--fluidPx) * 24); } }
      section .col2 div:nth-child(2) {
        width: 50%;
        padding-left: calc(var(--fluidPx) * 100);
        box-sizing: border-box; }
        @media only screen and (max-width: 800px) {
          section .col2 div:nth-child(2) {
            padding-left: 0;
            width: 100%; } }
      section .col2 div .solustions_right{
        width: 100%;
        max-width: 640px;
      }
    section .col2 img {
      width: 100%; }
  section .col3 {
    padding: 0 calc(var(--fluidPx) * 140);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media only screen and (max-width: 800px) {
      section .col3 {
        padding: 0 calc(var(--fluidPx) * 62); } }
    @media only screen and (max-width: 480px) {
      section .col3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 calc(var(--fluidPx) * 18); } }
    section .col3 .thumb {
      width: 31%; }
      @media only screen and (max-width: 480px) {
        section .col3 .thumb {
          width: 100%;
          margin-bottom: calc(var(--fluidPx) * 64); } }
    section .col3 div img {
      width: 100%; }
  section .col4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 140px);
    max-width: 1100px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 800px) {
      section .col4 {
        width: 100%;
        box-sizing: border-box;
        padding: 0 calc(var(--fluidPx) * 62); } }
    @media only screen and (max-width: 480px) {
      section .col4 {
        padding: 0 calc(var(--fluidPx) * 18);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    section .col4 div {
      width: calc(25% - var(--fluidPx) * 20); }
      @media only screen and (max-width: 480px) {
        section .col4 div {
          width: 100%;
          margin-bottom: calc(var(--fluidPx) * 32); } }
      section .col4 div .img {
        height: calc(var(--fluidPx) * 190);
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%; }
      section .col4 div .meta {
        margin-top: calc(var(--fluidPx) * 8);
        margin-bottom: calc(var(--fluidPx) * 8);
        font-size: calc(var(--fluidPx) * 14);
        color: #7E7E7E; }
        section .col4 div .meta .date {
          margin-right: calc(var(--fluidPx) * 24); }
      section .col4 div .title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: calc(var(--fluidPx) * 14);
        line-height: 1.8; }
      section .col4 div .img img {
        -webkit-transition: all .3s;
        transition: all .3s;
        height: 100%;
        width: 100%;
        object-fit: cover; }
      section .col4 div:hover .img img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .3s;
        transition: all .3s; }

button.btn-close,
.btn.btn-close {
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  position: absolute;
  display: inline-block;
  padding: 0;
  top: calc(var(--fluidPx) * 46);
  right: calc(var(--fluidPx) * 30); }

button.btn-close::before,
button.btn-close::after,
.btn.btn-close::before,
.btn.btn-close::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 1.8rem;
  top: 50%;
  left: 50%;
  background: #FCFCFC;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  cursor: pointer; }

button.btn-close::before,
.btn.btn-close::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg); }

button.btn-close::after,
.btn.btn-close::after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg); }

button.btn-close:hover::before,
.btn.btn-close:hover::before {
  -webkit-transform: translateX(-50%) rotate(225deg);
  -ms-transform: translateX(-50%) rotate(225deg);
  transform: translateX(-50%) rotate(225deg); }

button.btn-close:hover::after,
.btn.btn-close:hover::after {
  -webkit-transform: translateX(-50%) rotate(135deg);
  -ms-transform: translateX(-50%) rotate(135deg);
  transform: translateX(-50%) rotate(135deg); }

.company button.btn-close,
.company .btn.btn-close {
  background: #191919;
  pointer-events: auto; }

.modal_bg {
  width: 100vw;
  height: 100vh;
  display: block;
  background: rgba(27, 31, 83, 0.9);
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s; }
  @media only screen and (max-width: 480px) {
    .modal_bg {
      z-index: 103;
      background: none; } }
  .modal_bg.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: auto; }
    @media only screen and (max-width: 480px) {
      .modal_bg.active {
        pointer-events: none; } }

.block_type_b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: calc(var(--fluidPx) * 100);
  padding-bottom: calc(var(--fluidPx) * 100);
  border-bottom: 1px solid #7E7E7E; }
  .block_type_b:last-child {
    border-bottom: none; }
  @media only screen and (max-width: 480px) {
    .block_type_b {
      margin-bottom: calc(var(--fluidPx) * 50);
      padding-bottom: calc(var(--fluidPx) * 50);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .block_type_b:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0; }
  .block_type_b .img {
    margin-right: calc(var(--fluidPx) * 48);
    width: calc(var(--fluidPx) * 506);
    line-height: 1; }
    @media only screen and (max-width: 480px) {
      .block_type_b .img {
        margin-right: 0;
        width: 100%;
        margin-bottom: calc(var(--fluidPx) * 28); } }
    .block_type_b .img img {
      height: auto;
      width: 100%;
      line-height: 1; }
  .block_type_b .detail {
    width: calc(60% - var(--fluidPx) * 48);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media only screen and (max-width: 480px) {
      .block_type_b .detail {
        width: 100%; } }
    .block_type_b .detail h4 {
      font-size: calc(var(--fluidPx) * 28) !important;
      margin-bottom: calc(var(--fluidPx) * 40);
      padding: 0 !important; }
    .block_type_b .detail p {
      margin-bottom: calc(var(--fluidPx) * 40);
      padding: 0 !important; }
    .block_type_b .detail .btn {
      width: calc(var(--fluidPx) * 250); }

.mCSB_inside > .mCSB_container {
  margin-right: 0 !important; }

.mCSB_scrollTools .mCSB_draggerRail {
  display: none; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #94E7FC !important;
  width: 8px; }

@media only screen and (max-width: 960px) {
  .mCSB_scrollTools .mCSB_dragger {
    opacity: 0; } }

#pi_tracking_opt_in_div {
  position: fixed !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  text-align: !important;
  color: #fff !important;
  opacity: 0.8 !important;
  filter: alpha(opacity=80) !important;
  font-size: 62.5% !important;
  padding: 1.65vw 0 !important;
  z-index: 1000 !important;
  background-color: #1B1F53 !important;
  line-height: 1.5 !important; }

#pi_tracking_opt_in_div .ja {
  display: none !important; }

#pi_tracking_opt_in_div .en {
  margin-bottom: .65vw; }

#pi_tracking_opt_in_div .en, #pi_tracking_opt_in_div .ja {
  padding: 0 1rem;
  font-size: 1.2rem;
  letter-spacing: -.04em; }

@media (min-width: 1024px) {
  #pi_tracking_opt_in_div .en, #pi_tracking_opt_in_div .ja {
    padding: 0 1rem;
    font-size: 1vw;
    letter-spacing: 0; } }

#pi_tracking_opt_in_yes::after {
  content: "|";
  display: inline-block;
  font-size: 2rem !important;
  margin: 0 1rem;
  pointer-events: none; }

@media (min-width: 1024px) {
  #pi_tracking_opt_in_yes::after {
    content: "|";
    display: inline-block;
    font-size: 1.6vw !important;
    margin: 0 1vw;
    pointer-events: none; } }

#pi_tracking_opt_in_yes, #pi_tracking_opt_in_no {
  font-size: 2rem !important;
  color: #FAE21B; }

@media (min-width: 1024px) {
  #pi_tracking_opt_in_yes, #pi_tracking_opt_in_no {
    font-size: 1.6vw !important;
    color: #FAE21B; } }



.home {
  overflow-x: hidden; }
  .home #mainvisual {
    padding: 0;
    margin: 0;
    max-width: 100vw;
    overflow: hidden;
    /* .slick-dots li button{
      width: calc(var(--fluidPx) * 4);
      height: calc(var(--fluidPx) * 4);
      border-radius: 100%;
      background: none;
      border: 2px solid #94E7FC;
      box-sizing: border-box;
      &:before{
        content: "";
      }
    }
    .slick-dots li.slick-active button{
      width: calc(var(--fluidPx) * 4);
      height: calc(var(--fluidPx) * 4);
      border-radius: 100%;
      background: #94E7FC;
    } */ }
    .home #mainvisual .slide {
      background-size: cover;
      background-position: center;
      width: 100%;
      height: calc(48vw + 80px);
      min-height: 520px;
      max-height: 72vh;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: calc(var(--fluidPx) * 60);
      box-sizing: border-box; }
      @media only screen and (max-width: 800px) {
        .home #mainvisual .slide {
          padding: calc(var(--fluidPx) * 58);
          height: 72vh; } }
      .home #mainvisual .slide .slide_inner{
        max-width: 1100px;
        width: 100%;
        margin:  0 auto;
      }
      .home #mainvisual .slide h1 {
        color: #fcfcfc;
        font-size: calc(var(--fluidPx) * 46);
        margin-bottom: calc(var(--fluidPx) * 20);
        margin-top: 0px;
        font-weight: 400;
        text-shadow: calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 4) #1B1F53;
        line-height: 1.2; }
        @media only screen and (max-width: 800px) {
          .home #mainvisual .slide h1 {
            font-size: calc(var(--fluidPx) * 38);
            margin-top: 0px; } }
        @media only screen and (max-width: 480px) {
          .home #mainvisual .slide h1 {
            font-size: calc(var(--fluidPx) * 38);
            margin-top: 0px; } }
      .home #mainvisual .slide p {
        color: #fcfcfc;
        font-size: calc(var(--fluidPx) * 24);
        margin-bottom: calc(var(--fluidPx) * 36);
        text-shadow: calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 4) #1B1F53;
        width:50%;
        line-height:1.4;
      }
      .jp .home #mainvisual .slide p {
        width:auto;
      }
        @media only screen and (max-width: 800px) {
          .home #mainvisual .slide p {
            width:100%;
            font-size: calc(var(--fluidPx) * 16);
          }
        }
      .home #mainvisual .slide .slide-video {
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1; }
        @media only screen and (max-width: 800px) {
          .home #mainvisual .slide .slide-video {
            width: auto;
            height: 100%;
            -webkit-transform: translateX(calc(-50% + 50vw));
            -ms-transform: translateX(calc(-50% + 50vw));
            transform: translateX(calc(-50% + 50vw));
            object-fit: cover; } }
    .home #mainvisual .slick-dots {
      bottom: calc(var(--fluidPx) * 24); }
    .home #mainvisual .slick-dots li.slick-active {
      background: #6fadbd; }
    .home #mainvisual .slick-dots li {
      position: relative;
      width: 24px;
      height: 24px;
      background: transparent;
      border-radius: 50%;
      text-align: center;
      overflow: hidden;
      z-index: 1; }
    .home #mainvisual .slick-dots li.slick-active::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: -12px;
      width: 24px;
      height: 24px;
      background: black;
      -webkit-transform-origin: right 12px;
      -ms-transform-origin: right 12px;
      transform-origin: right 12px;
      z-index: 2;
      -webkit-animation: rotate-circle-left 15s linear forwards;
      animation: rotate-circle-left 15s linear forwards; }
    .home #mainvisual .slick-dots li.slick-active::after {
      content: "";
      display: block;
      position: absolute;
      top: 0px;
      left: 12px;
      width: 24px;
      height: 24px;
      background: black;
      -webkit-transform-origin: left 12px;
      -ms-transform-origin: left 12px;
      transform-origin: left 12px;
      z-index: 3;
      -webkit-animation: rotate-circle-right 15s linear forwards;
      animation: rotate-circle-right 15s linear forwards; }
    .home #mainvisual .slick-dots li.slick-active button {
      position: absolute;
      background: black !important;
      border-radius: 50%;
      z-index: 4; }
      .home #mainvisual .slick-dots li.slick-active button:before {
        content: "";
        background: #6fadbd;
        position: absolute; }
    .home #mainvisual .slick-dots li button {
      position: absolute;
      top: 2px;
      left: 2px;
      width: 20px;
      height: 20px;
      padding-top: 7px;
      background: transparent;
      border-radius: 50%;
      z-index: 4; }
      .home #mainvisual .slick-dots li button:before {
        content: "";
        width: 10px;
        height: 10px;
        background: transparent;
        border: 2px solid #6fadbd;
        position: absolute;
        box-sizing: border-box;
        top: 5px;
        left: 5px;
        border-radius: 50%;
        z-index: 4; }

@-webkit-keyframes rotate-circle-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: black; }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: black; }
  50.01% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    background: #6fadbd; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    background: #6fadbd; } }

@keyframes rotate-circle-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: black; }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: black; }
  50.01% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    background: #6fadbd; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    background: #6fadbd; } }

@-webkit-keyframes rotate-circle-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }

@keyframes rotate-circle-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }
    .home #mainvisual .btn_block {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      @media only screen and (max-width: 800px) {
        .home #mainvisual .btn_block {
          flex-wrap: wrap;
        }
        .home #mainvisual .btn_block a{
          margin-bottom: 16px;
        }
      }
      @media only screen and (max-width: 480px) {
        .home #mainvisual .btn_block {
          flex-wrap: nowrap;
        }
      }
      .home #mainvisual .btn_block a {
        margin-right: calc(var(--fluidPx) * 48); }
  .home #featured {
    width: calc(100% - 140px);
        max-width: 1100px;
        margin: 0 auto;
    margin-top: calc(var(--fluidPx) * 56); }
    .home #featured .col{
      width: 100%;
    }
    @media only screen and (max-width: 800px) {
      .home #featured .col{
        padding: 0;
      }
    }
    @media only screen and (max-width: 480px) {
      .home #featured .col{
        padding: 0;
      }
    }
    @media only screen and (max-width: 480px) {
      .home #featured {
        width: 100%;
        padding: 0 calc(var(--fluidPx) * 18);
        box-sizing: border-box;
      }
    }
    .home #featured .col3 {
      padding: 0;
      margin: 0 auto;
      width: 100%;
      margin-bottom: calc(var(--fluidPx) * 32); }
    .home #featured .thumb .img {
      overflow: hidden;
      width: 100%;
      aspect-ratio : 19/12;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .home #featured .thumb .img img {
        -webkit-transition: all .3s;
        transition: all .3s;
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .home #featured .thumb .meta {
      font-size: calc(var(--fluidPx) * 14);
      margin-top: calc(var(--fluidPx) * 8);
      margin-bottom: calc(var(--fluidPx) * 4);
      font-weight: 400;
      color: #7E7E7E; }
    .home #featured .thumb .date {
      margin-right: calc(var(--fluidPx) * 8); }
    .home #featured .thumb .title {
      font-size: calc(var(--fluidPx) * 16);
      font-weight: 500;
      margin-bottom: 0; }
    .home #featured .thumb:hover .img img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: all .3s;
      transition: all .3s; }
  .home #solutions {
    background-color: #141B30;
    margin-top: calc(var(--fluidPx) * 116);
    padding: calc(var(--fluidPx) * 100) 0; }
    .home #solutions h2 {
      color: #fcfcfc; }
    .home #solutions h3 {
      color: #fcfcfc; }
    .home #solutions p {
      color: #fcfcfc; }
    .home #solutions a.btn {
      width: auto; }
  .home #lineup {
    background-size: cover;
    background-position: center;
    width: 100vw;
    min-height: auto;
    padding: calc(var(--fluidPx) * 100) 0;
    position: relative;
    margin-top: 0; }
    .home #lineup:before {
      content: "";
      height: 1px;
      width: calc(100% - var(--fluidPx) * 280);
      display: block;
      background: #fcfcfc;
      top: 0;
      left: calc(var(--fluidPx) * 140);
      position: absolute;
      z-index: 2; }
      @media only screen and (max-width: 800px) {
        .home #lineup:before {
          width: calc(100% - var(--fluidPx) * 124);
          left: calc(var(--fluidPx) * 62); } }
      @media only screen and (max-width: 480px) {
        .home #lineup:before {
          width: calc(100% - var(--fluidPx) * 36);
          left: calc(var(--fluidPx) * 16); } }
    .home #lineup h2 {
      color: #fcfcfc;
      position: relative;
      z-index: 2; }
    .home #lineup .col {
      width: calc(100% - 140px);
      max-width: 1100px;
      margin: 0 auto;
      height: 100%; }
      @media only screen and (max-width: 800px) {
        .home #lineup .col {
          width: 100%;
          box-sizing: border-box;
          padding: calc(var(--fluidPx) * 62);
        }
      }
      @media only screen and (max-width: 480px) {
        .home #lineup .col {
          padding: calc(var(--fluidPx) * 18);
        }
      }
    .home #lineup .flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
    .home #lineup .lineup_links {
      position: relative;
      z-index: 2; }
      .home #lineup .lineup_links a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        color: #7E7E7E;
        text-decoration: none;
        margin-bottom: calc(var(--fluidPx) * 27); }
        .home #lineup .lineup_links a .number {
          font-size: calc(var(--fluidPx) * 32);
          margin-right: calc(var(--fluidPx) * 24);
          line-height: calc(var(--fluidPx) * 56);
          -webkit-transition: all .2s;
          transition: all .2s; }
          @media only screen and (max-width: 480px) {
            .home #lineup .lineup_links a .number {
              font-size: calc(var(--fluidPx) * 36);
              line-height: 1.5;
              margin-right: calc(var(--fluidPx) * 24);
              color: #94E7FC; } }
        .home #lineup .lineup_links a .text {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          text-shadow: calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 4) #1B1F53; }
          .home #lineup .lineup_links a .text .title {
            font-size: calc(var(--fluidPx) * 32); }
            @media only screen and (max-width: 480px) {
              .home #lineup .lineup_links a .text .title {
                font-size: calc(var(--fluidPx) * 24);
                color: #fcfcfc; }
                .home #lineup .lineup_links a .text .title span {
                  position: relative; }
                  .home #lineup .lineup_links a .text .title span:after {
                    content: "";
                    position: absolute;
                    display: inline-block;
                    height: 2px;
                    width: 30%;
                    background: #94E7FC;
                    bottom: -3px;
                    left: 0; } }
          .home #lineup .lineup_links a .text .read {
            font-size: calc(var(--fluidPx) * 16); }
            @media only screen and (max-width: 480px) {
              .home #lineup .lineup_links a .text .read {
                font-size: calc(var(--fluidPx) * 16);
                color: #fcfcfc; } }
        .home #lineup .lineup_links a.active {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          text-decoration: none;
          margin-bottom: calc(var(--fluidPx) * 27);
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          @media only screen and (max-width: 480px) {
            .home #lineup .lineup_links a.active {
              -webkit-box-align: start;
              -webkit-align-items: flex-start;
              -ms-flex-align: start;
              align-items: flex-start; } }
          .home #lineup .lineup_links a.active .number {
            font-size: calc(var(--fluidPx) * 56);
            margin-right: calc(var(--fluidPx) * 24);
            color: #94E7FC;
            -webkit-transition: all .2s;
            transition: all .2s; }
            @media only screen and (max-width: 480px) {
              .home #lineup .lineup_links a.active .number {
                font-size: calc(var(--fluidPx) * 36);
                line-height: 1.5; } }
          .home #lineup .lineup_links a.active .text {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column; }
            .home #lineup .lineup_links a.active .text .title {
              color: #fcfcfc; }
              .home #lineup .lineup_links a.active .text .title span {
                position: relative; }
                .home #lineup .lineup_links a.active .text .title span:after {
                  content: "";
                  position: absolute;
                  display: inline-block;
                  height: 3px;
                  width: 30%;
                  background: #94E7FC;
                  bottom: -2px;
                  left: 0; }
                  @media only screen and (max-width: 480px) {
                    .home #lineup .lineup_links a.active .text .title span:after {
                      content: "";
                      position: absolute;
                      display: inline-block;
                      height: 2px;
                      width: 30%;
                      background: #94E7FC;
                      bottom: -3px;
                      left: 0; } }
            .home #lineup .lineup_links a.active .text .read {
              color: #fcfcfc;
              font-size: calc(var(--fluidPx) * 16); }
    .home #lineup .linup_bg {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 1; }
      .home #lineup .linup_bg div {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity .5s;
        transition: opacity .5s; }
        @media only screen and (max-width: 480px) {
          .home #lineup .linup_bg div:first-child {
            opacity: 1 !important; } }
        .home #lineup .linup_bg div.active {
          opacity: 1;
          -webkit-transition: opacity .5s;
          transition: opacity .5s; }
          @media only screen and (max-width: 480px) {
            .home #lineup .linup_bg div.active {
              opacity: 0; } }
      .home #lineup .linup_bg #lineup01 {
        background: url("../images/lineup_01.png");
        background-size: cover;
        background-position: center; }
      .home #lineup .linup_bg #lineup02 {
        background: url("../images/lineup02.png");
        background-size: cover;
        background-position: center; }
      .home #lineup .linup_bg #lineup03 {
        background: url("../images/ggi_top.png");
        background-size: cover;
        background-position: center; }
      .home #lineup .linup_bg #lineup04 {
        background: url("../images/lineup03.png");
        background-size: cover;
        background-position: center; }
  .home #companies {
    margin-top: calc(var(--fluidPx) * 136); }

    .home #companies .col div {
      border-bottom: 1px solid #7E7E7E;
      padding-bottom: calc(var(--fluidPx) * 80); }
    .home #companies .links {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      border-bottom: none !important;
      padding-bottom: calc(var(--fluidPx) * 0) !important;
      margin-bottom: calc(var(--fluidPx) * 64); }
      .home #companies .links a {
        width: 20%;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        .home #companies .links a img {
          max-width: 100%; }
        @media only screen and (max-width: 480px) {
          .home #companies .links a {
            width: 50%; } }
  .home #release {
    margin-bottom: calc(var(--fluidPx) * 120); }
    .home #release .col4 {
      margin-bottom: calc(var(--fluidPx) * 32); }
    @media only screen and (max-width: 480px) {
      .home #release .thumb {
        margin-bottom: calc(var(--fluidPx) * 48); } }
    .home #release .thumb .meta {
      margin-bottom: calc(var(--fluidPx) * 8); }
      @media only screen and (max-width: 480px) {
        .home #release .thumb .meta {
          margin-bottom: calc(var(--fluidPx) * 4); } }
    .home #release .thumb .img img {
      -webkit-transition: all .3s;
      transition: all .3s;
      height: 100%;
      width: 100%;
      object-fit: cover; }
    .home #release .thumb:hover .img img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: all .3s;
      transition: all .3s; }
    .home #release .btn {
      margin-top: calc(var(--fluidPx) * 24); }

.single header {
  background: #1B1F53; }
  .single header.white {
    background: #fcfcfc; }

.single article {
  }
  .single article h1, .single article h2, .single article h3, .single article h4, .single article h5, .single article h6 {
    color: #1B1F53;
    clear: both; }
  .single article img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block; }
    .single article img.alignnone {
      display: inline-block; }
    .single article img.alignleft {
      display: inline-block;
      float: left;
      margin-right: calc(var(--fluidPx) * 24);
      margin-bottom: calc(var(--fluidPx) * 24); }
    .single article img.alignright {
      display: inline-block;
      float: right;
      margin-left: calc(var(--fluidPx) * 24);
      margin-bottom: calc(var(--fluidPx) * 24); }
    .single article img.aligncenter {
      display: block;
      margin: 0 auto; }
  .single article h1 {
    font-size: calc(var(--fluidPx) * 32);
    font-weight: 500; }
  .single article h3 {
    font-size: calc(var(--fluidPx) * 28);
    font-weight: 500; }
  .single article h4 {
    font-size: calc(var(--fluidPx) * 24);
    font-weight: 500; }
  .single article section hr {
    clear: both;
    margin: calc(var(--fluidPx) * 24) 0; }
  .single article section p {
    margin-bottom: calc(var(--fluidPx) * 16); }
    .single article section p strong {
      font-weight: 600; }
    @media only screen and (max-width: 480px) {
      .single article section p {
        margin-bottom: calc(var(--fluidPx) * 16); } }
  .single article section a {
    color: #2a6496;
    text-decoration: underline; }
    .single article section a:visited {
      color: purple; }
  .single article section iframe {
    max-width: 100%; }
  .single article .post_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1100px;
    width: calc(100% - 140px);
    margin: 0 auto;
    padding: calc(var(--fluidPx) * 100) 0 calc(var(--fluidPx) * 60); }
    @media only screen and (max-width: 480px) {
      .single article .post_header {
        width: 100%;
        box-sizing: border-box;
        padding: calc(var(--fluidPx) * 50) calc(var(--fluidPx) * 18) calc(var(--fluidPx) * 30); } }
    .single article .post_header .post-meta span {
      font-size: calc(var(--fluidPx) * 14);
      color: #7E7E7E;
      margin-right: calc(var(--fluidPx) * 14); }
    .single article .post_header .post-social-share {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .single article .post_header .post-social-share a {
        margin-left: calc(var(--fluidPx) * 24); }
  .single article .post-title {
    padding: 0;
    max-width: 1100px;
    width: calc(100% - 140px);
    margin: 0 auto calc(var(--fluidPx) * 100);
     }
    @media only screen and (max-width: 800px) {
      .single article .post-title {
        padding: 0 calc(var(--fluidPx) * 62); } }
    @media only screen and (max-width: 480px) {
      .single article .post-title {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: calc(var(--fluidPx) * 50);
        padding: 0 calc(var(--fluidPx) * 18); }
        .single article .post-title br {
          display: none; } }
  .single article .post-content {
    padding: 0 calc(var(--fluidPx) * 140);
    box-sizing: border-box;
    max-width: calc(var(--fluidPx) * 1220);
    margin: 0 auto; }
    @media only screen and (max-width: 898px) {
      .single article .post-content {
        padding: 0 calc(var(--fluidPx) * 62); } }
    @media only screen and (max-width: 480px) {
      .single article .post-content {
        padding: 0 calc(var(--fluidPx) * 18); } }
    .single article .post-content .wp-caption {
      max-width: 100%; }
      .single article .post-content .wp-caption.alignleft {
        display: inline-block;
        float: left;
        margin-right: calc(var(--fluidPx) * 24);
        margin-bottom: calc(var(--fluidPx) * 24); }
      .single article .post-content .wp-caption.alignright {
        display: inline-block;
        float: right;
        margin-left: calc(var(--fluidPx) * 24);
        margin-bottom: calc(var(--fluidPx) * 24); }
      .single article .post-content .wp-caption.aligncenter {
        display: block;
        margin: 0 auto; }
    .single article .post-content ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .single article .post-content ul li:before {
        content: "";
        width: calc(var(--fluidPx) * 24);
        height: calc(var(--fluidPx) * 24);
        display: block;
        background: url(../images/li_circle.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: calc(var(--fluidPx) * 8) calc(var(--fluidPx) * 8);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: calc(var(--fluidPx) * 8); }
    .single article .post-content .single_cta {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: calc(var(--fluidPx) * 32) 0; }
      .single article .post-content .single_cta a {
        margin-right: calc(var(--fluidPx) * 64);
        opacity: 1;
        -webkit-transition: all .3s;
        transition: all .3s;
        text-decoration: none; }
        @media only screen and (max-width: 480px) {
          .single article .post-content .single_cta a {
            margin-right: calc(var(--fluidPx) * 20); } }
        .single article .post-content .single_cta a:hover {
          opacity: .8;
          -webkit-transition: all .3s;
          transition: all .3s; }
        .single article .post-content .single_cta a img {
          width: calc(var(--fluidPx) * 208);
          height: auto; }
      .single article .post-content .single_cta .blue {
        color: #fff !important; }
    .single article .post-content .custom_table {
      max-width: 100%;
      overflow-x: scroll; }
    .single article .post-content table {
      border: 1px solid #ccc;
      border-collapse: collapse;
      margin-bottom: calc(var(--fluidPx) * 16); }
    .single article .post-content table th {
      background-color: #1a1a56;
      color: #7eeaff;
      font-size: calc(var(--fluidPx) * 16);
      line-height: 1.5; }
    .single article .post-content table tr {
      font-size: calc(var(--fluidPx) * 16);
      line-height: 1.5;
      border-bottom: 1px solid #ccc; }
    .single article .post-content table tr:last-child {
      border-bottom: none; }
    .single article .post-content table tr td, .single article .post-content table tr th {
      border-right: 1px solid #ccc;
      padding: calc(var(--fluidPx) * 16); }
      @media only screen and (max-width: 480px) {
        .single article .post-content table tr td, .single article .post-content table tr th {
          min-width: 30vw; } }
    .single article .post-content table tr td:last-child {
      border-right: none; }
    .single article .post-content table tr th:last-child {
      border-right: none; }

.single .post_footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .single .post_footer .post-social-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: calc(var(--fluidPx) * 100); }
    .single .post_footer .post-social-share a {
      margin: 0 calc(var(--fluidPx) * 12); }
  .single .post_footer .post_footer_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: calc(var(--fluidPx) * 100); }
    @media only screen and (max-width: 480px) {
      .single .post_footer .post_footer_nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: calc(var(--fluidPx) * 50); } }
    .single .post_footer .post_footer_nav div {
      width: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: calc(var(--fluidPx) * 64) calc(var(--fluidPx) * 140);
      box-sizing: border-box; }
      @media only screen and (max-width: 480px) {
        .single .post_footer .post_footer_nav div {
          width: 100%;
          padding: calc(var(--fluidPx) * 18); } }
      .single .post_footer .post_footer_nav div span {
        color: #7E7E7E;
        margin-bottom: calc(var(--fluidPx) * 24); }
      .single .post_footer .post_footer_nav div a {
        font-size: calc(var(--fluidPx) * 20); }
      .single .post_footer .post_footer_nav div:first-child {
        border-right: 1px solid #D1D1D1;
        box-sizing: border-box; }
        @media only screen and (max-width: 480px) {
          .single .post_footer .post_footer_nav div:first-child {
            border-right: none;
            border-bottom: 1px solid #D1D1D1; } }

.single .post_articles_links {
  margin-bottom: calc(var(--fluidPx) * 120); }
  .single .post_articles_links h2 {
    padding: 0 calc(var(--fluidPx) * 140); }
    @media only screen and (max-width: 800px) {
      .single .post_articles_links h2 {
        padding: 0 calc(var(--fluidPx) * 62); } }
    @media only screen and (max-width: 480px) {
      .single .post_articles_links h2 {
        padding: 0 calc(var(--fluidPx) * 18); } }

.single .tags {
  border-top: 1px solid #D1D1D1;
  padding-top: calc(var(--fluidPx) * 32);
  margin-bottom: calc(var(--fluidPx) * 100); }
  @media only screen and (max-width: 480px) {
    .single .tags {
      margin-bottom: calc(var(--fluidPx) * 50); } }
  .single .tags h4 {
    font-size: calc(var(--fluidPx) * 24);
    font-weight: 600;
    margin-bottom: calc(var(--fluidPx) * 32); }
  .single .tags ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .single .tags ul li {
      margin-right: calc(var(--fluidPx) * 40); }
      .single .tags ul li:first-child {
        margin-left: 0; }

.single .custom_youtube {
  padding: 0 calc(var(--fluidPx) * 28);
  margin-bottom: calc(var(--fluidPx) * 28); }
  @media only screen and (max-width: 480px) {
    .single .custom_youtube {
      padding: 0 calc(var(--fluidPx) * 18); } }
  .single .custom_youtube img {
    width: 100%;
    height: auto;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .single .custom_youtube img:hover {
      opacity: .8;
      -webkit-transition: all .3s;
      transition: all .3s; }

.archive header, .blog header {
  background: #1B1F53; }
  .archive header.white, .blog header.white {
    background: #fcfcfc; }

.archive #archive, .blog #archive {
  width: calc(100% - 140px);
  margin: 0 auto;
  max-width: 1100px;
  margin-top: calc(var(--fluidPx) * 130);
  box-sizing: border-box; }
  @media only screen and (max-width: 800px) {
    .archive #archive, .blog #archive {
      width: 100%;
      box-sizing: border-box;
      padding: 0 calc(var(--fluidPx) * 62); } }
  @media only screen and (max-width: 480px) {
    .archive #archive, .blog #archive {
      padding: 0 calc(var(--fluidPx) * 18);
      margin-top: calc(var(--fluidPx) * 60); } }
  .archive #archive h1, .blog #archive h1 {
    font-size: calc(var(--fluidPx) * 46);
    font-weight: 600;
    margin-bottom: calc(var(--fluidPx) * 110); }
    @media only screen and (max-width: 480px) {
      .archive #archive h1, .blog #archive h1 {
        margin-bottom: calc(var(--fluidPx) * 60); } }
  .archive #archive .archive_serach, .blog #archive .archive_serach {
    height: calc(var(--fluidPx) * 110);
    /** Custom Select **/ }
    .archive #archive .archive_serach form, .blog #archive .archive_serach form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .archive #archive .archive_serach #search-box, .blog #archive .archive_serach #search-box {
      position: relative; }
    .archive #archive .archive_serach .center, .blog #archive .archive_serach .center {
      position: absolute;
      display: inline-block;
      width: 49.5%; }
      .archive #archive .archive_serach .center.year_wrap, .blog #archive .archive_serach .center.year_wrap {
        top: 50%;
        left: 0%; }
      .archive #archive .archive_serach .center.cat_wrap, .blog #archive .archive_serach .center.cat_wrap {
        top: 50%;
        right: 0%; }
    .archive #archive .archive_serach .custom-select-wrapper, .blog #archive .archive_serach .custom-select-wrapper {
      position: relative;
      display: inline-block;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: 100%; }
    .archive #archive .archive_serach .custom-select-wrapper select, .blog #archive .archive_serach .custom-select-wrapper select {
      display: none; }
    .archive #archive .archive_serach .custom-select, .blog #archive .archive_serach .custom-select {
      position: relative;
      display: inline-block;
      width: 100%; }
      .archive #archive .archive_serach .custom-select.opened, .blog #archive .archive_serach .custom-select.opened {
        background: #1B1F53;
        color: #fff; }
        .archive #archive .archive_serach .custom-select.opened .custom-select-trigger, .blog #archive .archive_serach .custom-select.opened .custom-select-trigger {
          color: #fff; }
    .archive #archive .archive_serach .custom-select-trigger, .blog #archive .archive_serach .custom-select-trigger {
      position: relative;
      display: block;
      width: 100%;
      border: 1px solid #191919;
      padding: calc(var(--fluidPx) * 14);
      box-sizing: border-box;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      cursor: pointer;
      color: #191919; }
      .archive #archive .archive_serach .custom-select-trigger:hover, .blog #archive .archive_serach .custom-select-trigger:hover {
        background: #1B1F53;
        color: #fff; }
        .archive #archive .archive_serach .custom-select-trigger:hover:after, .blog #archive .archive_serach .custom-select-trigger:hover:after {
          border-bottom: 1px solid #fff;
          border-right: 1px solid #fff; }
    .archive #archive .archive_serach .custom-select-trigger:after, .blog #archive .archive_serach .custom-select-trigger:after {
      position: absolute;
      display: block;
      content: '';
      width: 10px;
      height: 10px;
      top: 50%;
      right: 25px;
      margin-top: -3px;
      border-bottom: 1px solid #191919;
      border-right: 1px solid #191919;
      -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
      transform: rotate(45deg) translateY(-50%);
      -webkit-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
      -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      transform-origin: 50% 0; }
    .archive #archive .archive_serach .custom-select.opened .custom-select-trigger:after, .blog #archive .archive_serach .custom-select.opened .custom-select-trigger:after {
      margin-top: 3px;
      -webkit-transform: rotate(-135deg) translateY(-50%);
      -ms-transform: rotate(-135deg) translateY(-50%);
      transform: rotate(-135deg) translateY(-50%);
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff; }
    .archive #archive .archive_serach .custom-options, .blog #archive .archive_serach .custom-options {
      position: absolute;
      display: block;
      top: 100%;
      left: 0;
      right: 0;
      min-width: 100%;
      border: 1px solid #191919;
      border-bottom: none;
      box-sizing: border-box;
      margin-top: -1px;
      background: #fff;
      -webkit-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      transform: translateY(-15px); }
    .archive #archive .archive_serach .custom-select.opened .custom-options, .blog #archive .archive_serach .custom-select.opened .custom-options {
      opacity: 1;
      visibility: visible;
      pointer-events: all;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .archive #archive .archive_serach .custom-option, .blog #archive .archive_serach .custom-option {
      position: relative;
      display: block;
      border-bottom: 1px solid #191919;
      font-size: calc(var(--fluidPx) * 14);
      padding: calc(var(--fluidPx) * 14);
      color: #191919;
      cursor: pointer;
      -webkit-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out; }
    .archive #archive .archive_serach .custom-option:hover,
    .archive #archive .archive_serach .custom-option.selection, .blog #archive .archive_serach .custom-option:hover,
    .blog #archive .archive_serach .custom-option.selection {
      background: #1B1F53;
      color: #fff;
      -webkit-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out; }

.archive .archive_links_inner, .blog .archive_links_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .archive .archive_links_inner:after, .blog .archive_links_inner:after {
    content: "";
    width: 31%;
    height: 0;
    display: block; }
  .archive .archive_links_inner .thumb, .blog .archive_links_inner .thumb {
    width: 31%;
    margin-bottom: calc(var(--fluidPx) * 110); }
    @media only screen and (max-width: 800px) {
      .archive .archive_links_inner .thumb, .blog .archive_links_inner .thumb {
        margin-bottom: calc(var(--fluidPx) * 60); } }
    @media only screen and (max-width: 480px) {
      .archive .archive_links_inner .thumb, .blog .archive_links_inner .thumb {
        width: 100%;
        margin-bottom: calc(var(--fluidPx) * 60); } }
    .archive .archive_links_inner .thumb .img, .blog .archive_links_inner .thumb .img {
      overflow: hidden;
      aspect-ratio : 19/12;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media only screen and (max-width: 480px) {
        .archive .archive_links_inner .thumb .img, .blog .archive_links_inner .thumb .img {
          aspect-ratio : 19/12; } }
      .archive .archive_links_inner .thumb .img img, .blog .archive_links_inner .thumb .img img {
        -webkit-transition: all .3s;
        transition: all .3s;
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .archive .archive_links_inner .thumb .meta, .blog .archive_links_inner .thumb .meta {
      font-size: calc(var(--fluidPx) * 14);
      margin-top: calc(var(--fluidPx) * 8);
      margin-bottom: calc(var(--fluidPx) * 0);
      font-weight: 400;
      color: #7E7E7E; }
      .archive .archive_links_inner .thumb .meta .date, .blog .archive_links_inner .thumb .meta .date {
        margin-right: calc(var(--fluidPx) * 10); }
      @media only screen and (max-width: 480px) {
        .archive .archive_links_inner .thumb .meta, .blog .archive_links_inner .thumb .meta {
          margin-top: 8;
          margin-bottom: calc(var(--fluidPx) * 4); } }
    .archive .archive_links_inner .thumb .title, .blog .archive_links_inner .thumb .title {
      font-size: calc(var(--fluidPx) * 16);
      font-weight: 500;
      margin-bottom: 0;
      color: #191919; }
    .archive .archive_links_inner .thumb:hover .img img, .blog .archive_links_inner .thumb:hover .img img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: all .3s;
      transition: all .3s; }

.archive .pager, .blog .pager {
  margin-bottom: calc(var(--fluidPx) * 120); }
  .archive .pager .view-more-button, .blog .pager .view-more-button {
    background: #1B1F53;
    font-size: calc(var(--fluidPx) * 16);
    color: #fff;
    text-decoration: none;
    padding: calc(var(--fluidPx) * 14) calc(var(--fluidPx) * 12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: calc(var(--fluidPx) * 180);
    box-sizing: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .archive .pager .view-more-button:hover, .blog .pager .view-more-button:hover {
      opacity: .8;
      -webkit-transition: opacity .3s;
      transition: opacity .3s; }
    .archive .pager .view-more-button:after, .blog .pager .view-more-button:after {
      content: "+";
      display: block;
      color: #fff;
      font-size: calc(var(--fluidPx) * 16);
      width: calc(var(--fluidPx) *16);
      height: calc(var(--fluidPx) * 16);
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

@media only screen and (max-width: 480px) {
  .page #page, .page #page-parent {
    margin-top: 52px; } }
.page #page.visual_fixed .wp-block-cover, .page.visual_fixed #page-parent .wp-block-cover {
  max-width: 1600px;
  margin: calc(var(--fluidPx) * -116) auto 0;
}


.page #page .wp-block-cover, .page #page-parent .wp-block-cover {
  width: 100vw;
  height: 480px;
  margin-top: calc(var(--fluidPx) * -116);
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative; }
  .page #page .wp-block-cover.tall, .page #page-parent .wp-block-cover.tall {
    max-height: 72vh; }

    @media only screen and (max-width: 480px) {
      .page #page .wp-block-cover.tall, .page #page-parent .wp-block-cover.tall {
        height: 72vh;
        max-height: 72vh; } }
  @media only screen and (max-width: 480px) {
    .page #page .wp-block-cover, .page #page-parent .wp-block-cover {
      height: 60vh;
      max-height: 60vh; } }
  .page #page .wp-block-cover .wp-block-cover__inner-container, .page #page-parent .wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 140px);
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 80px;
    z-index: 2;
    color: #191919; }
    @media only screen and (max-width: 800px) {
      .page #page-parent .wp-block-cover .wp-block-cover__inner-container{
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
      }
    }
    @media only screen and (max-width: 480px) {
      .page #page .wp-block-cover .wp-block-cover__inner-container, .page #page-parent .wp-block-cover .wp-block-cover__inner-container {
        width: 100%;
        padding-top: 80px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .page #page .wp-block-cover .wp-block-cover__image-background, .page #page-parent .wp-block-cover .wp-block-cover__image-background {
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%; }
  .page #page .wp-block-cover:before, .page #page-parent .wp-block-cover:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2; }
  .page #page .wp-block-cover .wp-block-buttons, .page #page-parent .wp-block-cover .wp-block-buttons {
    margin-top: calc(var(--fluidPx) * 40);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
   }
    .page #page .wp-block-cover .wp-block-buttons .wp-block-button, .page #page-parent .wp-block-cover .wp-block-buttons .wp-block-button {
      margin-right: calc(var(--fluidPx) * 48); }
    @media only screen and (max-width: 800px) {
      .page #page .wp-block-cover .wp-block-buttons, .page #page-parent .wp-block-cover .wp-block-buttons {
        margin-left: 0; } }
    @media only screen and (max-width: 480px) {
      .page #page .wp-block-cover .wp-block-buttons, .page #page-parent .wp-block-cover .wp-block-buttons {
        margin-top: calc(var(--fluidPx) * 20);
        margin-left: calc(var(--fluidPx) * 18); } }
  .page #page .wp-block-cover .wp-block-button__link, .page #page-parent .wp-block-cover .wp-block-button__link {
    position: relative;
    z-index: 2;
    margin-right: 0; }

.page #page .page_header .page_meta, .page #page-parent .page_header .page_meta {
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 800px) {
    .page #page .page_header .page_meta, .page #page-parent .page_header .page_meta {
      margin-left: calc(var(--fluidPx) * 0); } }
  @media only screen and (max-width: 480px) {
    .page #page .page_header .page_meta, .page #page-parent .page_header .page_meta {
      margin-left: calc(var(--fluidPx) * 0);
      padding: 0 calc(var(--fluidPx) * 18);
      box-sizing: border-box; } }
  .page #page .page_header .page_meta .type, .page #page-parent .page_header .page_meta .type {
    font-size: calc(var(--fluidPx) * 12);
    background: #fff;
    padding: calc(var(--fluidPx) * 4) calc(var(--fluidPx) * 8);
    border-radius: calc(var(--fluidPx) * 5);
    display: inline-block;
    margin-bottom: calc(var(--fluidPx) * 40); }
  .page #page .page_header .page_meta h1{
    font-size: calc(var(--fluidPx) * 46);
    color: #fff;
    margin-bottom: calc(var(--fluidPx) * 40);
    text-shadow: calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 4) #1B1F53; }
  .page #page-parent .page_header .page_meta h1{
    font-size: calc(var(--fluidPx) * 46);
    color: #fff;
    margin-bottom: calc(var(--fluidPx) * 20);
    text-shadow: calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 0) calc(var(--fluidPx) * 4) #1B1F53; }
  }
    @media only screen and (max-width: 480px) {
      .page #page .page_header .page_meta h1, .page #page-parent .page_header .page_meta h1 {
        margin-bottom: calc(var(--fluidPx) * 20); } }
    .page #page .page_header .page_meta h1 span, .page #page-parent .page_header .page_meta h1 span {
      display: block;
      font-size: calc(var(--fluidPx) * 16);
      color: #FCFCFC; }
  .page #page .page_header .page_meta a.btn, .page #page-parent .page_header .page_meta a.btn {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: calc(var(--fluidPx) * 16);
    width: calc(var(--fluidPx) * 182); }

.page #page .page_header .read{
  color: #fff;
  text-shadow: calc(var(--fluidPx) * 2) calc(var(--fluidPx) * 2) calc(var(--fluidPx) * 4) #0F132F;
}
  @media only screen and (max-width: 800px) {
    .page #page .page_header .read{
      max-width: 100%; } }
  .page #page .page_header .read p{
    padding: 0; }

.page #page-parent .page_header .read {
  color: #fff;
  text-shadow: calc(var(--fluidPx) * 2) calc(var(--fluidPx) * 2) calc(var(--fluidPx) * 4) #0F132F;
  max-width: 80%; }
  @media only screen and (max-width: 1240px) {
    .page #page-parent .page_header .read {
      max-width: 80%; } }
  @media only screen and (max-width: 800px) {
    .page #page-parent .page_header .read {
      max-width: 100%; } }
  .page #page-parent .page_header .read p {
    padding: 0; }

.page #page .sec_inner h2, .page #page-parent .sec_inner h2 {
  padding: 0 calc(var(--fluidPx) * 140);
  font-size: calc(var(--fluidPx) * 46); }
  @media only screen and (max-width: 480px) {
    .page #page .sec_inner h2, .page #page-parent .sec_inner h2 {
      padding: 0; } }

.page #page .sec_inner h3, .page #page-parent .sec_inner h3 {
  max-width: 1100px;
  margin: 0 auto;
  width: calc(100% - 140px);
  font-size: calc(var(--fluidPx) * 24); }
  @media only screen and (max-width: 480px) {
    .page #page .sec_inner h3, .page #page-parent .sec_inner h3 {
      width: calc(100% - 24px);
      padding: 0; } }

.page #page .sec_inner h4, .page #page-parent .sec_inner h4 {
  padding: 0 calc(var(--fluidPx) * 140);
  font-size: calc(var(--fluidPx) * 18); }
  @media only screen and (max-width: 480px) {
    .page #page .sec_inner h4, .page #page-parent .sec_inner h4 {
      padding: 0; } }

.page #page .sec_inner h5, .page #page-parent .sec_inner h5 {
  padding: 0 calc(var(--fluidPx) * 140);
  font-size: calc(var(--fluidPx) * 16); }
  @media only screen and (max-width: 480px) {
    .page #page .sec_inner h5, .page #page-parent .sec_inner h5 {
      padding: 0; } }

.page #page .sec_inner .custom_youtube, .page #page-parent .sec_inner .custom_youtube {
  width: calc(100% - 140px);
  max-width: 1100px;
  margin: 0 auto;
  box-sizing: border-box;
  display: block;
   }
  @media only screen and (max-width: 800px) {
    .page #page .sec_inner .custom_youtube, .page #page-parent .sec_inner .custom_youtube {
      width: 100%;
      padding: 0 calc(var(--fluidPx) * 62); } }
  @media only screen and (max-width: 480px) {
    .page #page .sec_inner .custom_youtube, .page #page-parent .sec_inner .custom_youtube {
      padding: 0 calc(var(--fluidPx) * 18); } }
  .page #page .sec_inner .custom_youtube img, .page #page-parent .sec_inner .custom_youtube img {
    width: 100%;
    height: auto;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .page #page .sec_inner .custom_youtube img:hover, .page #page-parent .sec_inner .custom_youtube img:hover {
      opacity: .8;
      -webkit-transition: all .3s;
      transition: all .3s; }

.page #page .sec_inner .wp-block-image, .page #page-parent .sec_inner .wp-block-image {
  max-width: 1100px;
  width: calc(100% - 140px);
  margin: 0 auto;
  margin-top: calc(var(--fluidPx) * 100);
  }
  @media only screen and (max-width: 480px) {
    .page #page .sec_inner .wp-block-image, .page #page-parent .sec_inner .wp-block-image {
      width: auto;
      margin-top: calc(var(--fluidPx) * 50);
      padding: 0 calc(var(--fluidPx) * 18); } }
  .page #page .sec_inner .wp-block-image.send_btn, .page #page-parent .sec_inner .wp-block-image.send_btn {
    margin-top: 0; }
    .page #page .sec_inner .wp-block-image.send_btn img, .page #page-parent .sec_inner .wp-block-image.send_btn img {
      width: calc(var(--fluidPx) * 208);
      height: auto; }
  .page #page .sec_inner .wp-block-image img, .page #page-parent .sec_inner .wp-block-image img {
    max-width: 100%;
    height: auto; }
  .page #page .sec_inner .wp-block-image .aligncenter, .page #page-parent .sec_inner .wp-block-image .aligncenter {
    text-align: center; }
  .page #page .sec_inner .wp-block-image .alignleft img, .page #page-parent .sec_inner .wp-block-image .alignleft img {
    margin: 0; }
  .page #page .sec_inner .wp-block-image.size-large img, .page #page-parent .sec_inner .wp-block-image.size-large img {
    width: 100%;
    height: auto; }
  .page #page .sec_inner .wp-block-image.mt-30, .page #page-parent .sec_inner .wp-block-image.mt-30 {
    margin-top: calc(var(--fluidPx) * 30); }
  .page #page .sec_inner .wp-block-image.mt-0, .page #page-parent .sec_inner .wp-block-image.mt-0 {
    margin-top: calc(var(--fluidPx) * 0); }
@media only screen and (max-width: 480px) {
  .page #page .sec_inner .wp-block-image.sar-image, .page #page-parent .sec_inner .wp-block-image.sar-image {
    width: 70% !important;
  }
}


.page #page .sec_inner .wp-block-table, .page #page-parent .sec_inner .wp-block-table {
  margin-top: calc(var(--fluidPx) * 100);
  padding: 0 calc(var(--fluidPx) * 140); }
  @media only screen and (max-width: 800px) {
    .page #page .sec_inner .wp-block-table, .page #page-parent .sec_inner .wp-block-table {
      max-width: 100%;
      overflow-x: scroll; } }
  @media only screen and (max-width: 480px) {
    .page #page .sec_inner .wp-block-table, .page #page-parent .sec_inner .wp-block-table {
      margin-top: calc(var(--fluidPx) * 50);
      padding: 0 calc(var(--fluidPx) * 18); } }
  .page #page .sec_inner .wp-block-table figcaption, .page #page-parent .sec_inner .wp-block-table figcaption {
    line-height: 1.5;
    font-size: calc(var(--fluidPx) * 16);
    margin-top: calc(var(--fluidPx) * 24); }
  .page #page .sec_inner .wp-block-table table, .page #page-parent .sec_inner .wp-block-table table {
    border: 1px solid #ccc;
    border-collapse: collapse; }
  .page #page .sec_inner .wp-block-table table th, .page #page-parent .sec_inner .wp-block-table table th {
    background-color: #1a1a56;
    color: #7eeaff;
    font-size: calc(var(--fluidPx) * 16);
    line-height: 1.5; }
  .page #page .sec_inner .wp-block-table table tr, .page #page-parent .sec_inner .wp-block-table table tr {
    font-size: calc(var(--fluidPx) * 16);
    line-height: 1.5;
    border-bottom: 1px solid #ccc; }
  .page #page .sec_inner .wp-block-table table tr:last-child, .page #page-parent .sec_inner .wp-block-table table tr:last-child {
    border-bottom: none; }
  .page #page .sec_inner .wp-block-table table tr td, .page #page .sec_inner .wp-block-table table tr th, .page #page-parent .sec_inner .wp-block-table table tr td, .page #page-parent .sec_inner .wp-block-table table tr th {
    border-right: 1px solid #ccc;
    padding: calc(var(--fluidPx) * 16);
    min-width: 140px; }
  .page #page .sec_inner .wp-block-table table tr td:last-child, .page #page-parent .sec_inner .wp-block-table table tr td:last-child {
    border-right: none; }
  .page #page .sec_inner .wp-block-table table tr th:last-child, .page #page-parent .sec_inner .wp-block-table table tr th:last-child {
    border-right: none; }

.page #page .sec_inner p, .page #page-parent .sec_inner p {
  max-width: 1100px;
  margin: 0 auto;
  margin-bottom: calc(var(--fluidPx) * 16);
   }
  @media only screen and (max-width: 640px) {
    .page #page .sec_inner p, .page #page-parent .sec_inner p {
      padding: 0;
    }
     
  }
  .page #page .sec_inner p strong, .page #page-parent .sec_inner p strong {
    font-weight: 600;
    color: #191919; }
  @media only screen and (max-width: 480px) {
    .page #page .sec_inner p, .page #page-parent .sec_inner p {
      margin-bottom: calc(var(--fluidPx) * 16); } }

.page #page .sec_inner p a strong, .page #page-parent .sec_inner p a strong{
  color: #1B1F54;
  text-decoration: underline;
}
.page #page .sec_inner p strong a, .page #page-parent .sec_inner p strong a{
  color: #1B1F54;
  text-decoration: underline;
}

.page #page .sec_inner .wp-block-columns, .page #page-parent .sec_inner .wp-block-columns {
  width: calc(100% - 140px);
  max-width: 1100px;
  margin: 100px auto;
  margin-top: calc(var(--fluidPx) * 100);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .page #page .sec_inner .wp-block-columns .wp-block-column .wp-block-image, .page #page-parent .sec_inner .wp-block-columns .wp-block-column .wp-block-image {
    padding: 0; }
  .page #page .sec_inner .wp-block-columns.overview, .page #page-parent .sec_inner .wp-block-columns.overview {
    padding: 0 calc(var(--fluidPx) * 140); }
    @media only screen and (max-width: 480px) {
      .page #page .sec_inner .wp-block-columns.overview, .page #page-parent .sec_inner .wp-block-columns.overview {
        padding: 0 calc(var(--fluidPx) * 18); } }
  @media only screen and (max-width: 800px) {
    .page #page .sec_inner .wp-block-columns, .page #page-parent .sec_inner .wp-block-columns {
      width: 100%;
      margin: 50px auto;
      padding: 0 calc(var(--fluidPx) * 62); } }
  @media only screen and (max-width: 480px) {
    .page #page .sec_inner .wp-block-columns, .page #page-parent .sec_inner .wp-block-columns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: calc(var(--fluidPx) * 50);
      padding: 0 calc(var(--fluidPx) * 18); }
      .page #page .sec_inner .wp-block-columns .wp-block-column .wp-block-columns, .page #page-parent .sec_inner .wp-block-columns .wp-block-column .wp-block-columns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .page #page .sec_inner .wp-block-columns h1, .page #page .sec_inner .wp-block-columns h2, .page #page .sec_inner .wp-block-columns h3, .page #page .sec_inner .wp-block-columns h4, .page #page .sec_inner .wp-block-columns h5, .page #page .sec_inner .wp-block-columns h6, .page #page-parent .sec_inner .wp-block-columns h1, .page #page-parent .sec_inner .wp-block-columns h2, .page #page-parent .sec_inner .wp-block-columns h3, .page #page-parent .sec_inner .wp-block-columns h4, .page #page-parent .sec_inner .wp-block-columns h5, .page #page-parent .sec_inner .wp-block-columns h6 {
    padding: 0; }
  .page #page .sec_inner .wp-block-columns p, .page #page-parent .sec_inner .wp-block-columns p {
    width: 100%;
    padding: 0; }
  .page #page .sec_inner .wp-block-columns h3, .page #page-parent .sec_inner .wp-block-columns h3 {
    margin-bottom: .5em;
    width: auto;}
  .page #page .sec_inner .wp-block-columns ul.check li:before, .page #page-parent .sec_inner .wp-block-columns ul.check li:before {
    content: "";
    width: calc(var(--fluidPx) * 24);
    height: calc(var(--fluidPx) * 24);
    display: block;
    background: url("../images/li_check.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(var(--fluidPx) * 12) calc(var(--fluidPx) * 9);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: calc(var(--fluidPx) * 8); }
  .page #page .sec_inner .wp-block-columns ul.circle li:before, .page #page-parent .sec_inner .wp-block-columns ul.circle li:before {
    content: "";
    width: calc(var(--fluidPx) * 24);
    height: calc(var(--fluidPx) * 24);
    display: block;
    background: url("../images/li_circle.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(var(--fluidPx) * 8) calc(var(--fluidPx) * 8);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: calc(var(--fluidPx) * 8); }
  .page #page .sec_inner .wp-block-columns ul li, .page #page-parent .sec_inner .wp-block-columns ul li {
    font-size: calc(var(--fluidPx) * 16);
    margin-bottom: calc(var(--fluidPx) * 24);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }

.page #page.default .page_header .page_meta .read, .page #page-parent.default .page_header .page_meta .read {
  width: 50%; }
  @media only screen and (max-width: 480px) {
    .page #page.default .page_header .page_meta .read, .page #page-parent.default .page_header .page_meta .read {
      width: 100%; } }
  .page #page.default .page_header .page_meta .read .big, .page #page-parent.default .page_header .page_meta .read .big {
    font-size: calc(var(--fluidPx) * 24);
    margin-bottom: calc(var(--fluidPx) * 8); }

.page #page.default .page_header .btn:after, .page #page-parent.default .page_header .btn:after {
  content: "";
  display: block;
  background: url(../images/btn_arrow_bk.svg);
  background-size: cover;
  width: calc(var(--fluidPx) * 24);
  height: calc(var(--fluidPx) * 24);
  margin-left: calc(var(--fluidPx) * 16); }

.page #page.default .page_header .btn.yellow, .page #page-parent.default .page_header .btn.yellow {
  width: auto;
  background: #FAE21B;
  margin-right: calc(var(--fluidPx) * 48);
  border: none;
  color: #1B1F53; }
  @media only screen and (max-width: 480px) {
    .page #page.default .page_header .btn.yellow, .page #page-parent.default .page_header .btn.yellow {
      margin-right: calc(var(--fluidPx) * 24); } }

.page #page.company .company_column .wp-block-columns, .page #page-parent.company .company_column .wp-block-columns {
  margin-top: 0;
  padding: 0;
  margin-bottom: 0; }

.page #page.company .btns, .page #page-parent.company .btns {
  padding: 0 calc(var(--fluidPx) * 140);
  margin: calc(var(--fluidPx) * 72) auto calc(var(--fluidPx) * 136); }
  @media only screen and (max-width: 800px) {
    .page #page.company .btns, .page #page-parent.company .btns {
      padding: 0 calc(var(--fluidPx) * 62); } }
  @media only screen and (max-width: 480px) {
    .page #page.company .btns, .page #page-parent.company .btns {
      padding: 0 calc(var(--fluidPx) * 18);
      margin: calc(var(--fluidPx) *36) auto calc(var(--fluidPx) * 68); } }
  .page #page.company .btns a, .page #page-parent.company .btns a {
    margin-right: calc(var(--fluidPx) * 40);
    -webkit-transition: all .3s;
    transition: all .3s; }
    .page #page.company .btns a:hover, .page #page-parent.company .btns a:hover {
      opacity: .8;
      -webkit-transition: all .3s;
      transition: all .3s; }

.page #page.company .page_header .page_meta .read, .page #page-parent.company .page_header .page_meta .read {
  width: 50%; }
  @media only screen and (max-width: 640px) {
    .page #page.company .page_header .page_meta .read, .page #page-parent.company .page_header .page_meta .read {
      width: 100%; } }
  .page #page.company .page_header .page_meta .read .big, .page #page-parent.company .page_header .page_meta .read .big {
    font-size: calc(var(--fluidPx) * 24);
    margin-bottom: calc(var(--fluidPx) * 8); }

.page #page.company .company_nav, .page #page-parent.company .company_nav {
  max-width:1100px;
  width: calc(100% - 140px);
  margin: 0px auto;
  box-sizing: border-box; }
  @media only screen and (max-width: 480px) {
    .page #page.company .company_nav, .page #page-parent.company .company_nav {
      padding: 0 calc(var(--fluidPx) * 18);
      width: 100%;
      box-sizing: border-box;
    }
  }
  .page #page.company .company_nav a, .page #page-parent.company .company_nav a {
    font-size: calc(var(--fluidPx) * 24);
    margin-right: calc(var(--fluidPx) * 80); }
    @media only screen and (max-width: 480px) {
      .page #page.company .company_nav a, .page #page-parent.company .company_nav a {
        margin-right: 0;
        display: block; } }

@media only screen and (max-width: 480px) {
  .page #page.company .sec_inner .custom_youtube, .page #page-parent.company .sec_inner .custom_youtube {
    padding: 0; } }

  .page #page.company .sec_inner .ceo h3, .page #page-parent.company .sec_inner .ceo h3 {
    width: 100%;
    padding: 0 !important;
    margin-bottom: calc(var(--fluidPx) * 60); }
  .page #page.company .sec_inner .ceo .leadership, .page #page-parent.company .sec_inner .ceo .leadership {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: calc(var(--fluidPx) * 136); }
    @media only screen and (max-width: 800px) {
      .page #page.company .sec_inner .ceo .leadership, .page #page-parent.company .sec_inner .ceo .leadership {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .page #page.company .sec_inner .ceo .leadership .img, .page #page-parent.company .sec_inner .ceo .leadership .img {
      -webkit-flex-basis: 35%;
      -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
      padding-right: calc(var(--fluidPx) * 70);
      box-sizing: border-box; }
      @media only screen and (max-width: 480px) {
        .page #page.company .sec_inner .ceo .leadership .img, .page #page-parent.company .sec_inner .ceo .leadership .img {
          -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          padding: 0;
          margin-bottom: calc(var(--fluidPx) * 24); } }
      .page #page.company .sec_inner .ceo .leadership .img img, .page #page-parent.company .sec_inner .ceo .leadership .img img {
        max-width: 324px;
        margin: 0 !important; }
        @media only screen and (max-width: 480px) {
          .page #page.company .sec_inner .ceo .leadership .img img, .page #page-parent.company .sec_inner .ceo .leadership .img img {
            max-width: inherit;
            width: 100%; } }
    .page #page.company .sec_inner .ceo .leadership .profile, .page #page-parent.company .sec_inner .ceo .leadership .profile {
      -webkit-flex-basis: 65%;
      -ms-flex-preferred-size: 65%;
      flex-basis: 65%; }
      @media only screen and (max-width: 480px) {
        .page #page.company .sec_inner .ceo .leadership .profile, .page #page-parent.company .sec_inner .ceo .leadership .profile {
          -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          padding: 0; } }
      .page #page.company .sec_inner .ceo .leadership .profile p, .page #page-parent.company .sec_inner .ceo .leadership .profile p {
        padding: 0 !important; }
      .page #page.company .sec_inner .ceo .leadership .profile .name, .page #page-parent.company .sec_inner .ceo .leadership .profile .name {
        font-size: calc(var(--fluidPx) * 24);
        margin-bottom: calc(var(--fluidPx) * 16);
        color: #191919; }
      .page #page.company .sec_inner .ceo .leadership .profile .job, .page #page-parent.company .sec_inner .ceo .leadership .profile .job {
        font-size: calc(var(--fluidPx) * 14);
        margin-bottom: calc(var(--fluidPx) * 48);
        color: #7E7E7E; }
      .page #page.company .sec_inner .ceo .leadership .profile .description, .page #page-parent.company .sec_inner .ceo .leadership .profile .description {
        margin-top: 0; }

.page #page.company .sec_inner .ceo, .page #page-parent.company .sec_inner .ceo {
  max-width:1100px;
  width: calc(100% - 140px);
  margin: calc(var(--fluidPx) * 100) auto 0; }
  @media only screen and (max-width: 800px) {
    .page #page.company .sec_inner .ceo, .page #page-parent.company .sec_inner .ceo {
      padding: 0 calc(var(--fluidPx) * 62);
      margin-top: calc(var(--fluidPx) * 100); } }
  @media only screen and (max-width: 480px) {
    .page #page.company .sec_inner .ceo, .page #page-parent.company .sec_inner .ceo {
      width: 100%;
      box-sizing:border-box;
      padding: 0 calc(var(--fluidPx) * 18);
      margin-top: calc(var(--fluidPx) * 50); } }

.page #page.company .sec_inner .modal_wrap, .page #page-parent.company .sec_inner .modal_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width:1100px;
  width: calc(100% - 140px);
  margin: calc(var(--fluidPx) * 100) auto 0; }
  @media only screen and (max-width: 800px) {
    .page #page.company .sec_inner .modal_wrap, .page #page-parent.company .sec_inner .modal_wrap {
      padding: 0 calc(var(--fluidPx) * 62);
      margin-top: calc(var(--fluidPx) * 100); } }
  @media only screen and (max-width: 480px) {
    .page #page.company .sec_inner .modal_wrap, .page #page-parent.company .sec_inner .modal_wrap {
      width:100%;
      box-sizing: border-box;
      padding: 0 calc(var(--fluidPx) * 18);
      margin-top: calc(var(--fluidPx) * 50); } }
  .page #page.company .sec_inner .modal_wrap .modal_block, .page #page-parent.company .sec_inner .modal_wrap .modal_block {
    width: calc(var(--fluidPx) * 300);
    margin-bottom: calc(var(--fluidPx) * 100); }
    @media only screen and (max-width: 800px) {
      .page #page.company .sec_inner .modal_wrap .modal_block, .page #page-parent.company .sec_inner .modal_wrap .modal_block {
        width: 32%;
        margin-bottom: calc(var(--fluidPx) * 10); } }
    @media only screen and (max-width: 480px) {
      .page #page.company .sec_inner .modal_wrap .modal_block, .page #page-parent.company .sec_inner .modal_wrap .modal_block {
        width: calc(50% - var(--fluidPx) * 18);
        margin-bottom: calc(var(--fluidPx) * 50); } }
    .page #page.company .sec_inner .modal_wrap .modal_block .open, .page #page-parent.company .sec_inner .modal_wrap .modal_block .open {
      cursor: pointer;
      opacity: 1;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .page #page.company .sec_inner .modal_wrap .modal_block .open:hover, .page #page-parent.company .sec_inner .modal_wrap .modal_block .open:hover {
        opacity: .8;
        -webkit-transition: all .3s;
        transition: all .3s; }
    .page #page.company .sec_inner .modal_wrap .modal_block img, .page #page-parent.company .sec_inner .modal_wrap .modal_block img {
      width: 100%;
      margin: 0 !important; }
    .page #page.company .sec_inner .modal_wrap .modal_block .profile, .page #page-parent.company .sec_inner .modal_wrap .modal_block .profile {
      margin-top: calc(var(--fluidPx) * 32); }
      @media only screen and (max-width: 480px) {
        .page #page.company .sec_inner .modal_wrap .modal_block .profile, .page #page-parent.company .sec_inner .modal_wrap .modal_block .profile {
          margin-top: calc(var(--fluidPx) * 16); } }
      .page #page.company .sec_inner .modal_wrap .modal_block .profile p, .page #page-parent.company .sec_inner .modal_wrap .modal_block .profile p {
        padding: 0;
        text-align: center; }
      .page #page.company .sec_inner .modal_wrap .modal_block .profile .name, .page #page-parent.company .sec_inner .modal_wrap .modal_block .profile .name {
        font-size: calc(var(--fluidPx) * 24);
        margin-bottom: calc(var(--fluidPx) * 16);
        color: #191919; }
        @media only screen and (max-width: 480px) {
          .page #page.company .sec_inner .modal_wrap .modal_block .profile .name, .page #page-parent.company .sec_inner .modal_wrap .modal_block .profile .name {
            font-size: calc(var(--fluidPx) * 22);
            margin-bottom: calc(var(--fluidPx) * 8); } }
      .page #page.company .sec_inner .modal_wrap .modal_block .profile .job, .page #page-parent.company .sec_inner .modal_wrap .modal_block .profile .job {
        font-size: calc(var(--fluidPx) * 14);
        color: #7E7E7E; }
  .page #page.company .sec_inner .modal_wrap .modal, .page #page-parent.company .sec_inner .modal_wrap .modal {
    position: fixed;
    top: 0;
    left: calc(var(--fluidPx) * 140);
    z-index: 101;
    background: #fff;
    width: calc(100vw - var(--fluidPx) * 240);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: calc(var(--fluidPx) * 60) 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none; }
    @media only screen and (max-width: 800px) {
      .page #page.company .sec_inner .modal_wrap .modal, .page #page-parent.company .sec_inner .modal_wrap .modal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-y: scroll;
        pointer-events: auto;
        height: 90vh;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    @media only screen and (max-width: 480px) {
      .page #page.company .sec_inner .modal_wrap .modal, .page #page-parent.company .sec_inner .modal_wrap .modal {
        width: 100vw;
        left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-y: scroll;
        pointer-events: auto;
        height: 90vh;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    .page #page.company .sec_inner .modal_wrap .modal.active, .page #page-parent.company .sec_inner .modal_wrap .modal.active {
      opacity: 1;
      visibility: visible;
      -webkit-transition: all .3s;
      transition: all .3s; }
    .page #page.company .sec_inner .modal_wrap .modal .img, .page #page-parent.company .sec_inner .modal_wrap .modal .img {
      padding-left: calc(var(--fluidPx) * 140);
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 calc(var(--fluidPx) * 340);
      -ms-flex: 1 0 calc(var(--fluidPx) * 340);
      flex: 1 0 calc(var(--fluidPx) * 340); }
      @media only screen and (max-width: 800px) {
        .page #page.company .sec_inner .modal_wrap .modal .img, .page #page-parent.company .sec_inner .modal_wrap .modal .img {
          padding-left: calc(var(--fluidPx) * 0);
          width: 50%; } }
      @media only screen and (max-width: 480px) {
        .page #page.company .sec_inner .modal_wrap .modal .img, .page #page-parent.company .sec_inner .modal_wrap .modal .img {
          width: auto;
          padding-left: calc(var(--fluidPx) * 36);
          padding-right: calc(var(--fluidPx) * 36);
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto; } }
      .page #page.company .sec_inner .modal_wrap .modal .img img, .page #page-parent.company .sec_inner .modal_wrap .modal .img img {
        width: 100%; }
    .page #page.company .sec_inner .modal_wrap .modal .profile, .page #page-parent.company .sec_inner .modal_wrap .modal .profile {
      padding: 0 calc(var(--fluidPx) * 140); }
      @media only screen and (max-width: 480px) {
        .page #page.company .sec_inner .modal_wrap .modal .profile, .page #page-parent.company .sec_inner .modal_wrap .modal .profile {
          padding: 0 calc(var(--fluidPx) * 36) calc(var(--fluidPx) * 172); } }
      .page #page.company .sec_inner .modal_wrap .modal .profile p, .page #page-parent.company .sec_inner .modal_wrap .modal .profile p {
        padding: 0;
        text-align: left; }

.page #page.company .sec_inner .email,.page #page.company .sec_inner .manager, .page #page.company .sec_inner .address, .page #page-parent.company .sec_inner .email, .page #page-parent.company .sec_inner .address {
  border-top: 1px solid #7E7E7E;
  padding: calc(var(--fluidPx) * 72) 0;
  max-width: 1100px;
  width: calc(100% - 140px);
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 800px) {
    .page #page.company .sec_inner .email,.page #page.company .sec_inner .manager, .page #page.company .sec_inner .address, .page #page-parent.company .sec_inner .email, .page #page-parent.company .sec_inner .address {
      margin: 0 calc(var(--fluidPx) * 62); } }
  @media only screen and (max-width: 768px) {
    .page #page.company .sec_inner .email,.page #page.company .sec_inner .manager, .page #page.company .sec_inner .address, .page #page-parent.company .sec_inner .email, .page #page-parent.company .sec_inner .address {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: calc(100% - calc(var(--fluidPx) * 18));
      padding: calc(var(--fluidPx) * 36) 0;
      margin: 0 auto; } }
  .page #page.company .sec_inner .email p, .page #page.company .sec_inner .manager p, .page #page.company .sec_inner .address p, .page #page-parent.company .sec_inner .email p, .page #page-parent.company .sec_inner .address p {
    padding: 0 !important;
    margin: 0 !important; }
  .page #page.company .sec_inner .email .title, .page #page.company .sec_inner .address .title, .page #page-parent.company .sec_inner .email .title, .page #page-parent.company .sec_inner .address .title,.page #page.company .sec_inner .manager .title{
    font-size: calc(var(--fluidPx) * 24);
    font-weight: 600;
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: calc(41%);
    padding-right: calc(var(--fluidPx) * 140);
    box-sizing: border-box;
    color: #1B1F54; }
    @media only screen and (max-width: 480px) {
      .page #page.company .sec_inner .email .title, .page #page.company .sec_inner .address .title, .page #page-parent.company .sec_inner .email .title, .page #page-parent.company .sec_inner .address .title ,.page #page.company .sec_inner .manager .title,{
        padding-right: calc(var(--fluidPx) * 0);
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
  .page #page.company .sec_inner .email .content a, .page #page.company .sec_inner .address .content a, .page #page-parent.company .sec_inner .email .content a, .page #page-parent.company .sec_inner .address .content a {
    -webkit-transition: all .3s;
    transition: all .3s; }
    .page #page.company .sec_inner .email .content a:hover, .page #page.company .sec_inner .address .content a:hover, .page #page-parent.company .sec_inner .email .content a:hover, .page #page-parent.company .sec_inner .address .content a:hover {
      color: #94E7FC;
      -webkit-transition: all .3s;
      transition: all .3s; }

.page #page.company .sec_inner .address, .page #page-parent.company .sec_inner .address {
  border-bottom: 1px solid #7E7E7E; }

.page #page-parent .wp-block-cover {
  overflow: hidden;
  max-height: 72vh; }
  @media only screen and (max-width: 480px) {
    .page #page-parent .wp-block-cover {
      height: 72vh;
      max-height: 72vh; } }

@media only screen and (max-width: 480px) {
  .page #page-parent .page_header .page_meta {
    min-width: auto;
    width: 100%; } }

.page #page-parent .page_header .page_meta h1 {
  margin-bottom: calc(var(--fluidPx) * 20); }

.page #page-parent .page_header .page_meta p {
  font-size: calc(var(--fluidPx) * 16);
  margin-bottom: calc(var(--fluidPx) * 40); }

.page #page-parent .page_header .page_meta .links .btn {
  border: none;
  color: #1B1F53; }
  .page #page-parent .page_header .page_meta .links .btn:after {
    content: "";
    display: block;
    background: url(../images/btn_arrow_bk.svg);
    background-size: cover;
    width: calc(var(--fluidPx) * 24);
    height: calc(var(--fluidPx) * 24);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .page #page-parent .page_header .page_meta .links .btn.yellow {
    background: #FAE21B;
    margin-right: calc(var(--fluidPx) * 48); }
    @media only screen and (max-width: 480px) {
      .page #page-parent .page_header .page_meta .links .btn.yellow {
        margin-right: calc(var(--fluidPx) * 24); } }
  .page #page-parent .page_header .page_meta .links .btn.blue {
    background: #94E7FC; }

.page #page-parent .lineup {
  background: #1B1F53;
  padding: calc(var(--fluidPx) * 100) 0;
  width: 100%;
}
.page #page-parent .lineup .inner{
  width: calc(100% - 140px);
  max-width: 1100px;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .page #page-parent .lineup .inner{
    width: 100%;
  }
}
  @media only screen and (max-width: 800px) {
    .page #page-parent .lineup {
      width: 100%;
      padding: calc(var(--fluidPx) * 62); } }
  @media only screen and (max-width: 480px) {
    .page #page-parent .lineup {
      box-sizing: border-box;
      padding: calc(var(--fluidPx) * 50) calc(var(--fluidPx) * 18); } }
  .page #page-parent .lineup h3 {
    color: #fff;
    margin-bottom: calc(var(--fluidPx) * 100); }
    @media only screen and (max-width: 480px) {
      .page #page-parent .lineup h3 {
        margin-bottom: calc(var(--fluidPx) * 50); } }
  .page #page-parent .lineup .line_up_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: calc(var(--fluidPx) * 100);
    margin-bottom: calc(var(--fluidPx) * 100); }
    @media only screen and (max-width: 1030px) {
      .page #page-parent .lineup .line_up_block {
        padding-bottom: calc(var(--fluidPx) * 50);
        margin-bottom: calc(var(--fluidPx) * 50);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .page #page-parent .lineup .line_up_block:last-child {
      border-bottom: none;
      margin-bottom: 0; }
    .page #page-parent .lineup .line_up_block .svg {
      width: calc(var(--fluidPx) * 440);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media only screen and (max-width: 480px) {
        .page #page-parent .lineup .line_up_block .svg {
          width: 100%;
          margin-left: calc(var(--fluidPx) * 0);
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          margin-bottom: calc(var(--fluidPx) * 24); } }
      .page #page-parent .lineup .line_up_block .svg.icon-cyan img {
        height: calc(var(--fluidPx) * 174);
        width: calc(var(--fluidPx) * 174);
        fill: #94E7FC; }
    .page #page-parent .lineup .line_up_block .detail {
      width: calc(60% - var(--fluidPx) * 48); }
      @media only screen and (max-width: 480px) {
        .page #page-parent .lineup .line_up_block .detail {
          width: 100%; } }
      .page #page-parent .lineup .line_up_block .detail h4 {
        color: #fff;
        font-size: calc(var(--fluidPx) * 28);
        margin-bottom: calc(var(--fluidPx) * 40); }
      .page #page-parent .lineup .line_up_block .detail p {
        color: #fff;
        margin-bottom: calc(var(--fluidPx) * 40); }
        .page #page-parent .lineup .line_up_block .detail p span {
          display: block;
          font-size: calc(var(--fluidPx) * 12); }
      .page #page-parent .lineup .line_up_block .detail .links {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .page #page-parent .lineup .line_up_block .detail .links .btn {
          border: none;
          color: #1B1F53;
          margin-right: calc(var(--fluidPx) * 80); }
          @media only screen and (max-width: 800px) {
            .page #page-parent .lineup .line_up_block .detail .links .btn {
              margin-right: calc(var(--fluidPx) * 40); } }
          .page #page-parent .lineup .line_up_block .detail .links .btn:after {
            content: "";
            display: block;
            background: url(../images/btn_arrow_bk.svg);
            background-size: cover;
            width: calc(var(--fluidPx) * 24);
            height: calc(var(--fluidPx) * 24);
            margin-left: calc(var(--fluidPx) * 16); }
          .page #page-parent .lineup .line_up_block .detail .links .btn.yellow {
            background: #FAE21B;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex; }
          .page #page-parent .lineup .line_up_block .detail .links .btn.cyan {
            background: #94E7FC; }

.page #page-parent .beta_lineup {
  width: calc(100% - 140px);
  max-width: 1100px;
  margin: 0 auto;
  padding: calc(var(--fluidPx) * 100) 0; }
  @media only screen and (max-width: 800px) {
    .page #page-parent .beta_lineup {
      width: 100%;
      padding: calc(var(--fluidPx) * 62); } }
  @media only screen and (max-width: 480px) {
    .page #page-parent .beta_lineup {
      box-sizing: border-box;
      padding: calc(var(--fluidPx) * 50) calc(var(--fluidPx) * 18); } }
  .page #page-parent .beta_lineup h3 {
    margin-bottom: calc(var(--fluidPx) * 100); }
    @media only screen and (max-width: 480px) {
      .page #page-parent .beta_lineup h3 {
        margin-bottom: calc(var(--fluidPx) * 50); } }
  .page #page-parent .beta_lineup h4 span {
    display: block;
    font-size: calc(var(--fluidPx) * 14);
    color: #7E7E7E; }
  .page #page-parent .beta_lineup .beta_line_up_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: calc(var(--fluidPx) * 100);
    padding-bottom: calc(var(--fluidPx) * 100); }
    @media only screen and (max-width: 480px) {
      .page #page-parent .beta_lineup .beta_line_up_block {
        margin-bottom: calc(var(--fluidPx) * 50);
        padding-bottom: calc(var(--fluidPx) * 50);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .page #page-parent .beta_lineup .beta_line_up_block:last-child {
      border: none;
      padding-bottom: 0;
      margin-bottom: 0; }
    .page #page-parent .beta_lineup .beta_line_up_block .img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: calc(var(--fluidPx) * 48);
      width: calc(var(--fluidPx) * 506);
      line-height: 1; }
      @media only screen and (max-width: 480px) {
        .page #page-parent .beta_lineup .beta_line_up_block .img {
          margin-right: 0;
          width: 100%;
          margin-bottom: calc(var(--fluidPx) * 28); } }
      .page #page-parent .beta_lineup .beta_line_up_block .img img {
        height: auto;
        width: 72%;
        line-height: 1; }
      @media only screen and (max-width: 480px) {
        .page #page-parent .beta_lineup .beta_line_up_block .img img {
          height: auto;
          width: 62%;
          line-height: 1; }
      }
    .page #page-parent .beta_lineup .beta_line_up_block .detail {
      width: calc(60% - var(--fluidPx) * 48);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      @media only screen and (max-width: 480px) {
        .page #page-parent .beta_lineup .beta_line_up_block .detail {
          width: 100%; } }
      .page #page-parent .beta_lineup .beta_line_up_block .detail h4 {
        font-size: calc(var(--fluidPx) * 28);
        margin-bottom: calc(var(--fluidPx) * 40); }
      .page #page-parent .beta_lineup .beta_line_up_block .detail p {
        margin-bottom: calc(var(--fluidPx) * 40); }

.page #page-parent .lineup-bottom {
  width: calc(100% - 140px);
  max-width: 1100px;
  margin: 0 auto;
  padding: calc(var(--fluidPx) * 100) 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:flex; }
  @media only screen and (max-width: 800px) {
    .page #page-parent .lineup-bottom {
      width: 100%;
      padding: calc(var(--fluidPx) * 62);
      display: block; } }
  @media only screen and (max-width: 480px) {
    .page #page-parent .lineup-bottom {
      box-sizing: border-box;
      padding: calc(var(--fluidPx) * 50) calc(var(--fluidPx) * 18);
      display: block; } }
.page #page-parent .lineup-bottom .picture {
  margin-right: 50px;
  width: calc(var(--fluidPx) * 440); }
.page #page-parent .lineup-bottom .picture img {
  width: 100%; }
@media only screen and (max-width: 800px) {
  .page #page-parent .lineup-bottom .picture {
    margin-right: 0;
    width: 100%; } }

.page .post_articles_links {
  margin-top: 0;
  background: #1B1F53;
  width: 100%;
  padding: calc(var(--fluidPx) * 100) 0;
  }
  @media only screen and (max-width: 800px) {
    .page .post_articles_links {
      padding: calc(var(--fluidPx) * 62) 0; } }
  @media only screen and (max-width: 480px) {
    .page .post_articles_links {
      padding: calc(var(--fluidPx) * 50) 0; } }
  .page .post_articles_links .post_articles_links_inner{
    width: calc(100% - 140px);
    max-width: 1100px;
    margin: 0 auto;
  }
  @media only screen and (max-width: 480px) {
    .page .post_articles_links .post_articles_links_inner{
      width: calc(100% - 24px);
    }
  }
  .page .post_articles_links h2 {
    color: #fff; }
  .page .post_articles_links .col3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .post_articles_links .col3:after {
      content: "";
      width: 30%;
      height: 0;
      display: block; }
    @media only screen and (max-width: 480px) {
      .page .post_articles_links .col3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .page .post_articles_links .col3 .thumb {
      width: 30%; }
      @media only screen and (max-width: 480px) {
        .page .post_articles_links .col3 .thumb {
          width: 100%; } }
      .page .post_articles_links .col3 .thumb .img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        aspect-ratio : 19/12; }
        .page .post_articles_links .col3 .thumb .img img {
          height: 100%;
          width: 100%;
          -webkit-transition: all .3s;
          transition: all .3s;
          -webkit-transform: scale(1.01);
          -ms-transform: scale(1.01);
          transform: scale(1.01);
          object-fit: cover; }
      .page .post_articles_links .col3 .thumb:hover:hover .img img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .3s;
        transition: all .3s; }
    .page .post_articles_links .col3 .meta {
      margin-top: calc(var(--fluidPx) * 8);
      margin-bottom: calc(var(--fluidPx) * 0);
      font-size: calc(var(--fluidPx) * 14);
      color: #7E7E7E; }
      .page .post_articles_links .col3 .meta .date {
        margin-right: calc(var(--fluidPx) * 24); }
    .page .post_articles_links .col3 .title {
      margin-top: 0;
      margin-bottom: calc(var(--fluidPx) * 57);
      font-size: calc(var(--fluidPx) * 14);
      color: #fff; }
      @media only screen and (max-width: 480px) {
        .page .post_articles_links .col3 .title {
          margin-bottom: calc(var(--fluidPx) * 28); } }
  .page .post_articles_links .btn {
    border: 1px solid #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-bottom: calc(var(--fluidPx) * 128); }
    .page .post_articles_links .btn:hover {
      background: #fff;
      color: #000;
      -webkit-transition: all .3s;
      transition: all .3s;
      opacity: 1; }
      .page .post_articles_links .btn:hover:after {
        background: url(../images/btn_arrow_bk.svg);
        background-size: cover; }
  .page .post_articles_links .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1; }
    .page .post_articles_links .btns a {
      margin-right: calc(var(--fluidPx) * 64);
      opacity: 1;
      -webkit-transition: all .3s;
      transition: all .3s; }
      @media only screen and (max-width: 480px) {
        .page .post_articles_links .btns a {
          margin-right: calc(var(--fluidPx) * 20); } }
      .page .post_articles_links .btns a:hover {
        opacity: .8;
        -webkit-transition: all .3s;
        transition: all .3s; }
      .page .post_articles_links .btns a img {
        width: calc(var(--fluidPx) * 208);
        height: auto; }

.page .companies {
  max-width: 1100px;
  margin: 0 auto;
  width: calc(100% - 140px);
  padding: calc(var(--fluidPx) * 100) 0;
  box-sizing:border-box;
  margin-top: 0; }
  @media only screen and (max-width: 800px) {
    .page .companies {
      width: 100%;
      padding: calc(var(--fluidPx) * 62); } }
  @media only screen and (max-width: 480px) {
    .page .companies {
      padding: calc(var(--fluidPx) * 50) calc(var(--fluidPx) * 18); } }
  .page .companies h3 {
    margin-bottom: calc(var(--fluidPx) * 16); }
  .page .companies p small {
    color: #7E7E7E; }
  .page .companies .links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: calc(var(--fluidPx) * 64) 0; }
    .page .companies .links a {
      width: calc(20% - var(--fluidPx) * 39);
      margin-bottom: calc(var(--fluidPx) * 16);
      margin-right: calc(var(--fluidPx) * 48);
      line-height: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media only screen and (max-width: 800px) {
        .page .companies .links a {
          width: calc(50% - var(--fluidPx) * 20);
          margin-right: 0; } }
      .page .companies .links a:nth-child(5n) {
        margin-right: 0; }
        @media only screen and (max-width: 480px) {
          .page .companies .links a:nth-child(5n) {
            margin-right: calc(var(--fluidPx) * 24); } }
      @media only screen and (max-width: 480px) {
        .page .companies .links a:nth-child(2n) {
          margin-right: 0; } }
      .page .companies .links a img {
        width: 100%;
        height: auto; }
  .page .companies .btn {
    border: none;
    color: #1B1F53; }
    .page .companies .btn:after {
      content: "";
      display: block;
      background: url(../images/btn_arrow_bk.svg);
      background-size: cover;
      width: calc(var(--fluidPx) * 24);
      height: calc(var(--fluidPx) * 24);
      margin-left: calc(var(--fluidPx) * 16); }
    .page .companies .btn.yellow {
      background: #FAE21B;
      margin-right: calc(var(--fluidPx) * 48);
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .page .companies .btn.blue {
      background: #1B1F53;
      color: #fff; }
      .page .companies .btn.blue:after {
        content: "";
        display: block;
        background: url("../images/btn_arrow.svg");
        background-size: cover;
        width: calc(var(--fluidPx) * 24);
        height: calc(var(--fluidPx) * 24);
        margin-left: calc(var(--fluidPx) * 16);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
.page .development .inner{
  max-width: 1100px;
  margin: 0 auto;
  width: calc(100% - 140px);
}
@media only screen and (max-width: 960px) {
  .page .development .inner{
    width: calc(100%);
  }
}
.page .development {
  background: #1B1F53;
  padding: calc(var(--fluidPx) * 100) calc(var(--fluidPx) * 140); }
  @media only screen and (max-width: 800px) {
    .page .development {
      padding: calc(var(--fluidPx) * 62); } }
  @media only screen and (max-width: 480px) {
    .page .development {
      padding: calc(var(--fluidPx) * 50) calc(var(--fluidPx) * 18); } }
  .page .development h2 {
    color: #fff;
    font-weight: 400; }
  .page .development h3 {
    color: #fff;
    font-weight: 400;
    font-size: calc(var(--fluidPx) * 32);
    margin-bottom: calc(var(--fluidPx) * 8); }
  .page .development h4 {
    color: #fff;
    font-weight: 400;
    font-size: calc(var(--fluidPx) * 24);
    margin-bottom: calc(var(--fluidPx) * 8); }
  .page .development h5 {
    color: #fff;
    font-weight: 400;
    font-size: calc(var(--fluidPx) * 18);
    margin-bottom: calc(var(--fluidPx) * 8); }
  .page .development h6 {
    color: #fff;
    font-weight: 400;
    font-size: calc(var(--fluidPx) * 16);
    margin-bottom: calc(var(--fluidPx) * 8); }
  .page .development p {
    color: #fff; }
  .page .development .development_col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 960px) {
      .page .development .development_col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
  .page .development .text {
    padding-right: calc(var(--fluidPx) * 96);
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0; }
    @media only screen and (max-width: 960px) {
      .page .development .text {
        padding-right: 0;
        margin-top: calc(var(--fluidPx) * 24); } }
  .page .development .img {
    max-width: 540px;
    width: 42%; }
    @media only screen and (max-width: 960px) {
      .page .development .img {
        width: 100%; } }
    @media only screen and (max-width: 480px) {
      .page .development .img {
        width: 100%; } }
    .page .development .img img {
      width: 100%;
      height: auto; }
  .page .development .btns {
    margin-top: calc(var(--fluidPx) * 100);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .page .development .btns a {
      margin-right: calc(var(--fluidPx) * 40);
      opacity: 1;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .page .development .btns a:hover {
        opacity: .8;
        -webkit-transition: all .3s;
        transition: all .3s; }
      .page .development .btns a img {
        width: calc(var(--fluidPx) * 227);
        height: auto; }

.page #page .description {
  margin-top: calc(var(--fluidPx) * 100);
  padding: 0 calc(var(--fluidPx) * 140);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: border-box; }
  @media only screen and (max-width: 800px) {
    .page #page .description {
      padding: 0 calc(var(--fluidPx) * 62); } }
  @media only screen and (max-width: 480px) {
    .page #page .description {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: calc(var(--fluidPx) * 50);
      padding: 0 calc(var(--fluidPx) * 18); } }
  .page #page .description div {
    width: 50%; }
    @media only screen and (max-width: 480px) {
      .page #page .description div {
        width: 100%; } }
    .page #page .description div.img img {
      width: 100%; }
    .page #page .description div.text {
      padding-left: calc(var(--fluidPx) * 100);
      box-sizing: border-box; }
      .page #page .description div.text h2, .page #page .description div.text p {
        padding: 0; }
      .page #page .description div.text a {
        margin-top: calc(var(--fluidPx) * 64); }
      @media only screen and (max-width: 480px) {
        .page #page .description div.text {
          padding: calc(var(--fluidPx) * 50) 0; } }

.page #page-parent .description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: border-box;
  width: calc(100% - 140px);
  max-width: 1100px;
  margin: 0 auto;
  padding: calc(var(--fluidPx) * 100) 0; }
  @media only screen and (max-width: 800px) {
    .page #page-parent .description {
      width: 100%;
      padding: 0 calc(var(--fluidPx) * 62);
      padding: calc(var(--fluidPx) * 62); } }
  @media only screen and (max-width: 480px) {
    .page #page-parent .description {
      padding: calc(var(--fluidPx) * 50) calc(var(--fluidPx) * 18);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .page #page-parent .description div {
    width: 50%; }
    @media only screen and (max-width: 480px) {
      .page #page-parent .description div {
        width: 100%; } }
    .page #page-parent .description div.img img {
      width: 100%; }
    .page #page-parent .description div.text {
      padding: calc(var(--fluidPx) * 100);
      box-sizing: border-box; }
      .page #page-parent .description div.text h2, .page #page-parent .description div.text p {
        padding: 0; }
      @media only screen and (max-width: 980px) {
        .page #page-parent .description div.text {
          padding: calc(var(--fluidPx) * 50); } }
      @media only screen and (max-width: 480px) {
        .page #page-parent .description div.text {
          padding: calc(var(--fluidPx) * 50) 0; } }

.page #page.satellite .page_header {
  max-height: 72vh; }
  @media only screen and (max-width: 480px) {
    .page #page.satellite .page_header {
      height: 72vh;
      max-height: 72vh; } }

#page.policy .sec_inner {
  padding: 0 calc(var(--fluidPx) * 260); }
  #page.policy .sec_inner .wp-block-columns {
    padding: 0;
    padding: 0 calc(var(--fluidPx) * 18); }
  @media only screen and (max-width: 480px) {
    #page.policy .sec_inner {
      padding: 0; } }

#page .text-header {
  padding: calc(var(--fluidPx) * 100) 0 0 0; }
  @media only screen and (max-width: 480px) {
    #page .text-header {
      padding: calc(var(--fluidPx) * 50) 0 0; } }

#page .text-column h3 {
  padding-right: calc(var(--fluidPx) * 64) !important; }
  @media only screen and (max-width: 480px) {
    #page .text-column h3 {
      padding-right: calc(var(--fluidPx) * 0) !important; } }

#page .launch-list {
  margin-bottom: calc(var(--fluidPx) * 50); }
  #page .launch-list .launch-list-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #page .launch-list .launch-list-block .content{
      max-width:
    }
  #page .launch-list .head {
    font-weight: 600;
    flex: 0 0 auto;
    width: calc(var(--fluidPx) * 200); }
  #page .launch-list .content::before {
    content: ":";
    padding-right: calc(var(--fluidPx) * 8) !important; }

#page .launch-title span {
  font-size: calc(var(--fluidPx) * 22);
  display: block; }

#page.launch {
  background: #04051C;
  color: #fff; }
  #page.launch h1, #page.launch h2, #page.launch h3, #page.launch h4, #page.launch h5, #page.launch h6 {
    color: #fff; }

.page-template-page-parent .post_articles_links .btn {
  margin-bottom: 0; }

#myFrame {
  height: 1200px; }
  @media only screen and (max-width: 800px) {
    #myFrame {
      height: 1600px; } }

footer {
  background: #F2F2F2;
  padding: calc(var(--fluidPx) * 80) 0 calc(var(--fluidPx) * 48);
  box-sizing: border-box; }
  @media only screen and (max-width: 800px) {
    footer {
      padding: calc(var(--fluidPx) * 18);
      padding-bottom: calc(var(--fluidPx) * 40); } }
  footer .footer_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 1100px;
        margin: 0 auto;
        width: calc(100% - 140px); }
    @media only screen and (max-width: 800px) {
      footer .footer_top {
        width: 100%;
        box-sizing: border-box;
        padding: 0 calc(var(--fluidPx) * 18);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    footer .footer_top .menu-menu2-container ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 800px) {
        footer .footer_top .menu-menu2-container ul {
          flex-wrap: wrap;
        }
      }
      @media only screen and (max-width: 480px) {
        footer .footer_top .menu-menu2-container ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      footer .footer_top .menu-menu2-container ul a {
        opacity: 1;
        -webkit-transition: all .3s;
        transition: all .3s; }
        footer .footer_top .menu-menu2-container ul a:hover {
          opacity: .8;
          -webkit-transition: all .3s;
          transition: all .3s; }
      footer .footer_top .menu-menu2-container ul li.menu-item-object-page a {
        font-size: calc(var(--fluidPx) * 14);
        font-weight: 600;
        margin-bottom: calc(var(--fluidPx) * 20); }
        @media only screen and (max-width: 480px) {
          footer .footer_top .menu-menu2-container ul li.menu-item-object-page a {
            font-size: calc(var(--fluidPx) * 24);
            margin-bottom: calc(var(--fluidPx) * 12); } }
      footer .footer_top .menu-menu2-container ul li.menu-item-3071 {
        margin-right: calc(var(--fluidPx) * 88); }
        @media only screen and (max-width: 480px) {
          footer .footer_top .menu-menu2-container ul li.menu-item-3071 {
            margin-bottom: calc(var(--fluidPx) * 24); } }
      footer .footer_top .menu-menu2-container ul li.menu-item-has-children {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
      }
        @media only screen and (max-width: 800px) {
          footer .footer_top .menu-menu2-container ul li.menu-item-has-children {
            width: 50%;
            margin-bottom: calc(var(--fluidPx) * 24);
          }}
        @media only screen and (max-width: 480px) {
          footer .footer_top .menu-menu2-container ul li.menu-item-has-children {
            width: 100%;
            }
          }
        footer .footer_top .menu-menu2-container ul li.menu-item-has-children a {
          font-size: calc(var(--fluidPx) * 14);
          font-weight: 600;
          margin-bottom: calc(var(--fluidPx) * 8); }
          @media only screen and (max-width: 480px) {
            footer .footer_top .menu-menu2-container ul li.menu-item-has-children a {
              font-size: calc(var(--fluidPx) * 24);
              margin-bottom: calc(var(--fluidPx) * 6); } }
        footer .footer_top .menu-menu2-container ul li.menu-item-has-children .sub-menu {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; }
          footer .footer_top .menu-menu2-container ul li.menu-item-has-children .sub-menu .disabble {
            pointer-events: none; }
          footer .footer_top .menu-menu2-container ul li.menu-item-has-children .sub-menu a {
            font-size: calc(var(--fluidPx) * 10);
            margin-bottom: calc(var(--fluidPx) * 20);
            font-weight: 400; }
            @media only screen and (max-width: 480px) {
              footer .footer_top .menu-menu2-container ul li.menu-item-has-children .sub-menu a {
                font-size: calc(var(--fluidPx) * 20);
                margin-bottom: calc(var(--fluidPx) * 8); } }

    @media only screen and (max-width: 800px) {
      footer .footer_top .sns {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end; } }
    footer .sns a {
      margin-left: calc(var(--fluidPx) * 24); }
  footer .footer_bottom {
    max-width: 1480px;
    margin: calc(var(--fluidPx) * 40) auto 0;
    width: calc(100% - 140px);
    border-top: 1px solid #1B1F53;
    padding-top: calc(var(--fluidPx) * 24);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 800px) {
      footer .footer_bottom {
          width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    footer .footer_bottom .menu-poricy-container ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      @media only screen and (max-width: 480px) {
        footer .footer_bottom .menu-poricy-container ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      footer .footer_bottom .menu-poricy-container ul a {
        margin-left: calc(var(--fluidPx) * 32);
        text-decoration: underline; }
        @media only screen and (max-width: 480px) {
          footer .footer_bottom .menu-poricy-container ul a {
            margin-left: calc(var(--fluidPx) * 16);
            margin-right: calc(var(--fluidPx) * 16); } }
    @media only screen and (max-width: 800px) {
      footer .footer_bottom p {
        margin-top: calc(var(--fluidPx) * 16);
        width: 100%;
        text-align: center; } }

.post-template-single-webinar header {
  display: none; }

.post-template-single-webinar footer {
  display: none; }

.post-template-single-webinar section {
  margin-top: 0; }

.post-template-single-webinar .mainvisual {
  height: 264px;
  width: 100vw;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: calc(var(--fluidPx) * 50) calc(var(--fluidPx) * 60);
  box-sizing: border-box; }
  @media only screen and (max-width: 480px) {
    .post-template-single-webinar .mainvisual {
      padding: calc(var(--fluidPx) * 20) calc(var(--fluidPx) * 20); } }
  .post-template-single-webinar .mainvisual h1 img {
    height: calc(var(--fluidPx) * 60);
    width: auto; }

.post-template-single-webinar .first_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .post-template-single-webinar .first_content .inner {
    width: calc(var(--fluidPx) * 720); }
    @media only screen and (max-width: 480px) {
      .post-template-single-webinar .first_content .inner {
        padding: calc(var(--fluidPx) * 18);
        box-sizing: border-box; } }
    .post-template-single-webinar .first_content .inner h2 {
      font-size: calc(var(--fluidPx) * 33);
      padding: 1em 0;
      position: relative;
      margin-top: calc(var(--fluidPx) * 32); }
      @media only screen and (max-width: 480px) {
        .post-template-single-webinar .first_content .inner h2 {
          font-size: calc(var(--fluidPx) * 28); } }
      .post-template-single-webinar .first_content .inner h2:after {
        content: "";
        width: calc(var(--fluidPx) * 58);
        height: 8px;
        background: #99D5EA;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0; }
    .post-template-single-webinar .first_content .inner .schedule {
      margin-bottom: calc(var(--fluidPx) * 64); }
      .post-template-single-webinar .first_content .inner .schedule p {
        margin-bottom: 0;
        color: #1B1F54;
        font-size: calc(var(--fluidPx) * 27);
        font-weight: bold; }
        .post-template-single-webinar .first_content .inner .schedule p.sub {
          font-size: calc(var(--fluidPx) * 20); }
    .post-template-single-webinar .first_content .inner .read {
      margin: calc(var(--fluidPx) * 64) 0; }
      .post-template-single-webinar .first_content .inner .read p {
        color: #040000; }

.post-template-single-webinar .require_btn {
  font-size: calc(var(--fluidPx) * 27);
  border-radius: 10px;
  color: #ECEB5F;
  padding: calc(var(--fluidPx) * 10) calc(var(--fluidPx) * 70);
  line-height: 1;
  background: #1B1F54;
  display: inline-block; }

.post-template-single-webinar .speaker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .post-template-single-webinar .speaker .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(var(--fluidPx) * 720);
    background: #1B1F54;
    padding: calc(var(--fluidPx) * 18);
    box-sizing: border-box; }
    @media only screen and (max-width: 480px) {
      .post-template-single-webinar .speaker .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: calc(var(--fluidPx) * 32) calc(var(--fluidPx) * 18); } }
    .post-template-single-webinar .speaker .inner .img {
      text-align: right;
      margin-right: calc(var(--fluidPx) * 40); }
      @media only screen and (max-width: 480px) {
        .post-template-single-webinar .speaker .inner .img {
          margin-right: 0;
          text-align: center; } }
      .post-template-single-webinar .speaker .inner .img img {
        width: calc(var(--fluidPx) * 260);
        height: calc(var(--fluidPx) * 260); }
        @media only screen and (max-width: 480px) {
          .post-template-single-webinar .speaker .inner .img img {
            width: 80%;
            height: auto; } }
    .post-template-single-webinar .speaker .inner .text {
      max-width: calc(var(--fluidPx) * 320); }
      @media only screen and (max-width: 480px) {
        .post-template-single-webinar .speaker .inner .text {
          max-width: 100%; } }
      .post-template-single-webinar .speaker .inner .text p {
        color: #fff;
        margin-bottom: 0; }
        .post-template-single-webinar .speaker .inner .text p.small {
          font-size: calc(var(--fluidPx) * 10);
          font-weight: bold; }
        .post-template-single-webinar .speaker .inner .text p.name {
          font-size: calc(var(--fluidPx) * 22);
          font-weight: bold; }
          .post-template-single-webinar .speaker .inner .text p.name span {
            font-size: calc(var(--fluidPx) * 16);
            margin-left: calc(var(--fluidPx) * 8); }
        .post-template-single-webinar .speaker .inner .text p.officer {
          font-size: calc(var(--fluidPx) * 13);
          margin-bottom: calc(var(--fluidPx) * 16); }
        .post-template-single-webinar .speaker .inner .text p.comment {
          font-size: calc(var(--fluidPx) * 11); }

.post-template-single-webinar .free_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .post-template-single-webinar .free_area .inner {
    width: calc(var(--fluidPx) * 720); }
    @media only screen and (max-width: 480px) {
      .post-template-single-webinar .free_area .inner {
        padding: calc(var(--fluidPx) * 18);
        box-sizing: border-box; } }
    .post-template-single-webinar .free_area .inner .youtube {
      position: relative;
      height: 0;
      padding-bottom: 56.25%;
      overflow: hidden; }
    .post-template-single-webinar .free_area .inner .youtube iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .post-template-single-webinar .free_area .inner h2 {
      font-size: calc(var(--fluidPx) * 18);
      padding: 1em 0;
      position: relative;
      margin-top: calc(var(--fluidPx) * 64); }
      .post-template-single-webinar .free_area .inner h2:after {
        content: "";
        width: calc(var(--fluidPx) * 58);
        height: 8px;
        background: #99D5EA;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0; }
    .post-template-single-webinar .free_area .inner p {
      color: #040000;
      font-size: calc(var(--fluidPx) * 16); }
    .post-template-single-webinar .free_area .inner .mt64 {
      margin-top: calc(var(--fluidPx) * 32); }

.post-template-single-webinar .webinar_footer {
  height: calc(var(--fluidPx) * 204);
  background: #1B1F54;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: calc(var(--fluidPx) * 84); }
  .post-template-single-webinar .webinar_footer .foot_logo img {
    height: calc(var(--fluidPx) * 74);
    width: auto; }
  .post-template-single-webinar .webinar_footer .links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: calc(var(--fluidPx) * 14) 0; }
    .post-template-single-webinar .webinar_footer .links a {
      color: #fff;
      font-size: calc(var(--fluidPx) * 9);
      margin: 0 calc(var(--fluidPx) * 14); }
  .post-template-single-webinar .webinar_footer .copy {
    color: #fff;
    font-size: calc(var(--fluidPx) * 9); }

#page.recruit {
  margin-top: 0;
  background: #fff; }
  #page.recruit .mainvisual {
    height: calc(var(--fluidPx) * 600);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 80px;
    box-sizing: border-box;
    position: relative; }
    #page.recruit .mainvisual .bg_movie {
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: calc(var(--fluidPx) * 600);
      z-index: 1; }
      #page.recruit .mainvisual .bg_movie video, #page.recruit .mainvisual .bg_movie img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
    #page.recruit .mainvisual .mainvisual_inner {
      width: calc(100% - 140px);
      max-width: 1100px;
      margin: 0 auto;
      position: relative;
      z-index: 2; }
      #page.recruit .mainvisual .mainvisual_inner h1 {
        margin-bottom: calc(var(--fluidPx) * 32);
        font-weight: 600;
        font-size: calc(var(--fluidPx) * 46);
        padding: 0;
        color: #fff; }
      @media only screen and (max-width: 480px) {
        #page.recruit .mainvisual .mainvisual_inner {
          padding: 0 calc(var(--fluidPx) * 18); } }
  #page.recruit .message .message_inner {
    max-width: 1100px;
    width: calc(100% - 140px);
    margin: calc(var(--fluidPx) * 100) auto; }
    @media only screen and (max-width: 480px) {
      #page.recruit .message .message_inner {
        width: 100%; } }
    #page.recruit .message .message_inner h3 {
      font-size: calc(var(--fluidPx) * 39);
      font-weight: 600;
      line-height: 1.5;
      padding: 0;
      margin: 0;
      color: #191919; }
      @media only screen and (max-width: 480px) {
        #page.recruit .message .message_inner h3 {
          width: 100%;
          padding: 0 calc(var(--fluidPx) * 18);
          box-sizing: border-box; } }
    #page.recruit .message .message_inner p {
      font-size: calc(var(--fluidPx) * 24);
      font-weight: 600;
      line-height: 1.5;
      padding: 0;
      margin: 0;
      color: #191919; }
      @media only screen and (max-width: 480px) {
        #page.recruit .message .message_inner p {
          width: 100%;
          padding: 0 calc(var(--fluidPx) * 16);
          box-sizing: border-box; } }
  #page.recruit .column {
    margin: calc(var(--fluidPx) * 120) auto; }
    @media only screen and (max-width: 480px) {
      #page.recruit .column {
        width: 100%; } }
    #page.recruit .column h3 {
      font-size: calc(var(--fluidPx) * 36);
      font-weight: 600;
      color: #191919;
      width:100%;
      padding: 0; }
    #page.recruit .column .column_inner {
      max-width: 1100px;
      width: calc(100% - 140px);
      margin: calc(var(--fluidPx) * 40) auto; }
      @media only screen and (max-width: 480px) {
        #page.recruit .column .column_inner {
          padding: 0 calc(var(--fluidPx) * 18);
          width: 100%;
          box-sizing: border-box; } }
      #page.recruit .column .column_inner .column_wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: calc(var(--fluidPx) * 24); }
        @media only screen and (max-width: 480px) {
          #page.recruit .column .column_inner .column_wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column; } }
        #page.recruit .column .column_inner .column_wrap a {
          width: calc(33.33% - 26px);
          display: block;
          opacity: 1;
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          @media only screen and (max-width: 480px) {
            #page.recruit .column .column_inner .column_wrap a {
              width: 100%; } }
          #page.recruit .column .column_inner .column_wrap a:hover {
            opacity: .8;
            -webkit-transition: opacity .3s;
            transition: opacity .3s; }
          #page.recruit .column .column_inner .column_wrap a figure {
            display: block;
            width: 100%;
            height: calc(var(--fluidPx) * 208);
            overflow: hidden; }
            #page.recruit .column .column_inner .column_wrap a figure img {
              object-fit: cover;
              height: 100%;
              width: 100%; }
          #page.recruit .column .column_inner .column_wrap a p {
            color: #191919;
            width: 100%;
            font-size: calc(var(--fluidPx) * 24);
            padding: 0;
            text-align: left;
            line-height: 1;
            margin-top: calc(var(--fluidPx) * 12); }
  #page.recruit .detail_area_bg {
    padding: calc(var(--fluidPx) * 40) 0 calc(var(--fluidPx) * 90); }
    #page.recruit .detail_area_bg .detail_area_inner {
      max-width: 1100px;
      width: calc(100% - 140px);
      margin: 0 auto; }
      @media only screen and (max-width: 480px) {
        #page.recruit .detail_area_bg .detail_area_inner {
          padding: 0 calc(var(--fluidPx) * 18);
          width: 100%;
          box-sizing: border-box; } }
      #page.recruit .detail_area_bg .detail_area_inner h3 {
        width: 100%;
        font-size: calc(var(--fluidPx) * 36);
        font-weight: 600;
        color: #fff;
        padding: 0; }
      #page.recruit .detail_area_bg .detail_area_inner p {
        padding: 0;
        width: 100%;
        font-size: calc(var(--fluidPx) * 24);
        color: #fff; }
      #page.recruit .detail_area_bg .detail_area_inner ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: calc(var(--fluidPx) * 50); }
        #page.recruit .detail_area_bg .detail_area_inner ul:after {
          content: "";
          height: 0;
          width: calc(31%);
          display: block; }
        @media only screen and (max-width: 480px) {
          #page.recruit .detail_area_bg .detail_area_inner ul {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column; } }
        #page.recruit .detail_area_bg .detail_area_inner ul li {
          width: calc(31%);
          font-size: calc(var(--fluidPx) * 18);
          color: #fff;
          line-height: 1.5;
          margin-bottom: calc(var(--fluidPx) * 82);
          font-weight: bold; }
          @media only screen and (max-width: 480px) {
            #page.recruit .detail_area_bg .detail_area_inner ul li {
              width: 100%; } }
          #page.recruit .detail_area_bg .detail_area_inner ul li:before {
            content: "";
            height: calc(var(--fluidPx) * 9);
            width: calc(var(--fluidPx) * 12);
            background: url("../images/detail_list_icon.svg") no-repeat;
            background-size: contain;
            background-position: center center;
            display: inline-block;
            margin-top: calc(var(--fluidPx) * 8);
            margin-right: calc(var(--fluidPx) * 4); }
  #page.recruit .faq {
    padding: calc(var(--fluidPx) * 90); }
    @media only screen and (max-width: 480px) {
      #page.recruit .faq {
        padding: calc(var(--fluidPx) * 90) 0; } }
    #page.recruit .faq .faq_inner {
      max-width: 1100px;
      width: calc(100% - 140px);
      margin: 0 auto; }
      @media only screen and (max-width: 480px) {
        #page.recruit .faq .faq_inner {
          padding: 0 calc(var(--fluidPx) * 18);
          width: 100%;
          box-sizing: border-box; } }
      #page.recruit .faq .faq_inner h3 {
        padding: 0;
        font-size: calc(var(--fluidPx) * 36);
        color: #191919; }
      #page.recruit .faq .faq_inner .faw_col_wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
      #page.recruit .faq .faq_inner .faq_section {
        border-bottom: 1px solid #7E7E7E;
        counter-reset: number;
        max-width: 660px;
        width: calc(var(--fluidPx) * 660); }
        @media only screen and (max-width: 480px) {
          #page.recruit .faq .faq_inner .faq_section {
            width: 100%; } }
        #page.recruit .faq .faq_inner .faq_section .faq_list {
          border-top: 1px solid #7E7E7E;
          counter-increment: number;
          padding: calc(var(--fluidPx) * 24) 0 0 0;
          cursor: pointer; }
          #page.recruit .faq .faq_inner .faq_section .faq_list h4, #page.recruit .faq .faq_inner .faq_section .faq_list p {
            padding: 0; }
          #page.recruit .faq .faq_inner .faq_section .faq_list h4 {
            font-size: calc(var(--fluidPx) * 20);
            color: #191919;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between; }
            #page.recruit .faq .faq_inner .faq_section .faq_list h4 span {
              -webkit-box-flex: 1;
              -webkit-flex: 1 0 0;
              -ms-flex: 1 0 0px;
              flex: 1 0 0; }
              #page.recruit .faq .faq_inner .faq_section .faq_list h4 span::before {
                content: counter(number, decimal-leading-zero);
                margin-right: calc(var(--fluidPx) * 24); }
            #page.recruit .faq .faq_inner .faq_section .faq_list h4:after {
              content: "";
              width: calc(var(--fluidPx) * 19);
              height: calc(var(--fluidPx) * 19);
              background: url("../images/recruit_plus.svg") no-repeat;
              background-position: center;
              background-size: contain;
              display: block;
              margin-left: calc(var(--fluidPx) * 12);
              margin-top: calc(var(--fluidPx) * 6); }
          #page.recruit .faq .faq_inner .faq_section .faq_list p {
            font-size: calc(var(--fluidPx) * 20);
            height: 0;
            overflow: hidden;
            line-height: 1.5; }
            #page.recruit .faq .faq_inner .faq_section .faq_list p a {
              text-decoration: underline;
              color: #1B1F53; }
          #page.recruit .faq .faq_inner .faq_section .faq_list.active {
            border-top: 1px solid #191919; }
            #page.recruit .faq .faq_inner .faq_section .faq_list.active h4 {
              color: #191919; }
              #page.recruit .faq .faq_inner .faq_section .faq_list.active h4:after {
                content: "";
                width: calc(var(--fluidPx) * 19);
                height: calc(var(--fluidPx) * 19);
                background: url("../images/recruit_minus.svg") no-repeat;
                background-position: center;
                background-size: contain;
                display: block;
                margin-left: calc(var(--fluidPx) * 12);
                margin-top: calc(var(--fluidPx) * 6); }
            #page.recruit .faq .faq_inner .faq_section .faq_list.active p {
              height: 100%;
              margin-top: calc(var(--fluidPx) * 16); }
      #page.recruit .faq .faq_inner .image_section {
        display: none;
        width: calc(var(--fluidPx) * 0);
        height: 640px;
        overflow: hidden; }
        @media only screen and (max-width: 480px) {
          #page.recruit .faq .faq_inner .image_section {
            display: none; } }
        #page.recruit .faq .faq_inner .image_section img {
          object-fit: cover;
          height: 100%;
          width: 100%; }
  #page.recruit .cta_area {
    border-top: 1px solid #7E7E7E;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 480px) {
      #page.recruit .cta_area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    #page.recruit .cta_area .cta_left, #page.recruit .cta_area .cta_right {
      width: 50%;
      max-width: 640px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      box-sizing: border-box;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: calc(var(--fluidPx) * 48); }
      @media only screen and (max-width: 480px) {
        #page.recruit .cta_area .cta_left, #page.recruit .cta_area .cta_right {
          width: 100%; } }
      #page.recruit .cta_area .cta_left p, #page.recruit .cta_area .cta_right p {
        padding: 0;
        color: #1B1F53; }
      #page.recruit .cta_area .cta_left a, #page.recruit .cta_area .cta_right a {
        margin: 0;
        line-height: 1.2; }
    #page.recruit .cta_area .cta_left {
      border-right: 1px solid #7E7E7E; }
      @media only screen and (max-width: 480px) {
        #page.recruit .cta_area .cta_left {
          border-right: none;
          border-bottom: 1px solid #7E7E7E; } }
    #page.recruit #featured {
      margin-top: calc(var(--fluidPx) * 56); }
      #page.recruit #featured .col{
        max-width: 1100px;
            width: calc(100% - 140px);
            margin: 0 auto;
            padding: 0;
      }
      @media only screen and (max-width: 480px) {
        #page.recruit #featured .col{
          padding: 0 calc(var(--fluidPx) * 18);
          width: 100%;
        }
      }
      #page.recruit #featured h2{
        padding: 0;
        max-width: 1086px;
            width: calc(var(--fluidPx) * 1086);
      }
      @media only screen and (max-width: 480px) {
        #page.recruit #featured h2{
          width: 100%;
        }
      }
      #page.recruit #featured .col3 {
        margin-bottom: calc(var(--fluidPx) * 32);
        max-width: 1100px;
            width: calc(100% - 140px);
        margin: 0 auto calc(var(--fluidPx) * 32);
        padding: 0;
      }
      @media only screen and (max-width: 480px) {
        #page.recruit #featured .col3{
          width: 100%;
          box-sizing: border-box;
          padding: 0 calc(var(--fluidPx) * 18);
        }
      }

      #page.recruit #featured .thumb .img {
        overflow: hidden;
        aspect-ratio : 19/12;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media only screen and (max-width: 480px) {
          #page.recruit #featured .thumb .img {
            aspect-ratio : 19/12; } }
        #page.recruit #featured .thumb .img img {
          -webkit-transition: all .3s;
          transition: all .3s;
          height: 100%;
          width: 100%;
          object-fit: cover; }
      #page.recruit #featured .thumb .meta {
        font-size: calc(var(--fluidPx) * 14);
        margin-top: calc(var(--fluidPx) * 8);
        margin-bottom: calc(var(--fluidPx) * 4);
        font-weight: 400;
        padding: 0;
        width: 100%;
        color: #7E7E7E; }
      #page.recruit #featured .thumb .date {
        margin-right: calc(var(--fluidPx) * 8); }
      #page.recruit #featured .thumb .title {
        font-size: calc(var(--fluidPx) * 16);
        font-weight: 500;
        padding: 0;
        width: 100%;
        margin-bottom: 0; }
      #page.recruit #featured .thumb:hover .img img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .3s;
        transition: all .3s; }

.page #page .sec_inner .wp-block-columns.custom_bg_white{
  background: #fff;
  margin-top: 0;
  padding: calc(var(--fluidPx) * 100) calc(var(--fluidPx) * 140);
}
.page #page .sec_inner .wp-block-columns.custom_bg_white h3{
  color: #04051C;
}
.page #page .sec_inner .wp-block-columns.custom_bg_white p{
  color: #04051C;
}
.page #page .sec_inner .wp-block-columns.custom_bg_white a{
  color: #04051C;
  text-decoration: underline;
}
.page #page .sec_inner .wp-block-columns.custom_bg_white a:hover{
  text-decoration: underline;
}

footer .menu-menu2-container{
  width: 100%;
  flex: 1;
}
footer .footer_top .menu-menu2-container ul{
  justify-content:space-between;
}
.wp-block-image figcaption{
  line-height: 1.5;
}

@media only screen and (max-width: 480px) {
  .wp-block-spacer{
    max-height: 25px;
  }
}

.embed_wrap{
  display: flex;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.embed_wrap iframe{
  margin: 10px;
}
@media only screen and (max-width: 480px) {
  .embed_wrap iframe{
    margin: 0px;
  }
}

@media only screen and (max-width: 480px) {
  .embed_wrap{
    display: flex;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  .embed_wrap .wp-embedded-content{
    margin-bottom: 24px;
  }
}
.post_youtube{
  margin: 50px auto;
  display: block;
}
.post_youtube.full{
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}




@media only screen and (min-width: 960px) {
  .single article .post-content.post-sidebar{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    max-width: 1100px;
    width: calc(100% - 140px);
    margin: 0 auto;
  }
  .single article .post-content.post-sidebar .left{
    width: calc(100% - 360px);
  }
  .single article .post-content.post-sidebar .right{
    width: calc(50% - 40px);
    min-width: 320px;
    padding-left: 40px;
  }
}


.safari.home #featured .thumb .img {
  height: 14vw;
}
.safari.archive .archive_links_inner .thumb .img, .blog .archive_links_inner .thumb .img {
  height: 14vw;
}
.safari.page .post_articles_links .col3 .thumb .img {
  height: 14vw;
}
.safari #page.recruit #featured .thumb .img{
  height: 14vw;
}


.page .sec_inner .wp-block-columns.al-center{
  align-items: center !important;
}
@media only screen and (max-width: 800px) {
  .page .sec_inner .wp-block-columns.al-center .wp-block-column{
    flex-basis: 0 0 50% !important;
  }
}
@media only screen and (max-width: 580px) {
  .page .sec_inner .wp-block-columns.al-center{
    flex-direction: column;
  }
  .page .sec_inner .wp-block-columns.al-center .wp-block-column{
    margin-bottom: 1em;
  }
}

.page #page .sec_inner .wp-block-columns.data-column{
  margin: 50px auto;
}
@media only screen and (max-width: 580px) {
  .page #page .sec_inner .wp-block-columns.data-column{
    margin: 0px auto;
  }
  .page #page .sec_inner .wp-block-columns.data-column .wp-block-column{
    margin-bottom: 25px;
  }
}
.page #page .sec_inner .wp-block-columns.data-column .wp-block-image{
  width: 100%;
  margin: 0;
  aspect-ratio: 570/370;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .5em;
}

.page #page .sec_inner .wp-block-columns .wp-block-image.full{
  width: calc(100% - 20px);
  height: auto;
  margin-top: 0;
}
.page #page .sec_inner .wp-block-columns .pc{
  display: block;
}
.page #page .sec_inner .wp-block-columns .sp{
  display: none;
}
@media only screen and (max-width: 600px) {
  .page #page .sec_inner .wp-block-columns .pc{
    display: none;
  }
  .page #page .sec_inner .wp-block-columns .sp{
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  .page #page .sec_inner .wp-block-columns .wp-block-image{
    width: auto;
  }
}
@media only screen and (max-width: 480px) {
  .page #page .sec_inner .wp-block-columns p.fs-21, .page #page-parent .sec_inner .wp-block-columns p.fs-21{
    font-size: calc(var(--fluidPx) * 24) !important;
  }
  .page #page .sec_inner p.fs-21, .page #page-parent .sec_inner p.fs-21{
    font-size: calc(var(--fluidPx) * 24) !important;
  }
}


.post-content.post-column{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .post-content.post-column{
    padding: 0;
    display: block;
    max-width: 1100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .post-content.post-column{
    width: 100%;
    }
}
.post-content.post-column .left{
  width: 70%;
  margin-right: 32px;
}
@media only screen and (max-width: 1200px) {
  .post-content.post-column .left{
    width: 100%;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 900px) {
  .post-content.post-column .left{
    min-width: inherit;
  }
}


.post-content.post-column .left.full{
  width: calc(100% - 140px);
  box-sizing: border-box;
  max-width: 1100px;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .post-content.post-column .left.full{
    width: 100%;
    padding: 0;
  }
}
.post-content.post-column .left.full .left_content{
  width: 100%;
}


.post-content.post-column .left .left_content{
  width: auto;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media only screen and (max-width: 1200px) {
  .post-content.post-column .left .left_content{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 3em;
  }
}
.post-content.post-column .left .side_content{
  display: none;
}
@media only screen and (max-width: 1200px) {
  .post-content.post-column .left .side_content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .post-content.post-column .left .side_content .tummb{
    width: calc(25% - 8px);
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 900px) {
  .post-content.post-column .left .side_content .tummb{
    width: calc(33% - 8px);
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .post-content.post-column .left .side_content .tummb{
    width: calc(50% - 8px);
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .post-content.post-column .left .side_content .tummb{
    width: calc(100%);
    margin-bottom: 32px;
  }
}
.post-content.post-column .left .side_content .tummb img{
  max-width: 100%;
  width: 100%;
}
.post-content.post-column .right{
  width: auto;
  flex: 1;
}
@media only screen and (max-width: 1200px) {
  .post-content.post-column .right{
    display: none;
  }
}

.post-content.post-column .right .tummb{
  display: block;
  width: 100%;
  margin-bottom: 14px;
  transition: opacity .3s;
}

.post-content.post-column .right .tummb:hover{
  opacity: .8;
}

.post-content.post-column .right .tummb img{
  max-width: 100%;
  width: 100%;
  height: auto;
}

.post-content.post-column .form{
  overflow-y:hidden;
  height: 800px;
}

@media only screen and (max-width: 1242px) {
  .post-content.post-column .form{
    overflow-y:hidden;
    height: 1060px;
  }
}


.admin-bar header{
  top: 32px;
}
@media only screen and (max-width: 782px) {
  .admin-bar header{
    top: 46px;
  }
}


footer #menu-policy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media only screen and (max-width: 480px) {
    footer #menu-policy {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  footer #menu-policy a {
    margin-left: 1em; }
    @media only screen and (max-width: 480px) {
      footer #menu-policy a {
        margin: 0 .5em; } }

footer #sns {
  padding: 0 calc(var(--fluidPx) * 60); }
  footer #sns .sns_inner {
    max-width: 1100px;
    margin: 0 auto;
    text-align: right; }
    footer #sns .sns_inner a {
      margin-left: calc(var(--fluidPx) * 24); }



.page #page.company .sec_inner .manager .content{
  width: 60%;
}
@media only screen and (max-width: 782px) {
  .page #page.company .sec_inner .manager .content{
    width: 100%;
  }
}
.page #page.company .sec_inner .manager .content dl{
  display: flex;
  margin-bottom: .25em;
}

.page #page.company .sec_inner .manager .content dl dt{
  margin-right: 4em;
  width: 50%;
}

.btn-bottom:after {
  background: none;
}

.noto-banner a img.pc {
  display: block;
  width: 60%;
  margin-bottom: 2em;
}
.noto-banner a img.sp {
  display: none;
}

@media only screen and (max-width: 782px) {
  .noto-banner a img.pc {
    display: none;
  }
  .noto-banner a img.sp {
    display: block;
    width: 100%;
    margin: -2em 0 4em;
  }
}

.noto-form iframe {
  width: 100%;
  height: 650px;
  border: 0;
}

@media only screen and (max-width: 1024px) {
  .noto-form iframe {
    width: 100%;
    height: 1000px;
  }
}

.noto-list li {
  margin-bottom: 2.5em;
}