@charset "UTF-8";
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0; }
  10% {
    opacity: 1; }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0; } }

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); }

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); }

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); }

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px; }

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none; }

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px; }

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8; }

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=); }

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s; }

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1; }

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2; }

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4); }

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=); }

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==); }

.scroll-hint-icon-white .scroll-hint-text {
  color: #000; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

sub {
  vertical-align: sub;
  font-size: 10px; }

body {
  font-size: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  line-height: 1.6; }
  @media print, screen and (min-width: 768px) {
    body {
      min-width: 1200px;
      padding-top: 90px; } }
  @media screen and (max-width: 767px) {
    body {
      padding-top: 64px;
      font-size: 14px; }
      body.is-nav-open {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%; }
      body a {
        color: #00469b; } }
  body.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
  body.is-tablet {
    -webkit-text-size-adjust: 100%; }

* {
  box-sizing: border-box;
  letter-spacing: 0.08em; }

img {
  max-width: 100%;
  vertical-align: bottom; }

.cf::after {
  display: block;
  clear: both;
  content: ''; }

.search-results {
  display: none; }
  .gsc-overflow-hidden .search-results {
    display: block; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9999; }
  @media screen and (max-width: 767px) {
    .header {
      padding-right: 0 !important;
      z-index: 5000; } }
  @media screen and (min-width: 768px) and (max-width: 1240px) {
    .header.header-inner-tablet {
      padding: 0 4%; } }
  .header .header__inner {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    @media print, screen and (min-width: 768px) {
      .header .header__inner {
        align-items: center; } }
  @media print, screen and (min-width: 768px) {
    .header .header__logo {
      flex-basis: 198px;
      max-width: 198px; } }
  @media screen and (min-width: 768px) and (max-width: 1240px) {
    .header .header__logo {
      flex-basis: 148px;
      max-width: 148px; } }
  @media screen and (max-width: 767px) {
    .header .header__logo {
      flex-basis: 132px;
      padding-top: 24px; }
      .header .header__logo a {
        position: relative;
        display: flex;
        background-image: url(/assets/img/common/logo_kasai_white.png);
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: 100; }
      .header .header__logo img {
        width: 132px;
        height: 17px;
        transition: 0.3s ease-in-out; }
        .is-nav-open .header__logo img {
          opacity: 0; } }
  @media print, screen and (min-width: 768px) {
    .header .header-trigger {
      display: none; } }
  @media screen and (max-width: 767px) {
    .header .header-trigger {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      flex-basis: 64px;
      height: 64px;
      background-image: linear-gradient(134deg, #106dde 1%, #00469b);
      cursor: pointer; } }
  .header .header-trigger__border {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -13px;
    margin-top: -1px;
    width: 26px;
    height: 2px;
    background: #ffffff;
    transition: 0.3s ease-in-out; }
    .header .header-trigger__border:nth-child(1) {
      transform: translateY(-5px); }
      .is-nav-open .header-trigger__border:nth-child(1) {
        transform: rotate(45deg); }
    .header .header-trigger__border:nth-child(2) {
      transform: translateY(4px); }
      .is-nav-open .header-trigger__border:nth-child(2) {
        transform: rotate(-45deg); }

@media screen and (max-width: 767px) {
  .nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: linear-gradient(to bottom, #004daa, #013f8b);
    transition: 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-overflow-scrolling: touch; }
    .is-nav-open .nav {
      opacity: 1;
      visibility: visible; } }

@media print, screen and (min-width: 768px) {
  .nav .nav__inner {
    display: flex;
    align-items: center;
    letter-spacing: 0.032em; } }

@media screen and (max-width: 767px) {
  .nav .nav__inner {
    position: absolute;
    left: 0;
    top: 63px;
    width: 100%;
    height: calc(100% - 64px);
    padding: 63px 0 40px;
    overflow: auto; } }

@media print, screen and (min-width: 768px) {
  .nav .nav-list {
    display: flex; } }

@media screen and (max-width: 767px) {
  .nav .nav-list {
    padding: 0 40px; } }

.nav .nav-list__link {
  position: relative;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap; }
  @media print, screen and (min-width: 768px) {
    .nav .nav-list__link {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 90px;
      padding: 0 10px;
      color: #010101;
      font-size: 15px; }
      .nav .nav-list__link::after {
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -14px;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-bottom: 14px solid #00469b;
        transition: 0.3s ease-in-out;
        opacity: 0;
        visibility: hidden;
        content: ''; }
        body:not(.is-tablet) .nav-list__item:hover .nav-list__link.has-mega-menu::after {
          opacity: 1;
          visibility: visible; }
        .nav-list__item.is-mega-open .nav-list__link.has-mega-menu::after {
          opacity: 1;
          visibility: visible; } }
  @media screen and (min-width: 1241px) and (max-width: 1340px) {
    .nav .nav-list__link {
      padding: 0 7px;
      font-size: 14px; } }
  @media screen and (min-width: 768px) and (max-width: 1240px) {
    .nav .nav-list__link {
      padding: 0 4px;
      font-size: 12px; } }
  @media screen and (max-width: 767px) {
    .nav .nav-list__link {
      display: block;
      padding: 15px 25px 15px 0;
      color: #ffffff;
      font-size: 16px; } }
  @media print, screen and (min-width: 768px) {
    body:not(.is-tablet) .nav-list__item:hover .nav-list__link {
      color: #00469b; } }
  @media print, screen and (min-width: 768px) {
    .nav-list__item.is-mega-open .nav-list__link {
      color: #00469b; } }
  @media screen and (max-width: 767px) {
    .nav .nav-list__link:not(.has-mega-menu)::after {
      position: absolute;
      top: 50%;
      right: 22px;
      width: 4px;
      height: 4px;
      margin-top: -4px;
      border-top: 2px solid;
      border-right: 2px solid;
      transform: rotate(45deg);
      content: '';
      right: 5px; }
    .nav .nav-list__link.has-mega-menu::before, .nav .nav-list__link.has-mega-menu::after {
      position: absolute;
      right: 0;
      top: 50%;
      width: 16px;
      height: 1px;
      background: #ffffff;
      transition: 0.3s ease-in-out;
      content: ''; }
    .nav .nav-list__link.has-mega-menu::after {
      transform: rotate(90deg); }
    .nav .nav-list__link.has-mega-menu.is-active::after {
      transform: rotate(0); } }
  @media screen and (min-width: 768px) and (max-width: 1240px) {
    .nav .nav-list__link--en {
      padding: 0 5px;
      font-size: 12px; } }

.nav .nav-lang {
  display: flex; }
  @media print, screen and (min-width: 768px) {
    .nav .nav-lang {
      padding: 0 15px;
      margin: 0 26px 0 16px;
      border-right: 1px solid #cccccc;
      border-left: 1px solid #cccccc; } }
  @media screen and (max-width: 767px) {
    .nav .nav-lang {
      position: fixed;
      top: 23px;
      right: 80px; } }

.nav .nav-lang__item {
  position: relative; }
  @media print, screen and (min-width: 768px) {
    .nav .nav-lang__item {
      margin: 0 7px; } }
  .nav .nav-lang__item::before {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 2px;
    background: #010101;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    opacity: 0;
    content: ''; }
  @media print, screen and (min-width: 768px) {
    .nav .nav-lang__item.is-current::before, .nav .nav-lang__item:hover::before {
      opacity: 1; } }
  @media screen and (max-width: 767px) {
    .nav .nav-lang__item.is-current {
      display: none; } }

.nav .nav-lang__link {
  text-decoration: none; }
  @media print, screen and (min-width: 768px) {
    .nav .nav-lang__link {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1.4em;
      height: 18px;
      font-size: 14px;
      color: #585858;
      font-weight: normal; }
      .is-current .nav-lang__link {
        color: #010101;
        font-weight: bold; } }
  @media screen and (max-width: 767px) {
    .nav .nav-lang__link {
      position: relative;
      display: block;
      width: 56px;
      color: #ffffff;
      font-size: 12px;
      text-align: center; } }

@media screen and (max-width: 767px) {
  .nav .nav-search {
    padding-top: 32px;
    padding-bottom: 200px;
    margin: 14px 20px 0;
    border-top: 1px solid #FFF; } }

.nav .nav-search #___gcse_0 {
  flex-basis: 960px;
  max-width: 960px;
  margin: 0 auto; }
  .nav .nav-search #___gcse_0 .gsc-control-cse {
    padding: 0;
    border: 0;
    background: 0; }
  .nav .nav-search #___gcse_0 .gsc-search-box {
    position: relative;
    margin: 0; }
  .nav .nav-search #___gcse_0 .gsc-input {
    position: relative;
    padding: 0; }
  .nav .nav-search #___gcse_0 .gsc-input-box {
    border: 0;
    padding: 0;
    border-radius: 0; }
  .nav .nav-search #___gcse_0 .gsc-search-button {
    position: absolute;
    padding: 0;
    border: 0;
    margin: 0;
    background: url(/assets/img/common/bg_search.svg) 16px center no-repeat;
    background-size: 15px;
    transition: 0.3s ease-in-out;
    cursor: pointer; }
    .nav .nav-search #___gcse_0 .gsc-search-button:hover {
      opacity: 0.6; }
    @media print, screen and (min-width: 768px) {
      .nav .nav-search #___gcse_0 .gsc-search-button {
        left: 0;
        top: 0;
        width: 46px;
        height: 46px; } }
    @media screen and (max-width: 767px) {
      .nav .nav-search #___gcse_0 .gsc-search-button {
        right: 0;
        top: 0;
        width: 46px;
        height: 100%;
        background: url(/assets/img/common/bg_search.svg) 16px center no-repeat;
        background-size: 15px; } }
    .nav .nav-search #___gcse_0 .gsc-search-button svg {
      display: none; }
  .nav .nav-search #___gcse_0 .gsib_b {
    display: none; }
  .nav .nav-search #___gcse_0 .gsib_a {
    padding: 0; }
  .nav .nav-search #___gcse_0 [type="text"] {
    height: 46px !important;
    margin: 0 !important;
    background: 0 !important;
    border-radius: 0;
    background-size: 16px !important;
    color: #010101 !important;
    text-indent: 56px !important; }
    @media screen and (max-width: 767px) {
      .nav .nav-search #___gcse_0 [type="text"] {
        padding-right: 35px !important;
        border: 2px solid #CCC !important;
        text-indent: 18px !important; } }

.nav .nav-search__icon {
  position: relative;
  display: block;
  background: 0;
  border: 0;
  padding: 0; }
  @media screen and (max-width: 767px) {
    .nav .nav-search__icon {
      display: none; } }
  .nav .nav-search__icon img {
    transition: 0.3s ease-in-out;
    cursor: pointer; }
    .nav .nav-search__icon img:hover {
      opacity: 0.6; }
  .nav .nav-search__icon::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #00469b;
    transition: 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    content: '';
    bottom: -36px; }
    .nav-search.is-active .nav-search__icon::after {
      opacity: 1;
      visibility: visible; }
  .nav .nav-search__icon:focus {
    outline: none; }

body:not(.is-tablet) .nav-list__item:hover .nav-mega {
  pointer-events: all; }

.nav-list__item.is-mega-open .nav-mega {
  pointer-events: all; }

.nav-search.is-active .nav-mega {
  pointer-events: all; }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega {
    position: absolute;
    top: 100%;
    left: 0;
    display: block !important;
    width: 100%;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden; } }

@media screen and (max-width: 767px) {
  .nav .nav-mega {
    display: none;
    background: #003980;
    margin: 0 -40px;
    padding: 32px 20px 20px; } }

@media screen and (max-width: 767px) {
  .nav .nav-mega.nav-search__mega {
    display: block;
    background: 0;
    padding: 0;
    margin: 0; }
    .nav .nav-mega.nav-search__mega .c-inner, .nav .nav-mega.nav-search__mega .c-inner--m, .nav .nav-mega.nav-search__mega .c-inner--l, .nav .nav-mega.nav-search__mega .c-inner--s, .nav .nav-mega.nav-search__mega .c-inner--executives, .nav .nav-mega.nav-search__mega .c-inner--network, .nav .nav-mega.nav-search__mega .c-inner--domestic-overseas {
      padding: 0; }
    .nav .nav-mega.nav-search__mega .gsc-input-box {
      padding: 0;
      border-radius: 0; } }

.nav .nav-mega__wrapper {
  color: #ffffff; }
  @media print, screen and (min-width: 768px) {
    .nav .nav-mega__wrapper {
      padding: 40px 0;
      background: #013f8b;
      background-image: linear-gradient(to bottom, #004daa, #013f8b);
      transition: 0.3s ease-in-out;
      transform: translateY(-100%); }
      body:not(.is-tablet) .nav-list__item:hover .nav-mega__wrapper {
        transform: translateY(0); }
      .nav-list__item.is-mega-open .nav-mega__wrapper {
        transform: translateY(0); }
      .nav-search.is-active .nav-mega__wrapper {
        transform: translateY(0); } }
  .nav .nav-mega__wrapper a {
    color: inherit;
    text-decoration: none; }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega__inner {
    display: flex;
    width: 100%; } }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega__heading {
    flex-basis: 322px;
    max-width: 322px; } }

@media screen and (max-width: 767px) {
  .nav .nav-mega__heading {
    display: none; } }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega__title {
    font-size: 32px;
    font-weight: bold; } }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega__title-en {
    font-size: 16px;
    font-weight: bold; } }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega__button {
    margin-top: 30px;
    width: 226px;
    transition: 0.3s ease-in-out; }
    .nav .nav-mega__button:hover {
      opacity: 0.6; }
    .nav .nav-mega__button--irEn {
      width: 264px; } }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 170px;
    flex-basis: 260px;
    max-width: 260px;
    padding: 10px 30px;
    border-left: 1px solid #eee;
    letter-spacing: 0;
    font-size: 0; }
    .nav .nav-mega-list--tech {
      height: 172px; }
    .nav .nav-mega-list--sustainability {
      flex-basis: 306px;
      max-width: 306px;
      height: 195px; }
      .nav .nav-mega-list--sustainability .nav-mega-list__item--auto:nth-child(n + 6) {
        margin-left: 0; }
    .nav .nav-mega-list--company {
      flex-basis: 305px;
      max-width: 305px;
      padding-right: 0; }
      .nav .nav-mega-list--company + .nav-mega-list--company {
        padding-left: 4%; }
    .nav .nav-mega-list--l {
      flex-basis: 506px;
      max-width: 506px; }
    .nav .nav-mega-list--single {
      flex-basis: 606px;
      max-width: 606px; }
    .nav .nav-mega-list--companyEn {
      height: 190px; }
    .nav .nav-mega-list--productEn, .nav .nav-mega-list--csrEn {
      height: 180px; }
    .nav .nav-mega-list--techEnL {
      display: initial;
      flex-basis: 430px;
      max-width: 430px;
      height: 262px; }
      .nav .nav-mega-list--techEnL-dd {
        display: flex;
        height: 200px;
        flex-direction: column;
        flex-wrap: wrap; }
    .nav .nav-mega-list--techEnR {
      display: initial;
      flex-basis: 626px;
      max-width: 626px;
      height: 262px; }
      .nav .nav-mega-list--techEnR-dd {
        display: flex;
        height: 170px;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between; }
    .nav .nav-mega-list--sustainabilityEn {
      height: auto; }
      .nav .nav-mega-list--sustainabilityEn .nav-mega-list__item--auto:nth-child(n + 6) {
        margin-left: 0; }
    .nav .nav-mega-list--ir {
      height: 200px;
      flex-basis: 676px;
      max-width: 676px; }
      .nav .nav-mega-list--ir .nav-mega-list__item--single:nth-child(n + 6) {
        margin-left: 0;
        width: 34%; }
    .nav .nav-mega-list--irEn {
      height: auto; } }

@media screen and (max-width: 767px) {
  .nav .nav-mega-list {
    margin-top: -12px; }
    .nav .nav-mega-list + .nav-mega-list {
      padding-top: 20px;
      margin-top: 20px;
      border-top: 1px solid rgba(255, 255, 255, 0.8); }
    .nav .nav-mega-list--company + .nav-mega-list--company {
      margin-top: 0;
      padding-top: 0; } }

.nav .nav-mega-list--company + .nav-mega-list--company {
  border: none; }

.nav .nav-mega-list__link {
  display: block; }
  @media print, screen and (min-width: 768px) {
    .nav .nav-mega-list__link {
      position: relative;
      padding-right: 20px;
      font-size: 15px;
      font-weight: bold;
      transition: 0.3s ease-in-out; }
      .nav .nav-mega-list__link:hover {
        opacity: 0.6; } }
  @media screen and (max-width: 767px) {
    .nav .nav-mega-list__link {
      position: relative;
      padding: 12px 0;
      font-size: 13px;
      font-weight: bold; } }
  .nav .nav-mega-list__link::after {
    position: absolute;
    top: 50%;
    right: 22px;
    width: 4px;
    height: 4px;
    margin-top: -4px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    content: '';
    right: 0; }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega-list__title {
    margin-bottom: 20px;
    font-size: 18px;
    letter-spacing: .05em; } }

@media screen and (max-width: 767px) {
  .nav .nav-mega-list__title {
    padding: 12px 0;
    color: #ffffff;
    font-size: 15px;
    opacity: 0.8; } }

.nav .nav-mega-list__title-link {
  position: relative;
  display: block; }
  @media print, screen and (min-width: 768px) {
    .nav .nav-mega-list__title-link {
      transition: 0.3s ease-in-out; }
      .nav .nav-mega-list__title-link:hover {
        opacity: 0.6; } }
  .nav .nav-mega-list__title-link::after {
    position: absolute;
    top: 50%;
    right: 22px;
    width: 4px;
    height: 4px;
    margin-top: -4px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    content: '';
    right: 3px; }
  @media print, screen and (min-width: 768px) {
    .nav .nav-mega-list__title-link--policy::after {
      right: 0; } }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega-list__item, .nav .nav-mega-list__item--m, .nav .nav-mega-list__item--single, .nav .nav-mega-list__item--auto {
    display: inline-block;
    width: 100%;
    margin-top: 13px; } }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega-list__item--m {
    display: inline-block;
    width: 42%; }
    .nav .nav-mega-list__item--m:nth-of-type(4) {
      margin-top: 48px; }
    .nav .nav-mega-list__item--m:nth-of-type(n + 4) {
      margin-left: 14.5%; } }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega-list--techEnR-dd .nav-mega-list__item--m {
    margin: 13px 0 0 0; } }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega-list__item--single {
    width: 34%; }
    .nav .nav-mega-list__item--single:nth-child(n + 6) {
      margin-left: 8%;
      width: 50%; }
    .nav .nav-mega-list__item--single-en {
      width: 50%; } }

@media print, screen and (min-width: 768px) {
  .nav .nav-mega-list__item--auto {
    width: auto; }
    .nav .nav-mega-list__item--auto:nth-child(n + 6) {
      margin-left: 8%; } }

.footer {
  color: #ffffff; }
  @media print, screen and (min-width: 768px) {
    .footer {
      font-size: 13px; } }
  .footer a {
    color: #ffffff;
    text-decoration: none; }
    @media print, screen and (min-width: 768px) {
      .footer a:hover {
        text-decoration: underline; } }
  @media screen and (max-width: 767px) {
    .footer .footer__inner {
      padding: 0; } }
  .footer .footer-main {
    background: #434343; }
    @media print, screen and (min-width: 768px) {
      .footer .footer-main {
        padding: 60px 0 12px; } }
    @media screen and (max-width: 767px) {
      .footer .footer-main {
        padding-top: 26px;
        line-height: 1.4; } }
  @media print, screen and (min-width: 768px) {
    .footer .footer-nav {
      display: flex; } }
  @media print, screen and (min-width: 768px) {
    .footer .footer-nav__item {
      flex-basis: 272px;
      min-width: 272px; } }
  @media print, screen and (min-width: 768px) {
    .footer .footer-nav__title {
      margin-bottom: 18px;
      font-size: 14px;
      line-height: 1.6; } }
  @media screen and (max-width: 767px) {
    .footer .footer-nav__title {
      border-bottom: 1px solid #707070; } }
  .footer .footer-nav__link {
    font-weight: bold; }
    @media print, screen and (min-width: 768px) {
      .footer .footer-nav__link {
        font-size: 14px; } }
    @media screen and (max-width: 767px) {
      .footer .footer-nav__link {
        position: relative;
        display: block;
        padding: 16px 32px;
        font-size: 12px; }
        .footer .footer-nav__link::after {
          position: absolute;
          top: 50%;
          right: 22px;
          width: 4px;
          height: 4px;
          margin-top: -4px;
          border-top: 2px solid;
          border-right: 2px solid;
          transform: rotate(45deg);
          content: '';
          right: 36px; }
        .has-lower .footer-nav__link::before, .has-lower .footer-nav__link::after {
          position: absolute;
          top: 50%;
          right: 32px;
          width: 10px;
          height: 1px;
          margin: 0;
          border: 0;
          background: #ffffff;
          transform: none;
          transition: 0.3s ease-in-out;
          content: ''; }
        .has-lower .footer-nav__link:not(.is-active)::after {
          transform: rotate(90deg); }
        .has-lower.is-active .footer-nav__link::after {
          transform: rotate(0); }
        .is-blank .footer-nav__link::after {
          right: 32px;
          width: 12px;
          height: 12px;
          border: 0;
          transform: none;
          background: url(/assets/img/common/icon_blank.svg) center center/contain no-repeat; } }
  @media print, screen and (min-width: 768px) {
    .footer .footer-lower-nav {
      display: block !important;
      margin: -6px 0 32px;
      line-height: 1.62; } }
  @media screen and (max-width: 767px) {
    .footer .footer-lower-nav {
      display: none;
      padding: 20px 32px;
      background: #333333;
      border-bottom: 1px solid #707070; } }
  @media print, screen and (min-width: 768px) {
    .footer .footer-lower-nav__item {
      margin-bottom: 6px;
      letter-spacing: 1.04px; } }
  @media print, screen and (min-width: 768px) {
    .footer .footer-lower-nav__link {
      color: #e9e9e9; }
      .footer .footer-lower-nav__link::before {
        content: '- '; } }
  @media screen and (max-width: 767px) {
    .footer .footer-lower-nav__link {
      position: relative;
      display: block;
      padding: 12px 0;
      color: #ffffff;
      font-size: 12px; }
      .footer .footer-lower-nav__link::after {
        position: absolute;
        top: 50%;
        right: 22px;
        width: 4px;
        height: 4px;
        margin-top: -4px;
        border-top: 2px solid;
        border-right: 2px solid;
        transform: rotate(45deg);
        content: '';
        right: 0; } }
  .footer .footer-bottom {
    background: #222222; }
    @media print, screen and (min-width: 768px) {
      .footer .footer-bottom {
        padding: 32px 0 24px; } }
    @media screen and (max-width: 767px) {
      .footer .footer-bottom {
        margin-top: -1px;
        padding: 24px 32px 23px; } }
  .footer .footer-bottom__heading {
    display: flex; }
    @media print, screen and (min-width: 768px) {
      .footer .footer-bottom__heading {
        justify-content: space-between;
        align-items: center;
        padding-bottom: 19px;
        border-bottom: 1px solid #707070; } }
    @media screen and (max-width: 767px) {
      .footer .footer-bottom__heading {
        flex-direction: column; } }
  @media screen and (max-width: 767px) {
    .footer .footer-bottom__logo {
      width: 120px;
      margin: 30px auto 0;
      order: 1; } }
  .footer .footer-bottom-nav {
    display: flex; }
    @media screen and (max-width: 767px) {
      .footer .footer-bottom-nav {
        margin-top: -10px;
        order: 0;
        flex-wrap: wrap; } }
  .footer .footer-bottom-nav__item {
    letter-spacing: 1.04px; }
    @media print, screen and (min-width: 768px) {
      .footer .footer-bottom-nav__item {
        margin-left: 18px;
        font-size: 13px; } }
    @media screen and (max-width: 767px) {
      .footer .footer-bottom-nav__item {
        margin-top: 10px;
        font-size: 11px;
        line-height: 1.4; }
        .footer .footer-bottom-nav__item:not(:last-child) {
          padding-right: 9px;
          margin-right: 8px;
          border-right: 1px solid #707070; } }
  .footer .footer-bottom__copyright {
    margin-top: 24px;
    color: #e9e9e9;
    font-size: 11px;
    text-align: right; }
    @media screen and (max-width: 767px) {
      .footer .footer-bottom__copyright {
        margin-top: 14px;
        color: #e9e9e9;
        font-size: 10px;
        text-align: center; } }
  @media print, screen and (min-width: 768px) {
    .footer-en .footer-nav__item:nth-of-type(1) {
      flex-basis: 284px;
      min-width: 284px; } }
  @media print, screen and (min-width: 768px) {
    .footer-en .footer-nav__item:nth-of-type(2) {
      flex-basis: 290px;
      min-width: 290px; } }
  @media print, screen and (min-width: 768px) {
    .footer-en .footer-nav__item:nth-of-type(4) {
      flex-basis: 244px;
      min-width: 244px; } }
  @media print, screen and (min-width: 768px) {
    .footer-en .footer-lower-nav__link {
      display: inline-block;
      padding-left: 1em;
      text-indent: -1em; } }

.u-border-dotted {
  border-bottom: 2px dotted; }
  .is-ie .u-border-dotted {
    position: relative;
    display: inline-block;
    border: 0; }
    .is-ie .u-border-dotted::after {
      position: absolute;
      bottom: 5px;
      left: 0;
      width: 100%;
      height: 2px;
      border-bottom: 2px dotted;
      content: ''; }

.u-font-black {
  color: #010101 !important; }

.u-font-blue {
  color: #00469b !important; }

.u-font-red {
  color: #E4011D !important; }

.u-font-bold {
  font-weight: bold !important; }

@media screen and (max-width: 767px) {
  .u-pc {
    display: none !important; } }

@media screen and (min-width: 500px) {
  .u-sp-narrow {
    display: none !important; } }

@media screen and (max-width: 399px) {
  .u-sp-narrow {
    display: none !important; } }

@media print, screen and (min-width: 768px) {
  .u-sp {
    display: none !important; } }

@media print, screen and (min-width: 768px) {
  .u-sp-more-narrow {
    display: none !important; } }

@media screen and (max-width: 399px) {
  .u-sp-more-narrow {
    display: none !important; } }

.u-tac {
  text-align: center !important; }
  @media screen and (max-width: 767px) {
    .u-tac--only-sp {
      text-align: center !important; } }

.u-tal {
  text-align: left !important; }

.u-not-flex {
  display: unset !important; }

.u-block {
  display: block !important; }

.u-flex, .u-flex--only-pc {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .u-flex--only-pc {
      display: block; } }

.u-bold {
  font-weight: bold; }

.u-mt0 {
  margin-top: 0 !important; }

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

@media print, screen and (min-width: 768px) {
  .u-mg-top-0-pc {
    margin-top: 0px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-0-sp {
    margin-top: 0px !important; } }

.u-mg-top-0 {
  margin-top: 0px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-1-pc {
    margin-top: 1px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-1-sp {
    margin-top: 1px !important; } }

.u-mg-top-1 {
  margin-top: 1px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-2-pc {
    margin-top: 2px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-2-sp {
    margin-top: 2px !important; } }

.u-mg-top-2 {
  margin-top: 2px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-3-pc {
    margin-top: 3px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-3-sp {
    margin-top: 3px !important; } }

.u-mg-top-3 {
  margin-top: 3px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-4-pc {
    margin-top: 4px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-4-sp {
    margin-top: 4px !important; } }

.u-mg-top-4 {
  margin-top: 4px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-5-pc {
    margin-top: 5px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-5-sp {
    margin-top: 5px !important; } }

.u-mg-top-5 {
  margin-top: 5px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-6-pc {
    margin-top: 6px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-6-sp {
    margin-top: 6px !important; } }

.u-mg-top-6 {
  margin-top: 6px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-7-pc {
    margin-top: 7px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-7-sp {
    margin-top: 7px !important; } }

.u-mg-top-7 {
  margin-top: 7px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-8-pc {
    margin-top: 8px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-8-sp {
    margin-top: 8px !important; } }

.u-mg-top-8 {
  margin-top: 8px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-9-pc {
    margin-top: 9px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-9-sp {
    margin-top: 9px !important; } }

.u-mg-top-9 {
  margin-top: 9px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-10-pc {
    margin-top: 10px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-10-sp {
    margin-top: 10px !important; } }

.u-mg-top-10 {
  margin-top: 10px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-11-pc {
    margin-top: 11px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-11-sp {
    margin-top: 11px !important; } }

.u-mg-top-11 {
  margin-top: 11px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-12-pc {
    margin-top: 12px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-12-sp {
    margin-top: 12px !important; } }

.u-mg-top-12 {
  margin-top: 12px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-13-pc {
    margin-top: 13px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-13-sp {
    margin-top: 13px !important; } }

.u-mg-top-13 {
  margin-top: 13px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-14-pc {
    margin-top: 14px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-14-sp {
    margin-top: 14px !important; } }

.u-mg-top-14 {
  margin-top: 14px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-15-pc {
    margin-top: 15px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-15-sp {
    margin-top: 15px !important; } }

.u-mg-top-15 {
  margin-top: 15px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-16-pc {
    margin-top: 16px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-16-sp {
    margin-top: 16px !important; } }

.u-mg-top-16 {
  margin-top: 16px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-17-pc {
    margin-top: 17px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-17-sp {
    margin-top: 17px !important; } }

.u-mg-top-17 {
  margin-top: 17px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-18-pc {
    margin-top: 18px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-18-sp {
    margin-top: 18px !important; } }

.u-mg-top-18 {
  margin-top: 18px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-19-pc {
    margin-top: 19px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-19-sp {
    margin-top: 19px !important; } }

.u-mg-top-19 {
  margin-top: 19px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-20-pc {
    margin-top: 20px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-20-sp {
    margin-top: 20px !important; } }

.u-mg-top-20 {
  margin-top: 20px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-21-pc {
    margin-top: 21px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-21-sp {
    margin-top: 21px !important; } }

.u-mg-top-21 {
  margin-top: 21px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-22-pc {
    margin-top: 22px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-22-sp {
    margin-top: 22px !important; } }

.u-mg-top-22 {
  margin-top: 22px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-23-pc {
    margin-top: 23px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-23-sp {
    margin-top: 23px !important; } }

.u-mg-top-23 {
  margin-top: 23px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-24-pc {
    margin-top: 24px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-24-sp {
    margin-top: 24px !important; } }

.u-mg-top-24 {
  margin-top: 24px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-25-pc {
    margin-top: 25px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-25-sp {
    margin-top: 25px !important; } }

.u-mg-top-25 {
  margin-top: 25px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-26-pc {
    margin-top: 26px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-26-sp {
    margin-top: 26px !important; } }

.u-mg-top-26 {
  margin-top: 26px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-27-pc {
    margin-top: 27px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-27-sp {
    margin-top: 27px !important; } }

.u-mg-top-27 {
  margin-top: 27px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-28-pc {
    margin-top: 28px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-28-sp {
    margin-top: 28px !important; } }

.u-mg-top-28 {
  margin-top: 28px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-29-pc {
    margin-top: 29px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-29-sp {
    margin-top: 29px !important; } }

.u-mg-top-29 {
  margin-top: 29px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-30-pc {
    margin-top: 30px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-30-sp {
    margin-top: 30px !important; } }

.u-mg-top-30 {
  margin-top: 30px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-31-pc {
    margin-top: 31px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-31-sp {
    margin-top: 31px !important; } }

.u-mg-top-31 {
  margin-top: 31px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-32-pc {
    margin-top: 32px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-32-sp {
    margin-top: 32px !important; } }

.u-mg-top-32 {
  margin-top: 32px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-33-pc {
    margin-top: 33px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-33-sp {
    margin-top: 33px !important; } }

.u-mg-top-33 {
  margin-top: 33px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-34-pc {
    margin-top: 34px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-34-sp {
    margin-top: 34px !important; } }

.u-mg-top-34 {
  margin-top: 34px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-35-pc {
    margin-top: 35px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-35-sp {
    margin-top: 35px !important; } }

.u-mg-top-35 {
  margin-top: 35px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-36-pc {
    margin-top: 36px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-36-sp {
    margin-top: 36px !important; } }

.u-mg-top-36 {
  margin-top: 36px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-37-pc {
    margin-top: 37px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-37-sp {
    margin-top: 37px !important; } }

.u-mg-top-37 {
  margin-top: 37px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-38-pc {
    margin-top: 38px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-38-sp {
    margin-top: 38px !important; } }

.u-mg-top-38 {
  margin-top: 38px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-39-pc {
    margin-top: 39px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-39-sp {
    margin-top: 39px !important; } }

.u-mg-top-39 {
  margin-top: 39px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-40-pc {
    margin-top: 40px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-40-sp {
    margin-top: 40px !important; } }

.u-mg-top-40 {
  margin-top: 40px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-41-pc {
    margin-top: 41px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-41-sp {
    margin-top: 41px !important; } }

.u-mg-top-41 {
  margin-top: 41px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-42-pc {
    margin-top: 42px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-42-sp {
    margin-top: 42px !important; } }

.u-mg-top-42 {
  margin-top: 42px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-43-pc {
    margin-top: 43px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-43-sp {
    margin-top: 43px !important; } }

.u-mg-top-43 {
  margin-top: 43px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-44-pc {
    margin-top: 44px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-44-sp {
    margin-top: 44px !important; } }

.u-mg-top-44 {
  margin-top: 44px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-45-pc {
    margin-top: 45px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-45-sp {
    margin-top: 45px !important; } }

.u-mg-top-45 {
  margin-top: 45px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-46-pc {
    margin-top: 46px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-46-sp {
    margin-top: 46px !important; } }

.u-mg-top-46 {
  margin-top: 46px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-47-pc {
    margin-top: 47px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-47-sp {
    margin-top: 47px !important; } }

.u-mg-top-47 {
  margin-top: 47px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-48-pc {
    margin-top: 48px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-48-sp {
    margin-top: 48px !important; } }

.u-mg-top-48 {
  margin-top: 48px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-49-pc {
    margin-top: 49px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-49-sp {
    margin-top: 49px !important; } }

.u-mg-top-49 {
  margin-top: 49px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-50-pc {
    margin-top: 50px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-50-sp {
    margin-top: 50px !important; } }

.u-mg-top-50 {
  margin-top: 50px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-51-pc {
    margin-top: 51px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-51-sp {
    margin-top: 51px !important; } }

.u-mg-top-51 {
  margin-top: 51px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-52-pc {
    margin-top: 52px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-52-sp {
    margin-top: 52px !important; } }

.u-mg-top-52 {
  margin-top: 52px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-53-pc {
    margin-top: 53px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-53-sp {
    margin-top: 53px !important; } }

.u-mg-top-53 {
  margin-top: 53px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-54-pc {
    margin-top: 54px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-54-sp {
    margin-top: 54px !important; } }

.u-mg-top-54 {
  margin-top: 54px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-55-pc {
    margin-top: 55px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-55-sp {
    margin-top: 55px !important; } }

.u-mg-top-55 {
  margin-top: 55px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-56-pc {
    margin-top: 56px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-56-sp {
    margin-top: 56px !important; } }

.u-mg-top-56 {
  margin-top: 56px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-57-pc {
    margin-top: 57px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-57-sp {
    margin-top: 57px !important; } }

.u-mg-top-57 {
  margin-top: 57px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-58-pc {
    margin-top: 58px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-58-sp {
    margin-top: 58px !important; } }

.u-mg-top-58 {
  margin-top: 58px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-59-pc {
    margin-top: 59px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-59-sp {
    margin-top: 59px !important; } }

.u-mg-top-59 {
  margin-top: 59px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-60-pc {
    margin-top: 60px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-60-sp {
    margin-top: 60px !important; } }

.u-mg-top-60 {
  margin-top: 60px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-61-pc {
    margin-top: 61px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-61-sp {
    margin-top: 61px !important; } }

.u-mg-top-61 {
  margin-top: 61px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-62-pc {
    margin-top: 62px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-62-sp {
    margin-top: 62px !important; } }

.u-mg-top-62 {
  margin-top: 62px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-63-pc {
    margin-top: 63px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-63-sp {
    margin-top: 63px !important; } }

.u-mg-top-63 {
  margin-top: 63px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-64-pc {
    margin-top: 64px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-64-sp {
    margin-top: 64px !important; } }

.u-mg-top-64 {
  margin-top: 64px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-65-pc {
    margin-top: 65px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-65-sp {
    margin-top: 65px !important; } }

.u-mg-top-65 {
  margin-top: 65px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-66-pc {
    margin-top: 66px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-66-sp {
    margin-top: 66px !important; } }

.u-mg-top-66 {
  margin-top: 66px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-67-pc {
    margin-top: 67px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-67-sp {
    margin-top: 67px !important; } }

.u-mg-top-67 {
  margin-top: 67px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-68-pc {
    margin-top: 68px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-68-sp {
    margin-top: 68px !important; } }

.u-mg-top-68 {
  margin-top: 68px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-69-pc {
    margin-top: 69px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-69-sp {
    margin-top: 69px !important; } }

.u-mg-top-69 {
  margin-top: 69px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-70-pc {
    margin-top: 70px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-70-sp {
    margin-top: 70px !important; } }

.u-mg-top-70 {
  margin-top: 70px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-71-pc {
    margin-top: 71px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-71-sp {
    margin-top: 71px !important; } }

.u-mg-top-71 {
  margin-top: 71px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-72-pc {
    margin-top: 72px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-72-sp {
    margin-top: 72px !important; } }

.u-mg-top-72 {
  margin-top: 72px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-73-pc {
    margin-top: 73px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-73-sp {
    margin-top: 73px !important; } }

.u-mg-top-73 {
  margin-top: 73px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-74-pc {
    margin-top: 74px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-74-sp {
    margin-top: 74px !important; } }

.u-mg-top-74 {
  margin-top: 74px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-75-pc {
    margin-top: 75px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-75-sp {
    margin-top: 75px !important; } }

.u-mg-top-75 {
  margin-top: 75px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-76-pc {
    margin-top: 76px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-76-sp {
    margin-top: 76px !important; } }

.u-mg-top-76 {
  margin-top: 76px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-77-pc {
    margin-top: 77px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-77-sp {
    margin-top: 77px !important; } }

.u-mg-top-77 {
  margin-top: 77px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-78-pc {
    margin-top: 78px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-78-sp {
    margin-top: 78px !important; } }

.u-mg-top-78 {
  margin-top: 78px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-79-pc {
    margin-top: 79px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-79-sp {
    margin-top: 79px !important; } }

.u-mg-top-79 {
  margin-top: 79px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-80-pc {
    margin-top: 80px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-80-sp {
    margin-top: 80px !important; } }

.u-mg-top-80 {
  margin-top: 80px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-81-pc {
    margin-top: 81px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-81-sp {
    margin-top: 81px !important; } }

.u-mg-top-81 {
  margin-top: 81px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-82-pc {
    margin-top: 82px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-82-sp {
    margin-top: 82px !important; } }

.u-mg-top-82 {
  margin-top: 82px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-83-pc {
    margin-top: 83px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-83-sp {
    margin-top: 83px !important; } }

.u-mg-top-83 {
  margin-top: 83px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-84-pc {
    margin-top: 84px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-84-sp {
    margin-top: 84px !important; } }

.u-mg-top-84 {
  margin-top: 84px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-85-pc {
    margin-top: 85px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-85-sp {
    margin-top: 85px !important; } }

.u-mg-top-85 {
  margin-top: 85px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-86-pc {
    margin-top: 86px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-86-sp {
    margin-top: 86px !important; } }

.u-mg-top-86 {
  margin-top: 86px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-87-pc {
    margin-top: 87px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-87-sp {
    margin-top: 87px !important; } }

.u-mg-top-87 {
  margin-top: 87px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-88-pc {
    margin-top: 88px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-88-sp {
    margin-top: 88px !important; } }

.u-mg-top-88 {
  margin-top: 88px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-89-pc {
    margin-top: 89px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-89-sp {
    margin-top: 89px !important; } }

.u-mg-top-89 {
  margin-top: 89px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-90-pc {
    margin-top: 90px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-90-sp {
    margin-top: 90px !important; } }

.u-mg-top-90 {
  margin-top: 90px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-91-pc {
    margin-top: 91px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-91-sp {
    margin-top: 91px !important; } }

.u-mg-top-91 {
  margin-top: 91px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-92-pc {
    margin-top: 92px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-92-sp {
    margin-top: 92px !important; } }

.u-mg-top-92 {
  margin-top: 92px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-93-pc {
    margin-top: 93px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-93-sp {
    margin-top: 93px !important; } }

.u-mg-top-93 {
  margin-top: 93px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-94-pc {
    margin-top: 94px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-94-sp {
    margin-top: 94px !important; } }

.u-mg-top-94 {
  margin-top: 94px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-95-pc {
    margin-top: 95px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-95-sp {
    margin-top: 95px !important; } }

.u-mg-top-95 {
  margin-top: 95px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-96-pc {
    margin-top: 96px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-96-sp {
    margin-top: 96px !important; } }

.u-mg-top-96 {
  margin-top: 96px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-97-pc {
    margin-top: 97px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-97-sp {
    margin-top: 97px !important; } }

.u-mg-top-97 {
  margin-top: 97px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-98-pc {
    margin-top: 98px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-98-sp {
    margin-top: 98px !important; } }

.u-mg-top-98 {
  margin-top: 98px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-99-pc {
    margin-top: 99px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-99-sp {
    margin-top: 99px !important; } }

.u-mg-top-99 {
  margin-top: 99px; }

@media print, screen and (min-width: 768px) {
  .u-mg-top-100-pc {
    margin-top: 100px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-top-100-sp {
    margin-top: 100px !important; } }

.u-mg-top-100 {
  margin-top: 100px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-0-pc {
    margin-bottom: 0px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-0-sp {
    margin-bottom: 0px !important; } }

.u-mg-bottom-0 {
  margin-bottom: 0px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-1-pc {
    margin-bottom: 1px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-1-sp {
    margin-bottom: 1px !important; } }

.u-mg-bottom-1 {
  margin-bottom: 1px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-2-pc {
    margin-bottom: 2px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-2-sp {
    margin-bottom: 2px !important; } }

.u-mg-bottom-2 {
  margin-bottom: 2px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-3-pc {
    margin-bottom: 3px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-3-sp {
    margin-bottom: 3px !important; } }

.u-mg-bottom-3 {
  margin-bottom: 3px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-4-pc {
    margin-bottom: 4px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-4-sp {
    margin-bottom: 4px !important; } }

.u-mg-bottom-4 {
  margin-bottom: 4px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-5-pc {
    margin-bottom: 5px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-5-sp {
    margin-bottom: 5px !important; } }

.u-mg-bottom-5 {
  margin-bottom: 5px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-6-pc {
    margin-bottom: 6px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-6-sp {
    margin-bottom: 6px !important; } }

.u-mg-bottom-6 {
  margin-bottom: 6px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-7-pc {
    margin-bottom: 7px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-7-sp {
    margin-bottom: 7px !important; } }

.u-mg-bottom-7 {
  margin-bottom: 7px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-8-pc {
    margin-bottom: 8px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-8-sp {
    margin-bottom: 8px !important; } }

.u-mg-bottom-8 {
  margin-bottom: 8px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-9-pc {
    margin-bottom: 9px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-9-sp {
    margin-bottom: 9px !important; } }

.u-mg-bottom-9 {
  margin-bottom: 9px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-10-pc {
    margin-bottom: 10px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-10-sp {
    margin-bottom: 10px !important; } }

.u-mg-bottom-10 {
  margin-bottom: 10px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-11-pc {
    margin-bottom: 11px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-11-sp {
    margin-bottom: 11px !important; } }

.u-mg-bottom-11 {
  margin-bottom: 11px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-12-pc {
    margin-bottom: 12px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-12-sp {
    margin-bottom: 12px !important; } }

.u-mg-bottom-12 {
  margin-bottom: 12px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-13-pc {
    margin-bottom: 13px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-13-sp {
    margin-bottom: 13px !important; } }

.u-mg-bottom-13 {
  margin-bottom: 13px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-14-pc {
    margin-bottom: 14px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-14-sp {
    margin-bottom: 14px !important; } }

.u-mg-bottom-14 {
  margin-bottom: 14px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-15-pc {
    margin-bottom: 15px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-15-sp {
    margin-bottom: 15px !important; } }

.u-mg-bottom-15 {
  margin-bottom: 15px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-16-pc {
    margin-bottom: 16px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-16-sp {
    margin-bottom: 16px !important; } }

.u-mg-bottom-16 {
  margin-bottom: 16px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-17-pc {
    margin-bottom: 17px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-17-sp {
    margin-bottom: 17px !important; } }

.u-mg-bottom-17 {
  margin-bottom: 17px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-18-pc {
    margin-bottom: 18px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-18-sp {
    margin-bottom: 18px !important; } }

.u-mg-bottom-18 {
  margin-bottom: 18px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-19-pc {
    margin-bottom: 19px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-19-sp {
    margin-bottom: 19px !important; } }

.u-mg-bottom-19 {
  margin-bottom: 19px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-20-pc {
    margin-bottom: 20px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-20-sp {
    margin-bottom: 20px !important; } }

.u-mg-bottom-20 {
  margin-bottom: 20px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-21-pc {
    margin-bottom: 21px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-21-sp {
    margin-bottom: 21px !important; } }

.u-mg-bottom-21 {
  margin-bottom: 21px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-22-pc {
    margin-bottom: 22px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-22-sp {
    margin-bottom: 22px !important; } }

.u-mg-bottom-22 {
  margin-bottom: 22px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-23-pc {
    margin-bottom: 23px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-23-sp {
    margin-bottom: 23px !important; } }

.u-mg-bottom-23 {
  margin-bottom: 23px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-24-pc {
    margin-bottom: 24px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-24-sp {
    margin-bottom: 24px !important; } }

.u-mg-bottom-24 {
  margin-bottom: 24px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-25-pc {
    margin-bottom: 25px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-25-sp {
    margin-bottom: 25px !important; } }

.u-mg-bottom-25 {
  margin-bottom: 25px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-26-pc {
    margin-bottom: 26px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-26-sp {
    margin-bottom: 26px !important; } }

.u-mg-bottom-26 {
  margin-bottom: 26px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-27-pc {
    margin-bottom: 27px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-27-sp {
    margin-bottom: 27px !important; } }

.u-mg-bottom-27 {
  margin-bottom: 27px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-28-pc {
    margin-bottom: 28px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-28-sp {
    margin-bottom: 28px !important; } }

.u-mg-bottom-28 {
  margin-bottom: 28px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-29-pc {
    margin-bottom: 29px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-29-sp {
    margin-bottom: 29px !important; } }

.u-mg-bottom-29 {
  margin-bottom: 29px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-30-pc {
    margin-bottom: 30px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-30-sp {
    margin-bottom: 30px !important; } }

.u-mg-bottom-30 {
  margin-bottom: 30px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-31-pc {
    margin-bottom: 31px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-31-sp {
    margin-bottom: 31px !important; } }

.u-mg-bottom-31 {
  margin-bottom: 31px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-32-pc {
    margin-bottom: 32px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-32-sp {
    margin-bottom: 32px !important; } }

.u-mg-bottom-32 {
  margin-bottom: 32px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-33-pc {
    margin-bottom: 33px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-33-sp {
    margin-bottom: 33px !important; } }

.u-mg-bottom-33 {
  margin-bottom: 33px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-34-pc {
    margin-bottom: 34px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-34-sp {
    margin-bottom: 34px !important; } }

.u-mg-bottom-34 {
  margin-bottom: 34px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-35-pc {
    margin-bottom: 35px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-35-sp {
    margin-bottom: 35px !important; } }

.u-mg-bottom-35 {
  margin-bottom: 35px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-36-pc {
    margin-bottom: 36px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-36-sp {
    margin-bottom: 36px !important; } }

.u-mg-bottom-36 {
  margin-bottom: 36px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-37-pc {
    margin-bottom: 37px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-37-sp {
    margin-bottom: 37px !important; } }

.u-mg-bottom-37 {
  margin-bottom: 37px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-38-pc {
    margin-bottom: 38px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-38-sp {
    margin-bottom: 38px !important; } }

.u-mg-bottom-38 {
  margin-bottom: 38px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-39-pc {
    margin-bottom: 39px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-39-sp {
    margin-bottom: 39px !important; } }

.u-mg-bottom-39 {
  margin-bottom: 39px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-40-pc {
    margin-bottom: 40px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-40-sp {
    margin-bottom: 40px !important; } }

.u-mg-bottom-40 {
  margin-bottom: 40px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-41-pc {
    margin-bottom: 41px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-41-sp {
    margin-bottom: 41px !important; } }

.u-mg-bottom-41 {
  margin-bottom: 41px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-42-pc {
    margin-bottom: 42px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-42-sp {
    margin-bottom: 42px !important; } }

.u-mg-bottom-42 {
  margin-bottom: 42px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-43-pc {
    margin-bottom: 43px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-43-sp {
    margin-bottom: 43px !important; } }

.u-mg-bottom-43 {
  margin-bottom: 43px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-44-pc {
    margin-bottom: 44px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-44-sp {
    margin-bottom: 44px !important; } }

.u-mg-bottom-44 {
  margin-bottom: 44px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-45-pc {
    margin-bottom: 45px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-45-sp {
    margin-bottom: 45px !important; } }

.u-mg-bottom-45 {
  margin-bottom: 45px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-46-pc {
    margin-bottom: 46px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-46-sp {
    margin-bottom: 46px !important; } }

.u-mg-bottom-46 {
  margin-bottom: 46px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-47-pc {
    margin-bottom: 47px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-47-sp {
    margin-bottom: 47px !important; } }

.u-mg-bottom-47 {
  margin-bottom: 47px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-48-pc {
    margin-bottom: 48px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-48-sp {
    margin-bottom: 48px !important; } }

.u-mg-bottom-48 {
  margin-bottom: 48px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-49-pc {
    margin-bottom: 49px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-49-sp {
    margin-bottom: 49px !important; } }

.u-mg-bottom-49 {
  margin-bottom: 49px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-50-pc {
    margin-bottom: 50px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-50-sp {
    margin-bottom: 50px !important; } }

.u-mg-bottom-50 {
  margin-bottom: 50px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-51-pc {
    margin-bottom: 51px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-51-sp {
    margin-bottom: 51px !important; } }

.u-mg-bottom-51 {
  margin-bottom: 51px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-52-pc {
    margin-bottom: 52px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-52-sp {
    margin-bottom: 52px !important; } }

.u-mg-bottom-52 {
  margin-bottom: 52px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-53-pc {
    margin-bottom: 53px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-53-sp {
    margin-bottom: 53px !important; } }

.u-mg-bottom-53 {
  margin-bottom: 53px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-54-pc {
    margin-bottom: 54px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-54-sp {
    margin-bottom: 54px !important; } }

.u-mg-bottom-54 {
  margin-bottom: 54px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-55-pc {
    margin-bottom: 55px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-55-sp {
    margin-bottom: 55px !important; } }

.u-mg-bottom-55 {
  margin-bottom: 55px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-56-pc {
    margin-bottom: 56px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-56-sp {
    margin-bottom: 56px !important; } }

.u-mg-bottom-56 {
  margin-bottom: 56px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-57-pc {
    margin-bottom: 57px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-57-sp {
    margin-bottom: 57px !important; } }

.u-mg-bottom-57 {
  margin-bottom: 57px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-58-pc {
    margin-bottom: 58px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-58-sp {
    margin-bottom: 58px !important; } }

.u-mg-bottom-58 {
  margin-bottom: 58px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-59-pc {
    margin-bottom: 59px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-59-sp {
    margin-bottom: 59px !important; } }

.u-mg-bottom-59 {
  margin-bottom: 59px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-60-pc {
    margin-bottom: 60px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-60-sp {
    margin-bottom: 60px !important; } }

.u-mg-bottom-60 {
  margin-bottom: 60px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-61-pc {
    margin-bottom: 61px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-61-sp {
    margin-bottom: 61px !important; } }

.u-mg-bottom-61 {
  margin-bottom: 61px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-62-pc {
    margin-bottom: 62px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-62-sp {
    margin-bottom: 62px !important; } }

.u-mg-bottom-62 {
  margin-bottom: 62px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-63-pc {
    margin-bottom: 63px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-63-sp {
    margin-bottom: 63px !important; } }

.u-mg-bottom-63 {
  margin-bottom: 63px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-64-pc {
    margin-bottom: 64px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-64-sp {
    margin-bottom: 64px !important; } }

.u-mg-bottom-64 {
  margin-bottom: 64px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-65-pc {
    margin-bottom: 65px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-65-sp {
    margin-bottom: 65px !important; } }

.u-mg-bottom-65 {
  margin-bottom: 65px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-66-pc {
    margin-bottom: 66px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-66-sp {
    margin-bottom: 66px !important; } }

.u-mg-bottom-66 {
  margin-bottom: 66px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-67-pc {
    margin-bottom: 67px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-67-sp {
    margin-bottom: 67px !important; } }

.u-mg-bottom-67 {
  margin-bottom: 67px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-68-pc {
    margin-bottom: 68px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-68-sp {
    margin-bottom: 68px !important; } }

.u-mg-bottom-68 {
  margin-bottom: 68px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-69-pc {
    margin-bottom: 69px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-69-sp {
    margin-bottom: 69px !important; } }

.u-mg-bottom-69 {
  margin-bottom: 69px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-70-pc {
    margin-bottom: 70px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-70-sp {
    margin-bottom: 70px !important; } }

.u-mg-bottom-70 {
  margin-bottom: 70px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-71-pc {
    margin-bottom: 71px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-71-sp {
    margin-bottom: 71px !important; } }

.u-mg-bottom-71 {
  margin-bottom: 71px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-72-pc {
    margin-bottom: 72px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-72-sp {
    margin-bottom: 72px !important; } }

.u-mg-bottom-72 {
  margin-bottom: 72px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-73-pc {
    margin-bottom: 73px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-73-sp {
    margin-bottom: 73px !important; } }

.u-mg-bottom-73 {
  margin-bottom: 73px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-74-pc {
    margin-bottom: 74px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-74-sp {
    margin-bottom: 74px !important; } }

.u-mg-bottom-74 {
  margin-bottom: 74px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-75-pc {
    margin-bottom: 75px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-75-sp {
    margin-bottom: 75px !important; } }

.u-mg-bottom-75 {
  margin-bottom: 75px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-76-pc {
    margin-bottom: 76px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-76-sp {
    margin-bottom: 76px !important; } }

.u-mg-bottom-76 {
  margin-bottom: 76px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-77-pc {
    margin-bottom: 77px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-77-sp {
    margin-bottom: 77px !important; } }

.u-mg-bottom-77 {
  margin-bottom: 77px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-78-pc {
    margin-bottom: 78px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-78-sp {
    margin-bottom: 78px !important; } }

.u-mg-bottom-78 {
  margin-bottom: 78px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-79-pc {
    margin-bottom: 79px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-79-sp {
    margin-bottom: 79px !important; } }

.u-mg-bottom-79 {
  margin-bottom: 79px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-80-pc {
    margin-bottom: 80px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-80-sp {
    margin-bottom: 80px !important; } }

.u-mg-bottom-80 {
  margin-bottom: 80px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-81-pc {
    margin-bottom: 81px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-81-sp {
    margin-bottom: 81px !important; } }

.u-mg-bottom-81 {
  margin-bottom: 81px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-82-pc {
    margin-bottom: 82px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-82-sp {
    margin-bottom: 82px !important; } }

.u-mg-bottom-82 {
  margin-bottom: 82px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-83-pc {
    margin-bottom: 83px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-83-sp {
    margin-bottom: 83px !important; } }

.u-mg-bottom-83 {
  margin-bottom: 83px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-84-pc {
    margin-bottom: 84px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-84-sp {
    margin-bottom: 84px !important; } }

.u-mg-bottom-84 {
  margin-bottom: 84px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-85-pc {
    margin-bottom: 85px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-85-sp {
    margin-bottom: 85px !important; } }

.u-mg-bottom-85 {
  margin-bottom: 85px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-86-pc {
    margin-bottom: 86px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-86-sp {
    margin-bottom: 86px !important; } }

.u-mg-bottom-86 {
  margin-bottom: 86px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-87-pc {
    margin-bottom: 87px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-87-sp {
    margin-bottom: 87px !important; } }

.u-mg-bottom-87 {
  margin-bottom: 87px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-88-pc {
    margin-bottom: 88px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-88-sp {
    margin-bottom: 88px !important; } }

.u-mg-bottom-88 {
  margin-bottom: 88px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-89-pc {
    margin-bottom: 89px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-89-sp {
    margin-bottom: 89px !important; } }

.u-mg-bottom-89 {
  margin-bottom: 89px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-90-pc {
    margin-bottom: 90px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-90-sp {
    margin-bottom: 90px !important; } }

.u-mg-bottom-90 {
  margin-bottom: 90px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-91-pc {
    margin-bottom: 91px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-91-sp {
    margin-bottom: 91px !important; } }

.u-mg-bottom-91 {
  margin-bottom: 91px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-92-pc {
    margin-bottom: 92px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-92-sp {
    margin-bottom: 92px !important; } }

.u-mg-bottom-92 {
  margin-bottom: 92px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-93-pc {
    margin-bottom: 93px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-93-sp {
    margin-bottom: 93px !important; } }

.u-mg-bottom-93 {
  margin-bottom: 93px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-94-pc {
    margin-bottom: 94px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-94-sp {
    margin-bottom: 94px !important; } }

.u-mg-bottom-94 {
  margin-bottom: 94px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-95-pc {
    margin-bottom: 95px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-95-sp {
    margin-bottom: 95px !important; } }

.u-mg-bottom-95 {
  margin-bottom: 95px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-96-pc {
    margin-bottom: 96px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-96-sp {
    margin-bottom: 96px !important; } }

.u-mg-bottom-96 {
  margin-bottom: 96px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-97-pc {
    margin-bottom: 97px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-97-sp {
    margin-bottom: 97px !important; } }

.u-mg-bottom-97 {
  margin-bottom: 97px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-98-pc {
    margin-bottom: 98px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-98-sp {
    margin-bottom: 98px !important; } }

.u-mg-bottom-98 {
  margin-bottom: 98px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-99-pc {
    margin-bottom: 99px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-99-sp {
    margin-bottom: 99px !important; } }

.u-mg-bottom-99 {
  margin-bottom: 99px; }

@media print, screen and (min-width: 768px) {
  .u-mg-bottom-100-pc {
    margin-bottom: 100px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-bottom-100-sp {
    margin-bottom: 100px !important; } }

.u-mg-bottom-100 {
  margin-bottom: 100px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-0-pc {
    margin-left: 0px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-0-sp {
    margin-left: 0px !important; } }

.u-mg-left-0 {
  margin-left: 0px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-1-pc {
    margin-left: 1px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-1-sp {
    margin-left: 1px !important; } }

.u-mg-left-1 {
  margin-left: 1px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-2-pc {
    margin-left: 2px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-2-sp {
    margin-left: 2px !important; } }

.u-mg-left-2 {
  margin-left: 2px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-3-pc {
    margin-left: 3px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-3-sp {
    margin-left: 3px !important; } }

.u-mg-left-3 {
  margin-left: 3px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-4-pc {
    margin-left: 4px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-4-sp {
    margin-left: 4px !important; } }

.u-mg-left-4 {
  margin-left: 4px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-5-pc {
    margin-left: 5px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-5-sp {
    margin-left: 5px !important; } }

.u-mg-left-5 {
  margin-left: 5px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-6-pc {
    margin-left: 6px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-6-sp {
    margin-left: 6px !important; } }

.u-mg-left-6 {
  margin-left: 6px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-7-pc {
    margin-left: 7px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-7-sp {
    margin-left: 7px !important; } }

.u-mg-left-7 {
  margin-left: 7px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-8-pc {
    margin-left: 8px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-8-sp {
    margin-left: 8px !important; } }

.u-mg-left-8 {
  margin-left: 8px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-9-pc {
    margin-left: 9px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-9-sp {
    margin-left: 9px !important; } }

.u-mg-left-9 {
  margin-left: 9px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-10-pc {
    margin-left: 10px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-10-sp {
    margin-left: 10px !important; } }

.u-mg-left-10 {
  margin-left: 10px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-11-pc {
    margin-left: 11px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-11-sp {
    margin-left: 11px !important; } }

.u-mg-left-11 {
  margin-left: 11px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-12-pc {
    margin-left: 12px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-12-sp {
    margin-left: 12px !important; } }

.u-mg-left-12 {
  margin-left: 12px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-13-pc {
    margin-left: 13px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-13-sp {
    margin-left: 13px !important; } }

.u-mg-left-13 {
  margin-left: 13px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-14-pc {
    margin-left: 14px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-14-sp {
    margin-left: 14px !important; } }

.u-mg-left-14 {
  margin-left: 14px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-15-pc {
    margin-left: 15px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-15-sp {
    margin-left: 15px !important; } }

.u-mg-left-15 {
  margin-left: 15px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-16-pc {
    margin-left: 16px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-16-sp {
    margin-left: 16px !important; } }

.u-mg-left-16 {
  margin-left: 16px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-17-pc {
    margin-left: 17px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-17-sp {
    margin-left: 17px !important; } }

.u-mg-left-17 {
  margin-left: 17px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-18-pc {
    margin-left: 18px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-18-sp {
    margin-left: 18px !important; } }

.u-mg-left-18 {
  margin-left: 18px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-19-pc {
    margin-left: 19px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-19-sp {
    margin-left: 19px !important; } }

.u-mg-left-19 {
  margin-left: 19px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-20-pc {
    margin-left: 20px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-20-sp {
    margin-left: 20px !important; } }

.u-mg-left-20 {
  margin-left: 20px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-21-pc {
    margin-left: 21px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-21-sp {
    margin-left: 21px !important; } }

.u-mg-left-21 {
  margin-left: 21px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-22-pc {
    margin-left: 22px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-22-sp {
    margin-left: 22px !important; } }

.u-mg-left-22 {
  margin-left: 22px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-23-pc {
    margin-left: 23px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-23-sp {
    margin-left: 23px !important; } }

.u-mg-left-23 {
  margin-left: 23px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-24-pc {
    margin-left: 24px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-24-sp {
    margin-left: 24px !important; } }

.u-mg-left-24 {
  margin-left: 24px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-25-pc {
    margin-left: 25px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-25-sp {
    margin-left: 25px !important; } }

.u-mg-left-25 {
  margin-left: 25px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-26-pc {
    margin-left: 26px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-26-sp {
    margin-left: 26px !important; } }

.u-mg-left-26 {
  margin-left: 26px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-27-pc {
    margin-left: 27px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-27-sp {
    margin-left: 27px !important; } }

.u-mg-left-27 {
  margin-left: 27px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-28-pc {
    margin-left: 28px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-28-sp {
    margin-left: 28px !important; } }

.u-mg-left-28 {
  margin-left: 28px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-29-pc {
    margin-left: 29px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-29-sp {
    margin-left: 29px !important; } }

.u-mg-left-29 {
  margin-left: 29px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-30-pc {
    margin-left: 30px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-30-sp {
    margin-left: 30px !important; } }

.u-mg-left-30 {
  margin-left: 30px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-31-pc {
    margin-left: 31px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-31-sp {
    margin-left: 31px !important; } }

.u-mg-left-31 {
  margin-left: 31px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-32-pc {
    margin-left: 32px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-32-sp {
    margin-left: 32px !important; } }

.u-mg-left-32 {
  margin-left: 32px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-33-pc {
    margin-left: 33px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-33-sp {
    margin-left: 33px !important; } }

.u-mg-left-33 {
  margin-left: 33px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-34-pc {
    margin-left: 34px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-34-sp {
    margin-left: 34px !important; } }

.u-mg-left-34 {
  margin-left: 34px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-35-pc {
    margin-left: 35px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-35-sp {
    margin-left: 35px !important; } }

.u-mg-left-35 {
  margin-left: 35px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-36-pc {
    margin-left: 36px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-36-sp {
    margin-left: 36px !important; } }

.u-mg-left-36 {
  margin-left: 36px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-37-pc {
    margin-left: 37px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-37-sp {
    margin-left: 37px !important; } }

.u-mg-left-37 {
  margin-left: 37px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-38-pc {
    margin-left: 38px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-38-sp {
    margin-left: 38px !important; } }

.u-mg-left-38 {
  margin-left: 38px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-39-pc {
    margin-left: 39px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-39-sp {
    margin-left: 39px !important; } }

.u-mg-left-39 {
  margin-left: 39px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-40-pc {
    margin-left: 40px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-40-sp {
    margin-left: 40px !important; } }

.u-mg-left-40 {
  margin-left: 40px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-41-pc {
    margin-left: 41px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-41-sp {
    margin-left: 41px !important; } }

.u-mg-left-41 {
  margin-left: 41px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-42-pc {
    margin-left: 42px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-42-sp {
    margin-left: 42px !important; } }

.u-mg-left-42 {
  margin-left: 42px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-43-pc {
    margin-left: 43px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-43-sp {
    margin-left: 43px !important; } }

.u-mg-left-43 {
  margin-left: 43px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-44-pc {
    margin-left: 44px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-44-sp {
    margin-left: 44px !important; } }

.u-mg-left-44 {
  margin-left: 44px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-45-pc {
    margin-left: 45px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-45-sp {
    margin-left: 45px !important; } }

.u-mg-left-45 {
  margin-left: 45px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-46-pc {
    margin-left: 46px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-46-sp {
    margin-left: 46px !important; } }

.u-mg-left-46 {
  margin-left: 46px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-47-pc {
    margin-left: 47px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-47-sp {
    margin-left: 47px !important; } }

.u-mg-left-47 {
  margin-left: 47px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-48-pc {
    margin-left: 48px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-48-sp {
    margin-left: 48px !important; } }

.u-mg-left-48 {
  margin-left: 48px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-49-pc {
    margin-left: 49px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-49-sp {
    margin-left: 49px !important; } }

.u-mg-left-49 {
  margin-left: 49px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-50-pc {
    margin-left: 50px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-50-sp {
    margin-left: 50px !important; } }

.u-mg-left-50 {
  margin-left: 50px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-51-pc {
    margin-left: 51px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-51-sp {
    margin-left: 51px !important; } }

.u-mg-left-51 {
  margin-left: 51px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-52-pc {
    margin-left: 52px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-52-sp {
    margin-left: 52px !important; } }

.u-mg-left-52 {
  margin-left: 52px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-53-pc {
    margin-left: 53px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-53-sp {
    margin-left: 53px !important; } }

.u-mg-left-53 {
  margin-left: 53px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-54-pc {
    margin-left: 54px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-54-sp {
    margin-left: 54px !important; } }

.u-mg-left-54 {
  margin-left: 54px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-55-pc {
    margin-left: 55px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-55-sp {
    margin-left: 55px !important; } }

.u-mg-left-55 {
  margin-left: 55px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-56-pc {
    margin-left: 56px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-56-sp {
    margin-left: 56px !important; } }

.u-mg-left-56 {
  margin-left: 56px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-57-pc {
    margin-left: 57px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-57-sp {
    margin-left: 57px !important; } }

.u-mg-left-57 {
  margin-left: 57px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-58-pc {
    margin-left: 58px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-58-sp {
    margin-left: 58px !important; } }

.u-mg-left-58 {
  margin-left: 58px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-59-pc {
    margin-left: 59px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-59-sp {
    margin-left: 59px !important; } }

.u-mg-left-59 {
  margin-left: 59px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-60-pc {
    margin-left: 60px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-60-sp {
    margin-left: 60px !important; } }

.u-mg-left-60 {
  margin-left: 60px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-61-pc {
    margin-left: 61px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-61-sp {
    margin-left: 61px !important; } }

.u-mg-left-61 {
  margin-left: 61px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-62-pc {
    margin-left: 62px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-62-sp {
    margin-left: 62px !important; } }

.u-mg-left-62 {
  margin-left: 62px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-63-pc {
    margin-left: 63px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-63-sp {
    margin-left: 63px !important; } }

.u-mg-left-63 {
  margin-left: 63px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-64-pc {
    margin-left: 64px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-64-sp {
    margin-left: 64px !important; } }

.u-mg-left-64 {
  margin-left: 64px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-65-pc {
    margin-left: 65px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-65-sp {
    margin-left: 65px !important; } }

.u-mg-left-65 {
  margin-left: 65px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-66-pc {
    margin-left: 66px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-66-sp {
    margin-left: 66px !important; } }

.u-mg-left-66 {
  margin-left: 66px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-67-pc {
    margin-left: 67px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-67-sp {
    margin-left: 67px !important; } }

.u-mg-left-67 {
  margin-left: 67px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-68-pc {
    margin-left: 68px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-68-sp {
    margin-left: 68px !important; } }

.u-mg-left-68 {
  margin-left: 68px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-69-pc {
    margin-left: 69px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-69-sp {
    margin-left: 69px !important; } }

.u-mg-left-69 {
  margin-left: 69px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-70-pc {
    margin-left: 70px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-70-sp {
    margin-left: 70px !important; } }

.u-mg-left-70 {
  margin-left: 70px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-71-pc {
    margin-left: 71px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-71-sp {
    margin-left: 71px !important; } }

.u-mg-left-71 {
  margin-left: 71px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-72-pc {
    margin-left: 72px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-72-sp {
    margin-left: 72px !important; } }

.u-mg-left-72 {
  margin-left: 72px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-73-pc {
    margin-left: 73px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-73-sp {
    margin-left: 73px !important; } }

.u-mg-left-73 {
  margin-left: 73px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-74-pc {
    margin-left: 74px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-74-sp {
    margin-left: 74px !important; } }

.u-mg-left-74 {
  margin-left: 74px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-75-pc {
    margin-left: 75px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-75-sp {
    margin-left: 75px !important; } }

.u-mg-left-75 {
  margin-left: 75px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-76-pc {
    margin-left: 76px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-76-sp {
    margin-left: 76px !important; } }

.u-mg-left-76 {
  margin-left: 76px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-77-pc {
    margin-left: 77px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-77-sp {
    margin-left: 77px !important; } }

.u-mg-left-77 {
  margin-left: 77px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-78-pc {
    margin-left: 78px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-78-sp {
    margin-left: 78px !important; } }

.u-mg-left-78 {
  margin-left: 78px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-79-pc {
    margin-left: 79px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-79-sp {
    margin-left: 79px !important; } }

.u-mg-left-79 {
  margin-left: 79px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-80-pc {
    margin-left: 80px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-80-sp {
    margin-left: 80px !important; } }

.u-mg-left-80 {
  margin-left: 80px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-81-pc {
    margin-left: 81px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-81-sp {
    margin-left: 81px !important; } }

.u-mg-left-81 {
  margin-left: 81px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-82-pc {
    margin-left: 82px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-82-sp {
    margin-left: 82px !important; } }

.u-mg-left-82 {
  margin-left: 82px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-83-pc {
    margin-left: 83px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-83-sp {
    margin-left: 83px !important; } }

.u-mg-left-83 {
  margin-left: 83px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-84-pc {
    margin-left: 84px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-84-sp {
    margin-left: 84px !important; } }

.u-mg-left-84 {
  margin-left: 84px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-85-pc {
    margin-left: 85px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-85-sp {
    margin-left: 85px !important; } }

.u-mg-left-85 {
  margin-left: 85px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-86-pc {
    margin-left: 86px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-86-sp {
    margin-left: 86px !important; } }

.u-mg-left-86 {
  margin-left: 86px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-87-pc {
    margin-left: 87px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-87-sp {
    margin-left: 87px !important; } }

.u-mg-left-87 {
  margin-left: 87px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-88-pc {
    margin-left: 88px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-88-sp {
    margin-left: 88px !important; } }

.u-mg-left-88 {
  margin-left: 88px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-89-pc {
    margin-left: 89px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-89-sp {
    margin-left: 89px !important; } }

.u-mg-left-89 {
  margin-left: 89px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-90-pc {
    margin-left: 90px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-90-sp {
    margin-left: 90px !important; } }

.u-mg-left-90 {
  margin-left: 90px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-91-pc {
    margin-left: 91px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-91-sp {
    margin-left: 91px !important; } }

.u-mg-left-91 {
  margin-left: 91px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-92-pc {
    margin-left: 92px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-92-sp {
    margin-left: 92px !important; } }

.u-mg-left-92 {
  margin-left: 92px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-93-pc {
    margin-left: 93px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-93-sp {
    margin-left: 93px !important; } }

.u-mg-left-93 {
  margin-left: 93px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-94-pc {
    margin-left: 94px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-94-sp {
    margin-left: 94px !important; } }

.u-mg-left-94 {
  margin-left: 94px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-95-pc {
    margin-left: 95px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-95-sp {
    margin-left: 95px !important; } }

.u-mg-left-95 {
  margin-left: 95px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-96-pc {
    margin-left: 96px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-96-sp {
    margin-left: 96px !important; } }

.u-mg-left-96 {
  margin-left: 96px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-97-pc {
    margin-left: 97px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-97-sp {
    margin-left: 97px !important; } }

.u-mg-left-97 {
  margin-left: 97px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-98-pc {
    margin-left: 98px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-98-sp {
    margin-left: 98px !important; } }

.u-mg-left-98 {
  margin-left: 98px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-99-pc {
    margin-left: 99px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-99-sp {
    margin-left: 99px !important; } }

.u-mg-left-99 {
  margin-left: 99px; }

@media print, screen and (min-width: 768px) {
  .u-mg-left-100-pc {
    margin-left: 100px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-left-100-sp {
    margin-left: 100px !important; } }

.u-mg-left-100 {
  margin-left: 100px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-0-pc {
    margin-right: 0px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-0-sp {
    margin-right: 0px !important; } }

.u-mg-right-0 {
  margin-right: 0px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-1-pc {
    margin-right: 1px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-1-sp {
    margin-right: 1px !important; } }

.u-mg-right-1 {
  margin-right: 1px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-2-pc {
    margin-right: 2px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-2-sp {
    margin-right: 2px !important; } }

.u-mg-right-2 {
  margin-right: 2px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-3-pc {
    margin-right: 3px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-3-sp {
    margin-right: 3px !important; } }

.u-mg-right-3 {
  margin-right: 3px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-4-pc {
    margin-right: 4px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-4-sp {
    margin-right: 4px !important; } }

.u-mg-right-4 {
  margin-right: 4px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-5-pc {
    margin-right: 5px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-5-sp {
    margin-right: 5px !important; } }

.u-mg-right-5 {
  margin-right: 5px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-6-pc {
    margin-right: 6px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-6-sp {
    margin-right: 6px !important; } }

.u-mg-right-6 {
  margin-right: 6px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-7-pc {
    margin-right: 7px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-7-sp {
    margin-right: 7px !important; } }

.u-mg-right-7 {
  margin-right: 7px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-8-pc {
    margin-right: 8px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-8-sp {
    margin-right: 8px !important; } }

.u-mg-right-8 {
  margin-right: 8px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-9-pc {
    margin-right: 9px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-9-sp {
    margin-right: 9px !important; } }

.u-mg-right-9 {
  margin-right: 9px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-10-pc {
    margin-right: 10px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-10-sp {
    margin-right: 10px !important; } }

.u-mg-right-10 {
  margin-right: 10px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-11-pc {
    margin-right: 11px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-11-sp {
    margin-right: 11px !important; } }

.u-mg-right-11 {
  margin-right: 11px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-12-pc {
    margin-right: 12px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-12-sp {
    margin-right: 12px !important; } }

.u-mg-right-12 {
  margin-right: 12px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-13-pc {
    margin-right: 13px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-13-sp {
    margin-right: 13px !important; } }

.u-mg-right-13 {
  margin-right: 13px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-14-pc {
    margin-right: 14px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-14-sp {
    margin-right: 14px !important; } }

.u-mg-right-14 {
  margin-right: 14px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-15-pc {
    margin-right: 15px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-15-sp {
    margin-right: 15px !important; } }

.u-mg-right-15 {
  margin-right: 15px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-16-pc {
    margin-right: 16px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-16-sp {
    margin-right: 16px !important; } }

.u-mg-right-16 {
  margin-right: 16px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-17-pc {
    margin-right: 17px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-17-sp {
    margin-right: 17px !important; } }

.u-mg-right-17 {
  margin-right: 17px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-18-pc {
    margin-right: 18px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-18-sp {
    margin-right: 18px !important; } }

.u-mg-right-18 {
  margin-right: 18px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-19-pc {
    margin-right: 19px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-19-sp {
    margin-right: 19px !important; } }

.u-mg-right-19 {
  margin-right: 19px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-20-pc {
    margin-right: 20px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-20-sp {
    margin-right: 20px !important; } }

.u-mg-right-20 {
  margin-right: 20px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-21-pc {
    margin-right: 21px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-21-sp {
    margin-right: 21px !important; } }

.u-mg-right-21 {
  margin-right: 21px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-22-pc {
    margin-right: 22px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-22-sp {
    margin-right: 22px !important; } }

.u-mg-right-22 {
  margin-right: 22px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-23-pc {
    margin-right: 23px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-23-sp {
    margin-right: 23px !important; } }

.u-mg-right-23 {
  margin-right: 23px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-24-pc {
    margin-right: 24px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-24-sp {
    margin-right: 24px !important; } }

.u-mg-right-24 {
  margin-right: 24px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-25-pc {
    margin-right: 25px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-25-sp {
    margin-right: 25px !important; } }

.u-mg-right-25 {
  margin-right: 25px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-26-pc {
    margin-right: 26px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-26-sp {
    margin-right: 26px !important; } }

.u-mg-right-26 {
  margin-right: 26px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-27-pc {
    margin-right: 27px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-27-sp {
    margin-right: 27px !important; } }

.u-mg-right-27 {
  margin-right: 27px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-28-pc {
    margin-right: 28px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-28-sp {
    margin-right: 28px !important; } }

.u-mg-right-28 {
  margin-right: 28px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-29-pc {
    margin-right: 29px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-29-sp {
    margin-right: 29px !important; } }

.u-mg-right-29 {
  margin-right: 29px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-30-pc {
    margin-right: 30px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-30-sp {
    margin-right: 30px !important; } }

.u-mg-right-30 {
  margin-right: 30px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-31-pc {
    margin-right: 31px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-31-sp {
    margin-right: 31px !important; } }

.u-mg-right-31 {
  margin-right: 31px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-32-pc {
    margin-right: 32px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-32-sp {
    margin-right: 32px !important; } }

.u-mg-right-32 {
  margin-right: 32px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-33-pc {
    margin-right: 33px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-33-sp {
    margin-right: 33px !important; } }

.u-mg-right-33 {
  margin-right: 33px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-34-pc {
    margin-right: 34px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-34-sp {
    margin-right: 34px !important; } }

.u-mg-right-34 {
  margin-right: 34px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-35-pc {
    margin-right: 35px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-35-sp {
    margin-right: 35px !important; } }

.u-mg-right-35 {
  margin-right: 35px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-36-pc {
    margin-right: 36px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-36-sp {
    margin-right: 36px !important; } }

.u-mg-right-36 {
  margin-right: 36px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-37-pc {
    margin-right: 37px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-37-sp {
    margin-right: 37px !important; } }

.u-mg-right-37 {
  margin-right: 37px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-38-pc {
    margin-right: 38px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-38-sp {
    margin-right: 38px !important; } }

.u-mg-right-38 {
  margin-right: 38px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-39-pc {
    margin-right: 39px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-39-sp {
    margin-right: 39px !important; } }

.u-mg-right-39 {
  margin-right: 39px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-40-pc {
    margin-right: 40px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-40-sp {
    margin-right: 40px !important; } }

.u-mg-right-40 {
  margin-right: 40px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-41-pc {
    margin-right: 41px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-41-sp {
    margin-right: 41px !important; } }

.u-mg-right-41 {
  margin-right: 41px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-42-pc {
    margin-right: 42px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-42-sp {
    margin-right: 42px !important; } }

.u-mg-right-42 {
  margin-right: 42px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-43-pc {
    margin-right: 43px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-43-sp {
    margin-right: 43px !important; } }

.u-mg-right-43 {
  margin-right: 43px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-44-pc {
    margin-right: 44px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-44-sp {
    margin-right: 44px !important; } }

.u-mg-right-44 {
  margin-right: 44px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-45-pc {
    margin-right: 45px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-45-sp {
    margin-right: 45px !important; } }

.u-mg-right-45 {
  margin-right: 45px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-46-pc {
    margin-right: 46px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-46-sp {
    margin-right: 46px !important; } }

.u-mg-right-46 {
  margin-right: 46px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-47-pc {
    margin-right: 47px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-47-sp {
    margin-right: 47px !important; } }

.u-mg-right-47 {
  margin-right: 47px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-48-pc {
    margin-right: 48px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-48-sp {
    margin-right: 48px !important; } }

.u-mg-right-48 {
  margin-right: 48px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-49-pc {
    margin-right: 49px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-49-sp {
    margin-right: 49px !important; } }

.u-mg-right-49 {
  margin-right: 49px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-50-pc {
    margin-right: 50px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-50-sp {
    margin-right: 50px !important; } }

.u-mg-right-50 {
  margin-right: 50px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-51-pc {
    margin-right: 51px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-51-sp {
    margin-right: 51px !important; } }

.u-mg-right-51 {
  margin-right: 51px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-52-pc {
    margin-right: 52px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-52-sp {
    margin-right: 52px !important; } }

.u-mg-right-52 {
  margin-right: 52px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-53-pc {
    margin-right: 53px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-53-sp {
    margin-right: 53px !important; } }

.u-mg-right-53 {
  margin-right: 53px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-54-pc {
    margin-right: 54px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-54-sp {
    margin-right: 54px !important; } }

.u-mg-right-54 {
  margin-right: 54px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-55-pc {
    margin-right: 55px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-55-sp {
    margin-right: 55px !important; } }

.u-mg-right-55 {
  margin-right: 55px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-56-pc {
    margin-right: 56px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-56-sp {
    margin-right: 56px !important; } }

.u-mg-right-56 {
  margin-right: 56px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-57-pc {
    margin-right: 57px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-57-sp {
    margin-right: 57px !important; } }

.u-mg-right-57 {
  margin-right: 57px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-58-pc {
    margin-right: 58px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-58-sp {
    margin-right: 58px !important; } }

.u-mg-right-58 {
  margin-right: 58px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-59-pc {
    margin-right: 59px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-59-sp {
    margin-right: 59px !important; } }

.u-mg-right-59 {
  margin-right: 59px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-60-pc {
    margin-right: 60px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-60-sp {
    margin-right: 60px !important; } }

.u-mg-right-60 {
  margin-right: 60px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-61-pc {
    margin-right: 61px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-61-sp {
    margin-right: 61px !important; } }

.u-mg-right-61 {
  margin-right: 61px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-62-pc {
    margin-right: 62px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-62-sp {
    margin-right: 62px !important; } }

.u-mg-right-62 {
  margin-right: 62px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-63-pc {
    margin-right: 63px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-63-sp {
    margin-right: 63px !important; } }

.u-mg-right-63 {
  margin-right: 63px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-64-pc {
    margin-right: 64px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-64-sp {
    margin-right: 64px !important; } }

.u-mg-right-64 {
  margin-right: 64px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-65-pc {
    margin-right: 65px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-65-sp {
    margin-right: 65px !important; } }

.u-mg-right-65 {
  margin-right: 65px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-66-pc {
    margin-right: 66px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-66-sp {
    margin-right: 66px !important; } }

.u-mg-right-66 {
  margin-right: 66px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-67-pc {
    margin-right: 67px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-67-sp {
    margin-right: 67px !important; } }

.u-mg-right-67 {
  margin-right: 67px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-68-pc {
    margin-right: 68px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-68-sp {
    margin-right: 68px !important; } }

.u-mg-right-68 {
  margin-right: 68px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-69-pc {
    margin-right: 69px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-69-sp {
    margin-right: 69px !important; } }

.u-mg-right-69 {
  margin-right: 69px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-70-pc {
    margin-right: 70px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-70-sp {
    margin-right: 70px !important; } }

.u-mg-right-70 {
  margin-right: 70px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-71-pc {
    margin-right: 71px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-71-sp {
    margin-right: 71px !important; } }

.u-mg-right-71 {
  margin-right: 71px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-72-pc {
    margin-right: 72px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-72-sp {
    margin-right: 72px !important; } }

.u-mg-right-72 {
  margin-right: 72px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-73-pc {
    margin-right: 73px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-73-sp {
    margin-right: 73px !important; } }

.u-mg-right-73 {
  margin-right: 73px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-74-pc {
    margin-right: 74px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-74-sp {
    margin-right: 74px !important; } }

.u-mg-right-74 {
  margin-right: 74px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-75-pc {
    margin-right: 75px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-75-sp {
    margin-right: 75px !important; } }

.u-mg-right-75 {
  margin-right: 75px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-76-pc {
    margin-right: 76px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-76-sp {
    margin-right: 76px !important; } }

.u-mg-right-76 {
  margin-right: 76px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-77-pc {
    margin-right: 77px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-77-sp {
    margin-right: 77px !important; } }

.u-mg-right-77 {
  margin-right: 77px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-78-pc {
    margin-right: 78px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-78-sp {
    margin-right: 78px !important; } }

.u-mg-right-78 {
  margin-right: 78px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-79-pc {
    margin-right: 79px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-79-sp {
    margin-right: 79px !important; } }

.u-mg-right-79 {
  margin-right: 79px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-80-pc {
    margin-right: 80px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-80-sp {
    margin-right: 80px !important; } }

.u-mg-right-80 {
  margin-right: 80px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-81-pc {
    margin-right: 81px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-81-sp {
    margin-right: 81px !important; } }

.u-mg-right-81 {
  margin-right: 81px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-82-pc {
    margin-right: 82px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-82-sp {
    margin-right: 82px !important; } }

.u-mg-right-82 {
  margin-right: 82px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-83-pc {
    margin-right: 83px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-83-sp {
    margin-right: 83px !important; } }

.u-mg-right-83 {
  margin-right: 83px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-84-pc {
    margin-right: 84px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-84-sp {
    margin-right: 84px !important; } }

.u-mg-right-84 {
  margin-right: 84px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-85-pc {
    margin-right: 85px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-85-sp {
    margin-right: 85px !important; } }

.u-mg-right-85 {
  margin-right: 85px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-86-pc {
    margin-right: 86px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-86-sp {
    margin-right: 86px !important; } }

.u-mg-right-86 {
  margin-right: 86px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-87-pc {
    margin-right: 87px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-87-sp {
    margin-right: 87px !important; } }

.u-mg-right-87 {
  margin-right: 87px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-88-pc {
    margin-right: 88px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-88-sp {
    margin-right: 88px !important; } }

.u-mg-right-88 {
  margin-right: 88px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-89-pc {
    margin-right: 89px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-89-sp {
    margin-right: 89px !important; } }

.u-mg-right-89 {
  margin-right: 89px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-90-pc {
    margin-right: 90px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-90-sp {
    margin-right: 90px !important; } }

.u-mg-right-90 {
  margin-right: 90px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-91-pc {
    margin-right: 91px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-91-sp {
    margin-right: 91px !important; } }

.u-mg-right-91 {
  margin-right: 91px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-92-pc {
    margin-right: 92px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-92-sp {
    margin-right: 92px !important; } }

.u-mg-right-92 {
  margin-right: 92px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-93-pc {
    margin-right: 93px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-93-sp {
    margin-right: 93px !important; } }

.u-mg-right-93 {
  margin-right: 93px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-94-pc {
    margin-right: 94px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-94-sp {
    margin-right: 94px !important; } }

.u-mg-right-94 {
  margin-right: 94px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-95-pc {
    margin-right: 95px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-95-sp {
    margin-right: 95px !important; } }

.u-mg-right-95 {
  margin-right: 95px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-96-pc {
    margin-right: 96px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-96-sp {
    margin-right: 96px !important; } }

.u-mg-right-96 {
  margin-right: 96px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-97-pc {
    margin-right: 97px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-97-sp {
    margin-right: 97px !important; } }

.u-mg-right-97 {
  margin-right: 97px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-98-pc {
    margin-right: 98px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-98-sp {
    margin-right: 98px !important; } }

.u-mg-right-98 {
  margin-right: 98px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-99-pc {
    margin-right: 99px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-99-sp {
    margin-right: 99px !important; } }

.u-mg-right-99 {
  margin-right: 99px; }

@media print, screen and (min-width: 768px) {
  .u-mg-right-100-pc {
    margin-right: 100px !important; } }

@media screen and (max-width: 767px) {
  .u-mg-right-100-sp {
    margin-right: 100px !important; } }

.u-mg-right-100 {
  margin-right: 100px; }

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

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

/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff; }

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000; }

.swiper-button-lock {
  display: none; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff; }

.swiper-pagination-black {
  --swiper-pagination-color: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.c-anchors {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .c-anchors {
      margin-top: -8px; } }
  .c-anchors__item {
    margin-right: 24px; }
    @media screen and (max-width: 767px) {
      .c-anchors__item {
        margin-top: 8px;
        margin-right: 12px; } }
    .c-anchors__item:not(:first-child) {
      padding-left: 24px;
      border-left: 1px solid #CCC; }
      @media screen and (max-width: 767px) {
        .c-anchors__item:not(:first-child) {
          padding-left: 12px; } }
  .c-anchors__link {
    color: #00469b;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .c-anchors__link {
        font-size: 11px; } }
    .c-anchors__link:hover {
      text-decoration: underline; }

.c-box-gray {
  padding: 40px 0 120px;
  background: #f5f5f5; }
  @media screen and (max-width: 767px) {
    .c-box-gray {
      padding-top: 32px; } }

.c-box-white {
  margin-top: 40px;
  padding: 72px 56px 60px;
  background: #ffffff;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.04); }
  @media screen and (max-width: 767px) {
    .c-box-white {
      margin: 32px -20px 0;
      padding: 32px 20px;
      box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08); } }
  .c-box-white + .c-box-white {
    margin-top: 84px; }
    @media screen and (max-width: 767px) {
      .c-box-white + .c-box-white {
        margin-top: 60px; } }

@media print, screen and (min-width: 768px) {
  .c-box-nav {
    display: flex;
    justify-content: center; } }

.c-box-nav__item {
  color: #ffffff;
  text-align: center;
  font-weight: bold; }
  @media print, screen and (min-width: 768px) {
    .c-box-nav__item {
      flex-basis: 444px;
      max-width: 444px;
      margin: 0 20px;
      padding: 32px 24px;
      font-size: 15px; } }
  @media screen and (max-width: 767px) {
    .c-box-nav__item {
      padding: 24px;
      margin-top: 24px;
      font-size: 13px; } }
  .c-box-nav__item--blue {
    background: #4488cc; }
  .c-box-nav__item--orange {
    background: #e6892e; }

.c-box-nav__title {
  margin-bottom: 18px;
  font-size: 32px; }
  @media screen and (max-width: 767px) {
    .c-box-nav__title {
      margin-bottom: 20px;
      font-size: 21px; } }

.c-box-nav__text {
  line-height: 1.7; }

.c-box-nav__button {
  margin-top: 14px; }
  @media screen and (max-width: 767px) {
    .c-box-nav__button {
      margin-top: 10px; } }

.c-bread {
  border-top: 1px solid #ccc; }
  @media screen and (max-width: 767px) {
    .c-bread {
      display: none; } }

.c-bread-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 11px 0 8px; }

.c-bread-list__item {
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 1.04px; }
  .c-bread-list__item.is-current {
    color: #00469b;
    font-weight: bold; }
  .c-bread-list__item + .c-bread-list__item::before {
    margin: 0 8px;
    color: #585858;
    font-size: 12px;
    content: '>'; }

.c-bread-list__link {
  color: #a2a2a2;
  text-decoration: none; }
  .c-bread-list__link:hover {
    text-decoration: underline; }

.c-button {
  position: relative;
  display: flex;
  align-items: center;
  height: 41px;
  padding: 0 22px;
  border: 2px solid;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s ease-in-out; }
  @media screen and (max-width: 767px) {
    .c-button {
      font-size: 14px; } }
  .c-button:hover {
    opacity: 0.6; }
  .c-button::after {
    position: absolute;
    top: 50%;
    right: 22px;
    width: 4px;
    height: 4px;
    margin-top: -4px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    content: ''; }

.c-button--border-white {
  color: #ffffff; }

.c-button--l {
  height: 63px;
  justify-content: center; }

.c-company-button {
  position: relative;
  width: 182px;
  padding: 9px 52px 8px 0;
  border: 2px solid #00469b;
  color: #00469b;
  font-weight: bold;
  line-height: 1.63;
  letter-spacing: 1.28px;
  text-align: center;
  text-decoration: none; }
  @media screen and (max-width: 767px) {
    .c-company-button {
      width: 37.5vw;
      padding: 2.25vw 6.3vw 2.25vw 0;
      font-size: 12px;
      line-height: 1.67;
      letter-spacing: 0.96px; } }
  @media screen and (max-width: 399px) {
    .c-company-button--map-site {
      font-size: 11px;
      letter-spacing: 0.5px; } }
  .c-company-button--map-site::after {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 15px;
    height: 14px;
    background: url(/assets/img/common/icon_blank_blue.svg) no-repeat center/contain;
    content: ""; }
    @media screen and (max-width: 767px) {
      .c-company-button--map-site::after {
        right: 2vw;
        width: 14px;
        height: 13px; } }
  _:-ms-fullscreen, :root .c-company-button--map-site {
    padding: 11px 52px 6px 0; }
    @media screen and (max-width: 767px) {
      _:-ms-fullscreen, :root .c-company-button--map-site {
        padding: 2.6vw 6.3vw 1.9vw 0; } }
  .c-company-button--print {
    margin-left: 18px; }
    @media screen and (max-width: 767px) {
      .c-company-button--print {
        margin-left: 5.5vw;
        padding: 2.6vw 6.5vw 1.9vw 0; } }
    .c-company-button--print::after {
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%);
      width: 18px;
      height: 18px;
      background: url(/assets/img/common/icon_printer.svg) no-repeat center/contain;
      content: ""; }
      @media screen and (max-width: 767px) {
        .c-company-button--print::after {
          right: 3vw;
          width: 14px;
          height: 14px; } }
    _:-ms-fullscreen, :root .c-company-button--print {
      padding: 11px 52px 6px 0; }
      @media screen and (max-width: 767px) {
        _:-ms-fullscreen, :root .c-company-button--print {
          padding: 2.6vw 6.5vw 1.9vw 0; } }
  .c-company-button--pdf {
    width: 257px;
    padding: 14px 61px 14px 20px;
    line-height: 1.3;
    text-align: left;
    word-break: keep-all; }
    @media screen and (max-width: 767px) {
      .c-company-button--pdf {
        width: 175px;
        padding: 10px 57px 7px 12px; } }
    .c-company-button--pdf::after {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 23px;
      height: 30px;
      background: url(/assets/img/common/icon_pdf.svg) no-repeat center/contain;
      content: ""; }
      @media screen and (max-width: 767px) {
        .c-company-button--pdf::after {
          right: 12px;
          width: 16px;
          height: 20px; } }
    _:-ms-fullscreen, :root .c-company-button--pdf {
      padding: 17px 61px 11px 20px; }
      @media screen and (max-width: 767px) {
        _:-ms-fullscreen, :root .c-company-button--pdf {
          padding: 10px 57px 7px 12px; } }

.c-col {
  display: flex;
  flex-wrap: wrap; }

@media print, screen and (min-width: 768px) {
  .c-col__column2 {
    flex-basis: 528px;
    max-width: 528px; }
    .c-col__column2:not(:nth-child(2n)) {
      margin-right: 32px; } }

@media screen and (max-width: 767px) {
  .c-col__column2 {
    flex-basis: 100%;
    margin-top: 24px; } }

@media print, screen and (min-width: 768px) {
  .c-col__column3 {
    flex-basis: 349px;
    max-width: 349px; }
    .c-col__column3:not(:nth-child(3n)) {
      margin-right: 20px; } }

@media screen and (max-width: 767px) {
  .c-col__column3 {
    flex-basis: 100%; } }

@media print, screen and (min-width: 768px) {
  .c-common-layout1, .c-common-layout1--l {
    position: relative;
    margin-top: 60px;
    padding-right: 410px; } }

@media screen and (max-width: 767px) {
  .c-common-layout1, .c-common-layout1--l {
    min-height: auto;
    margin-top: 40px; } }

@media print, screen and (min-width: 768px) {
  .c-common-layout1--l {
    padding-right: 0; } }

@media print, screen and (min-width: 768px) {
  .c-common-layout1__thumb {
    position: absolute;
    top: 43px;
    right: 0;
    width: 370px; }
    .c-common-layout1__thumb img:not(:first-child) {
      margin-top: 20px; } }

@media screen and (max-width: 767px) {
  .c-common-layout1__thumb {
    margin-top: 24px; }
    .c-common-layout1__thumb.is-slider {
      margin-bottom: 24px;
      padding-bottom: 20px; }
    .c-common-layout1__thumb img:not(:first-child) {
      margin-top: 20px; } }

@media screen and (max-width: 767px) {
  .c-common-layout1__thumb--community img {
    width: 100%; } }

.c-common-layout1__text {
  font-size: 15px;
  line-height: 1.8; }
  @media screen and (max-width: 767px) {
    .c-common-layout1__text {
      font-size: 13px; } }
  .c-common-layout1__text + .c-common-layout1__text {
    margin-top: 12px; }

.c-common-layout1__notes {
  margin-top: 6px; }
  @media screen and (max-width: 767px) {
    .c-common-layout1__notes {
      margin-top: 4px; } }

.c-common-layout1__banner {
  margin-top: 20px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .c-common-layout1__banner {
      margin-top: 16px; } }

@media print, screen and (min-width: 768px) {
  .c-common-layout1__images {
    display: flex;
    justify-content: space-between;
    margin-top: 24px; } }

@media screen and (max-width: 767px) {
  .c-common-layout1__images {
    margin-top: 44px; } }

@media print, screen and (min-width: 768px) {
  .c-common-layout1__images-item {
    flex-basis: 328px;
    max-width: 328px; } }

@media screen and (max-width: 767px) {
  .c-common-layout1__images-item + .c-common-layout1__images-item {
    margin-top: 16px; } }

@media print, screen and (min-width: 768px) {
  .c-common-layout2 {
    position: relative;
    margin-top: 60px; } }

@media screen and (max-width: 767px) {
  .c-common-layout2 {
    min-height: auto;
    margin-top: 40px; } }

@media print, screen and (min-width: 768px) {
  .c-flow-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -40px; } }

@media screen and (max-width: 767px) {
  .c-flow-list {
    margin-top: -16px; } }

.c-flow-list__item {
  position: relative; }
  @media print, screen and (min-width: 768px) {
    .c-flow-list__item {
      flex-basis: 336px;
      max-width: 336px;
      margin-top: 40px; }
      .c-flow-list__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 40px; }
        .c-flow-list__item:not(:nth-child(3n)):not(:last-child)::after {
          position: absolute;
          top: 88px;
          right: -28px;
          width: 17px;
          height: 11px;
          background: url(/assets/img/common/icon_flow.svg);
          background-size: 100%;
          background-repeat: no-repeat;
          transform: rotate(-90deg);
          content: ''; } }
  @media screen and (max-width: 767px) {
    .c-flow-list__item {
      margin-top: 64px; }
      .c-flow-list__item + .c-flow-list__item::after {
        position: absolute;
        top: -44px;
        left: 0;
        width: 100%;
        height: 18px;
        background-image: url(/assets/img/common/icon_flow.svg);
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center;
        content: ''; } }

.c-flow-list__image {
  margin-bottom: 24px; }

.c-flow-list__title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .c-flow-list__title {
      font-size: 14px; } }

.c-flow-list__detail {
  font-size: 15px;
  line-height: 1.8; }
  @media screen and (max-width: 767px) {
    .c-flow-list__detail {
      font-size: 13px; } }

.c-heading-primary, .c-heading-primary--strong {
  margin-bottom: 25px;
  color: #00469b;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.4; }
  @media screen and (max-width: 767px) {
    .c-heading-primary, .c-heading-primary--strong {
      margin-bottom: 24px;
      font-size: 24px; } }
  .c-heading-primary--strong {
    margin-bottom: 44px;
    padding-bottom: 24px;
    border-bottom: 2px solid #00469b;
    text-align: center; }
    @media print, screen and (min-width: 768px) {
      .c-heading-primary--strong {
        font-size: 30px; } }
    @media screen and (max-width: 767px) {
      .c-heading-primary--strong {
        margin-bottom: 28px;
        padding-bottom: 10px; } }
  .c-heading-primary + .c-section-lead, .c-heading-primary--strong + .c-section-lead {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .c-heading-primary + .c-section-lead, .c-heading-primary--strong + .c-section-lead {
        text-align: left; } }

.c-heading-secondary {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 60px;
  font-size: 27px;
  font-weight: bold;
  border-bottom: 2px solid #010101; }
  @media screen and (max-width: 767px) {
    .c-heading-secondary {
      margin-bottom: 48px;
      padding-bottom: 16px;
      font-size: 19px;
      line-height: 1.4; } }

.c-heading-tertiary {
  margin-bottom: 28px;
  padding-left: 12px;
  border-left: 5px solid #00469b;
  font-size: 22px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .c-heading-tertiary {
      margin-bottom: 24px;
      padding-left: 8px;
      border-left-width: 3px;
      font-size: 16px;
      line-height: 1.25; } }
  .c-heading-tertiary + .c-heading-tertiary__lead {
    margin-bottom: 24px; }

.c-heading-quaternary {
  margin-bottom: 20px;
  border-bottom: 1px solid #010101;
  padding-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .c-heading-quaternary {
      margin-bottom: 12px;
      padding-bottom: 8px;
      font-size: 14px;
      line-height: 1.6; } }
  .c-heading-quaternary--community {
    position: relative; }

.c-heading-icons {
  position: absolute;
  right: 0;
  display: flex;
  justify-content: flex-end; }
  @media print, screen and (min-width: 768px) {
    .c-heading-icons {
      bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .c-heading-icons {
      bottom: -37px; } }
  .c-heading-icons--communitiy {
    bottom: 5px; }

.c-heading-icons__item {
  margin-left: 7px; }
  @media print, screen and (min-width: 768px) {
    .c-heading-icons__item {
      flex-basis: 51px;
      max-width: 51px; } }
  @media screen and (max-width: 767px) {
    .c-heading-icons__item {
      flex-basis: 27px;
      margin-left: 4px; } }
  .c-heading-icons__item--community {
    margin-left: 5px; }
    @media print, screen and (min-width: 768px) {
      .c-heading-icons__item--community {
        width: 51px; } }
    @media screen and (max-width: 767px) {
      .c-heading-icons__item--community {
        width: 27px; } }

.c-heading-sub {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 16px; }

.c-indent-list__title {
  margin-bottom: 4px;
  padding-left: 1em;
  text-indent: -1em;
  font-weight: bold; }

.c-indent-list__text {
  padding-left: 1em; }
  .c-indent-list__text + .c-indent-list__title {
    margin-top: 16px; }
    @media screen and (max-width: 767px) {
      .c-indent-list__text + .c-indent-list__title {
        margin-top: 12px; } }

.c-indent-list--normal li {
  padding-left: 1em;
  text-indent: -1em; }

@media print, screen and (min-width: 768px) {
  .c-inner, .c-inner--m, .c-inner--l, .c-inner--s, .c-inner--executives, .c-inner--network, .c-inner--domestic-overseas {
    width: 1088px;
    min-width: 1088px;
    margin: 0 auto; } }

@media screen and (max-width: 767px) {
  .c-inner, .c-inner--m, .c-inner--l, .c-inner--s, .c-inner--executives, .c-inner--network, .c-inner--domestic-overseas {
    padding-left: 20px;
    padding-right: 20px; } }

@media print, screen and (min-width: 768px) {
  .c-inner--m {
    width: 1200px; } }

@media print, screen and (min-width: 768px) {
  .c-inner--l {
    width: 100%;
    padding: 0 7.5%; } }

@media print, screen and (min-width: 768px) {
  .c-inner--s {
    width: 968px;
    min-width: initial;
    min-width: auto;
    margin: 0 auto; } }

@media print, screen and (min-width: 768px) {
  .c-inner--executives {
    width: 774px;
    min-width: initial;
    min-width: auto;
    margin: 0 auto; } }

@media print, screen and (min-width: 768px) {
  .c-inner--network {
    width: 878px;
    min-width: initial;
    min-width: auto;
    margin: 0 auto; } }

@media print, screen and (min-width: 768px) {
  .c-inner--domestic-overseas {
    width: 1000px;
    min-width: initial;
    min-width: auto;
    margin: 0 auto; } }

.c-kv, .c-kv--s {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 21.87%;
  background-size: cover;
  background-position: center top;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 1.6;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .c-kv, .c-kv--s {
      padding-bottom: 90%; } }
  .c-kv--s {
    padding-bottom: 16.66%; }
    @media screen and (max-width: 767px) {
      .c-kv--s {
        padding-bottom: 75%; } }
  .c-kv .c-inner, .c-kv--s .c-inner, .c-kv .c-inner--m, .c-kv--s .c-inner--m, .c-kv .c-inner--l, .c-kv--s .c-inner--l, .c-kv .c-inner--s, .c-kv--s .c-inner--s, .c-kv .c-inner--executives, .c-kv--s .c-inner--executives, .c-kv .c-inner--network, .c-kv--s .c-inner--network, .c-kv .c-inner--domestic-overseas, .c-kv--s .c-inner--domestic-overseas {
    position: absolute;
    top: 0;
    left: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    max-width: 1088px;
    height: 100%;
    transform: translateX(-50%); }
  .c-kv--sustainability {
    background-image: url(/assets/img/sustainability/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability {
        background-image: url(/assets/img/sustainability/sp_keyvisual.png); } }
  .c-kv--sustainability-environment {
    background-image: url(/assets/img/sustainability/environment/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-environment {
        background-image: url(/assets/img/sustainability/environment/sp_keyvisual.png); } }
  .c-kv--sustainability-stakeholder {
    background-image: url(/assets/img/sustainability/stakeholder/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-stakeholder {
        background-image: url(/assets/img/sustainability/stakeholder/sp_keyvisual.png); } }
  .c-kv--sustainability-customer {
    background-image: url(/assets/img/sustainability/stakeholder/customer/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-customer {
        background-image: url(/assets/img/sustainability/stakeholder/customer/sp_keyvisual.png); } }
  .c-kv--sustainability-partner {
    background-image: url(/assets/img/sustainability/stakeholder/partner/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-partner {
        background-image: url(/assets/img/sustainability/stakeholder/partner/sp_keyvisual.png); } }
  .c-kv--sustainability-organization {
    background-image: url(/assets/img/sustainability/environment/organization/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-organization {
        background-image: url(/assets/img/sustainability/environment/organization/sp_keyvisual.png); } }
  .c-kv--sustainability-green-policy {
    background-image: url(/assets/img/sustainability/environment/green_policy/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-green-policy {
        background-image: url(/assets/img/sustainability/environment/green_policy/sp_keyvisual.png); } }
  .c-kv--sustainability-carbonneutral {
    background-image: url(/assets/img/sustainability/environment/carbonneutral/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-carbonneutral {
        background-image: url(/assets/img/sustainability/environment/carbonneutral/sp_keyvisual.png); } }
  .c-kv--sustainability-office-factory {
    background-image: url(/assets/img/sustainability/environment/office_factory/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-office-factory {
        background-image: url(/assets/img/sustainability/environment/office_factory/sp_keyvisual.png); } }
  .c-kv--sustainability-policy {
    background-image: url(/assets/img/sustainability/policy/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-policy {
        background-image: url(/assets/img/sustainability/policy/sp_keyvisual.png); } }
  .c-kv--sustainability-sustainability {
    background-image: url(/assets/img/sustainability/sustainability/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-sustainability {
        background-image: url(/assets/img/sustainability/sustainability/sp_keyvisual.png); } }
  .c-kv--sustainability-community {
    background-image: url(/assets/img/sustainability/stakeholder/community/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-community {
        background-image: url(/assets/img/sustainability/stakeholder/community/sp_keyvisual.png); } }
  .c-kv--sustainability-quality {
    background-image: url(/assets/img/sustainability/quality/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-quality {
        background-image: url(/assets/img/sustainability/quality/sp_keyvisual.png); } }
  .c-kv--sustainability-quality-policy {
    background-image: url(/assets/img/sustainability/quality/policy/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-quality-policy {
        background-image: url(/assets/img/sustainability/quality/policy/sp_keyvisual.png); } }
  .c-kv--sustainability-qms {
    background-image: url(/assets/img/sustainability/quality/qms/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-qms {
        background-image: url(/assets/img/sustainability/quality/qms/sp_keyvisual.png); } }
  .c-kv--sustainability-quality-activity {
    background-image: url(/assets/img/sustainability/quality/activity/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--sustainability-quality-activity {
        background-image: url(/assets/img/sustainability/quality/activity/sp_keyvisual.png); } }
  .c-kv--tech {
    background-image: url(/assets/img/tech/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--tech {
        background-image: url(/assets/img/tech/sp_keyvisual.png); } }
  .c-kv--environment {
    background-image: url(/assets/img/tech/environment/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--environment {
        background-image: url(/assets/img/tech/environment/sp_keyvisual.png); } }
  .c-kv--safety {
    background-image: url(/assets/img/tech/safety/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--safety {
        background-image: url(/assets/img/tech/safety/sp_keyvisual.png); } }
  .c-kv--attractive {
    background-image: url(/assets/img/tech/attractive/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--attractive {
        background-image: url(/assets/img/tech/attractive/sp_keyvisual.png); } }
  .c-kv--system {
    background-image: url(/assets/img/tech/system/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--system {
        background-image: url(/assets/img/tech/system/sp_keyvisual.png); } }
  .c-kv--planning {
    background-image: url(/assets/img/tech/system/development/planning/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--planning {
        background-image: url(/assets/img/tech/system/development/planning/sp_keyvisual.png); } }
  .c-kv--kis {
    background-image: url(/assets/img/tech/system/development/kis/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--kis {
        background-image: url(/assets/img/tech/system/development/kis/sp_keyvisual.png); } }
  .c-kv--experiment {
    background-image: url(/assets/img/tech/system/development/experiment/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--experiment {
        background-image: url(/assets/img/tech/system/development/experiment/sp_keyvisual.png); } }
  .c-kv--pro {
    background-image: url(/assets/img/tech/system/production/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--pro {
        background-image: url(/assets/img/tech/system/production/sp_keyvisual.png); } }
  .c-kv--company {
    height: 420px;
    padding: 0;
    background-image: url(/assets/img/company/pc_keyvisual.jpg); }
    @media screen and (max-width: 767px) {
      .c-kv--company {
        height: 90vw;
        background-image: url(/assets/img/company/sp_keyvisual.jpg); } }
  .c-kv--company-message {
    height: 320px;
    padding: 0;
    background-image: url(/assets/img/company/message/pc_keyvisual.jpg?241101_2); }
    @media screen and (max-width: 767px) {
      .c-kv--company-message {
        height: 75vw;
        background-image: url(/assets/img/company/message/sp_keyvisual.jpg?241101); } }
  .c-kv--company-history {
    height: 320px;
    padding: 0;
    background-image: url(/assets/img/company/history/pc_keyvisual.jpg); }
    @media screen and (max-width: 767px) {
      .c-kv--company-history {
        height: 75vw;
        background-image: url(/assets/img/company/history/sp_keyvisual.jpg); } }
  .c-kv--company-executives {
    height: 320px;
    padding: 0;
    background-image: url(/assets/img/company/executives/pc_keyvisual.jpg); }
    @media screen and (max-width: 767px) {
      .c-kv--company-executives {
        height: 75vw;
        background-image: url(/assets/img/company/executives/sp_keyvisual.jpg); } }
  .c-kv--company-profile {
    height: 320px;
    padding: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-image: url(/assets/img/company/profile/pc_keyvisual.jpg); }
    @media screen and (max-width: 767px) {
      .c-kv--company-profile {
        height: 75vw;
        background-image: url(/assets/img/company/profile/sp_keyvisual.jpg); } }
  .c-kv--company-vision {
    height: 320px;
    padding: 0;
    background-image: url(/assets/img/company/vision/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--company-vision {
        height: 75vw;
        background-image: url(/assets/img/company/vision/sp_keyvisual.png); } }
  .c-kv--company-network {
    height: 320px;
    padding: 0;
    background-image: url(/assets/img/company/network/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--company-network {
        height: 75vw;
        background-image: url(/assets/img/company/network/sp_keyvisual.png); } }
  .c-kv--company-domestic {
    height: 320px;
    padding: 0;
    background-image: url(/assets/img/company/network/domestic/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--company-domestic {
        height: 75vw;
        background-image: url(/assets/img/company/network/domestic/sp_keyvisual.png); } }
  .c-kv--company-overseas {
    background-image: url(/assets/img/company/network/overseas/pc_keyvisual.png); }
    @media screen and (max-width: 767px) {
      .c-kv--company-overseas {
        background-image: url(/assets/img/company/network/overseas/sp_keyvisual.png); } }
  .c-kv--wakuwaku-base {
    background-image: url(/assets/img/wakuwaku_base/pc_kvbg.jpg); }
    @media screen and (max-width: 767px) {
      .c-kv--wakuwaku-base {
        background-image: url(/assets/img/wakuwaku_base/sp_kvbg.jpg); } }
  @media screen and (max-width: 767px) {
    .c-kv .c-kv__inner, .c-kv--s .c-kv__inner {
      padding: 0 24px; } }
  .c-kv .c-kv__en, .c-kv--s .c-kv__en, .c-kv .c-kv__en--s, .c-kv--s .c-kv__en--s {
    display: block;
    letter-spacing: 0.08em;
    font-size: 16px; }
    .c-kv .c-kv__en--s, .c-kv--s .c-kv__en--s {
      font-size: 14px;
      font-weight: 500; }
      @media screen and (max-width: 767px) {
        .c-kv .c-kv__en--s, .c-kv--s .c-kv__en--s {
          margin-bottom: 4px; } }
    @media screen and (max-width: 767px) {
      .c-kv .c-kv__en, .c-kv--s .c-kv__en, .c-kv .c-kv__en--s, .c-kv--s .c-kv__en--s {
        font-size: 12px; } }
    .c-kv .c-kv__en--black, .c-kv--s .c-kv__en--black {
      color: #2b2b2b; }
  .c-kv .c-kv__title, .c-kv--s .c-kv__title {
    font-size: 48px;
    letter-spacing: 0.08em;
    line-height: 1.3; }
    @media screen and (max-width: 767px) {
      .c-kv .c-kv__title, .c-kv--s .c-kv__title {
        font-size: 34px; } }
    .c-kv .c-kv__title--black, .c-kv--s .c-kv__title--black {
      color: #2b2b2b; }
  .c-kv .c-kv__text, .c-kv--s .c-kv__text {
    margin-top: 22px;
    font-size: 19px;
    letter-spacing: 0.08em; }
    @media screen and (max-width: 767px) {
      .c-kv .c-kv__text, .c-kv--s .c-kv__text {
        margin-top: 20px;
        font-size: 17px; } }

.c-lower-header {
  font-weight: bold; }

.c-lower-header__title {
  margin-bottom: 28px; }
  @media screen and (max-width: 767px) {
    .c-lower-header__title {
      margin-bottom: 20px;
      font-size: 19px; } }

.c-lower-header__text {
  font-size: 16px;
  text-align: center;
  line-height: 1.8; }
  @media screen and (max-width: 767px) {
    .c-lower-header__text {
      font-size: 14px;
      text-align: left; } }
  .c-lower-header__text + .c-lower-header__text {
    margin-top: 20px; }

.c-lower-header__image {
  margin-top: 40px; }

@media print, screen and (min-width: 768px) {
  .c-lower-nav {
    margin-top: 20px; } }

.c-lower-nav--no-margin {
  margin-top: -40px; }

.c-lower-nav__item {
  margin-top: 40px; }

.c-lower-nav__link {
  display: block;
  color: #010101;
  text-decoration: none; }
  .c-lower-nav__link:hover .c-lower-nav__image img {
    opacity: 0.8;
    transform: scale(1.05); }

.c-lower-nav__image {
  margin-bottom: 20px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .c-lower-nav__image {
      margin-bottom: 24px; } }
  .c-lower-nav__image img {
    transition: 0.3s ease-in-out; }
  .c-lower-nav__image--border {
    border: 1px solid #ccc; }

.c-lower-nav__title {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3; }
  @media screen and (max-width: 767px) {
    .c-lower-nav__title {
      margin-bottom: 14px;
      font-size: 14px; } }
  .c-lower-nav__title::after {
    width: 17px;
    height: 17px;
    margin-left: 8px;
    background: url(/assets/img/common/icon_arrow.svg);
    content: ''; }
  .c-lower-nav__title.is-no-link::after {
    content: none; }

.c-lower-nav__text {
  line-height: 1.7; }
  @media screen and (max-width: 767px) {
    .c-lower-nav__text {
      font-size: 13px;
      line-height: 1.8; } }

.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 9999; }
  .c-modal.is-active {
    opacity: 1;
    visibility: visible; }

.c-modal__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); }

.c-modal__inner {
  position: relative;
  flex-basis: 95%;
  max-width: 700px;
  border: 2px solid #FFF; }

.c-modal__movie {
  position: relative;
  padding-bottom: 56.25%; }
  .c-modal__movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.c-modal__close, .c-modal-html__close__icon {
  position: absolute;
  right: -5px;
  bottom: 100%;
  margin-bottom: 10px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  transition: 0.3s ease-in-out; }
  .c-modal__close:hover, .c-modal-html__close__icon:hover {
    opacity: 0.6; }
  .c-modal__close::before, .c-modal-html__close__icon::before, .c-modal__close::after, .c-modal-html__close__icon::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background: #ffffff;
    content: ''; }
  .c-modal__close::before, .c-modal-html__close__icon::before {
    transform: rotate(45deg); }
  .c-modal__close::after, .c-modal-html__close__icon::after {
    transform: rotate(-45deg); }

.c-modal__trigger-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none; }

.p-sustainability-office-factory-system-en .c-modal__trigger-button {
  cursor: auto; }

.c-modal-box-white {
  background: #fff; }

.c-modal-html .c-modal__inner {
  max-width: 1000px;
  height: 90%;
  overflow: hidden;
  border: none;
  padding-top: 40px; }

.c-modal-html .c-modal__close, .c-modal-html .c-modal-html__close__icon {
  right: 0;
  top: 0; }

.c-modal-image .c-modal__inner {
  max-height: 90%;
  max-width: -moz-fit-content;
  max-width: fit-content; }

.c-modal-html__inner {
  background: #fff;
  padding: 50px 60px 0;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%; }
  @media screen and (max-width: 767px) {
    .c-modal-html__inner {
      padding: 30px 20px 0; } }

.c-modal-html__heading {
  padding: 12px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #3270c6;
  font-size: 30px;
  color: #fff;
  letter-spacing: 1.8px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .c-modal-html__heading {
      font-size: 14px; } }
  .c-modal-html__heading img {
    margin-right: 8px;
    display: block; }
  @media screen and (max-width: 767px) {
    .c-modal-html__heading .small {
      font-size: 12px; } }

.c-modal-html__intro {
  font-size: 16px; }
  @media screen and (max-width: 767px) {
    .c-modal-html__intro {
      font-size: 14px; } }

.c-modal-html__body {
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .c-modal-html__body {
      margin-top: 32px; } }

.c-modal-html__content {
  margin-top: 40px; }

.c-modal-html__ttl-sub {
  padding-bottom: 10px;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 2px solid #3270c6; }
  @media screen and (max-width: 767px) {
    .c-modal-html__ttl-sub {
      font-size: 16px; } }

.c-modal-box-white__inner {
  padding-bottom: 50px; }
  @media print, screen and (min-width: 768px) {
    .c-modal-box-white__inner {
      width: 880px; } }
  @media screen and (max-width: 767px) {
    .c-modal-box-white__inner {
      padding-bottom: 30px; } }

.c-modal-html__photo-caption {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px; }
  @media screen and (max-width: 767px) {
    .c-modal-html__photo-caption {
      font-size: 16px; } }

.c-modal-section:nth-child(n+2) {
  margin-top: 36px; }
  @media screen and (max-width: 767px) {
    .c-modal-section:nth-child(n+2) {
      margin-top: 24px; } }

.c-modal-html__close {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  padding: 15px 43px;
  border: solid 1px #cccccc;
  font-size: 14px; }

.c-modal-html__close__icon {
  display: block;
  position: relative;
  margin-right: 16px;
  margin-bottom: 0;
  width: 14px;
  height: 14px; }
  .c-modal-html__close__icon::before, .c-modal-html__close__icon::after {
    background: #010101; }

.c-modal-html__photobox {
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .c-modal-html__photobox {
      margin-top: 24px; } }

@media all and (-ms-high-contrast: none) {
  .c-modal-html__heading-text {
    position: relative;
    top: 5px; } }

.c-note {
  display: table;
  font-size: 12px; }
  @media screen and (max-width: 767px) {
    .c-note {
      font-size: 10px; } }

.c-note__title {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap; }

.c-note__detail {
  display: table-cell;
  vertical-align: top; }
  .c-note__detail--en-tech {
    display: table-cell;
    padding-left: 0.5em;
    vertical-align: bottom; }
    .c-note__detail--en-tech._adjust-baseline {
      padding-top: 0.3em; }
      @media screen and (max-width: 767px) {
        .c-note__detail--en-tech._adjust-baseline {
          padding-top: 0.5em; } }

@media print, screen and (min-width: 768px) {
  .c-number-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -40px; } }

.c-number-list--normal {
  counter-reset: number 0; }
  .c-number-list--normal li {
    list-style-type: none; }

.number-counter {
  padding-left: 1em;
  text-indent: -1em;
  display: inline-block; }
  .number-counter::before {
    counter-increment: number 1;
    content: counter(number) ". "; }

.c-number-list-item--gray__item {
  background: #f5f5f5;
  padding: 12px 10px; }
  .c-number-list-item--gray__item + .c-number-list-item--gray__item {
    margin-top: 8px; }

.c-number-list__item {
  background: #f7f7f7; }
  @media print, screen and (min-width: 768px) {
    .c-number-list__item {
      flex-basis: 524px;
      max-width: 524px;
      margin-top: 40px; }
      .c-number-list__item:nth-child(2n) {
        margin-left: 40px; } }
  @media screen and (max-width: 767px) {
    .c-number-list__item {
      margin-top: 24px; } }

.c-number-list__title {
  position: relative;
  background: #3f82c5;
  padding: 14px 20px 14px 80px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .c-number-list__title {
      padding-right: 10px;
      padding-left: 67px;
      font-size: 15px; } }

.c-number-list__title-twoline {
  line-height: 3.2; }
  @media screen and (max-width: 767px) {
    .c-number-list__title-twoline {
      line-height: 1.6; } }

.c-number-list__number {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0e467e;
  letter-spacing: 0.12em;
  font-size: 24px; }
  @media screen and (max-width: 767px) {
    .c-number-list__number {
      width: 51px;
      font-size: 18px; } }

.c-number-list__inner {
  padding: 32px;
  font-size: 15px;
  line-height: 1.8; }
  @media screen and (max-width: 767px) {
    .c-number-list__inner {
      padding: 24px 20px;
      font-size: 13px; } }

.c-number-list__image {
  margin-bottom: 16px; }
  @media screen and (max-width: 767px) {
    .c-number-list__image {
      margin-bottom: 20px; } }

.c-related {
  margin-top: 80px; }

.c-related__title {
  margin-bottom: 32px; }
  @media screen and (max-width: 767px) {
    .c-related__title {
      margin-bottom: 24px;
      font-size: 19px; } }

@media print, screen and (min-width: 768px) {
  .c-related-list {
    display: flex;
    flex-wrap: wrap; } }

@media screen and (max-width: 767px) {
  .c-related-list {
    margin-top: -16px; } }

@media print, screen and (min-width: 768px) {
  .c-related-list__item {
    flex-basis: 349px;
    max-width: 349px;
    margin-right: 40px;
    background: #ffffff; } }

@media screen and (max-width: 767px) {
  .c-related-list__item {
    margin-top: 40px;
    margin-right: -20px;
    margin-left: -20px; }
    .c-related-list__item + .c-related-list__item {
      margin-top: 40px; } }

@media print, screen and (min-width: 768px) {
  .c-related-list__inner {
    padding: 24px 16px; } }

@media screen and (max-width: 767px) {
  .c-related-list__inner {
    padding: 24px 24px 0; } }

.c-related-list__title {
  font-weight: bold; }
  @media print, screen and (min-width: 768px) {
    .c-related-list__title {
      margin-bottom: 12px;
      line-height: 1.2; } }
  @media screen and (max-width: 767px) {
    .c-related-list__title {
      margin-bottom: 8px; } }

.c-related-list__nav {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px; }
  @media screen and (max-width: 767px) {
    .c-related-list__nav {
      font-size: 12px; } }

@media print, screen and (min-width: 768px) {
  .c-related-list__nav-item:not(:last-child) {
    margin-right: 12px;
    padding-right: 12px;
    border-right: 1px solid #ccc; } }

@media screen and (max-width: 767px) {
  .c-related-list__nav-item {
    flex-basis: 47.15%;
    margin-top: 12px; }
    .c-related-list__nav-item:nth-child(2n) {
      margin-left: 5.7%; } }

.c-related-list__nav-link {
  color: #00469b;
  text-decoration: none; }
  @media screen and (max-width: 767px) {
    .c-related-list__nav-link {
      position: relative;
      display: block;
      padding-bottom: 8px;
      border-bottom: 1px solid #ccc; }
      .c-related-list__nav-link::after {
        position: absolute;
        top: 50%;
        right: 22px;
        width: 4px;
        height: 4px;
        margin-top: -4px;
        border-top: 2px solid;
        border-right: 2px solid;
        transform: rotate(45deg);
        content: '';
        right: 0;
        width: 3px;
        height: 3px;
        margin-top: -5px;
        border-top-width: 1px;
        border-right-width: 1px; } }
  .c-related-list__nav-link:hover {
    text-decoration: underline; }

.c-relation {
  margin-top: 80px; }
  @media screen and (max-width: 767px) {
    .c-relation {
      margin-top: 40px; } }

.c-relation__heading {
  font-size: 27px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .c-relation__heading {
      padding-bottom: 16px;
      font-size: 19px; } }

.c-section {
  padding-top: 80px;
  padding-bottom: 80px; }
  @media screen and (max-width: 767px) {
    .c-section {
      padding-top: 60px;
      padding-bottom: 60px; } }

.c-section--border + .c-section--border {
  border-top: 1px solid #CCC; }

.c-section-last {
  padding-bottom: 120px; }
  @media screen and (max-width: 767px) {
    .c-section-last {
      padding-bottom: 80px; } }

.c-section-small + .c-section-small {
  margin-top: 40px; }

@media screen and (max-width: 767px) {
  .c-slider {
    padding-bottom: 20px; } }

@media screen and (max-width: 767px) {
  .c-slider__arrow--prev {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-top: -24px;
    background-size: cover;
    z-index: 10;
    left: 8px;
    background-image: url(/assets/img/common/icon_prev.svg); }
  .c-slider__arrow--next {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-top: -24px;
    background-size: cover;
    z-index: 10;
    right: 8px;
    background-image: url(/assets/img/common/icon_next.svg); } }

@media screen and (max-width: 767px) {
  .c-slider__pagination {
    bottom: -6px !important; }
    .c-slider__pagination .swiper-pagination-bullet {
      margin: 0 3px !important; }
    .c-slider__pagination .swiper-pagination-bullet-active {
      background: #00469b; } }

.c-heading-quaternary + .c-table-div {
  margin-top: 10px; }

.c-table-div {
  margin-left: auto;
  margin-right: auto; }

.c-table-basic {
  width: 100%; }
  .c-table-basic + .c-table-caption, .c-table-basic + .c-table-caption--sub {
    margin-top: 12px; }
    @media screen and (max-width: 767px) {
      .c-table-basic + .c-table-caption, .c-table-basic + .c-table-caption--sub {
        margin-top: 8px; } }

.c-table-caption, .c-table-caption--sub {
  text-align: right;
  font-size: 15px; }
  @media screen and (max-width: 767px) {
    .c-table-caption, .c-table-caption--sub {
      font-size: 12px; } }
  .c-table-caption--sub {
    font-size: 12px; }
  .c-table-caption + table, .c-table-caption--sub + table {
    margin-top: 12px; }
    @media screen and (max-width: 767px) {
      .c-table-caption + table, .c-table-caption--sub + table {
        margin-top: 8px; } }

.c-table-basic__header {
  background: #eee;
  font-size: 15px; }

.c-table-basic__ttl {
  padding: 10px 20px;
  border: solid 1px #cccccc;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .c-table-basic__ttl {
      padding: 10px;
      font-size: 12px; } }

.c-table-basic__body th {
  background: #eeeeee; }

.c-table-basic__item {
  padding: 10px;
  font-size: 15px;
  border: solid 1px #cccccc;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .c-table-basic__item {
      font-size: 10px; } }

.c-thumbnails {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -5px 0; }

.c-thumbnails__item, .c-thumbnails__item--s {
  position: relative;
  flex-basis: 85px;
  max-width: 85px;
  height: 49px;
  margin: 0 5px;
  cursor: pointer;
  transition: 0.3s ease-in-out; }
  .c-thumbnails__item:hover, .c-thumbnails__item--s:hover {
    opacity: 0.6; }
  .c-thumbnails__item.is-current::after, .is-current.c-thumbnails__item--s::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #00469b;
    content: ''; }
  .c-thumbnails__item--s {
    flex-basis: 85px;
    max-width: 85px; }

.p-company-top {
  color: #010101; }
  @media screen and (max-width: 767px) {
    .p-company-top__headingArea {
      padding-bottom: 40px; } }
  .p-company-top__heading {
    line-height: 1.6;
    letter-spacing: 2.4px; }
    @media screen and (max-width: 767px) {
      .p-company-top__heading {
        line-height: 1.7;
        letter-spacing: 1.92px; } }
  .p-company-top__lead {
    line-height: 1.8;
    letter-spacing: 1.12px; }
  .p-company-top__item {
    margin-top: 30px; }
    @media screen and (max-width: 767px) {
      .p-company-top__item {
        margin-top: 40px; } }

.p-company-message {
  color: #010101; }
  .p-company-message__textArea {
    margin-top: 60px;
    font-weight: normal;
    line-height: 1.8; }
    @media screen and (max-width: 767px) {
      .p-company-message__textArea {
        margin-top: 30px;
        font-size: 13px; } }
  .p-company-message__sentence {
    letter-spacing: 1.28px; }
    @media screen and (max-width: 767px) {
      .p-company-message__sentence {
        line-height: 1.94;
        letter-spacing: 1.04px; } }
    .p-company-message__sentence + .p-company-message__sentence {
      margin-top: 30px; }
      @media screen and (max-width: 767px) {
        .p-company-message__sentence + .p-company-message__sentence {
          margin-top: 24px; } }
  .p-company-message__president {
    margin-top: 54px;
    font-size: 15px;
    text-align: right;
    letter-spacing: 1.2px; }
    @media screen and (max-width: 767px) {
      .p-company-message__president {
        margin-top: 44px;
        font-size: 13px; } }
    .p-company-message__president-name {
      display: inline-block;
      margin-left: 1em;
      font-weight: bold;
      font-size: 18px;
      line-height: 1.51;
      letter-spacing: 1.44px; }
      @media screen and (max-width: 767px) {
        .p-company-message__president-name {
          font-size: 16px; } }

.p-company-history {
  color: #010101; }
  .p-company-history__list {
    display: table;
    font-size: 15px;
    line-height: 1.93;
    letter-spacing: 1.2px; }
    @media screen and (max-width: 767px) {
      .p-company-history__list + .p-company-history__list {
        margin-top: 23px; } }
    @media screen and (max-width: 767px) {
      .p-company-history__list {
        display: block;
        font-size: 12px;
        letter-spacing: 0.96px; } }
  .p-company-history__date {
    display: table-cell;
    width: 240px;
    padding: 22px 0;
    border-bottom: 2px solid #ccc;
    font-weight: bold;
    text-align: center;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .p-company-history__date {
        display: block;
        width: 100%;
        padding: 0px 10px;
        border-bottom: none;
        text-align: left; } }
  .p-company-history__text {
    width: 728px;
    padding: 22px 30px;
    border-bottom: 2px solid #f5f5f5; }
    @media screen and (max-width: 767px) {
      .p-company-history__text {
        width: 100%;
        padding: 3px 10px 19px; } }

.p-company-executives {
  color: #010101; }
  .p-company-executives__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px; }
    @media screen and (max-width: 767px) {
      .p-company-executives__table {
        font-size: 12px; } }
  .p-company-executives__caption {
    padding-bottom: 5px;
    text-align: right; }
  .p-company-executives__position, .p-company-executives__name {
    padding: 10px 20px;
    border: solid 1px #ccc;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 1.2px;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .p-company-executives__position, .p-company-executives__name {
        width: 50%;
        padding: 2.5vw 5vw;
        letter-spacing: 0.96px; } }
  .p-company-executives__position {
    width: 280px;
    background: #eee;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .p-company-executives__position {
        line-height: 1.67; } }
  @media screen and (max-width: 767px) {
    .p-company-executives__name {
      line-height: 2.25; } }
  .p-company-executives__name sup {
    font-size: 10px; }
    @media screen and (max-width: 767px) {
      .p-company-executives__name sup {
        font-size: 8px; } }
  .p-company-executives__notes {
    margin-top: 10px;
    font-size: 12px;
    text-align: right; }

.p-company-profile {
  color: #010101; }
  .p-company-profile__block + .p-company-profile__block {
    margin-top: 55px; }
    @media screen and (max-width: 767px) {
      .p-company-profile__block + .p-company-profile__block {
        margin-top: 39px; } }
  .p-company-profile__heading-secondary {
    margin-bottom: 48px; }
    @media screen and (max-width: 767px) {
      .p-company-profile__heading-secondary {
        margin-bottom: 30px; } }
  .p-company-profile__table {
    width: 949px;
    margin: 20px auto 0;
    border: 1px solid #ccc;
    border-collapse: collapse; }
    @media screen and (max-width: 767px) {
      .p-company-profile__table {
        width: 100%; } }
  .p-company-profile__row {
    border-top: 1px solid #ccc; }
  .p-company-profile__item, .p-company-profile__desc {
    padding: 10px 20px 9px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 1.2px;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .p-company-profile__item, .p-company-profile__desc {
        display: block;
        width: 100%;
        padding: 16px 20px; } }
  .p-company-profile__item {
    width: 240px;
    background: #eee; }
    @media screen and (max-width: 767px) {
      .p-company-profile__item {
        width: 100%;
        padding: 10px 20px 9px;
        font-size: 12px;
        line-height: 2.25;
        letter-spacing: 0.96px; } }
  .p-company-profile__desc {
    border-left: 1px solid #ccc; }
    @media screen and (max-width: 767px) {
      .p-company-profile__desc {
        border-top: 1px solid #ccc;
        border-left: none;
        font-size: 13px;
        line-height: 1.4;
        letter-spacing: 0.8px; } }
    .p-company-profile__desc--lines {
      padding: 9px 20px; }
  .p-company-profile__access {
    display: flex;
    line-height: 1.8;
    letter-spacing: 1.28px;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .p-company-profile__access {
        display: block; } }
    .p-company-profile__access-desc {
      width: 526px;
      margin-top: 10px;
      line-height: 1.63;
      letter-spacing: 1.28px; }
      @media screen and (max-width: 767px) {
        .p-company-profile__access-desc {
          width: 100%;
          margin-top: 58px; } }
    .p-company-profile__access-bar {
      display: block;
      padding: 4px 12px 2px;
      border: 1px solid #ccc;
      background: #f2f2f2;
      font-weight: bold;
      line-height: 1.8;
      letter-spacing: 1.28px; }
      @media screen and (max-width: 767px) {
        .p-company-profile__access-bar {
          padding: 5px 12px 4px; } }
    .p-company-profile__access-train {
      margin-top: 30px; }
      @media screen and (max-width: 767px) {
        .p-company-profile__access-train {
          margin-top: 17px; } }
    .p-company-profile__access-text {
      margin-top: 7px;
      font-weight: bold;
      text-indent: 1em; }
      @media screen and (max-width: 767px) {
        .p-company-profile__access-text {
          margin-top: 10px; } }
    .p-company-profile__access-notes {
      padding-left: 2em;
      font-size: 13px;
      line-height: 2.22;
      letter-spacing: 0.52px;
      text-indent: -1em; }
      @media screen and (max-width: 767px) {
        .p-company-profile__access-notes {
          display: block;
          font-size: 9px;
          letter-spacing: 0.36px; } }
      .p-company-profile__access-notes::before {
        display: inline-block;
        margin-left: 12px;
        content: "*"; }
    .p-company-profile__access-car {
      margin-top: 18px; }
    .p-company-profile__access-buttonArea {
      display: flex;
      margin-top: 30px; }
      @media screen and (max-width: 767px) {
        .p-company-profile__access-buttonArea {
          margin-top: 22px;
          justify-content: center; } }
  .p-company-profile__map {
    width: 524px;
    text-align: right; }
    @media screen and (max-width: 767px) {
      .p-company-profile__map {
        width: 100%; } }
    .p-company-profile__map-button {
      display: inline-block;
      position: relative;
      margin-top: 8px;
      padding: 0 24px 0 2px;
      border-bottom: 1px solid #1360be;
      color: #1360be;
      font-weight: bold;
      font-size: 15px;
      font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
      line-height: 1.8;
      letter-spacing: 1.2px; }
      @media screen and (max-width: 767px) {
        .p-company-profile__map-button {
          margin-top: 12px;
          padding: 0 18px 0 2px;
          font-size: 11px;
          letter-spacing: 0.88px; } }
      .p-company-profile__map-button::after {
        position: absolute;
        top: 50%;
        right: 2px;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background: url(/assets/img/common/icon_search_blue.svg) no-repeat center/contain;
        content: ""; }
        @media screen and (max-width: 767px) {
          .p-company-profile__map-button::after {
            width: 16px;
            height: 16px; } }
    .p-company-profile__map-inner {
      max-width: 720px !important;
      height: auto !important; }
      @media screen and (max-width: 767px) {
        .p-company-profile__map-inner {
          height: 90% !important; } }
    .p-company-profile__map-modal {
      overflow: hidden;
      height: auto;
      padding: 30px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .p-company-profile__map-modal {
          padding: 7.5% 5%; } }
      .p-company-profile__map-modal-img {
        padding: 0; }
  .p-company-profile__company-name {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.7;
    letter-spacing: 1.92px; }
    @media screen and (max-width: 767px) {
      .p-company-profile__company-name {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 1.4; } }
  .p-company-profile__customers-list {
    display: flex;
    color: #111;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 1.28px;
    flex-wrap: wrap;
    justify-content: space-between; }
    .p-company-profile__customers-list::after {
      width: 349px;
      margin-top: 20px;
      content: ""; }
    @media screen and (max-width: 767px) {
      .p-company-profile__customers-list {
        font-size: 13px;
        letter-spacing: 1.04px; } }
  .p-company-profile__customers-name {
    width: 349px;
    margin-top: 12px; }
    .p-company-profile__customers-name:nth-child(1) {
      margin-top: 0; }
    @media screen and (max-width: 767px) {
      .p-company-profile__customers-name:nth-child(3) {
        margin-top: 5px; } }
    .p-company-profile__customers-name:nth-child(2) {
      margin-top: 0; }
    @media screen and (max-width: 767px) {
      .p-company-profile__customers-name:nth-child(3) {
        margin-top: 5px; } }
    .p-company-profile__customers-name:nth-child(3) {
      margin-top: 0; }
    @media screen and (max-width: 767px) {
      .p-company-profile__customers-name:nth-child(3) {
        margin-top: 5px; } }
    @media screen and (max-width: 767px) {
      .p-company-profile__customers-name {
        width: 47.2%;
        margin-top: 5px; } }

.p-company-vision {
  color: #010101; }
  @media screen and (max-width: 767px) {
    .p-company-vision__kv-en {
      letter-spacing: 0.02em !important; } }
  @media screen and (max-width: 767px) {
    .p-company-vision__header-inner {
      padding: 0 16px; } }
  .p-company-vision__box-gray {
    padding: 58px 0 80px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__box-gray {
        padding: 40px 0; } }
  .p-company-vision__header-title {
    margin-bottom: 0;
    line-height: 1.63;
    letter-spacing: 2.16px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__header-title {
        letter-spacing: 1.52px; } }
  .p-company-vision__box-white {
    margin-top: 0;
    padding: 60px 56px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__box-white {
        padding: 32px 20px; } }
  .p-company-vision__block + .p-company-vision__block {
    margin-top: 55px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__block + .p-company-vision__block {
        margin-top: 40px; } }
  .p-company-vision__heading-secondary {
    margin-bottom: 48px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__heading-secondary {
        margin-bottom: 32px; } }
  .p-company-vision__heading-thirdly {
    margin-bottom: 32px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__heading-thirdly {
        margin-bottom: 24px; } }
  .p-company-vision__philosophy {
    background: #eee;
    padding: 33px 0 34px;
    color: #333; }
    @media screen and (max-width: 767px) {
      .p-company-vision__philosophy {
        padding: 27px 8px 26px; } }
    .p-company-vision__philosophy-list {
      width: 756px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .p-company-vision__philosophy-list {
          width: 100%; } }
    .p-company-vision__philosophy-item {
      display: flex;
      font-weight: bold;
      font-size: 40px;
      line-height: 1.63;
      letter-spacing: 3.2px;
      align-items: center; }
      .p-company-vision__philosophy-item + .p-company-vision__philosophy-item {
        margin-top: 24px; }
        @media screen and (max-width: 767px) {
          .p-company-vision__philosophy-item + .p-company-vision__philosophy-item {
            margin-top: 11px; } }
      @media screen and (max-width: 767px) {
        .p-company-vision__philosophy-item {
          font-size: 27px;
          letter-spacing: 2.16px;
          flex-direction: column; } }
    .p-company-vision__philosophy-item-en {
      margin-left: 32px;
      font-size: 24px;
      letter-spacing: 1.92px; }
      @media screen and (max-width: 767px) {
        .p-company-vision__philosophy-item-en {
          display: block;
          width: 100%;
          margin-left: 0;
          font-size: 14px;
          letter-spacing: 1.2px;
          text-align: center; } }
  .p-company-vision__chuchou {
    padding: 30px 40px 40px;
    background-color: #00469B; }
    @media screen and (max-width: 767px) {
      .p-company-vision__chuchou {
        padding: 20px 20px; } }
    @media screen and (max-width: 767px) {
      .p-company-vision__chuchou .only-pc {
        display: none; } }
    .p-company-vision__chuchou--text {
      margin-bottom: 20px;
      color: #fff;
      font-size: 24px;
      font-weight: 500;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px; }
      @media screen and (max-width: 767px) {
        .p-company-vision__chuchou--text {
          font-size: 16px; } }
      .p-company-vision__chuchou--text::before, .p-company-vision__chuchou--text::after {
        content: "";
        display: inline-block;
        width: 31px;
        height: 1px;
        background-color: #fff; }
    .p-company-vision__chuchou--box {
      background: #fff;
      padding: 44px 50px 74px;
      color: #333; }
      @media screen and (max-width: 767px) {
        .p-company-vision__chuchou--box {
          padding: 20px 20px 36px; } }
      .p-company-vision__chuchou--box > p {
        font-size: 20px;
        font-weight: 500;
        line-height: calc(36/20);
        letter-spacing: 0.08em;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .p-company-vision__chuchou--box > p {
            font-size: 13px;
            text-align: left; } }
      .p-company-vision__chuchou--box ul {
        width: fit-content;
        margin: 40px auto; }
        @media screen and (max-width: 767px) {
          .p-company-vision__chuchou--box ul {
            margin: 20px 0; } }
      .p-company-vision__chuchou--box li {
        margin-bottom: 14px;
        display: flex;
        gap: 0.5em;
        font-size: 24px;
        font-weight: bold;
        line-height: calc(34/24);
        letter-spacing: 0.08em; }
        @media screen and (max-width: 767px) {
          .p-company-vision__chuchou--box li {
            font-size: 15px; } }
    .p-company-vision__chuchou--image {
      margin: 44px 0 66px;
      padding: 45px;
      border: 1px solid #CCCCCC; }
      @media screen and (max-width: 767px) {
        .p-company-vision__chuchou--image {
          margin: 24px 0 36px;
          padding: 0;
          border: none; } }
    .p-company-vision__chuchou--button {
      text-align: center; }
      @media screen and (max-width: 767px) {
        .p-company-vision__chuchou--button a {
          padding-right: 36px;
          letter-spacing: 0; } }
    .p-company-vision__chuchou--linebox {
      padding: 50px 50px 48px;
      border: 1px solid #CCC; }
      @media screen and (max-width: 767px) {
        .p-company-vision__chuchou--linebox {
          padding: 40px 16px 36px; } }
    .p-company-vision__chuchou--logo {
      display: block;
      text-align: center; }
      .p-company-vision__chuchou--logo img {
        max-width: 480px; }
        @media screen and (max-width: 767px) {
          .p-company-vision__chuchou--logo img {
            max-width: 264px; } }
    .p-company-vision__chuchou--slogan {
      margin-top: 36px;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      line-height: 2; }
      @media screen and (max-width: 767px) {
        .p-company-vision__chuchou--slogan {
          font-size: 13px;
          letter-spacing: 0.02em; } }
      .p-company-vision__chuchou--slogan .only-sp {
        display: none; }
        @media screen and (max-width: 767px) {
          .p-company-vision__chuchou--slogan .only-sp {
            display: block; } }
  .p-company-vision__business-vision-content {
    background: #00469b;
    padding: 30px 40px 34px;
    color: #fff;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .p-company-vision__business-vision-content {
        padding: 17px 5vw 24px; } }
  .p-company-vision__business-vision-title {
    position: relative;
    padding: 0 47px;
    font-size: 24px;
    letter-spacing: 1.92px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__business-vision-title {
        font-size: 16px;
        line-height: 2.19;
        letter-spacing: 1.28px; } }
    .p-company-vision__business-vision-title::before {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 31px;
      height: 0;
      border: 1px solid #fff;
      content: ""; }
    .p-company-vision__business-vision-title::after {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      width: 31px;
      height: 0;
      border: 1px solid #fff;
      content: ""; }
  .p-company-vision__business-vision-text {
    margin-top: 10px;
    padding: 12px 0 10px;
    background: #fff;
    color: #00469b;
    font-weight: bold;
    font-size: 38px;
    letter-spacing: 3.04px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__business-vision-text {
        padding: 16px 10px;
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 1.06px; } }
  .p-company-vision__business-vision-subtext {
    display: block;
    font-weight: normal;
    font-size: 24px;
    letter-spacing: 1.92px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__business-vision-subtext {
        margin-top: 4px;
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0.56px; } }
  .p-company-vision__heading-tertiary {
    margin-top: 56px;
    font-size: 24px;
    line-height: 1.7;
    letter-spacing: 1.92px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__heading-tertiary {
        margin-top: 43px;
        font-size: 16px;
        line-height: 1.5; } }
  .p-company-vision__list-number {
    margin: 0 auto;
    color: #111;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.63;
    letter-spacing: 1.92px; }
    .p-company-vision__list-number--policies {
      width: 874px; }
      @media screen and (max-width: 767px) {
        .p-company-vision__list-number--policies {
          width: 82.3%; } }
      _:-ms-fullscreen, :root .p-company-vision__list-number--policies {
        width: 890px; }
        @media screen and (max-width: 767px) {
          _:-ms-fullscreen, :root .p-company-vision__list-number--policies {
            width: 82.3%; } }
      _:lang(x)::-moz-placeholder, :root .p-company-vision__list-number--policies {
        width: 890px; }
        @media screen and (max-width: 767px) {
          _:lang(x)::-moz-placeholder, :root .p-company-vision__list-number--policies {
            width: 82.3%; } }
    .p-company-vision__list-number--vision {
      width: 926px;
      margin-top: 24px; }
      @media screen and (max-width: 767px) {
        .p-company-vision__list-number--vision {
          width: 86.7%;
          margin-top: 30px; } }
      _:-ms-fullscreen, :root .p-company-vision__list-number--vision {
        width: 942px; }
        @media screen and (max-width: 767px) {
          _:-ms-fullscreen, :root .p-company-vision__list-number--vision {
            width: 86.7%; } }
      _:lang(x)::-moz-placeholder, :root .p-company-vision__list-number--vision {
        width: 942px; }
        @media screen and (max-width: 767px) {
          _:lang(x)::-moz-placeholder, :root .p-company-vision__list-number--vision {
            width: 86.7%; } }
  .p-company-vision__item-number {
    position: relative;
    padding-left: 1.8em; }
    .p-company-vision__item-number:nth-child(1)::before {
      position: absolute;
      top: 0;
      left: 0;
      content: "1."; }
    .p-company-vision__item-number:nth-child(2)::before {
      position: absolute;
      top: 0;
      left: 0;
      content: "2."; }
    .p-company-vision__item-number:nth-child(3)::before {
      position: absolute;
      top: 0;
      left: 0;
      content: "3."; }
    @media screen and (max-width: 767px) {
      .p-company-vision__item-number {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 1.12px; } }
    @media screen and (max-width: 767px) {
      .p-company-vision__item-number + .p-company-vision__item-number {
        margin-top: 16px; } }
  .p-company-vision__company-goal {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .p-company-vision__company-goal {
        width: 344px;
        margin: 0 auto; } }
    @media screen and (max-width: 399px) {
      .p-company-vision__company-goal {
        width: 100%; } }
  .p-company-vision__plan-item + .p-company-vision__plan-item {
    margin-top: 24px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__plan-item + .p-company-vision__plan-item {
        margin-top: 10px; } }
  .p-company-vision__plan-item-title {
    display: block; }
  .p-company-vision__plan-item-details {
    color: #111;
    font-size: 18px;
    line-height: 1.75;
    letter-spacing: 0.72px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__plan-item-details {
        font-size: 12px;
        line-height: 1.8;
        letter-spacing: 0.48px; } }

.p-company-network {
  color: #010101; }
  @media screen and (max-width: 767px) {
    .p-company-network__heading-primary {
      margin-bottom: 15px;
      line-height: 1.63;
      letter-spacing: 1.52px; } }
  .p-company-network__header-text + .p-company-network__header-text {
    margin-top: 10px; }
  @media screen and (max-width: 767px) {
    .p-company-network__header-text {
      font-size: 13px;
      line-height: 1.8;
      letter-spacing: 1.04px; } }
  .p-company-network__section {
    background: linear-gradient(to right, #385875 0%, #3777b1 50%, #385875 100%); }
  .p-company-network__heading-secondary {
    color: #fff;
    font-weight: bold;
    font-size: 48px;
    font-family: Helvetica;
    line-height: 1;
    letter-spacing: 3.84px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .p-company-network__heading-secondary {
        font-size: 32px;
        line-height: 0.9;
        letter-spacing: 2.56px; } }
  .p-company-network__map {
    width: 800px;
    height: 478px;
    margin-top: 60px;
    background: url(/assets/img/company/network/pc_global-map.png) no-repeat center/cover; }
    @media screen and (max-width: 767px) {
      .p-company-network__map {
        width: 100%;
        height: 54vw;
        margin-top: 8vw;
        background: url(/assets/img/company/network/sp_global-map.png) no-repeat center/cover; } }
    .p-company-network__map-pc-buttonArea {
      position: relative; }
    .p-company-network__map-sp-buttonArea {
      display: flex;
      margin-top: 10vw;
      flex-wrap: wrap;
      justify-content: space-between; }
    .p-company-network__map-button--northAmerica {
      position: absolute;
      width: 167px;
      border: 1px solid #a3cf5e;
      background: #fff;
      font-size: 20px;
      line-height: 1.44;
      letter-spacing: 1.6px;
      text-align: center;
      transition: 0.3s ease-in-out;
      top: 184px;
      left: 8px; }
      .p-company-network__map-button--northAmerica:hover {
        background: #a3cf5e;
        color: #fff; }
      .p-company-network__map-button--northAmerica a {
        display: block;
        padding: 10px 0;
        color: #a3cf5e;
        text-decoration: none; }
        @media screen and (max-width: 767px) {
          .p-company-network__map-button--northAmerica a {
            position: relative; } }
        .p-company-network__map-button--northAmerica a::after {
          position: absolute;
          top: 50%;
          right: 10px;
          transform: translateY(-50%);
          border: 5px solid transparent;
          border-left: 8px solid #a3cf5e;
          box-sizing: border-box;
          content: ""; }
        .p-company-network__map-button--northAmerica a:hover {
          color: #fff; }
          .p-company-network__map-button--northAmerica a:hover::after {
            border: 5px solid transparent;
            border-left: 8px solid #fff; }
        _:-ms-fullscreen, :root .p-company-network__map-button--northAmerica a {
          padding: 14px 0 6px; }
      @media screen and (max-width: 767px) {
        .p-company-network__map-button--northAmerica {
          position: static;
          width: 47.3%; } }
      @media screen and (max-width: 767px) {
        .p-company-network__map-button--northAmerica {
          margin-top: 4vw; } }
    .p-company-network__map-button--europe {
      position: absolute;
      width: 167px;
      border: 1px solid #2da9e9;
      background: #fff;
      font-size: 20px;
      line-height: 1.44;
      letter-spacing: 1.6px;
      text-align: center;
      transition: 0.3s ease-in-out;
      top: 228px;
      left: 260px; }
      .p-company-network__map-button--europe:hover {
        background: #2da9e9;
        color: #fff; }
      .p-company-network__map-button--europe a {
        display: block;
        padding: 10px 0;
        color: #2da9e9;
        text-decoration: none; }
        @media screen and (max-width: 767px) {
          .p-company-network__map-button--europe a {
            position: relative; } }
        .p-company-network__map-button--europe a::after {
          position: absolute;
          top: 50%;
          right: 10px;
          transform: translateY(-50%);
          border: 5px solid transparent;
          border-left: 8px solid #2da9e9;
          box-sizing: border-box;
          content: ""; }
        .p-company-network__map-button--europe a:hover {
          color: #fff; }
          .p-company-network__map-button--europe a:hover::after {
            border: 5px solid transparent;
            border-left: 8px solid #fff; }
        _:-ms-fullscreen, :root .p-company-network__map-button--europe a {
          padding: 14px 0 6px; }
      @media screen and (max-width: 767px) {
        .p-company-network__map-button--europe {
          position: static;
          width: 47.3%; } }
      @media screen and (max-width: 767px) {
        .p-company-network__map-button--europe {
          margin-top: 4vw; } }
    .p-company-network__map-button--asia {
      position: absolute;
      width: 167px;
      border: 1px solid #ffcc66;
      background: #fff;
      font-size: 20px;
      line-height: 1.44;
      letter-spacing: 1.6px;
      text-align: center;
      transition: 0.3s ease-in-out;
      top: 93px;
      left: 510px; }
      .p-company-network__map-button--asia:hover {
        background: #ffcc66;
        color: #fff; }
      .p-company-network__map-button--asia a {
        display: block;
        padding: 10px 0;
        color: #ffcc66;
        text-decoration: none; }
        @media screen and (max-width: 767px) {
          .p-company-network__map-button--asia a {
            position: relative; } }
        .p-company-network__map-button--asia a::after {
          position: absolute;
          top: 50%;
          right: 10px;
          transform: translateY(-50%);
          border: 5px solid transparent;
          border-left: 8px solid #ffcc66;
          box-sizing: border-box;
          content: ""; }
        .p-company-network__map-button--asia a:hover {
          color: #fff; }
          .p-company-network__map-button--asia a:hover::after {
            border: 5px solid transparent;
            border-left: 8px solid #fff; }
        _:-ms-fullscreen, :root .p-company-network__map-button--asia a {
          padding: 14px 0 6px; }
      @media screen and (max-width: 767px) {
        .p-company-network__map-button--asia {
          position: static;
          width: 47.3%; } }
    .p-company-network__map-button--japan {
      position: absolute;
      width: 167px;
      border: 1px solid #f4724a;
      background: #fff;
      font-size: 20px;
      line-height: 1.44;
      letter-spacing: 1.6px;
      text-align: center;
      transition: 0.3s ease-in-out;
      top: 227px;
      left: 711px; }
      .p-company-network__map-button--japan:hover {
        background: #f4724a;
        color: #fff; }
      .p-company-network__map-button--japan a {
        display: block;
        padding: 10px 0;
        color: #f4724a;
        text-decoration: none; }
        @media screen and (max-width: 767px) {
          .p-company-network__map-button--japan a {
            position: relative; } }
        .p-company-network__map-button--japan a::after {
          position: absolute;
          top: 50%;
          right: 10px;
          transform: translateY(-50%);
          border: 5px solid transparent;
          border-left: 8px solid #f4724a;
          box-sizing: border-box;
          content: ""; }
        .p-company-network__map-button--japan a:hover {
          color: #fff; }
          .p-company-network__map-button--japan a:hover::after {
            border: 5px solid transparent;
            border-left: 8px solid #fff; }
        _:-ms-fullscreen, :root .p-company-network__map-button--japan a {
          padding: 14px 0 6px; }
      @media screen and (max-width: 767px) {
        .p-company-network__map-button--japan {
          position: static;
          width: 47.3%; } }

.p-company-domestic {
  overflow-x: hidden;
  color: #010101; }
  @media screen and (max-width: 767px) {
    .p-company-domestic__heading-inner {
      padding: 0 3.75vw; } }
  .p-company-domestic__heading-primary {
    margin-bottom: 0; }
  .p-company-domestic__heading-box {
    background: linear-gradient(to right, #385875 0%, #629acd 52%, #385875 100%); }
  .p-company-domestic__map {
    width: 680px;
    height: 568px;
    margin: 0 auto;
    background: url(/assets/img/company/network/domestic/pc_japan-map.png) no-repeat center/cover; }
    @media screen and (max-width: 767px) {
      .p-company-domestic__map {
        width: 76.75vw;
        height: 71.5vw;
        background: url(/assets/img/company/network/domestic/sp_japan-map.png) no-repeat center/cover; } }

.p-company-global__section {
  padding-top: 38px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .p-company-global__section {
      padding-top: 30px; } }
  .p-company-global__section-gray {
    padding-bottom: 80px; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-gray {
        padding: 6px 0 40px; } }
  @media screen and (max-width: 767px) {
    .p-company-global__section-anchors-list {
      width: 360px; } }
  @media screen and (max-width: 399px) {
    .p-company-global__section-anchors-list {
      width: 90vw; } }
  .p-company-global__section-anchors-item {
    margin-right: 0; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-anchors-item {
        margin-top: 16px; } }
    .p-company-global__section-anchors-item:not(:first-child) {
      padding-left: 18px; }
      @media screen and (max-width: 767px) {
        .p-company-global__section-anchors-item:not(:first-child) {
          padding-left: 4vw; } }
      @media screen and (max-width: 399px) {
        .p-company-global__section-anchors-item:not(:first-child) {
          padding-left: 2vw; } }
    @media screen and (max-width: 767px) {
      .p-company-global__section-anchors-item:nth-child(2) {
        border-right: 1px solid #CCC; } }
    @media screen and (max-width: 767px) {
      .p-company-global__section-anchors-item:nth-child(3) {
        padding-left: 0;
        border-left: none; } }
    @media screen and (max-width: 767px) {
      .p-company-global__section-anchors-item--third {
        padding-left: 4vw !important; } }
  .p-company-global__section-anchors-link {
    position: relative;
    padding-right: 32px; }
    .p-company-global__section-anchors-link::after {
      position: absolute;
      top: 60%;
      right: 16px;
      transform: translateY(-50%);
      border: 4px solid transparent;
      border-top: 6px solid #00469b;
      content: ""; }
      @media screen and (max-width: 399px) {
        .p-company-global__section-anchors-link::after {
          right: 8px;
          border: 3px solid transparent;
          border-top: 5px solid #00469b; } }
      _:-ms-fullscreen, :root .p-company-global__section-anchors-link::after {
        top: 50%; }
    @media screen and (max-width: 399px) {
      .p-company-global__section-anchors-link {
        padding-right: 18px;
        font-size: 10px; } }
  .p-company-global__section-content {
    margin-top: 20px;
    padding: 0 32px;
    box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.04);
    background: #fff;
    color: #111; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-content {
        margin-top: 14px;
        padding: 0 30px;
        box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08); } }
    .p-company-global__section-content--overseas {
      position: relative;
      padding-top: 38px; }
      @media screen and (max-width: 767px) {
        .p-company-global__section-content--overseas {
          padding-top: 30px; } }
  .p-company-global__section-title {
    font-size: 24px;
    line-height: 1.63;
    letter-spacing: 1.92px; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-title {
        font-size: 18px;
        line-height: 1.61;
        letter-spacing: 1.44px; } }
    .p-company-global__section-title--overseas {
      font-size: 32px;
      letter-spacing: 2.56px; }
      @media screen and (max-width: 767px) {
        .p-company-global__section-title--overseas {
          font-size: 18px; } }
  .p-company-global__section-item {
    display: flex;
    padding: 32px 0;
    border-bottom: 1px solid #f5f5f5;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-item {
        display: block;
        padding: 28px 0; } }
    .p-company-global__section-item:last-child {
      padding-bottom: 38px;
      border-bottom: none; }
  .p-company-global__section-infoArea {
    display: flex; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-infoArea {
        display: block; } }
  .p-company-global__section-image {
    width: 240px;
    max-width: 240px; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-image {
        width: 100%;
        max-width: 100%;
        margin-top: 4px; } }
    .p-company-global__section-image img {
      width: 100%; }
  .p-company-global__section-info {
    width: 490px;
    margin: 14px 0 0 24px;
    font-size: 13px;
    line-height: 1.62;
    letter-spacing: 1.04px; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-info {
        width: 100%;
        margin: 8px 0 0 0;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 0.96px; } }
  .p-company-global__section-office {
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 1.6px; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-office {
        font-size: 16px;
        line-height: 1.63;
        letter-spacing: 1.28px; } }
    .p-company-global__section-office--en {
      line-height: 1.5; }
    .p-company-global__section-office sup {
      font-size: 61.5%;
      vertical-align: super; }
  .p-company-global__section-address {
    margin-top: 12px; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-address {
        margin-top: 16px; } }
  .p-company-global__section-telFax {
    margin-top: 4px; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-telFax {
        margin-top: 6px; } }
  .p-company-global__section-indent--domestic {
    padding-left: 3.2em; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-indent--domestic {
        padding-left: 3em; } }
    _:-ms-fullscreen, :root .p-company-global__section-indent--domestic {
      padding-left: 3.26em; }
    _:lang(x)::-moz-placeholder, :root .p-company-global__section-indent--domestic {
      padding-left: 3.25em; }
    @media screen and (max-width: 767px) {
      _::-webkit-full-page-media, _:future, :root .p-company-global__section-indent--domestic {
        padding-left: 3.37em; } }
  .p-company-global__section-indent--overseas {
    padding-left: 3.2em; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-indent--overseas {
        padding-left: 3.1em; } }
    _:-ms-fullscreen, :root .p-company-global__section-indent--overseas {
      padding-left: 3.3em; }
    _:lang(x)::-moz-placeholder, :root .p-company-global__section-indent--overseas {
      padding-left: 3.3em; }
    @media screen and (max-width: 767px) {
      _::-webkit-full-page-media, _:future, :root .p-company-global__section-indent--overseas {
        padding-left: 3.5em; } }
  .p-company-global__section-buttonArea {
    display: flex;
    margin-top: 20px;
    flex-direction: column; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-buttonArea {
        flex-direction: row; } }
  @media screen and (max-width: 767px) {
    .p-company-global__section-button {
      margin-top: 14px; } }
  .p-company-global__section-button + .p-company-global__section-button {
    margin-top: 12px; }
  @media screen and (max-width: 767px) {
    .p-company-global__section-button:nth-child(2n) {
      margin-left: 5.5vw; } }
  .p-company-global__section-tag {
    position: absolute;
    top: -26px;
    right: 0;
    padding: 2px 16px 2px 15px;
    background: #111;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1.12px; }
  .p-company-global__section-country {
    display: inline-block;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.7;
    letter-spacing: 1.92px; }
    @media screen and (max-width: 767px) {
      .p-company-global__section-country {
        font-size: 16px;
        line-height: 1.35; } }

.p-company-overseas {
  color: #010101; }
  @media screen and (max-width: 767px) {
    .p-company-overseas__heading-inner {
      padding: 0 3.75vw; } }
  .p-company-overseas__heading-primary {
    margin-bottom: 0; }
  .p-company-overseas__heading-box {
    padding: 60px 0;
    background: linear-gradient(to right, #385875 0%, #629acd 52%, #385875 100%); }
    @media screen and (max-width: 767px) {
      .p-company-overseas__heading-box {
        padding: 9.75vw 0; } }
  .p-company-overseas__map {
    width: 682px;
    height: 408px;
    margin: 0 auto;
    background: url(/assets/img/company/network/overseas/pc_overseas-map.png?202602) no-repeat center/cover; }
    @media screen and (max-width: 767px) {
      .p-company-overseas__map {
        width: 81vw;
        height: 48.5vw;
        background: url(/assets/img/company/network/overseas/pc_overseas-map.png?202602) no-repeat center/cover; } }

/* history xj.css */
#XJTxtDPDataTbl td {
  font-size: 15px;
  line-height: 1.93;
  letter-spacing: 1.2px; }

#XJTxtDPDataTbl .XJTxtDPDataTblTdDate {
  width: 240px;
  padding: 22px 0;
  border-bottom: 2px solid #ccc;
  font-weight: bold;
  text-align: center;
  vertical-align: middle; }

#XJTxtDPDataTbl .XJTxtDPDataTblTdValue {
  width: 728px;
  padding: 22px 30px;
  border-bottom: 2px solid #f5f5f5; }

@media screen and (max-width: 767px) {
  #XJTxtDPDataTbl td {
    display: block;
    font-size: 12px;
    letter-spacing: 0.96px; }
  #XJTxtDPDataTbl .XJTxtDPDataTableTr:not(:first-of-type) .XJTxtDPDataTblTdDate {
    margin-top: 23px; }
  #XJTxtDPDataTbl .XJTxtDPDataTblTdDate {
    width: 100%;
    padding: 0px 10px;
    border-bottom: none;
    text-align: left; }
  #XJTxtDPDataTbl .XJTxtDPDataTblTdValue {
    width: 100%;
    padding: 3px 10px 19px; } }

/* download-banner */
.download-banner {
  width: 100%;
  height: 281px;
  position: relative; }
  @media (min-width: 768px) {
    .download-banner {
      height: 320px; } }
  .download-banner a {
    color: inherit;
    text-decoration: none; }

.download-banner__img {
  width: 100%;
  height: 100%; }
  .download-banner__img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.download-banner__contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  text-align: center; }

.download-banner__title {
  font-size: 24px;
  line-height: calc(29 / 24);
  font-weight: 700;
  letter-spacing: .08em;
  color: #fff; }
  @media (min-width: 768px) {
    .download-banner__title {
      font-size: 27px;
      line-height: calc(46 / 27); } }
  .download-banner__title span {
    text-transform: uppercase; }

.download-banner__sub-title {
  margin-top: 15px;
  font-size: 19px;
  line-height: calc(23 / 19);
  font-weight: 700;
  letter-spacing: .08em;
  color: #fff; }
  @media (min-width: 768px) {
    .download-banner__sub-title {
      margin-top: 2px;
      font-size: 24px;
      line-height: calc(41 / 24); } }

.download-banner__btn {
  margin-top: 24px; }
  @media (min-width: 768px) {
    .download-banner__btn {
      margin-top: 20px; } }
  .download-banner__btn a {
    margin-inline: auto;
    width: 260px;
    height: 40px;
    display: grid;
    place-content: center;
    border: 2px solid #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .02em;
    padding-right: 81px;
    color: #fff;
    position: relative;
    transition: color .3s, background-color .3s; }
    @media (min-width: 768px) {
      .download-banner__btn a {
        width: 313px;
        height: 54px;
        font-size: 16px;
        padding-right: 60px; } }
    .download-banner__btn a::after {
      content: '';
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%);
      width: 16px;
      height: 18px;
      background-color: #fff;
      mask-image: url(/assets/img/company/banner/icon_pdf.svg);
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: 100%;
      transition: background-color .3s; }
      @media (min-width: 768px) {
        .download-banner__btn a::after {
          width: 23px;
          height: 25px;
          right: 18px; } }

.download-banner__btn a:hover {
  background-color: #fff;
  color: #00469b; }

.download-banner__btn a:hover::after {
  background-color: #00469b; }

@media (min-width: 768px) {
  .u-sp {
    display: none; } }

@media screen and (max-width: 767px) {
  .p-sustainability-top .c-heading-primary--strong {
    letter-spacing: 0.05em; } }

.p-sustainability-policy__section:not(:last-child),
.p-sustainability-carbonneutral__section:not(:last-child) {
  margin-bottom: 56px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-policy__section:not(:last-child),
    .p-sustainability-carbonneutral__section:not(:last-child) {
      margin-bottom: 36px; } }

.p-sustainability-policy__section--s {
  font-size: 15px; }
  .p-sustainability-policy__section--s:not(:last-child) {
    margin-bottom: 26px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-policy__section--s {
      font-size: 13px; } }

.p-sustainability-policy__heading-primary {
  margin-bottom: 28px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.7; }
  @media screen and (max-width: 767px) {
    .p-sustainability-policy__heading-primary {
      margin-bottom: 20px;
      font-size: 16px; } }

.p-sustainability-policy__heading-secondary {
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(1, 1, 1, 0.8);
  font-size: 18px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .p-sustainability-policy__heading-secondary {
      margin-bottom: 12px;
      padding-bottom: 8px;
      font-size: 14px; } }

.p-sustainability-policy__paragraph {
  line-height: 1.8; }

.p-sustainability-carbonneutral__paragraphBlock + .p-sustainability-carbonneutral__paragraphBlock {
  margin-top: 80px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-carbonneutral__paragraphBlock + .p-sustainability-carbonneutral__paragraphBlock {
      margin-top: 60px; } }

.p-sustainability-sustainability__kvTitleBreak {
  display: none; }
  @media screen and (max-width: 767px) {
    .p-sustainability-sustainability__kvTitleBreak {
      display: block; } }
  @media screen and (max-width: 360px) {
    .p-sustainability-sustainability__kvTitleBreak {
      display: none; } }

@media screen and (max-width: 767px) {
  .p-sustainability-sustainability__heading {
    font-size: 19px;
    line-height: 1.8; } }

.p-sustainability-sustainability__image {
  margin-top: 60px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .p-sustainability-sustainability__image {
      width: 100%;
      margin-top: 48px; } }
  .p-sustainability-sustainability__image img {
    width: 53%;
    height: auto; }
    @media screen and (max-width: 767px) {
      .p-sustainability-sustainability__image img {
        width: 100%; } }

.p-sustainability-sustainability__image-caption {
  margin-bottom: 38px; }

.p-sustainability-sustainability__image-caption span {
  position: relative;
  font-weight: bold;
  font-size: 30px;
  line-height: 1.14; }
  @media screen and (max-width: 767px) {
    .p-sustainability-sustainability__image-caption span {
      font-size: 16px;
      line-height: 2.14; } }
  .p-sustainability-sustainability__image-caption span::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #010101;
    content: ""; }
    @media screen and (max-width: 767px) {
      .p-sustainability-sustainability__image-caption span::after {
        height: 1px; } }

.p-sustainability-sustainability__about {
  position: relative;
  max-width: 900px;
  margin: 60px auto 0;
  padding: 24px 32px 20px;
  background-color: #f7f7f7;
  font-size: 14px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-sustainability__about {
      margin-top: -9px;
      padding: 24px 16px; } }
  .p-sustainability-sustainability__about::before {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -23px;
    border-bottom: 18px solid #f7f7f7;
    border-right: 23px solid transparent;
    border-left: 23px solid transparent;
    content: ''; }

.p-sustainability-sustainability__about-title {
  font-size: 16px;
  font-weight: bold; }

.p-sustainability-sustainability__about-text {
  margin-top: 8px;
  line-height: 1.8; }
  .p-sustainability-sustainability__about-text + .p-sustainability-sustainability__about-text {
    margin-top: 12px; }

.p-sustainability-sustainability__about-link {
  position: relative;
  padding-right: 18px;
  display: inline-block;
  color: #00469b;
  font-weight: bold;
  text-decoration: none; }
  .p-sustainability-sustainability__about-link:hover {
    text-decoration: underline; }

.p-sustainability-sustainability__about-blank {
  position: absolute;
  right: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px; }
  .p-sustainability-sustainability__about-blank::before, .p-sustainability-sustainability__about-blank::after {
    position: absolute;
    content: ''; }
  .p-sustainability-sustainability__about-blank::before {
    left: 0;
    bottom: 0;
    width: 9px;
    height: 8px;
    border-left: 1px solid #00469b;
    border-bottom: 1px solid #00469b; }
  .p-sustainability-sustainability__about-blank::after {
    left: 2px;
    bottom: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #00469b; }

.p-sustainability-sustainability__images {
  margin-top: 60px; }
  .p-sustainability-sustainability__images img {
    height: auto; }

.p-sustainability-carbonneutral__box {
  margin: 40px auto 0; }
  @media print, screen and (min-width: 768px) {
    .p-sustainability-carbonneutral__box {
      width: 968px; } }
  @media screen and (max-width: 767px) {
    .p-sustainability-carbonneutral__box {
      margin-top: 32px; } }

.p-sustainability-carbonneutral__images {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .p-sustainability-carbonneutral__images {
      margin-top: 24px; }
      .p-sustainability-carbonneutral__images.c-table-scrollX figure {
        width: 162.5vw; } }

.p-sustainability-carbonneutral__txtNotes {
  font-size: 15px;
  line-height: 1.8;
  margin-top: 16px;
  padding-left: 15px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-carbonneutral__txtNotes {
      font-size: 12px;
      line-height: 1.83;
      margin-top: 12px;
      padding-left: 0px;
      display: flex;
      flex-flow: column; }
      .p-sustainability-carbonneutral__txtNotes .u-pd-sp {
        padding-left: 28px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-carbonneutral__section .c-table-div {
    width: 100%; }
    .p-sustainability-carbonneutral__section .c-table-div .c-heading-sub {
      font-size: 12px;
      line-height: 1.6;
      margin-bottom: 12px; }
    .p-sustainability-carbonneutral__section .c-table-div .p-sustainability-carbonneutral__txtNotes {
      flex-flow: nowrap;
      align-items: flex-end; } }

.u-sup {
  font-size: 14px; }
  @media screen and (max-width: 767px) {
    .u-sup {
      font-size: 10px; } }

.u-sup-smail {
  font-size: 10px; }

.p-sustainability-carbonneutral__paragraphBlock .c-table-basic__item {
  padding-top: 24px;
  padding-bottom: 24px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-carbonneutral__paragraphBlock .c-table-basic__item {
      padding-left: 10px;
      padding-top: 10px;
      padding-bottom: 10px; } }

.p-sustainability-carbonneutral__paragraphBlock .c-table-basic__ttl {
  padding: 24px 0; }
  @media screen and (max-width: 767px) {
    .p-sustainability-carbonneutral__paragraphBlock .c-table-basic__ttl {
      padding-top: 10px;
      padding-bottom: 10px; } }

.p-sustainability-carbonneutral-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-end;
  column-gap: 50px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-carbonneutral-container {
      grid-template-columns: repeat(1, 1fr);
      gap: 30px 0; } }
  .p-sustainability-carbonneutral-container__column:nth-of-type(2) {
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .p-sustainability-carbonneutral-container__column:nth-of-type(2) {
        margin-bottom: 0; } }
  .p-sustainability-carbonneutral-container__column figure img {
    width: 100%;
    height: auto;
    object-fit: cover; }

.p-sustainability-green_policy-banner {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .p-sustainability-green_policy-banner {
      margin-top: 20px; } }
  .p-sustainability-green_policy-banner.column-02 .p-sustainability-green_policy-banner__item {
    flex: 0 1 524px;
    width: 524px; }
    @media print, screen and (min-width: 768px) {
      .p-sustainability-green_policy-banner.column-02 .p-sustainability-green_policy-banner__item:nth-child(n+3) {
        margin-top: 40px; }
      .p-sustainability-green_policy-banner.column-02 .p-sustainability-green_policy-banner__item:nth-child(even) {
        margin-left: 40px; } }
    @media screen and (max-width: 767px) {
      .p-sustainability-green_policy-banner.column-02 .p-sustainability-green_policy-banner__item:nth-child(n+2) {
        margin-top: 24px; } }

.p-sustainability-green_policy-banner__item-linkArea {
  margin-top: 6px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-green_policy-banner__item-linkArea {
      margin-top: 4px; } }

.p-sustainability-green_policy-banner__item-link {
  border-bottom: 1px solid #0b4572;
  color: #0b4572;
  font-size: 14px;
  text-decoration: none;
  transition: .3s; }
  @media screen and (max-width: 767px) {
    .p-sustainability-green_policy-banner__item-link {
      font-size: 12px; } }
  .p-sustainability-green_policy-banner__item-link:hover {
    opacity: .8;
    border-bottom: 1px solid transparent; }
    @media screen and (max-width: 767px) {
      .p-sustainability-green_policy-banner__item-link:hover {
        opacity: 1;
        border-bottom: 1px solid #0b4572; } }

.p-sustainability-green_policy-banner__itemDesc {
  margin-top: 12px;
  font-size: 13px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-green_policy-banner__itemDesc {
      margin-top: 10px;
      font-size: 12px; } }

.p-sustainability-organization .c-modal__inner {
  max-width: 424px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-organization .c-modal__inner {
      max-width: 80%; } }
  .p-sustainability-organization .c-modal__inner--multi {
    max-width: 900px; }
    @media screen and (max-width: 767px) {
      .p-sustainability-organization .c-modal__inner--multi {
        max-width: 80%; } }

.p-sustainability-organization .p-sustainability-organization-modal__contents {
  display: flex;
  justify-content: space-between;
  column-gap: 20px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-organization .p-sustainability-organization-modal__contents {
      align-items: center;
      flex-direction: column;
      max-height: 70vh;
      overflow-y: scroll;
      row-gap: 20px; } }
  .p-sustainability-organization .p-sustainability-organization-modal__contents img {
    max-width: min(424px,48%); }
    @media screen and (max-width: 767px) {
      .p-sustainability-organization .p-sustainability-organization-modal__contents img {
        max-width: 100%; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-organization-iso .c-table-div {
    width: 776px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-organization-iso .c-table-div {
    margin-top: 30px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-organization-iso .c-table-div--en {
    width: 836px; } }

.p-sustainability-organization-iso .c-table-basic {
  table-layout: fixed;
  width: 100%; }

@media screen and (max-width: 767px) {
  .p-sustainability-organization-iso .c-table-basic__ttl {
    font-size: 10px;
    padding: 10px 5px; } }

.p-sustainability-organization-iso .c-table-basic__ttl:first-child {
  width: 400px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-organization-iso .c-table-basic__ttl:first-child {
      width: 54.4%; } }

.p-sustainability-organization-iso .c-table-basic__ttl--en:first-child {
  width: 440px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-organization-iso .c-table-basic__ttl--en:first-child {
      width: 54.4%; } }

@media screen and (max-width: 767px) {
  .p-sustainability-organization-iso .c-table-basic__item {
    font-size: 10px;
    padding: 10px 5px; } }

.p-sustainability-organization-iso .c-table-basic__item:not(:first-child) {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .p-sustainability-organization-iso .c-table-basic__item:not(:first-child) {
      font-size: 12px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-customer .c-table-div {
    width: 968px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-customer .c-table-basic__ttl {
    font-size: 12px; } }

.p-sustainability-customer .c-table-basic__ttl:first-child {
  width: 218px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-customer .c-table-basic__ttl:first-child {
      width: 33.05%; } }

.p-sustainability-customer .c-table-basic__item:not(.c-table-basic__about) {
  font-weight: normal; }
  @media screen and (max-width: 767px) {
    .p-sustainability-customer .c-table-basic__item:not(.c-table-basic__about) {
      font-size: 10px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-customer .c-table-basic__about {
    font-size: 12px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal01 .c-modal-html__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

.p-sustainability-office-factory .c-modal-modal01 .c-modal-html__heading img {
  width: 57px;
  height: 27px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory .c-modal-modal01 .c-modal-html__heading img {
      width: 32px;
      height: 15px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal01__left {
    flex: 0 1 440px;
    max-width: 440px; } }

.p-sustainability-office-factory .c-modal-modal01__left ul {
  font-size: 15px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory .c-modal-modal01__left ul {
      font-size: 14px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal01__right {
    flex: 0 1 380px;
    max-width: 380px; } }

.p-sustainability-office-factory .c-modal-modal01__full {
  margin-top: 30px; }
  @media print, screen and (min-width: 768px) {
    .p-sustainability-office-factory .c-modal-modal01__full {
      flex: 0 1 100%;
      max-width: 100%; } }
  .p-sustainability-office-factory .c-modal-modal01__full img {
    max-width: 682px;
    display: block;
    margin: 0 auto; }

.p-sustainability-office-factory .c-modal-modal02 .c-modal-html__heading img {
  width: 32px;
  height: 40px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory .c-modal-modal02 .c-modal-html__heading img {
      width: 18.4px;
      height: 23px; } }

.p-sustainability-office-factory .c-modal-modal03 .c-modal-html__heading img {
  width: 41px;
  height: 41px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory .c-modal-modal03 .c-modal-html__heading img {
      width: 24px;
      height: 24px; } }

.p-sustainability-office-factory .c-modal-modal04 .c-modal-html__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.p-sustainability-office-factory .c-modal-modal04 .c-modal-html__heading img {
  width: 47px;
  height: 40px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory .c-modal-modal04 .c-modal-html__heading img {
      width: 28.2px;
      height: 24px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal04__left {
    flex: 0 1 519px;
    max-width: 519px; } }

.p-sustainability-office-factory .c-modal-modal04__left p {
  margin-top: 15px; }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal04__right {
    flex: 0 1 340px;
    max-width: 340px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal04__left2 {
    flex: 0 1 618px;
    max-width: 618px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal04__right2 {
    flex: 0 1 239px;
    max-width: 239px; } }

.p-sustainability-office-factory .c-modal-modal05 .c-modal-html__heading img {
  width: 40px;
  height: 40px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory .c-modal-modal05 .c-modal-html__heading img {
      width: 23px;
      height: 23px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal05__left {
    flex: 0 1 445px;
    max-width: 445px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal05__right {
    flex: 0 1 380px;
    max-width: 380px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal05__full {
    flex: 0 1 100%;
    max-width: 100%; } }

.p-sustainability-office-factory .c-modal-modal06 .c-modal-html__heading img {
  width: 50px;
  height: 36px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory .c-modal-modal06 .c-modal-html__heading img {
      width: 33.3px;
      height: 24px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal06-echocute__photo {
    width: 867px;
    margin: 0 auto; } }

.p-sustainability-office-factory .c-modal-modal07 .c-modal-html__heading img {
  width: 23px;
  height: 38px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory .c-modal-modal07 .c-modal-html__heading img {
      width: 15px;
      height: 24px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-office-factory .c-modal-modal08 .c-modal-html__heading {
    font-size: 13px;
    flex-wrap: wrap;
    flex-direction: column; } }

.p-sustainability-office-factory .c-modal-modal08 .c-modal-html__heading img {
  width: 40px;
  height: 40px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory .c-modal-modal08 .c-modal-html__heading img {
      margin-bottom: 5px;
      width: 24px;
      height: 24px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal06-left {
    flex: 0 1 420px;
    max-width: 420px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal06-right {
    flex: 0 1 405px;
    max-width: 405px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal08__item {
    flex: 0 1 420px;
    max-width: 420px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-office-factory .c-modal-modal08__item:nth-child(n+2) {
    margin-top: 32px; } }

.p-sustainability-office-factory .c-modal-modal09 .c-modal-html__heading img {
  width: 40px;
  height: 40px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory .c-modal-modal09 .c-modal-html__heading img {
      margin-bottom: 5px;
      width: 24px;
      height: 24px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal09-left {
    flex: 0 1 342px;
    max-width: 342px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-modal-modal09-right {
    flex: 0 1 518px;
    max-width: 518px; } }

.p-sustainability-office-factory .c-heading-tertiary {
  position: relative; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory .c-heading-tertiary {
      margin-bottom: 48px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory .c-heading-icons {
    bottom: 0; } }

.p-sustainability-office-factory-summary .c-table-basic {
  table-layout: fixed; }

@media print, screen and (min-width: 768px) {
  .p-sustainability-office-factory-summary .c-table-div {
    width: 900px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-office-factory-summary th.c-table-basic__item {
    font-size: 12px;
    text-align: center;
    padding: 8px 5px;
    width: 20%; } }

@media screen and (max-width: 767px) {
  .p-sustainability-office-factory-summary th.c-table-basic__item--en {
    width: 24%;
    font-size: 11px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-office-factory-summary td.c-table-basic__item {
    font-size: 10px; } }

.p-sustainability-office-factory-summary .c-table-basic__item {
  padding: 20px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory-summary .c-table-basic__item {
      padding: 8px 4px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-customer-system {
    display: flex;
    flex-direction: column; } }

.p-sustainability-customer-system .c-common-layout1__thumb {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .p-sustainability-customer-system .c-common-layout1__thumb {
      order: -1;
      margin: 0 0 40px; } }
  .p-sustainability-customer-system .c-common-layout1__thumb img {
    width: 278px; }

.p-sustainability-office-factory-modalbox {
  background: url(/assets/img/sustainability/environment/office_factory/img02.png) no-repeat 0 0;
  width: 900px;
  height: 608px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory-modalbox {
      width: 100%;
      height: 60.75vw;
      background-size: cover; } }
  .p-sustainability-office-factory-modalbox .c-modal__trigger-button {
    position: absolute; }

.p-sustainability-office-factory-modalbox--en {
  background: url(/assets/img/sustainability/environment/office_factory/en_pc_img02.png) no-repeat 0 0; }
  @media screen and (max-width: 767px) {
    .p-sustainability-office-factory-modalbox--en {
      background: url(/assets/img/sustainability/environment/office_factory/en_sp_img02.png) no-repeat 0 0;
      background-size: cover; } }

.c-modal__trigger-button[data-modal="system1"] {
  top: 70px;
  left: 67px; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system1"] {
      top: 8vw;
      left: 4.5vw;
      width: 24.5vw; } }

.c-modal__trigger-button[data-modal="system2"] {
  top: 182px;
  left: 10px; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system2"] {
      top: 19vw;
      left: 1vw;
      width: 24.5vw; } }

.c-modal__trigger-button[data-modal="system3"] {
  top: 282px;
  left: 10px; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system3"] {
      top: 30vw;
      left: 4.25vw;
      width: 24.5vw; } }

.c-modal__trigger-button[data-modal="system4"] {
  top: 396px;
  left: 155px; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system4"] {
      top: 40.25vw;
      left: 7.5vw;
      width: 18.5vw; } }

.c-modal__trigger-button[data-modal="system5"] {
  bottom: 6px;
  left: 10px; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system5"] {
      bottom: 1.25vw;
      left: 10.75vw;
      width: 18.5vw; } }

.c-modal__trigger-button[data-modal="system6"] {
  top: 53px;
  right: 352px; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system6"] {
      top: 5.5vw;
      right: 29.5vw;
      width: 24.5vw; } }

.c-modal__trigger-button[data-modal="system7"] {
  top: 256px;
  right: 144px; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system7"] {
      top: 21.25vw;
      right: 17.25vw;
      width: 19.5vw; } }

.c-modal__trigger-button[data-modal="system8"] {
  top: 345px;
  right: 149px; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system8"] {
      top: 30.75vw;
      right: 3.75vw;
      width: 30.25vw; } }

.c-modal__trigger-button[data-modal="system9"] {
  bottom: 119px;
  right: 99px; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system9"] {
      bottom: 10vw;
      right: 9vw;
      width: 22vw; } }

.c-modal__trigger-button[data-modal="system10"] {
  top: 164px;
  right: 98px;
  cursor: default; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system10"] {
      top: 13vw;
      right: 9.25vw;
      width: 18.5vw; } }

.c-modal__trigger-button[data-modal="system11"] {
  bottom: 35px;
  right: 356px;
  cursor: default; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system11"] {
      bottom: 1.25vw;
      right: 36vw;
      width: 18.5vw; } }

.c-modal__trigger-button[data-modal="system12"] {
  bottom: 60px;
  right: 79px;
  cursor: default; }
  @media screen and (max-width: 767px) {
    .c-modal__trigger-button[data-modal="system12"] {
      bottom: 1.25vw;
      right: 10vw;
      width: 18.5vw; } }

.p-sustainability-organization-images {
  margin-top: 32px;
  display: flex;
  justify-content: center; }

.p-sustainability-organization-images__item {
  flex: 0 1 333px;
  max-width: 333px; }
  .p-sustainability-organization-images__item img {
    padding: 31px 59px;
    border: 1px solid #cccccc; }
    @media screen and (max-width: 767px) {
      .p-sustainability-organization-images__item img {
        padding: 10px 20px; } }
  .p-sustainability-organization-images__item + .p-sustainability-organization-images__item {
    margin-left: 40px; }
    @media screen and (max-width: 767px) {
      .p-sustainability-organization-images__item + .p-sustainability-organization-images__item {
        margin-left: 5vw; } }
  .p-sustainability-organization-images__item [data-modal*="image"] {
    cursor: pointer; }
  @media screen and (max-width: 767px) {
    .p-sustainability-organization-images__item._en {
      width: 45.833%; } }
  @media screen and (max-width: 767px) {
    .p-sustainability-organization-images__item._en img {
      width: 100%;
      padding: 10px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-organization-images__item-figure {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .p-sustainability-organization-images__item-figure {
    width: 100%; } }

.p-sustainability-organization-images__caption {
  margin-top: 16px;
  text-align: center;
  font-size: 18px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-organization-images__caption {
      font-size: 13px; } }
  .p-sustainability-organization-images__caption span {
    color: #00469b; }
  @media screen and (max-width: 380px) {
    .p-sustainability-organization-images__caption._en {
      font-size: 11px; } }

@media screen and (max-width: 767px) {
  .c-table-scrollX {
    overflow-x: scroll;
    padding-bottom: 3px; }
    .c-table-scrollX figure {
      width: 160vw; } }

/* 第3フェーズにて追記 &__supplier以降 */
@media print, screen and (min-width: 768px) {
  .p-sustainability-partner .c-table-div {
    width: 968px; } }

.p-sustainability-partner .c-table-basic__ttl {
  padding: 20px; }

.p-sustainability-partner .c-table-basic__about {
  vertical-align: top; }
  @media screen and (max-width: 767px) {
    .p-sustainability-partner .c-table-basic__about {
      font-size: 12px;
      width: 34%; } }

.p-sustainability-partner .c-table-basic__item:not(.c-table-basic__about) {
  font-weight: normal; }

.p-sustainability-partner__supplier-lead-paragraph {
  line-height: 1.8;
  letter-spacing: 1.2px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-partner__supplier-lead-paragraph {
      line-height: 1.75;
      letter-spacing: 1.12px; } }
  .p-sustainability-partner__supplier-lead-paragraph + .p-sustainability-partner__supplier-lead-paragraph {
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .p-sustainability-partner__supplier-lead-paragraph + .p-sustainability-partner__supplier-lead-paragraph {
        margin-top: 14px; } }

.p-sustainability-partner__supplier-section-small {
  margin-top: 60px;
  line-height: 1.8;
  letter-spacing: 1.2px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-partner__supplier-section-small {
      margin-top: 40px;
      line-height: 1.75;
      letter-spacing: 1.12px; } }

.p-sustainability-partner__supplier-request-paragraph + .p-sustainability-partner__supplier-request-paragraph {
  margin-top: 25px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-partner__supplier-request-paragraph + .p-sustainability-partner__supplier-request-paragraph {
      margin-top: 10px; } }

.p-sustainability-partner__supplier-request-list {
  margin-top: 30px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-partner__supplier-request-list {
      margin-top: 18px; } }

.p-sustainability-partner__supplier-request-listTitle {
  margin-top: 18px;
  font-weight: bold; }

.p-sustainability-partner__supplier-request-listDesc {
  padding-left: 1.5em; }

.p-sustainability-partner__supplier-buttonArea {
  display: flex;
  margin-top: 52px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-partner__supplier-buttonArea {
      margin-top: 32px; } }

/* 第3フェーズにて追記 */
.p-sustainability-community__banner {
  justify-content: flex-end; }
  @media screen and (max-width: 767px) {
    .p-sustainability-community__banner {
      margin-top: 30px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-community__bellmare {
    flex-basis: 250px;
    max-width: 250px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-community__bellmare {
    width: 62.5vw;
    margin-left: auto; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-quality-qms .c-table-div {
    width: 1000px; } }

@media screen and (max-width: 767px) {
  .p-sustainability-quality-qms .c-table-div {
    margin-top: 30px; } }

@media print, screen and (min-width: 768px) {
  .p-sustainability-quality-qms .c-table-div--en {
    width: 836px; } }

.p-sustainability-quality-qms .c-table-basic {
  table-layout: fixed;
  width: 100%; }

@media screen and (max-width: 767px) {
  .p-sustainability-quality-qms .c-table-basic__ttl {
    font-size: 10px;
    padding: 10px 5px; } }

.p-sustainability-quality-qms .c-table-basic__ttl:first-child {
  width: 110px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-quality-qms .c-table-basic__ttl:first-child {
      width: 24.4%; } }

.p-sustainability-quality-qms .c-table-basic__ttl:last-child {
  width: 110px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-quality-qms .c-table-basic__ttl:last-child {
      width: 14.4%; } }
  [lang="en"] .p-sustainability-quality-qms .c-table-basic__ttl:last-child {
    width: 140px; }
    @media screen and (max-width: 767px) {
      [lang="en"] .p-sustainability-quality-qms .c-table-basic__ttl:last-child {
        width: 80px; } }

.p-sustainability-quality-qms .c-table-basic__ttl--en:first-child {
  width: 440px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-quality-qms .c-table-basic__ttl--en:first-child {
      width: 54.4%; } }

@media screen and (max-width: 767px) {
  .p-sustainability-quality-qms .c-table-basic__item {
    font-size: 10px;
    padding: 10px 5px; } }

.p-sustainability-quality-qms .c-table-basic__item:not(:nth-child(2)) {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .p-sustainability-quality-qms .c-table-basic__item:not(:nth-child(2)) {
      font-size: 10px; } }

.p-sustainability-quality-activity-media {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .p-sustainability-quality-activity-media {
      flex-direction: column-reverse; } }
  @media screen and (max-width: 767px) {
    .p-sustainability-quality-activity-media__text {
      margin-top: 20px; } }
  .p-sustainability-quality-activity-media__image {
    margin-left: 40px;
    width: 370px;
    flex-shrink: 0; }
    @media screen and (max-width: 767px) {
      .p-sustainability-quality-activity-media__image {
        margin-left: 0;
        width: 100%; } }

.p-sustainability-quality-activity__image {
  margin-top: 20px;
  text-align: center; }

.p-sustainability-quality-activity-flow {
  max-width: 980px;
  margin-top: 40px;
  margin-bottom: 80px;
  margin-right: auto;
  margin-left: auto; }
  .p-sustainability-quality-activity-flow__item {
    display: flex; }
    .p-sustainability-quality-activity-flow__item:nth-child(2n) {
      --arrow-color:#B5D4F7; }
    .p-sustainability-quality-activity-flow__item:nth-child(2n + 1) {
      --arrow-color:#D9E8F9; }
    .p-sustainability-quality-activity-flow__item:first-child .p-sustainability-quality-activity-flow__arrow {
      background-image: linear-gradient(to bottom, var(--arrow-color), var(--arrow-color) calc(100% - 12.5px), transparent calc(100% - 12.5px)); }
      .p-sustainability-quality-activity-flow__item:first-child .p-sustainability-quality-activity-flow__arrow::before {
        content: none; }
    .p-sustainability-quality-activity-flow__item:last-child .p-sustainability-quality-activity-flow__arrow {
      background-image: linear-gradient(to bottom, transparent, transparent 25px, var(--arrow-color) 25px, var(--arrow-color)); }
      .p-sustainability-quality-activity-flow__item:last-child .p-sustainability-quality-activity-flow__arrow::after {
        content: none; }
  .p-sustainability-quality-activity-flow__arrow {
    display: flex;
    position: relative;
    width: 280px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to bottom, transparent, transparent 25px, var(--arrow-color) 25px, var(--arrow-color) calc(100% - 12.5px), transparent calc(100% - 12.5px)); }
    @media screen and (max-width: 767px) {
      .p-sustainability-quality-activity-flow__arrow {
        width: 24vw; } }
    [lang="en"] .p-sustainability-quality-activity-flow__arrow {
      padding: 30px; }
      @media screen and (max-width: 767px) {
        [lang="en"] .p-sustainability-quality-activity-flow__arrow {
          width: 36vw;
          padding: 1vw; } }
    .p-sustainability-quality-activity-flow__arrow::after {
      position: absolute;
      bottom: -13px;
      left: 0;
      width: 0;
      height: 0;
      border-top: 26px solid var(--arrow-color);
      border-left: 140px solid transparent;
      border-right: 140px solid transparent;
      content: ''; }
      @media screen and (max-width: 767px) {
        .p-sustainability-quality-activity-flow__arrow::after {
          border-left-width: 12vw;
          border-right-width: 12vw; } }
      @media screen and (max-width: 767px) {
        [lang="en"] .p-sustainability-quality-activity-flow__arrow::after {
          border-left-width: 18vw;
          border-right-width: 18vw; } }
    .p-sustainability-quality-activity-flow__arrow::before {
      position: absolute;
      top: -2px;
      left: 0;
      width: 0;
      height: 0;
      border-top: 26px solid transparent;
      border-left: 140px solid var(--arrow-color);
      border-right: 140px solid var(--arrow-color);
      border-bottom: 5px solid var(--arrow-color);
      content: ''; }
      @media screen and (max-width: 767px) {
        .p-sustainability-quality-activity-flow__arrow::before {
          border-left-width: 12vw;
          border-right-width: 12vw; } }
      @media screen and (max-width: 767px) {
        [lang="en"] .p-sustainability-quality-activity-flow__arrow::before {
          border-left-width: 18vw;
          border-right-width: 18vw; } }
  .p-sustainability-quality-activity-flow__contents {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    flex-direction: column;
    justify-content: center;
    min-height: 153px;
    margin-left: 25px;
    background-image: linear-gradient(to right, #00469B, #00469B 4px, transparent 4px, transparent 10px);
    background-size: 10px 1px;
    background-position: left bottom;
    background-repeat: repeat-x;
    flex: 1; }
  .p-sustainability-quality-activity-flow__num {
    font-weight: 700;
    font-size: 27px;
    letter-spacing: 0.08em;
    color: #4C98F2; }
  .p-sustainability-quality-activity-flow__title {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0.08em;
    color: #00469B; }
    @media screen and (max-width: 767px) {
      .p-sustainability-quality-activity-flow__title {
        font-size: 12px;
        text-align: center; } }
    [lang="en"] .p-sustainability-quality-activity-flow__title {
      font-size: 18px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        [lang="en"] .p-sustainability-quality-activity-flow__title {
          font-size: 12px; } }
  .p-sustainability-quality-activity-flow__heading {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.08em;
    color: #00469B; }
  .p-sustainability-quality-activity-flow__body {
    margin-top: 9px;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.08em;
    line-height: 1.8; }
    @media screen and (max-width: 767px) {
      .p-sustainability-quality-activity-flow__body {
        font-size: 14px;
        line-height: 1.6; } }
  .p-sustainability-quality-activity-flow__list li {
    padding-left: 1em;
    text-indent: -1em; }
  .p-sustainability-quality-activity-flow__list ._note {
    padding-left: 1em;
    text-indent: -1em; }

.p-sustainability-carbonneutral-solarpower {
  /*display: flex;
	gap: 32px;*/
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 32px;
  row-gap: 48px; }
  @media screen and (max-width: 767px) {
    .p-sustainability-carbonneutral-solarpower {
      display: block; } }
  .p-sustainability-carbonneutral-solarpower__sec {
    flex: 1; }
  .p-sustainability-carbonneutral-solarpower__head {
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .p-sustainability-carbonneutral-solarpower__head {
        margin-top: 12px;
        font-size: 14px; } }
  .p-sustainability-carbonneutral-solarpower .c-heading-sub {
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .p-sustainability-carbonneutral-solarpower .c-heading-sub {
        margin-bottom: 8px; } }
  @media screen and (max-width: 767px) {
    .p-sustainability-carbonneutral-solarpower__sec {
      margin-top: 24px; } }

.p-tech-top__section {
  padding-top: 94px; }
  @media screen and (max-width: 767px) {
    .p-tech-top__section {
      padding-top: 58px; } }
  .p-tech-top__section + .p-tech-top__section {
    padding-top: 114px; }
    @media screen and (max-width: 767px) {
      .p-tech-top__section + .p-tech-top__section {
        padding-top: 58px; } }

.p-tech-top__read {
  margin-bottom: 25px;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.7; }
  @media screen and (max-width: 767px) {
    .p-tech-top__read {
      margin-bottom: 24px;
      font-size: 16px;
      line-height: 1.8; } }

.p-tech-top__image {
  float: right;
  width: 370px;
  margin-top: -95px;
  padding: 0 20px 0 40px; }
  @media screen and (max-width: 767px) {
    .p-tech-top__image {
      float: none;
      width: 65%;
      margin: 0 auto;
      padding: 0; } }

.p-tech-top__paragraph {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.7; }
  @media screen and (max-width: 767px) {
    .p-tech-top__paragraph {
      margin-top: 20px;
      font-size: 14px;
      line-height: 1.8; } }

.p-tech-top__break {
  display: none; }
  @media screen and (max-width: 370px) {
    .p-tech-top__break {
      display: block; } }

@media print, screen and (min-width: 768px) {
  .p-env-images {
    display: flex;
    justify-content: space-between;
    margin-top: 32px; } }

@media screen and (max-width: 767px) {
  .p-env-images {
    margin-top: 24px; } }

@media print, screen and (min-width: 768px) {
  .p-env-images__image {
    flex-basis: 370px;
    max-width: 370px;
    order: 1; } }

@media print, screen and (min-width: 768px) {
  .p-env-images__banner {
    flex-basis: 678px;
    max-width: 678px;
    order: 0; } }

@media screen and (max-width: 767px) {
  .p-env-images__banner {
    margin-top: 16px; } }

@media print, screen and (min-width: 768px) {
  .p-safety__images {
    margin-top: 28px; } }

@media screen and (max-width: 767px) {
  .p-safety__images {
    margin-top: 24px; } }

.p-safety__movie {
  position: relative;
  cursor: pointer; }
  .p-safety__movie::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/img/common/icon_movie.svg);
    background-position: center 110px;
    background-repeat: no-repeat;
    transition: 0.3s ease-in-out;
    pointer-events: none;
    content: ''; }
    @media screen and (max-width: 767px) {
      .p-safety__movie::after {
        background-position: center 61.2%;
        background-size: 18%; } }
  .p-safety__movie:hover::after {
    opacity: 0.6; }
  .p-safety__movie--en::after {
    background: url(/assets/img/common/icon_movie_en.svg) no-repeat center 110px; }
    @media screen and (max-width: 767px) {
      .p-safety__movie--en::after {
        background-position: center 61.2%; } }

@media print, screen and (min-width: 768px) {
  .p-attractive-gallery {
    display: flex;
    justify-content: center; } }

@media print, screen and (min-width: 768px) {
  .p-attractive-gallery__item {
    flex-basis: 465px;
    max-width: 465px;
    margin: 24px 20px 0; } }

@media screen and (max-width: 767px) {
  .p-attractive-gallery__item {
    margin-top: 24px; } }

.p-attractive-gallery__title {
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.8; }
  @media screen and (max-width: 767px) {
    .p-attractive-gallery__title {
      font-size: 12px; } }

.p-attractive-gallery__thumb {
  margin-top: 24px; }

.p-system__map {
  margin: -6px 0 32px; }

.p-system__global {
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .p-system__global {
      margin-top: 32px; } }

@media screen and (max-width: 767px) {
  .p-planning__heading {
    font-size: 19px;
    line-height: 1.8; } }

.p-planning__image {
  margin-top: 75px; }
  @media screen and (max-width: 767px) {
    .p-planning__image {
      margin-top: 30px; } }

.p-planning__about {
  margin-top: 60px;
  line-height: 1.8; }
  @media screen and (max-width: 767px) {
    .p-planning__about {
      margin-top: 36px;
      font-size: 14px; } }

.p-planning__title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.7; }
  @media screen and (max-width: 767px) {
    .p-planning__title {
      font-size: 16px;
      line-height: 1.8; } }

.p-planning__paragraph {
  margin-top: 20px; }
  .p-planning__paragraph + .p-planning__paragraph {
    margin-top: 24px; }
    @media screen and (max-width: 767px) {
      .p-planning__paragraph + .p-planning__paragraph {
        margin-top: 12px; } }

@media print, screen and (min-width: 768px) {
  .p-kis-about {
    display: flex;
    justify-content: space-between; } }

@media print, screen and (min-width: 768px) {
  .p-kis-about__image {
    flex-basis: 290px;
    max-width: 290px;
    margin-right: 39px;
    order: 1;
    text-align: center; } }

@media screen and (max-width: 767px) {
  .p-kis-about__image {
    width: 72%;
    margin: -16px auto 20px; } }

.p-kis-about__text {
  line-height: 1.8; }
  @media print, screen and (min-width: 768px) {
    .p-kis-about__text {
      flex-basis: 678px;
      max-width: 678px;
      order: 0; } }

.p-kis-about__paragraph + .p-kis-about__paragraph {
  margin-top: 16px; }

.p-experiment__images {
  margin-top: 28px; }

@media print, screen and (min-width: 768px) {
  .p-pro__intro-image {
    margin: 48px 0 20px; } }

@media screen and (max-width: 767px) {
  .p-pro__intro-image {
    margin: 32px 0 20px; } }

@media print, screen and (min-width: 768px) {
  .p-pro-about {
    display: flex;
    align-items: center; } }

.p-pro-about__image {
  position: relative; }
  @media print, screen and (min-width: 768px) {
    .p-pro-about__image {
      flex-basis: 467px;
      max-width: 467px;
      padding: 0 96px 0 21px; } }
  @media screen and (max-width: 767px) {
    .p-pro-about__image {
      width: 72.5%;
      margin: -15px auto 0;
      padding-bottom: 76px; } }
  .p-pro-about__image::after {
    position: absolute;
    content: ''; }
    @media print, screen and (min-width: 768px) {
      .p-pro-about__image::after {
        top: 50%;
        right: 34px;
        margin-top: -36px;
        border-left: 36px solid #0a5cb1;
        border-top: 36px solid transparent;
        border-bottom: 36px solid transparent; } }
    @media screen and (max-width: 767px) {
      .p-pro-about__image::after {
        bottom: 30px;
        left: 50%;
        margin-left: -22px;
        border-top: 22px solid #0a5cb1;
        border-left: 22px solid transparent;
        border-right: 22px solid transparent; } }

@media print, screen and (min-width: 768px) {
  .p-pro-about__detail {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 621px;
    max-width: 621px;
    margin-top: -20px; } }

@media screen and (max-width: 767px) {
  .p-pro-about__detail {
    margin-top: -24px; } }

.p-pro-about__detail-item.is-plan {
  border-color: #d43030; }
  .p-pro-about__detail-item.is-plan .p-pro-about__detail-heading {
    background-color: #d43030; }

.p-pro-about__detail-item.is-do {
  border-color: #2f86df; }
  .p-pro-about__detail-item.is-do .p-pro-about__detail-heading {
    background-color: #2f86df; }

.p-pro-about__detail-item.is-action {
  border-color: #b9e13c; }
  .p-pro-about__detail-item.is-action .p-pro-about__detail-heading {
    background-color: #b9e13c; }

.p-pro-about__detail-item.is-check {
  border-color: #e6892e; }
  .p-pro-about__detail-item.is-check .p-pro-about__detail-heading {
    background-color: #e6892e; }

.p-pro-about__detail-item {
  position: relative;
  border: 2px solid;
  text-align: center;
  font-weight: bold; }
  @media print, screen and (min-width: 768px) {
    .p-pro-about__detail-item {
      display: flex;
      align-items: center;
      flex-basis: 300px;
      max-width: 300px;
      min-height: 189px;
      padding: 70px 12px 24px;
      margin-top: 20px; }
      .p-pro-about__detail-item:nth-child(2n) {
        margin-left: 21px; } }
  @media screen and (max-width: 767px) {
    .p-pro-about__detail-item {
      margin-top: 24px;
      padding: 64px 20px 16px;
      font-size: 14px; } }
  .p-pro-about__detail-item.is-center {
    justify-content: center; }

.p-pro-about__detail-heading {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  color: #ffffff;
  font-size: 32px; }

.p-pro-about__list-item {
  padding-left: 1em;
  font-size: 15px;
  text-indent: -1em; }
  @media screen and (max-width: 767px) {
    .p-pro-about__list-item {
      font-size: 14px; }
      .p-pro-about__list-item + .p-pro-about__list-item {
        margin-top: 4px; } }

.p-pro-about__list-note {
  color: #2b2b2b;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .p-pro-about__list-note {
      font-size: 12px; } }

.p-pro-images {
  margin-top: 20px; }
  @media print, screen and (min-width: 768px) {
    .p-pro-images {
      margin-right: -20px;
      margin-left: -20px; } }

.p-pro-images__item, .p-pro-images__item--l {
  margin-top: 40px;
  font-size: 15px;
  line-height: 1.8; }
  @media print, screen and (min-width: 768px) {
    .p-pro-images__item, .p-pro-images__item--l {
      flex-basis: 524px;
      max-width: 524px;
      margin-right: 20px;
      margin-left: 20px; } }

@media print, screen and (min-width: 768px) {
  .p-pro-images__item--l {
    flex-basis: 100%;
    max-width: 100%; } }

.p-pro-images__image {
  margin-bottom: 20px; }

.p-pro-images__title {
  font-weight: bold;
  font-size: 18px; }
  @media screen and (max-width: 767px) {
    .p-pro-images__title {
      font-size: 16px; } }

.p-pro-images__text {
  margin-top: 4px; }
  @media screen and (max-width: 767px) {
    .p-pro-images__text {
      font-size: 13px; } }

@media print {
  .top .header, .header {
    position: static !important; } }

.top .header body, .header body {
  padding-top: 0 !important; }


/*# sourceMappingURL=app.css.map*/