@charset "UTF-8";

    html,
    body {
      width: 100%;
      height: 100%;
      margin: 0;
      color: #444444;
      font-size: 16px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      /* font-weight: 400; */
      text-rendering: optimizeLegibility;
    }

    @font-face {
      font-family: "Roboto";
      src: url("../fonts/Roboto-Regular.ttf") format("truetype");
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: "Poppins";
      src: url("../fonts/Poppins-Regular.ttf") format("truetype");
      font-weight: 400;
      font-style: normal;
    }

    #en,
    .roboto,
    #en p {
      font-family: "Roboto", "Helvetica", "Arial", sans-serif;
      font-weight: normal;
    }

    #mm {
      font-family: "Tharlon", "Roboto", "Helvetica", "Arial", sans-serif;
      font-weight: normal;
    }

    #ja {
      font-family: YuGothic, Arial, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
      font-weight: normal;

    }

    .clearfix:after {
      display: block;
      clear: both;
      content: "";
    }

    .shadow {
      box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
      -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
      -moz-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    }

    .phone-icon,
    .location-icon,
    .mail-icon {
      width: 40px;
      height: 40px;
      line-height: 2.5;
      box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
      background: #0c7aad;
      color: #ffffff;
      font-size: 16px;
      transition: 0.5s all;
      border-radius: 50%;
    }

    .phone-icon:hover,
    .location-icon:hover,
    .mail-icon:hover {
      background: #09618a;
      color: #ffffff;

    }

    .overlay-bg {
      background: rgba(0, 0, 0, 0.25);
    }

    .home .section.about-page,
    .home .section.service {
      position: relative;
    }

    .home .section.service:before {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      border: 3px dashed #b6d7e6;
      background: #fafcfd;
      content: '';
    }

    html {
      line-height: 1.15;
      -webkit-text-size-adjust: 100%;
    }

    body {
      margin: 0;
    }

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

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

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

    a {
      background-color: transparent;
    }

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

    b,
    strong {
      font-weight: bolder;
    }

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

    small {
      font-size: 80%;
    }

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

    sub {
      bottom: -0.25em;
    }

    sup {
      top: -0.5em;
    }

    .pt10 {
      padding-top: 10px;
    }

    .pt0 {
      padding-top: 0 !important;
    }

    .pb0 {
      padding-bottom: 0 !important;
    }

    .mb0 {
      margin-bottom: 0 !important;
    }

    img {
      border-style: none;
    }


    button,
    input,
    optgroup,
    select,
    textarea {
      line-height: 1.15;
      margin: 0;
      font-family: inherit;
      font-size: 100%;
    }

    button,
    input {
      overflow: visible;
    }

    button,
    select {
      text-transform: none;

    }

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


    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
      padding: 0;
      border-style: none;
    }


    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
      outline: 1px dotted ButtonText;

    }


    fieldset {
      padding: 0.35em 0.75em 0.625em;

    }



    legend {
      display: table;
      padding: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: inherit;
      white-space: normal;
      max-width: 100%;
    }


    progress {
      vertical-align: baseline;
    }

    textarea {
      overflow: auto;
    }


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

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

    }

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

    }


    [type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;

    }

    ::-webkit-file-upload-button {
      -webkit-appearance: button;
      font: inherit;
    }

    details {
      display: block;
    }

    summary {
      display: list-item;
    }

    template {
      display: none;
    }

    [hidden] {
      display: none;
    }

    button,
    input,
    select,
    optgroup,
    textarea {
      line-height: 1.4;
      font-weight: 400;
       text-rendering: optimizeLegibility;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      line-height: 1.2;
      margin: 0;
      font-weight: normal;
    }

    h2 {
      font-size: 26px;
    }

    h3 {
      color: #1164ae;
      font-size: 20px;
    }

    dfn,
    cite,
    em,
    i {
      font-style: italic;
    }

    abbr,
    acronym {
     cursor: help;
    border-bottom: 1px dotted #666;
    }

    mark,
    ins {
      background: #fff9c0;
      text-decoration: none;
    }

    big {
      font-size: 125%;
    }

    a {
      color: #459bd9;
      text-decoration: none;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    a:hover {
      color: #1f6699;
      text-decoration: none;
    }

    a:focus {
      text-decoration: none;
    }

    ul,
    ol {
      margin: 0;
      padding: 0;
    }

    ul li,
    ol li {
      line-height: 1.4;
    }

    ul ul,
    ul ol,
    ol ul,
    ol ol {
      margin-top: 0;
    }

    ul li {
      list-style: none;
    }

    ul ul li {
      list-style: circle;
    }

    ol li {
      list-style: decimal;
    }

    hr {
      height: 1px;
      margin: 30px 0;
      border: 0;
      background-color: #535353;
    }

    blockquote {
      position: relative;
      line-height: 1.4;
      margin: 20px 0;
      padding: 1em 3em;
      border: 1px solid #ddd;
      background: #efefef;
    }

    blockquote cite {
      font-size: 10px;
      font-style: normal;
    }

    table {
      width: 100%;
      border-collapse: collapse;
    }

    table,
    td,
    th {
      border: 1px solid #333;
      text-align: left;
    }

    th {
      font-weight: bold;
    }

    th,
    td {
      padding: 15px;
    }

    figure {
      margin: 1em 0;
    }

    figure img {
      margin: 0;
    }

    figcaption {
      margin-top: 10px;
      font-size: 16px;
    }

    pre {
      display: block;
      overflow: auto;
      margin: 0 0 40px 0;
      padding: 20px;
      border: 1px solid #007cad;
      background-color: #00a8ea;
      border-radius: 3px;
    }

    pre code {
      position: static;
      line-height: 1.5em;
      padding: 0;
      border: none;
    }

    code {
      position: relative;
      top: -0.2em;
      line-height: 1em;
      padding: 3px;
      border: 1px solid #007cad;
     color: black;
      font-family: Courier New, Courier, monospace;
      font-size: 33.33333px;
      pointer-events: none;
      border-radius: 3px;
    }

    em,
    i,
    .italic {
      font-style: italic;
    }

    strong,
    b,
    .bold {
      font-weight: bold;
    }

    img {
      height: auto;
      vertical-align: bottom;
      max-width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }


    html {
      margin-top: 0px !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    *,

    *:before,
    *:after {
      /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
    }

    body {
      line-height: 1.4;
      background: #FFF;
    }


    p {
      line-height: 1.8 !important;
    }


    #en .description li,
    #mm .description li,
    #ja .description li {
      line-height: 2;
    }

    dt {
      font-weight: bold;
    }

    dd {
      margin: 0 1.5em 1.5em;
    }

    select {
      margin: 0;
      border: 1px solid #ccc;
      color: inherit;
      text-transform: none;
    }

    ul:after {
      display: block;
      clear: both;
      content: '';
    }


    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="range"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"] {
      line-height: normal;
      padding: 3px;
      max-width: 100%;
    }

    input[type="color"]::-moz-focus-inner,
    input[type="date"]::-moz-focus-inner,
    input[type="datetime"]::-moz-focus-inner,
    input[type="datetime-local"]::-moz-focus-inner,
    input[type="email"]::-moz-focus-inner,
    input[type="month"]::-moz-focus-inner,
    input[type="number"]::-moz-focus-inner,
    input[type="password"]::-moz-focus-inner,
    input[type="range"]::-moz-focus-inner,
    input[type="search"]::-moz-focus-inner,
    input[type="tel"]::-moz-focus-inner,
    input[type="text"]::-moz-focus-inner,
    input[type="time"]::-moz-focus-inner,
    input[type="url"]::-moz-focus-inner,
    input[type="week"]::-moz-focus-inner {
      padding: 0;
      border: 0;
    }

    input[type="color"][disabled],
    input[type="date"][disabled],
    input[type="datetime"][disabled],
    input[type="datetime-local"][disabled],
    input[type="email"][disabled],
    input[type="month"][disabled],
    input[type="number"][disabled],
    input[type="password"][disabled],
    input[type="range"][disabled],
    input[type="search"][disabled],
    input[type="tel"][disabled],
    input[type="text"][disabled],
    input[type="time"][disabled],
    input[type="url"][disabled],
    input[type="week"][disabled] {
      cursor: default;

    }

    input[type="color"][type="checkbox"],
    input[type="color"][type="radio"],
    input[type="date"][type="checkbox"],
    input[type="date"][type="radio"],
    input[type="datetime"][type="checkbox"],
    input[type="datetime"][type="radio"],
    input[type="datetime-local"][type="checkbox"],
    input[type="datetime-local"][type="radio"],

    input[type="email"][type="checkbox"],

    input[type="email"][type="radio"],
    input[type="month"][type="checkbox"],
    input[type="month"][type="radio"],
    input[type="number"][type="checkbox"],
    input[type="number"][type="radio"],
    input[type="password"][type="checkbox"],
    input[type="password"][type="radio"],
    input[type="range"][type="checkbox"],
    input[type="range"][type="radio"],
    input[type="search"][type="checkbox"],
    input[type="search"][type="radio"],
    input[type="tel"][type="checkbox"],
    input[type="tel"][type="radio"],
    input[type="text"][type="checkbox"],
    input[type="text"][type="radio"],
    input[type="time"][type="checkbox"],
    input[type="time"][type="radio"],
    input[type="url"][type="checkbox"],
    input[type="url"][type="radio"],
    input[type="week"][type="checkbox"],
    input[type="week"][type="radio"] {
      padding: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;

    }


    input[type="color"][type="number"]::-webkit-inner-spin-button,

    input[type="color"][type="number"]::-webkit-outer-spin-button,

    input[type="date"][type="number"]::-webkit-inner-spin-button,

    input[type="date"][type="number"]::-webkit-outer-spin-button,

    input[type="datetime"][type="number"]::-webkit-inner-spin-button,

    input[type="datetime"][type="number"]::-webkit-outer-spin-button,

    input[type="datetime-local"][type="number"]::-webkit-inner-spin-button,

    input[type="datetime-local"][type="number"]::-webkit-outer-spin-button,

    input[type="email"][type="number"]::-webkit-inner-spin-button,

    input[type="email"][type="number"]::-webkit-outer-spin-button,

    input[type="month"][type="number"]::-webkit-inner-spin-button,

    input[type="month"][type="number"]::-webkit-outer-spin-button,

    input[type="number"][type="number"]::-webkit-inner-spin-button,

    input[type="number"][type="number"]::-webkit-outer-spin-button,

    input[type="password"][type="number"]::-webkit-inner-spin-button,

    input[type="password"][type="number"]::-webkit-outer-spin-button,

    input[type="range"][type="number"]::-webkit-inner-spin-button,

    input[type="range"][type="number"]::-webkit-outer-spin-button,

    input[type="search"][type="number"]::-webkit-inner-spin-button,

    input[type="search"][type="number"]::-webkit-outer-spin-button,

    input[type="tel"][type="number"]::-webkit-inner-spin-button,

    input[type="tel"][type="number"]::-webkit-outer-spin-button,

    input[type="text"][type="number"]::-webkit-inner-spin-button,

    input[type="text"][type="number"]::-webkit-outer-spin-button,

    input[type="time"][type="number"]::-webkit-inner-spin-button,

    input[type="time"][type="number"]::-webkit-outer-spin-button,

    input[type="url"][type="number"]::-webkit-inner-spin-button,

    input[type="url"][type="number"]::-webkit-outer-spin-button,

    input[type="week"][type="number"]::-webkit-inner-spin-button,

    input[type="week"][type="number"]::-webkit-outer-spin-button {

      height: auto;

    }



    input[type="color"][type="search"]:-webkit-search-decoration,

    input[type="color"][type="search"]::-webkit-search-cancel-button,

    input[type="date"][type="search"]:-webkit-search-decoration,

    input[type="date"][type="search"]::-webkit-search-cancel-button,

    input[type="datetime"][type="search"]:-webkit-search-decoration,

    input[type="datetime"][type="search"]::-webkit-search-cancel-button,

    input[type="datetime-local"][type="search"]:-webkit-search-decoration,

    input[type="datetime-local"][type="search"]::-webkit-search-cancel-button,

    input[type="email"][type="search"]:-webkit-search-decoration,

    input[type="email"][type="search"]::-webkit-search-cancel-button,

    input[type="month"][type="search"]:-webkit-search-decoration,

    input[type="month"][type="search"]::-webkit-search-cancel-button,

    input[type="number"][type="search"]:-webkit-search-decoration,

    input[type="number"][type="search"]::-webkit-search-cancel-button,

    input[type="password"][type="search"]:-webkit-search-decoration,

    input[type="password"][type="search"]::-webkit-search-cancel-button,

    input[type="range"][type="search"]:-webkit-search-decoration,

    input[type="range"][type="search"]::-webkit-search-cancel-button,

    input[type="search"][type="search"]:-webkit-search-decoration,

    input[type="search"][type="search"]::-webkit-search-cancel-button,

    input[type="tel"][type="search"]:-webkit-search-decoration,

    input[type="tel"][type="search"]::-webkit-search-cancel-button,

    input[type="text"][type="search"]:-webkit-search-decoration,

    input[type="text"][type="search"]::-webkit-search-cancel-button,

    input[type="time"][type="search"]:-webkit-search-decoration,

    input[type="time"][type="search"]::-webkit-search-cancel-button,

    input[type="url"][type="search"]:-webkit-search-decoration,

    input[type="url"][type="search"]::-webkit-search-cancel-button,

    input[type="week"][type="search"]:-webkit-search-decoration,

    input[type="week"][type="search"]::-webkit-search-cancel-button {

      -webkit-appearance: none;

    }

    /*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

    /*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/



    .alignleft {

      float: left;

      margin-right: 1.5em;

    }



    .alignright {

      float: right;

      margin-left: 1.5em;

    }

    .aligncenter {

      display: block;

      clear: both;

      margin-right: auto;

      margin-left: auto;

    }

    .clear:before,

    .clear:after,

    .entry-content:before,

    .entry-content:after,

    .comment-content:before,

    .comment-content:after,

    .site-header:before,

    .site-header:after,

    .site-content:before,

    .site-content:after,

    .site-footer:before,

    .site-footer:after {

      display: table;

      table-layout: fixed;

      content: "";

    }



    .clear:after,

    .entry-content:after,

    .comment-content:after,

    .site-header:after,

    .site-content:after,

    .site-footer:after {

      clear: both;

    }

    /*--------------------------------------------------------------

# common parts

--------------------------------------------------------------*/



    .inner {

      margin: 0 auto;

      padding: 0 10px;

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

      max-width: 1280px;

    }



    .s-inner {

      margin: 0 auto;

      padding: 0 15px;

      max-width: 1110px;

    }



    .switch-sp {

      display: none !important;

    }



    .switch-pc {

      display: block !important;

    }



    .inner:after,

    .s-inner:after,

    .section:after {

      display: block;

      clear: both;

      content: '';

    }

    /*start language switch*/

    /* main styles */



    .switch {

      position: relative;

      width: 24rem;

    }



    .switch input {

      position: absolute;

      top: 0;

      z-index: 2;

      cursor: pointer;

      opacity: 0;

    }



    .switch input:checked {

      z-index: 1;

    }



    .switch .toggle-outside {

      height: 100%;

      overflow: hidden;

      border-radius: 2rem;

    }



    .switch .toggle-inside {

      position: absolute;

      background: #fff;

      border-radius: 5rem;

    }



    .switch.active .toggle-inside {

      background: #dcdcdc;

    }



    .switch--horizontal {

      float: left;

      width: 40px;

      height: 16px;

      margin: 0 auto;

      margin-left: 5px;

    }



    .switch--horizontal input {

      width: 40px;

      height: 16px;

      margin: 0;

    }



    .switch--horizontal .toggle-outside {

      position: absolute;

      width: 40px;

      background: #dcdcdc;

    }



    .switch--horizontal .toggle-inside {

      width: 16px;

      height: 16px;

    }

    /*.switch--horizontal input:checked ~ .toggle-outside .toggle-inside {

left: 0.25rem;

}*/



    .active.switch--horizontal .toggle-outside .toggle-inside {

      top: 0.3px;

      left: 25px;

    }



    .active.switch--horizontal input {

      cursor: not-allowed;

      /* aesthetics */

      pointer-events: none;

    }



    #sw_mm.active.switch--horizontal .toggle-outside {

      background: url(../img/mm_flag.jpg)#fff no-repeat;

      background-size: 88%;

      background-position: center left;

    }



    #sw_ja.active.switch--horizontal .toggle-outside {

      background: url(../img/jp_flag.jpg)#fff no-repeat;

      background-size: 65%;

      background-position: center left;

    }



    #sw_en.active.switch--horizontal .toggle-outside {

      background: url(../img/en_flag.jpg)#fff no-repeat;

      background-size: 88%;

      background-position: center left;

    }



    #sw_en.switch .toggle-outside:after {

      position: absolute;

      top: 1.5px;

      right: 7px;

      color: #459bd9;

      font-size: 11px;

      font-weight: bold;

      content: "EN";

    }



    #sw_ja.switch .toggle-outside:after {

      position: absolute;

      top: 1.5px;

      right: 9px;

      color: #459bd9;

      font-size: 11px;

      font-weight: bold;

      content: "JP";

    }



    #sw_mm.switch .toggle-outside:after {

      position: absolute;

      top: 1.5px;

      right: 4px;

      color: #459bd9;

      font-family: arial;

      font-size: 11px;

      font-weight: bold;

      content: "MM";

    }



    #sw_en.switch.active .toggle-outside:after,

    #sw_ja.switch.active .toggle-outside:after,

    #sw_mm.switch.active .toggle-outside:after {

      display: none;

    }



    .switch--no-label.switch--horizontal {

      width: 6rem;

    }



    .switch--no-label.switch--horizontal input,

    .switch--no-label.switch--horizontal .toggle-outside {

      left: 0;

    }



    .pre_nextlink {

      display: inline-block;

      width: 100%;

      padding: 50px 0;

      background: #fbfeff;

      text-align: center;

    }

    /*end language switch*/

    /* mixin */

    /*loading*/

    /*PRELOADING------------ */



    #overlayer {

      position: fixed;

      z-index: 1;

      width: 100%;

      height: 100%;

      background: rgba(0, 0, 0, 0.4);

      text-align: center;

    }



    .loader {

      display: inline-block;

      position: absolute;

      top: 30%;

      left: 50%;

      z-index: 3;

      color: #ffffff;

      font-size: 30px;

      text-transform: uppercase;

      transform: translateX(-50%);

    }



    .load_remove #overlayer,

    .load_remove .loader {

      display: none !important;

    }

    /*spinner*/



    .spinner {

      position: relative;

      width: 150px;

      height: 150px;

      margin: 100px auto;

      transform: rotate(45deg);

    }



    .double-bounce1,

    .double-bounce2 {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      opacity: 0.5;

      -webkit-animation: sk-bounce 2.0s infinite ease-in-out;

      animation: sk-bounce 2.0s infinite ease-in-out;

    }



    .double-bounce1 {

      background: #ffffff;

    }



    .double-bounce2 {

      background-color: #0c7aad;

      -webkit-animation-delay: -1.0s;

      animation-delay: -1.0s;

    }



    @-webkit-keyframes sk-bounce {

      0%,

      100% {

        -webkit-transform: scale(0.0);
      }

      50% {

        -webkit-transform: scale(1.0);
      }

    }



    @keyframes sk-bounce {

      0%,
      100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      }

      50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }

    #header #logo {
      float: left;
      width: 190px;
    }

    #header .h_description {
      float: right;
    }

    #header .h_description .h_tel {
      margin-bottom: 0;
      padding-top: 3px;
      color: #fff;
      font-size: 14px;
    }

    #header .h_description .h_tel a,
    #header .h_description .h_mail a {
      color: #fff;
    }

    #header .h_description .h_mail {
      margin-bottom: 0;
      padding-top: 3px;
      padding-left: 20px;
      color: #fff;
      font-size: 14px;
    }

    .h_description_in {
      display: flex;
      float: right;
      justify-content: flex-end;
      align-items: center;
      margin-top: 8px;

    }

    #header #gnav li {
      float: left;
      list-style: none;
      text-transform: uppercase;
    }



    #header #gnav li:first-child {

      margin-left: 0;

    }



    #header #gnav li a {

      display: block;

      padding: 0 0 3px;

      color: #FFF;

    }



    #header.sub_header #gnav li a {

      padding: 11px 0 12px;

    }


    #header #gnav li.current a {

      color: #FFF;

      border-bottom: 1px solid #FFF;

    }

    #header #gnav li.current-menu-item a,

    #header #gnav li.current-menu-parent a {

      color: #FFF;

      border-bottom: 1px solid #fff;

    }

    #header .sub-menu li {

      display: block;

      width: 100%;

    }

    #header .languages-switch .onoffswitch {

      display: inline-block;

      position: relative;

      width: 40px;

      height: 16px;

      margin-left: 10px;

      vertical-align: middle;

      -webkit-user-select: none;

      -moz-user-select: none;

      -ms-user-select: none;

    }

    #header .languages-switch .onoffswitch.current-lang .onoffswitch-label .onoffswitch-inner {

      margin-left: 0;

      background-color: #ffffff !important;

      background-position: -8px !important;
    }

    #en #header .languages-switch .onoffswitch.current-lang .onoffswitch-label .onoffswitch-inner {

      margin-left: 0;

      background-color: #ffffff !important;

      background-position: -2px !important;

    }

    #header .languages-switch .onoffswitch.current-lang .onoffswitch-label .onoffswitch-inner em {

      display: none;

    }

    #header .languages-switch .onoffswitch.current-lang .onoffswitch-label .onoffswitch-switch {

      right: 1px;

      border: 1px solid #fafafa;

      background: #1164ae;

    }

    #header .languages-switch .onoffswitch .onoffswitch-checkbox {

      display: none;

    }

    #header .languages-switch .onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {

      margin-left: 0;

      background-color: #ffffff !important;

      background-position: -7px !important;

    }



    #header .languages-switch .onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {

      right: 3px;

      background: #1164ae;

    }



    #header .languages-switch .onoffswitch .onoffswitch-label {

      display: block;

      overflow: hidden;

      -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.04), 0 0 0 0 rgba(0, 0, 0, 0.04);

      box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.04), 0 0 0 0 rgba(0, 0, 0, 0.04);

      border-radius: 20px;

    }



    #header .languages-switch .onoffswitch .onoffswitch-label .onoffswitch-inner {

      display: block;

      width: 100%;

      height: 16px;

      padding-right: 3px;

      background-position: -50px !important;

      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

      font-size: 9px;

      text-align: right;

      transition: all 0.3s ease-in 0s;

      -webkit-transition: all 0.3s ease-in 0s;

      -moz-transition: all 0.3s ease-in 0s;

      -o-transition: all 0.3s ease-in 0s;

    }



    #header .languages-switch .onoffswitch .onoffswitch-label .onoffswitch-inner::after {

      position: absolute;

      top: 3px;

      right: 3px;

      color: #1164ea;

      font-size: 9px;

      font-weight: 600;

    }

    #header .languages-switch .onoffswitch .onoffswitch-label .onoffswitch-inner em {
      position: relative;
      top: 2px;
      align-items: center;
      line-height: 12.5px;
      font-weight: bold;
      font-style: normal;
      -webkit-box-align: center;
      -ms-flex-align: center;
    }

    #header .languages-switch .onoffswitch .onoffswitch-label .onoffswitch-inner em.txt_en {
      right: 4px;
    }

    #header .languages-switch .onoffswitch .onoffswitch-label .onoffswitch-inner em.txt_ja {
      right: 5px;
    }

    #header .languages-switch .onoffswitch .onoffswitch-label .onoffswitch-inner em.txt_mm {
      right: 3px;
    }

    #header .languages-switch .onoffswitch .onoffswitch-label .onoffswitch-switch {
      display: block;
      position: absolute;
      top: 0;
      right: 23px;
      bottom: 0;
      width: 16px;
      height: 16px;
      margin: 0 0 2px 3px;
      border: 1px solid #C9C7C5;
      -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.04), 0 0 0 0 rgba(0, 0, 0, 0.04);
      box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.04), 0 0 0 0 rgba(0, 0, 0, 0.04);
      background: #FFF;
      transition: all 0.3s ease-in 0s;
      -webkit-transition: all 0.3s ease-in 0s;
      -moz-transition: all 0.3s ease-in 0s;
      -o-transition: all 0.3s ease-in 0s;
      border-radius: 20px;
    }

    #header .languages-switch #switch_ja .onoffswitch-inner {
      background: url(../img/jp_flag.jpg) no-repeat center;
      background-color: #dcdcdc;
    }


    #header .languages-switch #switch_en .onoffswitch-inner {
      background: url(../img/en_flag.png) no-repeat left;
      background-color: #dcdcdc;
    }

    #header .languages-switch #switch_en .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner em {
      display: none;
    }

    #header .languages-switch #switch_mm .onoffswitch-inner {
      background: url(../img/mm_flag.jpg) no-repeat left;
      background-color: #dcdcdc;
    }

    #header.sub_header {
      display: block !important;
      position: fixed !important;
      z-index: 999;
      padding: 15px 0 12px;
      -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
      background: url(../../top/img/header_menu_bg.jpg) no-repeat center center;
      background-size: cover;
    }

    #header.sub_header.down {
      top: 0;
    }

    #header.sub_header #gnav li.current a {
      color: #1164ae;
      border-bottom: 1px solid #1164ae;
    }


    #header.sub_header #gnav li.current-menu-item a {
      border-bottom: 1px solid #fff;
    }

    #header.sub_header #gnav li .sub-menu a {
      color: #FFF !important;
    }


    #content {
      height: 100%;
    }


    .content-area {
      padding-top: 120px;
      background: #fbfeff;

    }


    #main-visual {
      position: relative;
      overflow: hidden;
      padding: 50px 0;
      color: #1164ae;
    }

    section {
      position: relative;
      padding: 70px 0;
    }

    section#activity {
      background: #fff;
    }

    section#contact {
      background: #fff;
    }

    section::after {
      display: block;
      clear: both;
      content: "";
    }

    .sub_content.hide .sub_header {
      display: none !important;
      top: -120px;
      right: 0;
      left: 0;
      -webkit-transition: 0.8s top cubic-bezier(0.3, 0.73, 0.3, 0.74);
      transition: 0.8s top cubic-bezier(0.3, 0.73, 0.3, 0.74);
    }

    .page-title {
      position: relative;
      font-size: 26px;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
    }

    .copy {
      margin: 0;
      font-size: 22px;
      text-align: center;
    }

    p.copy a {
      line-height: 1.6;
      color: #107dac;
      font-size: 25px;
      text-transform: uppercase;
    }

    .title-lg {
      position: relative;
      padding-bottom: 70px;
      text-align: center;
    }

    .title-lg h2 {
      color: #1164ae;
      font-size: 26px;
      font-weight: normal;
      text-transform: uppercase;
    }

    section.portfolio .title-lg h2 {
      display: inline-block;
      margin-bottom: 0px;
      padding: 10px 25px;
      background: rgba(255, 255, 255, 0.75);
    }

    section.portfolio .title-lg:before,
    section.portfolio .title-lg:after {
      height: 0px;
    }

    section.portfolio .btn-detail {
      margin: 0px;
    }

    #en .title-lg h2,
    #en h3 {
      font-family: "Poppins", sans-serif;
    }

    .title-lg .copy {
      padding-bottom: 50px;
    }

    .title-lg::before,
    .page-title::before {
      display: block;
      position: absolute;
      top: 50px;
      right: 0;
      left: 0;
      width: 100px;
      height: 1px;
      margin: 0 auto;
      background: #0c7aad;
      content: '';
    }

    .title-lg::after,
    .page-title::after {
      display: block;
      position: absolute;
      top: 55px;
      right: 0;
      left: 0;
      width: 130px;
      height: 1px;
      margin: 0 auto;
      background: #0c7aad;
      content: '';
    }

    .home .vision {
      background: rgba(255, 255, 255, 0.5);
    }

    .title-lg.white h2 {
      color: #FFF;
    }


    .title-lg.white:after {
      background: #FFF;
    }


    .title {
      margin: 10px 0;
      padding: 5px 0;
      font-size: 22px;
      font-weight: normal;
    }

    .title::after {
      display: block;
      position: relative;
      top: 20px;
      clear: both;
      width: 50px;
      height: 1px;
      background: #1164ae;
      content: '';
    }

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

    .title.center::after {
      display: none;
      margin: 0 auto;
      text-align: center;

    }

    .entry-title {
      font-weight: normal;
    }

    .bg-primary {
      background-color: #0f73af;
      color: #FFF;
    }

    .not-found .btn-detail {
      display: inline-block;
      padding: 12px 20px;
      border: 2px solid #0c7aad;
    }

    .bg-primary a {
      color: #FFF;
    }

    .bg-gray-5 {
      background-color: #333;
    }

    .bg-gray-4 {
      background-color: #535353;
    }

    .bg-gray-3 {
      background-color: #C9C7C5;
    }

    .bg-gray-2 {
      background-color: #080808;
    }

    .bg-gray-1 {
      background-color: #fafafa;
    }

    .text-primary {
      color: #1164ae;
    }

    .text-primary-dark {
      color: #1166ae;
    }


    .text-primary-light {
      color: #0196aa;
    }

    .text-gray-5 {
      color: #333;
    }

    .text-gray-4 {
      color: #535353;
    }

    .text-gray-3 {
      color: #C9C7C5;
    }

    .text-gray-2 {
      color: #080808;
    }

    .text-gray-1 {
      color: #fafafa;
    }

    .text-white {
      color: #FFF;
    }

    .pd-t-0 {
      padding-top: 0 !important;
    }

    .pd-b-0 {
      padding-bottom: 0 !important;
    }

    .pd-r-0 {
      padding-right: 0;
    }

    .pd-l-0 {
      padding-left: 0;
    }

    .mg-t-0 {
      margin-top: 0;
    }

    .mg-b-0 {
      margin-bottom: 0;
    }

    .mg-r-0 {
      margin-right: 0;
    }

    .mg-l-0 {
      margin-left: 0;
    }

    .box {
      -webkit-box-shadow: 0px 0px 3px 2px rgba(245, 243, 243, 0.5);
      box-shadow: 0px 0px 3px 2px rgba(245, 243, 243, 0.5);
      background-color: #f5f3f3;
    }

    embed,
    iframe,
    object {
      max-width: 100%;
    }

    iframe {
      vertical-align: top;
    }

    div.wpcf7 {
      width: 100%;
    }

    p {
      line-height: 1.4;
      margin: 0 0 20px;
    }


    .red_txt {
      color: #ff0000 !important;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
    }


    .red_txt::before {
      display: none;
    }

    .red_text {
      padding-bottom: 20px;
      color: #ff0000;
      font-size: 22px;
      text-align: center;
    }


    #service .red_txt {
      visibility: hidden;
    }

    #service figure.snip0016:hover .red_txt {
      visibility: visible;
    }


    #service figure.snip0015:hover .red_txt {
      visibility: visible;
      margin-bottom: 0;
    }


    #recruit-page .red_txt {
      font-size: 18px;
    }

    /*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/


    #footer {
      position: relative;
      padding: 5px 0;
      background: linear-gradient(to right, rgb(10, 89, 122), rgba(24, 154, 211, 0.8)), url(../../top/img/header-menu-bg.png) no-repeat center left;
      background-size: cover;
      color: #FFF;
      filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0196aa, endColorstr=#1166ae);
    }



    #footer .copyright {
      margin: 0 auto;
      padding: 10px 0;
      font-size: 14px;
    }


    @media only screen and (min-width:768px)and (max-width:1299px) {
      #header .h_description {
        margin-top: 10px;
      }
    }


    @media only screen and (min-width:768px) {

      .bd-ov,
      #header #gnav li {
        position: relative;
      }

      .bd-ov a,
      #header #gnav li a {
        display: block;
        position: relative;
      }

      .bd-ov a::after,
      #header #gnav li a::after {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background: #FFF !important;
        content: '';
        -webkit-transition: width .3s;
        transition: width .3s;
      }

      .bd-ov a:hover::after,
      #header #gnav li:not(.current-menu-item):not(.current-menu-parent) a:hover::after {
        width: 100%;
      }

      .sub-bd-ov,
      .sub_header #gnav li:not(.current-menu-item):not(.current-menu-parent) {
        position: relative;
      }

      .sub-bd-ov a,
      .sub_header #gnav li:not(.current-menu-item):not(.current-menu-parent) a {
        display: block;
        position: relative;
      }

      .sub-bd-ov a::after,
      .sub_header #gnav li:not(.current-menu-item):not(.current-menu-parent) a::after {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background: #fff !important;
        content: '';
        -webkit-transition: width .3s;
        transition: width .3s;
      }

      .sub-bd-ov .sub-menu a::after,
      .sub_header #gnav li:not(:last-child):not(.current-menu-item):not(.current-menu-parent) .sub-menu a::after {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background: #FFF !important;
        content: '';
        -webkit-transition: width .3s;
        transition: width .3s;
      }

      .sub-bd-ov .sub-menu a:hover::after,
      .sub_header #gnav li:not(:last-child):not(.current-menu-item):not(.current-menu-parent) .sub-menu a:hover::after {
        width: 100%;

      }

      /*--------------------------------------------------------------
    ## spacing
    --------------------------------------------------------------*/

      .pd-md-t-0 {
        padding-top: 0;

      }

      .pd-md-b-0 {
        padding-bottom: 0;

      }

      .pd-md-r-0 {
        padding-right: 0;

      }

      .pd-md-l-0 {
        padding-left: 0;

      }

      .mg-md-t-0 {
        margin-top: 0;
      }

      .mg-md-b-0 {
        margin-bottom: 0;
      }

      .mg-md-r-0 {
        margin-right: 0;
      }

      .mg-md-l-0 {
        margin-left: 0;
      }

      /*--------------------------------------------------------------

    # header

    --------------------------------------------------------------*/

      #mm #header #gnav li {
        margin: 0 0 0 2.2vw;
      }

      #mm #header #gnav li:first-child {
        margin-left: 0;
      }

      #header #logo {
        margin: 0 5vw 0 0;
      }

      #header #gnav {
        display: block !important;
        float: right;
        padding: 12px 0 0 0;
      }

      #header #gnav li {
        margin: 0 0 0 2.4vw;
      }

      #header #gnav li a {
        font-size: 1.36vw;
      }

      #header #gnav li.menu-item-has-children a::before {
        position: relative;
        top: 9px;
        float: right;
        margin: -3px 0 0 10px;
        border: 5px solid transparent;
        content: '';
        border-top-color: white;
      }

      #header #gnav li.menu-item-has-children:hover a::before {
        top: 4px;
        -webkit-transform: rotateX(0.5turn);
        transform: rotateX(0.5turn);
      }

      #header #gnav li.menu-item-has-children .sub-menu a::before {
        display: none;
      }

      #header #gnav li:hover .sub-menu {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition-delay: 0s, 0s, 0.3s;
        transition-delay: 0s, 0s, 0.3s;
        opacity: 1;
      }

      #header #gnav li .sub-menu {
        position: absolute;
        z-index: -1;
        width: 154px;
        visibility: hidden;
        margin-top: 1px;
        padding: 3px 12px 8px;
        background: #1164ae;
        -webkit-transform: translateY(0em);
        transform: translateY(0em);
        -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
        transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
        opacity: 0;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 10px;

      }

      #header #gnav li .sub-menu li {
        margin: 0 !important;
      }

      #header #gnav li .sub-menu li a {
        display: inline-block;
        padding: 10px 0 3px;
        color: #FFF;
      }

      #header #gnav li.current-menu-item .sub-menu a,
      #header #gnav li.current-menu-parent .sub-menu a {
        display: block;
        position: relative;
      }

      #header #gnav li.current-menu-item .sub-menu a::after,
      #header #gnav li.current-menu-parent .sub-menu a::after {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background: #FFF !important;
        content: '';
        -webkit-transition: width .3s;
        transition: width .3s;

      }

      #header #gnav li.current-menu-item .sub-menu a:hover::after,
      #header #gnav li.current-menu-parent .sub-menu a:hover::after {
        width: 100%;
      }

      #header .languages-switch {
        position: absolute;
        right: 0px;
      }

      /*--------------------------------------------------------------

    # header

    --------------------------------------------------------------*/

      .sub_header #gnav li.menu-item-has-children a::before {
        border-top-color: #1164ae !important;

      }

      .sub_header #gnav li.menu-item-has-children:hover a::before {
        top: 4px;
        -webkit-transform: rotateX(0.5turn);
        transform: rotateX(0.5turn);
      }

      .sub_header #gnav li.menu-item-has-children .sub-menu a::before {
        display: none;
      }

      /*--------------------------------------------------------------
    # footer
    --------------------------------------------------------------*/

      #footer .inner {
        position: relative;

      }

      #footer .copyright {
        text-align: left;

      }

      #footer .ft-logo {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;

      }

      #footer #sns {
        float: right;
      }
    }

    @media only screen and (min-width:980px) {
      #header #gnav li a {
        font-size: 14px;
      }
    }


    @media only screen and (min-width:1300px) {

      #mm #header #logo {
        margin: 20px 40px 0 0;
      }

      #mm #header #gnav li:first-child {
        margin-left: 0;
      }

      #mm #header .languages-switch {
        margin-left: 25px;
      }

      #header #logo {
        width: 210px;
        margin: 20px 78px 0 0;
      }

      #header.sub_header #logo {
        width: 230px;
        margin: 0 78px 0 0;
      }

      #header #gnav {
        float: right;
        padding: 15px 0 10px;
      }

      #header.sub_header #gnav {
        padding: 0 0 5px;
      }

      #header #gnav li {
        margin: 0 0 0 45px;
      }

      #header .languages-switch {
        position: relative;
        float: right;
        margin-left: 50px;
      }
    }


    @media only screen and (min-width:768px) and (max-width:1069px) {
      #mm #header #logo {
        margin: 13px 1vw 0 0;
      }

      #mm #header #gnav li {
        margin: 0 0 0 1vw;
      }

      #mm #header #gnav li:first-child {
        margin-left: 0;
      }
    }


    @media only screen and (min-width:768px) {
      .sub_content.hide .sub_header {
        top: -145px;
      }

    }

    @media only screen and (max-width:768px) {
      #content .upper_bg {
        display: none !important;
      }
    }

    @media only screen and (max-width:767px) {
      .title-lg {
        padding-bottom: 55px;
      }

      .switch-pc {
        display: none !important;
      }

      .switch-sp {
        display: block !important;
      }

      #mm .description li {
        text-align: left;
      }
    }


    @media only screen and (min-width:768px) and (max-width:1300px) {
      .h_description_in {
        margin-top: 0;
        margin-right: 150px;
      }

      #header .languages-switch {
        right: 10px;
      }

      #header #logo {
        margin: 20px 1vw 0 0;
      }
    }


    @media only screen and (max-width:767px) {
      .switch-sp {
        display: block !important;
      }

      .switch-pc {
        display: none !important;
      }

      .section {
        padding: 40px 0;
      }

      /*--------------------------------------------------------------
    ## spacing
    --------------------------------------------------------------*/

      .pd-sp-t-0 {
        padding-top: 0;
      }

      .pd-sp-b-0 {
        padding-bottom: 0;
      }

      .pd-sp-r-0 {
        padding-right: 0;
      }

      .pd-sp-l-0 {
        padding-left: 0;
      }

      .mg-sp-t-0 {
        margin-top: 0;
      }

      .mg-sp-b-0 {
        margin-bottom: 0;
      }

      .mg-sp-r-0 {
        margin-right: 0;
      }

      .mg-sp-l-0 {
        margin-left: 0;
      }

      /*--------------------------------------------------------------
    # header
    --------------------------------------------------------------*/

      #header {
        position: fixed;
        z-index: 11;
      }

      #header.head-bg {
        background: url(../../top/img/header_bg.jpg) no-repeat top left 47.3%;
      }

      #header #logo {
        margin: 20px auto 0;
      }

      #header .languages-switch {
        position: absolute;
        top: 25%;
        right: 17px;
        float: none;
        padding: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
      }

      #header .btn-toggle-menu {
        position: absolute;
        top: 68%;
        right: 5px;
        z-index: 4;
        width: 55px;
        outline: none;
        cursor: pointer;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
        border-radius: 3px;
        opacity: 0.95;

      }

      #header .btn-toggle-menu.close {
        position: absolute;
      }

      #header .btn-toggle-menu.close .icon-bar {
        position: relative;
        top: 1px;
        right: 15px;
        left: 4px;
      }

      #header .btn-toggle-menu .icon-bar {
        display: block;
        width: 32px;
        height: 3px;
        margin: 0 11px;
        background-color: #FFF;
        color: #FFF;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        border-radius: 1px;
      }

      #header .btn-toggle-menu .icon-bar+.icon-bar {
        margin-top: 7px;

      }

      #header .btn-toggle-menu.collapsed .top-bar {
        width: 32px;
        margin-left: 13px;
        transform: rotate(43deg);
        -webkit-transform: rotate(43deg);
        transform-origin: -4% 10%;
        -webkit-transform-origin: -4% 10%;

      }

      #header .btn-toggle-menu.collapsed .middle-bar {
        opacity: 0;

      }

      #header .btn-toggle-menu.collapsed .bottom-bar {
        width: 32px;
        margin-left: 13px;
        transform: rotate(-43deg);
        -webkit-transform: rotate(-43deg);
        -moz-transform: rotate(-43deg);
        -ms-transform: rotate(-43deg);
        transform-origin: 10% 90%;
        -webkit-transform-origin: 10% 90%;
        -moz-transform-origin: 10% 90%;
        -ms-transform-origin: 10% 90%;

      }

      #header .btn-toggle-menu .top-bar {
        transform: rotate(0);
        -webkit-transform: rotate(0);
      }

      #header .btn-toggle-menu .middle-bar {
        opacity: 1;

      }

      #header .btn-toggle-menu .bottom-bar {
        transform: rotate(0);
        -webkit-transform: rotate(0);

      }

      #header .btn-toggle-menu:focus {
        outline: none;

      }

      #header #gnav {
        display: none;
        position: absolute;
        top: 88px;
        left: 0;
        float: none;
        z-index: 11;
        width: 100%;
        background: url(../img/gnav_bg.jpg) no-repeat center -17px;

      }

      header#header {
        min-height: 90px !important;

      }

      #header #gnav.nav-bg {
        top: 73px;

      }

      #header #gnav #primary-menu {
        overflow: auto;
        padding: 10px 0;

      }

      #header #gnav #primary-menu li {
        float: none;
        width: auto;
        margin: 0 15px;
        padding: 0;
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #FFF;

      }

      #header #gnav #primary-menu li:first-child {
        margin: 0 15px;

      }

      #header #gnav #primary-menu li a {
        display: block;
        width: 100%;
        padding: 15px 0;
        color: #FFF;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        opacity: 1;

      }

      #header #gnav #primary-menu li.contact a {
        color: #FFF;

      }

      #header #gnav #primary-menu li.current a {
        color: #FFF;

      }

      #header #gnav #primary-menu li.current-menu-item a {
        border: none !important;
        background: #fff;
        color: #459bd9 !important;

      }

      #header #gnav #primary-menu li.current-menu-item .sub-menu a {
        color: #FFF !important;

      }

      #header #gnav #primary-menu li .sub-menu {
        display: block;
        width: 100%;
        border-top: 1px solid #fff;

      }

      #header #gnav #primary-menu li .sub-menu li {
        margin: 0 !important;

      }

      #header #gnav #primary-menu li .sub-menu li a {
        display: inline-block;
        padding: 15px 0;
        color: #FFF;

      }

      #header #gnav #primary-menu li .sub-menu li a:hover {
        color: #ccc;

      }

      #header #gnav #primary-menu li .sub-menu li:last-child {
        border-bottom: none;

      }

      #header #gnav #primary-menu::nth-child(2n) {
        border-left: 1px solid #FFF;

      }

      #header.sub_header {
        position: fixed !important;
        z-index: 999;
        padding: 15px 0 15px;
        background: url(../../top/img/header_bg.jpg) no-repeat center left 46.85%;

      }

      #header.sub_header.switch-pc {
        display: none !important;

      }

      #header .inner {
        padding: 0 15px;

      }

      #header.sub_header #gnav li:first-child {
        margin: 0 15px;

      }

      #header.sub_header #gnav li a {
        color: #FFF;

      }

      #header.sub_header #gnav li.contact a {
        color: #FFF;

      }

      #header.sub_header #gnav li.contact a:hover::before {
        border-color: #FFF;

      }

      #header.sub_header #gnav li.contact a:hover::after {
        border-color: #FFF;

      }

      #header.sub_header #gnav li.current-menu-item a,
      #header.sub_header #gnav li.current-menu-parent a {
        color: #535353;

      }

      #header .languages-switch .onoffswitch {
        margin-left: 5px;

      }

      /*--------------------------------------------------------------

    # Content

    --------------------------------------------------------------*/

      .content-area {
        padding-top: 90px;

      }

      .entry-content h3 {
        font-size: 20px;

      }

      .copy {
        font-size: 20px;

      }

      #header .h_description .h_tel,
      #header .h_description .h_mail {

        display: none;

      }

      #header .h_description .h_tel a,
      #header .h_description .h_mail a {
        display: none;
      }

      #main-visual {
        padding: 40px 20px;

      }

      .page-title {
        padding-bottom: 8px;
        font-size: 25px;
      }

      .page-title::before {
        top: inherit;
        bottom: -3px;
      }

      .page-title::after {
        top: inherit;
        bottom: -8px;
      }

      /*--------------------------------------------------------------

    # footer

    --------------------------------------------------------------*/

      #footer {
        padding: 5px 0;
        text-align: center;
      }

      #footer .copyright {
        line-height: 1.5 !important;
        padding: 5px 0;
        font-size: 12px !important;
      }

    }

    #page-top {
      position: fixed;
      right: 20px;
      bottom: 60px;
      z-index: 9;
      color: #0c7aad;
      font-size: 50px;
      cursor: pointer;

    }

    @media only screen and (max-width:320px) {
      #header #logo {
        margin: 10px auto 0;

      }

      #header #logo {
        width: 160px;

      }

      #header .languages-switch {
        top: 31%;
        right: 10px;

      }

      #header .btn-toggle-menu {
        top: 66%;
        right: 0;

      }

      #service .serv-txt {
        font-size: 15px;
      }

      .port-txt span {
        min-width: 37px;
      }
    }

    @media only screen and (max-width:1200px) {
      #page-top {
        right: 5px;
        color: rgba(12, 122, 173, 0.8);
        font-size: 40px;
      }
    }


    @media only screen and (max-width:650px) {
      #header.sub_header {
        background: url(../../top/img/header_bg.jpg) no-repeat center left 47.55%;
      }

    }