@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;1,500;1,600&family=Noto+Sans+JP:wght@400;700&display=swap");
/* RESET */
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, sup, 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, hr {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  text-align: left;
  text-decoration: none;
}

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

html {
  overflow-y: scroll;
}

blockquote, q {
  quotes: none;
}

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

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

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

ol, ul {
  list-style: none;
}

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

caption, th {
  text-align: left;
}

a:focus {
  outline: none;
}

a, span, small, strong, em {
  color: inherit;
  font-weight: inherit;
}

/**
 * Swiper 8.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 8, 2022
 */
@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");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.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%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  -o-transition-property: transform, opacity, height;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/*
suffix
560px < landscape <= 768px < tablet <= 1024px < laptop <= 1366px < desktop
        mobile    <= 768px
*/
html {
  font-size: 0.625em;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  font: 14px/1.75 "Noto Sans JP", sans-serif;
  color: #333;
}
@media (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

input, select, option, textarea, button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font: 14px/1.75 "Noto Sans JP", sans-serif;
  color: #333;
}
input:after, input:before, select:after, select:before, option:after, option:before, textarea:after, textarea:before, button:after, button:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  input, select, option, textarea, button {
    font-size: 16px;
  }
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  image-rendering: smooth;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*[role=button], label {
  cursor: pointer;
}

.wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.wrapper.mobile-view .menubutton {
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}
.wrapper.mobile-view .menubutton__bar--top, .wrapper.mobile-view .menubutton__bar--middle, .wrapper.mobile-view .menubutton__bar--bottom {
  -webkit-transition: 0.3s background-color ease-in-out, 0.3s top ease-in-out;
  -o-transition: 0.3s background-color ease-in-out, 0.3s top ease-in-out;
  transition: 0.3s background-color ease-in-out, 0.3s top ease-in-out;
}
.wrapper.mobile-view .global-navigation {
  -webkit-transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
  -o-transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
  transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
}
.wrapper.mobile-view.is-open {
  position: fixed;
  left: 0;
}
.wrapper.mobile-view.is-open .global-navigation {
  -webkit-transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
  -o-transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
  transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
  opacity: 1;
  visibility: visible;
}
.wrapper.mobile-view.is-open .menubutton {
  background-color: #fff;
}
.wrapper.mobile-view.is-open .menubutton__bar--top, .wrapper.mobile-view.is-open .menubutton__bar--middle, .wrapper.mobile-view.is-open .menubutton__bar--bottom {
  top: 29px;
  background-color: #000;
}
@media (min-width: 768px) {
  .wrapper {
    padding: 0;
  }
}

.site-header {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  height: 60px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9;
  padding: 0 0 0 15px;
}
.site-header__contact {
  display: none;
  margin: 0 0 0 auto;
}
.site-header__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 185px;
          flex: 0 0 185px;
  width: 185px;
}
.site-header__pamphlet, .site-header__mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.site-header__pamphlet span, .site-header__mail span {
  color: #fff;
  font-weight: bold;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: none;
}
.site-header__pamphlet i, .site-header__mail i {
  line-height: 0;
}
.site-header__pamphlet i .fill-path, .site-header__mail i .fill-path {
  fill: #fff;
}
.site-header__pamphlet {
  background-color: #00208A;
}
.site-header__pamphlet i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
}
.site-header__mail {
  background-color: #FF6600;
}
.site-header__mail i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 26px;
          flex: 0 0 26px;
  width: 26px;
}
.site-header__tellink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header__tellink i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px;
  width: 36px;
  height: 36px;
}
.site-header__tellink i .fill-path {
  fill: #00208A;
}
.site-header__tellink span {
  font-family: "Barlow Condensed", sans-serif;
  color: #00208A;
  font-weight: 500;
  display: none;
}
.site-header__telhour {
  display: none;
}
@media (min-width: 768px) {
  .site-header {
    height: 140px;
    padding: 0 0 60px 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 1;
  }
  .site-header__logo {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 168px;
            flex: 0 0 168px;
    width: 168px;
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .site-header__logo:hover {
    opacity: 0.6;
  }
  .site-header__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
        align-self: flex-start;
    height: 70px;
    margin: 0;
  }
  .site-header__tel {
    margin: 15px 21px 0 0;
  }
  .site-header__tellink {
    -webkit-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
            transform: translateY(-7px);
  }
  .site-header__tellink i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18px;
            flex: 0 0 18px;
    width: 18px;
    height: 18px;
  }
  .site-header__tellink span {
    font-size: 30px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 6px;
    line-height: 1;
    display: block;
  }
  .site-header__telhour {
    font-size: 11px;
    margin: -6px 0 0 4px;
    display: block;
  }
  .site-header__pamphlet, .site-header__mail {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
    font-size: 12px;
    height: 70px;
  }
  .site-header__pamphlet:hover, .site-header__mail:hover {
    opacity: 0.6;
  }
  .site-header__pamphlet i, .site-header__mail i {
    margin-right: 10px;
  }
  .site-header__pamphlet span, .site-header__mail span {
    display: block;
  }
  .site-header__pamphlet {
    -webkit-clip-path: polygon(0% 0%, calc(100% - 12px) 0%, 100% 100%, 12px 100%);
            clip-path: polygon(0% 0%, calc(100% - 12px) 0%, 100% 100%, 12px 100%);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
  }
  .site-header__pamphlet i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14px;
            flex: 0 0 14px;
    width: 14px;
  }
  .site-header__mail {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 12px 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 12px 100%);
    margin-left: -12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    width: 150px;
  }
  .site-header__mail i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 13px;
            flex: 0 0 13px;
    width: 13px;
  }
  .site-header__toggle {
    display: none;
  }
}
@media (min-width: 1024px) {
  .site-header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 222px;
            flex: 0 0 222px;
    width: 222px;
  }
  .site-header__tellink i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
    width: 26px;
    height: 26px;
    -webkit-transform: translate(2px, 3px);
        -ms-transform: translate(2px, 3px);
            transform: translate(2px, 3px);
  }
  .site-header__tellink span {
    font-size: 40px;
  }
  .site-header__telhour {
    font-size: 14px;
  }
  .site-header__pamphlet, .site-header__mail {
    font-size: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
    width: 250px;
  }
  .site-header__pamphlet span, .site-header__mail span {
    display: block;
  }
  .site-header__pamphlet {
    -webkit-clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 100%, 20px 100%);
            clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 100%, 20px 100%);
  }
  .site-header__pamphlet i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28px;
            flex: 0 0 28px;
    width: 28px;
  }
  .site-header__mail {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20px 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20px 100%);
    margin-left: -20px;
    padding: 0 0 0 20px;
  }
  .site-header__mail i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
    width: 26px;
  }
}
@media (min-width: 1366px) {
  .site-header {
    padding: 0 0 0 50px;
  }
  .site-header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 288px;
            flex: 0 0 288px;
    width: 288px;
  }
  .site-header__pamphlet, .site-header__mail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    width: 300px;
  }
  .site-header__pamphlet {
    -webkit-clip-path: polygon(0% 0%, calc(100% - 40px) 0%, 100% 100%, 40px 100%);
            clip-path: polygon(0% 0%, calc(100% - 40px) 0%, 100% 100%, 40px 100%);
  }
  .site-header__mail {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 40px 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 40px 100%);
    margin-left: -40px;
  }
}

.menubutton {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  width: 60px;
  height: 60px;
  background-color: #00208A;
  position: fixed;
  z-index: 11;
  border-radius: 50%;
  right: 15px;
  bottom: 10px;
  -webkit-box-shadow: 0 3px 6px rgba(51, 51, 51, 0.5);
          box-shadow: 0 3px 6px rgba(51, 51, 51, 0.5);
}
.menubutton__bar--top, .menubutton__bar--middle, .menubutton__bar--bottom {
  position: absolute;
  height: 2px;
  width: 30px;
  right: 15px;
  background-color: #fff;
}
.menubutton__bar--top {
  top: 20px;
}
.menubutton__bar--middle {
  top: 29px;
}
.menubutton__bar--bottom {
  top: 38px;
}
@media (min-width: 768px) {
  .menubutton {
    display: none;
  }
}

.global-navigation {
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: #fff;
}
.global-navigation::-webkit-scrollbar {
  display: none;
}
.global-navigation__inner {
  padding: 20px 15px;
}
.global-navigation__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}
.global-navigation__pamphlet, .global-navigation__mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
}
.global-navigation__pamphlet span, .global-navigation__mail span {
  color: #fff;
  font-weight: bold;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 5px;
}
.global-navigation__pamphlet i, .global-navigation__mail i {
  line-height: 0;
}
.global-navigation__pamphlet i .fill-path, .global-navigation__mail i .fill-path {
  fill: #fff;
}
.global-navigation__pamphlet {
  background-color: #00208A;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(60% + 5px);
          flex: 0 0 calc(60% + 5px);
  width: calc(60% + 5px);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.global-navigation__pamphlet i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  width: 12px;
}
.global-navigation__mail {
  background-color: #FF6600;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(40% + 5px);
          flex: 0 0 calc(40% + 5px);
  width: calc(40% + 5px);
  -webkit-clip-path: polygon(10px 0%, 100% 0%, 100% 100%, 0 100%);
          clip-path: polygon(10px 0%, 100% 0%, 100% 100%, 0 100%);
  margin-left: -10px;
}
.global-navigation__mail i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 13px;
          flex: 0 0 13px;
  width: 13px;
}
.global-navigation__tel {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin-top: 22px;
}
.global-navigation__tellink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.global-navigation__tellink i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  width: 32px;
  height: 32px;
}
.global-navigation__tellink i .fill-path {
  fill: #00208A;
}
.global-navigation__tellink span {
  font-family: "Barlow Condensed", sans-serif;
  color: #00208A;
  font-weight: 500;
  font-size: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 6px;
  line-height: 1;
}
.global-navigation__telhour {
  font-size: 12px;
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .global-navigation {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    position: absolute;
    right: 20px;
    top: 99px;
    width: auto;
    height: auto;
    background-color: transparent;
    overflow: visible;
  }
  .global-navigation__inner {
    padding: 0;
  }
  .global-navigation__contact {
    display: none;
  }
}
@media (min-width: 1024px) {
  .global-navigation {
    right: 50px;
  }
}

.global-menu__link {
  font-weight: bold;
}
@media (min-width: 768px) {
  .global-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .global-menu__item {
    line-height: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .global-menu__item + .global-menu__item {
    margin-left: 30px;
  }
  .global-menu__item.is-current .global-menu__link {
    color: #00208A;
  }
  .global-menu__link {
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
  }
  .global-menu__link:hover {
    color: #00208A;
  }
}
@media (min-width: 1024px) {
  .global-menu__item + .global-menu__item {
    margin-left: 60px;
  }
}
@media (max-width: 767.9px) {
  .global-menu {
    position: relative;
    z-index: 1;
  }
  .global-menu__link {
    font-size: 16px;
    display: block;
    text-align: center;
    padding: 12px 0;
  }
  .global-menu__item + .global-menu__item {
    position: relative;
  }
  .global-menu__item + .global-menu__item::before {
    content: "";
    width: 50px;
    height: 1px;
    background-color: #333;
    position: absolute;
    top: 0;
    left: calc(50% - 25px);
  }
}

.sub-navigation__title {
  display: none;
}
.sub-navigation__en, .sub-navigation__ja {
  display: block;
  line-height: 1;
  color: #fff;
}
.sub-navigation__ja {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.2em;
}
.sub-navigation__en {
  opacity: 0.4;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
}
@media (min-width: 768px) {
  .sub-navigation {
    position: absolute;
    top: 41px;
    right: -20px;
    width: 100vw;
    background-color: rgba(0, 32, 138, 0.7);
    padding: 50px 15px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
    -o-transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
    transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
  }
  .sub-navigation.is-open {
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
    -o-transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
    transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
  }
  .sub-navigation__inner {
    width: 100%;
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sub-navigation__title {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
    width: 250px;
    padding: 8px 0 11px 0;
    position: relative;
  }
  .sub-navigation__title:after {
    content: "";
    width: 1px;
    height: 98px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  .sub-navigation__ja {
    font-size: 28px;
  }
  .sub-navigation__en {
    font-size: 20px;
    padding: 23px 0 0 0;
  }
  .sub-navigation__menu {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    padding: 4px 0 0 21px;
  }
}
@media (min-width: 1024px) {
  .sub-navigation {
    right: -50px;
  }
}
@media (max-width: 767.9px) {
  .sub-navigation {
    display: none;
    overflow: hidden;
  }
  .sub-navigation.is-open {
    display: block;
  }
}

.sub-menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sub-menu__link i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
  width: 15px;
}
.sub-menu__link i .fill-path {
  fill: #333;
}
.sub-menu__link span {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-weight: bold;
  padding: 0 0 0 5px;
}
@media (min-width: 768px) {
  .sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -12px;
  }
  .sub-menu__link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 12px 0 0 58px;
  }
  .sub-menu__link:hover i .fill-path {
    fill: #FF6600;
  }
  .sub-menu__link:hover span {
    color: #FF6600;
  }
  .sub-menu__link i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21px;
            flex: 0 0 21px;
    width: 21px;
  }
  .sub-menu__link i .fill-path {
    fill: #fff;
    -webkit-transition: 0.3s fill ease-in-out;
    -o-transition: 0.3s fill ease-in-out;
    transition: 0.3s fill ease-in-out;
  }
  .sub-menu__link span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0 0 0 10px;
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
    color: #fff;
  }
}
@media (max-width: 767.9px) {
  .sub-menu {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 25px 1fr 25px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 25px;
    padding-bottom: 12px;
  }
  .sub-menu__link {
    padding: 6px 0;
  }
}
@media (max-width: 559.9px) {
  .sub-menu {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.pagetop {
  position: fixed;
  z-index: 5;
  right: calc(50% - 50px);
  bottom: -10px;
  width: 100px;
  height: 50px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
  -o-transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
  transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
}
.pagetop img {
  width: 100px;
  height: 50px;
}
.pagetop.is-viwewed {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
  -o-transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
  transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
}
@media (min-width: 768px) {
  .pagetop {
    right: 50px;
    width: 80px;
    height: 80px;
    bottom: 30px;
  }
  .pagetop img {
    width: 80px;
    height: 80px;
  }
  .pagetop:hover {
    opacity: 0.6;
  }
}

.site-footer {
  padding: 60px 0 210px;
  background: url(../img/shared/bg-footer.jpg) no-repeat center bottom/auto;
}
.site-footer__logo {
  display: block;
  width: 188px;
}
.site-footer__container {
  width: 100%;
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.site-footer__text {
  line-height: 2;
  margin-top: 23px;
}
.site-footer__category {
  font-weight: bold;
  color: #00208A;
}
.site-footer__list li + li {
  margin-top: 2px;
}
.site-footer__pamphlet, .site-footer__mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
}
.site-footer__pamphlet span, .site-footer__mail span {
  color: #fff;
  font-weight: bold;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.site-footer__pamphlet i, .site-footer__mail i {
  line-height: 0;
  margin-right: 3px;
}
.site-footer__pamphlet i .fill-path, .site-footer__mail i .fill-path {
  fill: #fff;
}
.site-footer__pamphlet {
  background-color: #00208A;
}
.site-footer__pamphlet i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  width: 12px;
}
.site-footer__mail {
  background-color: #FF6600;
}
.site-footer__mail i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 13px;
          flex: 0 0 13px;
  width: 13px;
}
.site-footer__sitemap {
  display: none;
}
@media (min-width: 768px) {
  .site-footer {
    height: 830px;
    padding: 100px 0 0;
  }
  .site-footer__logo {
    width: 288px;
  }
  .site-footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .site-footer__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 288px;
            flex: 0 0 288px;
    width: 288px;
  }
  .site-footer__sitemap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 288px);
            flex: 0 0 calc(100% - 288px);
    width: calc(100% - 288px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -23px 0 0;
  }
  .site-footer__category a:hover {
    text-decoration: underline;
  }
  .site-footer__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 26px 0 0 62px;
  }
  .site-footer__list {
    margin: 7px 0 0;
  }
  .site-footer__list a:hover {
    text-decoration: underline;
  }
  .site-footer__list + .site-footer__category {
    margin-top: calc(11px + 1em);
  }
  .site-footer__links {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 260px;
            flex: 0 0 260px;
    width: 260px;
  }
  .site-footer__pamphlet, .site-footer__mail {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
    height: 60px;
  }
  .site-footer__pamphlet:hover, .site-footer__mail:hover {
    opacity: 0.6;
  }
  .site-footer__pamphlet i, .site-footer__mail i {
    margin-right: 10px;
  }
  .site-footer__pamphlet {
    width: 260px;
    margin-top: 10px;
  }
  .site-footer__pamphlet i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28px;
            flex: 0 0 28px;
    width: 28px;
  }
  .site-footer__mail {
    width: 260px;
    margin-top: 10px;
  }
  .site-footer__mail i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
    width: 26px;
  }
  .site-footer__links {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 260px;
            flex: 0 0 260px;
    width: 260px;
    margin: 23px 0 0;
  }
  .site-footer__copyright {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    margin: 25px 0 0 auto;
  }
}
@media (min-width: 1024px) {
  .site-footer__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 358px;
            flex: 0 0 358px;
    width: 358px;
  }
  .site-footer__sitemap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 618px);
            flex: 0 0 calc(100% - 618px);
    width: calc(100% - 618px);
  }
  .site-footer__links {
    margin: 0;
  }
  .site-footer__copyright {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    margin: 75px 0 0 0;
  }
}
@media (max-width: 767.9px) {
  .site-footer {
    background-size: 900px auto;
  }
  .site-footer__links {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 10px;
            column-gap: 10px;
    margin: 25px 0;
  }
}

@media (min-width: 768px) {
  .hidden--tablet-up {
    display: none;
  }
}
@media (max-width: 767.9px) {
  .hidden--mobile {
    display: none;
  }
}
.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
  white-space: pre-line;
}

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

.pr-0 {
  padding-right: 0px;
}

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

.pl-0 {
  padding-left: 0px;
}

.pd-0 {
  padding: 0px;
}

.pd-y-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pd-x-0 {
  padding-left: 0px;
  padding-right: 0px;
}

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

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

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

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

.mg-0 {
  margin: 0px;
}

.mg-y-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mg-x-0 {
  margin-left: 0px;
  margin-right: 0px;
}

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

.pr-5 {
  padding-right: 5px;
}

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

.pl-5 {
  padding-left: 5px;
}

.pd-5 {
  padding: 5px;
}

.pd-y-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pd-x-5 {
  padding-left: 5px;
  padding-right: 5px;
}

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

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

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

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

.mg-5 {
  margin: 5px;
}

.mg-y-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mg-x-5 {
  margin-left: 5px;
  margin-right: 5px;
}

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

.pr-10 {
  padding-right: 10px;
}

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

.pl-10 {
  padding-left: 10px;
}

.pd-10 {
  padding: 10px;
}

.pd-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pd-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}

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

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

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

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

.mg-10 {
  margin: 10px;
}

.mg-y-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mg-x-10 {
  margin-left: 10px;
  margin-right: 10px;
}

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

.pr-15 {
  padding-right: 15px;
}

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

.pl-15 {
  padding-left: 15px;
}

.pd-15 {
  padding: 15px;
}

.pd-y-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pd-x-15 {
  padding-left: 15px;
  padding-right: 15px;
}

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

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

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

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

.mg-15 {
  margin: 15px;
}

.mg-y-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mg-x-15 {
  margin-left: 15px;
  margin-right: 15px;
}

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

.pr-20 {
  padding-right: 20px;
}

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

.pl-20 {
  padding-left: 20px;
}

.pd-20 {
  padding: 20px;
}

.pd-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pd-x-20 {
  padding-left: 20px;
  padding-right: 20px;
}

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

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

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

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

.mg-20 {
  margin: 20px;
}

.mg-y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mg-x-20 {
  margin-left: 20px;
  margin-right: 20px;
}

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

.pr-25 {
  padding-right: 25px;
}

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

.pl-25 {
  padding-left: 25px;
}

.pd-25 {
  padding: 25px;
}

.pd-y-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pd-x-25 {
  padding-left: 25px;
  padding-right: 25px;
}

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

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

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

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

.mg-25 {
  margin: 25px;
}

.mg-y-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mg-x-25 {
  margin-left: 25px;
  margin-right: 25px;
}

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

.pr-30 {
  padding-right: 30px;
}

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

.pl-30 {
  padding-left: 30px;
}

.pd-30 {
  padding: 30px;
}

.pd-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pd-x-30 {
  padding-left: 30px;
  padding-right: 30px;
}

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

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

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

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

.mg-30 {
  margin: 30px;
}

.mg-y-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mg-x-30 {
  margin-left: 30px;
  margin-right: 30px;
}

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

.pr-35 {
  padding-right: 35px;
}

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

.pl-35 {
  padding-left: 35px;
}

.pd-35 {
  padding: 35px;
}

.pd-y-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pd-x-35 {
  padding-left: 35px;
  padding-right: 35px;
}

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

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

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

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

.mg-35 {
  margin: 35px;
}

.mg-y-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mg-x-35 {
  margin-left: 35px;
  margin-right: 35px;
}

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

.pr-40 {
  padding-right: 40px;
}

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

.pl-40 {
  padding-left: 40px;
}

.pd-40 {
  padding: 40px;
}

.pd-y-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pd-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}

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

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

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

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

.mg-40 {
  margin: 40px;
}

.mg-y-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mg-x-40 {
  margin-left: 40px;
  margin-right: 40px;
}

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

.pr-45 {
  padding-right: 45px;
}

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

.pl-45 {
  padding-left: 45px;
}

.pd-45 {
  padding: 45px;
}

.pd-y-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pd-x-45 {
  padding-left: 45px;
  padding-right: 45px;
}

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

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

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

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

.mg-45 {
  margin: 45px;
}

.mg-y-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mg-x-45 {
  margin-left: 45px;
  margin-right: 45px;
}

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

.pr-50 {
  padding-right: 50px;
}

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

.pl-50 {
  padding-left: 50px;
}

.pd-50 {
  padding: 50px;
}

.pd-y-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pd-x-50 {
  padding-left: 50px;
  padding-right: 50px;
}

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

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

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

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

.mg-50 {
  margin: 50px;
}

.mg-y-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mg-x-50 {
  margin-left: 50px;
  margin-right: 50px;
}

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

.pr-55 {
  padding-right: 55px;
}

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

.pl-55 {
  padding-left: 55px;
}

.pd-55 {
  padding: 55px;
}

.pd-y-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.pd-x-55 {
  padding-left: 55px;
  padding-right: 55px;
}

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

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

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

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

.mg-55 {
  margin: 55px;
}

.mg-y-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mg-x-55 {
  margin-left: 55px;
  margin-right: 55px;
}

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

.pr-60 {
  padding-right: 60px;
}

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

.pl-60 {
  padding-left: 60px;
}

.pd-60 {
  padding: 60px;
}

.pd-y-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pd-x-60 {
  padding-left: 60px;
  padding-right: 60px;
}

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

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

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

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

.mg-60 {
  margin: 60px;
}

.mg-y-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mg-x-60 {
  margin-left: 60px;
  margin-right: 60px;
}

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

.pr-65 {
  padding-right: 65px;
}

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

.pl-65 {
  padding-left: 65px;
}

.pd-65 {
  padding: 65px;
}

.pd-y-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.pd-x-65 {
  padding-left: 65px;
  padding-right: 65px;
}

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

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

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

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

.mg-65 {
  margin: 65px;
}

.mg-y-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.mg-x-65 {
  margin-left: 65px;
  margin-right: 65px;
}

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

.pr-70 {
  padding-right: 70px;
}

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

.pl-70 {
  padding-left: 70px;
}

.pd-70 {
  padding: 70px;
}

.pd-y-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pd-x-70 {
  padding-left: 70px;
  padding-right: 70px;
}

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

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

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

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

.mg-70 {
  margin: 70px;
}

.mg-y-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mg-x-70 {
  margin-left: 70px;
  margin-right: 70px;
}

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

.pr-75 {
  padding-right: 75px;
}

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

.pl-75 {
  padding-left: 75px;
}

.pd-75 {
  padding: 75px;
}

.pd-y-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.pd-x-75 {
  padding-left: 75px;
  padding-right: 75px;
}

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

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

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

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

.mg-75 {
  margin: 75px;
}

.mg-y-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.mg-x-75 {
  margin-left: 75px;
  margin-right: 75px;
}

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

.pr-80 {
  padding-right: 80px;
}

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

.pl-80 {
  padding-left: 80px;
}

.pd-80 {
  padding: 80px;
}

.pd-y-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pd-x-80 {
  padding-left: 80px;
  padding-right: 80px;
}

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

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

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

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

.mg-80 {
  margin: 80px;
}

.mg-y-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mg-x-80 {
  margin-left: 80px;
  margin-right: 80px;
}

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

.pr-85 {
  padding-right: 85px;
}

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

.pl-85 {
  padding-left: 85px;
}

.pd-85 {
  padding: 85px;
}

.pd-y-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.pd-x-85 {
  padding-left: 85px;
  padding-right: 85px;
}

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

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

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

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

.mg-85 {
  margin: 85px;
}

.mg-y-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.mg-x-85 {
  margin-left: 85px;
  margin-right: 85px;
}

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

.pr-90 {
  padding-right: 90px;
}

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

.pl-90 {
  padding-left: 90px;
}

.pd-90 {
  padding: 90px;
}

.pd-y-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pd-x-90 {
  padding-left: 90px;
  padding-right: 90px;
}

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

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

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

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

.mg-90 {
  margin: 90px;
}

.mg-y-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mg-x-90 {
  margin-left: 90px;
  margin-right: 90px;
}

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

.pr-95 {
  padding-right: 95px;
}

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

.pl-95 {
  padding-left: 95px;
}

.pd-95 {
  padding: 95px;
}

.pd-y-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.pd-x-95 {
  padding-left: 95px;
  padding-right: 95px;
}

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

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

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

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

.mg-95 {
  margin: 95px;
}

.mg-y-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.mg-x-95 {
  margin-left: 95px;
  margin-right: 95px;
}

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

.pr-100 {
  padding-right: 100px;
}

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

.pl-100 {
  padding-left: 100px;
}

.pd-100 {
  padding: 100px;
}

.pd-y-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pd-x-100 {
  padding-left: 100px;
  padding-right: 100px;
}

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

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

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

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

.mg-100 {
  margin: 100px;
}

.mg-y-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mg-x-100 {
  margin-left: 100px;
  margin-right: 100px;
}

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

.pr-105 {
  padding-right: 105px;
}

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

.pl-105 {
  padding-left: 105px;
}

.pd-105 {
  padding: 105px;
}

.pd-y-105 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.pd-x-105 {
  padding-left: 105px;
  padding-right: 105px;
}

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

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

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

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

.mg-105 {
  margin: 105px;
}

.mg-y-105 {
  margin-top: 105px;
  margin-bottom: 105px;
}

.mg-x-105 {
  margin-left: 105px;
  margin-right: 105px;
}

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

.pr-110 {
  padding-right: 110px;
}

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

.pl-110 {
  padding-left: 110px;
}

.pd-110 {
  padding: 110px;
}

.pd-y-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.pd-x-110 {
  padding-left: 110px;
  padding-right: 110px;
}

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

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

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

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

.mg-110 {
  margin: 110px;
}

.mg-y-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.mg-x-110 {
  margin-left: 110px;
  margin-right: 110px;
}

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

.pr-115 {
  padding-right: 115px;
}

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

.pl-115 {
  padding-left: 115px;
}

.pd-115 {
  padding: 115px;
}

.pd-y-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

.pd-x-115 {
  padding-left: 115px;
  padding-right: 115px;
}

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

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

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

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

.mg-115 {
  margin: 115px;
}

.mg-y-115 {
  margin-top: 115px;
  margin-bottom: 115px;
}

.mg-x-115 {
  margin-left: 115px;
  margin-right: 115px;
}

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

.pr-120 {
  padding-right: 120px;
}

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

.pl-120 {
  padding-left: 120px;
}

.pd-120 {
  padding: 120px;
}

.pd-y-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pd-x-120 {
  padding-left: 120px;
  padding-right: 120px;
}

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

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

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

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

.mg-120 {
  margin: 120px;
}

.mg-y-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mg-x-120 {
  margin-left: 120px;
  margin-right: 120px;
}

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

.pr-125 {
  padding-right: 125px;
}

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

.pl-125 {
  padding-left: 125px;
}

.pd-125 {
  padding: 125px;
}

.pd-y-125 {
  padding-top: 125px;
  padding-bottom: 125px;
}

.pd-x-125 {
  padding-left: 125px;
  padding-right: 125px;
}

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

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

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

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

.mg-125 {
  margin: 125px;
}

.mg-y-125 {
  margin-top: 125px;
  margin-bottom: 125px;
}

.mg-x-125 {
  margin-left: 125px;
  margin-right: 125px;
}

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

.pr-130 {
  padding-right: 130px;
}

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

.pl-130 {
  padding-left: 130px;
}

.pd-130 {
  padding: 130px;
}

.pd-y-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.pd-x-130 {
  padding-left: 130px;
  padding-right: 130px;
}

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

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

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

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

.mg-130 {
  margin: 130px;
}

.mg-y-130 {
  margin-top: 130px;
  margin-bottom: 130px;
}

.mg-x-130 {
  margin-left: 130px;
  margin-right: 130px;
}

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

.pr-135 {
  padding-right: 135px;
}

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

.pl-135 {
  padding-left: 135px;
}

.pd-135 {
  padding: 135px;
}

.pd-y-135 {
  padding-top: 135px;
  padding-bottom: 135px;
}

.pd-x-135 {
  padding-left: 135px;
  padding-right: 135px;
}

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

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

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

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

.mg-135 {
  margin: 135px;
}

.mg-y-135 {
  margin-top: 135px;
  margin-bottom: 135px;
}

.mg-x-135 {
  margin-left: 135px;
  margin-right: 135px;
}

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

.pr-140 {
  padding-right: 140px;
}

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

.pl-140 {
  padding-left: 140px;
}

.pd-140 {
  padding: 140px;
}

.pd-y-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.pd-x-140 {
  padding-left: 140px;
  padding-right: 140px;
}

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

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

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

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

.mg-140 {
  margin: 140px;
}

.mg-y-140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.mg-x-140 {
  margin-left: 140px;
  margin-right: 140px;
}

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

.pr-145 {
  padding-right: 145px;
}

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

.pl-145 {
  padding-left: 145px;
}

.pd-145 {
  padding: 145px;
}

.pd-y-145 {
  padding-top: 145px;
  padding-bottom: 145px;
}

.pd-x-145 {
  padding-left: 145px;
  padding-right: 145px;
}

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

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

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

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

.mg-145 {
  margin: 145px;
}

.mg-y-145 {
  margin-top: 145px;
  margin-bottom: 145px;
}

.mg-x-145 {
  margin-left: 145px;
  margin-right: 145px;
}

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

.pr-150 {
  padding-right: 150px;
}

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

.pl-150 {
  padding-left: 150px;
}

.pd-150 {
  padding: 150px;
}

.pd-y-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.pd-x-150 {
  padding-left: 150px;
  padding-right: 150px;
}

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

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

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

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

.mg-150 {
  margin: 150px;
}

.mg-y-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.mg-x-150 {
  margin-left: 150px;
  margin-right: 150px;
}

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

.pr-155 {
  padding-right: 155px;
}

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

.pl-155 {
  padding-left: 155px;
}

.pd-155 {
  padding: 155px;
}

.pd-y-155 {
  padding-top: 155px;
  padding-bottom: 155px;
}

.pd-x-155 {
  padding-left: 155px;
  padding-right: 155px;
}

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

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

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

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

.mg-155 {
  margin: 155px;
}

.mg-y-155 {
  margin-top: 155px;
  margin-bottom: 155px;
}

.mg-x-155 {
  margin-left: 155px;
  margin-right: 155px;
}

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

.pr-160 {
  padding-right: 160px;
}

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

.pl-160 {
  padding-left: 160px;
}

.pd-160 {
  padding: 160px;
}

.pd-y-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.pd-x-160 {
  padding-left: 160px;
  padding-right: 160px;
}

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

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

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

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

.mg-160 {
  margin: 160px;
}

.mg-y-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.mg-x-160 {
  margin-left: 160px;
  margin-right: 160px;
}

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

.pr-165 {
  padding-right: 165px;
}

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

.pl-165 {
  padding-left: 165px;
}

.pd-165 {
  padding: 165px;
}

.pd-y-165 {
  padding-top: 165px;
  padding-bottom: 165px;
}

.pd-x-165 {
  padding-left: 165px;
  padding-right: 165px;
}

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

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

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

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

.mg-165 {
  margin: 165px;
}

.mg-y-165 {
  margin-top: 165px;
  margin-bottom: 165px;
}

.mg-x-165 {
  margin-left: 165px;
  margin-right: 165px;
}

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

.pr-170 {
  padding-right: 170px;
}

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

.pl-170 {
  padding-left: 170px;
}

.pd-170 {
  padding: 170px;
}

.pd-y-170 {
  padding-top: 170px;
  padding-bottom: 170px;
}

.pd-x-170 {
  padding-left: 170px;
  padding-right: 170px;
}

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

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

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

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

.mg-170 {
  margin: 170px;
}

.mg-y-170 {
  margin-top: 170px;
  margin-bottom: 170px;
}

.mg-x-170 {
  margin-left: 170px;
  margin-right: 170px;
}

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

.pr-175 {
  padding-right: 175px;
}

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

.pl-175 {
  padding-left: 175px;
}

.pd-175 {
  padding: 175px;
}

.pd-y-175 {
  padding-top: 175px;
  padding-bottom: 175px;
}

.pd-x-175 {
  padding-left: 175px;
  padding-right: 175px;
}

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

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

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

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

.mg-175 {
  margin: 175px;
}

.mg-y-175 {
  margin-top: 175px;
  margin-bottom: 175px;
}

.mg-x-175 {
  margin-left: 175px;
  margin-right: 175px;
}

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

.pr-180 {
  padding-right: 180px;
}

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

.pl-180 {
  padding-left: 180px;
}

.pd-180 {
  padding: 180px;
}

.pd-y-180 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.pd-x-180 {
  padding-left: 180px;
  padding-right: 180px;
}

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

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

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

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

.mg-180 {
  margin: 180px;
}

.mg-y-180 {
  margin-top: 180px;
  margin-bottom: 180px;
}

.mg-x-180 {
  margin-left: 180px;
  margin-right: 180px;
}

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

.pr-185 {
  padding-right: 185px;
}

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

.pl-185 {
  padding-left: 185px;
}

.pd-185 {
  padding: 185px;
}

.pd-y-185 {
  padding-top: 185px;
  padding-bottom: 185px;
}

.pd-x-185 {
  padding-left: 185px;
  padding-right: 185px;
}

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

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

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

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

.mg-185 {
  margin: 185px;
}

.mg-y-185 {
  margin-top: 185px;
  margin-bottom: 185px;
}

.mg-x-185 {
  margin-left: 185px;
  margin-right: 185px;
}

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

.pr-190 {
  padding-right: 190px;
}

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

.pl-190 {
  padding-left: 190px;
}

.pd-190 {
  padding: 190px;
}

.pd-y-190 {
  padding-top: 190px;
  padding-bottom: 190px;
}

.pd-x-190 {
  padding-left: 190px;
  padding-right: 190px;
}

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

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

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

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

.mg-190 {
  margin: 190px;
}

.mg-y-190 {
  margin-top: 190px;
  margin-bottom: 190px;
}

.mg-x-190 {
  margin-left: 190px;
  margin-right: 190px;
}

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

.pr-195 {
  padding-right: 195px;
}

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

.pl-195 {
  padding-left: 195px;
}

.pd-195 {
  padding: 195px;
}

.pd-y-195 {
  padding-top: 195px;
  padding-bottom: 195px;
}

.pd-x-195 {
  padding-left: 195px;
  padding-right: 195px;
}

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

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

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

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

.mg-195 {
  margin: 195px;
}

.mg-y-195 {
  margin-top: 195px;
  margin-bottom: 195px;
}

.mg-x-195 {
  margin-left: 195px;
  margin-right: 195px;
}

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

.pr-200 {
  padding-right: 200px;
}

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

.pl-200 {
  padding-left: 200px;
}

.pd-200 {
  padding: 200px;
}

.pd-y-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.pd-x-200 {
  padding-left: 200px;
  padding-right: 200px;
}

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

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

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

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

.mg-200 {
  margin: 200px;
}

.mg-y-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

.mg-x-200 {
  margin-left: 200px;
  margin-right: 200px;
}

@media (min-width: 768px) {
  .pt-0--tablet-up {
    padding-top: 0px;
  }

  .pr-0--tablet-up {
    padding-right: 0px;
  }

  .pb-0--tablet-up {
    padding-bottom: 0px;
  }

  .pl-0--tablet-up {
    padding-left: 0px;
  }

  .pd-0--tablet-up {
    padding: 0px;
  }

  .pd-y-0--tablet-up {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .pd-x-0--tablet-up {
    padding-left: 0px;
    padding-right: 0px;
  }

  .mt-0--tablet-up {
    margin-top: 0px;
  }

  .mr-0--tablet-up {
    margin-right: 0px;
  }

  .mb-0--tablet-up {
    margin-bottom: 0px;
  }

  .ml-0--tablet-up {
    margin-left: 0px;
  }

  .mg-0--tablet-up {
    margin: 0px;
  }

  .mg-y-0--tablet-up {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .mg-x-0--tablet-up {
    margin-left: 0px;
    margin-right: 0px;
  }

  .pt-5--tablet-up {
    padding-top: 5px;
  }

  .pr-5--tablet-up {
    padding-right: 5px;
  }

  .pb-5--tablet-up {
    padding-bottom: 5px;
  }

  .pl-5--tablet-up {
    padding-left: 5px;
  }

  .pd-5--tablet-up {
    padding: 5px;
  }

  .pd-y-5--tablet-up {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .pd-x-5--tablet-up {
    padding-left: 5px;
    padding-right: 5px;
  }

  .mt-5--tablet-up {
    margin-top: 5px;
  }

  .mr-5--tablet-up {
    margin-right: 5px;
  }

  .mb-5--tablet-up {
    margin-bottom: 5px;
  }

  .ml-5--tablet-up {
    margin-left: 5px;
  }

  .mg-5--tablet-up {
    margin: 5px;
  }

  .mg-y-5--tablet-up {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .mg-x-5--tablet-up {
    margin-left: 5px;
    margin-right: 5px;
  }

  .pt-10--tablet-up {
    padding-top: 10px;
  }

  .pr-10--tablet-up {
    padding-right: 10px;
  }

  .pb-10--tablet-up {
    padding-bottom: 10px;
  }

  .pl-10--tablet-up {
    padding-left: 10px;
  }

  .pd-10--tablet-up {
    padding: 10px;
  }

  .pd-y-10--tablet-up {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .pd-x-10--tablet-up {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mt-10--tablet-up {
    margin-top: 10px;
  }

  .mr-10--tablet-up {
    margin-right: 10px;
  }

  .mb-10--tablet-up {
    margin-bottom: 10px;
  }

  .ml-10--tablet-up {
    margin-left: 10px;
  }

  .mg-10--tablet-up {
    margin: 10px;
  }

  .mg-y-10--tablet-up {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mg-x-10--tablet-up {
    margin-left: 10px;
    margin-right: 10px;
  }

  .pt-15--tablet-up {
    padding-top: 15px;
  }

  .pr-15--tablet-up {
    padding-right: 15px;
  }

  .pb-15--tablet-up {
    padding-bottom: 15px;
  }

  .pl-15--tablet-up {
    padding-left: 15px;
  }

  .pd-15--tablet-up {
    padding: 15px;
  }

  .pd-y-15--tablet-up {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .pd-x-15--tablet-up {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mt-15--tablet-up {
    margin-top: 15px;
  }

  .mr-15--tablet-up {
    margin-right: 15px;
  }

  .mb-15--tablet-up {
    margin-bottom: 15px;
  }

  .ml-15--tablet-up {
    margin-left: 15px;
  }

  .mg-15--tablet-up {
    margin: 15px;
  }

  .mg-y-15--tablet-up {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .mg-x-15--tablet-up {
    margin-left: 15px;
    margin-right: 15px;
  }

  .pt-20--tablet-up {
    padding-top: 20px;
  }

  .pr-20--tablet-up {
    padding-right: 20px;
  }

  .pb-20--tablet-up {
    padding-bottom: 20px;
  }

  .pl-20--tablet-up {
    padding-left: 20px;
  }

  .pd-20--tablet-up {
    padding: 20px;
  }

  .pd-y-20--tablet-up {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pd-x-20--tablet-up {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mt-20--tablet-up {
    margin-top: 20px;
  }

  .mr-20--tablet-up {
    margin-right: 20px;
  }

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

  .ml-20--tablet-up {
    margin-left: 20px;
  }

  .mg-20--tablet-up {
    margin: 20px;
  }

  .mg-y-20--tablet-up {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mg-x-20--tablet-up {
    margin-left: 20px;
    margin-right: 20px;
  }

  .pt-25--tablet-up {
    padding-top: 25px;
  }

  .pr-25--tablet-up {
    padding-right: 25px;
  }

  .pb-25--tablet-up {
    padding-bottom: 25px;
  }

  .pl-25--tablet-up {
    padding-left: 25px;
  }

  .pd-25--tablet-up {
    padding: 25px;
  }

  .pd-y-25--tablet-up {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .pd-x-25--tablet-up {
    padding-left: 25px;
    padding-right: 25px;
  }

  .mt-25--tablet-up {
    margin-top: 25px;
  }

  .mr-25--tablet-up {
    margin-right: 25px;
  }

  .mb-25--tablet-up {
    margin-bottom: 25px;
  }

  .ml-25--tablet-up {
    margin-left: 25px;
  }

  .mg-25--tablet-up {
    margin: 25px;
  }

  .mg-y-25--tablet-up {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .mg-x-25--tablet-up {
    margin-left: 25px;
    margin-right: 25px;
  }

  .pt-30--tablet-up {
    padding-top: 30px;
  }

  .pr-30--tablet-up {
    padding-right: 30px;
  }

  .pb-30--tablet-up {
    padding-bottom: 30px;
  }

  .pl-30--tablet-up {
    padding-left: 30px;
  }

  .pd-30--tablet-up {
    padding: 30px;
  }

  .pd-y-30--tablet-up {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .pd-x-30--tablet-up {
    padding-left: 30px;
    padding-right: 30px;
  }

  .mt-30--tablet-up {
    margin-top: 30px;
  }

  .mr-30--tablet-up {
    margin-right: 30px;
  }

  .mb-30--tablet-up {
    margin-bottom: 30px;
  }

  .ml-30--tablet-up {
    margin-left: 30px;
  }

  .mg-30--tablet-up {
    margin: 30px;
  }

  .mg-y-30--tablet-up {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .mg-x-30--tablet-up {
    margin-left: 30px;
    margin-right: 30px;
  }

  .pt-35--tablet-up {
    padding-top: 35px;
  }

  .pr-35--tablet-up {
    padding-right: 35px;
  }

  .pb-35--tablet-up {
    padding-bottom: 35px;
  }

  .pl-35--tablet-up {
    padding-left: 35px;
  }

  .pd-35--tablet-up {
    padding: 35px;
  }

  .pd-y-35--tablet-up {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .pd-x-35--tablet-up {
    padding-left: 35px;
    padding-right: 35px;
  }

  .mt-35--tablet-up {
    margin-top: 35px;
  }

  .mr-35--tablet-up {
    margin-right: 35px;
  }

  .mb-35--tablet-up {
    margin-bottom: 35px;
  }

  .ml-35--tablet-up {
    margin-left: 35px;
  }

  .mg-35--tablet-up {
    margin: 35px;
  }

  .mg-y-35--tablet-up {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .mg-x-35--tablet-up {
    margin-left: 35px;
    margin-right: 35px;
  }

  .pt-40--tablet-up {
    padding-top: 40px;
  }

  .pr-40--tablet-up {
    padding-right: 40px;
  }

  .pb-40--tablet-up {
    padding-bottom: 40px;
  }

  .pl-40--tablet-up {
    padding-left: 40px;
  }

  .pd-40--tablet-up {
    padding: 40px;
  }

  .pd-y-40--tablet-up {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pd-x-40--tablet-up {
    padding-left: 40px;
    padding-right: 40px;
  }

  .mt-40--tablet-up {
    margin-top: 40px;
  }

  .mr-40--tablet-up {
    margin-right: 40px;
  }

  .mb-40--tablet-up {
    margin-bottom: 40px;
  }

  .ml-40--tablet-up {
    margin-left: 40px;
  }

  .mg-40--tablet-up {
    margin: 40px;
  }

  .mg-y-40--tablet-up {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mg-x-40--tablet-up {
    margin-left: 40px;
    margin-right: 40px;
  }

  .pt-45--tablet-up {
    padding-top: 45px;
  }

  .pr-45--tablet-up {
    padding-right: 45px;
  }

  .pb-45--tablet-up {
    padding-bottom: 45px;
  }

  .pl-45--tablet-up {
    padding-left: 45px;
  }

  .pd-45--tablet-up {
    padding: 45px;
  }

  .pd-y-45--tablet-up {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .pd-x-45--tablet-up {
    padding-left: 45px;
    padding-right: 45px;
  }

  .mt-45--tablet-up {
    margin-top: 45px;
  }

  .mr-45--tablet-up {
    margin-right: 45px;
  }

  .mb-45--tablet-up {
    margin-bottom: 45px;
  }

  .ml-45--tablet-up {
    margin-left: 45px;
  }

  .mg-45--tablet-up {
    margin: 45px;
  }

  .mg-y-45--tablet-up {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .mg-x-45--tablet-up {
    margin-left: 45px;
    margin-right: 45px;
  }

  .pt-50--tablet-up {
    padding-top: 50px;
  }

  .pr-50--tablet-up {
    padding-right: 50px;
  }

  .pb-50--tablet-up {
    padding-bottom: 50px;
  }

  .pl-50--tablet-up {
    padding-left: 50px;
  }

  .pd-50--tablet-up {
    padding: 50px;
  }

  .pd-y-50--tablet-up {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .pd-x-50--tablet-up {
    padding-left: 50px;
    padding-right: 50px;
  }

  .mt-50--tablet-up {
    margin-top: 50px;
  }

  .mr-50--tablet-up {
    margin-right: 50px;
  }

  .mb-50--tablet-up {
    margin-bottom: 50px;
  }

  .ml-50--tablet-up {
    margin-left: 50px;
  }

  .mg-50--tablet-up {
    margin: 50px;
  }

  .mg-y-50--tablet-up {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .mg-x-50--tablet-up {
    margin-left: 50px;
    margin-right: 50px;
  }

  .pt-55--tablet-up {
    padding-top: 55px;
  }

  .pr-55--tablet-up {
    padding-right: 55px;
  }

  .pb-55--tablet-up {
    padding-bottom: 55px;
  }

  .pl-55--tablet-up {
    padding-left: 55px;
  }

  .pd-55--tablet-up {
    padding: 55px;
  }

  .pd-y-55--tablet-up {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .pd-x-55--tablet-up {
    padding-left: 55px;
    padding-right: 55px;
  }

  .mt-55--tablet-up {
    margin-top: 55px;
  }

  .mr-55--tablet-up {
    margin-right: 55px;
  }

  .mb-55--tablet-up {
    margin-bottom: 55px;
  }

  .ml-55--tablet-up {
    margin-left: 55px;
  }

  .mg-55--tablet-up {
    margin: 55px;
  }

  .mg-y-55--tablet-up {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .mg-x-55--tablet-up {
    margin-left: 55px;
    margin-right: 55px;
  }

  .pt-60--tablet-up {
    padding-top: 60px;
  }

  .pr-60--tablet-up {
    padding-right: 60px;
  }

  .pb-60--tablet-up {
    padding-bottom: 60px;
  }

  .pl-60--tablet-up {
    padding-left: 60px;
  }

  .pd-60--tablet-up {
    padding: 60px;
  }

  .pd-y-60--tablet-up {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pd-x-60--tablet-up {
    padding-left: 60px;
    padding-right: 60px;
  }

  .mt-60--tablet-up {
    margin-top: 60px;
  }

  .mr-60--tablet-up {
    margin-right: 60px;
  }

  .mb-60--tablet-up {
    margin-bottom: 60px;
  }

  .ml-60--tablet-up {
    margin-left: 60px;
  }

  .mg-60--tablet-up {
    margin: 60px;
  }

  .mg-y-60--tablet-up {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .mg-x-60--tablet-up {
    margin-left: 60px;
    margin-right: 60px;
  }

  .pt-65--tablet-up {
    padding-top: 65px;
  }

  .pr-65--tablet-up {
    padding-right: 65px;
  }

  .pb-65--tablet-up {
    padding-bottom: 65px;
  }

  .pl-65--tablet-up {
    padding-left: 65px;
  }

  .pd-65--tablet-up {
    padding: 65px;
  }

  .pd-y-65--tablet-up {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .pd-x-65--tablet-up {
    padding-left: 65px;
    padding-right: 65px;
  }

  .mt-65--tablet-up {
    margin-top: 65px;
  }

  .mr-65--tablet-up {
    margin-right: 65px;
  }

  .mb-65--tablet-up {
    margin-bottom: 65px;
  }

  .ml-65--tablet-up {
    margin-left: 65px;
  }

  .mg-65--tablet-up {
    margin: 65px;
  }

  .mg-y-65--tablet-up {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .mg-x-65--tablet-up {
    margin-left: 65px;
    margin-right: 65px;
  }

  .pt-70--tablet-up {
    padding-top: 70px;
  }

  .pr-70--tablet-up {
    padding-right: 70px;
  }

  .pb-70--tablet-up {
    padding-bottom: 70px;
  }

  .pl-70--tablet-up {
    padding-left: 70px;
  }

  .pd-70--tablet-up {
    padding: 70px;
  }

  .pd-y-70--tablet-up {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .pd-x-70--tablet-up {
    padding-left: 70px;
    padding-right: 70px;
  }

  .mt-70--tablet-up {
    margin-top: 70px;
  }

  .mr-70--tablet-up {
    margin-right: 70px;
  }

  .mb-70--tablet-up {
    margin-bottom: 70px;
  }

  .ml-70--tablet-up {
    margin-left: 70px;
  }

  .mg-70--tablet-up {
    margin: 70px;
  }

  .mg-y-70--tablet-up {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .mg-x-70--tablet-up {
    margin-left: 70px;
    margin-right: 70px;
  }

  .pt-75--tablet-up {
    padding-top: 75px;
  }

  .pr-75--tablet-up {
    padding-right: 75px;
  }

  .pb-75--tablet-up {
    padding-bottom: 75px;
  }

  .pl-75--tablet-up {
    padding-left: 75px;
  }

  .pd-75--tablet-up {
    padding: 75px;
  }

  .pd-y-75--tablet-up {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .pd-x-75--tablet-up {
    padding-left: 75px;
    padding-right: 75px;
  }

  .mt-75--tablet-up {
    margin-top: 75px;
  }

  .mr-75--tablet-up {
    margin-right: 75px;
  }

  .mb-75--tablet-up {
    margin-bottom: 75px;
  }

  .ml-75--tablet-up {
    margin-left: 75px;
  }

  .mg-75--tablet-up {
    margin: 75px;
  }

  .mg-y-75--tablet-up {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .mg-x-75--tablet-up {
    margin-left: 75px;
    margin-right: 75px;
  }

  .pt-80--tablet-up {
    padding-top: 80px;
  }

  .pr-80--tablet-up {
    padding-right: 80px;
  }

  .pb-80--tablet-up {
    padding-bottom: 80px;
  }

  .pl-80--tablet-up {
    padding-left: 80px;
  }

  .pd-80--tablet-up {
    padding: 80px;
  }

  .pd-y-80--tablet-up {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pd-x-80--tablet-up {
    padding-left: 80px;
    padding-right: 80px;
  }

  .mt-80--tablet-up {
    margin-top: 80px;
  }

  .mr-80--tablet-up {
    margin-right: 80px;
  }

  .mb-80--tablet-up {
    margin-bottom: 80px;
  }

  .ml-80--tablet-up {
    margin-left: 80px;
  }

  .mg-80--tablet-up {
    margin: 80px;
  }

  .mg-y-80--tablet-up {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .mg-x-80--tablet-up {
    margin-left: 80px;
    margin-right: 80px;
  }

  .pt-85--tablet-up {
    padding-top: 85px;
  }

  .pr-85--tablet-up {
    padding-right: 85px;
  }

  .pb-85--tablet-up {
    padding-bottom: 85px;
  }

  .pl-85--tablet-up {
    padding-left: 85px;
  }

  .pd-85--tablet-up {
    padding: 85px;
  }

  .pd-y-85--tablet-up {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .pd-x-85--tablet-up {
    padding-left: 85px;
    padding-right: 85px;
  }

  .mt-85--tablet-up {
    margin-top: 85px;
  }

  .mr-85--tablet-up {
    margin-right: 85px;
  }

  .mb-85--tablet-up {
    margin-bottom: 85px;
  }

  .ml-85--tablet-up {
    margin-left: 85px;
  }

  .mg-85--tablet-up {
    margin: 85px;
  }

  .mg-y-85--tablet-up {
    margin-top: 85px;
    margin-bottom: 85px;
  }

  .mg-x-85--tablet-up {
    margin-left: 85px;
    margin-right: 85px;
  }

  .pt-90--tablet-up {
    padding-top: 90px;
  }

  .pr-90--tablet-up {
    padding-right: 90px;
  }

  .pb-90--tablet-up {
    padding-bottom: 90px;
  }

  .pl-90--tablet-up {
    padding-left: 90px;
  }

  .pd-90--tablet-up {
    padding: 90px;
  }

  .pd-y-90--tablet-up {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .pd-x-90--tablet-up {
    padding-left: 90px;
    padding-right: 90px;
  }

  .mt-90--tablet-up {
    margin-top: 90px;
  }

  .mr-90--tablet-up {
    margin-right: 90px;
  }

  .mb-90--tablet-up {
    margin-bottom: 90px;
  }

  .ml-90--tablet-up {
    margin-left: 90px;
  }

  .mg-90--tablet-up {
    margin: 90px;
  }

  .mg-y-90--tablet-up {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .mg-x-90--tablet-up {
    margin-left: 90px;
    margin-right: 90px;
  }

  .pt-95--tablet-up {
    padding-top: 95px;
  }

  .pr-95--tablet-up {
    padding-right: 95px;
  }

  .pb-95--tablet-up {
    padding-bottom: 95px;
  }

  .pl-95--tablet-up {
    padding-left: 95px;
  }

  .pd-95--tablet-up {
    padding: 95px;
  }

  .pd-y-95--tablet-up {
    padding-top: 95px;
    padding-bottom: 95px;
  }

  .pd-x-95--tablet-up {
    padding-left: 95px;
    padding-right: 95px;
  }

  .mt-95--tablet-up {
    margin-top: 95px;
  }

  .mr-95--tablet-up {
    margin-right: 95px;
  }

  .mb-95--tablet-up {
    margin-bottom: 95px;
  }

  .ml-95--tablet-up {
    margin-left: 95px;
  }

  .mg-95--tablet-up {
    margin: 95px;
  }

  .mg-y-95--tablet-up {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .mg-x-95--tablet-up {
    margin-left: 95px;
    margin-right: 95px;
  }

  .pt-100--tablet-up {
    padding-top: 100px;
  }

  .pr-100--tablet-up {
    padding-right: 100px;
  }

  .pb-100--tablet-up {
    padding-bottom: 100px;
  }

  .pl-100--tablet-up {
    padding-left: 100px;
  }

  .pd-100--tablet-up {
    padding: 100px;
  }

  .pd-y-100--tablet-up {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pd-x-100--tablet-up {
    padding-left: 100px;
    padding-right: 100px;
  }

  .mt-100--tablet-up {
    margin-top: 100px;
  }

  .mr-100--tablet-up {
    margin-right: 100px;
  }

  .mb-100--tablet-up {
    margin-bottom: 100px;
  }

  .ml-100--tablet-up {
    margin-left: 100px;
  }

  .mg-100--tablet-up {
    margin: 100px;
  }

  .mg-y-100--tablet-up {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .mg-x-100--tablet-up {
    margin-left: 100px;
    margin-right: 100px;
  }

  .pt-105--tablet-up {
    padding-top: 105px;
  }

  .pr-105--tablet-up {
    padding-right: 105px;
  }

  .pb-105--tablet-up {
    padding-bottom: 105px;
  }

  .pl-105--tablet-up {
    padding-left: 105px;
  }

  .pd-105--tablet-up {
    padding: 105px;
  }

  .pd-y-105--tablet-up {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .pd-x-105--tablet-up {
    padding-left: 105px;
    padding-right: 105px;
  }

  .mt-105--tablet-up {
    margin-top: 105px;
  }

  .mr-105--tablet-up {
    margin-right: 105px;
  }

  .mb-105--tablet-up {
    margin-bottom: 105px;
  }

  .ml-105--tablet-up {
    margin-left: 105px;
  }

  .mg-105--tablet-up {
    margin: 105px;
  }

  .mg-y-105--tablet-up {
    margin-top: 105px;
    margin-bottom: 105px;
  }

  .mg-x-105--tablet-up {
    margin-left: 105px;
    margin-right: 105px;
  }

  .pt-110--tablet-up {
    padding-top: 110px;
  }

  .pr-110--tablet-up {
    padding-right: 110px;
  }

  .pb-110--tablet-up {
    padding-bottom: 110px;
  }

  .pl-110--tablet-up {
    padding-left: 110px;
  }

  .pd-110--tablet-up {
    padding: 110px;
  }

  .pd-y-110--tablet-up {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .pd-x-110--tablet-up {
    padding-left: 110px;
    padding-right: 110px;
  }

  .mt-110--tablet-up {
    margin-top: 110px;
  }

  .mr-110--tablet-up {
    margin-right: 110px;
  }

  .mb-110--tablet-up {
    margin-bottom: 110px;
  }

  .ml-110--tablet-up {
    margin-left: 110px;
  }

  .mg-110--tablet-up {
    margin: 110px;
  }

  .mg-y-110--tablet-up {
    margin-top: 110px;
    margin-bottom: 110px;
  }

  .mg-x-110--tablet-up {
    margin-left: 110px;
    margin-right: 110px;
  }

  .pt-115--tablet-up {
    padding-top: 115px;
  }

  .pr-115--tablet-up {
    padding-right: 115px;
  }

  .pb-115--tablet-up {
    padding-bottom: 115px;
  }

  .pl-115--tablet-up {
    padding-left: 115px;
  }

  .pd-115--tablet-up {
    padding: 115px;
  }

  .pd-y-115--tablet-up {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .pd-x-115--tablet-up {
    padding-left: 115px;
    padding-right: 115px;
  }

  .mt-115--tablet-up {
    margin-top: 115px;
  }

  .mr-115--tablet-up {
    margin-right: 115px;
  }

  .mb-115--tablet-up {
    margin-bottom: 115px;
  }

  .ml-115--tablet-up {
    margin-left: 115px;
  }

  .mg-115--tablet-up {
    margin: 115px;
  }

  .mg-y-115--tablet-up {
    margin-top: 115px;
    margin-bottom: 115px;
  }

  .mg-x-115--tablet-up {
    margin-left: 115px;
    margin-right: 115px;
  }

  .pt-120--tablet-up {
    padding-top: 120px;
  }

  .pr-120--tablet-up {
    padding-right: 120px;
  }

  .pb-120--tablet-up {
    padding-bottom: 120px;
  }

  .pl-120--tablet-up {
    padding-left: 120px;
  }

  .pd-120--tablet-up {
    padding: 120px;
  }

  .pd-y-120--tablet-up {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .pd-x-120--tablet-up {
    padding-left: 120px;
    padding-right: 120px;
  }

  .mt-120--tablet-up {
    margin-top: 120px;
  }

  .mr-120--tablet-up {
    margin-right: 120px;
  }

  .mb-120--tablet-up {
    margin-bottom: 120px;
  }

  .ml-120--tablet-up {
    margin-left: 120px;
  }

  .mg-120--tablet-up {
    margin: 120px;
  }

  .mg-y-120--tablet-up {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .mg-x-120--tablet-up {
    margin-left: 120px;
    margin-right: 120px;
  }

  .pt-125--tablet-up {
    padding-top: 125px;
  }

  .pr-125--tablet-up {
    padding-right: 125px;
  }

  .pb-125--tablet-up {
    padding-bottom: 125px;
  }

  .pl-125--tablet-up {
    padding-left: 125px;
  }

  .pd-125--tablet-up {
    padding: 125px;
  }

  .pd-y-125--tablet-up {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .pd-x-125--tablet-up {
    padding-left: 125px;
    padding-right: 125px;
  }

  .mt-125--tablet-up {
    margin-top: 125px;
  }

  .mr-125--tablet-up {
    margin-right: 125px;
  }

  .mb-125--tablet-up {
    margin-bottom: 125px;
  }

  .ml-125--tablet-up {
    margin-left: 125px;
  }

  .mg-125--tablet-up {
    margin: 125px;
  }

  .mg-y-125--tablet-up {
    margin-top: 125px;
    margin-bottom: 125px;
  }

  .mg-x-125--tablet-up {
    margin-left: 125px;
    margin-right: 125px;
  }

  .pt-130--tablet-up {
    padding-top: 130px;
  }

  .pr-130--tablet-up {
    padding-right: 130px;
  }

  .pb-130--tablet-up {
    padding-bottom: 130px;
  }

  .pl-130--tablet-up {
    padding-left: 130px;
  }

  .pd-130--tablet-up {
    padding: 130px;
  }

  .pd-y-130--tablet-up {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .pd-x-130--tablet-up {
    padding-left: 130px;
    padding-right: 130px;
  }

  .mt-130--tablet-up {
    margin-top: 130px;
  }

  .mr-130--tablet-up {
    margin-right: 130px;
  }

  .mb-130--tablet-up {
    margin-bottom: 130px;
  }

  .ml-130--tablet-up {
    margin-left: 130px;
  }

  .mg-130--tablet-up {
    margin: 130px;
  }

  .mg-y-130--tablet-up {
    margin-top: 130px;
    margin-bottom: 130px;
  }

  .mg-x-130--tablet-up {
    margin-left: 130px;
    margin-right: 130px;
  }

  .pt-135--tablet-up {
    padding-top: 135px;
  }

  .pr-135--tablet-up {
    padding-right: 135px;
  }

  .pb-135--tablet-up {
    padding-bottom: 135px;
  }

  .pl-135--tablet-up {
    padding-left: 135px;
  }

  .pd-135--tablet-up {
    padding: 135px;
  }

  .pd-y-135--tablet-up {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .pd-x-135--tablet-up {
    padding-left: 135px;
    padding-right: 135px;
  }

  .mt-135--tablet-up {
    margin-top: 135px;
  }

  .mr-135--tablet-up {
    margin-right: 135px;
  }

  .mb-135--tablet-up {
    margin-bottom: 135px;
  }

  .ml-135--tablet-up {
    margin-left: 135px;
  }

  .mg-135--tablet-up {
    margin: 135px;
  }

  .mg-y-135--tablet-up {
    margin-top: 135px;
    margin-bottom: 135px;
  }

  .mg-x-135--tablet-up {
    margin-left: 135px;
    margin-right: 135px;
  }

  .pt-140--tablet-up {
    padding-top: 140px;
  }

  .pr-140--tablet-up {
    padding-right: 140px;
  }

  .pb-140--tablet-up {
    padding-bottom: 140px;
  }

  .pl-140--tablet-up {
    padding-left: 140px;
  }

  .pd-140--tablet-up {
    padding: 140px;
  }

  .pd-y-140--tablet-up {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .pd-x-140--tablet-up {
    padding-left: 140px;
    padding-right: 140px;
  }

  .mt-140--tablet-up {
    margin-top: 140px;
  }

  .mr-140--tablet-up {
    margin-right: 140px;
  }

  .mb-140--tablet-up {
    margin-bottom: 140px;
  }

  .ml-140--tablet-up {
    margin-left: 140px;
  }

  .mg-140--tablet-up {
    margin: 140px;
  }

  .mg-y-140--tablet-up {
    margin-top: 140px;
    margin-bottom: 140px;
  }

  .mg-x-140--tablet-up {
    margin-left: 140px;
    margin-right: 140px;
  }

  .pt-145--tablet-up {
    padding-top: 145px;
  }

  .pr-145--tablet-up {
    padding-right: 145px;
  }

  .pb-145--tablet-up {
    padding-bottom: 145px;
  }

  .pl-145--tablet-up {
    padding-left: 145px;
  }

  .pd-145--tablet-up {
    padding: 145px;
  }

  .pd-y-145--tablet-up {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .pd-x-145--tablet-up {
    padding-left: 145px;
    padding-right: 145px;
  }

  .mt-145--tablet-up {
    margin-top: 145px;
  }

  .mr-145--tablet-up {
    margin-right: 145px;
  }

  .mb-145--tablet-up {
    margin-bottom: 145px;
  }

  .ml-145--tablet-up {
    margin-left: 145px;
  }

  .mg-145--tablet-up {
    margin: 145px;
  }

  .mg-y-145--tablet-up {
    margin-top: 145px;
    margin-bottom: 145px;
  }

  .mg-x-145--tablet-up {
    margin-left: 145px;
    margin-right: 145px;
  }

  .pt-150--tablet-up {
    padding-top: 150px;
  }

  .pr-150--tablet-up {
    padding-right: 150px;
  }

  .pb-150--tablet-up {
    padding-bottom: 150px;
  }

  .pl-150--tablet-up {
    padding-left: 150px;
  }

  .pd-150--tablet-up {
    padding: 150px;
  }

  .pd-y-150--tablet-up {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .pd-x-150--tablet-up {
    padding-left: 150px;
    padding-right: 150px;
  }

  .mt-150--tablet-up {
    margin-top: 150px;
  }

  .mr-150--tablet-up {
    margin-right: 150px;
  }

  .mb-150--tablet-up {
    margin-bottom: 150px;
  }

  .ml-150--tablet-up {
    margin-left: 150px;
  }

  .mg-150--tablet-up {
    margin: 150px;
  }

  .mg-y-150--tablet-up {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .mg-x-150--tablet-up {
    margin-left: 150px;
    margin-right: 150px;
  }

  .pt-155--tablet-up {
    padding-top: 155px;
  }

  .pr-155--tablet-up {
    padding-right: 155px;
  }

  .pb-155--tablet-up {
    padding-bottom: 155px;
  }

  .pl-155--tablet-up {
    padding-left: 155px;
  }

  .pd-155--tablet-up {
    padding: 155px;
  }

  .pd-y-155--tablet-up {
    padding-top: 155px;
    padding-bottom: 155px;
  }

  .pd-x-155--tablet-up {
    padding-left: 155px;
    padding-right: 155px;
  }

  .mt-155--tablet-up {
    margin-top: 155px;
  }

  .mr-155--tablet-up {
    margin-right: 155px;
  }

  .mb-155--tablet-up {
    margin-bottom: 155px;
  }

  .ml-155--tablet-up {
    margin-left: 155px;
  }

  .mg-155--tablet-up {
    margin: 155px;
  }

  .mg-y-155--tablet-up {
    margin-top: 155px;
    margin-bottom: 155px;
  }

  .mg-x-155--tablet-up {
    margin-left: 155px;
    margin-right: 155px;
  }

  .pt-160--tablet-up {
    padding-top: 160px;
  }

  .pr-160--tablet-up {
    padding-right: 160px;
  }

  .pb-160--tablet-up {
    padding-bottom: 160px;
  }

  .pl-160--tablet-up {
    padding-left: 160px;
  }

  .pd-160--tablet-up {
    padding: 160px;
  }

  .pd-y-160--tablet-up {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .pd-x-160--tablet-up {
    padding-left: 160px;
    padding-right: 160px;
  }

  .mt-160--tablet-up {
    margin-top: 160px;
  }

  .mr-160--tablet-up {
    margin-right: 160px;
  }

  .mb-160--tablet-up {
    margin-bottom: 160px;
  }

  .ml-160--tablet-up {
    margin-left: 160px;
  }

  .mg-160--tablet-up {
    margin: 160px;
  }

  .mg-y-160--tablet-up {
    margin-top: 160px;
    margin-bottom: 160px;
  }

  .mg-x-160--tablet-up {
    margin-left: 160px;
    margin-right: 160px;
  }

  .pt-165--tablet-up {
    padding-top: 165px;
  }

  .pr-165--tablet-up {
    padding-right: 165px;
  }

  .pb-165--tablet-up {
    padding-bottom: 165px;
  }

  .pl-165--tablet-up {
    padding-left: 165px;
  }

  .pd-165--tablet-up {
    padding: 165px;
  }

  .pd-y-165--tablet-up {
    padding-top: 165px;
    padding-bottom: 165px;
  }

  .pd-x-165--tablet-up {
    padding-left: 165px;
    padding-right: 165px;
  }

  .mt-165--tablet-up {
    margin-top: 165px;
  }

  .mr-165--tablet-up {
    margin-right: 165px;
  }

  .mb-165--tablet-up {
    margin-bottom: 165px;
  }

  .ml-165--tablet-up {
    margin-left: 165px;
  }

  .mg-165--tablet-up {
    margin: 165px;
  }

  .mg-y-165--tablet-up {
    margin-top: 165px;
    margin-bottom: 165px;
  }

  .mg-x-165--tablet-up {
    margin-left: 165px;
    margin-right: 165px;
  }

  .pt-170--tablet-up {
    padding-top: 170px;
  }

  .pr-170--tablet-up {
    padding-right: 170px;
  }

  .pb-170--tablet-up {
    padding-bottom: 170px;
  }

  .pl-170--tablet-up {
    padding-left: 170px;
  }

  .pd-170--tablet-up {
    padding: 170px;
  }

  .pd-y-170--tablet-up {
    padding-top: 170px;
    padding-bottom: 170px;
  }

  .pd-x-170--tablet-up {
    padding-left: 170px;
    padding-right: 170px;
  }

  .mt-170--tablet-up {
    margin-top: 170px;
  }

  .mr-170--tablet-up {
    margin-right: 170px;
  }

  .mb-170--tablet-up {
    margin-bottom: 170px;
  }

  .ml-170--tablet-up {
    margin-left: 170px;
  }

  .mg-170--tablet-up {
    margin: 170px;
  }

  .mg-y-170--tablet-up {
    margin-top: 170px;
    margin-bottom: 170px;
  }

  .mg-x-170--tablet-up {
    margin-left: 170px;
    margin-right: 170px;
  }

  .pt-175--tablet-up {
    padding-top: 175px;
  }

  .pr-175--tablet-up {
    padding-right: 175px;
  }

  .pb-175--tablet-up {
    padding-bottom: 175px;
  }

  .pl-175--tablet-up {
    padding-left: 175px;
  }

  .pd-175--tablet-up {
    padding: 175px;
  }

  .pd-y-175--tablet-up {
    padding-top: 175px;
    padding-bottom: 175px;
  }

  .pd-x-175--tablet-up {
    padding-left: 175px;
    padding-right: 175px;
  }

  .mt-175--tablet-up {
    margin-top: 175px;
  }

  .mr-175--tablet-up {
    margin-right: 175px;
  }

  .mb-175--tablet-up {
    margin-bottom: 175px;
  }

  .ml-175--tablet-up {
    margin-left: 175px;
  }

  .mg-175--tablet-up {
    margin: 175px;
  }

  .mg-y-175--tablet-up {
    margin-top: 175px;
    margin-bottom: 175px;
  }

  .mg-x-175--tablet-up {
    margin-left: 175px;
    margin-right: 175px;
  }

  .pt-180--tablet-up {
    padding-top: 180px;
  }

  .pr-180--tablet-up {
    padding-right: 180px;
  }

  .pb-180--tablet-up {
    padding-bottom: 180px;
  }

  .pl-180--tablet-up {
    padding-left: 180px;
  }

  .pd-180--tablet-up {
    padding: 180px;
  }

  .pd-y-180--tablet-up {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .pd-x-180--tablet-up {
    padding-left: 180px;
    padding-right: 180px;
  }

  .mt-180--tablet-up {
    margin-top: 180px;
  }

  .mr-180--tablet-up {
    margin-right: 180px;
  }

  .mb-180--tablet-up {
    margin-bottom: 180px;
  }

  .ml-180--tablet-up {
    margin-left: 180px;
  }

  .mg-180--tablet-up {
    margin: 180px;
  }

  .mg-y-180--tablet-up {
    margin-top: 180px;
    margin-bottom: 180px;
  }

  .mg-x-180--tablet-up {
    margin-left: 180px;
    margin-right: 180px;
  }

  .pt-185--tablet-up {
    padding-top: 185px;
  }

  .pr-185--tablet-up {
    padding-right: 185px;
  }

  .pb-185--tablet-up {
    padding-bottom: 185px;
  }

  .pl-185--tablet-up {
    padding-left: 185px;
  }

  .pd-185--tablet-up {
    padding: 185px;
  }

  .pd-y-185--tablet-up {
    padding-top: 185px;
    padding-bottom: 185px;
  }

  .pd-x-185--tablet-up {
    padding-left: 185px;
    padding-right: 185px;
  }

  .mt-185--tablet-up {
    margin-top: 185px;
  }

  .mr-185--tablet-up {
    margin-right: 185px;
  }

  .mb-185--tablet-up {
    margin-bottom: 185px;
  }

  .ml-185--tablet-up {
    margin-left: 185px;
  }

  .mg-185--tablet-up {
    margin: 185px;
  }

  .mg-y-185--tablet-up {
    margin-top: 185px;
    margin-bottom: 185px;
  }

  .mg-x-185--tablet-up {
    margin-left: 185px;
    margin-right: 185px;
  }

  .pt-190--tablet-up {
    padding-top: 190px;
  }

  .pr-190--tablet-up {
    padding-right: 190px;
  }

  .pb-190--tablet-up {
    padding-bottom: 190px;
  }

  .pl-190--tablet-up {
    padding-left: 190px;
  }

  .pd-190--tablet-up {
    padding: 190px;
  }

  .pd-y-190--tablet-up {
    padding-top: 190px;
    padding-bottom: 190px;
  }

  .pd-x-190--tablet-up {
    padding-left: 190px;
    padding-right: 190px;
  }

  .mt-190--tablet-up {
    margin-top: 190px;
  }

  .mr-190--tablet-up {
    margin-right: 190px;
  }

  .mb-190--tablet-up {
    margin-bottom: 190px;
  }

  .ml-190--tablet-up {
    margin-left: 190px;
  }

  .mg-190--tablet-up {
    margin: 190px;
  }

  .mg-y-190--tablet-up {
    margin-top: 190px;
    margin-bottom: 190px;
  }

  .mg-x-190--tablet-up {
    margin-left: 190px;
    margin-right: 190px;
  }

  .pt-195--tablet-up {
    padding-top: 195px;
  }

  .pr-195--tablet-up {
    padding-right: 195px;
  }

  .pb-195--tablet-up {
    padding-bottom: 195px;
  }

  .pl-195--tablet-up {
    padding-left: 195px;
  }

  .pd-195--tablet-up {
    padding: 195px;
  }

  .pd-y-195--tablet-up {
    padding-top: 195px;
    padding-bottom: 195px;
  }

  .pd-x-195--tablet-up {
    padding-left: 195px;
    padding-right: 195px;
  }

  .mt-195--tablet-up {
    margin-top: 195px;
  }

  .mr-195--tablet-up {
    margin-right: 195px;
  }

  .mb-195--tablet-up {
    margin-bottom: 195px;
  }

  .ml-195--tablet-up {
    margin-left: 195px;
  }

  .mg-195--tablet-up {
    margin: 195px;
  }

  .mg-y-195--tablet-up {
    margin-top: 195px;
    margin-bottom: 195px;
  }

  .mg-x-195--tablet-up {
    margin-left: 195px;
    margin-right: 195px;
  }

  .pt-200--tablet-up {
    padding-top: 200px;
  }

  .pr-200--tablet-up {
    padding-right: 200px;
  }

  .pb-200--tablet-up {
    padding-bottom: 200px;
  }

  .pl-200--tablet-up {
    padding-left: 200px;
  }

  .pd-200--tablet-up {
    padding: 200px;
  }

  .pd-y-200--tablet-up {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .pd-x-200--tablet-up {
    padding-left: 200px;
    padding-right: 200px;
  }

  .mt-200--tablet-up {
    margin-top: 200px;
  }

  .mr-200--tablet-up {
    margin-right: 200px;
  }

  .mb-200--tablet-up {
    margin-bottom: 200px;
  }

  .ml-200--tablet-up {
    margin-left: 200px;
  }

  .mg-200--tablet-up {
    margin: 200px;
  }

  .mg-y-200--tablet-up {
    margin-top: 200px;
    margin-bottom: 200px;
  }

  .mg-x-200--tablet-up {
    margin-left: 200px;
    margin-right: 200px;
  }
}
.mb-1em {
  margin-bottom: 1em;
}

.mb-2em {
  margin-bottom: 2em;
}

.mg-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.pl-1em {
  padding-left: 1em;
}

.max-width-100 {
  max-width: 100px;
}

.max-width-110 {
  max-width: 110px;
}

.max-width-120 {
  max-width: 120px;
}

.max-width-130 {
  max-width: 130px;
}

.max-width-140 {
  max-width: 140px;
}

.max-width-150 {
  max-width: 150px;
}

.max-width-160 {
  max-width: 160px;
}

.max-width-170 {
  max-width: 170px;
}

.max-width-180 {
  max-width: 180px;
}

.max-width-190 {
  max-width: 190px;
}

.max-width-200 {
  max-width: 200px;
}

.max-width-210 {
  max-width: 210px;
}

.max-width-220 {
  max-width: 220px;
}

.max-width-230 {
  max-width: 230px;
}

.max-width-240 {
  max-width: 240px;
}

.max-width-250 {
  max-width: 250px;
}

.max-width-260 {
  max-width: 260px;
}

.max-width-270 {
  max-width: 270px;
}

.max-width-280 {
  max-width: 280px;
}

.max-width-290 {
  max-width: 290px;
}

.max-width-300 {
  max-width: 300px;
}

.max-width-310 {
  max-width: 310px;
}

.max-width-320 {
  max-width: 320px;
}

.max-width-330 {
  max-width: 330px;
}

.max-width-340 {
  max-width: 340px;
}

.max-width-350 {
  max-width: 350px;
}

.max-width-360 {
  max-width: 360px;
}

.max-width-370 {
  max-width: 370px;
}

.max-width-380 {
  max-width: 380px;
}

.max-width-390 {
  max-width: 390px;
}

.max-width-400 {
  max-width: 400px;
}

.max-width-410 {
  max-width: 410px;
}

.max-width-420 {
  max-width: 420px;
}

.max-width-430 {
  max-width: 430px;
}

.max-width-440 {
  max-width: 440px;
}

.max-width-450 {
  max-width: 450px;
}

.max-width-460 {
  max-width: 460px;
}

.max-width-470 {
  max-width: 470px;
}

.max-width-480 {
  max-width: 480px;
}

.max-width-490 {
  max-width: 490px;
}

.max-width-500 {
  max-width: 500px;
}

.max-width-510 {
  max-width: 510px;
}

.max-width-520 {
  max-width: 520px;
}

.max-width-530 {
  max-width: 530px;
}

.max-width-540 {
  max-width: 540px;
}

.max-width-550 {
  max-width: 550px;
}

.max-width-560 {
  max-width: 560px;
}

.max-width-570 {
  max-width: 570px;
}

.max-width-580 {
  max-width: 580px;
}

.max-width-590 {
  max-width: 590px;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-610 {
  max-width: 610px;
}

.max-width-620 {
  max-width: 620px;
}

.max-width-630 {
  max-width: 630px;
}

.max-width-640 {
  max-width: 640px;
}

.max-width-650 {
  max-width: 650px;
}

.max-width-660 {
  max-width: 660px;
}

.max-width-670 {
  max-width: 670px;
}

.max-width-680 {
  max-width: 680px;
}

.max-width-690 {
  max-width: 690px;
}

.max-width-700 {
  max-width: 700px;
}

.max-width-710 {
  max-width: 710px;
}

.max-width-720 {
  max-width: 720px;
}

.max-width-730 {
  max-width: 730px;
}

.max-width-740 {
  max-width: 740px;
}

.max-width-750 {
  max-width: 750px;
}

.max-width-760 {
  max-width: 760px;
}

.max-width-770 {
  max-width: 770px;
}

.max-width-780 {
  max-width: 780px;
}

.max-width-790 {
  max-width: 790px;
}

.max-width-800 {
  max-width: 800px;
}

.max-width-810 {
  max-width: 810px;
}

.max-width-820 {
  max-width: 820px;
}

.max-width-830 {
  max-width: 830px;
}

.max-width-840 {
  max-width: 840px;
}

.max-width-850 {
  max-width: 850px;
}

.max-width-860 {
  max-width: 860px;
}

.max-width-870 {
  max-width: 870px;
}

.max-width-880 {
  max-width: 880px;
}

.max-width-890 {
  max-width: 890px;
}

.max-width-900 {
  max-width: 900px;
}

.color-primary {
  color: #00208A;
}

.color-secondary {
  color: #FF6600;
}

.color-thirdly {
  color: #004FB5;
}

.color-fourthly {
  color: #EAF1F9;
}

.color-white {
  color: #fff;
}

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

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

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

.text-indent-1em {
  text-indent: 1em;
}

.text-outdent-1em {
  text-indent: -1em;
  padding-left: 1em;
}

.text-decoration-underline {
  text-decoration: underline;
}

.text-decoration-line-through {
  text-decoration: line-through;
}

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

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

.fz-lg {
  font-size: 15px;
}
@media (min-width: 768px) {
  .fz-lg {
    font-size: 18px;
  }
}

.fz-xl {
  font-size: 16px;
}
@media (min-width: 768px) {
  .fz-xl {
    font-size: 20px;
  }
}

.fz-xxl {
  font-size: 18px;
}
@media (min-width: 768px) {
  .fz-xxl {
    font-size: 24px;
  }
}

.fz-xxxl {
  font-size: 22px;
}
@media (min-width: 768px) {
  .fz-xxxl {
    font-size: 28px;
  }
}

.line-height-0 {
  line-height: 0;
}

.line-height-1 {
  line-height: 1;
}

.line-height-1\.1 {
  line-height: 1.1;
}

.line-height-1\.2 {
  line-height: 1.2;
}

.line-height-1\.3 {
  line-height: 1.3;
}

.line-height-1\.4 {
  line-height: 1.4;
}

.line-height-1\.5 {
  line-height: 1.5;
}

.line-height-1\.6 {
  line-height: 1.6;
}

.line-height-1\.7 {
  line-height: 1.7;
}

.line-height-1\.8 {
  line-height: 1.8;
}

.line-height-1\.9 {
  line-height: 1.9;
}

.line-height-2 {
  line-height: 2;
}

.line-height-2\.1 {
  line-height: 2.1;
}

.line-height-2\.2 {
  line-height: 2.2;
}

.line-height-2\.3 {
  line-height: 2.3;
}

.line-height-2\.4 {
  line-height: 2.4;
}

.line-height-2\.5 {
  line-height: 2.5;
}

.line-height-2\.6 {
  line-height: 2.6;
}

.line-height-2\.7 {
  line-height: 2.7;
}

.line-height-2\.8 {
  line-height: 2.8;
}

.line-height-2\.9 {
  line-height: 2.9;
}

.line-height-3 {
  line-height: 3;
}

.bgc-primary {
  background-color: #00208A;
}

.bgc-secondary {
  background-color: #FF6600;
}

.bgc-thirdly {
  background-color: #004FB5;
}

.bgc-aqua {
  background-color: #EAF1F9;
}

.bgc-white {
  background-color: #fff;
}

.container-slim--no-x, .container-slim, .container-wide--no-x, .container-wide, .container--no-x, .container {
  margin-left: auto;
  margin-right: auto;
}

.container-slim, .container-wide, .container {
  padding-left: 15px;
  padding-right: 15px;
}

.container {
  max-width: 1230px;
}
.container--no-x {
  max-width: 1200px;
}
.container-wide {
  max-width: 1230px;
}
.container-wide--no-x {
  max-width: 1200px;
}
.container-slim {
  max-width: 830px;
}
.container-slim--no-x {
  max-width: 800px;
}

.section + .section {
  padding-top: 80px;
}
@media (min-width: 768px) {
  .section + .section {
    padding-top: 120px;
  }
}

.grid--column-12, .grid--column-11, .grid--column-10, .grid--column-9, .grid--column-8, .grid--column-7, .grid--column-6, .grid--column-5, .grid--column-4, .grid--column-3, .grid--column-2, .grid--column-1 {
  display: -ms-grid;
  display: grid;
}

@media (min-width: 560px) {
  .grid--column-12--landscape-up, .grid--column-11--landscape-up, .grid--column-10--landscape-up, .grid--column-9--landscape-up, .grid--column-8--landscape-up, .grid--column-7--landscape-up, .grid--column-6--landscape-up, .grid--column-5--landscape-up, .grid--column-4--landscape-up, .grid--column-3--landscape-up, .grid--column-2--landscape-up, .grid--column-1--landscape-up {
    display: -ms-grid;
    display: grid;
  }
}
@media (min-width: 768px) {
  .grid--column-12--tablet-up, .grid--column-11--tablet-up, .grid--column-10--tablet-up, .grid--column-9--tablet-up, .grid--column-8--tablet-up, .grid--column-7--tablet-up, .grid--column-6--tablet-up, .grid--column-5--tablet-up, .grid--column-4--tablet-up, .grid--column-3--tablet-up, .grid--column-2--tablet-up, .grid--column-1--tablet-up {
    display: -ms-grid;
    display: grid;
  }
}
@media (min-width: 1024px) {
  .grid--column-12--laptop-up, .grid--column-11--laptop-up, .grid--column-10--laptop-up, .grid--column-9--laptop-up, .grid--column-8--laptop-up, .grid--column-7--laptop-up, .grid--column-6--laptop-up, .grid--column-5--laptop-up, .grid--column-4--laptop-up, .grid--column-3--laptop-up, .grid--column-2--laptop-up, .grid--column-1--laptop-up {
    display: -ms-grid;
    display: grid;
  }
}
@media (min-width: 1366px) {
  .grid--column-12--desktop-up, .grid--column-11--desktop-up, .grid--column-10--desktop-up, .grid--column-9--desktop-up, .grid--column-8--desktop-up, .grid--column-7--desktop-up, .grid--column-6--desktop-up, .grid--column-5--desktop-up, .grid--column-4--desktop-up, .grid--column-3--desktop-up, .grid--column-2--desktop-up, .grid--column-1--desktop-up {
    display: -ms-grid;
    display: grid;
  }
}
.grid--column-1 {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
.grid--column-2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.grid--column-3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.grid--column-4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
.grid--column-5 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
.grid--column-6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
.grid--column-7 {
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}
.grid--column-8 {
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
}
.grid--column-9 {
  -ms-grid-columns: (1fr)[9];
  grid-template-columns: repeat(9, 1fr);
}
.grid--column-10 {
  -ms-grid-columns: (1fr)[10];
  grid-template-columns: repeat(10, 1fr);
}
.grid--column-11 {
  -ms-grid-columns: (1fr)[11];
  grid-template-columns: repeat(11, 1fr);
}
.grid--column-12 {
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
}
@media (min-width: 560px) {
  .grid--column-1--landscape-up {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .grid--column-2--landscape-up {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .grid--column-3--landscape-up {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .grid--column-4--landscape-up {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .grid--column-5--landscape-up {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  .grid--column-6--landscape-up {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
  .grid--column-7--landscape-up {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
  }
  .grid--column-8--landscape-up {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
  .grid--column-9--landscape-up {
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9, 1fr);
  }
  .grid--column-10--landscape-up {
    -ms-grid-columns: (1fr)[10];
    grid-template-columns: repeat(10, 1fr);
  }
  .grid--column-11--landscape-up {
    -ms-grid-columns: (1fr)[11];
    grid-template-columns: repeat(11, 1fr);
  }
  .grid--column-12--landscape-up {
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--column-1--tablet-up {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .grid--column-2--tablet-up {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .grid--column-3--tablet-up {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .grid--column-4--tablet-up {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .grid--column-5--tablet-up {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  .grid--column-6--tablet-up {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
  .grid--column-7--tablet-up {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
  }
  .grid--column-8--tablet-up {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
  .grid--column-9--tablet-up {
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9, 1fr);
  }
  .grid--column-10--tablet-up {
    -ms-grid-columns: (1fr)[10];
    grid-template-columns: repeat(10, 1fr);
  }
  .grid--column-11--tablet-up {
    -ms-grid-columns: (1fr)[11];
    grid-template-columns: repeat(11, 1fr);
  }
  .grid--column-12--tablet-up {
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1024px) {
  .grid--column-1--laptop-up {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .grid--column-2--laptop-up {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .grid--column-3--laptop-up {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .grid--column-4--laptop-up {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .grid--column-5--laptop-up {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  .grid--column-6--laptop-up {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
  .grid--column-7--laptop-up {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
  }
  .grid--column-8--laptop-up {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
  .grid--column-9--laptop-up {
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9, 1fr);
  }
  .grid--column-10--laptop-up {
    -ms-grid-columns: (1fr)[10];
    grid-template-columns: repeat(10, 1fr);
  }
  .grid--column-11--laptop-up {
    -ms-grid-columns: (1fr)[11];
    grid-template-columns: repeat(11, 1fr);
  }
  .grid--column-12--laptop-up {
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1366px) {
  .grid--column-1--desktop-up {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .grid--column-2--desktop-up {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .grid--column-3--desktop-up {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .grid--column-4--desktop-up {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .grid--column-5--desktop-up {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  .grid--column-6--desktop-up {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
  .grid--column-7--desktop-up {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
  }
  .grid--column-8--desktop-up {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
  .grid--column-9--desktop-up {
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9, 1fr);
  }
  .grid--column-10--desktop-up {
    -ms-grid-columns: (1fr)[10];
    grid-template-columns: repeat(10, 1fr);
  }
  .grid--column-11--desktop-up {
    -ms-grid-columns: (1fr)[11];
    grid-template-columns: repeat(11, 1fr);
  }
  .grid--column-12--desktop-up {
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
  }
}

.spacer {
  height: 50px;
}
.spacer--half {
  height: 25px;
}
@media (min-width: 768px) {
  .spacer {
    height: 90px;
  }
  .spacer--half {
    height: 45px;
  }
}

.main {
  padding: 80px 0;
}
.main--news {
  padding: 80px 15px;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
}
.main--news__aside {
  margin-top: 70px;
}
@media (min-width: 768px) {
  .main {
    padding: 120px 0;
  }
  .main--news {
    padding: 120px 15px;
  }
}
@media (min-width: 1024px) {
  .main--news {
    display: -ms-grid;
    display: grid;
        grid-template-areas: "main aside";
    -ms-grid-columns: 1fr 80px 300px;
    grid-template-columns: 1fr 300px;
    gap: 80px;
  }
  .main--news__main {
    grid-area: main;
    margin: 0;
  }
  .main--news__aside {
    grid-area: aside;
    margin: 0;
  }
}
@media (min-width: 1024px){
  .main--news__main {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .main--news__aside {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}

.aside {
  display: -ms-grid;
  display: grid;
  gap: 50px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .aside {
    gap: 30px;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .aside {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 70px;
  }
}

.gutter {
  padding-left: 15px;
  padding-right: 15px;
}

.block + .block {
  margin-top: 60px;
}
.block + .block[data-space=bit-narrow] {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .block + .block {
    margin-top: 100px;
  }
  .block + .block[data-space=bit-narrow] {
    margin-top: 70px;
  }
}

.h2 {
  font-weight: bold;
  font-size: 25px;
}
@media (min-width: 768px) {
  .h2 {
    font-size: 32px;
  }
}

.h3 {
  font-weight: bold;
  font-size: 22px;
}
@media (min-width: 768px) {
  .h3 {
    font-size: 28px;
  }
}

.h4 {
  font-weight: bold;
  font-size: 18px;
}
@media (min-width: 768px) {
  .h4 {
    font-size: 24px;
  }
}

.title-t1--center .title-t1__en, .title-t1--center .title-t1__ja {
  text-align: center;
}
.title-t1--right .title-t1__en, .title-t1--right .title-t1__ja {
  text-align: right;
}
.title-t1__en {
  display: block;
  line-height: 1;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 40px;
  font-weight: 600;
}
.title-t1__ja {
  display: block;
  line-height: 1;
  letter-spacing: 0.2em;
  margin: 12px 0 0;
  font-size: 18px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .title-t1__en {
    font-size: 72px;
  }
  .title-t1__ja {
    font-size: 20px;
    margin: 20px 0 0;
  }
}

.title-t2 {
  border-bottom: 2px solid #CACACA;
  position: relative;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: 0.04em;
  font-size: 25px;
  padding: 0 0 0.35em;
}
.title-t2:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 200px;
  height: 2px;
  background-color: #00208A;
}
@media (min-width: 768px) {
  .title-t2 {
    font-size: 32px;
  }
  .title-t2:after {
    width: 400px;
  }
}

.button-t1--white, .button-t1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.button-t1--white:hover, .button-t1:hover {
  opacity: 0.6;
}
[data-inline].button-t1--white, [data-inline].button-t1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.button-t1--white .button-t1__text {
  color: #fff;
}
.button-t1--white .button-t1__arrow {
  background-color: #fff;
}
.button-t1--white .button-t1__arrow .fill-path {
  fill: #00208A;
}
.button-t1__text {
  font-weight: bold;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.button-t1__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #00208A;
  margin-left: 12px;
}
.button-t1__arrow .fill-path {
  fill: #fff;
}
.button-t1__arrow svg {
  width: 14px;
}
@media (min-width: 768px) {
  .button-t1__arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    width: 50px;
    height: 50px;
    margin-left: 20px;
  }
  .button-t1__arrow svg {
    width: 20px;
  }
}

.button-t2--secondary, .button-t2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 5px;
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.button-t2--secondary:hover, .button-t2:hover {
  opacity: 0.6;
}
[data-height=tall].button-t2--secondary, [data-height=tall].button-t2 {
  padding: 15px 5px;
}
[data-height=short].button-t2--secondary, [data-height=short].button-t2 {
  padding: 6px 5px;
}
@media (min-width: 768px) {
  .button-t2--secondary, .button-t2 {
    padding: 16px 5px;
  }
  [data-height=tall].button-t2--secondary, [data-height=tall].button-t2 {
    padding: 21px 5px;
  }
  [data-height=short].button-t2--secondary, [data-height=short].button-t2 {
    padding: 8px 5px;
  }
}

.button-t2 {
  background-color: #00208A;
}
.button-t2--secondary {
  background-color: #FF6600;
}
.button-t2__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-weight: bold;
  color: #fff;
}
.button-t2__text + .button-t2__icon {
  margin-left: 6px;
}
.button-t2__icon {
  line-height: 1;
}
.button-t2__icon + .button-t2__text {
  margin-left: 6px;
}
.button-t2__icon .fill-path {
  fill: #fff;
}
.button-t2__icon[data-icon=mail] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 13px;
          flex: 0 0 13px;
  width: 13px;
}
@media (min-width: 768px) {
  .button-t2__text + .button-t2__icon {
    margin-left: 11px;
  }
  .button-t2__icon + .button-t2__text {
    margin-left: 11px;
  }
  .button-t2__icon[data-icon=mail] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
    width: 26px;
  }
}

.hover-alpha {
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.hover-alpha:hover {
  opacity: 0.6;
}

.hover-underline:hover {
  text-decoration: underline;
}

.link-t1 {
  text-decoration: underline;
  color: #00208A;
}
.link-t1:hover {
  text-decoration: none;
}

.line {
  width: 100%;
  height: 1px;
}
.line[data-width="2"] {
  height: 2px;
}
.line[data-width="3"] {
  height: 3px;
}
.line[data-width="4"] {
  height: 4px;
}

.list-order {
  counter-set: orderlist;
}
.list-order > li {
  counter-increment: orderlist;
  padding-left: 1.3em;
  position: relative;
}
.list-order > li + li {
  margin-top: 0.35em;
}
.list-order > li::before {
  content: counter(orderlist) ".";
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  color: #00208A;
  position: absolute;
  left: 0.3em;
  top: 0;
}

img.ofi {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  max-width: none;
  width: 100%;
  height: 100%;
}
img.ofi.object-postion-left {
  -o-object-position: left;
     object-position: left;
}
img.ofi.object-postion-right {
  -o-object-position: right;
     object-position: right;
}
img.ofi.object-postion-center {
  -o-object-position: center;
     object-position: center;
}
img.ofi.object-postion-top {
  -o-object-position: top;
     object-position: top;
}
img.ofi.object-postion-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}
img.ofi.object-postion-center {
  -o-object-position: center;
     object-position: center;
}
img.ofi.object-postion-left-top {
  -o-object-position: left top;
     object-position: left top;
}
img.ofi.object-postion-left-bottom {
  -o-object-position: left bottom;
     object-position: left bottom;
}
img.ofi.object-postion-left-center {
  -o-object-position: left center;
     object-position: left center;
}
img.ofi.object-postion-right-top {
  -o-object-position: right top;
     object-position: right top;
}
img.ofi.object-postion-right-bottom {
  -o-object-position: right bottom;
     object-position: right bottom;
}
img.ofi.object-postion-right-center {
  -o-object-position: right center;
     object-position: right center;
}
img.ofi.object-postion-center-top {
  -o-object-position: center top;
     object-position: center top;
}
img.ofi.object-postion-center-bottom {
  -o-object-position: center bottom;
     object-position: center bottom;
}
img.ofi.object-postion-center-center {
  -o-object-position: center center;
     object-position: center center;
}
img.ofi.object-fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

picture.ofi-wrapper {
  width: 100%;
  height: 100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.form-block {
  padding: 12px 5px;
  border-top: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
}
.form-block label {
  display: inline-block;
  cursor: pointer;
}
.form-block + .form-block {
  border-top: none;
}
.form-block dt {
  font-weight: bold;
  padding: 0 0 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-block dt.required:after {
  content: "必須";
  background-color: #ff0000;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  display: inline-block;
  padding: 2px 5px;
}
@media (min-width: 768px) {
  .form-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .form-block dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 270px;
            flex: 0 0 270px;
    width: 270px;
    padding: 15px;
  }
  .form-block dd {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 270px);
            flex: 0 0 calc(100% - 270px);
    width: calc(100% - 270px);
    padding: 15px;
  }
}

.form-select, .form-input, .form-textarea {
  padding: 5px 10px;
  border: 1px solid #CACACA;
  background-color: #f6f5f5;
}
.form-select:focus, .form-input:focus, .form-textarea:focus {
  border-color: #00208A;
}

.form-input, .form-textarea {
  width: 100%;
}
.form-input:focus, .form-textarea:focus {
  background-color: #fff;
}

.form-textarea {
  height: 150px;
}
@media (min-width: 768px) {
  .form-textarea {
    height: 200px;
  }
}

.form-radio {
  display: none;
}
.form-radio:checked + .form-radio__text {
  color: #00208A;
}
.form-radio:checked + .form-radio__text:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23208A%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%207c-2.76%200-5%202.24-5%205s2.24%205%205%205%205-2.24%205-5-2.24-5-5-5zm0-5C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E");
}
.form-radio__text {
  display: block;
  position: relative;
  padding-left: 1.2em;
}
.form-radio__text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23999%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-check__input {
  display: none;
}
.form-check__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23999%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.form-check__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 20px);
  padding-left: 10px;
}
.form-check__input:checked + .form-check__icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23208A%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%203H5c-1.11%200-2%20.9-2%202v14c0%201.1.89%202%202%202h14c1.11%200%202-.9%202-2V5c0-1.1-.89-2-2-2zm-9%2014l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22%2F%3E%3C%2Fsvg%3E");
}

.form-nameblock {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 10px 1fr;
  grid-template-columns: auto 1fr;
  gap: 15px 10px;
}
.form-nameblock__text {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (min-width: 768px) {
  .form-nameblock {
    -ms-grid-columns: 2em 15px 1fr 15px 2em 15px 1fr;
    grid-template-columns: 2em 1fr 2em 1fr;
    gap: 0 15px;
  }
}

.form-zipblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-zipblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.5em;
          flex: 0 0 1.5em;
  width: 1.5em;
}
.form-zipblock__zip1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5em;
          flex: 0 0 5em;
  width: 5em;
}
.form-zipblock__hyphen {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
  width: 2em;
  text-align: center;
}
.form-zipblock__zip2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6em;
          flex: 0 0 6em;
  width: 6em;
}
.form-zipblock__zipbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  width: 60px;
  margin-left: 10px;
}
@media (min-width: 360px) {
  .form-zipblock__zipbtn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    width: 80px;
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .form-zipblock {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.form-prefblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.form-prefblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  width: 140px;
}
.form-prefblock__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 140px);
}

.form-addressblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-addressblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin-bottom: 5px;
}
.form-addressblock__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .form-addressblock {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .form-addressblock__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    width: 140px;
    margin-bottom: 0;
  }
  .form-addressblock__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(100% - 140px);
  }
}

.form-telblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-telblock__hyphen {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
  width: 2em;
  text-align: center;
}
.form-telblock__input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc((100% - 4.2em)/3);
}

.form-birthdayblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-birthdayblock__year {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5em;
          flex: 0 0 5em;
  width: 5em;
}
.form-birthdayblock__month, .form-birthdayblock__day {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3em;
          flex: 0 0 3em;
  width: 3em;
}
.form-birthdayblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
  width: 2em;
  text-align: center;
}

.form-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -10px;
}
.form-flex__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  cursor: pointer;
  margin-right: 2em;
  margin-top: 10px;
}

.form-privacytext {
  height: 200px;
  width: 100%;
  border: 1px solid #CACACA;
  background-color: #f6f5f5;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.form-privacytext__in {
  padding: 20px;
}
@media (min-width: 768px) {
  .form-privacytext__in {
    padding: 40px;
  }
}

.form-privacy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-privacy__block {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: 1em;
}
.form-privacy__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.form-graybtn {
  width: 220px;
  height: 46px;
  display: block;
  padding: 1px;
  position: relative;
  cursor: pointer;
}
.form-graybtn:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #acabab;
}
.form-graybtn__text {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: 44px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.5s background-color ease, 0.5s color ease;
  -o-transition: 0.5s background-color ease, 0.5s color ease;
  transition: 0.5s background-color ease, 0.5s color ease;
  color: #fff;
  line-height: 1.3;
}
.form-graybtn:hover {
  opacity: 0.6;
}
@media (min-width: 768px) {
  .form-graybtn {
    width: 264px;
    height: 50px;
  }
  .form-graybtn__text {
    height: 48px;
  }
}

.form-submit {
  width: 220px;
  height: 46px;
  display: block;
  padding: 1px;
  position: relative;
  cursor: not-allowed;
}
.form-submit:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #acabab;
}
.form-submit__text {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: 44px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.5s background-color ease, 0.5s color ease;
  -o-transition: 0.5s background-color ease, 0.5s color ease;
  transition: 0.5s background-color ease, 0.5s color ease;
  color: #777;
  line-height: 1.3;
}
.form-submit:hover.is-abled {
  opacity: 0.6;
}
.form-submit.is-abled {
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease;
  -o-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}
.form-submit.is-abled:after {
  background-color: #00208A;
}
.form-submit.is-abled .form-submit__text {
  color: #fff;
}
@media (min-width: 768px) {
  .form-submit {
    width: 264px;
    height: 50px;
  }
  .form-submit__text {
    height: 48px;
  }
}

.form-button {
  width: 220px;
  height: 66px;
  display: block;
  padding: 1px;
  position: relative;
  cursor: pointer;
}
.form-button:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00208A;
  -webkit-transition: 0.3s opacity ease;
  -o-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}
.form-button__text {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: 64px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.5s background-color ease, 0.5s color ease;
  -o-transition: 0.5s background-color ease, 0.5s color ease;
  transition: 0.5s background-color ease, 0.5s color ease;
  color: #fff;
  line-height: 1.3;
}
.form-button:hover:after {
  opacity: 0.6;
}
@media (min-width: 768px) {
  .form-button {
    width: 264px;
    height: 70px;
  }
  .form-button__text {
    height: 68px;
  }
}

.form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}
.form-btns__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  width: 49%;
  max-width: 264px;
}
.form-btns__item > button, .form-btns__item .form-graybtn, .form-btns__item .form-submit {
  width: 100%;
}

.fade-btt {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  visibility: hidden;
  -webkit-transition-duration: 1s, 1s, 0s;
       -o-transition-duration: 1s, 1s, 0s;
          transition-duration: 1s, 1s, 0s;
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, -webkit-transform;
  -o-transition-property: opacity, transform, visibility;
  transition-property: opacity, transform, visibility;
  transition-property: opacity, transform, visibility, -webkit-transform;
}
.fade-btt.delay-0\.3s {
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
@media (min-width: 768px) {
  .fade-btt {
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
  }
}

.is-viewed .fade-btt, .is-viewed.fade-btt {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
}

.page-header {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 350px;
  padding: 0 15px;
}
.page-header__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-header__bg img {
  position: relative;
  z-index: 1;
}
.page-header__bg::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #000;
}
.page-header__en {
  display: block;
  line-height: 1;
  font-family: "Barlow Condensed", sans-serif;
  color: #fff;
  font-weight: 600;
  font-size: 60px;
  margin: 0 0 16px;
}
.page-header__ja {
  display: block;
  line-height: 1;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.1em;
  color: #fff;
}
.page-header__container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1200px;
          flex: 1 1 1200px;
  max-width: 1200px;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .page-header {
    height: 500px;
  }
  .page-header__title {
    -webkit-transform: translateY(-21px);
        -ms-transform: translateY(-21px);
            transform: translateY(-21px);
  }
  .page-header__en {
    font-size: 90px;
    margin: 0 0 32px;
  }
  .page-header__ja {
    font-size: 24px;
  }
}

.bread {
  position: relative;
  z-index: 2;
  margin: -30px 0 0;
  background-color: #00208A;
  padding: 0 0 0 15px;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
  max-width: 850px;
  width: calc(100% - 20px);
  padding-right: 20px;
}
.bread__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 50px;
  padding: 0 0 6px;
}
.bread__list::-webkit-scrollbar {
  display: none;
}
.bread__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.bread__item + .bread__item {
  margin-left: 1em;
}
.bread__item + .bread__item::before {
  content: ">";
  margin-right: 1em;
  color: #fff;
}
.bread__link {
  color: #fff;
}
@media (min-width: 768px) {
  .bread__link:hover {
    text-decoration: underline;
  }
}
@media (min-width: 1230px) {
  .bread {
    padding: 0 0 0 calc(50vw - 608px);
    width: calc(50vw - 117px);
    min-width: 850px;
    max-width: none;
  }
}

.archives-card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 17px 0 0;
}
.archives-card__ja {
  display: block;
  line-height: 1;
  font-weight: bold;
  font-size: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 12px;
}
.archives-card__en {
  display: block;
  line-height: 1;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #00208A;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.archives-card__text {
  margin: 11px 0 0;
}
.archives-card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 12px 0 0;
}
@media (min-width: 768px) {
  .archives-card__title {
    margin: 24px 0 0;
  }
  .archives-card__ja {
    font-size: 28px;
    margin-right: 30px;
  }
  .archives-card__en {
    font-size: 20px;
  }
  .archives-card__text {
    margin: 21px 0 0;
  }
  .archives-card__footer {
    margin: 18px 0 0;
  }
}

.photo-box__title {
  margin-bottom: 12px;
}
.photo-box__img {
  text-align: center;
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  .photo-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 80px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 24px auto;
    grid-template-rows: auto auto;
        grid-template-areas: "title img" "contents img";
    row-gap: 24px;
    -webkit-column-gap: 80px;
            column-gap: 80px;
  }
  .photo-box[data-imgposition=left] {
        grid-template-areas: "img title" "img contents";
  }
  .photo-box__title {
    grid-area: title;
    -ms-grid-row-align: end;
        align-self: end;
    margin: 0;
  }
  .photo-box__img {
    grid-area: img;
    margin: 0;
  }
  .photo-box__content {
    grid-area: contents;
    -ms-grid-row-align: start;
        align-self: start;
    margin: 0;
  }
}

.photo-box2__title {
  margin-bottom: 22px;
}
.photo-box2__img {
  text-align: center;
  margin-bottom: 42px;
}
.photo-box2__imgin {
  display: inline-block;
  position: relative;
}
.photo-box2__imgin > img {
  position: relative;
  z-index: 2;
}
.photo-box2__imgin::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 64%;
  padding-top: 64%;
  background-color: #004FB5;
  bottom: -20px;
  left: -20px;
}
.photo-box2[data-imgposition=left] .photo-box2__imgin::after {
  left: auto;
  right: -20px;
}
@media (min-width: 768px) {
  .photo-box2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 13fr 60px 14fr;
    grid-template-columns: 13fr 14fr;
    -ms-grid-rows: auto 24px auto;
    grid-template-rows: auto auto;
        grid-template-areas: "title img" "contents img";
    row-gap: 24px;
    -webkit-column-gap: 60px;
            column-gap: 60px;
  }
  .photo-box2[data-imgposition=left] {
    -ms-grid-columns: 14fr 13fr;
    grid-template-columns: 14fr 13fr;
        grid-template-areas: "img title" "img contents";
  }
  .photo-box2[data-imgposition=left] .photo-box2__imgin::after {
    right: -40px;
  }
  .photo-box2__title {
    grid-area: title;
    -ms-grid-row-align: end;
        align-self: end;
    margin: 0;
  }
  .photo-box2__img {
    grid-area: img;
    margin: 0;
  }
  .photo-box2__imgin::after {
    left: -40px;
    bottom: -40px;
  }
  .photo-box2__content {
    grid-area: contents;
    -ms-grid-row-align: start;
        align-self: start;
    margin: 0;
  }
  .photo-box2 > .photo-box__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .photo-box2[data-imgposition=left] > .photo-box__title {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .photo-box2 > .photo-box__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .photo-box2[data-imgposition=left] > .photo-box__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .photo-box2 > .photo-box__content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .photo-box2[data-imgposition=left] > .photo-box__content {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (min-width: 1024px) {
  .photo-box2 {
    -webkit-column-gap: 120px;
            column-gap: 120px;
  }
}

.faq-block + .faq-block {
  margin-top: 22px;
}
.faq-block__q, .faq-block__a {
  position: relative;
}
.faq-block__q::before, .faq-block__a::before {
  position: absolute;
  font-weight: bold;
  width: 40px;
  text-align: center;
  font-size: 24px;
  top: 6px;
  left: 0;
  line-height: 1;
}
.faq-block__q {
  color: #fff;
  background-color: #00208A;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 5px 7px 40px;
}
.faq-block__q::before {
  content: "Q";
}
.faq-block__a {
  margin: 7px 0 0;
  padding: 5px 5px 0 40px;
}
.faq-block__a::before {
  content: "A";
  color: #FF6600;
}
@media (min-width: 768px) {
  .faq-block + .faq-block {
    margin-top: 38px;
  }
  .faq-block__q {
    font-size: 20px;
    padding: 10px 10px 14px 70px;
  }
  .faq-block__a {
    margin: 10px 0 0;
    padding: 8px 10px 0px 70px;
  }
  .faq-block__q::before, .faq-block__a::before {
    width: 60px;
    font-size: 32px;
    left: 2px;
    top: 8px;
  }
}

.service-card {
  position: relative;
}
.service-card__img {
  position: relative;
  display: block;
}
.service-card__img img {
  z-index: 1;
  position: relative;
}
.service-card__img figcaption {
  position: absolute;
  z-index: 2;
  font-size: 40px;
  line-height: 1;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  color: #FF6600;
  left: 0;
  top: -0.58em;
}
.service-card__img figcaption.fz-small {
  font-size: 30px;
}
.service-card__title {
  font-weight: bold;
  font-size: 18px;
  color: #00208A;
  padding: 8px 0 0;
}
.service-card__text {
  text-align: justify;
  padding: 3px 0 0;
}
.service-card__button {
  margin: 12px 0 0;
}
@media (min-width: lnadscape) {
  .service-card__title {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .service-card.home-card {
    padding: 0 0 80px;
    height: 100%;
  }
  .service-card.home-card .service-card__title {
    padding: 16px 10px 0;
  }
  .service-card.home-card .service-card__text {
    padding: 6px 10px 0;
  }
  .service-card__img figcaption {
    font-size: 72px;
  }
  .service-card__img figcaption.fz-small {
    font-size: 40px;
  }
  .service-card__title {
    font-size: 24px;
    padding: 11px 0 0;
  }
  .service-card__text {
    padding: 6px 0 0;
  }
  .service-card__button {
    position: absolute;
    bottom: 0;
    left: 10px;
    margin: 0;
  }
}

.contact-tel {
  background-color: #FFF0E6;
  padding: 18px 8px;
  max-width: 400px;
}
.contact-tel__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contact-tel__tel i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
  line-height: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.contact-tel__tel i .fill-path {
  fill: #FF6600;
}
.contact-tel__tel a {
  line-height: 1;
  font-size: 36px;
  font-family: "Barlow Condensed", sans-serif;
  margin-left: 5px;
  margin-right: 10px;
  color: #FF6600;
}
@media (min-width: 560px) {
  .contact-tel__tel a {
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .contact-tel {
    padding: 18px 12px;
    max-width: 500px;
  }
  .contact-tel__tel i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
  .contact-tel__tel a {
    font-size: 60px;
    margin-left: 10px;
    margin-right: 35px;
  }
}

.pager__item, .pager__first, .pager__prev, .pager__next, .pager__last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #CACACA;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 26px;
          flex: 0 0 26px;
  width: 26px;
  height: 26px;
  background-color: #fff;
  color: #00208A;
  -webkit-transition: 0.3s background-color ease-in-out, 0.3s color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out, 0.3s color ease-in-out;
  transition: 0.3s background-color ease-in-out, 0.3s color ease-in-out;
}
@media (min-width: 768px) {
  .pager__item, .pager__first, .pager__prev, .pager__next, .pager__last {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
}

.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pager__first svg, .pager__prev svg, .pager__next svg, .pager__last svg {
  height: 10px;
}
.pager__first .fill-path, .pager__prev .fill-path, .pager__next .fill-path, .pager__last .fill-path {
  fill: #00208A;
  -webkit-transition: 0.3s fill ease-in-out;
  -o-transition: 0.3s fill ease-in-out;
  transition: 0.3s fill ease-in-out;
}
.pager__first {
  margin-right: 5px;
}
.pager__prev {
  margin-right: 10px;
}
.pager__next {
  margin-left: 10px;
}
.pager__last {
  margin-left: 5px;
}
.pager__item + .pager__item {
  margin-left: 5px;
}
.pager__item.is-current {
  background-color: #00208A;
  color: #fff;
}
@media (min-width: 768px) {
  .pager__item + .pager__item {
    margin-left: 10px;
  }
  .pager__item:hover {
    background-color: #00208A;
    color: #fff;
  }
  .pager__first svg, .pager__prev svg, .pager__next svg, .pager__last svg {
    height: 13px;
  }
  .pager__first:hover, .pager__prev:hover, .pager__next:hover, .pager__last:hover {
    background-color: #00208A;
  }
  .pager__first:hover .fill-path, .pager__prev:hover .fill-path, .pager__next:hover .fill-path, .pager__last:hover .fill-path {
    fill: #fff;
  }
  .pager__first {
    margin-right: 10px;
  }
  .pager__prev {
    margin-right: 20px;
  }
  .pager__next {
    margin-left: 20px;
  }
  .pager__last {
    margin-left: 10px;
  }
}

.newslist {
  border-top: 1px solid #CACACA;
}
.newslist__item {
  padding: 12px 5px;
  border-bottom: 1px solid #CACACA;
}
.newslist__date {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  display: block;
}
@media (min-width: 560px) {
  .newslist__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .newslist__date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 1em;
  }
  .newslist__link {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
@media (min-width: 768px) {
  .newslist__item {
    padding: 24px 5px;
  }
  .newslist__link {
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
  }
  .newslist__link:hover {
    color: #FF6600;
  }
}

.aside-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 22px 12px 10px;
  background-color: #004FB5;
  position: relative;
  margin-bottom: 20px;
}
.aside-title::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00208A;
  -webkit-clip-path: polygon(0% 0%, 80% 0%, calc(80% - 30px) 100%, 0% 100%);
          clip-path: polygon(0% 0%, 80% 0%, calc(80% - 30px) 100%, 0% 100%);
}
.aside-title__ja {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  position: relative;
  z-index: 2;
}
.aside-title__en {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 13px;
  color: #EAF1F9;
  font-weight: 600;
  line-height: 1;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .aside-title {
    padding: 14px 22px 14px 15px;
  }
  .aside-title__ja {
    font-size: 20px;
  }
  .aside-title__en {
    font-size: 15px;
  }
}

.asidelist {
  border-top: 1px solid #CACACA;
}
.asidelist__item {
  font-size: 0.9125em;
  padding: 8px 3px;
  border-bottom: 1px solid #CACACA;
}
.asidelist__date {
  font-size: 0.9125em;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  display: block;
}
@media (min-width: 768px) {
  .asidelist__item {
    padding: 12px 5px;
  }
  .asidelist__link {
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
  }
  .asidelist__link:hover {
    color: #FF6600;
  }
}

.asideyears {
  display: -ms-grid;
  display: grid;
  gap: 12px;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.asideyears__item {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
}
@media (min-width: 560px) {
  .asideyears {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .asideyears {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .asideyears__item {
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
  }
  .asideyears__item:hover {
    color: #FF6600;
  }
}
@media (min-width: 1024px) {
  .asideyears {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.news-post__title {
  font-weight: bold;
  font-size: 28px;
  position: relative;
  letter-spacing: 0.04em;
  margin-bottom: 0.7em;
  padding: 0 0 0.4em;
  border-bottom: 2px solid #CACACA;
  line-height: 1.35;
}
.news-post__title:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 200px;
  height: 2px;
  background-color: #00208A;
}
.news-post__date {
  display: block;
  font-weight: 600;
  font-size: 0.9125em;
  font-family: "Barlow Condensed", sans-serif;
  color: #00208A;
}
.news-post__footer {
  text-align: center;
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #CACACA;
}
.news-post__content small {
  font-size: 0.9em;
}
.news-post__content big {
  font-size: 1.1em;
}
.news-post__content em, .news-post__content i {
  font-style: italic;
}
.news-post__content b, .news-post__content strong {
  font-weight: bold;
}
.news-post__content a {
  text-decoration: underline;
  color: #00208A;
}
.news-post__content a:hover {
  text-decoration: none;
}
.news-post__content del, .news-post__content strike, .news-post__content s {
  text-decoration: line-through;
}
.news-post__content u {
  text-decoration: underline;
}
.news-post__content h1, .news-post__content h2, .news-post__content h3, .news-post__content h4, .news-post__content h5, .news-post__content h6 {
  line-height: 1.4;
}
.news-post__content h1 {
  font-size: 1.8em;
  font-weight: bold;
}
.news-post__content h2 {
  font-size: 1.6em;
  font-weight: bold;
}
.news-post__content h3 {
  font-size: 1.4em;
  font-weight: bold;
}
.news-post__content h4 {
  font-size: 1.4em;
}
.news-post__content h5 {
  font-size: 1.2em;
}
.news-post__content h6 {
  font-size: 1.1em;
}
@media (min-width: 768px) {
  .news-post__title {
    font-size: 36px;
  }
  .news-post__title:after {
    width: 400px;
  }
}

.mv {
  position: relative;
  height: 320px;
  z-index: 1;
}
.mv__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mv__bg img {
  position: relative;
  z-index: 1;
}
.mv__bg::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  background-color: #000;
  opacity: 0.3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mv__bg .swiper-slide {
  height: 320px;
}
.mv__container {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
.mv__content {
  max-width: 1476px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mv__title {
  font-family: "Barlow Condensed", sans-serif;
  color: #fff;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.058;
}
.mv__text {
  line-height: 2.19;
  font-size: 14px;
}
.mv__text span {
  background-color: #fff;
  font-weight: bold;
  color: #00208A;
  padding: 0.05em 0.1em 0.2em 0.7em;
  letter-spacing: 0.16em;
}
.mv__recruit {
  -webkit-transition: 0.3s opacity ease-in-out;
  -o-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
  position: absolute;
  width: 80px;
  height: 80px;
  bottom: -40px;
  right: 20px;
}
.mv__recruit:hover {
  opacity: 0.6;
}
@media (min-width: 560px) {
  .mv {
    height: 400px;
  }
  .mv__text {
    font-size: 18px;
  }
  .mv__bg .swiper-slide {
    height: 400px;
  }
}
@media (min-width: 768px) {
  .mv {
    height: 500px;
  }
  .mv__bg .swiper-slide {
    height: 500px;
  }
  .mv__title {
    font-size: 80px;
    -webkit-transform: translateY(-22px);
        -ms-transform: translateY(-22px);
            transform: translateY(-22px);
  }
  .mv__text {
    font-size: 24px;
  }
  .mv__text span {
    font-size: 24px;
  }
  .mv__recruit {
    width: 180px;
    height: 180px;
    bottom: -90px;
    right: 50px;
  }
}
@media (min-width: 1024px) {
  .mv {
    height: 800px;
  }
  .mv__bg .swiper-slide {
    height: 800px;
  }
  .mv__title {
    font-size: 120px;
  }
  .mv__text {
    font-size: 36px;
  }
  .mv__text span {
    font-size: 36px;
  }
}

.news__title {
  font-size: 30px;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  background-color: #00208A;
  line-height: 1;
  padding: 20px 15px 20px;
}
.news__date {
  font-weight: bold;
  color: #fff;
  display: block;
}
.news__link {
  color: #fff;
}
.news__content {
  background-color: #00208A;
  padding: 0 15px 20px;
}
.news__button {
  background-color: #004FB5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
}
.news__button span {
  font-weight: bold;
  color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 11px;
}
.news__button i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.news__button i svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
  width: 15px;
  line-height: 1;
}
.news__button i .fill-path {
  fill: #004FB5;
}
@media (min-width: 768px) {
  .news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    margin-top: 100px;
  }
  .news__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: 100px;
    font-size: 40px;
    padding: 0 40px 0 20px;
    position: relative;
  }
  .news__title::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
    background-color: #5E72B5;
    width: 1px;
    height: 108px;
    -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  .news__content {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 40px 0 20px;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 40px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, calc(100% - 40px) 100%, 0% 100%);
    margin-left: -1px;
    pointer-events: all;
  }
  .news__date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0 15px 0 0;
  }
  .news__link {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .news__link:hover {
    text-decoration: underline;
  }
  .news__button {
    -webkit-clip-path: polygon(40px 0%, 100% 0%, calc(100% - 40px) 100%, 0% 100%);
            clip-path: polygon(40px 0%, 100% 0%, calc(100% - 40px) 100%, 0% 100%);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 270px;
            flex: 0 0 270px;
    width: 270px;
    height: 100px;
    margin-left: -40px;
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
    pointer-events: all;
  }
  .news__button:hover {
    opacity: 0.6;
  }
  .news__button span {
    margin-right: 22px;
  }
  .news__button i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    width: 50px;
    height: 50px;
  }
  .news__button i svg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21px;
            flex: 0 0 21px;
    width: 21px;
  }
}
@media (min-width: 1024px) {
  .news {
    position: relative;
    z-index: 2;
    margin-top: -50px;
    padding-right: 300px;
  }
}
@media (min-width: 1366px) {
  .news__title {
    padding: 0 40px 0 60px;
  }
  .news__content {
    padding: 0 40px 0 39px;
  }
  .news__date {
    padding: 0 35px 0 0;
  }
}
@media (min-width: 1520px) {
  .news__title {
    padding: 0 80px 0 151px;
  }
  .news__content {
    min-width: 698px;
  }
}

.service {
  width: 100%;
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 56px;
}
.service__header {
  margin: 0 0 65px;
}
.service__title {
  margin: 0 0 35px;
}
.service__en {
  display: block;
  line-height: 1;
  font-weight: 600;
  color: #00208A;
  font-size: 40px;
  font-family: "Barlow Condensed", sans-serif;
}
.service__ja {
  display: block;
  line-height: 1;
  letter-spacing: 0.2em;
  font-size: 18px;
  font-weight: bold;
  margin: 12px 0 0;
}
.service__text p {
  line-height: 2;
  text-align: justify;
}
.service__header {
  margin: 0 0 50px;
}
@media (min-width: 768px) {
  .service {
    padding-top: 117px;
  }
  .service__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 100px;
  }
  .service__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
    width: 250px;
    margin: 0;
  }
  .service__text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-top: -4px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .service__en {
    font-size: 72px;
  }
  .service__ja {
    font-size: 20px;
    margin: 20px 0 0;
  }
}
@media (min-width: 1024px) {
  .service__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
            flex: 0 0 360px;
    width: 360px;
  }
}

.case {
  margin: 60px 0 0;
  background: url(../img/home/img-case.jpg) no-repeat center center/cover;
  padding: 45px 0;
}
.case__container {
  width: 100%;
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.case__card {
  padding: 20px;
  background-color: rgba(0, 32, 138, 0.9);
}
.case__en {
  display: block;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  font-size: 40px;
  font-family: "Barlow Condensed", sans-serif;
}
.case__ja {
  display: block;
  line-height: 1;
  letter-spacing: 0.2em;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 12px 0 0;
}
.case__text {
  color: #fff;
  line-height: 2;
  text-align: justify;
  margin: 21px 0 0;
}
.case__button {
  margin: 22px 0 0;
}
@media (min-width: 768px) {
  .case {
    margin: 120px 0 0;
    padding: 0;
  }
  .case__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 550px;
  }
  .case__card {
    height: 430px;
    width: 540px;
    padding: 57px 60px;
  }
  .case__en {
    font-size: 72px;
  }
  .case__ja {
    font-size: 20px;
    margin: 20px 0 0;
  }
  .case__text {
    margin: 42px 0 0;
  }
  .case__button {
    margin: 45px 0 0;
  }
}
@media (min-width: 1024px) {
  .case__container {
    height: 670px;
  }
}

.company {
  padding: 60px 0;
}
.company__container {
  width: 100%;
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.company__card {
  display: block;
}
.company__item {
  max-width: 590px;
  margin-left: auto;
  margin-right: auto;
}
.company__item + .company__item {
  margin-top: 50px;
}
.company__img {
  position: relative;
  z-index: 1;
}
.company__band {
  position: relative;
  z-index: 2;
  background-color: #00208A;
  height: 60px;
  margin: -30px 22px 0 -6px;
  padding: 0 25px 18px 15px;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.company__en {
  display: block;
  line-height: 1;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-size: 28px;
  color: #fff;
}
.company__ja {
  display: block;
  line-height: 1;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.1em;
  color: #fff;
  -webkit-transform: translate(10px, -2px);
      -ms-transform: translate(10px, -2px);
          transform: translate(10px, -2px);
}
.company__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #fff;
}
.company__arrow svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  width: 12px;
  line-height: 1;
}
.company__arrow .fill-path {
  fill: #00208A;
}
@media (min-width: 768px) {
  .company {
    padding: 120px 0;
  }
  .company__item + .company__item {
    margin-top: 60px;
  }
  .company__card {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .company__card:hover {
    opacity: 0.6;
  }
  .company__band {
    height: 80px;
    margin: -40px 70px 0 0px;
    padding: 0 50px 15px 30px;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 30px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, calc(100% - 30px) 100%, 0% 100%);
  }
  .company__en {
    font-size: 48px;
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  .company__ja {
    font-size: 18px;
    -webkit-transform: translate(21px, -8px);
        -ms-transform: translate(21px, -8px);
            transform: translate(21px, -8px);
  }
  .company__arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    width: 50px;
    height: 50px;
  }
  .company__arrow svg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
  }
}
@media (min-width: 1024px) {
  .company__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 20px;
            column-gap: 20px;
  }
  .company__item {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }
}

.contact {
  padding: 40px 0;
  background: url(../img/home/img-contact.jpg) no-repeat center center/cover;
}
.contact__container {
  width: 100%;
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.contact__en {
  display: block;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  font-size: 40px;
  font-family: "Barlow Condensed", sans-serif;
  text-align: center;
}
.contact__ja {
  display: block;
  line-height: 1;
  letter-spacing: 0.2em;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 12px 0 0;
  text-align: center;
}
.contact__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(255, 255, 255, 0.9);
  height: 100px;
}
.contact__mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact__mail i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  width: 18px;
  line-height: 1;
}
.contact__mail span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 8px;
  font-weight: bold;
  font-size: 18px;
  color: #00208A;
}
.contact__mail .fill-path {
  fill: #00208A;
}
.contact__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}
.contact__tel i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22px;
          flex: 0 0 22px;
  width: 22px;
  height: 22px;
  line-height: 1;
}
.contact__tel .fill-path {
  fill: #00208A;
}
.contact__tel span {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 30px;
  font-weight: 500;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 5px;
  color: #00208A;
}
.contact__hour {
  display: block;
  text-align: center;
  line-height: 1;
}
@media (min-width: 768px) {
  .contact {
    padding: 77px 0 80px;
  }
  .contact__en {
    font-size: 72px;
  }
  .contact__ja {
    font-size: 20px;
    margin: 20px 0 0;
  }
  .contact__buttons {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 60px 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 60px;
            column-gap: 60px;
    margin: 51px 0 0;
  }
  .contact__button {
    height: 140px;
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .contact__button:hover {
    opacity: 0.6;
  }
  .contact__mail i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28px;
            flex: 0 0 28px;
    width: 28px;
  }
  .contact__mail span {
    font-size: 20px;
    margin-left: 16px;
  }
  .contact__tel {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  .contact__tel i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
    width: 32px;
    height: 32px;
  }
  .contact__tel span {
    font-size: 48px;
    margin-left: 7px;
  }
}
@media (max-width: 767.9px) {
  .contact__buttons {
    max-width: 500px;
    margin: 44px auto 0;
  }
  .contact__button + .contact__button {
    margin-top: 22px;
  }
}

.overview-table th {
  font-weight: bold;
  color: #00208A;
}
@media (min-width: 768px) {
  .overview-table {
    width: 100%;
    table-layout: fixed;
  }
  .overview-table th, .overview-table td {
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
  }
  .overview-table th {
    width: 220px;
    padding: 29px 0 32px 10px;
  }
  .overview-table td {
    width: auto;
    padding: 29px 0 32px 0;
  }
}
@media (max-width: 767.9px) {
  .overview-table {
    display: block;
    border-bottom: 1px solid #CACACA;
  }
  .overview-table tbody, .overview-table tr, .overview-table th, .overview-table td {
    display: block;
    width: 100%;
  }
  .overview-table tbody tr, .overview-table tr tr, .overview-table th tr, .overview-table td tr {
    border-top: 1px solid #CACACA;
    padding: 12px 0;
  }
  .overview-table tbody th, .overview-table tr th, .overview-table th th, .overview-table td th {
    margin-bottom: 6px;
  }
}

.overview-footer {
  margin: 48px 0 0;
}
.overview-footer__map {
  height: 350px;
  width: 100%;
}
.overview-footer__map {
  position: relative;
}
.overview-footer__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .overview-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin: 99px 0 0;
  }
  .overview-footer__img, .overview-footer__map {
    height: 500px;
  }
}

.anniv70th_main{
  padding: 0;
}
.anniv70intro-content{
  padding: 120px 0;
  background-size: cover;
  background-position: center;
  background-image: url(../img/about/70th/bg_anniv70intro.jpg);
}
.anniv70intro-content .txt{
  color: #00208a;
  text-align: center;
  font-weight: 700;
}
.anniv70intro-content .imagewrap{
  padding: 0 60px;
}
.anniv70intro-content .image{
  max-width: 950px;
  width: 100%;
  margin: 0 auto 60px;
  position: relative;
  left: 60px;
}
.anniv70intro-content .txt01{
  font-size: 46px;
  margin-bottom: 80px;
}
.anniv70intro-content .txt02{
  font-size: 36px;
}

@media only screen and (max-width: 1024px) {
  .anniv70intro-content {
    padding: 100px 0;
  }
  .anniv70intro-content .image{
    left: 15px;
    margin: 0 auto 50px;
  }
  .anniv70intro-content .imagewrap{
    max-width: 850px;
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .anniv70intro-content {
    padding: 80px 0;
  }
  .anniv70intro-content .imagewrap {
    padding: 0 30px;
  }
  .anniv70intro-content .image{
    left: 10px;
  }
  .anniv70intro-content .txt01 {
    font-size: 38px;
    margin-bottom: 60px;
  }
  .anniv70intro-content .txt02 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 650px) {
  .anniv70intro-content {
    padding: 60px 0;
  }
  .anniv70intro-content .txt01 {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .anniv70intro-content .txt02 {
    font-size: 22px;
  }
  .anniv70intro-content .image {
    margin: 0 auto 30px;
  }
}



.greeting-content{
  padding: 100px 0 120px;
}
.greeting-content .txts{
  padding-top: 50px;
  max-width: 750px;
  margin: auto;
}
.greeting-content .txts p{
  font-size: 18px;
  line-height: 70px;
}
@media only screen and (max-width: 768px) {
  .greeting-content {
    padding: 60px 0;
  }
  .greeting-content .txts p{
    padding: 0 30px;
    line-height: 60px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 650px) {
  .greeting-content .txts p {
    font-size: 14px;
    line-height: 40px;
    padding: 0;
  }
}

.anniv70th_main .slidewrap {
  margin-bottom: 60px;
}
.anniv70th_main .infiniteslide ul{
  max-height: 250px;
  height: 15vw !important;
}
.anniv70th_main .infiniteslide ul li{
  max-width: 350px;
  width: 20vw;
}
.anniv70th_main .infiniteslide ul li img{
  max-height: 250px;
  height: 15vw;
  width: 20vw;
  object-fit: cover;
}
@media only screen and (max-width: 650px) {
  .anniv70th_main .slidewrap{
    margin-bottom: 30px;
  }
  .anniv70th_main .infiniteslide ul{
    height: 70px !important;
  }
  .anniv70th_main .infiniteslide ul li,
  .anniv70th_main .infiniteslide ul li img{
    min-width: 100px;
    height: 70px;
  }
}


.progress-content{
  background: #e6f3f8;
  padding: 100px 0;
}
.progress-content .tablewrap{
  padding-top: 50px;
  max-width: 630px;
  margin: 0 auto 45px;
}
.progress-content .tablewrap table{
  width: 100%;
}
.progress-content .tablewrap tr{
  border-bottom: dashed 1px #9a9d9f;
}
.progress-content .tablewrap th,
.progress-content .tablewrap td{
  position: relative;
  font-size: 16px;
  padding: 15px 5px;
}
.progress-content .tablewrap th{
  width: 160px;
  text-align: center;
}
.progress-content .tablewrap th::after{
  content: "";
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #00208a;
  position: absolute;
  left: 0;
  top: 100%;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
  z-index: 1;
}
.progress-content .tablewrap td{
  width: calc(100% - 160px);
  padding-left: 65px;
}
.progress-content .txt{
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  margin-left: 15px;
  max-width: 630px;
  margin: auto;
}
.progress-content .txt::after{
  content: "";
  display: inline-block;
  height: 1px;
  width: 120px;
  background: #333;
  position: relative;
  left: 20px;
}
@media only screen and (max-width: 768px) {
  .progress-content {
    padding: 60px 0;
  }
  .progress-content .tablewrap td {
    padding-left: 45px;
  }
  .progress-content .txt {
    font-size: 16px;
  }
}
@media only screen and (max-width: 650px) {
  .progress-content .tablewrap th, .progress-content .tablewrap td {
    font-size: 14px;
    padding: 15px 10px;
  }
  .progress-content .tablewrap th{
    width: 120px;
  }
  .progress-content .tablewrap th::after {
    height: 2px;
  }
  .progress-content .txt {
    font-size: 14px;
  }
  .progress-content .txt::after {
    width: 90px;
  }
}


.ceremony-content{
  position: relative;
  padding: 100px 0;
  background: #00208a;
  overflow: hidden;
}
.ceremony-content::after{
  content: "";
  display: inline-block;
  width: 100%;
  max-height: 1200px;
  height: 65vw;
  background-image: url(../img/about/70th/bg_ceremony.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 15%;
  left: 0;
  z-index: 0;
}
.ceremony-content .container{
  position: relative;
  z-index: 1;
}
.ceremony-content *{
  color: #fff;
}
.ceremony-content .headtxt{
  padding-top: 50px;
  max-width: 750px;
  margin: 0 auto 60px;
}
.ceremony-content .headtxt .txt{
  font-size: 16px;
}
.ceremony-content .headtxt .txt01{
  margin-bottom: 30px;
}
.ceremony-content .ceremonys{
  padding: 0 70px;
}
.ceremony-content .ceremonyset{
  margin-bottom: 30px;
}
.ceremony-content .ceremonyset .image{
  width: 50%;
  position: relative;
}
.ceremony-content .ceremonyset .image .view{
  width: 100%;
}
.ceremony-content .ceremonyset .image-right{
  margin-left: auto;
}
.ceremony-content .ceremonyset .image-right .txt{
  position: absolute;
  right: calc(100% - 10px);
}
.ceremony-content .ceremonyset .image-left .txt{
  position: absolute;
  left: calc(100% - 10px);
}
.ceremony-content .ceremonyset01 .txt,
.ceremony-content .ceremonyset04 .txt{
  bottom: 80px;
}
.ceremony-content .ceremonyset02 .txt,
.ceremony-content .ceremonyset03 .txt{
  bottom: 100px;
}


@media (min-width: 2000px) {
  .ceremony-content::after{
    height: 65vw;
    max-height: 100%;
    background-size: cover;
  }
}

@media only screen and (max-width: 768px) {
  .ceremony-content {
    padding: 65px 0 45px;
  }
}
@media only screen and (max-width: 650px) {
  .ceremony-content {
    padding: 60px 0 0px;
  }
  .ceremony-content .headtxt {
    margin: 0 auto 90px;
  }
  .ceremony-content .ceremonys {
    padding: 0;
  }
  .ceremony-content .ceremonyset {
    margin-bottom: 60px;
  }
  .ceremony-content .ceremonyset .image {
    width: 100%;
  }
  .ceremony-content .ceremonyset .image-left .txt ,
  .ceremony-content .ceremonyset .image-right .txt{
    bottom: calc(100% - 20px);
  }
  .ceremony-content .ceremonyset .image-left .txt {
    left: 5%;
    height: 60px;
  }
  .ceremony-content .ceremonyset .image-right .txt{
    right: 5%;
    height: 60px;
  }
  .anniv70th_main .bototmimgwrap{
    margin-bottom: 30px;
  }
}


.philosophy-catch__logo {
  text-align: center;
}
.philosophy-catch__title {
  font-family: "Barlow Condensed", sans-serif;
  color: #00208A;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 4px 0 0;
}
.philosophy-catch__title span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-style: italic;
  font-weight: 600;
}
.philosophy-catch__title span + span {
  margin-left: 0.4em;
}
.philosophy-catch__title i {
  color: #FF6600;
  font-style: italic;
  font-weight: 600;
}
.philosophy-catch__text {
  text-align: center;
  font-size: 15px;
  line-height: 2;
}
.philosophy-catch__text em {
  font-weight: bold;
  color: #00208A;
}
.philosophy-catch__images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  margin: 32px 0 0;
}
@media (min-width: 768px) {
  .philosophy-catch__title {
    font-size: 48px;
    margin: 6px 0 0;
  }
  .philosophy-catch__text {
    font-size: 18px;
    margin: 26px 0 0;
  }
  .philosophy-catch__images {
    margin: -42px 0 0;
  }
  .philosophy-catch__images--left {
    -webkit-clip-path: polygon(0% 0%, 100% 50%, 0 100%);
            clip-path: polygon(0% 0%, 100% 50%, 0 100%);
    height: 500px;
  }
  .philosophy-catch__images--right {
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 50%);
            clip-path: polygon(100% 0, 100% 100%, 0% 50%);
    height: 500px;
  }
}

.philosophy-content {
  margin: 60px 0 0;
}
.philosophy-content__list {
  counter-reset: counter1;
  margin: 31px 0 0;
  border-top: 1px solid #CACACA;
}
.philosophy-content__list li {
  counter-increment: counter1;
  font-weight: bold;
  border-bottom: 1px solid #CACACA;
  line-height: 1.72222;
  letter-spacing: 0.16em;
  font-size: 20px;
  padding: 20px 0 20px 60px;
  position: relative;
}
.philosophy-content__list li::before {
  content: "0" counter(counter1);
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #00208A;
  position: absolute;
  letter-spacing: 0;
  left: 10px;
  top: 6px;
}
@media (min-width: 768px) {
  .philosophy-content {
    margin: -103px 0 0;
  }
  .philosophy-content__list {
    margin: 61px 0 0;
  }
  .philosophy-content__list li {
    font-size: 36px;
    padding: 35px 0 40px 120px;
  }
  .philosophy-content__list li::before {
    font-size: 60px;
    left: 20px;
    top: 15px;
  }
}



.movie70th-content{
  padding: 100px 0;
}
@media (min-width: 768px) {
  .movie70th-content{
    margin: 0;
  }
  .movie70th-content{
    padding-top: 0;
  }
}
@media (max-width: 650px) {
  .movie70th-content {
    padding: 70px 0;
}
}

.message-catch {
  margin: 0 -15px;
}
.message-catch__title {
  letter-spacing: 0.16em;
  font-size: 25px;
  color: #fff;
  font-weight: bold;
  line-height: 2.1;
}
.message-catch__content {
  background-color: #00208A;
  position: relative;
  z-index: 1;
  padding: 15px 15px;
}
.message-catch__img {
  position: relative;
  z-index: 2;
}
.message-catch__subject {
  color: #fff;
}
.message-catch__president {
  margin-top: 25px;
}
.message-catch__name {
  font-weight: bold;
  color: #fff;
  line-height: 1;
  font-size: 22px;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .message-catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
  .message-catch__title {
    font-size: 30px;
  }
  .message-catch__name {
    font-size: 28px;
    margin-top: 18px;
  }
  .message-catch__president {
    margin-top: 65px;
  }
  .message-catch__content {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 25px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, calc(100% - 25px) 100%, 0% 100%);
    height: 420px;
    padding: 47px 50px 0 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(60% + 25px);
            flex: 0 0 calc(60% + 25px);
    width: calc(60% + 25px);
  }
  .message-catch__img {
    -webkit-clip-path: polygon(25px 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(25px 0%, 100% 0%, 100% 100%, 0% 100%);
    height: 420px;
    margin: 40px 0 0 -50px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(40% + 25px);
            flex: 0 0 calc(40% + 25px);
    width: calc(40% + 25px);
  }
}
@media (min-width: 1160px) {
  .message-catch__title {
    font-size: 36px;
  }
  .message-catch__content, .message-catch__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 100px);
            flex: 0 0 calc(50% + 100px);
    width: calc(50% + 100px);
  }
  .message-catch__content {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 100px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, calc(100% - 100px) 100%, 0% 100%);
    padding: 47px 20px 0 60px;
  }
  .message-catch__img {
    -webkit-clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 0% 100%);
    margin: 40px 0 0 -200px;
  }
}

.message-content {
  max-width: 1000px;
  margin: 36px auto 0;
}
.message-content p {
  line-height: 2;
  text-align: justify;
}
@media (min-width: 768px) {
  .message-content {
    margin: 71px auto 0;
  }
}

.history-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
}
.history-row + .history-row {
  border-top: none;
}
.history-row__year {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  width: 110px;
  font-weight: bold;
  color: #00208A;
  padding: 22px 0 22px 5px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.history-row__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 22px 10px 22px 20px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.history-row__partition {
  background-color: #00208A;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1px;
          flex: 0 0 1px;
  width: 1px;
  position: relative;
}
.history-row__partition::before {
  content: "";
  width: 26px;
  height: 26px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(0, 32, 138, 0.2);
  position: absolute;
  left: -13px;
  top: 50%;
  margin-top: -13px;
}
.history-row__partition::after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #00208A;
  position: absolute;
  left: -8px;
  top: 50%;
  margin-top: -8px;
}
@media (min-width: 768px) {
  .history-row__year {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
            flex: 0 0 190px;
    width: 190px;
    padding: 29px 0 32px 10px;
  }
  .history-row__content {
    padding-left: 70px;
    padding: 29px 15px 32px 69px;
  }
}

.case-contact {
  background: url(../img/service/case/bg1.jpg) no-repeat center center/cover;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
}
.case-contact__text {
  line-height: 2;
  color: #fff;
  font-size: 15px;
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .case-contact {
    height: 400px;
  }
  .case-contact__text {
    font-size: 18px;
    margin-bottom: 45px;
  }
}

.case-card__img {
  position: relative;
  width: 100%;
  padding-top: 68.42%;
}
.case-card__img img {
  position: absolute;
  left: 0;
  top: 0;
}
.case-card__profile {
  margin-top: 20px;
  border-top: 1px solid #00208A;
}
.case-card__profile td {
  font-weight: bold;
  color: #00208A;
}
.case-card__text {
  padding: 12px 0;
  font-size: 12px;
}
@media (min-width: 768px) {
  .case-card__profile {
    width: 100%;
  }
  .case-card__profile th {
    width: 8em;
  }
  .case-card__profile td {
    width: auto;
  }
  .case-card__profile th, .case-card__profile td {
    padding: 10px 0;
    border-bottom: 1px solid #CACACA;
  }
  .case-card__text {
    padding: 20px 0;
    font-size: 16px;
  }
}
@media (max-width: 767.9px) {
  .case-card__profile {
    display: block;
  }
  .case-card__profile tbody, .case-card__profile tr, .case-card__profile th, .case-card__profile td {
    display: block;
    width: 100%;
  }
  .case-card__profile tr {
    padding: 7px 0;
    border-bottom: 1px solid #CACACA;
  }
}

.case-post__title {
  text-align: center;
  font-weight: bold;
  color: #00208A;
  font-size: 28px;
  margin-bottom: 0.3em;
}
.case-post__thumbnail {
  text-align: center;
}
.case-post__img {
  display: inline-block;
  position: relative;
}
.case-post__img > img {
  position: relative;
  z-index: 2;
}
.case-post__img::before {
  content: "";
  width: 30%;
  padding-top: 30%;
  background-color: #004FB5;
  position: absolute;
  z-index: 1;
  bottom: -20px;
  left: -20px;
}
.case-post__content {
  margin-top: 80px;
}
.case-post__content > * + h2 {
  margin-top: 50px;
}
.case-post__content h2 {
  border-bottom: 2px solid #CACACA;
  position: relative;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: 0.04em;
  font-size: 25px;
  padding: 0 0 0.35em;
  margin-bottom: 1.15em;
}
.case-post__content h2:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 200px;
  height: 2px;
  background-color: #00208A;
}
.case-post__footer {
  text-align: center;
  margin-top: 60px;
}
@media (min-width: 768px) {
  .case-post__title {
    font-size: 36px;
  }
  .case-post__img::before {
    content: "";
    width: 360px;
    padding-top: 360px;
    z-index: 1;
    bottom: -60px;
    left: -60px;
  }
  .case-post__content {
    margin-top: 150px;
  }
  .case-post__content > * + h2 {
    margin-top: 75px;
  }
  .case-post__content h2 {
    font-size: 32px;
  }
  .case-post__content h2:after {
    width: 400px;
  }
  .case-post__footer {
    margin-top: 100px;
  }
}

.trunk-catch {
  background: url(../img/service/trunk/bg1.jpg) no-repeat center center/cover;
  position: relative;
  margin: 45px 0 0;
}
.trunk-catch__container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.trunk-catch__content p {
  color: #fff;
  font-weight: bold;
  line-height: 2;
  font-size: 22px;
}
.trunk-catch__list li {
  border-top: 1px solid #6796D3;
  border-bottom: 1px solid #6796D3;
  font-size: 20px;
  line-height: 1.666;
  color: #fff;
  font-weight: bold;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22a%22%2F%3E%3Cg%20id%3D%22b%22%3E%3Cg%20id%3D%22c%22%3E%3Cg%3E%3Cpath%20class%3D%22d%22%20d%3D%22M14.02%2C23.56l-6.78-7.91c-.36-.42-.31-1.05%2C.11-1.41%2C.42-.36%2C1.05-.31%2C1.41%2C.11l5.22%2C6.09L30.22%2C.37c.35-.43%2C.98-.5%2C1.41-.15%2C.43%2C.35%2C.5%2C.98%2C.15%2C1.41L14.02%2C23.56Z%22%2F%3E%3Cpath%20class%3D%22d%22%20d%3D%22M28%2C32H0V4H19c.55%2C0%2C1%2C.45%2C1%2C1s-.45%2C1-1%2C1H2V30H26v-14c0-.55%2C.44-1%2C1-1%2C.55%2C0%2C1%2C.45%2C1%2C1v16Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 21px 21px;
  background-position: 3px 18px;
  padding: 12px 10px 12px 35px;
}
.trunk-catch__list li + li {
  border-top: none;
}
@media (min-width: 768px) {
  .trunk-catch {
    margin: 75px 0 0;
  }
  .trunk-catch::before, .trunk-catch::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    height: 100%;
    top: 0;
    opacity: 0.8;
  }
  .trunk-catch::before {
    width: 50%;
    left: 0;
    background-color: #00208A;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 100px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, calc(100% - 100px) 100%, 0% 100%);
  }
  .trunk-catch::after {
    width: calc(50% + 100px);
    right: 0;
    background-color: #004FB5;
    -webkit-clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .trunk-catch__content p {
    font-size: 28px;
  }
  .trunk-catch__list li {
    font-size: 24px;
    padding: 16px 0 14px 60px;
    background-size: 32px auto;
    background-position: 13px 18px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
}
@media (min-width: 1024px) {
  .trunk-catch__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 530px;
  }
  .trunk-catch__content, .trunk-catch__list {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 20px);
            flex: 0 0 calc(50% - 20px);
    max-width: 535px;
  }
  .trunk-catch__content p {
    -webkit-transform: translateY(-1em);
        -ms-transform: translateY(-1em);
            transform: translateY(-1em);
  }
}
@media (max-width: 767.9px) {
  .trunk-catch__content, .trunk-catch__list {
    padding: 45px 0;
  }
  .trunk-catch__content::before, .trunk-catch__list::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    height: calc(100% + 20px);
    width: calc(100% + 30px);
    left: -15px;
    opacity: 0.8;
  }
  .trunk-catch__content > *, .trunk-catch__list > * {
    position: relative;
    z-index: 2;
  }
  .trunk-catch__content {
    position: relative;
  }
  .trunk-catch__content::before {
    background-color: #00208A;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 40px), 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 40px), 0% 100%);
    top: 0;
  }
  .trunk-catch__list {
    position: relative;
  }
  .trunk-catch__list::before {
    background-color: #004FB5;
    -webkit-clip-path: polygon(0% 40px, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 40px, 100% 0%, 100% 100%, 0% 100%);
    bottom: 0;
  }
}

.trunk-melit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}
.trunk-melit__number {
  background-color: #FF6600;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 18px;
  height: 30px;
  border-radius: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.trunk-melit__text {
  font-size: 22px;
  font-weight: bold;
  color: #00208A;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-left: 8px;
}
@media (min-width: 768px) {
  .trunk-melit {
    margin-top: 23px;
  }
  .trunk-melit__number {
    height: 36px;
    border-radius: 18px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
    width: 100px;
    font-size: 24px;
  }
  .trunk-melit__text {
    font-size: 28px;
    margin-left: 13px;
  }
}

@media (min-width: 768px) {
  .trunk-price {
    width: 100%;
  }
  .trunk-price th, .trunk-price td {
    text-align: center;
    padding: 22px 5px;
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
  }
  .trunk-price th + th, .trunk-price th + td, .trunk-price td + th, .trunk-price td + td {
    border-left: 1px solid #CACACA;
  }
  .trunk-price thead th {
    background-color: #00208A;
    color: #fff;
    font-weight: bold;
  }
  .trunk-price tbody .type {
    font-weight: bold;
    color: #00208A;
  }
}
@media (max-width: 767.9px) {
  .trunk-price {
    display: block;
  }
  .trunk-price thead {
    display: none;
  }
  .trunk-price tbody, .trunk-price tr, .trunk-price th, .trunk-price td {
    display: block;
  }
  .trunk-price tbody tr + tr {
    margin-top: 25px;
  }
  .trunk-price tbody .type {
    background-color: #00208A;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 14px 5px;
  }
  .trunk-price tbody .size, .trunk-price tbody .wide, .trunk-price tbody .monthly, .trunk-price tbody .step {
    position: relative;
    padding: 14px 10px 14px 130px;
    border-bottom: 1px solid #CACACA;
  }
  .trunk-price tbody .size::before, .trunk-price tbody .wide::before, .trunk-price tbody .monthly::before, .trunk-price tbody .step::before {
    content: attr(aria-label);
    position: absolute;
    width: 120px;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #eee;
  }
}

.trunk-map {
  width: 100%;
  height: 400px;
}

.piano-featured {
  padding: 20px;
  position: relative;
  background-color: #00208A;
}
.piano-featured__title, .piano-featured__img, .piano-featured__content {
  position: relative;
  z-index: 2;
  color: #fff;
}
.piano-featured__title {
  margin-bottom: 14px;
}
.piano-featured__img {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .piano-featured {
    padding: 50px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 28fr 40px 25fr;
    grid-template-columns: 28fr 25fr;
    -ms-grid-rows: auto 20px auto;
    grid-template-rows: auto auto;
        grid-template-areas: "img title" "img contents";
    row-gap: 20px;
    -webkit-column-gap: 40px;
            column-gap: 40px;
  }
  .piano-featured__title {
    grid-area: title;
    -ms-grid-row-align: end;
        align-self: end;
    margin: 0;
  }
  .piano-featured__img {
    grid-area: img;
    margin: 0;
  }
  .piano-featured__content {
    grid-area: contents;
    -ms-grid-row-align: start;
        align-self: start;
    margin: 0;
  }
  .piano-featured > .photo-box__title {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .piano-featured > .photo-box__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .piano-featured > .photo-box__content {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .piano-featured > .photo-box2__title {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .piano-featured > .photo-box2__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .piano-featured > .photo-box2__content {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media (min-width: 768px){
  .photo-box__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .photo-box[data-imgposition=left] > .photo-box__title {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .photo-box__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .photo-box[data-imgposition=left] > .photo-box__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .photo-box__content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .photo-box[data-imgposition=left] > .photo-box__content {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .photo-box2__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .photo-box[data-imgposition=left] > .photo-box2__title {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .photo-box2 > .photo-box2__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .photo-box2[data-imgposition=left] > .photo-box2__title {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .photo-box2__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .photo-box[data-imgposition=left] > .photo-box2__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .photo-box2 > .photo-box2__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .photo-box2[data-imgposition=left] > .photo-box2__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .photo-box2__content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .photo-box[data-imgposition=left] > .photo-box2__content {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .photo-box2 > .photo-box2__content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .photo-box2[data-imgposition=left] > .photo-box2__content {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .piano-featured__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .photo-box[data-imgposition=left] > .piano-featured__title {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .photo-box2 > .piano-featured__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .photo-box2[data-imgposition=left] > .piano-featured__title {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .piano-featured > .piano-featured__title {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .piano-featured__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .photo-box[data-imgposition=left] > .piano-featured__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .photo-box2 > .piano-featured__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .photo-box2[data-imgposition=left] > .piano-featured__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .piano-featured > .piano-featured__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .piano-featured__content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .photo-box[data-imgposition=left] > .piano-featured__content {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .photo-box2 > .piano-featured__content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .photo-box2[data-imgposition=left] > .piano-featured__content {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .piano-featured > .piano-featured__content {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}

.transport-map {
  position: relative;
}
.transport-map__text {
  font-weight: bold;
  font-size: 14px;
  line-height: 2;
}
.transport-map__text em {
  font-size: 22px;
  color: #FF6600;
}
.transport-map__img {
  text-align: center;
  position: relative;
  z-index: 1;
  margin: -15% 0 0;
}
@media (min-width: 768px) {
  .transport-map__text {
    position: absolute;
    z-index: 2;
    font-size: 24px;
    top: 147px;
    left: 0;
  }
  .transport-map__text em {
    font-size: 32px;
  }
  .transport-map__img {
    -webkit-transform: translateX(29px);
        -ms-transform: translateX(29px);
            transform: translateX(29px);
    margin: 0;
  }
}

.transport-car {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transport-car i {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: #00208A;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 1;
}
.transport-car span {
  font-weight: bold;
  font-size: 18px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-left: 12px;
  line-height: 1;
}
@media (min-width: 768px) {
  .transport-car i {
    font-size: 48px;
  }
  .transport-car span {
    font-size: 24px;
    margin-left: 30px;
  }
}

.transport-consultation {
  background: url(../img/service/transport/bg1.jpg) no-repeat center center/cover;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
}
.transport-consultation i {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 1px;
  background-color: #fff;
}
.transport-consultation span {
  font-weight: bold;
  color: #fff;
  margin: 0 5px;
  text-align: center;
  font-size: 16px;
}
@media (min-width: 768px) {
  .transport-consultation {
    height: 300px;
    padding: 0 40px;
  }
  .transport-consultation span {
    margin: 0 12px;
    font-size: 24px;
  }
}

.pl-table {
  table-layout: fixed;
  width: 100%;
}
.pl-table th {
  font-weight: bold;
  color: #004FB5;
  width: 70px;
}
.pl-table td {
  width: auto;
}
.pl-table th, .pl-table td {
  padding: 14px 5px 14px 0;
  border-top: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
}
@media (min-width: 768px) {
  .pl-table th {
    width: 110px;
    padding: 25px 5px 25px 0;
  }
  .pl-table td {
    padding: 25px 5px 25px 0;
  }
}

.office-table {
  table-layout: fixed;
  width: 100%;
}
.office-table th {
  font-weight: bold;
  color: #004FB5;
  width: 145px;
}
.office-table td {
  width: auto;
}
.office-table th, .office-table td {
  padding: 14px 5px 14px 0;
  border-top: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
}
@media (min-width: 768px) {
  .office-table th {
    width: 185px;
    padding: 25px 5px 25px 0;
  }
  .office-table td {
    padding: 25px 5px 25px 0;
  }
}

.quality-orderlist li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quality-orderlist li + li {
  margin-top: 12px;
}
.quality-orderlist i {
  color: #00208A;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 0.5em;
}
.quality-orderlist span {
  font-weight: bold;
  font-size: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (min-width: 768px) {
  .quality-orderlist i {
    font-size: 40px;
  }
  .quality-orderlist span {
    font-size: 20px;
  }
}

.recruit-message__title {
  position: relative;
  line-height: 1;
}
.recruit-message__title i {
  position: relative;
  z-index: 1;
  display: block;
  text-align: right;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  color: #EAF1F9;
  font-size: 70px;
}
.recruit-message__title span {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 22px;
  color: #00208A;
  font-weight: bold;
  line-height: 1;
}
.recruit-message__content p {
  line-height: 2;
}
@media (min-width: 768px) {
  .recruit-message {
    position: relative;
  }
  .recruit-message__img {
    position: absolute;
    width: 46.66%;
    left: 0;
    top: 0;
    z-index: 2;
  }
  .recruit-message__title {
    margin-left: calc(46.66% + 40px);
    line-height: 0.65;
    position: relative;
    z-index: 2;
  }
  .recruit-message__title i {
    font-size: 150px;
  }
  .recruit-message__title span {
    font-size: 28px;
    -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
            transform: translateY(4px);
  }
  .recruit-message__content {
    padding: 41px 20px 40px calc(46.66% + 40px);
    position: relative;
    z-index: 1;
    margin-top: 12px;
  }
  .recruit-message__content::before {
    content: "";
    top: 0;
    right: 0;
    width: 86.666%;
    height: 100%;
    background-color: #EAF1F9;
    position: absolute;
    z-index: 1;
  }
  .recruit-message__content p {
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 1024px) {
  .recruit-message__title {
    margin-left: calc(46.66% + 80px);
  }
  .recruit-message__content {
    padding: 41px 80px 53px calc(46.66% + 80px);
  }
}
@media (max-width: 767.9px) {
  .recruit-message__title {
    margin-bottom: 13px;
  }
  .recruit-message__img {
    text-align: center;
    margin-bottom: -40px;
    z-index: 2;
    position: relative;
  }
  .recruit-message__content {
    z-index: 1;
    position: relative;
    padding: 55px 15px 15px;
    background-color: #EAF1F9;
  }
}

.recruit-candidate {
  border-top: 1px solid #CACACA;
  position: relative;
}
.recruit-candidate::before {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #FF6600;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: -1px;
}
.recruit-candidate li {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 1.3;
  padding: 1em 15px;
  position: relative;
  border-bottom: 1px solid #CACACA;
}
.recruit-candidate li span {
  display: inline-block;
  white-space: nowrap;
}
.recruit-candidate li::before {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #FF6600;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  bottom: -1px;
}
@media (min-width: 560px) {
  .recruit-candidate li {
    font-size: 25px;
  }
}
@media (min-width: 768px) {
  .recruit-candidate::before {
    width: 300px;
    margin-left: -150px;
  }
  .recruit-candidate li {
    font-size: 32px;
  }
  .recruit-candidate li::before {
    width: 300px;
    margin-left: -150px;
  }
}

.recruit-joblink {
  margin: 60px 0 0;
  background: url(../img/recruit/bg1.jpg) no-repeat center center/cover;
  padding: 45px 0;
}
.recruit-joblink__container {
  width: 100%;
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.recruit-joblink__card {
  padding: 20px;
  background-color: rgba(0, 32, 138, 0.9);
}
.recruit-joblink__en {
  display: block;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  font-size: 40px;
  font-family: "Barlow Condensed", sans-serif;
}
.recruit-joblink__ja {
  display: block;
  line-height: 1;
  letter-spacing: 0.2em;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 12px 0 0;
}
.recruit-joblink__text {
  color: #fff;
  line-height: 2;
  text-align: justify;
  margin: 21px 0 0;
}
.recruit-joblink__button {
  margin: 22px 0 0;
}
@media (min-width: 768px) {
  .recruit-joblink {
    margin: 120px 0 0;
    padding: 0;
  }
  .recruit-joblink__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 550px;
  }
  .recruit-joblink__card {
    height: 430px;
    width: 540px;
    padding: 57px 0 57px 60px;
  }
  .recruit-joblink__en {
    font-size: 72px;
  }
  .recruit-joblink__ja {
    font-size: 20px;
    margin: 20px 0 0;
  }
  .recruit-joblink__text {
    margin: 42px 0 0;
  }
  .recruit-joblink__button {
    margin: 45px 0 0;
  }
}
@media (min-width: 1024px) {
  .recruit-joblink__container {
    height: 670px;
  }
}

.recruit-skiils {
  border-top: 1px solid #00208A;
  border-bottom: 1px solid #00208A;
  padding: 15px 0;
}
.recruit-skiils + .recruit-skiils {
  border-top: none;
}
.recruit-skiils dt {
  width: 160px;
  height: 36px;
  border-radius: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-weight: bold;
  background-color: #00208A;
}
.recruit-skiils dd {
  color: #00208A;
  margin: 15px 0 0 15px;
}
.recruit-skiils + .recruit-requirements {
  border-top: none;
}
@media (min-width: 768px) {
  .recruit-skiils {
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .recruit-skiils dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
    height: 40px;
    border-radius: 20px;
  }
  .recruit-skiils dd {
    margin: 0 0 0 30px;
  }
}

.recruit-driver + .recruit-driver {
  margin-top: 20px;
}
.recruit-driver__car {
  background-color: #00208A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}
.recruit-driver__car h4 {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
}
.recruit-driver__car h4 strong {
  font-size: 22px;
}
@media (min-width: 768px) {
  .recruit-driver {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 220px 20px auto;
    grid-template-columns: 220px auto;
    -webkit-column-gap: 20px;
            column-gap: 20px;
    border: none;
  }
  .recruit-driver__skills {
    padding: 0;
  }
  .recruit-driver__car h4 {
    font-size: 15px;
  }
  .recruit-driver__car h4 strong {
    font-size: 28px;
  }
}
@media (min-width: 1100px) {
  .recruit-driver {
    -ms-grid-columns: 340px 40px auto;
    grid-template-columns: 340px auto;
    -webkit-column-gap: 40px;
            column-gap: 40px;
  }
}
@media (max-width: 767.9px) {
  .recruit-driver__car {
    padding: 12px 5px;
  }
}

.recruit-requirements {
  border-top: 1px solid #CACACA;
  width: 100%;
}
.recruit-requirements th {
  font-weight: bold;
  color: #00208A;
}
@media (min-width: 560px) {
  .recruit-requirements th {
    width: 130px;
  }
  .recruit-requirements td {
    width: auto;
  }
  .recruit-requirements th, .recruit-requirements td {
    padding: 15px 0;
    border-bottom: 1px solid #CACACA;
  }
}
@media (min-width: 768px) {
  .recruit-requirements th {
    width: 225px;
  }
  .recruit-requirements th, .recruit-requirements td {
    padding: 26px 0;
  }
}
@media (max-width: 559.9px) {
  .recruit-requirements {
    display: block;
  }
  .recruit-requirements tbody, .recruit-requirements tr, .recruit-requirements th, .recruit-requirements td {
    display: block;
    width: 100%;
  }
  .recruit-requirements th {
    margin-bottom: 5px;
  }
  .recruit-requirements tr {
    padding: 12px 0;
    border-bottom: 1px solid #CACACA;
  }
}

.recruit-contact {
  background-color: #FFF0E6;
  margin: 0 -15px;
}
.recruit-contact__title {
  background-color: #FF6600;
  padding: 18px 15px 36px;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 30px), 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 30px), 0% 100%);
}
.recruit-contact__en {
  color: #fff;
  font-size: 32px;
  display: block;
  line-height: 1;
  font-weight: 600;
  font-family: "Barlow Condensed", sans-serif;
}
.recruit-contact__ja {
  font-weight: bold;
  font-size: 15px;
  display: block;
  line-height: 1;
  color: #fff;
  margin-top: 13px;
}
.recruit-contact__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 18px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.recruit-contact__tel i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
  line-height: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.recruit-contact__tel i .fill-path {
  fill: #FF6600;
}
.recruit-contact__tel a {
  line-height: 1;
  font-size: 36px;
  font-family: "Barlow Condensed", sans-serif;
  margin-left: 5px;
  margin-right: 10px;
  color: #FF6600;
}
.recruit-contact__tel span {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.recruit-contact__subtitle {
  background-color: #FF6600;
  height: 36px;
  border-radius: 18px;
  max-width: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  margin-top: 22px;
  text-align: center;
  padding: 0 8px;
}
.recruit-contact__content {
  padding: 25px 15px;
}
@media (min-width: 560px) {
  .recruit-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
  .recruit-contact__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
    padding: 32px 0 0 22px;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
  }
  .recruit-contact__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 25px 15px 25px 30px;
  }
  .recruit-contact__tel {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .recruit-contact__tel a {
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .recruit-contact__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
            flex: 0 0 360px;
    width: 360px;
    padding: 66px 0 0 60px;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 100px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, calc(100% - 100px) 100%, 0% 100%);
  }
  .recruit-contact__en {
    font-size: 48px;
  }
  .recruit-contact__ja {
    font-size: 18px;
    margin-top: 20px;
  }
  .recruit-contact__content {
    padding: 35px 15px 45px 60px;
  }
  .recruit-contact__subtitle {
    max-width: 480px;
    height: 50px;
    border-radius: 25px;
    margin-top: 30px;
    padding: 0 18px;
  }
  .recruit-contact__tel {
    margin-top: 20px;
  }
  .recruit-contact__tel i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
  .recruit-contact__tel a {
    font-size: 60px;
    margin-left: 10px;
    margin-right: 35px;
  }
}

/*webseikyu*/

section.web_seikyu{text-align: center; color: #fff; font-size: 1.5em; margin-bottom: 5%;}
.web_seikyu a{background-color: #ff6600;padding: 20px;}
.fweb_seikyu{color: #fff;background-color: #00bcd4;}
.pc {display: block;}
.sp {display: none;}
@media(max-width:640px) {
	.pc {display: none;}
	.sp {display: block;}

section.web_seikyu{font-size: 1em; display: grid;}
.web_seikyu a{text-align: center;}
}
/*top 70th*/
section.anniversary {
    margin: 160px auto;
}
section.anniversary div {
  text-align: center;
}
@media(max-width:640px) {
  section.anniversary {
    margin: 2em auto;
}
}