@charset "UTF-8";
@media screen and (max-width: 1099px) {
  .sp-none {
    display: none !important;
  }
}

@media screen and (min-width: 1100px) {
  .pc-none {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .footer__pc-none {
    display: none !important;
  }
}

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

@media screen and (min-width: 769px) {
  .mv_pc-none {
    display: none !important;
  }
}

/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

thead,
tbody,
tfoot {
  vertical-align: top;
}

td,
th {
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Base
 */
* {
  letter-spacing: 0.05em;
}

::-moz-placeholder {
  opacity: 1;
}

:-ms-input-placeholder {
  opacity: 1;
}

::placeholder {
  opacity: 1;
}

label {
  cursor: pointer;
}

img,
iframe {
  vertical-align: top;
}

dt {
  font-weight: normal;
}

html,
body {
  height: 100%;
}

html {
  font-size: 62.5%;
}
html.is_locked {
  position: fixed;
  width: 100%;
}

body {
  color: #222;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -moz-osx-font-smoothing: unset;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%;
  opacity: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
}
@media screen and (max-width: 768px) {
  body {
    min-width: auto;
  }
}

html[lang=en] body {
  font-family: "Poppins", sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 769px) {
  button:focus, a:focus, input:focus {
    outline: 2px solid -webkit-focus-ring-color;
  }
}
body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: 0px) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

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

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }

  .fancybox-slide--image {
    padding: 6px 0;
  }

  .fancybox-close-small {
    right: -6px;
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }

  @supports (padding: 0px) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

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

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Layout
 */
.ly_container {
  margin: auto;
  max-width: 1200px;
}
@media screen and (max-width: 1240px) {
  .ly_container {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .ly_container {
    width: auto;
  }
}

/**
 * Header
 */
_::-webkit-full-page-media, _:future, :root .bl_header__nav--bottom__menu {
  top: 136px;
}
@media screen and (max-width: 1099px) {
  _::-webkit-full-page-media, _:future, :root .bl_header__nav--bottom__menu {
    top: 0;
  }
}

html[lang=en] .en_header_point {
  display: none;
}
@media screen and (max-width: 1240px) and (min-width: 1100px) {
  html[lang=en] .en_header_point {
    display: inline;
  }
}

.ly_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
  transition: 0.3s background-color;
  border-bottom: 1px solid rgba(204, 204, 204, 0);
}
.ly_header *, .ly_header *:hover {
  text-align: left;
  text-decoration: none;
}
.ly_header.is__active {
  background: #fff;
  border-color: #CCCCCC;
}
.ly_header.is__active .bl_header__logo a {
  display: block;
  aspect-ratio: 247/42;
}
.ly_header.is__active .bl_header__logo .normal {
  opacity: 0;
}
.ly_header.is__active .bl_header__logo .hover {
  opacity: 1;
}
.ly_header.is__active .bl_header__nav {
  color: #1A87D6;
}
.ly_header.is__active .bl_header__nav--top .bl_header__nav--top__btn a {
  color: #1A87D6;
}
.ly_header.is__active .bl_header__nav--top .contact a::before {
  background-color: #1A87D6;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../images/common/header_contact.svg);
  mask-image: url(../images/common/header_contact.svg);
}
.ly_header.is__active .bl_header__nav--top .language a::before {
  background-color: #1A87D6;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../images/common/header_language.svg);
  mask-image: url(../images/common/header_language.svg);
}
.ly_header.is__active .bl_header__nav--bottom__megamenu > a {
  color: #222222;
}
@media screen and (max-width: 1099px) {
  .ly_header.is__active .bl_header__nav--bottom__megamenu > a {
    padding-right: 30px;
  }
}
.ly_header.is__active .bl_header__nav--bottom__megamenu > a > span::before {
  border-color: #222222;
}
.ly_header.is__active .bl_header__hamburger {
  border-color: #1A87D6;
  transition: border 0.3s;
}
.ly_header.is__active .bl_header__hamburger span {
  background: #1A87D6;
}
.ly_header .bl_header__hamburger {
  display: none;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 15px;
  border: 1px solid #fff;
  transition: border 0.3s;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__hamburger {
    display: block;
  }
}
.ly_header .bl_header__hamburger span {
  position: absolute;
  width: 20px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) perspective(0);
  background: #fff;
  transition: 0.3s all;
}
.ly_header .bl_header__hamburger span:nth-child(1) {
  top: 34%;
}
.ly_header .bl_header__hamburger span:nth-child(3) {
  top: 66%;
}
.ly_header .bl_header__hamburger.is__active span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg) perspective(0);
}
.ly_header .bl_header__hamburger.is__active span:nth-child(2) {
  opacity: 0;
}
.ly_header .bl_header__hamburger.is__active span:nth-child(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg) perspective(0);
}
.ly_header .bl_header.is__active {
  background: #fff;
}
.ly_header .bl_header.is__active .bl_header__logo .normal {
  opacity: 0 !important;
}
.ly_header .bl_header.is__active .bl_header__logo .hover {
  opacity: 1 !important;
}
.ly_header .bl_header.is__active .bl_header__hamburger {
  border-color: #1A87D6;
}
.ly_header .bl_header.is__active .bl_header__hamburger span {
  background: #1A87D6;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header.is__active .bl_header__nav--top {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 40px;
  }
}
.ly_header .bl_header.is__active .bl_header__nav--top__btn {
  color: #1A87D6;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header.is__active .bl_header__nav--top__btn {
    order: 2;
    width: 100%;
    justify-content: center;
    margin-top: 17px;
  }
}
.ly_header .bl_header.is__active .bl_header__nav--top__btn .contact {
  position: relative;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header.is__active .bl_header__nav--top__btn .contact::before a {
    background-color: #1A87D6;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(../images/common/header_contact.svg);
    mask-image: url(../images/common/header_contact.svg);
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header.is__active .bl_header__nav--top__btn .contact::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #CCCCCC;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header.is__active .bl_header__nav--top__btn .language::before a {
    background-color: #1A87D6;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(../images/common/header_language.svg);
    mask-image: url(../images/common/header_language.svg);
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header.is__active .bl_header__nav--top__btn .contact,
.ly_header .bl_header.is__active .bl_header__nav--top__btn .language {
    width: 50%;
    text-align: center;
    margin: 0;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header.is__active .bl_header__nav--top__btn .contact a,
.ly_header .bl_header.is__active .bl_header__nav--top__btn .language a {
    color: #1A87D6;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header.is__active .search {
    display: block;
    width: 100%;
    order: 1;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header.is__active .search form {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header.is__active .search form::after {
    width: 19px;
    height: 19px;
    right: 26px;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header.is__active .search form input {
    padding: 15px 50px 14px 30px;
    font-size: 1.3rem;
  }
}
.ly_header .bl_header__wrapper {
  display: flex;
  justify-content: space-between;
  padding: 32px 30px 0 40px;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__wrapper {
    align-items: center;
    padding: 14px 20px;
  }
}
.ly_header .bl_header__logo {
  position: relative;
  margin-top: 17px;
  width: 247px;
  height: 42px;
}
[data-whatintent=mouse] .ly_header .bl_header__logo:hover img {
  opacity: 0.7;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__logo {
    margin-top: 0;
    width: 178px;
    height: 31px;
  }
}
.ly_header .bl_header__logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.3s all;
}
.ly_header .bl_header__logo .normal {
  opacity: 1;
}
.ly_header .bl_header__logo .hover {
  opacity: 0;
}
.ly_header .bl_header__nav {
  color: #fff;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav {
    display: flex;
    flex-direction: column;
    position: absolute;
    padding: 0 20px 40px;
    right: 0;
    left: 100%;
    top: 78px;
    width: 100%;
    height: 100vh;
    transition: 0.3s background-color;
    color: #222222;
    background: #fff;
    box-shadow: 0px 100px 0px 0px #fff;
  }
  .ly_header .bl_header__nav:not(.is__active) {
    display: none;
  }
}
.ly_header .bl_header__nav.scroll {
  overflow-y: auto;
  height: calc(100vh - 130px);
}
.ly_header .bl_header__nav.is__active {
  left: 0;
}
.ly_header .bl_header__nav--top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--top {
    order: 2;
  }
}
.ly_header .bl_header__nav--top__btn {
  display: flex;
  align-items: center;
}
.ly_header .bl_header__nav--top .contact,
.ly_header .bl_header__nav--top .language {
  margin-right: 20px;
}
.ly_header .bl_header__nav--top .contact a,
.ly_header .bl_header__nav--top .language a {
  display: inline-block;
  position: relative;
  padding-left: 23px;
  transition: 0.3s color;
  font-size: 1.2rem;
  font-weight: 500;
}
[data-whatintent=mouse] .ly_header .bl_header__nav--top .contact a:hover,
[data-whatintent=mouse] .ly_header .bl_header__nav--top .language a:hover {
  opacity: 0.7;
}
.ly_header .bl_header__nav--top .contact a::before,
.ly_header .bl_header__nav--top .language a::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-size: cover !important;
  background-position: center !important;
  transition: 0.3s all;
}
.ly_header .bl_header__nav--top .search form {
  position: relative;
}
.ly_header .bl_header__nav--top .search form input[type=text] {
  font-family: "Noto Sans JP";
  position: relative;
  padding: 5px 45px 5px 18px;
  width: 197px;
  height: 32px;
  background: #EBF2F6;
  border-radius: 100px;
  margin-bottom: 0;
  font-size: 1.2rem;
  color: #333;
  font-weight: 500;
  background-color: #EBF2F6;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--top .search form input[type=text] {
    width: 100%;
    height: 50px;
    padding: 5px 60px 5px 25px;
  }
}
.ly_header .bl_header__nav--top .search form button {
  position: absolute;
  width: 30px;
  height: 100%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--top .search form button {
    width: 60px;
  }
}
.ly_header .bl_header__nav--top .search form::after {
  content: "";
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  background: url(../images/common/header_search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--top .search form::after {
    width: 20px;
    height: 20px;
  }
}
.ly_header .bl_header__nav--top .contact a::before {
  width: 17px;
  height: 13px;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../images/common/header_contact.svg);
  mask-image: url(../images/common/header_contact.svg);
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--top .contact a::before {
    background-color: #1A87D6;
  }
}
.ly_header .bl_header__nav--top .language a {
  font-family: "Poppins", sans-serif;
}
.ly_header .bl_header__nav--top .language a::before {
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../images/common/header_language.svg);
  mask-image: url(../images/common/header_language.svg);
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--top .language a::before {
    background-color: #1A87D6;
  }
}
.ly_header .bl_header__nav--bottom {
  display: flex;
  justify-content: flex-end;
  margin: 0 -13px 0 0;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom {
    display: block;
    margin: 26px 0 0;
    order: 1;
  }
}
@media screen and (min-width: 1100px) {
  .ly_header .bl_header__nav--bottom > li:hover .bl_header__nav--bottom__menu {
    display: block;
    visibility: visible;
    opacity: 1;
    z-index: 1;
    pointer-events: all;
  }
  .ly_header .bl_header__nav--bottom > li .bl_header__nav--bottom__menu {
    pointer-events: none;
  }
  .ly_header .bl_header__nav--bottom > li .bl_header__nav--bottom__megamenu.hover_arrow > a {
    transition: 0.3s color;
  }
  .ly_header .bl_header__nav--bottom > li .bl_header__nav--bottom__megamenu.hover_arrow > a > span::before {
    top: 60%;
    transform: translateY(-50%) rotate(225deg);
  }
  .ly_header .bl_header__nav--bottom > li .bl_header__nav--bottom__megamenu.hover_arrow > a > span::after {
    border-bottom: 1px solid #1a87d6;
  }
}
.ly_header .bl_header__nav--bottom > li:first-child .bl_header__nav--bottom__megamenu a {
  padding-left: 15px;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom > li:first-child .bl_header__nav--bottom__megamenu a {
    padding-left: 0;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom > li.is__single .bl_header__nav--bottom__megamenu > a {
    pointer-events: all;
  }
}
.ly_header .bl_header__nav--bottom > li.is__single .bl_header__nav--bottom__megamenu > a > span {
  padding-right: 0;
}
.ly_header .bl_header__nav--bottom > li.is__single .bl_header__nav--bottom__megamenu > a > span::before {
  display: none;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom > li.is__single .bl_header__nav--bottom__megamenu > button {
    width: 10px;
    height: 10px;
    border-top: 2px solid #636C71;
    border-right: 2px solid #636C71;
    transform: translate(-50%, -50%) rotate(45deg);
    right: 10px;
    left: auto;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom > li.is__single .bl_header__nav--bottom__megamenu > button span {
    display: none;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom > li {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 18px 15px;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom > li:first-child::after {
    position: absolute;
    content: "";
    display: inline-block;
    left: 0;
    right: 0;
    top: 0;
    border-bottom: 1px solid #CCCCCC;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom > li::before {
    position: absolute;
    content: "";
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #CCCCCC;
  }
}
.ly_header .bl_header__nav--bottom__megamenu {
  display: block;
  height: 100%;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__megamenu {
    position: relative;
  }
}
.ly_header .bl_header__nav--bottom__megamenu > a {
  transition: 0.3s color;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__megamenu > a {
    pointer-events: none;
  }
}
.ly_header .bl_header__nav--bottom__megamenu > button {
  display: none;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 100%;
  height: calc(100% + 36px);
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__megamenu > button {
    display: block;
  }
}
.ly_header .bl_header__nav--bottom__megamenu > button span {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 2px;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 2px;
  background: #636C71;
  transition: 0.3s color;
}
.ly_header .bl_header__nav--bottom__megamenu > button span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: 0.5s transform;
}
.ly_header .bl_header__nav--bottom__megamenu > button.is__active span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(0deg);
}
.ly_header .bl_header__nav--bottom__megamenu > a {
  position: relative;
  padding: 20px 9px 29px 28px;
  display: flex;
  height: 100%;
  align-items: center;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__megamenu > a {
    padding: 0;
    width: 100%;
  }
}
.ly_header .bl_header__nav--bottom__megamenu > a > span {
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding-right: 19px;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__megamenu > a > span {
    padding-right: 0;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.ly_header .bl_header__nav--bottom__megamenu > a > span::before, .ly_header .bl_header__nav--bottom__megamenu > a > span::after {
  position: absolute;
  content: "";
  display: inline-block;
  transition: 0.3s all;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__megamenu > a > span::before, .ly_header .bl_header__nav--bottom__megamenu > a > span::after {
    display: none;
  }
}
.ly_header .bl_header__nav--bottom__megamenu > a > span::before {
  top: 45%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.ly_header .bl_header__nav--bottom__megamenu > a > span::after {
  left: 0;
  right: -3px;
  bottom: -6px;
  border-bottom: 1px solid rgba(26, 135, 214, 0);
}
.ly_header .bl_header__nav--bottom__menu {
  display: none;
  position: absolute;
  top: 139.5px;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  transition: all 0.5s;
  border-top: 1px solid #CCCCCC;
  box-shadow: rgba(51, 51, 51, 0.6) 0px 1300px 0px 1100px;
  visibility: hidden;
  opacity: 0;
  z-index: -5;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__menu {
    transition: none;
    top: 0;
    box-shadow: none;
    border-top: none;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__menu {
    position: relative;
    display: none;
    visibility: visible;
    opacity: 1;
    z-index: 1;
  }
}
.ly_header .bl_header__nav--bottom__menu__wrapper {
  position: relative;
  padding: 84px 0 78px;
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1240px) {
  .ly_header .bl_header__nav--bottom__menu__wrapper {
    max-width: inherit;
    padding: 84px 20px 78px;
  }
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__menu__wrapper {
    padding: 0;
  }
}
.ly_header .bl_header__nav--bottom__menu__wrapper .exit__button {
  position: absolute;
  top: 20px;
  right: 0;
  color: #222222;
  font-size: 1.4rem;
  font-weight: bold;
  transition: 0.3s all;
}
@media screen and (max-width: 1240px) {
  .ly_header .bl_header__nav--bottom__menu__wrapper .exit__button {
    right: 20px;
  }
}
.ly_header .bl_header__nav--bottom__menu__wrapper .exit__button:hover {
  color: #1A87D6;
}
.ly_header .bl_header__nav--bottom__menu__wrapper > a {
  display: block;
  margin-bottom: 46px;
  padding-bottom: 23px;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
}
[data-whatintent=mouse] .ly_header .bl_header__nav--bottom__menu__wrapper > a:hover > span {
  color: #1A87D6;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__menu__wrapper > a {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 10px;
  }
}
.ly_header .bl_header__nav--bottom__menu__wrapper > a > span {
  position: relative;
  display: inline-block;
  padding-right: 48px;
  font-size: 2.6rem;
  font-weight: 600;
  color: #222222;
  letter-spacing: 0.08em;
  line-height: 1.15;
  transition: 0.3s all;
}
.ly_header .bl_header__nav--bottom__menu__wrapper > a > span::before {
  position: absolute;
  content: "";
  display: inline-block;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(../images/common/header_megamenu_arrow.svg);
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__menu__wrapper > a > span {
    font-size: 1.4rem;
    font-weight: normal;
  }
  .ly_header .bl_header__nav--bottom__menu__wrapper > a > span::before {
    display: none;
  }
}
.ly_header .bl_header__nav--bottom__menu__wrapper > ul {
  display: flex;
  flex-wrap: wrap;
  margin: -20px 0 0 -10px;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__menu__wrapper > ul {
    display: block;
    margin: 10px 0 0;
  }
}
.ly_header .bl_header__nav--bottom__menu__wrapper > ul > li {
  width: calc((100% - 40px) / 3);
  margin: 10px 0 0 10px;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__menu__wrapper > ul > li {
    margin: 0;
    width: 100%;
  }
}
.ly_header .bl_header__nav--bottom__menu__wrapper > ul > li:not(:first-child) {
  margin-top: 10px;
}
.ly_header .bl_header__nav--bottom__menu__wrapper > ul > li > a {
  font-size: 1.6rem;
  color: #222222;
  line-height: 1.25;
  transition: 0.3s color;
}
[data-whatintent=mouse] .ly_header .bl_header__nav--bottom__menu__wrapper > ul > li > a:hover {
  color: #1A87D6;
}
@media screen and (max-width: 1099px) {
  .ly_header .bl_header__nav--bottom__menu__wrapper > ul > li > a {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 1100px) {
  html.-tablet .ly_header li:not(.is__single) .bl_header__nav--bottom__megamenu > a {
    pointer-events: none !important;
  }
}

html:not(.-tablet) .ly_header .bl_header__nav--bottom > li:hover .bl_header__nav--bottom__megamenu > a {
  transition: 0.3s color;
}
html:not(.-tablet) .ly_header .bl_header__nav--bottom > li:hover .bl_header__nav--bottom__megamenu > a > span::before {
  top: 60%;
  transform: translateY(-50%) rotate(225deg);
}
html:not(.-tablet) .ly_header .bl_header__nav--bottom > li:hover .bl_header__nav--bottom__megamenu > a > span::after {
  border-bottom: 1px solid #1a87d6;
}

#contents {
  margin-top: 140px;
}
@media screen and (max-width: 1099px) {
  #contents {
    margin-top: 78px;
  }
}

/**
 * Footer
 */
/* ページトップボタン */
#page-top {
  position: fixed;
  display: inline-block;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}
@media screen and (max-width: 768px) {
  #page-top {
    right: 14px;
    bottom: 14px;
  }
}
#page-top a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 15px;
  background-color: #1A87D6;
  transition: 0.3s all;
}
[data-whatintent=mouse] #page-top a:hover {
  opacity: 0.7;
}

.ly_footer {
  position: relative;
  border-top: 1px solid #E3E3E3;
  padding-top: 80px;
}
.ly_footer *, .ly_footer *:hover {
  text-align: left;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .ly_footer {
    padding-top: 47px;
  }
}
.ly_footer .bl_footer--top {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top {
    display: block;
  }
}
.ly_footer .bl_footer--top__about {
  display: block;
  width: 23.8%;
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__about {
    width: 100%;
  }
}
.ly_footer .bl_footer--top__about .logo {
  transition: 0.3s all;
}
[data-whatintent=mouse] .ly_footer .bl_footer--top__about .logo:hover {
  opacity: 0.7;
}
.ly_footer .bl_footer--top__about .contact {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 41px;
  padding: 17px 6%;
  width: 100%;
  background: #1A87D6;
  border-radius: 15px;
  text-align: center;
  transition: 0.3s all;
}
[data-whatintent=mouse] .ly_footer .bl_footer--top__about .contact:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__about .contact {
    margin-top: 20px;
  }
}
.ly_footer .bl_footer--top__about .contact span {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 1099px) {
  .ly_footer .bl_footer--top__about .contact span {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__about .contact span {
    font-size: 1.6rem;
  }
}
.ly_footer .bl_footer--top__about .contact span::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 19px;
  height: 14px;
  background: url(../images/common/icon_contact.svg);
  background-size: cover;
  background-position: center;
}
.ly_footer .bl_footer--top__nav {
  margin-top: 18px;
  width: calc(76.2% - 62px);
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__nav {
    margin-top: 41px;
    width: 100%;
  }
}
.ly_footer .bl_footer--top__nav--parent {
  display: flex;
  flex-wrap: wrap;
  margin: -44px 0 0 -39px;
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__nav--parent {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__nav--parent {
    display: block;
    margin: 0;
  }
}
.ly_footer .bl_footer--top__nav--parent > li {
  position: relative;
  width: calc((100% - 117px) / 3);
  margin: 44px 0 0 39px;
}
@media screen and (max-width: 900px) {
  .ly_footer .bl_footer--top__nav--parent > li {
    width: calc((100% - 78px) / 2);
  }
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__nav--parent > li {
    width: 100%;
    margin: 0;
    padding: 29px 0 28px;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__nav--parent > li:first-child::after {
    position: absolute;
    content: "";
    display: inline-block;
    left: -20px;
    right: -20px;
    top: 0;
    border-bottom: 1px solid #CCCCCC;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__nav--parent > li::before {
    position: absolute;
    content: "";
    display: inline-block;
    left: -20px;
    right: -20px;
    bottom: 0;
    border-bottom: 1px solid #CCCCCC;
  }
}
@media screen and (max-width: 1099px) {
  .ly_footer .bl_footer--top__nav--parent > li.is__single p > a {
    pointer-events: all;
  }
}
.ly_footer .bl_footer--top__nav--parent > li.is__single p > a > span {
  padding-right: 0;
}
.ly_footer .bl_footer--top__nav--parent > li.is__single p > a > span::before {
  display: none;
}
@media screen and (max-width: 1099px) {
  .ly_footer .bl_footer--top__nav--parent > li.is__single p > button {
    width: 10px;
    height: 10px;
    border-top: 2px solid #636C71;
    border-right: 2px solid #636C71;
    transform: translate(-50%, -50%) rotate(45deg);
    right: 5px;
    left: auto;
  }
}
@media screen and (max-width: 1099px) {
  .ly_footer .bl_footer--top__nav--parent > li.is__single p > button span {
    display: none;
  }
}
.ly_footer .bl_footer--top__nav--parent > li > p {
  position: relative;
}
.ly_footer .bl_footer--top__nav--parent > li > p > a {
  position: relative;
  display: block;
  margin-bottom: 21px;
  padding-bottom: 18px;
  font-size: 1.6rem;
  font-weight: 600;
  border-bottom: 1px solid #CCCCCC;
  color: #101010;
  letter-spacing: 0;
  line-height: 1.06;
  transition: 0.3s all;
}
[data-whatintent=mouse] .ly_footer .bl_footer--top__nav--parent > li > p > a:hover {
  color: #1A87D6;
}
@media screen and (max-width: 1099px) {
  .ly_footer .bl_footer--top__nav--parent > li > p > a {
    pointer-events: none;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__nav--parent > li > p > a {
    margin-bottom: 0;
    padding: 0;
    font-size: 1.5rem;
    border: none;
  }
}
.ly_footer .bl_footer--top__nav--parent > li > p > button {
  display: none;
  position: absolute;
  top: 50%;
  right: -13px;
  transform: translateY(-50%);
  width: 100%;
  height: 40px;
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__nav--parent > li > p > button {
    display: block;
  }
}
.ly_footer .bl_footer--top__nav--parent > li > p > button span {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 10px;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 2px;
  background: #636C71;
  transition: 0.3s all;
}
.ly_footer .bl_footer--top__nav--parent > li > p > button span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg);
}
.ly_footer .bl_footer--top__nav--parent > li > p > button.is__active span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(0deg);
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__nav--child {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__nav--child__wrapper {
    padding-top: 20px;
  }
}
.ly_footer .bl_footer--top__nav--child__wrapper > li:not(:first-child) {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--top__nav--child__wrapper > li:not(:first-child) {
    margin-top: 15px;
  }
}
.ly_footer .bl_footer--top__nav--child__wrapper > li > a {
  display: block;
  font-size: 1.4rem;
  color: #101010;
  line-height: 1.43;
  transition: 0.3s all;
}
[data-whatintent=mouse] .ly_footer .bl_footer--top__nav--child__wrapper > li > a:hover {
  color: #1A87D6;
}
.ly_footer .bl_footer--bottom {
  position: relative;
  margin-top: 70px;
  padding: 25px 0;
  border-top: 1px solid #CCCCCC;
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--bottom {
    border: none;
    margin-top: 46px;
    padding: 0 0 40px;
  }
}
.ly_footer .bl_footer--bottom .ly_container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--bottom .ly_container {
    display: block;
  }
}
.ly_footer .bl_footer--bottom__nav {
  display: flex;
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--bottom__nav {
    justify-content: center;
  }
}
.ly_footer .bl_footer--bottom__nav li:not(:last-child) {
  position: relative;
  margin-right: 12px;
  padding-right: 12px;
}
.ly_footer .bl_footer--bottom__nav li:not(:last-child)::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 13px;
  border-right: 1px solid #666666;
}
.ly_footer .bl_footer--bottom__nav li a {
  display: inline-block;
  font-size: 1.2rem;
  color: #666666;
  transition: 0.3s all;
}
[data-whatintent=mouse] .ly_footer .bl_footer--bottom__nav li a:hover {
  color: #1A87D6;
}
.ly_footer .bl_footer--bottom__copyright {
  margin-top: 4px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .ly_footer .bl_footer--bottom__copyright {
    margin-top: 20px;
    font-size: 1rem;
    letter-spacing: 0.04em;
    text-align: center;
  }
}

html[lang=ja] .ly_footer .bl_footer--top__about .logo img {
  width: 282px;
}

/**
 * Block
 */
body.fixed {
  width: 100%;
  height: 100%;
  position: fixed;
}

#loading {
  height: 100%;
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 5000;
  display: flex;
  justify-content: center;
  align-items: center;
}
#loading img {
  width: 200px;
}

.bl_topIntroduce {
  background-size: 667px !important;
  background-position: right -161px top 20px !important;
  background-repeat: no-repeat !important;
  padding: 158px 0 106px;
  line-height: 2.03;
}
@media screen and (max-width: 768px) {
  .bl_topIntroduce {
    background-size: 404px !important;
    background-position: right -146px bottom 48px !important;
    padding: 101px 0 97px 0;
    line-height: 1.7;
  }
}
.bl_topIntroduce .el_topIntroduce__title {
  font-size: 4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .bl_topIntroduce .el_topIntroduce__title {
    font-size: 2.8rem;
  }
}
html[lang=en] .bl_topIntroduce .el_topIntroduce__title {
  line-height: 1.45;
}
.bl_topIntroduce .el_topIntroduce__text {
  width: 65%;
  margin-top: 34px;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.1;
}
@media screen and (max-width: 1099px) {
  .bl_topIntroduce .el_topIntroduce__text {
    width: 65%;
  }
}
@media screen and (max-width: 768px) {
  .bl_topIntroduce .el_topIntroduce__text {
    width: 100%;
    margin-top: 22px;
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  .bl_topIntroduce .el_topIntroduce__text {
    width: 100%;
    margin-top: 22px;
    font-size: 1.6rem;
    line-height: 2;
  }
}
.bl_topIntroduce__img img {
  width: 100%;
}

.el_top__sectionCaption {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.16rem;
}
.el_top__sectionCaption::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  margin-bottom: 4px;
  border-radius: 50%;
  background-color: #1A87D6;
}
@media screen and (max-width: 768px) {
  .el_top__sectionCaption::before {
    width: 6px;
    height: 6px;
  }
}
@media screen and (max-width: 768px) {
  .el_top__sectionCaption {
    font-size: 1.8rem;
    letter-spacing: 0.08em;
  }
}

.el_top__sectionTitle {
  margin-top: 20px;
  font-size: 8rem;
  font-weight: 600;
  letter-spacing: 0.2rem;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  color: #1A87D6;
}
@media screen and (max-width: 768px) {
  .el_top__sectionTitle {
    margin-top: 14px;
    font-size: 4.5rem;
    line-height: 1.21;
  }
}
.el_top__sectionTitle.sm {
  margin-bottom: 20px;
  font-size: 5.5rem;
}
@media screen and (max-width: 768px) {
  .el_top__sectionTitle.sm {
    font-size: 4.5rem;
  }
}

.bl_topStrength {
  overflow: hidden;
  padding: 127px 0 120px;
  background-color: #F3F7F9;
}
@media screen and (max-width: 768px) {
  .bl_topStrength {
    padding: 79px 0 31px;
  }
}
.bl_topStrength .topStrength__wrap {
  margin-top: 61px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .bl_topStrength .topStrength__wrap {
    margin-top: 0;
    display: block;
  }
}
.bl_topStrength .topStrength__wrap .topStrength__box {
  border-left: solid 2px #DCE1E6;
  padding: 30px 2.7% 5px;
  width: 33.33%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .bl_topStrength .topStrength__wrap .topStrength__box {
    width: 100%;
    padding: 42px 0px 50px 0px;
    border-left: none;
  }
  .bl_topStrength .topStrength__wrap .topStrength__box:not(:first-child) {
    border-top: solid 2px #DCE1E6;
  }
}
.bl_topStrength .topStrength__wrap .topStrength__box:first-child {
  border: none;
}
.bl_topStrength .topStrength__wrap .topStrength__box .topStrength__img {
  position: relative;
}
.bl_topStrength .topStrength__wrap .topStrength__box .topStrength__img img {
  position: relative;
  width: 200px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .bl_topStrength .topStrength__wrap .topStrength__box .topStrength__img img {
    width: 120px;
  }
}
.bl_topStrength .topStrength__wrap .topStrength__box .topStrength__img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 215%;
  aspect-ratio: 1/1;
  background: url(../images/contents/top_strength_bg.png);
  background-size: contain;
  background-position-y: 0px;
  background-repeat: no-repeat;
  z-index: 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .bl_topStrength .topStrength__wrap .topStrength__box .topStrength__img::after {
    background: url(../images/contents/top_strength_bg_sp.png);
    background-size: contain;
    background-position-y: 0px;
    background-repeat: no-repeat;
    width: 100%;
  }
}
.bl_topStrength .topStrength__wrap .topStrength__box .topStrength__title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .bl_topStrength .topStrength__wrap .topStrength__box .topStrength__title {
    margin-top: 21px;
    font-size: 2.2rem;
  }
}
.bl_topStrength .topStrength__wrap .topStrength__box .topStrength__text {
  margin-top: 18px;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.8;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .bl_topStrength .topStrength__wrap .topStrength__box .topStrength__text {
    margin-top: 17px;
    font-size: 1.6rem;
    line-height: 1.77;
  }
}

.bl_topProductLines {
  padding: 129px 0 163px 0;
  background-size: cover !important;
  background-position: center !important;
}
@media screen and (max-width: 768px) {
  .bl_topProductLines {
    padding: 78px 0;
  }
}
.bl_topProductLines .bl_topProductLines__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 43.5px;
}
.bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item {
  position: relative;
  margin-bottom: 57px;
  width: 30%;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
}
@media screen and (max-width: 1240px) {
  .bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item {
    margin-bottom: 20px;
    width: 32%;
  }
}
@media screen and (max-width: 768px) {
  .bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item {
    margin-bottom: 20px;
    width: calc(50% - 10px);
    height: 230px;
  }
}
.bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item:first-child {
  width: 65%;
}
@media screen and (max-width: 1240px) {
  .bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item:first-child {
    width: 66%;
  }
}
@media screen and (max-width: 768px) {
  .bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item:first-child {
    width: 100%;
    height: 245px;
  }
}
@media screen and (max-width: 768px) {
  .bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item:first-child img {
    margin-top: -22px;
    max-width: 88%;
  }
}
.bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 20px 75px 20px;
  transition: all 0.3s;
}
[data-whatintent=mouse] .bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item a {
    padding: 20px 10px 50px 10px;
  }
}
.bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item a::after {
  content: "";
  display: block;
  background: url(../images/contents/top_arrow_blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 39px;
  height: 39px;
  position: absolute;
  right: 31px;
  bottom: 20px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item a::after {
    width: 26px;
    height: 26px;
    right: 12px;
  }
}
.bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item .topProductLines__img {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item .topProductLines__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item .topProductLines__text {
  position: absolute;
  bottom: 22px;
  left: 30px;
  font-size: 2rem;
  font-weight: bold;
  padding-right: 50px;
  max-width: calc(100% - 50px);
  text-align: left;
}
@media screen and (max-width: 768px) {
  .bl_topProductLines .bl_topProductLines__list .bl_topProductLines__item .topProductLines__text {
    font-size: 1.5rem;
    left: 13px;
    line-height: 1.46;
    padding-right: 0;
  }
}
.bl_topProductLines .el_btn {
  margin: 0 auto;
  margin-top: 5px;
  width: 430px;
  font-size: 2rem;
  font-weight: bold;
  background: none;
  border: 2px solid #fff;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .bl_topProductLines .el_btn {
    margin-top: 42px;
    padding: 18px 4.8%;
    width: 100%;
    font-size: 1.6rem;
  }
}

.bl_topNews {
  padding: 86px 0 102px;
  border-top: 1px solid #CCCCCC;
}
@media screen and (max-width: 768px) {
  .bl_topNews {
    padding: 68px 0 81px;
  }
}
.bl_topNews__wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .bl_topNews__wrap {
    display: block;
  }
}
.bl_topNews__wrap:not(:has(.bl_topNews__box:nth-child(2))) .bl_topNews__box {
  width: 100%;
}
.bl_topNews__box {
  width: 47.5%;
}
@media screen and (max-width: 768px) {
  .bl_topNews__box {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .bl_topNews__box:not(:first-child) {
    margin-top: 59px;
  }
}
.bl_topNews__box__title {
  position: relative;
  padding-left: 19px;
  font-size: 3rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .bl_topNews__box__title {
    font-size: 2.6rem;
  }
}
.bl_topNews__box__title::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 100%;
  background: #1A87D6;
}
.bl_topNews .bl_news__list {
  margin: 10px 0 0;
}
@media screen and (max-width: 768px) {
  .bl_topNews .bl_news__list {
    margin: 15px 0 0;
  }
}
.bl_topNews .bl_news__list .news__title {
  font-size: 1.5rem;
  margin-top: 8.5px !important;
}
@media screen and (max-width: 768px) {
  .bl_topNews .bl_news__list .news__title {
    margin-top: 6px !important;
  }
}
@media screen and (max-width: 768px) {
  .bl_topNews .bl_news__list .news__category {
    margin-left: 4px !important;
  }
}
.bl_topNews .bl_news__list .news__date {
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .bl_topNews .bl_news__list .news__date {
    font-size: 1.6rem;
    letter-spacing: 0 !important;
  }
}
.bl_topNews .bl_news__list .el_news__item a {
  padding: 18px 0 21px 0;
}
@media screen and (max-width: 768px) {
  .bl_topNews .bl_news__list .el_news__item a {
    padding: 14px 0;
  }
}
@media screen and (max-width: 768px) {
  .bl_topNews .bl_news__list .el_news__item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
    display: none;
  }
}
.bl_topNews .topTopics__box__detail {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .bl_topNews .topTopics__box__detail {
    margin-top: 3px;
  }
}
@media screen and (max-width: 768px) {
  .bl_topNews .topTopics__box__detail a {
    padding: 11px 36px 11px 0;
  }
}
@media screen and (max-width: 768px) {
  .bl_topNews .topTopics__box__detail a p {
    letter-spacing: 0;
  }
}

.bl_topTopics {
  padding: 113px 0 114px;
}
@media screen and (max-width: 768px) {
  .bl_topTopics {
    padding: 80px 0;
  }
}
.bl_topTopics .topTopics__wrap {
  margin-top: 77px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .bl_topTopics .topTopics__wrap {
    display: block;
    margin-top: 43px;
  }
}
.bl_topTopics .topTopics__wrap .topTopics__box {
  width: 31.17%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .bl_topTopics .topTopics__wrap .topTopics__box {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .bl_topTopics .topTopics__wrap .topTopics__box:not(:first-child) {
    margin-top: 41px;
  }
}
.bl_topTopics .topTopics__wrap .topTopics__box img {
  width: 100%;
  max-width: 500px;
}
.bl_topTopics .topTopics__wrap .topTopics__box .topTopics__box__title {
  margin-top: 24px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .bl_topTopics .topTopics__wrap .topTopics__box .topTopics__box__title {
    margin-top: 19px;
  }
}
.bl_topTopics .topTopics__wrap .topTopics__box .topTopics__box__text {
  margin-top: 16px;
  letter-spacing: 0.01rem;
  line-height: 1.8;
  text-align: left;
}
.bl_topTopics .topTopics__wrap .topTopics__box .topTopics__box__detail {
  margin-top: auto;
}

.topTopics__box__detail {
  text-align: right;
  margin-top: 14px;
}
.topTopics__box__detail a {
  position: relative;
  display: inline-block;
  margin-left: auto;
  padding: 11px 30px 11px 0;
  text-align: right;
  border-bottom: solid 1px #333333;
  transition: 0.3s all;
}
[data-whatintent=mouse] .topTopics__box__detail a:hover {
  opacity: 0.7;
}
.topTopics__box__detail a::after {
  content: "";
  position: absolute;
  display: block;
  background: url(../images/contents/top_arrow_detail.svg);
  width: 24px;
  height: 24px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.topTopics__box__detail a p {
  line-height: 1.2;
}

.narrowing {
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .narrowing {
    margin-top: 50px;
    display: block;
  }
}
.narrowing .news__select {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1240px) {
  .narrowing .news__select {
    display: block;
  }
}
.narrowing .news__select__wrap {
  position: relative;
}
.narrowing .news__select__wrap::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  border-top: 2px solid #222222;
  border-left: 2px solid #222222;
  transform: translateY(-50%) rotate(-135deg);
  pointer-events: none;
}
.narrowing select {
  margin-left: 40px;
  border: solid 1px #e3e3e3;
  border-radius: 5px;
  width: 240px;
  padding: 10px 20px;
  line-height: 1;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .narrowing select {
    margin-left: 30px;
    padding: 10px 15px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 350px) {
  .narrowing select {
    margin-top: 10px;
  }
}
.narrowing .news__select__title,
.narrowing .news__category__title {
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .narrowing .news__select__title,
.narrowing .news__category__title {
    font-size: 1.2rem;
  }
}
.narrowing .news__category__title {
  margin-left: 56px;
  margin-right: 20px;
}
@media screen and (max-width: 1240px) {
  .narrowing .news__category__title {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .narrowing .news__category__title {
    margin-top: 20px;
    margin-left: 0;
  }
}
.narrowing .news__category__box,
.narrowing .news__select__box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1240px) {
  .narrowing .news__category__box {
    display: block;
    margin-top: 20px;
  }
}
.narrowing .news__select__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.narrowing .news__category__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
@media screen and (max-width: 1240px) {
  .narrowing .news__category__wrap {
    float: left;
    margin-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .narrowing .news__category__wrap {
    float: none;
    margin-right: 0;
  }
}
@media screen and (max-width: 375px) {
  .narrowing .news__category__wrap {
    justify-content: left;
  }
}
.narrowing .news__category_button {
  padding: 13px 25px;
  border: solid 1px #cccccc;
  border-radius: 8px;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  transition: all 0.5s;
}
.narrowing .news__category_button:not(:last-child) {
  margin-right: 19px;
}
[data-whatintent=mouse] .narrowing .news__category_button:hover {
  background-color: #1A87D6;
  border-color: #1A87D6;
  color: #fff;
}
.narrowing .news__category_button.is__active {
  background-color: #1A87D6;
  border-color: #1A87D6;
  color: #fff;
}
@media screen and (max-width: 1240px) {
  .narrowing .news__category_button {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .narrowing .news__category_button {
    margin-top: 9px;
    padding: 12px 13px;
    font-size: 1.4rem;
  }
  .narrowing .news__category_button:not(:last-child) {
    margin-right: 6px;
  }
}
.narrowing .news__ir__box {
  margin-left: 30px;
}
@media screen and (max-width: 1240px) {
  .narrowing .news__ir__box {
    margin: 23px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .narrowing .news__ir__box {
    margin: 7px 0 0 0;
    text-align: right;
  }
}
.narrowing .news__ir__box a {
  position: relative;
  display: inline-block;
  margin-left: auto;
  padding: 6px 35px 6px 0px;
  text-align: right;
  border-bottom: solid 1px #333333;
  transition: 0.3s all;
}
[data-whatintent=mouse] .narrowing .news__ir__box a:hover {
  opacity: 0.7;
}
.narrowing .news__ir__box a::after {
  content: "";
  position: absolute;
  display: block;
  background: url(../images/contents/top_arrow_detail.svg);
  width: 24px;
  height: 24px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all;
}
.narrowing .news__ir__box a span {
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .narrowing .news__ir__box a span {
    font-size: 1.4rem;
  }
}

.bl_news__list {
  margin-top: 36px;
}
@media screen and (max-width: 768px) {
  .bl_news__list {
    margin-top: 15px;
  }
}
.bl_news__list .el_news__item {
  border-top: solid 1px #e3e3e3;
}
.bl_news__list .el_news__item:first-child {
  border: 0;
}
.bl_news__list .el_news__item .news__date {
  display: inline-block;
  min-width: 92px;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  .bl_news__list .el_news__item .news__date {
    min-width: 88px;
    letter-spacing: 0.03em;
  }
}
.bl_news__list .el_news__item .news__category {
  display: inline-block;
  min-width: 95px;
  margin-left: 18px;
  padding: 3px 15px;
  border: solid 1px #1A87D6;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  text-align: center;
  font-size: 1.4rem;
  color: #1A87D6;
}
@media screen and (max-width: 768px) {
  .bl_news__list .el_news__item .news__category {
    margin-left: 9px;
  }
}
.bl_news__list .el_news__item .news__title {
  margin-top: 9px;
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .bl_news__list .el_news__item .news__title {
    margin-top: 7px;
  }
}
.bl_news__list .el_news__item a {
  display: block;
  padding: 22px 0 22.5px 0;
  transition: all 0.3s;
}
[data-whatintent=mouse] .bl_news__list .el_news__item a:hover .news__title {
  color: #1A87D6;
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .bl_news__list .el_news__item a {
    font-size: 1.5rem;
    padding: 12.8px 0 14px 0;
  }
}
.bl_news__list .el_news__item a[target=_blank] h3::after {
  position: relative;
  content: "";
  display: inline-block;
  margin-left: 6px;
  width: 14px;
  height: 12px;
  background: url(../images/common/icon_blank.svg);
  background-size: cover;
  background-position: center;
}
.bl_news__list .el_news__item a[target=_blank] h3.is__remove::after {
  display: none;
}
.bl_news__list .el_news__item a[href$=".pdf"] h3::after {
  content: "";
  display: inline-block;
  background-image: url(../images/contents/icon_pdf.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
  width: 35px;
  height: 17px;
  line-height: 1.6;
  margin-bottom: 3px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .bl_news__list .el_news__item a[href$=".pdf"] h3::after {
    margin-left: 5px;
  }
}
.bl_news__list .el_news__item a[href$=".xls"] h3::after,
.bl_news__list .el_news__item a[href$=".xlsx"] h3::after,
.bl_news__list .el_news__item a[href$=".doc"] h3::after,
.bl_news__list .el_news__item a[href$=".docx"] h3::after,
.bl_news__list .el_news__item a[href$=".ppt"] h3::after,
.bl_news__list .el_news__item a[href$=".pptx"] h3::after,
.bl_news__list .el_news__item a[href$=".zip"] h3::after,
.bl_news__list .el_news__item a[href$=".jpg"] h3::after,
.bl_news__list .el_news__item a[href$=".png"] h3::after,
.bl_news__list .el_news__item a[href$=".svg"] h3::after {
  content: "";
  position: relative;
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 15px;
  bottom: -2px;
  background: url(../images/common/icon_file.svg);
  background-size: cover;
  background-position: center;
}

main.search {
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 50px;
}
main.search .gsc-control-cse.gsc-control-cse-ja * {
  font-family: "Noto Sans JP", sans-serif;
}
main.search .gsc-above-wrapper-area *:not(.gsc-selected-option-container.gsc-inline-block) {
  border: none;
  font-weight: bold;
}
main.search .gsc-selected-option-container.gsc-inline-block {
  max-width: none;
}
main.search .gsc-cursor-box.gs-bidi-start-align {
  text-align: center;
  font-size: 1.8rem;
}
main.search .gs-no-results-result .gs-snippet {
  background-color: #fff;
  border-color: #636C71;
  border: solid 2px #636C71;
  color: #636C71;
  font-weight: bold;
}

@media screen and (max-width: 860px) {
  html[lang=en] .bl_topStrength .topStrength__title {
    font-size: 2.1rem;
  }
}
html[lang=en] .bl_topTopics .topTopics__box__title {
  font-size: 2rem !important;
}
html[lang=en] .topTopics__box__text {
  margin-top: 10px !important;
}

/**
 * Block
 */
@media screen and (max-width: 768px) {
  .pg_noMvBg .bl_detailMv__bg {
    height: 260px;
  }
}
.pg_noMvBg .bl_detailMv__bg::after {
  display: none;
}

.bl_detailMv {
  position: relative;
  display: block;
}
.bl_detailMv__bg {
  position: relative;
  height: 450px;
  background-position: center !important;
  background-size: cover !important;
  background-color: #D5E2EB;
}
@media screen and (max-width: 768px) {
  .bl_detailMv__bg {
    height: 330px;
  }
}
.bl_detailMv__bg::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/contents/mv_cover_blue.png);
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.8;
  mix-blend-mode: multiply;
}
.bl_detailMv__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  max-width: 1200px;
  height: 100%;
  z-index: 2;
}
@media screen and (max-width: 1240px) {
  .bl_detailMv__wrapper {
    padding: 0 20px;
  }
}
.bl_detailMv__wrapper > * {
  display: inline-block;
  color: #fff;
  transform: translateY(40px);
}
.bl_detailMv__caption {
  position: relative;
  margin-top: 10px;
  padding-left: 18px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .bl_detailMv__caption {
    margin-top: 0;
    font-size: 1.8rem;
  }
}
.bl_detailMv__caption::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #fff;
}
.bl_detailMv__title {
  position: relative;
  margin-top: 32px;
  font-size: 6.4rem;
  font-weight: 600;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .bl_detailMv__title {
    margin-top: 22px;
    font-size: 4.2rem;
  }
}

.bl_breadcrumb {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .bl_breadcrumb {
    margin-top: 15px;
  }
}
.bl_breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
}
.bl_breadcrumb ol li {
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  .bl_breadcrumb ol li {
    margin-bottom: 10px;
  }
}
.bl_breadcrumb ol li a {
  position: relative;
  display: inline-block;
  padding-right: 26px;
  color: #1A87D6;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  .bl_breadcrumb ol li a {
    padding-right: 36px;
  }
}
.bl_breadcrumb ol li a::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 60%;
  right: 11px;
  transform: translateY(-50%) rotate(45deg);
  width: 7px;
  height: 7px;
  border-top: 2px solid #636C71;
  border-right: 2px solid #636C71;
}
@media screen and (max-width: 768px) {
  .bl_breadcrumb ol li a::before {
    top: 62%;
    right: 16px;
  }
}
[data-whatintent=mouse] .bl_breadcrumb ol li a:hover span {
  text-decoration: underline;
}
.bl_breadcrumb ol li span {
  line-height: 1.1;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .bl_breadcrumb ol li span {
    font-size: 1.2rem;
  }
}
.bl_breadcrumb ol li > span {
  display: inline-block;
  margin-top: 2px;
  max-width: 100%;
  overflow-x: clip;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .bl_breadcrumb ol li > span {
    width: 100%;
    max-width: 320px;
  }
}

.bl_detailHeading {
  margin: 58px 0;
  padding-bottom: 37px;
  border-bottom: 1px solid #E3E3E3;
}
@media screen and (max-width: 768px) {
  .bl_detailHeading {
    margin: 45px 0;
    padding-bottom: 28px;
  }
}
.bl_detailHeading__complement {
  display: flex;
  align-items: center;
}
.bl_detailHeading__complement > * {
  display: inline-block;
}
.bl_detailHeading__complement__date {
  margin-top: 2px;
  font-size: 1.6rem;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  letter-spacing: 0;
}
.bl_detailHeading__complement__category {
  margin-left: 21px;
  padding: 3px 18px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  color: #1A87D6;
  border: 1px solid #1A87D6;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .bl_detailHeading__complement__category {
    margin-left: 11px;
  }
}
.bl_detailHeading__title {
  display: inline-block;
  margin-top: 18px;
  font-weight: 600;
  font-size: 3.4rem;
  letter-spacing: 0.05em;
  line-height: 48px;
}
@media screen and (max-width: 768px) {
  .bl_detailHeading__title {
    margin-top: 12px;
    font-size: 2.6rem;
    line-height: 1.46;
  }
}
.bl_detailHeading--noBorder {
  margin: 28px 0 40px 0;
  padding-bottom: 0;
  border: none;
}
@media screen and (max-width: 768px) {
  .bl_detailHeading--noBorder {
    margin-bottom: 0;
  }
}
.bl_detailHeading--noBorder__title {
  font-size: 3.4rem;
}
@media screen and (max-width: 768px) {
  .bl_detailHeading--noBorder__title {
    font-size: 2.6rem;
  }
}

.el_heading--h2 + *, .el_heading--h3 + *, .el_heading--h4 + * {
  margin-top: 0 !important;
}
.el_heading--h2 {
  position: relative;
  margin: 58px 0 30px;
  padding-bottom: 14px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.6;
  border-bottom: 1px solid #E3E3E3;
}
@media screen and (max-width: 768px) {
  .el_heading--h2 {
    margin: 42px 0 20px;
    padding-bottom: 21px;
    font-size: 2.4rem;
    line-height: 1.43;
  }
}
.el_heading--h2::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 0;
  bottom: -1px;
  background: #1A87D6;
}
@media screen and (max-width: 768px) {
  .el_heading--h2::before {
    width: 40px;
  }
}
.el_heading--h3 {
  margin: 39px 0 20px;
  color: #1A87D6;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .el_heading--h3 {
    margin: 38px 0 20px;
    font-size: 2.2rem;
    line-height: 1.61;
  }
}
.el_heading--h4 {
  margin: 27px 0 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .el_heading--h4 {
    font-size: 1.8rem;
    line-height: 1.77;
  }
}

.bl_imgText {
  margin-top: 58px;
}
.bl_imgText__wrapper {
  display: flex;
  flex-flow: row-reverse;
}
@media screen and (max-width: 768px) {
  .bl_imgText__wrapper {
    flex-direction: column;
  }
}
.bl_imgText__wrapper:not(:first-child) {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .bl_imgText__wrapper:not(:first-child) {
    margin-top: 60px;
  }
}
.bl_imgText__contents {
  display: inline-block;
  width: 55%;
}
@media screen and (max-width: 768px) {
  .bl_imgText__contents {
    width: 100%;
    order: 0;
  }
}
.bl_imgText__contents > * {
  letter-spacing: 0;
}
.bl_imgText__contents > *:not(:first-child) {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .bl_imgText__contents > *:not(:first-child) {
    margin-top: 14px;
  }
}
.bl_imgText__contents__title {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .bl_imgText__contents__title {
    font-size: 1.8rem;
    line-height: 1.77;
  }
}
.bl_imgText__contents__text {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .bl_imgText__contents__text {
    font-size: 1.5rem;
    line-height: 1.65;
  }
}
.bl_imgText__img {
  width: calc(45% - 40px);
  margin-left: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .bl_imgText__img {
    width: 100%;
    margin: 29px 0 0 0;
    order: 1;
  }
}
.bl_imgText__img img {
  width: auto;
}
.bl_imgText .right {
  flex-flow: row;
}
@media screen and (max-width: 768px) {
  .bl_imgText .right {
    flex-direction: column;
  }
}
.bl_imgText .right .bl_imgText__img {
  margin: 0 40px 0 0;
}
@media screen and (max-width: 768px) {
  .bl_imgText .right .bl_imgText__img {
    margin: 0;
    order: 0;
  }
}
@media screen and (max-width: 768px) {
  .bl_imgText .right .bl_imgText__contents {
    margin-top: 28px;
  }
}
.bl_imgText .center {
  flex-direction: column;
  align-items: center;
}
.bl_imgText .center .bl_imgText__img {
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .bl_imgText .center .bl_imgText__img {
    margin: 0;
    order: 0;
  }
}
.bl_imgText .center .bl_imgText__contents {
  margin-top: 30px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .bl_imgText .center .bl_imgText__contents {
    margin-top: 28px;
  }
}
.bl_imgText:has(img[alt="Flow Arrow"]) {
  margin-top: 25px;
}
.bl_imgText:has(img[alt="Flow Arrow"]) .bl_imgText__contents {
  margin-top: 25px;
}
.bl_imgText:has(img[alt="Flow Arrow"]) + * {
  margin-top: 0;
}

.bl_colImg {
  margin-top: 58px;
}
.bl_colImg__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .bl_colImg__list {
    display: block;
  }
}
.bl_colImg__list .item {
  width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .bl_colImg__list .item {
    width: 100%;
  }
}
.bl_colImg__list .item:not(:first-child):not(:nth-child(2)) {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .bl_colImg__list .item:not(:first-child) {
    margin-top: 40px !important;
  }
}
.bl_colImg__list .item__img {
  text-align: center;
}
.bl_colImg__list .item__img img {
  width: auto;
}
.bl_colImg__list .item__contents {
  margin-top: 23px;
}
@media screen and (max-width: 768px) {
  .bl_colImg__list .item__contents {
    margin-top: 28px;
  }
}
.bl_colImg__list .item__contents > * {
  letter-spacing: 0;
}
.bl_colImg__list .item__contents > *:not(:first-child) {
  margin-top: 16px;
}
.bl_colImg__list .item__contents__title {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .bl_colImg__list .item__contents__title {
    font-size: 1.8rem;
    line-height: 1.77;
  }
}
.bl_colImg__list .item__contents__text {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .bl_colImg__list .item__contents__text {
    font-size: 1.5rem;
    line-height: 1.65;
  }
}

.c-wysiwyg {
  margin-top: 26px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .c-wysiwyg {
    font-size: 1.5rem;
    line-height: 1.65;
  }
}
.c-wysiwyg > * {
  margin-top: 26px;
}
.c-wysiwyg * {
  letter-spacing: 0;
}
.c-wysiwyg h2 + *,
.c-wysiwyg h3 + *,
.c-wysiwyg h4 + * {
  margin-top: 0 !important;
}
.c-wysiwyg h2 {
  position: relative;
  margin: 58px 0 30px;
  padding-bottom: 14px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.6;
  border-bottom: 1px solid #E3E3E3;
}
@media screen and (max-width: 768px) {
  .c-wysiwyg h2 {
    margin: 42px 0 20px;
    padding-bottom: 21px;
    font-size: 2.4rem;
    line-height: 1.43;
  }
}
.c-wysiwyg h2::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 0;
  bottom: -1px;
  background: #1A87D6;
}
@media screen and (max-width: 768px) {
  .c-wysiwyg h2::before {
    width: 40px;
  }
}
.c-wysiwyg h3 {
  margin: 39px 0 20px;
  color: #1A87D6;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .c-wysiwyg h3 {
    margin: 38px 0 20px;
    font-size: 2.2rem;
    line-height: 1.61;
  }
}
.c-wysiwyg h4 {
  margin: 27px 0 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .c-wysiwyg h4 {
    font-size: 1.8rem;
    line-height: 1.77;
  }
}
.c-wysiwyg p.center {
  text-align: center;
}
.c-wysiwyg p.right {
  text-align: right;
}
.c-wysiwyg ol li,
.c-wysiwyg ul li {
  position: relative;
  padding-left: 24px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .c-wysiwyg ol li,
.c-wysiwyg ul li {
    padding-left: 22px;
  }
}
.c-wysiwyg ol li:not(:first-child),
.c-wysiwyg ul li:not(:first-child) {
  margin-top: 6px;
}
.c-wysiwyg ol p,
.c-wysiwyg ul p {
  margin-top: -3px;
}
@media screen and (max-width: 768px) {
  .c-wysiwyg ol p,
.c-wysiwyg ul p {
    margin-top: -1px;
  }
}
.c-wysiwyg ol ol,
.c-wysiwyg ol ul,
.c-wysiwyg ul ol,
.c-wysiwyg ul ul {
  margin-top: 3px;
}
@media screen and (max-width: 768px) {
  .c-wysiwyg ol ol,
.c-wysiwyg ol ul,
.c-wysiwyg ul ol,
.c-wysiwyg ul ul {
    margin-top: 6px;
  }
}
.c-wysiwyg ul li::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  top: 12px;
  left: 9px;
  border-radius: 100%;
  background: #222222;
}
@media screen and (max-width: 768px) {
  .c-wysiwyg ul li::before {
    left: 7px;
  }
}
.c-wysiwyg ul li::after {
  display: none !important;
}
.c-wysiwyg ol {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
.c-wysiwyg ol > li {
  font-weight: 400;
}
.c-wysiwyg ol li::after {
  position: absolute;
  display: inline-block;
  counter-increment: item;
  content: counter(item) ".";
  top: 2px;
  left: -16px;
  width: 2em;
  font-weight: 500;
  text-align: right;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  .c-wysiwyg ol li::after {
    left: -13px;
    font-size: 1.5rem;
  }
}
.c-wysiwyg ol li p {
  font-weight: normal;
}
.c-wysiwyg a {
  display: inline-block;
  position: relative;
  color: #1A87D6;
  font-weight: 400;
  text-decoration: underline;
  transition: 0.3s all;
}
[data-whatintent=mouse] .c-wysiwyg a:hover {
  text-decoration: none;
}
.c-wysiwyg a[target=_blank]::after {
  position: relative;
  content: "";
  display: inline-block;
  margin-left: 6px;
  width: 14px;
  height: 12px;
  background: url(../images/common/icon_blank.svg);
  background-size: cover;
  background-position: center;
}
.c-wysiwyg a[target=_blank].is__remove::after {
  display: none;
}
.c-wysiwyg a[href$=".xls"]::after,
.c-wysiwyg a[href$=".xlsx"]::after,
.c-wysiwyg a[href$=".doc"]::after,
.c-wysiwyg a[href$=".docx"]::after,
.c-wysiwyg a[href$=".ppt"]::after,
.c-wysiwyg a[href$=".pptx"]::after,
.c-wysiwyg a[href$=".zip"]::after,
.c-wysiwyg a[href$=".jpg"]::after,
.c-wysiwyg a[href$=".png"]::after,
.c-wysiwyg a[href$=".svg"]::after {
  content: "";
  position: relative;
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 15px;
  bottom: -2px;
  background: url(../images/common/icon_file.svg);
  background-size: cover;
  background-position: center;
}
.c-wysiwyg a[href$=".pdf"]::after {
  content: "PDF";
  position: relative;
  display: inline-block;
  margin-left: 6px;
  border-radius: 2px;
  padding: 2px;
  width: 35px;
  height: 17px;
  bottom: -5px;
  background-image: none;
  background-color: #D61A1A;
  line-height: 1;
  text-align: center;
  vertical-align: top;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}
.c-wysiwyg .bl_table {
  overflow-y: hidden !important;
}
@media screen and (max-width: 768px) {
  .c-wysiwyg .bl_table {
    overflow-x: auto;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-wysiwyg .bl_table::-webkit-scrollbar {
    height: 6px;
  }
}
@media screen and (max-width: 768px) {
  .c-wysiwyg .bl_table::-webkit-scrollbar-thumb {
    background: #003153;
    border-radius: 3px;
  }
}
@media screen and (max-width: 768px) {
  .c-wysiwyg .bl_table::-webkit-scrollbar-track {
    background: #E3E3E3;
    border-radius: 3px;
  }
}

table {
  position: relative;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
table::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: -1px;
}
@media screen and (max-width: 768px) {
  table {
    width: 1200px;
  }
}
table td,
table th {
  padding: 17px 19px;
  font-size: 1.4rem;
  line-height: 1.57;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  table td,
table th {
    min-width: 125px;
  }
}
table thead th {
  text-align: center;
  color: #fff;
  background: #003153;
  border-right: 1px solid #fff;
  border-top: 1px solid #DDDDDD;
  vertical-align: middle;
}
table thead td {
  border-left: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
}
table tbody th {
  color: #003153;
  background: #D5E2EB;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
}
table tbody td {
  border-left: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}
table tfoot th {
  color: #003153;
  background: #ABC1CF;
  border-right: 1px solid #fff;
  border-top: 1px solid #DDDDDD;
}
table tfoot td {
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
}
table thead td,
table tfoot td {
  background: #EEEEEE;
}
table + p {
  margin-top: 20px;
}

table[align=right] {
  float: none !important;
  margin-left: auto;
}

table[align=center] {
  margin: 0 auto;
}

.bl_btn {
  margin-top: 58px;
}
.bl_btn__list > *:not(:first-child) {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .bl_btn__list > *:not(:first-child) {
    margin-top: 30px;
  }
}
.bl_btn__list--1col .bl_btn__list__item {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: -40px 0 0;
}
@media screen and (max-width: 768px) {
  .bl_btn__list--1col .bl_btn__list__item {
    margin: 0;
  }
}
.bl_btn__list--1col .bl_btn__list__item .el_btn {
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .bl_btn__list--1col .bl_btn__list__item .el_btn {
    margin: 0;
  }
}
.bl_btn__list--2col .el_btn {
  margin: 40px 0 0 41px !important;
}
@media screen and (max-width: 768px) {
  .bl_btn__list--2col .el_btn {
    margin: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .bl_btn__list--2col .el_btn:not(:first-child) {
    margin-top: 17px;
  }
}
.bl_btn__list__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -40px 0 0 -40px;
}
@media screen and (max-width: 768px) {
  .bl_btn__list__item {
    display: block;
    margin: 0;
  }
}
.bl_btn__list__item:not(:first-child) {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .bl_btn__list__item:not(:first-child) {
    margin-top: 31px;
  }
}
.bl_btn__list__item.left .el_btn {
  margin: 40px auto 0 0;
}
@media screen and (max-width: 768px) {
  .bl_btn__list__item.left .el_btn {
    margin: 0;
  }
}
.bl_btn__list__item.right .el_btn {
  margin: 40px 0 0 auto;
}
@media screen and (max-width: 768px) {
  .bl_btn__list__item.right .el_btn {
    margin: 0;
  }
}
.bl_btn__list__item .el_btn {
  margin: 40px 0 0 40px;
}
@media screen and (max-width: 768px) {
  .bl_btn__list__item .el_btn {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .bl_btn__list__item .el_btn:not(:first-child) {
    margin-top: 17px !important;
  }
}

.bl_btnAll {
  background: #EBF2F6;
  margin-top: 58px;
}
.bl_btnAll .bl_btn__list__item {
  display: flex;
  justify-content: center;
  margin: 0 0 0 -40px;
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .bl_btnAll .bl_btn__list__item {
    margin: 0;
    padding: 52px 0;
  }
}
.bl_btnAll .bl_btn__list__item .el_btn {
  margin: 0 0 0 40px;
}
@media screen and (max-width: 768px) {
  .bl_btnAll .bl_btn__list__item .el_btn {
    margin: 0;
  }
}

.bl_media {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .bl_media {
    margin-top: 60px;
  }
}
.bl_media__list {
  flex-wrap: wrap;
}
.bl_media__list--1col, .bl_media__list--2col, .bl_media__list--3col {
  display: flex;
  flex-wrap: wrap;
}
.bl_media__list--1col {
  flex-direction: column;
  gap: 40px 0;
}
.bl_media__list--1col .bl_mediaItem {
  display: flex;
  flex-direction: row-reverse;
  min-height: 310px;
}
@media screen and (max-width: 768px) {
  .bl_media__list--1col .bl_mediaItem {
    flex-direction: column;
  }
}
.bl_media__list--1col .bl_mediaItem__img {
  width: 41.7%;
}
@media screen and (max-width: 768px) {
  .bl_media__list--1col .bl_mediaItem__img {
    width: 100%;
  }
}
.bl_media__list--1col .bl_mediaItem__contents {
  padding: 45px 30px 30px 30px;
}
@media screen and (max-width: 768px) {
  .bl_media__list--1col .bl_mediaItem__contents {
    padding: 30px 20px 30px 20px;
  }
}
.bl_media__list--2col {
  gap: 40px;
}
.bl_media__list--2col .bl_mediaItem {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 768px) {
  .bl_media__list--2col .bl_mediaItem {
    width: 100%;
  }
}
.bl_media__list--3col {
  gap: 40px;
}
.bl_media__list--3col .bl_mediaItem {
  width: calc((100% - 80px) / 3);
}
@media screen and (max-width: 768px) {
  .bl_media__list--3col .bl_mediaItem {
    width: 100%;
  }
}
.bl_media__list--3col .bl_mediaItem__btn {
  margin-top: 36px;
}

.bl_mediaItem {
  flex-direction: column;
  border: 2px solid transparent;
  transition: 0.3s all;
}
[data-whatintent=mouse] .bl_mediaItem:hover {
  border: 2px solid #1A87D6;
}
[data-whatintent=mouse] .bl_mediaItem:hover .bl_mediaItem__title,
[data-whatintent=mouse] .bl_mediaItem:hover .bl_mediaItem__text {
  color: #1A87D6;
}
.bl_mediaItem__img {
  aspect-ratio: 369/229;
  transition: border-color 0.3s;
}
.bl_mediaItem__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.bl_mediaItem__contents {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 25px 30px 30px 30px;
  background-color: #F3F7F9;
}
@media screen and (max-width: 768px) {
  .bl_mediaItem__contents {
    padding: 24px 20px 30px 20px;
  }
}
.bl_mediaItem__title {
  margin-bottom: 16px;
  font-size: 2rem;
  font-weight: bold;
  transition: 0.3s all;
}
@media screen and (max-width: 768px) {
  .bl_mediaItem__title {
    font-size: 1.8rem;
  }
}
.bl_mediaItem__text {
  transition: 0.3s all;
}
.bl_mediaItem__btnWrapper {
  margin-top: auto;
  text-align: right;
}
.bl_mediaItem__btn {
  display: inline-block;
  margin-top: 40px;
  border-bottom: 1px solid currentColor;
  padding: 0 34px 10px 0;
  color: #1A87D6;
}
@media screen and (max-width: 768px) {
  .bl_mediaItem__btn {
    margin-top: 32px;
  }
}
.bl_mediaItem__btn span {
  position: relative;
}
.bl_mediaItem__btn span::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -34px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background: url(../images/common/icon_btn_arrow_bgBlue.svg) no-repeat center center/cover;
}
.bl_mediaItem[target=_blank] .bl_mediaItem__btn span::after {
  margin-left: 6px;
  right: -24px;
  width: 14px;
  height: 12px;
  background-image: url(../images/common/icon_blank.svg);
}
.bl_mediaItem.file .bl_mediaItem__btn span::after {
  margin-left: 6px;
  width: 12px;
  height: 15px;
  bottom: -2px;
  background-image: url(../images/common/icon_file.svg);
}
.bl_mediaItem.file[href$=".pdf"] .bl_mediaItem__btn span {
  margin-right: 6px;
}
.bl_mediaItem.file[href$=".pdf"] .bl_mediaItem__btn span::after {
  content: "PDF";
  position: absolute;
  display: inline-block;
  border-radius: 2px;
  padding: 2px;
  width: 35px;
  height: 17px;
  right: -41px;
  bottom: -2px;
  background-image: none;
  background-color: #D61A1A;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}

.bl_surroundedSection {
  margin-top: 80px;
  padding: 29px 40px;
}
@media screen and (max-width: 768px) {
  .bl_surroundedSection {
    margin-top: 60px;
    padding: 24px 20px 30px 20px;
  }
}
.bl_surroundedSection--border {
  border: 2px solid #f2f2f2;
}
.bl_surroundedSection--bg {
  background-color: #f2f2f2;
}
.bl_surroundedSection > *:first-of-type {
  margin-top: 0;
}
.bl_surroundedSection p {
  margin-top: 30px;
}
.bl_surroundedSection .img {
  margin-top: 48px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .bl_surroundedSection .img {
    margin-top: 31px;
  }
}
.bl_surroundedSection > *:last-child {
  margin-bottom: 0;
}

.bl_textLink {
  margin-top: 80px;
}
.bl_textLink ul li {
  position: relative;
  padding-left: 1em;
  color: #1A87D6;
}
.bl_textLink ul li:not(:first-child) {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .bl_textLink ul li:not(:first-child) {
    margin-top: 4px;
  }
}
.bl_textLink ul li::before {
  content: "";
  position: absolute;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  top: 0.6em;
  left: 0;
  transform: rotate(45deg);
  width: 9px;
  height: 9px;
}
@media screen and (max-width: 768px) {
  .bl_textLink ul li::before {
    width: 8px;
    height: 8px;
  }
}
.bl_textLink ul li p {
  color: #222222;
}
.bl_textLink ul li a {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .bl_textLink ul li a {
    font-size: 1.5rem;
  }
}
[data-whatintent=mouse] .bl_textLink ul li a:hover {
  text-decoration: none;
}
.bl_textLink ul li a[target=_blank]::after {
  position: relative;
  content: "";
  display: inline-block;
  margin-left: 6px;
  width: 14px;
  height: 12px;
  background: url(../images/common/icon_blank.svg);
  background-size: cover;
  background-position: center;
}
.bl_textLink ul li a[target=_blank].is__remove::after {
  display: none;
}
.bl_textLink ul li a.file::after {
  content: "";
  position: relative;
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 15px;
  bottom: -2px;
  background: url(../images/common/icon_file.svg);
  background-size: cover;
  background-position: center;
}
.bl_textLink ul li a.file[href$=".pdf"]::after {
  content: "PDF";
  position: relative;
  display: inline-block;
  margin-left: 6px;
  border-radius: 2px;
  padding: 2px;
  width: 35px;
  height: 17px;
  bottom: -5px;
  background-image: none;
  background-color: #D61A1A;
  line-height: 1;
  text-align: center;
  vertical-align: top;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}

.bl_anchor {
  margin-top: 80px;
}
.bl_anchor ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.bl_anchor ul li {
  border-right: 1px solid #fff;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .bl_anchor ul li {
    width: 50%;
  }
}
.bl_anchor ul li:first-child a {
  border-radius: 10px 0 0 0;
}
@media screen and (max-width: 768px) {
  .bl_anchor ul li:first-child a {
    border-radius: 5px 0 0 0;
  }
}
.bl_anchor ul li:last-child {
  border-right: none;
}
.bl_anchor ul li:last-child a {
  border-radius: 0 10px 0 0;
}
@media screen and (max-width: 768px) {
  .bl_anchor ul li:last-child a {
    border-radius: 0;
  }
}
.bl_anchor ul li:only-child a {
  border-radius: 10px 10px 0 0;
}
.bl_anchor ul li:nth-child(5) a {
  border-radius: 0 10px 0 0;
}
@media screen and (max-width: 768px) {
  .bl_anchor ul li:nth-child(5) a {
    border-radius: 0;
  }
}
.bl_anchor ul li:nth-child(5n) {
  border-right: none;
}
@media screen and (max-width: 768px) {
  .bl_anchor ul li:nth-child(5n) {
    border-right: 1px solid #fff;
    border-radius: 0;
  }
}
.bl_anchor ul li:nth-child(n+6) a {
  border-top: 1px solid #fff;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .bl_anchor ul li:nth-child(n+6) a {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .bl_anchor ul li:nth-child(2) a {
    border-radius: 0 5px 0 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .bl_anchor ul li:nth-child(n+3) a {
    border-top: 1px solid #fff;
  }
}
.bl_anchor ul li a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 23px 41px 23px 21px;
  width: 100%;
  height: 100%;
  background-color: #EBF2F6;
  color: #1A87D6;
  font-weight: bold;
  transition: 0.3s all;
}
@media screen and (max-width: 768px) {
  .bl_anchor ul li a {
    padding: 16px 40px 16px 20px;
    font-size: 1.5rem;
  }
}
.bl_anchor ul li a::after {
  content: "";
  position: absolute;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(135deg);
  width: 8px;
  height: 8px;
}
[data-whatintent=mouse] .bl_anchor ul li a:hover {
  background-color: #1A87D6;
  color: #fff;
}

.bl_2colTable {
  margin-top: 84px;
}
@media screen and (max-width: 768px) {
  .bl_2colTable {
    margin-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .bl_2colTable table {
    width: 100%;
  }
}
.bl_2colTable table tbody tr {
  display: flex;
  align-items: stretch;
}
.bl_2colTable table tbody tr:last-child {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .bl_2colTable table tbody tr {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 13px;
  }
}
.bl_2colTable table tbody tr th {
  display: flex;
  align-items: center;
  border: none;
  border-bottom: 1px solid #E3E3E3;
  padding: 19px 0;
  width: 26%;
  background: #fff;
  vertical-align: middle;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .bl_2colTable table tbody tr th {
    margin-bottom: 11px;
    border-bottom: none;
    padding: 0;
    width: 100%;
    font-size: 1.5rem;
  }
}
.bl_2colTable table tbody tr td {
  display: flex;
  align-items: center;
  flex: 1;
  border: none;
  border-bottom: 1px solid #E3E3E3;
  padding: 19px 0 19px 19px;
  width: 74%;
  vertical-align: middle;
  font-size: 1.6rem;
}
.bl_2colTable table tbody tr td:only-child {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .bl_2colTable table tbody tr td {
    padding: 0 0 25px 0;
    width: 100%;
    font-size: 1.5rem;
  }
}
.bl_2colTable table tbody tr td a {
  position: relative;
  color: #1A87D6;
  text-decoration: underline;
  transition: 0.3s all;
}
[data-whatintent=mouse] .bl_2colTable table tbody tr td a:hover {
  text-decoration: none;
}
.bl_2colTable table tbody tr td a[target=_blank]::after {
  position: relative;
  content: "";
  display: inline-block;
  margin-left: 6px;
  bottom: 1px;
  width: 14px;
  height: 12px;
  background: url(../images/common/icon_blank.svg);
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .bl_2colTable table tbody tr td a[target=_blank]::after {
    bottom: -3px;
  }
}
.bl_2colTable table tbody tr td a.file::after {
  content: "";
  position: relative;
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 15px;
  bottom: -2px;
  background: url(../images/common/icon_file.svg);
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .bl_2colTable table tbody tr td a.file::after {
    bottom: -5px;
  }
}
.bl_2colTable table tbody tr td a.file[href$=".pdf"]::after {
  content: "PDF";
  position: relative;
  display: inline-block;
  margin-left: 6px;
  border-radius: 2px;
  padding: 2px;
  width: 35px;
  height: 17px;
  bottom: -2px;
  background-image: none;
  background-color: #D61A1A;
  line-height: 1;
  text-align: center;
  vertical-align: top;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .bl_2colTable table tbody tr td a.file[href$=".pdf"]::after {
    margin-left: 21px;
    bottom: -5px;
  }
}

.bl_3colImg {
  margin-top: 84px;
}
@media screen and (max-width: 768px) {
  .bl_3colImg {
    margin-top: 100px;
  }
}
.bl_3colImg .bl_3colImg_List {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.bl_3colImg .bl_3colImg_ListItem {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: calc((100% - 80px) / 3);
}
.bl_3colImg .bl_3colImg_ListItem::before {
  display: none;
}
@media screen and (max-width: 768px) {
  .bl_3colImg .bl_3colImg_ListItem {
    width: 100%;
  }
}
.bl_3colImg .bl_3colImg_ListItem img {
  -o-object-position: top left;
  object-position: top left;
  -o-object-fit: contain;
  object-fit: contain;
}

.bl_accordion {
  margin-top: 84px;
}
@media screen and (max-width: 768px) {
  .bl_accordion {
    margin-top: 100px;
  }
}
.bl_accordion .bl_accordion_wrapper + .bl_accordion_wrapper {
  margin-top: 30px;
}
.bl_accordion .bl_accordion_ContWrapper {
  display: flex;
  gap: 0 20px;
  padding: 15px 50px 15px 30px;
}
@media screen and (max-width: 768px) {
  .bl_accordion .bl_accordion_ContWrapper {
    padding: 15px 40px 15px 15px;
  }
}
.bl_accordion .bl_accordion_ContWrapper .bl_accordion_cont:only-child {
  padding-top: 0;
}
.bl_accordion .bl_accordion_Icon {
  display: inline-flex;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .bl_accordion .bl_accordion_Icon {
    font-size: 2rem;
  }
}
.bl_accordion .bl_accordion_cont {
  flex: 1;
  padding-top: 6px;
}
.bl_accordion .bl_accordion_cont a {
  color: #1A87D6;
  text-decoration: underline;
}
[data-whatintent=mouse] .bl_accordion .bl_accordion_cont a:hover {
  text-decoration: none;
}
.bl_accordion .bl_accordion_cont a[target=_blank] {
  padding-right: 10px;
}
.bl_accordion .bl_accordion_cont a[target=_blank]::after {
  content: "";
  position: relative;
  display: inline-block;
  margin-left: 6px;
  width: 14px;
  height: 12px;
  background: url(../images/common/icon_blank.svg) no-repeat center center/cover;
}
.bl_accordion .bl_accordion_head {
  position: relative;
  background: #F3F7F9;
  transition: 0.3s all;
  cursor: pointer;
}
[data-whatintent=mouse] .bl_accordion .bl_accordion_head:hover {
  color: #1A87D6;
}
.bl_accordion .bl_accordion_head::before, .bl_accordion .bl_accordion_head::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  width: 15px;
  height: 2px;
  background: #1A87D6;
}
@media screen and (max-width: 768px) {
  .bl_accordion .bl_accordion_head::before, .bl_accordion .bl_accordion_head::after {
    right: 20px;
  }
}
.bl_accordion .bl_accordion_head::after {
  opacity: 1;
  transform: translateY(-50%) rotate(90deg);
  -webkit-animation: accClose 0.3s;
  animation: accClose 0.3s;
}
.bl_accordion .bl_accordion_head .bl_accordion_Icon {
  color: #1A87D6;
}
.bl_accordion .bl_accordion_head .bl_accordion_cont {
  font-weight: bold;
}
.bl_accordion .bl_accordion_head.is_open::after {
  -webkit-animation: accOpen 0.3s forwards;
  animation: accOpen 0.3s forwards;
}
.bl_accordion .bl_accordion_body {
  display: none;
  border: 1px solid #f2f2f2;
  border-top: 1px solid transparent;
}
.bl_accordion .bl_accordion_body .bl_accordion_Icon {
  color: #D61A1A;
}

.scroll-hint-icon {
  height: 88px;
}

.bl_topLinks {
  padding: 51px 0;
}
@media screen and (max-width: 768px) {
  .bl_topLinks {
    padding: 41px 0 79px;
  }
}
.bl_topLinks__wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  margin: -20px 0 0 -28px;
}
@media screen and (max-width: 768px) {
  .bl_topLinks__wrap {
    display: block;
    margin: 0;
  }
}
@media screen and (max-width: 1099px) {
  .bl_topLinks__wrap {
    justify-content: left;
  }
}
.bl_topLinks__box {
  display: flex;
  align-items: center;
  margin: 20px 0 0 28px;
  width: calc((100% - 112px) / 4);
  min-width: 265px;
  background: #fff;
}
@media screen and (max-width: 1099px) {
  .bl_topLinks__box {
    width: calc((100% - 56px) / 2);
  }
}
@media screen and (max-width: 768px) {
  .bl_topLinks__box {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .bl_topLinks__box:not(:first-child) {
    margin-top: 15px;
  }
}
.bl_topLinks__box a {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: 0.3s all;
}
[data-whatintent=mouse] .bl_topLinks__box a:hover {
  opacity: 0.7;
}
.bl_topLinks__title {
  display: flex;
  align-items: center;
  padding: 10px 23px;
  width: calc(100% - 107px);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .bl_topLinks__title {
    justify-content: flex-start;
    padding: 16px 17px;
    width: calc(100% - 100px);
  }
}
.bl_topLinks__img {
  display: flex;
  align-items: center;
  width: 107px;
  height: 100%;
  min-height: 107px;
}
@media screen and (max-width: 768px) {
  .bl_topLinks__img {
    width: 100px;
    height: auto;
    min-height: 100px;
  }
}
.bl_topLinks__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.pg_detail .bl_topLinks__title {
  background-color: #F3F7F9;
}

.bl_topRecruit {
  padding: 119px 0;
  background: url(../images/contents/top_recruit_bg.jpg);
  background-position: center !important;
  background-size: cover !important;
}
@media screen and (max-width: 768px) {
  .bl_topRecruit {
    padding: 81px 0;
    background: url(../images/contents/top_recruit_bg_sp.jpg);
  }
}
.bl_topRecruit .ly_container {
  display: flex;
}
@media screen and (max-width: 768px) {
  .bl_topRecruit .ly_container {
    display: block;
  }
}
.bl_topRecruit__titleBox {
  flex-shrink: 0;
  margin-right: 77px;
}
@media screen and (max-width: 768px) {
  .bl_topRecruit__titleBox {
    margin-right: 0;
  }
}
.bl_topRecruit__titleBox > * {
  color: #fff;
}
.bl_topRecruit__titleBox .el_top__sectionCaption::before {
  background: #fff;
}
.bl_topRecruit__titleBox .el_top__sectionTitle {
  margin-top: 5px;
  font-size: 6rem;
}
@media screen and (max-width: 768px) {
  .bl_topRecruit__titleBox .el_top__sectionTitle {
    margin-top: 14px;
    font-size: 4.5rem;
  }
}
.bl_topRecruit__textBox {
  margin-top: 31px;
  max-width: 600px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .bl_topRecruit__textBox {
    margin-top: 41px;
  }
}
.bl_topRecruit__textBox > * {
  color: #fff;
}
.bl_topRecruit__textBox p {
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .bl_topRecruit__textBox p {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.bl_topRecruit__textBox .el_btn {
  margin-top: 35px;
  width: 290px;
  padding: 14px 4.8%;
  font-size: 1.8rem;
  font-weight: 600;
  background: none;
  border: 2px solid #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .bl_topRecruit__textBox .el_btn {
    margin-top: 47px;
    padding: 18px 4.8%;
    width: 100%;
  }
}

.bl_topMv {
  position: relative;
}
.bl_topMv__wrapper {
  display: block;
  position: relative;
  width: 100%;
}
.bl_topMv__slider li {
  position: relative;
}
.bl_topMv__slider li img.topMv_img {
  width: 100%;
  height: 810px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .bl_topMv__slider li img.topMv_img {
    height: 666px;
  }
}
.bl_topMv__slider li .ly_container {
  padding-top: 139px;
  padding-bottom: 113px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.bl_topMv__slider li .ly_container img.topMv_txt {
  margin-top: 10%;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 768px) {
  .bl_topMv__slider li .ly_container img.topMv_txt {
    margin-top: 0;
    max-height: 132%;
  }
}
.bl_topMv__text {
  position: absolute;
  left: 50%;
  bottom: 161px;
  transform: translateX(-50%);
  margin: auto;
  max-width: 1200px;
  width: 100%;
  pointer-events: none;
}
@media screen and (max-width: 1240px) {
  .bl_topMv__text {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .bl_topMv__text {
    bottom: 153px;
  }
}
.bl_topMv__text * {
  color: #fff;
}
.bl_topMv__title {
  font-size: 10rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  line-height: 1.19;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .bl_topMv__title {
    font-size: 4.4rem;
    line-height: 1.28;
  }
}
.bl_topMv__caption {
  margin-top: 38px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.59;
}
@media screen and (max-width: 768px) {
  .bl_topMv__caption {
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 2.18;
  }
}
.bl_topMv .slick-slider {
  margin-bottom: 0;
}
.bl_topMv .slick-dots {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  left: calc((100% - 1200px) / 2 + 150px);
  bottom: 75px;
}
@media screen and (max-width: 1240px) {
  .bl_topMv .slick-dots {
    left: 170px;
  }
}
@media screen and (max-width: 768px) {
  .bl_topMv .slick-dots {
    bottom: 94px;
    left: 160px;
    transform: none;
  }
}
.bl_topMv .slick-dots li {
  margin: 0;
  width: 10px;
  height: 10px;
}
.bl_topMv .slick-dots li:not(:first-child) {
  margin: 0 0 0 10px;
}
.bl_topMv .slick-dots li button {
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 100%;
  transition: 0.3s all;
}
[data-whatintent=mouse] .bl_topMv .slick-dots li button:hover {
  background: #003153;
}
.bl_topMv .slick-dots li button::before {
  display: none;
}
.bl_topMv .slick-dots li.slick-active button {
  background: #003153;
}
.bl_topMv .slick-arrow {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: 60px;
  transform: translate(0);
  width: 53px;
  height: 53px;
  border-radius: 15px;
  border: 1px solid #fff;
  z-index: 1;
  transition: 0.3s all;
}
[data-whatintent=mouse] .bl_topMv .slick-arrow:hover {
  background: #fff;
}
[data-whatintent=mouse] .bl_topMv .slick-arrow:hover::before {
  background: url(../images/contents/top_slider_arrow_hover.svg);
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .bl_topMv .slick-arrow {
    width: 50px;
    height: 50px;
    bottom: 43px;
  }
}
.bl_topMv .slick-arrow::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: url(../images/contents/top_slider_arrow.svg);
  background-position: center;
  background-size: cover;
  transition: 0.3s all;
}
.bl_topMv .slick-arrow.slick-prev {
  left: calc((100% - 1200px) / 2);
}
@media screen and (max-width: 1240px) {
  .bl_topMv .slick-arrow.slick-prev {
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .bl_topMv .slick-arrow.slick-prev {
    left: 20px;
    transform: none;
    bottom: 80px;
  }
}
.bl_topMv .slick-arrow.slick-next {
  left: calc((100% - 1200px) / 2 + 70px);
}
@media screen and (max-width: 1240px) {
  .bl_topMv .slick-arrow.slick-next {
    left: 88px;
  }
}
@media screen and (max-width: 768px) {
  .bl_topMv .slick-arrow.slick-next {
    left: 80px;
    bottom: 80px;
    transform: none;
  }
}
.bl_topMv .slick-arrow.slick-next::before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.bl_topMv li.autoplay-buttons {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 25px;
  margin-left: 25px !important;
  border-radius: 8px;
  border: 1px solid #fff;
  transition: all 0.3s;
}
[data-whatintent=mouse] .bl_topMv li.autoplay-buttons:hover {
  background: #fff;
}
.bl_topMv li.autoplay-buttons::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[data-whatintent=mouse] .bl_topMv li.autoplay-buttons[data-play=play]:hover::before {
  background-color: #1A87D6;
}
.bl_topMv li.autoplay-buttons[data-play=play]::before {
  width: 10px;
  height: 9px;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: background-color 0.3s;
}
[data-whatintent=mouse] .bl_topMv li.autoplay-buttons[data-play=stop]:hover::before {
  border-color: #1A87D6;
}
.bl_topMv li.autoplay-buttons[data-play=stop]::before {
  width: 11px;
  height: 10px;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  transition: border-color 0.3s;
}
.bl_topMv .pickUpBnr {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 350px;
  bottom: 36px;
  right: 36px;
  padding: 12px 26px 12px 12px;
  background: #fff;
  border-radius: 15px;
  line-height: 1.4;
  box-shadow: 0px 0px 10px rgba(26, 135, 214, 0.27);
  transition: all 0.3s;
}
[data-whatintent=mouse] .bl_topMv .pickUpBnr:hover {
  transform: translateY(-3px);
}
@media screen and (max-width: 768px) {
  .bl_topMv .pickUpBnr {
    position: relative;
    margin-top: 20px;
    gap: 19px;
    padding: 11px 25px 11px 11px;
    bottom: auto;
    right: auto;
    width: calc(100% - 40px);
    margin-inline: auto;
  }
}
.bl_topMv .pickUpBnr_img img {
  width: 106px;
  aspect-ratio: 1;
}
html[lang=en] .bl_topMv .pickUpBnr_img img {
  width: 90px;
}
@media screen and (max-width: 768px) {
  .bl_topMv .pickUpBnr_img img {
    width: 102px;
  }
  html[lang=en] .bl_topMv .pickUpBnr_img img {
    width: 80px;
  }
}
.bl_topMv .pickUpBnr_body {
  flex-grow: 1;
}
.bl_topMv .pickUpBnr .enTtl {
  font-size: 1.3rem;
  color: #1A87D6;
  font-family: "Poppins", sans-serif;
  letter-spacing: normal;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .bl_topMv .pickUpBnr .enTtl {
    font-size: 1.2rem;
  }
}
.bl_topMv .pickUpBnr .ttl {
  margin-top: 3px;
  font-weight: bold;
  letter-spacing: normal;
  font-size: 1.8rem;
}
html[lang=en] .bl_topMv .pickUpBnr .ttl {
  font-size: 1.7rem;
}
@media screen and (max-width: 768px) {
  .bl_topMv .pickUpBnr .ttl {
    margin-top: 4px;
    font-size: 1.7rem;
  }
  html[lang=en] .bl_topMv .pickUpBnr .ttl {
    font-size: 1.5rem;
  }
}
.bl_topMv .pickUpBnr .txt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  margin-top: 19px;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: normal;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .bl_topMv .pickUpBnr .txt {
    margin-top: 18px;
    font-size: 1.1rem;
  }
}
.bl_topMv .pickUpBnr .txt::after {
  content: "";
  display: block;
  background: url(../images/contents/top_arrow_blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 19px;
  height: 19px;
}
@media screen and (max-width: 768px) {
  .bl_topMv .pickUpBnr .txt::after {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 768px) {
  .bl_topMv:has(.pickUpBnr) + .bl_topIntroduce {
    padding-top: 54px;
  }
}

/**
 * Element
 */
.el_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 4.8%;
  width: calc((100% - 120px) / 3);
  background: #1A87D6;
  border-radius: 15px;
  text-align: center;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .el_btn {
    padding: 19px 60px;
    width: 100%;
  }
}
[data-whatintent=mouse] .el_btn:hover {
  opacity: 0.7;
}
.el_btn::after {
  position: absolute;
  content: "";
  display: inline-block;
  top: 50%;
  right: 7%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background: url(../images/common/icon_btn_arrow.svg);
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .el_btn::after {
    width: 20px;
    height: 20px;
    right: 20px;
  }
}
.el_btn span {
  display: inline-block;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .el_btn span {
    font-size: 1.6rem;
  }
}
.el_btn[target=_blank]::after {
  right: 8%;
  width: 17px;
  height: 16px;
  background: url(../images/common/icon_blank_white.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .el_btn[target=_blank]::after {
    right: 20px;
    width: 13px;
    height: 12px;
  }
}
.el_btn.file::after {
  right: 8%;
  width: 14px;
  height: 18px;
  background: url(../images/common/icon_file_white.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .el_btn.file::after {
    right: 20px;
    width: 14px;
    height: 18px;
  }
}
.el_btn.file[href$=".pdf"] {
  padding: 22px 6.5%;
}
@media screen and (max-width: 768px) {
  .el_btn.file[href$=".pdf"] {
    padding: 19px 60px;
  }
}
.el_btn.file[href$=".pdf"]::after {
  content: "PDF";
  padding: 2px;
  width: 35px;
  height: 17px;
  right: 6%;
  background-image: none;
  background-color: #D61A1A;
  line-height: 1;
  text-align: center;
  vertical-align: top;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .el_btn.file[href$=".pdf"]::after {
    right: 5.2%;
  }
}
.el_btn.navy {
  background: #003153;
}
.el_btn.navy::after {
  background: url(../images/common/icon_btn_arrow_navy.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/**
 * Helper
 */
@media screen and (max-width: 768px) {
  .hp_pcOnly {
    display: none !important;
  }
}

.hp_tbOnly {
  display: none !important;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hp_tbOnly {
    display: inline !important;
  }
}

@media screen and (min-width: 769px) {
  .hp_spOnly {
    display: none !important;
  }
}

/**
 * Page
 */
.pg_home .bl_topLinks {
  background: #F3F7F9;
}
.pg_home .ly_footer {
  border-top: none;
}

.pg_sub main > *:last-of-type.ly_container {
  margin-bottom: 120px;
}
.pg_sub main .bl_topLinks {
  margin-top: 80px;
}
.pg_sub main .bl_topLinks__wrap {
  justify-content: flex-start;
}

.pg_detail .bl_detailMv__bg {
  background-color: #fff;
}
.pg_detail .bl_detailMv__bg .bl_detailMv__caption,
.pg_detail .bl_detailMv__bg .bl_detailMv__title {
  color: #fff;
}
.pg_detail .bl_detailMv__bg .bl_detailMv__caption::before,
.pg_detail .bl_detailMv__bg .bl_detailMv__title::before {
  background: currentColor;
}
.pg_detail.pg_noMvBg .ly_header {
  background: #fff;
}
.pg_detail.pg_noMvBg .ly_header .bl_header__logo .normal {
  opacity: 0;
}
.pg_detail.pg_noMvBg .ly_header .bl_header__logo .hover {
  opacity: 1;
}
.pg_detail.pg_noMvBg .ly_header .bl_header__nav {
  color: #1A87D6;
}
.pg_detail.pg_noMvBg .ly_header .bl_header__nav--top .bl_header__nav--top__btn a {
  color: #1A87D6;
}
.pg_detail.pg_noMvBg .ly_header .bl_header__nav--top .contact a::before {
  background-color: #1A87D6;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../images/common/header_contact.svg);
  mask-image: url(../images/common/header_contact.svg);
}
.pg_detail.pg_noMvBg .ly_header .bl_header__nav--top .language a::before {
  background-color: #1A87D6;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../images/common/header_language.svg);
  mask-image: url(../images/common/header_language.svg);
}
.pg_detail.pg_noMvBg .ly_header .bl_header__nav--bottom__megamenu > a {
  color: #222222;
}
@media screen and (max-width: 1099px) {
  .pg_detail.pg_noMvBg .ly_header .bl_header__nav--bottom__megamenu > a {
    padding-right: 30px;
  }
}
.pg_detail.pg_noMvBg .ly_header .bl_header__nav--bottom__megamenu > a > span::before {
  border-color: #222222;
}
.pg_detail.pg_noMvBg .ly_header .bl_header__hamburger {
  border-color: #1A87D6;
  transition: border 0.3s;
}
.pg_detail.pg_noMvBg .ly_header .bl_header__hamburger span {
  background: #1A87D6;
}
.pg_detail.pg_noMvBg .bl_detailMv__bg {
  background-color: #fff;
}
.pg_detail.pg_noMvBg .bl_detailMv__bg .bl_detailMv__caption,
.pg_detail.pg_noMvBg .bl_detailMv__bg .bl_detailMv__title {
  color: #003153;
}
.pg_detail.pg_noMvBg .bl_detailMv__bg .bl_detailMv__caption::before,
.pg_detail.pg_noMvBg .bl_detailMv__bg .bl_detailMv__title::before {
  background: currentColor;
}

.pg_prodList main {
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .pg_prodList main {
    padding-bottom: 100px;
  }
}
.pg_prodList main .pageHeader {
  margin: 57px 0 37px;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .pageHeader {
    margin: 38px 0 28px;
  }
}
.pg_prodList main .pageHeader_title {
  font-size: 3.4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .pageHeader_title {
    font-size: 2.6rem;
  }
}
.pg_prodList main .searchCondArea {
  padding: 60px 0;
  background-color: #F3F7F9;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea {
    padding: 40px 0;
  }
}
.pg_prodList main .searchCondArea .inputArea {
  position: relative;
}
.pg_prodList main .searchCondArea .inputArea input {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  padding: 0 94px 0 24px;
  width: 100%;
  height: 60px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea .inputArea input {
    padding: 0 60px 0 10px;
    height: 50px;
  }
}
.pg_prodList main .searchCondArea .inputArea input::-moz-placeholder {
  color: #ccc;
}
.pg_prodList main .searchCondArea .inputArea input:-ms-input-placeholder {
  color: #ccc;
}
.pg_prodList main .searchCondArea .inputArea input::placeholder {
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea .inputArea input {
    font-size: 1.4rem;
  }
}
.pg_prodList main .searchCondArea .inputArea button {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 100%;
  background-color: #1A87D6;
  border-radius: 0 5px 5px 0;
  transition: opacity 0.3s;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea .inputArea button {
    width: 50px;
  }
}
[data-whatintent=mouse] .pg_prodList main .searchCondArea .inputArea button:hover {
  opacity: 0.6;
}
.pg_prodList main .searchCondArea .inputArea button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-image: url(../images/common/icon_search_w.svg);
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea .inputArea button::after {
    width: 20px;
    height: 20px;
    right: 15px;
  }
}
.pg_prodList main .searchCondArea_item {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea_item {
    display: block;
  }
}
.pg_prodList main .searchCondArea_item + .searchCondArea_item {
  margin-top: 30px;
  border-top: 1px solid #ccc;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea_item + .searchCondArea_item {
    margin-top: 20px;
    padding-top: 20px;
  }
}
.pg_prodList main .searchCondArea_item_body {
  flex-grow: 1;
  margin-left: 2.57%;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea_item_body {
    width: 100%;
    margin-top: 9px;
    margin-left: 0;
  }
}
.pg_prodList main .searchCondArea_item_head {
  width: 10em;
  flex-shrink: 0;
  color: #003153;
  font-weight: bold;
  margin-top: 9px;
}
.pg_prodList main .searchCondArea_item_head__alignCenter {
  margin-top: 0;
  align-self: center;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea_item_head {
    width: 100%;
    margin-top: 0;
    font-size: 1.2rem;
  }
}
.pg_prodList main .searchCondArea_item .btnList {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.pg_prodList main .searchCondArea_item .btnList li a,
.pg_prodList main .searchCondArea_item .btnList li button {
  display: block;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  padding: 9px 13px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  text-align: center;
  font-weight: bold;
  transition-property: border-color, background-color, color;
  transition-duration: 0.3s;
}
[data-whatintent=mouse] .pg_prodList main .searchCondArea_item .btnList li a:hover,
[data-whatintent=mouse] .pg_prodList main .searchCondArea_item .btnList li button:hover {
  border: 1px solid #1A87D6;
  background-color: #1A87D6;
  color: #fff;
}
.pg_prodList main .searchCondArea_item .btnList li a[aria-current=page], .pg_prodList main .searchCondArea_item .btnList li a.is_active,
.pg_prodList main .searchCondArea_item .btnList li button[aria-current=page],
.pg_prodList main .searchCondArea_item .btnList li button.is_active {
  border: 1px solid #1A87D6;
  background-color: #1A87D6;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .pg_prodList main .searchCondArea_item .btnList li a.is_canceled,
.pg_prodList main .searchCondArea_item .btnList li button.is_canceled {
    pointer-events: none;
  }
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea_item .btnList li a,
.pg_prodList main .searchCondArea_item .btnList li button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    padding: 8px;
  }
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea_item .btnList li {
    display: flex;
    flex-direction: column;
    width: calc(50% - 2.5px);
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.3;
  }
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea_item .btnList {
    gap: 5px;
  }
}
.pg_prodList main .searchCondArea_item .btnList__3col li {
  width: calc(33.3333333333% - 13.3333333333px);
}
@media screen and (max-width: 768px) {
  .pg_prodList main .searchCondArea_item .btnList__3col li {
    width: calc(50% - 2.5px);
  }
}
.pg_prodList main .prodListArea {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodListArea {
    margin-top: 60px;
  }
}
.pg_prodList main .prodList {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 40px;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList {
    display: block;
  }
}
.pg_prodList main .prodList_item {
  width: calc(33.3333333333% - 26.6666666667px);
}
[data-whatintent=mouse] .pg_prodList main .prodList_item:hover .thumbnail {
  border-color: #1A87D6;
}
[data-whatintent=mouse] .pg_prodList main .prodList_item:hover .title,
[data-whatintent=mouse] .pg_prodList main .prodList_item:hover .desc {
  color: #1A87D6;
}
@media screen and (max-width: 900px) {
  .pg_prodList main .prodList_item {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList_item {
    width: 100%;
  }
  .pg_prodList main .prodList_item:not(:first-child) {
    margin-top: 40px;
  }
}
.pg_prodList main .prodList article .thumbnail {
  border: 2px solid #f2f2f2;
  transition: border-color 0.3s;
  aspect-ratio: 369/229;
}
.pg_prodList main .prodList article .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.pg_prodList main .prodList article .title,
.pg_prodList main .prodList article .desc {
  transition: color 0.3s;
}
.pg_prodList main .prodList article .title {
  margin-top: 19px;
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList article .title {
    margin-top: 17px;
    font-size: 1.8rem;
  }
}
.pg_prodList main .prodList article .desc {
  margin-top: 20px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList article .desc {
    margin-top: 16px;
    font-size: 1.5rem;
  }
}
.pg_prodList main .prodList article .infoBox {
  margin-top: 30px;
  padding: 20px;
  background-color: #f2f2f2;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList article .infoBox {
    padding: 18px 20px 15px;
    margin-top: 18px;
  }
}
.pg_prodList main .prodList article .infoList {
  display: flex;
}
.pg_prodList main .prodList article .infoList + .infoList {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList article .infoList + .infoList {
    margin-top: 8px;
  }
}
.pg_prodList main .prodList article .infoList + .labelList {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList article .infoList + .labelList {
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList article .infoList dt,
.pg_prodList main .prodList article .infoList dd {
    font-size: 1.4rem;
  }
}
.pg_prodList main .prodList article .infoList dt {
  margin-right: 6%;
  width: 7em;
  flex-shrink: 0;
  color: #003153;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList article .infoList dt {
    margin-right: 3.5%;
  }
}
.pg_prodList main .prodList article .infoList dd {
  flex-grow: 1;
}
.pg_prodList main .prodList article .labelList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList article .labelList {
    gap: 5px;
  }
}
.pg_prodList main .prodList article .labelList li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(33.3333333333% - 6.6666666667px);
  padding: 5px 5px 5px 8px;
  background-color: #fff;
}
@media screen and (max-width: 1240px) {
  .pg_prodList main .prodList article .labelList li {
    width: calc(50% - 6.6666666667px);
  }
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList article .labelList li {
    width: calc(33.3333333333% - 3.3333333333px);
    padding: 5px;
  }
}
.pg_prodList main .prodList article .labelList li p {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.1;
  color: #1A87D6;
}
.pg_prodList main .prodList article .labelList li p .text {
  flex-grow: 1;
  margin-left: 5px;
  overflow-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList article .labelList li p .text {
    margin-left: 0;
  }
}
.pg_prodList main .prodList article footer {
  margin-top: 30px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .pg_prodList main .prodList article footer {
    margin-top: 25px;
  }
}
.pg_prodList main .prodList article footer .guideText {
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  padding-bottom: 10px;
  border-bottom: 1px solid #1A87D6;
}
.pg_prodList main .prodList article footer .guideText .text {
  width: calc(100% - 34px);
  margin-right: 10px;
  color: #1A87D6;
}
.pg_prodList main .prodList article footer .guideText .arrow {
  width: 24px;
  height: 24px;
  background: url(../images/common/icon_btn_arrow_bgBlue.svg);
}

html[lang=en] .pg_prodList main .prodList article .infoList dt {
  width: 10.5em;
}

.pg_prod .bl_prodInfo {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pg_prod .bl_prodInfo {
    flex-direction: column;
  }
}
.pg_prod .bl_prodInfo__thumbWrapper {
  margin-top: 7px;
  width: 41.7%;
}
@media screen and (max-width: 768px) {
  .pg_prod .bl_prodInfo__thumbWrapper {
    width: 100%;
  }
}
.pg_prod .bl_prodInfo__thumbWrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pg_prod .bl_prodInfo__contents {
  margin-left: 3.5%;
  flex: 1;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .pg_prod .bl_prodInfo__contents {
    margin: 12px 0 0 0;
  }
}
.pg_prod .bl_prodInfo__contents:only-child {
  margin-left: 0;
}
.pg_prod .bl_prodInfo__text {
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .pg_prod .bl_prodInfo__text {
    line-height: 1.65;
    font-size: 1.5rem;
  }
}
.pg_prod .bl_prodInfo__list {
  margin-top: 43px;
}
@media screen and (max-width: 768px) {
  .pg_prod .bl_prodInfo__list {
    margin-top: 36px;
  }
}
.pg_prod .bl_prodInfo__list:only-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .pg_prod .bl_prodInfo__list:only-child {
    margin-top: 36px;
  }
}
.pg_prod .bl_prodInfo__list dl {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .pg_prod .bl_prodInfo__list dl {
    line-height: 1.65;
  }
}
.pg_prod .bl_prodInfo__list dl dt {
  padding-bottom: 0;
  width: clamp(90px, 16%, 105px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pg_prod .bl_prodInfo__list dl dt {
    width: 23.2%;
  }
}
.pg_prod .bl_prodInfo__list dl dt:not(:first-of-type) {
  margin-top: 20px;
}
.pg_prod .bl_prodInfo__list dl dt:not(:last-of-type) {
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 20px;
}
.pg_prod .bl_prodInfo__list dl dt span {
  display: inline-block;
  border-radius: 5px;
  padding: 3px 10px;
  width: 100%;
  background-color: #F3F7F9;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pg_prod .bl_prodInfo__list dl dt span {
    padding: 3px 5px;
    font-size: 1.4rem;
  }
}
.pg_prod .bl_prodInfo__list dl dd {
  display: flex;
  align-items: center;
  padding: 0 5px 0 13px;
  width: calc(100% - 105px);
}
@media screen and (max-width: 768px) {
  .pg_prod .bl_prodInfo__list dl dd {
    padding-left: 20px;
    width: 76.8%;
    font-size: 1.5rem;
  }
}
.pg_prod .bl_prodInfo__list dl dd:not(:first-of-type) {
  margin-top: 20px;
}
.pg_prod .bl_prodInfo__list dl dd:not(:last-of-type) {
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 20px;
}
.pg_prod .contactArea {
  margin-top: 126px;
  padding: 79px 0;
  background-color: #F3F7F9;
}
@media screen and (max-width: 768px) {
  .pg_prod .contactArea {
    margin-top: 60px;
    padding: 62px 0 100px 0;
  }
}
.pg_prod .contactArea .title {
  text-align: center;
  font-size: 3.2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pg_prod .contactArea .title {
    font-size: 2.6rem;
  }
}
.pg_prod .contactArea .bl_btn {
  margin-top: 38px;
}
.pg_prod .contactArea .bl_btn .bl_btn__list__item {
  margin-left: -48px;
}
@media screen and (max-width: 768px) {
  .pg_prod .contactArea .bl_btn .bl_btn__list__item {
    margin-left: 0;
  }
}
.pg_prod .contactArea .bl_btn .bl_btn__list__item .el_btn {
  margin-left: 48px !important;
  width: 36.3%;
}
@media screen and (max-width: 768px) {
  .pg_prod .contactArea .bl_btn .bl_btn__list__item .el_btn {
    margin-left: 0 !important;
    padding: 21px 50px;
    width: 100%;
  }
  .pg_prod .contactArea .bl_btn .bl_btn__list__item .el_btn:not(:first-child) {
    margin-top: 21px !important;
  }
}
@media screen and (min-width: 769px) {
  .pg_prod .contactArea .bl_btn .bl_btn__list__item .el_btn.long {
    width: 47%;
  }
}

.pg_prod .contactArea .bl_btn .bl_btn__list--1col .bl_btn__list__item {
  margin-left: 0;
}
.pg_prod .contactArea .bl_btn .bl_btn__list--1col .bl_btn__list__item .el_btn {
  margin: 40px auto 0 !important;
}
.pg_prod .contactArea .bl_btn .bl_btn__list--1col .bl_btn__list__item .el_btn.long {
  margin: 0px auto 0 !important;
}

.pg_search main {
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .pg_search main {
    padding-bottom: 100px;
  }
}
.pg_search .searchCondArea {
  margin-top: 40px;
  padding: 60px 0;
  background-color: #F3F7F9;
}
@media screen and (max-width: 768px) {
  .pg_search .searchCondArea {
    padding: 40px 0;
  }
}
.pg_search .searchCondArea .inputArea {
  position: relative;
}
.pg_search .searchCondArea .inputArea input {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  padding: 0 94px 0 24px;
  width: 100%;
  height: 60px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .pg_search .searchCondArea .inputArea input {
    padding: 0 60px 0 10px;
    height: 50px;
  }
}
.pg_search .searchCondArea .inputArea input::-moz-placeholder {
  color: #ccc;
}
.pg_search .searchCondArea .inputArea input:-ms-input-placeholder {
  color: #ccc;
}
.pg_search .searchCondArea .inputArea input::placeholder {
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .pg_search .searchCondArea .inputArea input {
    font-size: 1.4rem;
  }
}
.pg_search .searchCondArea .inputArea button {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 100%;
  background-color: #1A87D6;
  border-radius: 0 5px 5px 0;
  transition: opacity 0.3s;
}
@media screen and (max-width: 768px) {
  .pg_search .searchCondArea .inputArea button {
    width: 50px;
  }
}
[data-whatintent=mouse] .pg_search .searchCondArea .inputArea button:hover {
  opacity: 0.6;
}
.pg_search .searchCondArea .inputArea button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-image: url(../images/common/icon_search_w.svg);
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .pg_search .searchCondArea .inputArea button::after {
    width: 20px;
    height: 20px;
    right: 15px;
  }
}
.pg_search .searchCondArea_item {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pg_search .searchCondArea_item {
    display: block;
  }
}
.pg_search .searchCondArea_item + .searchCondArea_item {
  margin-top: 30px;
  border-top: 1px solid #ccc;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .pg_search .searchCondArea_item + .searchCondArea_item {
    margin-top: 20px;
    padding-top: 20px;
  }
}
.pg_search .searchCondArea_item_body {
  flex-grow: 1;
  margin-left: 2.57%;
}
@media screen and (max-width: 768px) {
  .pg_search .searchCondArea_item_body {
    width: 100%;
    margin-top: 9px;
    margin-left: 0;
  }
}
.pg_search .searchCondArea_item_head {
  width: 10em;
  flex-shrink: 0;
  color: #003153;
  font-weight: bold;
  margin-top: 9px;
}
.pg_search .searchCondArea_item_head__alignCenter {
  margin-top: 0;
  align-self: center;
}
@media screen and (max-width: 768px) {
  .pg_search .searchCondArea_item_head {
    width: 100%;
    margin-top: 0;
    font-size: 1.2rem;
  }
}
.pg_search .pagination {
  display: flex;
  justify-content: center;
}
.pg_search .pagination ul {
  display: flex;
  gap: 0 10px;
}
.pg_search .pagination ul li a {
  text-decoration: underline;
  color: #1A87D6;
  transition: 0.3s;
}
[data-whatintent=mouse] .pg_search .pagination ul li a:hover {
  text-decoration: none;
}
.pg_search #search-results {
  margin-top: 40px;
}
.pg_search #search-results .title {
  position: relative;
  margin: 58px 0 30px;
  padding-bottom: 14px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.6;
  border-bottom: 1px solid #E3E3E3;
}
@media screen and (max-width: 768px) {
  .pg_search #search-results .title {
    margin: 42px 0 20px;
    padding-bottom: 21px;
    font-size: 2.4rem;
    line-height: 1.43;
  }
}
.pg_search #search-results .title::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 0;
  bottom: -1px;
  background: #1A87D6;
}
@media screen and (max-width: 768px) {
  .pg_search #search-results .title::before {
    width: 40px;
  }
}
.pg_search #search-results .form-inline {
  position: relative;
  margin-top: 40px;
}
.pg_search #search-results .form-inline input {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  padding: 0 94px 0 24px;
  width: 100%;
  height: 60px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .pg_search #search-results .form-inline input {
    padding: 0 60px 0 10px;
    height: 50px;
  }
}
.pg_search #search-results .form-inline input::-moz-placeholder {
  color: #ccc;
}
.pg_search #search-results .form-inline input:-ms-input-placeholder {
  color: #ccc;
}
.pg_search #search-results .form-inline input::placeholder {
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .pg_search #search-results .form-inline input {
    font-size: 1.4rem;
  }
}
.pg_search #search-results .form-inline .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 100%;
  background-color: #1A87D6;
  color: #fff;
  border-radius: 0 5px 5px 0;
  transition: opacity 0.3s;
}
[data-whatintent=mouse] .pg_search #search-results .form-inline .btn:hover {
  opacity: 0.6;
}

.pg_migrated > .ly_wrapper {
  min-width: 960px;
}
.pg_migrated header a:visited, .pg_migrated header a:link {
  color: #fff;
}
.pg_migrated .bl_detailMv__wrapper {
  text-align: left;
}
.pg_migrated .bl_detailMv__bg {
  background-color: #fff;
}
.pg_migrated .bl_detailMv__bg .bl_detailMv__caption,
.pg_migrated .bl_detailMv__bg .bl_detailMv__title {
  color: #003153;
}
.pg_migrated .bl_detailMv__bg .bl_detailMv__caption::before,
.pg_migrated .bl_detailMv__bg .bl_detailMv__title::before {
  background: currentColor;
}
.pg_migrated .bl_breadcrumb {
  margin-bottom: 30px;
}
.pg_migrated .bl_breadcrumb ol li {
  display: flex;
  align-items: center;
}
.pg_migrated .bl_breadcrumb ol li a {
  height: inherit;
}
.pg_migrated #mainCnt {
  box-sizing: content-box;
  letter-spacing: normal;
}
.pg_migrated #mainCnt p {
  letter-spacing: normal;
}
.pg_migrated #mainCnt h1:not(.text_C) span {
  box-sizing: content-box;
  letter-spacing: normal;
}
.pg_migrated #mainCnt h2 span {
  letter-spacing: normal;
}
.pg_migrated #mainCnt .content.aboutteikoku {
  box-sizing: content-box;
}
.pg_migrated #mainCnt table {
  width: auto;
}
.pg_migrated #mainCnt table tbody tr:last-child {
  border: none;
}
.pg_migrated #mainCnt table tbody th {
  border: none;
  background: transparent;
}
.pg_migrated #mainCnt table tbody td {
  border: none;
  padding: 0;
  vertical-align: middle;
}
.pg_migrated #mainCnt table tbody td p {
  font-size: 1.2rem;
}
.pg_migrated #mainCnt .feature dl {
  padding-bottom: 30px;
}
.pg_migrated #mainCnt .graph table th,
.pg_migrated #mainCnt .graph table td {
  padding: 5px;
  letter-spacing: normal;
}
.pg_migrated #mainCnt .graph table th {
  color: #000;
}
.pg_migrated #mainCnt .graph table td {
  font-size: 1.2rem;
}

html[lang=en] .pg_prodList main .prodList article .labelList li {
  width: calc(50% - 5px);
}

/**
 * Page
 */
.pg_history .history {
  position: relative;
  margin-top: 60px;
  padding-top: 140px;
  padding-bottom: 200px;
  overflow: hidden;
  background: linear-gradient(#4085d0 0%, rgba(33, 169, 233, 0.93) 24.21%, rgba(76, 182, 232, 0.65) 52.34%, rgba(136, 214, 252, 0.76) 81.9%, rgba(201, 219, 232, 0) 100%);
}
@media screen and (max-width: 768px) {
  .pg_history .history {
    padding-top: 60px;
    padding-bottom: 120px;
  }
}
.pg_history .history::before {
  content: "";
  position: absolute;
  display: block;
  width: 1440px;
  height: 689px;
  background-image: url(../images/contents/history_bg01.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.pg_history .history::after {
  content: "";
  position: absolute;
  display: block;
  width: 1180px;
  height: 685px;
  background-image: url(../images/contents/history_bg02.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 40%;
  bottom: 0;
  z-index: 0;
}
.pg_history .history .history__ttl {
  position: relative;
  text-align: center;
  color: #fff;
  z-index: 1;
}
.pg_history .history .history__ttl .en {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 10rem;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__ttl .en {
    line-height: 1.3;
    font-size: 5.4rem;
  }
}
.pg_history .history .history__ttl .jp {
  margin-top: 15px;
  font-weight: bold;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__ttl .jp {
    margin-top: 12px;
    font-size: 1.8rem;
  }
}
.pg_history .history .history__box {
  position: relative;
  margin-top: 62px;
  background: linear-gradient(rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.82) 46.44%, rgba(255, 255, 255, 0.6) 100%);
  z-index: 1;
}
.pg_history .history .history__box .history__acd__head {
  position: relative;
  display: flex;
  align-items: center;
  padding: 24px 35px;
  cursor: pointer;
  transition: all 0.3s;
}
[data-whatintent=mouse] .pg_history .history .history__box .history__acd__head:hover {
  background-color: #EBF2F6;
}
[data-whatintent=mouse] .pg_history .history .history__box .history__acd__head:hover .age__ttl {
  color: #1a87d6;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__head {
    padding: 17px 20px;
    padding-right: 60px;
  }
}
.pg_history .history .history__box .history__acd__head .age {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 3rem;
  color: #1a87d6;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__head .age {
    font-size: 2.2rem;
  }
}
.pg_history .history .history__box .history__acd__head .age__ttl {
  margin-left: 25px;
  font-weight: bold;
  font-size: 2.6rem;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__head .age__ttl {
    margin-left: 18px;
    font-size: 1.8rem;
    line-height: 1.42;
  }
}
.pg_history .history .history__box .history__acd__head::before, .pg_history .history .history__box .history__acd__head::after {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 3px;
  background-color: #1A87D6;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__head::before, .pg_history .history .history__box .history__acd__head::after {
    width: 18px;
    height: 2px;
    right: 25px;
  }
}
.pg_history .history .history__box .history__acd__head::after {
  transform: translateY(-50%) rotate(90deg);
}
.pg_history .history .history__box .history__acd__head.open::after {
  transform: translateY(-50%) rotate(0deg);
  opacity: 0;
}
.pg_history .history .history__box .history__acd__inner {
  padding: 19px 40px 70px;
}
.pg_history .history .history__box .history__acd__inner .year {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 8rem;
  text-align: center;
  color: #1a87d6;
  opacity: 0.38;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .year {
    font-size: 5rem;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner {
    padding: 26px 20px 40px;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.pg_history .history .history__box .history__acd__inner .article__wrap:first-of-type {
  margin-top: -4px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap:first-of-type {
    margin-top: 2px;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap:not(:first-of-type) {
  padding-top: 7px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap:not(:first-of-type) {
    padding-top: 16px;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap.right {
  justify-content: end;
}
.pg_history .history .history__box .history__acd__inner .article__wrap.right article .txt__wrap .month {
  margin-right: 10px;
}
.pg_history .history .history__box .history__acd__inner .article__wrap.right article .txt__wrap > *:first-child.txt {
  margin-left: 70px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap.right article .txt__wrap > *:first-child.txt {
    margin-left: 0;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap.right .rowImg .img {
  text-align: right;
}
.pg_history .history .history__box .history__acd__inner .article__wrap article:nth-of-type(2) .txt__wrap .month {
  margin-right: 10px;
}
.pg_history .history .history__box .history__acd__inner .article__wrap:not(.right) article:first-of-type .article__set {
  flex-direction: row-reverse;
}
.pg_history .history .history__box .history__acd__inner .article__wrap:not(.right) article:first-of-type .article__set .txt__wrap {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap:not(.right) article:first-of-type .article__set .txt__wrap {
    text-align: right;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap:not(.right) article:first-of-type .article__set .txt__wrap .month {
  margin-left: 4px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap:not(.right) article:first-of-type .article__set .txt__wrap .txt {
    display: inline-block;
    text-align: left;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap:not(.right) article:first-of-type .article__set .txt__wrap > *:first-child.txt {
  margin-right: 65px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap:not(.right) article:first-of-type .article__set .txt__wrap > *:first-child.txt {
    margin-right: 0;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap:not(.right) article:nth-of-type(2) .article__set.rowImg .img {
  text-align: right;
}
.pg_history .history .history__box .history__acd__inner .article__wrap article {
  width: calc(50% - 24px);
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap article {
    width: calc(50% - 15px);
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap .article__set:not(.rowImg) {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap .article__set:not(.rowImg) {
    display: block;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap .article__set .txt__wrap {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap .article__set .txt__wrap {
    display: block;
    font-size: 1.4rem;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap .article__set .month {
  display: inline-block;
  width: 60px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
  color: #1a87d6;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap .article__set .month {
    width: calc(100% - 15px);
    font-size: 1.6rem;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap .article__set .month span {
  display: inline-block;
  width: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 3rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap .article__set .month span {
    width: 27px;
    font-size: 2.4rem;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap .article__set .txt {
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap .article__set .txt {
    margin-top: -2px;
    line-height: 1.42;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap .article__set .img {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap .article__set .img {
    margin-top: 17px;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap .article__set.colImg .img {
  text-align: center;
}
.pg_history .history .history__box .history__acd__inner .article__wrap .article__set.colImg .img img {
  width: 160px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap .article__set.colImg .img {
    width: 100%;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap .article__set.colImg .txt {
  max-width: 280px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap .article__set.colImg .txt {
    max-width: 100%;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap .article__set.rowImg img {
  width: 460px;
  box-shadow: 40px 23px 56px rgba(26, 135, 214, 0.19);
}
.pg_history .history .history__box .history__acd__inner .article__wrap::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background: #f3f7f9;
  border-radius: 50%;
  border: 4px solid #1a87d6;
  top: 21px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .article__wrap::before {
    width: 16px;
    height: 16px;
    top: 27px;
  }
}
.pg_history .history .history__box .history__acd__inner .article__wrap::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  background: #587D95;
  left: 50%;
  transform: translateX(-50%);
}
.pg_history .history .history__box .history__acd__inner .year__wrap:not(:first-of-type) {
  margin-top: 46px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .year__wrap:not(:first-of-type) {
    margin-top: 40px;
  }
}
.pg_history .history .history__box .history__acd__inner .year__wrap .article__wrap:first-of-type::before {
  top: 15px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .year__wrap .article__wrap:first-of-type::before {
    top: 10px;
  }
}
.pg_history .history .history__box .history__acd__inner .year__wrap .article__wrap::after {
  height: 100%;
  top: 30px;
}
@media screen and (max-width: 768px) {
  .pg_history .history .history__box .history__acd__inner .year__wrap .article__wrap::after {
    top: 20px;
    height: 100%;
  }
}
.pg_history .history .history__box .history__acd:not(:first-of-type) .history__acd__head {
  border-top: solid 1px #3C8DD5;
}
.pg_history .history .history__box .history__acd .history__acd__inner {
  display: none;
}
.pg_history main {
  position: relative;
}
.pg_history main::after {
  content: "";
  position: absolute;
  display: block;
  width: 1000px;
  aspect-ratio: 1000/421;
  background-image: url(../images/contents/history_bgtxt.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  bottom: 0;
  left: 50%;
  opacity: 0.8;
  transform: translateX(-80%);
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .pg_history main::after {
    width: 100%;
    aspect-ratio: 1000/421;
    left: 0;
    transform: translateX(0);
  }
}

html[lang=en] .pg_history .history .history__box .history__acd__inner .article__wrap .article__set .month {
  font-size: 2.4rem;
}
html[lang=en] .pg_history .history .history__box .history__acd__inner .article__wrap:not(.right) article:first-of-type .article__set .txt__wrap .month {
  margin-left: 10px;
}

/**
 * Page
 */
.pg_company main {
  padding-bottom: 116px;
}
@media screen and (max-width: 768px) {
  .pg_company main {
    padding-bottom: 92px;
  }
}
.pg_company .el_heading--h2 {
  margin-bottom: 38px;
}
@media screen and (min-width: 769px) {
  .pg_company .bl_anchor__wrapper {
    width: 100%;
    overflow-x: auto;
  }
}
.pg_company .bl_anchor {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .pg_company .bl_anchor {
    position: relative;
    width: 1200px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .pg_company .bl_anchor ul li {
    position: absolute;
    border: 0;
    width: auto;
  }
  .pg_company .bl_anchor ul li a {
    padding: 0 0 0 34px;
    border: 0;
    background-color: transparent;
    color: #003153;
    font-size: 1.8rem;
    letter-spacing: 0;
  }
  .pg_company .bl_anchor ul li a::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%) rotate(90deg);
    background: url(../images/common/icon_btn_arrow_bgBlue.svg) no-repeat center center/cover;
  }
  .pg_company .bl_anchor ul li a::after {
    display: none;
  }
  [data-whatintent=mouse] .pg_company .bl_anchor ul li a:hover {
    opacity: 0.6;
    background-color: transparent;
    color: #003153;
  }
  .pg_company .bl_anchor ul .shingu {
    top: 210px;
    left: 151px;
  }
  .pg_company .bl_anchor ul .tokyo {
    bottom: 109px;
    right: 265px;
  }
  .pg_company .bl_anchor ul .international {
    bottom: 54px;
    right: 354px;
  }
  .pg_company .bl_anchor ul .nagoya {
    bottom: 61px;
    left: 491px;
  }
  .pg_company .bl_anchor ul .osaka {
    top: 234px;
    left: 460px;
  }
  .pg_company .bl_anchor ul .east {
    top: 148px;
    left: 302px;
  }
  .pg_company .bl_anchor ul .kyushu {
    bottom: 215px;
    left: 89px;
  }
  .pg_company .bl_anchor ul .chiba {
    bottom: 191px;
    right: 217px;
  }
  .pg_company .bl_anchor ul .saitama {
    bottom: 342px;
    right: 323px;
  }
  .pg_company .bl_anchor ul .tokyoService {
    bottom: 286px;
    right: 266px;
  }
  .pg_company .bl_anchor ul .koto {
    top: 290px;
    left: 256px;
  }
  .pg_company .bl_anchor ul .japan {
    top: 267px;
    left: 482px;
  }
  .pg_company .bl_anchor ul .asia {
    top: 284px;
    left: 257px;
  }
  .pg_company .bl_anchor ul .america {
    top: 245px;
    right: 253px;
  }
  .pg_company .bl_anchor ul .europe_middleEast {
    top: 237px;
    left: 60px;
  }
  .pg_company .bl_anchor--network {
    min-height: 594px;
    background-image: url(../images/contents/network_map.png);
  }
  .pg_company .bl_anchor--group {
    min-height: 614px;
    background-image: url(../images/contents/group_map.png);
  }
  .pg_company .bl_anchor--group ul li a {
    padding: 3px 14px 6px 48px;
    min-width: 165px;
    border: solid 1px #1A87D6;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .pg_company .bl_anchor--group ul li a::before {
    left: 14px;
  }
  [data-whatintent=mouse] .pg_company .bl_anchor--group ul li a:hover {
    background-color: rgba(255, 255, 255, 0.8);
  }
}
.pg_company .bl_officeInfo__wrapper {
  display: flex;
  flex-direction: column;
  gap: 75px;
}
.pg_company .bl_officeInfo__wrapper--network {
  margin-top: 98px;
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper--network {
    margin-top: 60px;
  }
}
.pg_company .bl_officeInfo__wrapper--group {
  margin-top: 78px;
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper--group {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper {
    gap: 55px;
  }
}
.pg_company .bl_officeInfo__wrapper .el_heading--h3 {
  margin: 0 0 26px;
}
.pg_company .bl_officeInfo__wrapper .el_heading--h4 {
  margin: 0 0 22px;
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper .el_heading--h4 {
    margin-bottom: 14px;
  }
}
.pg_company .bl_officeInfo__wrapper .bl_officeInfoList {
  display: flex;
  flex-direction: column;
  gap: 75px;
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper .bl_officeInfoList {
    gap: 55px;
  }
}
.pg_company .bl_officeInfo__wrapper .bl_officeInfo {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper .bl_officeInfo {
    font-size: 1.4rem;
  }
}
.pg_company .bl_officeInfo__wrapper .bl_officeInfo__txt a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper .bl_officeInfo__txt a[href^="tel:"] {
    pointer-events: inherit;
  }
}
.pg_company .bl_officeInfo__wrapper .bl_officeInfo__list {
  margin-top: 26px;
}
.pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul {
  margin-top: 3px;
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul {
    margin-top: 6px;
  }
}
.pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul li {
  position: relative;
  padding-left: 19px;
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul li {
    padding-left: 22px;
  }
}
.pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul li:not(:first-child) {
  margin-top: 6px;
}
.pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul li::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  top: 12px;
  left: 4px;
  border-radius: 100%;
  background: #222222;
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul li::before {
    left: 7px;
  }
}
.pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink {
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink {
    margin-top: 22px;
  }
}
.pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink li {
  padding-left: 0.7em;
}
.pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink li::before {
  left: -0.2em;
}
@media screen and (max-width: 768px) {
  .pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink li {
    padding-left: 0.9em;
  }
  .pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink li::before {
    top: 0.8em;
    left: -0.1em;
  }
}

/**
 * Page
 */
html[lang=en] .pg_company main {
  padding-bottom: 116px;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company main {
    padding-bottom: 92px;
  }
}
html[lang=en] .pg_company .el_heading--h2 {
  margin-bottom: 38px;
}
@media screen and (min-width: 769px) {
  html[lang=en] .pg_company .bl_anchor__wrapper {
    width: 100%;
    overflow-x: auto;
  }
}
html[lang=en] .pg_company .bl_anchor {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  html[lang=en] .pg_company .bl_anchor {
    position: relative;
    width: 1200px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  html[lang=en] .pg_company .bl_anchor ul li {
    position: absolute;
    border: 0;
    width: auto;
  }
  html[lang=en] .pg_company .bl_anchor ul li a {
    padding: 0 0 0 34px;
    border: 0;
    background-color: transparent;
    color: #003153;
    font-size: 1.8rem;
    letter-spacing: 0;
  }
  html[lang=en] .pg_company .bl_anchor ul li a::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%) rotate(90deg);
    background: url(../images/common/icon_btn_arrow_bgBlue.svg) no-repeat center center/cover;
  }
  html[lang=en] .pg_company .bl_anchor ul li a::after {
    display: none;
  }
  [data-whatintent=mouse] html[lang=en] .pg_company .bl_anchor ul li a:hover {
    opacity: 0.6;
    background-color: transparent;
    color: #003153;
  }
  html[lang=en] .pg_company .bl_anchor ul .shingu {
    top: 210px;
    left: 67px;
  }
  html[lang=en] .pg_company .bl_anchor ul .tokyo {
    bottom: 110px;
    right: auto;
    left: 1049px;
    transform: translateX(-100%);
    white-space: nowrap;
  }
  html[lang=en] .pg_company .bl_anchor ul .international {
    bottom: 55px;
    right: auto;
    left: 1002px;
    transform: translateX(-100%);
    white-space: nowrap;
  }
  html[lang=en] .pg_company .bl_anchor ul .nagoya {
    bottom: 68px;
    left: 480px;
  }
  html[lang=en] .pg_company .bl_anchor ul .osaka {
    top: 239px;
    left: 474px;
  }
  html[lang=en] .pg_company .bl_anchor ul .east {
    top: 160px;
    left: 318px;
  }
  html[lang=en] .pg_company .bl_anchor ul .kyushu {
    bottom: 217px;
    left: 41px;
  }
  html[lang=en] .pg_company .bl_anchor ul .chiba {
    bottom: 191px;
    right: auto;
    left: 1110px;
    transform: translateX(-100%);
    white-space: nowrap;
  }
  html[lang=en] .pg_company .bl_anchor ul .saitama {
    bottom: 343.5px;
    right: auto;
    left: 1030px;
    transform: translateX(-100%);
    white-space: nowrap;
  }
  html[lang=en] .pg_company .bl_anchor ul .tokyoService {
    bottom: 287px;
    right: auto;
    left: 1005px;
    transform: translateX(-100%);
    white-space: nowrap;
  }
  html[lang=en] .pg_company .bl_anchor ul .koto {
    top: 290px;
    left: 269px;
  }
  html[lang=en] .pg_company .bl_anchor ul .japan {
    top: 267px;
    left: 482px;
  }
  html[lang=en] .pg_company .bl_anchor ul .asia {
    top: 284px;
    left: 257px;
  }
  html[lang=en] .pg_company .bl_anchor ul .america {
    top: 245px;
    right: auto;
    left: 947px;
    transform: translateX(-100%);
    white-space: nowrap;
  }
  html[lang=en] .pg_company .bl_anchor ul .europe_middleEast {
    top: 237px;
    left: 60px;
  }
  html[lang=en] .pg_company .bl_anchor ul .ulBlue::after {
    content: "";
    display: inline-block;
    height: 0.5px;
    transform: scale(1, 1.2);
    background-color: #1A87D6;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
  }
  html[lang=en] .pg_company .bl_anchor--network {
    min-height: 594px;
    background-image: url(../images/contents/network_map_en.svg);
  }
  html[lang=en] .pg_company .bl_anchor--group {
    min-height: 614px;
    background-image: url(../images/contents/group_map.png);
  }
  html[lang=en] .pg_company .bl_anchor--group ul li a {
    padding: 3px 14px 6px 48px;
    min-width: 165px;
    border: solid 1px #1A87D6;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.8);
  }
  html[lang=en] .pg_company .bl_anchor--group ul li a::before {
    left: 14px;
  }
  [data-whatintent=mouse] html[lang=en] .pg_company .bl_anchor--group ul li a:hover {
    background-color: rgba(255, 255, 255, 0.8);
  }
}
html[lang=en] .pg_company .bl_officeInfo__wrapper {
  display: flex;
  flex-direction: column;
  gap: 75px;
}
html[lang=en] .pg_company .bl_officeInfo__wrapper--network {
  margin-top: 98px;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper--network {
    margin-top: 60px;
  }
}
html[lang=en] .pg_company .bl_officeInfo__wrapper--group {
  margin-top: 78px;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper--group {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper {
    gap: 55px;
  }
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .el_heading--h3 {
  margin: 0 0 26px;
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .el_heading--h4 {
  margin: 0 0 22px;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper .el_heading--h4 {
    margin-bottom: 14px;
  }
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfoList {
  display: flex;
  flex-direction: column;
  gap: 75px;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfoList {
    gap: 55px;
  }
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo {
    font-size: 1.4rem;
  }
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo__txt a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo__txt a[href^="tel:"] {
    pointer-events: inherit;
  }
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo__list {
  margin-top: 26px;
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul {
  margin-top: 3px;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul {
    margin-top: 6px;
  }
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul li {
  position: relative;
  padding-left: 19px;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul li {
    padding-left: 22px;
  }
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul li:not(:first-child) {
  margin-top: 6px;
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul li::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  top: 12px;
  left: 4px;
  border-radius: 100%;
  background: #222222;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo__list ul li::before {
    left: 7px;
  }
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink {
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink {
    margin-top: 22px;
  }
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink li {
  padding-left: 0.7em;
}
html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink li::before {
  left: -0.2em;
}
@media screen and (max-width: 768px) {
  html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink li {
    padding-left: 0.9em;
  }
  html[lang=en] .pg_company .bl_officeInfo__wrapper .bl_officeInfo .bl_textLink li::before {
    top: 0.8em;
    left: -0.1em;
  }
}

/**
 * Page
 */
.pg_ir .narrowing {
  padding-top: 10px;
}
.pg_ir .irNews__adobe {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .pg_ir .irNews__adobe {
    display: block;
  }
}
.pg_ir .irNews__adobe a {
  transition: all 0.3s;
}
[data-whatintent=mouse] .pg_ir .irNews__adobe a:hover {
  opacity: 0.7;
}
.pg_ir .irNews__adobe p {
  margin-left: 26px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .pg_ir .irNews__adobe p {
    margin-left: 0;
    margin-top: 10px;
  }
}
.pg_ir .irNews__explain {
  margin-top: 30px;
  font-size: 1.4rem;
}
.pg_ir .irNews__explain .powered {
  margin-top: 10px;
  text-align: right;
}
.pg_ir .irNews__h2_wrap {
  position: relative;
}
.pg_ir .irNews__h2_wrap a {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  margin-left: auto;
  padding: 8px 30px 11px 0;
  border-bottom: solid 1px #333333;
  text-align: right;
  margin-left: auto;
  font-size: 1.8rem;
  transition: 0.3s all;
}
[data-whatintent=mouse] .pg_ir .irNews__h2_wrap a:hover {
  opacity: 0.7;
}
.pg_ir .irNews__h2_wrap a::after {
  content: "";
  position: absolute;
  display: block;
  background: url(../images/contents/top_arrow_detail.svg);
  width: 24px;
  height: 24px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.pg_ir .irNews__h2_wrap a span {
  font-size: 1.6rem;
  line-height: 1.2;
}
.pg_ir .news__ir__box {
  margin-left: 120px;
}
.pg_ir .library__dlBtn {
  border: solid 2px #1A87D6;
  background-color: #fff;
  width: 100%;
}
.pg_ir .library__dlBtn span {
  color: #1A87D6;
  transition: all 0.3s;
}
.pg_ir .library__dlBtn::after {
  width: 20px;
  height: 18px;
  background: url(../images/common/icon_download_blue.svg) center center/cover;
}
@media screen and (max-width: 768px) {
  .pg_ir .library__dlBtn::after {
    width: 15px;
    height: 14px;
  }
}
[data-whatintent=mouse] .pg_ir .library__dlBtn:hover {
  background-color: #1A87D6;
  opacity: 1;
}
[data-whatintent=mouse] .pg_ir .library__dlBtn:hover span {
  color: #fff;
}
[data-whatintent=mouse] .pg_ir .library__dlBtn:hover::after {
  filter: brightness(100);
}
.pg_ir .library__list {
  margin-top: 30px;
}
.pg_ir .library__list .library__item a {
  display: flex;
  align-items: center;
  padding: 20px 0;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .pg_ir .library__list .library__item a {
    padding: 15px 0;
    font-size: 1.5rem;
  }
}
.pg_ir .library__list .library__item a .img {
  width: 160px;
  flex-shrink: 0;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .pg_ir .library__list .library__item a .img {
    width: 100px;
    margin-right: 20px;
  }
}
.pg_ir .library__list .library__item a .img img {
  width: 100%;
}
[data-whatintent=mouse] .pg_ir .library__list .library__item a:hover {
  color: #1A87D6;
}
.pg_ir .library__list .library__item span {
  margin-left: 5px;
}
.pg_ir .library__list .library__item:not(:first-of-type) {
  border-top: 1px solid #E3E3E3;
}
.pg_ir .library__list .library__item a[target=_blank] p::after {
  position: relative;
  content: "";
  display: inline-block;
  margin-left: 6px;
  width: 14px;
  height: 12px;
  background: url(../images/common/icon_blank.svg);
  background-size: cover;
  background-position: center;
}
.pg_ir .library__list .library__item a[target=_blank] p.is__remove::after {
  display: none;
}
.pg_ir .library__list .library__item a[href$=".xls"] p::after,
.pg_ir .library__list .library__item a[href$=".xlsx"] p::after,
.pg_ir .library__list .library__item a[href$=".doc"] p::after,
.pg_ir .library__list .library__item a[href$=".docx"] p::after,
.pg_ir .library__list .library__item a[href$=".ppt"] p::after,
.pg_ir .library__list .library__item a[href$=".pptx"] p::after,
.pg_ir .library__list .library__item a[href$=".zip"] p::after,
.pg_ir .library__list .library__item a[href$=".jpg"] p::after,
.pg_ir .library__list .library__item a[href$=".png"] p::after,
.pg_ir .library__list .library__item a[href$=".svg"] p::after {
  content: "";
  position: relative;
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 15px;
  bottom: -2px;
  background: url(../images/common/icon_file.svg);
  background-size: cover;
  background-position: center;
}
.pg_ir .library__list .library__item a[href$=".pdf"] p::after {
  content: "PDF";
  position: relative;
  display: inline-block;
  margin-left: 6px;
  border-radius: 2px;
  padding: 2px;
  width: 35px;
  height: 17px;
  bottom: -5px;
  background-image: none;
  background-color: #D61A1A;
  line-height: 1;
  text-align: center;
  vertical-align: top;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}
.pg_ir .settlement .el_heading--h3, .pg_ir .businessReports .el_heading--h3 {
  margin-top: 68px;
}
.pg_ir .settlement .el_heading--h3:not(:first-child), .pg_ir .businessReports .el_heading--h3:not(:first-child) {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .pg_ir .settlement .el_heading--h3, .pg_ir .businessReports .el_heading--h3 {
    margin-top: 60px;
  }
}

/**
 * Keyframes
 */
@-webkit-keyframes accOpen {
  0% {
    opacity: 1;
    transform: translateY(-50%) rotate(90deg);
  }
  100% {
    opacity: 0;
    transform: translateY(-50%) rotate(0);
  }
}
@keyframes accOpen {
  0% {
    opacity: 1;
    transform: translateY(-50%) rotate(90deg);
  }
  100% {
    opacity: 0;
    transform: translateY(-50%) rotate(0);
  }
}
@-webkit-keyframes accClose {
  0% {
    opacity: 0;
    transform: translateY(-50%) rotate(0);
  }
  100% {
    opacity: 1;
    transform: translateY(-50%) rotate(90deg);
  }
}
@keyframes accClose {
  0% {
    opacity: 0;
    transform: translateY(-50%) rotate(0);
  }
  100% {
    opacity: 1;
    transform: translateY(-50%) rotate(90deg);
  }
}