@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;700;900&display=swap");
/*!
 * ress.css • v3.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  margin: 0;
  padding: 0; /* Reset `padding` and `margin` of all elements */
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  height: 0; /* Add the correct box sizing in Firefox */
  overflow: visible; /* Show the overflow in Edge and IE */
}

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

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

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

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

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

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

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

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

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

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

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

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  color: inherit;
  cursor: pointer;
}

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

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

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

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
@media (max-width: 800px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 801px) {
  html {
    font-size: 1.1111111111vw;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 16px;
  }
}

html.no-scroll {
  overflow-y: hidden;
}

body {
  background-color: white;
  color: #042731;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  width: 100vw;
}

a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s;
}

img {
  height: 100%;
  width: 100%;
}

li {
  list-style: none;
}

.pc-inline {
  display: none;
}
@media screen and (min-width: 801px) {
  .pc-inline {
    display: inline;
  }
}

.sp-inline {
  display: inline;
}
@media screen and (min-width: 801px) {
  .sp-inline {
    display: none;
  }
}

.pc {
  display: none;
}
@media screen and (min-width: 801px) {
  .pc {
    display: block;
  }
}

.sp {
  display: block;
}
@media screen and (min-width: 801px) {
  .sp {
    display: none;
  }
}

.poppins {
  font-family: "Poppins", sans-serif;
}

.white {
  color: #FFF;
}

.fade-in {
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity;
}

.scroll-in {
  opacity: 1;
}

.container {
  background-color: #f3f4f5;
  overflow: clip;
}

.contact.contact--light-bg {
  background: url("../images/icon/contact-bg.png") no-repeat left/cover;
}
@media screen and (min-width: 801px) {
  .contact.contact--light-bg {
    background: url("../images/icon/contact-bg.png") no-repeat center/cover;
  }
}

.about-others-service {
  background-image: url("../images/about/about-alll-ink-bg-sp.png");
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 801px) {
  .about-others-service {
    background-image: url("../images/about/about-alll-ink-bg.png");
  }
}

.about-others-service:before {
  background-color: rgba(0, 0, 0, 0.6);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

.about-others-service .others-service__container {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .about-others-service .others-service__container {
    flex-direction: row;
  }
}

.about-others-service .others-service__left,
.about-others-service .others-service__link {
  color: #FFF;
}

.about-others-service .others-service__left {
  display: contents;
}
@media screen and (min-width: 801px) {
  .about-others-service .others-service__left {
    display: block;
  }
}

.about-others-service .others-service__left h2 {
  font-size: 1.5rem;
  order: 1;
}
@media screen and (min-width: 801px) {
  .about-others-service .others-service__left h2 {
    font-size: 2.25rem;
  }
}

.about-others-service .others-service__link-wrap {
  margin-top: 2.1875rem;
  order: 3;
}
@media screen and (min-width: 801px) {
  .about-others-service .others-service__link-wrap {
    margin-top: 3.125rem;
  }
}

.about-others-service .others-service__right {
  margin-top: 0.3125rem;
  order: 2;
}
@media screen and (min-width: 801px) {
  .about-others-service .others-service__right {
    margin-top: 0;
  }
}

.about-others-service .others-service__list {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 801px) {
  .about-others-service .others-service__list {
    gap: 1rem;
  }
}

.about-others-service .others-service__item-name {
  font-size: 0.875rem;
}
@media screen and (min-width: 801px) {
  .about-others-service .others-service__item-name {
    font-size: 1rem;
  }
}

.about-others-service .others-service__item-link-wrap {
  padding: 1rem 0.75rem;
}
@media screen and (min-width: 801px) {
  .about-others-service .others-service__item-link-wrap {
    padding: 1.5rem;
  }
}

.about-others-service .others-service__item-link-wrap:before,
.about-others-service .others-service__item-link-wrap:after {
  height: 1.9375rem;
  right: 0.75rem;
  width: 1.9375rem;
}
@media screen and (min-width: 801px) {
  .about-others-service .others-service__item-link-wrap:before,
  .about-others-service .others-service__item-link-wrap:after {
    height: 2.5625rem;
    right: 1.5rem;
    width: 2.5625rem;
  }
}

.about-others-service .others-service__link:hover:after {
  background-color: #007C93;
}

.about-top {
  background-color: #F3F4F5;
}

.about-top__content {
  margin-inline: auto;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-top__content {
    padding-bottom: 7.5rem;
    width: 82.0625rem;
  }
}

.about-top-purpose {
  background-image: url(../images/about/about-purpose-bg-sp.png);
  background-position: 0;
  background-size: cover;
  height: 100%;
  left: 50%;
  overflow-x: hidden;
  padding-bottom: 3.75rem;
  padding-top: 4.1875rem;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .about-top-purpose {
    background-image: url(../images/about/about-purpose-bg.png);
    padding-block: 7.375rem;
  }
}

.about-top-purpose__inner {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-inline: auto;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-top-purpose__inner {
    flex-direction: row;
    width: 82.0625rem;
  }
}

.about-top-purpose__text {
  position: relative;
}
@media screen and (min-width: 801px) {
  .about-top-purpose__text {
    margin-top: 6.875rem;
  }
}

.about-top-purpose .about-top-purpose__title .head-tag {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 801px) {
  .about-top-purpose .about-top-purpose__title .head-tag {
    font-size: 1rem;
  }
}

.about-top-purpose__copy-wrap {
  margin-top: 2.1875rem;
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
}

.about-top-purpose__copy {
  background-color: #FFF;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: #007C93;
  display: inline;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.7;
  padding-left: 0.9375rem;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .about-top-purpose__copy {
    font-size: 3rem;
  }
}

.about-top-purpose__logo {
  left: calc(50% + 7.1875rem);
  position: absolute;
  top: 16.375rem;
  transform: translateX(-50%);
  width: 9.6875rem;
  z-index: 2;
}
@media screen and (min-width: 801px) {
  .about-top-purpose__logo {
    left: calc(50% - 9.375rem);
    top: -3.125rem;
    width: 11.5625rem;
  }
}

.about-top-purpose__carousel-wrap {
  display: flex;
  height: 19.4375rem;
  left: -1rem;
  margin-top: 19.0625rem;
  overflow: hidden;
  position: relative;
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .about-top-purpose__carousel-wrap {
    border-radius: 10px;
    flex-shrink: 0;
    height: 26.75rem;
    left: auto;
    margin-top: 0;
    width: 49.0625rem;
  }
}

.about-top-purpose__carousel {
  display: flex;
}

.about-top-purpose__carousel-item {
  width: -moz-max-content;
  width: max-content;
}

.about-top-purpose__carousel {
  animation: aboutTopCarousel 24s -12s infinite linear;
}

@keyframes aboutTopCarousel {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
.about-top__menu {
  margin-inline: auto;
  margin-top: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-top__menu {
    margin-top: 7.8125rem;
    width: 100%;
  }
}

.about-top__menu-title {
  padding-left: 0.4375rem;
}

.about-top__menu-title h2 {
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .about-top__menu-title h2 {
    font-size: 1.75rem;
  }
}

.about-top__menu-content-wrap {
  display: flex;
  flex-direction: column;
  gap: 4.0625rem;
}

.about-top__menu-list {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  justify-content: flex-start;
  margin-top: 2.375rem;
}
@media screen and (min-width: 801px) {
  .about-top__menu-list {
    flex-direction: row;
    gap: 2rem;
    margin-top: 2rem;
  }
}

.about-top__menu-link-wrap {
  align-items: flex-end;
  background-position: center;
  background-size: 105%;
  border-radius: 16px;
  display: flex;
  height: 14.375rem;
  padding: 0.5rem;
  position: relative;
  transition: background-size 0.4s, background-position 0.4s;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-top__menu-link-wrap {
    height: 17.4375rem;
    width: 25.9375rem;
  }
}

.about-top__menu-link-wrap--company {
  background-image: url("../images/about/about-top-link-company.png");
}
@media screen and (min-width: 801px) {
  .about-top__menu-link-wrap--company {
    background-image: url("../images/about/about-top-link-company.png");
  }
}

.about-top__menu-link-wrap--about {
  background-image: url("../images/about/about-top-link-about.png");
}
@media screen and (min-width: 801px) {
  .about-top__menu-link-wrap--about {
    background-image: url("../images/about/about-top-link-about.png");
  }
}

.about-top__menu-link-wrap--member {
  background-image: url("../images/about/about-top-link-member.png");
}
@media screen and (min-width: 801px) {
  .about-top__menu-link-wrap--member {
    background-image: url("../images/about/about-top-link-member.png");
  }
}

.about-top__menu-link-wrap--sustainability {
  background-image: url("../images/about/about-top-link-sustainability.png");
}
@media screen and (min-width: 801px) {
  .about-top__menu-link-wrap--sustainability {
    background-image: url("../images/about/about-top-link-sustainability.png");
  }
}

.about-top__menu-link-wrap--access {
  background-image: url("../images/about/about-top-link-access.png");
}
@media screen and (min-width: 801px) {
  .about-top__menu-link-wrap--access {
    background-image: url("../images/about/about-top-link-access.png");
  }
}

.about-top__menu-link-wrap--ir {
  background-image: url("../images/about/about-top-link-ir.png");
}
@media screen and (min-width: 801px) {
  .about-top__menu-link-wrap--ir {
    background-image: url("../images/about/about-top-link-ir.png");
  }
}

.about-top__menu-link-wrap:has(.about-top__menu-link:hover) {
  background-position: center;
  background-size: 110%;
}

.about-top__menu-link {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 0.9375rem 1.5rem;
  transition: background-color 0.4s, color 0.4s;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-top__menu-link {
    border-radius: 16px;
  }
}

.about-top__menu-link:hover {
  background-color: #007C93;
  color: #FFF;
}

.about-top__menu-link-text-wrap {
  align-items: center;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  width: 100%;
}

.about-top__menu-link-text {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-top__menu-link-text {
    font-size: 1.125rem;
    font-weight: 500;
  }
}

.about-top__menu-link-btn .page-sec__btn {
  justify-content: flex-end;
  pointer-events: none;
  width: auto;
}

.about-top__menu-link:hover .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
}

.about-top__menu-link:hover .page-sec__btn:after {
  background-color: #F2F2F2;
}

.about-access {
  background-color: #F3F4F5;
}

.about-access__head {
  background-color: #FFF;
  padding-block: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-access__head {
    padding-block: 1.25rem;
  }
}

.about-access__link-wrap {
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-access__link-wrap {
    padding-block: 2.5rem;
    width: 82rem;
  }
}

.about-access__link-wrap .anchor-link__list {
  display: grid;
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .about-access__link-wrap .anchor-link__list {
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

.about-access__link-wrap .anchor-link__item {
  background-color: #F2F2F2;
}

.about-access__body {
  background-color: #F3F4F5;
  padding-bottom: 3.75rem;
  padding-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .about-access__body {
    padding-bottom: 7.5rem;
    padding-top: 5.625rem;
  }
}

.about-access__list-wrap {
  margin-inline: auto;
  margin-top: 1.125rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-access__list-wrap {
    margin-top: 2.1875rem;
    width: 82rem;
  }
}

.about-access__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-access__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
  }
}

.about-access__item {
  background-color: #FFF;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-access__item {
    flex-direction: row;
    padding: 3.875rem 4rem;
  }
}

.about-access__item--harf {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-access__item--harf {
    width: 40rem;
  }
}

.about-access__info {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-access__info {
    width: 29.375rem;
  }
}

.about-access__name {
  border-bottom: 1px solid #CCC;
  display: flex;
  font-size: 1.25rem;
  font-weight: 500;
  gap: 1rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  padding-bottom: 0.875rem;
}
@media screen and (min-width: 801px) {
  .about-access__name {
    font-size: 2.25rem;
    padding-bottom: 1.25rem;
  }
}

.about-access__name:before {
  background: url("../images/icon/page-title.svg") no-repeat center/contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.9375rem;
  margin-top: 0.625rem;
  width: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-access__name:before {
    margin-top: 1.25rem;
  }
}

.about-access__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.65;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .about-access__text {
    font-size: 1.125rem;
    margin-top: 2.5rem;
  }
}

.about-access__map {
  aspect-ratio: 295/188;
  border-radius: 10px;
  margin-top: 1.875rem;
  overflow: hidden;
}
@media screen and (min-width: 801px) {
  .about-access__map {
    aspect-ratio: 650/352;
    border-radius: 16px;
    margin-top: 0;
    width: 40.625rem;
  }
}

.about-access__map iframe {
  height: 100%;
  width: 100%;
}

.about-philosophy {
  background-color: #F3F4F5;
}

.about-philosophy__purpose,
.about-philosophy__mission-content-wrap,
.about-philosophy__vision-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-inline: auto;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__purpose,
  .about-philosophy__mission-content-wrap,
  .about-philosophy__vision-content {
    flex-direction: row;
    width: 81.875rem;
  }
}

.about-philosophy__mission-content-wrap {
  flex-direction: column-reverse;
}
@media screen and (min-width: 801px) {
  .about-philosophy__mission-content-wrap {
    flex-direction: row;
  }
}

.about-philosophy__purpose {
  padding-bottom: 4.375rem;
  padding-top: 3.375rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__purpose {
    padding-bottom: 7.1875rem;
    padding-top: 7.1875rem;
  }
}

@media screen and (min-width: 801px) {
  .about-philosophy__purpose:before {
    background: url("../images/about/about-purpose-bg.svg") no-repeat center/contain;
    content: "";
    display: block;
    height: 27.191875rem;
    position: absolute;
    right: -8.75rem;
    rotate: -17.67deg;
    top: 15rem;
    width: 21.094375rem;
  }
}

.about-philosophy__purpose-content {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-philosophy__purpose-content {
    width: 32rem;
  }
}

.about-philosophy__title-wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__title-wrap {
    flex-direction: row;
    gap: 1.375rem;
  }
}

.about-philosophy__title {
  align-items: center;
  display: flex;
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  gap: 0.5rem;
  margin-right: 1.75rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__title {
    font-size: 2rem;
    gap: 1.5625rem;
    margin-right: 0;
  }
}

.about-philosophy__title:before {
  align-items: center;
  background: url("../images/icon/page-title-type2-sp.svg") no-repeat center/contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.6875rem;
  width: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__title:before {
    background: url("../images/icon/page-title-type2.svg") no-repeat center/contain;
    height: 1.25rem;
    width: 1.5rem;
  }
}

.about-philosophy__sub-title {
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-philosophy__sub-title {
    font-size: 1rem;
  }
}

.about-philosophy__purpose-copy {
  font-size: 2.125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.58;
  margin-left: 0.9375rem;
  margin-top: 1.875rem;
  white-space: nowrap;
}
@media screen and (min-width: 801px) {
  .about-philosophy__purpose-copy {
    font-size: 3.5rem;
    margin-left: 0;
  }
}

.about-philosophy__purpose-copy span {
  background: linear-gradient(90deg, #56B2CB 3%, #8FC31F 32%, #EE7802 64%, #E85298 86%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about-philosophy__purpose-image {
  border-radius: 10px;
  margin-top: 2.1875rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-philosophy__purpose-image {
    left: -5.3125rem;
    margin-top: 12.8125rem;
    width: 33.375rem;
  }
}

.about-philosophy__purpose-text,
.about-philosophy__mission-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.76;
  margin-top: 1.75rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__purpose-text,
  .about-philosophy__mission-text {
    font-size: 1rem;
    line-height: 2;
    margin-top: 0;
    width: 40rem;
  }
}

@media screen and (min-width: 801px) {
  .about-philosophy__purpose-text {
    margin-top: 4.375rem;
  }
}

.about-philosophy__mission {
  background-color: rgba(255, 255, 255, 0.4);
  padding-bottom: 3.75rem;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__mission {
    padding-bottom: 7.5rem;
    padding-top: 7.1875rem;
  }
}

.about-philosophy__mission-content {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-philosophy__mission-content {
    width: 39.625rem;
  }
}

.about-philosophy__mission-content .about-philosophy__title {
  margin-right: 0;
}

.about-philosophy__mission-copy {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.75;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__mission-copy {
    font-size: 2.5rem;
    margin-top: 4.0625rem;
    white-space: nowrap;
  }
}

@media screen and (min-width: 801px) {
  .about-philosophy__mission-text {
    margin-top: 4.375rem;
  }
}

.about-philosophy__mission-image {
  margin-top: 1.6875rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-philosophy__mission-image {
    margin-top: 5.625rem;
    right: -8.4375rem;
    width: 37.5rem;
  }
}

.about-philosophy__credo {
  margin-inline: auto;
  padding-bottom: 3.4375rem;
  padding-top: 3.75rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo {
    padding-bottom: 7.1875rem;
    padding-top: 7.1875rem;
    width: 81.875rem;
  }
}

.about-philosophy__credo:before {
  background-image: url("../images/common/bg-g.png");
  background-size: cover;
  content: "";
  display: block;
  height: 36.75rem;
  left: -26.875rem;
  position: absolute;
  rotate: 180deg;
  top: 83.4375rem;
  width: 43.25rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo:before {
    height: 57.125rem;
    left: -38.4375rem;
    top: 44.0625rem;
    width: 67.125rem;
  }
}

.about-philosophy__credo-head {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-head {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
  }
}

.about-philosophy__credo-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.96;
  margin-inline: auto;
  margin-top: 2.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-text {
    font-size: 1rem;
    margin-inline: 0;
    margin-top: 0.625rem;
    width: 52.625rem;
  }
}

.about-philosophy__credo-list {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(1, 1fr);
  margin-inline: auto;
  margin-top: 2.1875rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-list {
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4.0625rem;
    width: 100%;
  }
}

.about-philosophy__credo-item {
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
  padding: 0.375rem 1.5rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item {
    padding: 2.5rem;
  }
}

.about-philosophy__credo-item--integrity {
  height: 10.9375rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item--integrity {
    height: 21.875rem;
  }
}

.about-philosophy__credo-item--communication {
  height: 13.125rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item--communication {
    height: 21.375rem;
  }
}

.about-philosophy__credo-item--ownership,
.about-philosophy__credo-item--safety,
.about-philosophy__credo-item--proud {
  height: 12.25rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item--ownership,
  .about-philosophy__credo-item--safety,
  .about-philosophy__credo-item--proud {
    height: 20.375rem;
  }
}

.about-philosophy__credo-item--challenge {
  height: 10.9375rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item--challenge {
    height: 19.875rem;
  }
}

.about-philosophy__credo-item:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0.125rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item:before {
    width: 0.25rem;
  }
}

.about-philosophy__credo-item--integrity:before {
  background-color: #389D8E;
}

.about-philosophy__credo-item--integrity .about-philosophy__credo-title {
  color: #389D8E;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item--integrity .about-philosophy__credo-title {
    color: #007C93;
  }
}

.about-philosophy__credo-item--communication:before {
  background-color: #FAD001;
}

.about-philosophy__credo-item--communication .about-philosophy__credo-title {
  color: #FAD001;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item--communication .about-philosophy__credo-title {
    color: #007C93;
  }
}

.about-philosophy__credo-item--ownership:before {
  background-color: #56B2CB;
}

.about-philosophy__credo-item--ownership .about-philosophy__credo-title {
  color: #56B2CB;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item--ownership .about-philosophy__credo-title {
    color: #007C93;
  }
}

.about-philosophy__credo-item--challenge:before {
  background-color: #E85298;
}

.about-philosophy__credo-item--challenge .about-philosophy__credo-title {
  color: #E85298;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item--challenge .about-philosophy__credo-title {
    color: #007C93;
  }
}

.about-philosophy__credo-item--safety:before {
  background-color: #8FC31F;
}

.about-philosophy__credo-item--safety .about-philosophy__credo-title {
  color: #8FC31F;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item--safety .about-philosophy__credo-title {
    color: #007C93;
  }
}

.about-philosophy__credo-item--proud:before {
  background-color: #F36960;
}

.about-philosophy__credo-item--proud .about-philosophy__credo-title {
  color: #F36960;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-item--proud .about-philosophy__credo-title {
    color: #007C93;
  }
}

.about-philosophy__credo-title-wrap {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-title-wrap {
    align-items: center;
    flex-direction: column;
  }
}

.about-philosophy__credo-title {
  color: #007C93;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.4375rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-title {
    font-size: 2.25rem;
    margin-top: 0;
  }
}

.about-philosophy__credo-sub-title {
  font-weight: 500;
  margin-top: 0.4375rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-sub-title {
    font-size: 1.125rem;
  }
}

.about-philosophy__credo-sub-list {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-sub-list {
    gap: 1.25rem;
    margin-top: 2.25rem;
  }
}

.about-philosophy__credo-sub-item {
  align-items: flex-start;
  display: flex;
  font-size: 0.875rem;
  gap: 0.625rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-sub-item {
    font-size: 1rem;
  }
}

.about-philosophy__credo-sub-item:before {
  background-color: #56B2CB;
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.46875rem;
  margin-top: 0.3125rem;
  width: 0.46875rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__credo-sub-item:before {
    height: 0.625rem;
    margin-top: 0.3125rem;
    width: 0.625rem;
  }
}

.about-philosophy .recruit {
  background-color: #F3F4F5;
}

.about-philosophy__vision {
  background-image: url("../images/about/about-vision-bg-sp.png");
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 801px) {
  .about-philosophy__vision {
    background-image: url("../images/about/about-vision-bg.png");
  }
}

.about-philosophy__vision:before {
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

.about-philosophy__vision-content {
  color: #FFF;
  padding-bottom: 5.3125rem;
  padding-top: 5.3125rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .about-philosophy__vision-content {
    padding-bottom: 7.5rem;
    padding-top: 7.8125rem;
  }
}

.about-philosophy__vision-title {
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-left: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .about-philosophy__vision-title {
    font-size: 2.625rem;
    margin-left: 0;
  }
}

.about-philosophy__vision-text {
  letter-spacing: 0.04em;
  line-height: 1.8;
  margin-top: 2rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-philosophy__vision-text {
    letter-spacing: 0.02em;
    margin-top: 0;
    width: 48.6875rem;
  }
}

.about-philosophy__vision-bottom-text {
  display: none;
}
@media screen and (min-width: 801px) {
  .about-philosophy__vision-bottom-text {
    bottom: -6.25rem;
    color: #FFF;
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 13.125rem;
    font-weight: 500;
    left: -5.625rem;
    opacity: 0.15;
    position: absolute;
  }
}

.about-member {
  background-color: #F3F4F5;
}

.about-member__head {
  padding-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .about-member__head {
    padding-top: 7.5rem;
  }
}

.about-member__filter-wrap {
  background-color: #E6E6E6;
  border-radius: 10px;
  margin-inline: auto;
  padding: 1.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-member__filter-wrap {
    padding: 2.5rem;
    width: 82rem;
  }
}

.about-member__filter {
  position: relative;
}
@media screen and (min-width: 801px) {
  .about-member__filter {
    align-items: center;
    display: flex;
    justify-content: flex-start;
  }
}

.about-member__filter-list .form__filter-tags {
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .about-member__filter-list .form__filter-tags {
    gap: 1.5rem;
  }
}

.about-member__filter-list .form__filter-tag {
  height: 3.125rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .about-member__filter-list .form__filter-tag {
    height: 3.5rem;
    width: 21.125rem;
  }
}

.about-member__search-btn {
  background-color: #042731;
  border-radius: 1000px;
  color: #FFF;
  display: block;
  margin-inline: auto;
  margin-top: 1.125rem;
  padding: 0.9375rem 2.25rem;
}
@media screen and (min-width: 801px) {
  .about-member__search-btn {
    margin-inline: 0;
    margin-left: 1.5rem;
    margin-top: 0;
    padding: 0.9375rem 2.5rem;
  }
}

.about-member__body {
  margin-inline: auto;
  margin-top: 4.875rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-member__body {
    margin-top: 3.75rem;
    padding-bottom: 7.5rem;
    width: 82rem;
  }
}

.about-member__body .article__list {
  gap: 2.625rem;
}
@media screen and (min-width: 801px) {
  .about-member__body .article__list {
    gap: 4.125rem 2rem;
  }
}

.about-member__image {
  border-radius: 16px;
  height: 21.4375rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-member__image {
    height: 25.625rem;
  }
}

.about-member__image img {
  transform: scale(1);
  transition: transform 0.4s;
}

.about-member__item-link:hover .about-member__image img {
  transform: scale(1.1);
}

.about-member__item-link {
  display: block;
  height: 100%;
  width: 100%;
}

.about-member__btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 3.4375rem;
}
@media screen and (min-width: 801px) {
  .about-member__btn-wrap {
    margin-top: 6.875rem;
  }
}

.about-member__data {
  display: grid;
  grid-template-columns: 1fr 3.75rem;
  margin-top: 1.25rem;
  row-gap: 0.625rem;
}
@media screen and (min-width: 801px) {
  .about-member__data {
    grid-template-columns: 1fr 4.375rem;
    margin-top: 1.125rem;
    row-gap: 0.625rem;
  }
}

.about-member__info {
  align-items: center;
  color: #283B3E;
  display: flex;
  font-size: 0.875rem;
  gap: 1.125rem;
  grid-column: 1/2;
  grid-row: 1/2;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 801px) {
  .about-member__info {
    font-size: 1rem;
  }
}

.about-member__info span {
  background-color: #000;
  display: block;
  height: 0.75rem;
  width: 0.0625rem;
}
@media screen and (min-width: 801px) {
  .about-member__info span {
    height: 0.875rem;
  }
}

.about-member__name {
  align-items: center;
  display: flex;
  gap: 0.9375rem;
}

.about-member__name-ja {
  color: #1F1C1D;
  font-size: 1.125rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-member__name-ja {
    font-size: 1.25rem;
  }
}

.about-member__name-en {
  color: #56B2CB;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .about-member__name-en {
    font-size: 0.875rem;
  }
}

.about-member__item-btn-wrap {
  grid-column: 2/3;
  grid-row: 1/3;
}

.about-member__btn {
  align-items: center;
  background-color: #FFF;
  border-radius: 50%;
  display: flex;
  height: 3.4375rem;
  justify-content: center;
  transition: background-color 0.4s;
  width: 3.4375rem;
}

.about-member__item-link:hover .about-member__btn {
  background-color: #007C93;
}

.about-member__btn:before {
  background-image: url("../images/icon/plus.png");
  background-size: cover;
  content: "";
  display: block;
  height: 1.375rem;
  transition: background-image 0.4s;
  width: 1.375rem;
}

.about-member__item-link:hover .about-member__btn:before {
  background-image: url("../images/icon/plus-white.png");
}

.about-member__hidden-data {
  display: none;
}

.about-ir__content {
  margin-inline: auto;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-ir__content {
    padding-bottom: 7.5rem;
    width: 82.0625rem;
  }
}

.about-ir__heading-wrap {
  background-color: #FFF;
  left: 50%;
  padding-block: 3.75rem;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .about-ir__heading-wrap {
    padding-block: 7.5rem;
  }
}

.about-ir__heading {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-inline: auto;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-ir__heading {
    flex-direction: row;
    width: 82.0625rem;
  }
}

@media screen and (min-width: 801px) {
  .about-ir__heading-text-wrap {
    margin-top: 4.375rem;
  }
}

.about-ir__heading-copy {
  color: #007C93;
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.67;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .about-ir__heading-copy {
    font-size: 3rem;
    letter-spacing: 0.02em;
    line-height: 1.4;
    position: absolute;
  }
}

.about-ir__heading-copy:after {
  background-color: #56B2CB;
  content: "";
  display: block;
  height: 0.0625rem;
  margin-top: 0.625rem;
  width: 6.25rem;
}
@media screen and (min-width: 801px) {
  .about-ir__heading-copy:after {
    margin-top: 2.1875rem;
  }
}

.about-ir__heading-copy span {
  font-family: "Poppins", sans-serif;
  font-size: 1.75rem;
  letter-spacing: 0.005em;
}
@media screen and (min-width: 801px) {
  .about-ir__heading-copy span {
    font-size: 3.5rem;
    letter-spacing: 0.02em;
  }
}

.about-ir__heading-text {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.74;
  margin-top: 1.125rem;
}
@media screen and (min-width: 801px) {
  .about-ir__heading-text {
    font-size: 1.25rem;
    line-height: 1.7;
    margin-top: 13.625rem;
  }
}

.about-ir__heading-image {
  display: flex;
  margin-top: 2.1875rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-ir__heading-image {
    border-radius: 10px;
    flex-shrink: 0;
    height: 29.1875rem;
    margin-top: 0;
    width: 48.5625rem;
  }
}

.about-ir__box {
  align-items: center;
  border: 1px solid #CCC;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  justify-content: space-between;
  margin-inline: auto;
  margin-top: 2rem;
  padding: 1.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-ir__box {
    flex-direction: row;
    gap: 3.375rem;
    margin-top: 7.5rem;
    padding: 3rem;
    width: 82rem;
  }
}

.about-ir__box-title {
  flex-shrink: 0;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.7;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-ir__box-title {
    font-size: 1.5rem;
    width: 20rem;
  }
}

.about-ir__box-text {
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .about-ir__box-text {
    font-size: 1rem;
    line-height: 1.6;
  }
}

.about-ir__info {
  margin-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-ir__info {
    margin-top: 7.8125rem;
  }
}

.about-ir__info-wrap {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 801px) {
  .about-ir__info-wrap {
    display: block;
  }
}

.about-ir__info-head {
  display: contents;
}
@media screen and (min-width: 801px) {
  .about-ir__info-head {
    display: block;
  }
}

.about-ir__title {
  align-items: center;
  border-bottom: 1px solid #CCC;
  display: flex;
  gap: 1rem;
  letter-spacing: 0.06em;
  order: 1;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 801px) {
  .about-ir__title {
    gap: 1.25rem;
    padding-bottom: 1.5625rem;
  }
}

.about-ir__title:before {
  background: url("../images/icon/page-title.svg") no-repeat center/contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.9375rem;
  width: 1.5rem;
}

.about-ir__title h2 {
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-ir__title h2 {
    font-size: 2.25rem;
  }
}

.about-ir__info-btn-wrap {
  margin-left: auto;
  margin-top: 2.1875rem;
  order: 3;
}
@media screen and (min-width: 801px) {
  .about-ir__info-btn-wrap {
    margin-left: 0;
    margin-top: 0.3125rem;
  }
}

.about-ir__info-btn-wrap .page-sec__btn {
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}

.about-ir__info-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 2.1875rem;
  order: 2;
}
@media screen and (min-width: 801px) {
  .about-ir__info-list {
    margin-top: 4.0625rem;
  }
}

.about-ir__info-item {
  background-color: #FFF;
  border-radius: 10px;
}

.about-ir__info-item-link {
  display: block;
  padding: 0.5rem 1rem 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-ir__info-item-link {
    padding: 2.5rem 4rem;
  }
}

.about-ir__info-item-content {
  align-items: center;
  display: grid;
  grid-template-columns: 16.515625rem 1.921875rem;
  justify-content: space-between;
}
@media screen and (min-width: 801px) {
  .about-ir__info-item-content {
    grid-template-columns: 8.125rem 57.6875rem 2.5625rem;
  }
}

.about-ir__info-item-date-wrap {
  grid-column: 1/2;
  grid-row: 1/2;
}

.about-ir__info-item-date {
  color: #6B6B6B;
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 801px) {
  .about-ir__info-item-date {
    font-size: 0.875rem;
  }
}

.about-ir__info-item-title {
  font-size: 0.875rem;
  font-weight: 400;
  grid-column: 1/2;
  grid-row: 2/3;
  line-height: 1.77;
  margin-top: 0.625rem;
  transition: color 0.4s;
}
@media screen and (min-width: 801px) {
  .about-ir__info-item-title {
    font-size: 1.125rem;
    grid-column: 2/3;
    grid-row: 1/2;
    line-height: 1.7;
    margin-top: 0;
  }
}

.about-ir__info-item-link:hover .about-ir__info-item-title {
  color: #007C93;
  text-decoration: underline;
}

.about-ir__info-item-btn-wrap {
  grid-column: 2/3;
  grid-row: 1/3;
}
@media screen and (min-width: 801px) {
  .about-ir__info-item-btn-wrap {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}

.about-ir__info-item-btn-wrap .page-sec__btn {
  pointer-events: none;
  width: -moz-fit-content;
  width: fit-content;
}

.about-ir__info-item-link .page-sec__btn:before,
.about-ir__info-item-link .page-sec__btn:after {
  height: 1.921875rem;
  width: 1.921875rem;
}
@media screen and (min-width: 801px) {
  .about-ir__info-item-link .page-sec__btn:before,
  .about-ir__info-item-link .page-sec__btn:after {
    height: 2.5625rem;
    width: 2.5625rem;
  }
}

.about-ir__info-item-link .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  background-size: 0.75rem;
  transition: background-image 0.4s;
}
@media screen and (min-width: 801px) {
  .about-ir__info-item-link .page-sec__btn:before {
    background-size: 1.25rem;
  }
}

.about-ir__info-item-link:hover .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.about-ir__info-item-link .page-sec__btn:after {
  background-color: #F2F2F2;
  transition: background-color 0.4s;
}

.about-ir__info-item-link:hover .page-sec__btn:after {
  background-color: #007C93;
}

.about-ir__photo-box {
  background-color: #063846;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 1.875rem;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-ir__photo-box {
    flex-direction: row;
    margin-top: 7.8125rem;
    padding: 3rem;
  }
}

.about-ir__photo-box-text-wrap {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-ir__photo-box-text-wrap {
    width: 45.3125rem;
  }
}

.about-ir__photo-box-title {
  color: #FFF;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .about-ir__photo-box-title {
    font-size: 1.75rem;
  }
}

.about-ir__photo-box-text {
  color: #FFF;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .about-ir__photo-box-text {
    font-size: 1rem;
    margin-top: 2.5rem;
  }
}

.about-ir__photo-box-image {
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .about-ir__photo-box-image {
    margin-top: 0;
  }
}

.about-ir__management {
  background-color: #FFF;
  left: 50%;
  margin-top: 3.75rem;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .about-ir__management {
    margin-top: 7.5rem;
  }
}

.about-ir__management-wrap {
  margin-inline: auto;
  padding-bottom: 2.8125rem;
  padding-top: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-ir__management-wrap {
    padding-block: 7.5rem;
    width: 81.875rem;
  }
}

.about-ir__management-body {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .about-ir__management-body {
    gap: 2rem 1rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 3.875rem;
  }
}

.about-ir__management-content {
  background-color: #F1F7F8;
  border-radius: 10px;
  padding: 1rem 1rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-ir__management-content {
    padding: 2.75rem 2.5rem 3.375rem;
  }
}

.about-ir__management-content--graph {
  background-color: transparent;
  grid-column: 1/3;
  padding: 0;
}
@media screen and (min-width: 801px) {
  .about-ir__management-content--graph {
    background-color: #F1F7F8;
    grid-column: 1/4;
    padding: 4rem;
  }
}

.about-ir__management-content-name {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 0.625rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-ir__management-content-name {
    font-size: 1.375rem;
    margin-top: 0;
    text-align: left;
  }
}

.about-ir__management-content--graph .about-ir__management-content-name {
  font-size: 1.125rem;
  margin-top: 1.5625rem;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .about-ir__management-content--graph .about-ir__management-content-name {
    margin-top: 0;
  }
}

.about-ir__management-content-num {
  color: #007C93;
  font-family: "Roboto", sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
  margin-inline: auto;
  margin-top: 1.5625rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .about-ir__management-content-num {
    font-size: 8rem;
  }
}

.about-ir__management-content-num span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (min-width: 801px) {
  .about-ir__management-content-num span {
    font-size: 2.25rem;
  }
}

.about-ir__management-content-current {
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-ir__management-content-current {
    font-size: 1rem;
  }
}

.about-ir__management-content-graph {
  background-color: #FFF;
  margin-inline: auto;
  margin-top: 0.9375rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-ir__management-content-graph {
    margin-top: 2.1875rem;
    padding-block: 4.0625rem;
    width: 73.75rem;
  }
}

.about-ir__management-content-graph img {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-ir__management-content-graph img {
    width: 62.125rem;
  }
}

.about-ir__certification {
  margin-top: 3.875rem;
}
@media screen and (min-width: 801px) {
  .about-ir__certification {
    margin-top: 7.625rem;
  }
}

.about-ir__certification-content-title {
  margin-top: 2.375rem;
}
@media screen and (min-width: 801px) {
  .about-ir__certification-content-title {
    margin-top: 2.5rem;
  }
}

.about-ir__certification-content-title h3,
.about-ir__award-content-title h3 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .about-ir__certification-content-title h3,
  .about-ir__award-content-title h3 {
    font-size: 1.5rem;
  }
}

.about-ir__certification-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 2.375rem;
}
@media screen and (min-width: 801px) {
  .about-ir__certification-list {
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 1.875rem;
  }
}

.about-ir__certification-item {
  align-items: center;
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-ir__certification-item {
    flex-direction: row;
    gap: 1.5rem;
    width: 39.9375rem;
  }
}

.about-ir__certification-item-image {
  background-color: rgba(0, 0, 0, 0.003);
  display: grid;
  height: 10.4375rem;
  place-items: center;
  width: 17.71875rem;
}
@media screen and (min-width: 801px) {
  .about-ir__certification-item-image {
    flex-shrink: 0;
    height: 12.5rem;
  }
}

.about-ir__certification-item-image img {
  height: auto;
}

.about-ir__certification-item-name {
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-ir__certification-item-name {
    font-size: 1.375rem;
    text-align: left;
  }
}

.about-ir__certification-item-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-ir__certification-item-text {
    font-size: 1rem;
    text-align: left;
  }
}

.about-ir__certification-item-link-wrap {
  margin-top: 0.625rem;
}

.about-ir__certification-item-link {
  align-items: center;
  color: #007C93;
  display: flex;
  font-size: 0.875rem;
  text-decoration: underline;
  transition: opacity 0.4s;
}
@media screen and (min-width: 801px) {
  .about-ir__certification-item-link {
    display: inline-block;
    font-size: 1rem;
  }
}

.about-ir__certification-item-link:after {
  background-image: url("../images/icon/new_window-light-green.svg");
  background-size: cover;
  content: "";
  display: inline-block;
  height: 1.5rem;
  margin-left: 0.3125rem;
  width: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-ir__certification-item-link:after {
    margin-left: 0;
  }
}

.about-ir__certification-item-link:hover {
  opacity: 0.5;
}

.about-ir__award {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .about-ir__award {
    margin-top: 4.0625rem;
  }
}

.about-ir__award-list {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .about-ir__award-list {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4.0625rem;
  }
}

.about-ir__award-item {
  background-color: #FFF;
  border-radius: 10px;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-ir__award-item {
    width: 25.9375rem;
  }
}

.about-ir__award-item-image {
  background-color: rgba(0, 0, 0, 0.003);
  display: grid;
  flex-shrink: 0;
  height: 10.4375rem;
  place-items: center;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-ir__award-item-image {
    height: 12.5rem;
  }
}

.about-ir__award-item-image img {
  height: auto;
}

.about-ir__award-item-name {
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 1.25rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-ir__award-item-name {
    font-size: 1.375rem;
  }
}

.about-overview__content-wrap {
  background-color: #F3F4F5;
  margin-inline: auto;
  margin-top: 1.875rem;
  overflow-x: hidden;
  padding-inline: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-overview__content-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    overflow-x: visible;
    padding-inline: 0;
    width: 82rem;
  }
}

.about-overview__index .side-index {
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .about-overview__index .side-index {
    padding-bottom: 7.5rem;
    padding-top: 8.625rem;
    top: 0;
  }
}

.about-overview__content {
  margin-top: 5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-overview__content {
    margin-top: 7.5rem;
    width: 63rem;
  }
}

.about-overview__title {
  align-items: center;
  border-bottom: 1px solid #CCC;
  display: flex;
  gap: 1rem;
  letter-spacing: 0.06em;
  order: 1;
  padding-bottom: 1.375rem;
}
@media screen and (min-width: 801px) {
  .about-overview__title {
    gap: 1.25rem;
    padding-bottom: 1.5625rem;
  }
}

.about-overview__title:before {
  background: url("../images/icon/page-title.svg") no-repeat center/contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.9375rem;
  width: 1.5rem;
}

.about-overview__title h2 {
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-overview__title h2 {
    font-size: 2.25rem;
  }
}

.about-overview-profile {
  padding-bottom: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-overview-profile {
    padding-bottom: 7.5rem;
  }
}

.about-overview-profile__table-wrap {
  margin-top: 3.125rem;
}

.about-overview-profile__table {
  border: 1px solid #CCC;
  border-collapse: collapse;
  margin-top: 1.875rem;
  width: 100%;
}

.about-overview-profile__table tr {
  display: flex;
  flex-direction: column;
  vertical-align: top;
}
@media screen and (min-width: 801px) {
  .about-overview-profile__table tr {
    flex-direction: row;
  }
}

.about-overview-profile__table th,
.about-overview-profile__table td {
  border: 1px solid #CCC;
  font-size: 0.875rem;
  line-height: 1.6;
  padding: 1rem;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .about-overview-profile__table th,
  .about-overview-profile__table td {
    font-size: 1rem;
    line-height: 1.58;
    padding: 2rem;
  }
}

.about-overview-profile__table tr:nth-of-type(1) td {
  font-size: 1rem;
}

.about-overview-profile__table th {
  background-color: #E6E6E6;
  font-weight: 400;
}

.about-overview-profile__table th:nth-of-type(1) {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-overview-profile__table th:nth-of-type(1) {
    flex-shrink: 0;
    width: 12.4375rem;
  }
}

.about-overview-profile__table td {
  background-color: #FFF;
  letter-spacing: 0.02em;
  width: 100%;
}

.about-overview-certification,
.about-overview-history,
.about-overview-award,
.about-overview-media {
  background-color: #FFF;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .about-overview-certification,
  .about-overview-history,
  .about-overview-award,
  .about-overview-media {
    left: calc(50% - 9.5rem);
  }
}

.about-overview-certification__inner,
.about-overview-history__inner,
.about-overview-award__inner,
.about-overview-media__inner {
  margin-inline: auto;
  max-width: 100%;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__inner,
  .about-overview-history__inner,
  .about-overview-award__inner,
  .about-overview-media__inner {
    max-width: 90rem;
  }
}

.about-overview-award__inner {
  padding-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-overview-award__inner {
    padding: 7.5rem 4.0625rem 0;
  }
}

.about-overview-media__inner {
  padding-bottom: 3.75rem;
  padding-top: 5.3125rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__inner {
    padding: 5.125rem 4.0625rem 7.5rem;
  }
}

.about-overview-certification__inner {
  padding-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__inner {
    padding: 7.5rem 4.0625rem 0;
  }
}

.about-overview-certification__wrap,
.about-overview-history__wrap,
.about-overview-award__wrap,
.about-overview-media__wrap {
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__wrap,
  .about-overview-history__wrap,
  .about-overview-award__wrap,
  .about-overview-media__wrap {
    margin-inline: 0;
    margin-left: auto;
    width: 63rem;
  }
}

.about-overview-certification__content {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__content {
    margin-top: 4.375rem;
  }
}

.about-overview-certification__sub-title h3 {
  font-size: 1.125rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__sub-title h3 {
    font-size: 1.5rem;
  }
}

.about-overview-certification__list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__list {
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1.875rem;
  }
}

.about-overview-certification__content--organization .about-overview-certification__list {
  gap: 1rem;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__content--organization .about-overview-certification__list {
    gap: 1rem 2rem;
  }
}

.about-overview-certification__item {
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__item {
    width: 30.4375rem;
  }
}

.about-overview-certification__item-image {
  background-color: rgba(0, 0, 0, 0.003);
  display: grid;
  height: 8.25rem;
  place-items: center;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__item-image {
    height: 12.5rem;
  }
}

.about-overview-certification__item--ascdi .about-overview-certification__item-image,
.about-overview-certification__item--reaction .about-overview-certification__item-image {
  background-color: #F7F7F7;
}

.about-overview-certification__item-image img {
  height: auto;
}

.about-overview-certification__item-text-wrap {
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__item-text-wrap {
    margin-top: 0.5rem;
  }
}

.about-overview-certification__item-name {
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__item-name {
    font-size: 1.375rem;
  }
}

.about-overview-certification__item-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.75;
  margin-top: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__item-text {
    font-size: 1rem;
    line-height: 1.7;
  }
}

.about-overview-certification__item-link-wrap {
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__item-link-wrap {
    text-align: center;
  }
}

.about-overview-certification__item-link {
  align-items: center;
  color: #007C93;
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  text-decoration: underline;
  transition: opacity 0.4s;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__item-link {
    display: inline-block;
    font-size: 1rem;
  }
}

.about-overview-certification__item-link:after {
  background-image: url("../images/icon/new_window-light-green.svg");
  background-size: cover;
  content: "";
  display: inline-block;
  height: 1.5rem;
  margin-left: 0.625rem;
  width: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-overview-certification__item-link:after {
    margin-left: 0.625rem;
    position: relative;
    top: 0.375rem;
  }
}

.about-overview-certification__item-link:hover {
  opacity: 0.5;
}

.about-overview-history__inner {
  padding-bottom: 3.75rem;
  padding-top: 5.625rem;
}
@media screen and (min-width: 801px) {
  .about-overview-history__inner {
    padding: 4.0625rem 4.0625rem 7.5rem;
  }
}

.about-overview-history__head {
  position: relative;
}

.about-overview-history__slider-wrap {
  margin-top: 1.875rem;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none; /* Firefox 対応 */
  -ms-overflow-style: none; /* IE, Edge 対応 */
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .about-overview-history__slider-wrap {
    margin-top: 4rem;
    width: calc(100vw - 4rem - 14rem - 5rem);
  }
}

.about-overview-history__slider-wrap::-webkit-scrollbar {
  display: none;
}

.about-overview-history__slider-wrap .about-overview-history__slider .slider__item {
  background-color: #F1F7F8;
  border-radius: 10px;
  flex-direction: column-reverse;
  height: 14.875rem;
  justify-content: flex-end;
  margin-right: 0.5rem;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  width: 9.625rem;
}
@media screen and (min-width: 801px) {
  .about-overview-history__slider-wrap .about-overview-history__slider .slider__item {
    flex-direction: column;
    height: 17.9375rem;
    justify-content: flex-start;
    margin-right: 1rem;
    padding: 1.5rem;
    width: 15rem;
  }
}

.about-overview-history__slider-wrap .about-overview-history__slider .slider__item-date {
  color: #007C93;
  font-family: "Poppins", sans-serif;
  font-size: 1.3125rem;
  font-weight: 500;
  margin: 0;
}
@media screen and (min-width: 801px) {
  .about-overview-history__slider-wrap .about-overview-history__slider .slider__item-date {
    font-size: 1.5rem;
  }
}

.about-overview-history__slider-wrap .about-overview-history__slider .slider__item-text {
  font-size: 0.75rem;
  height: 8.125rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 0.75rem;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox 対応 */
  -ms-overflow-style: none; /* IE, Edge 対応 */
}
@media screen and (min-width: 801px) {
  .about-overview-history__slider-wrap .about-overview-history__slider .slider__item-text {
    font-size: 0.875rem;
    height: 9.375rem;
    letter-spacing: 0.03em;
  }
}

.about-overview-history__slider-wrap .about-overview-history__slider .slider__item-text::-webkit-scrollbar {
  display: none; /* Chrome, Safari 対応 */
}

.about-overview-history__slider-wrap .about-overview-history__slider .slider__item-year {
  bottom: -1.75rem;
  color: #FFF;
  font-family: "Poppins", sans-serif;
  font-size: 3.1875rem;
  font-weight: 500;
  position: absolute;
  right: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .about-overview-history__slider-wrap .about-overview-history__slider .slider__item-year {
    font-size: 4rem;
    right: 1.125rem;
  }
}

.about-overview-history__slider-wrap .about-overview-history__slider .slider__item-bar-wrap {
  margin-top: 2.5rem;
}

.about-overview-history__slider-wrap .about-overview-history__slider .slider__item-bar-wrap li {
  background-color: #E4E4E4;
}

.about-overview-history__slider-wrap .about-overview-history__slider .slider__item-bar-wrap li.slick-active {
  background-color: #56B2CB;
}

.about-overview-history__slider-arrow {
  display: flex;
  gap: 1rem;
  position: absolute;
  right: 0;
  top: -0.625rem;
}
@media screen and (min-width: 801px) {
  .about-overview-history__slider-arrow {
    top: 0;
  }
}

.about-overview-history__slider-arrow .slider__item-button-wrap {
  left: auto;
  right: 0;
  top: 0;
}

.about-overview-history__slider-arrow .slider__item-button {
  height: 3.4375rem;
  width: 3.4375rem;
}

.about-overview-history__slider-arrow .slider__item-button-arrow {
  height: 1rem;
  width: 1rem;
}

.about-overview-history__slider-arrow .slick-disabled .slider__item-button {
  display: flex;
}

.about-overview-history__slider-arrow .slider__item-button-wrap.prev .slider__item-button,
.about-overview-history__slider-arrow .slider__item-button-wrap.next .slider__item-button {
  left: 0;
}

.about-overview-history__slider-arrow .slider__item-button-wrap.prev {
  right: 4.375rem;
}

.about-overview-member__inner {
  padding-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-overview-member__inner {
    padding-top: 7.8125rem;
  }
}

.about-overview-member__list-wrap {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .about-overview-member__list-wrap {
    margin-top: 4.0625rem;
  }
}

.about-overview-member__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.about-overview-member__item {
  background-color: #FFF;
  border-radius: 10px;
  display: grid;
  padding: 1rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .about-overview-member__item {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    padding: 2rem;
  }
}

.about-overview-member__item--president {
  padding-bottom: 4.375rem;
}
@media screen and (min-width: 801px) {
  .about-overview-member__item--president {
    padding-bottom: 2rem;
  }
}

.about-overview-member__item-image {
  flex-shrink: 0;
  grid-column: 1/2;
  grid-row: 1/2;
  width: 9.21875rem;
}
@media screen and (min-width: 801px) {
  .about-overview-member__item-image {
    width: 14.4375rem;
  }
}

.about-overview-member__item-image img {
  border-radius: 10px;
  height: auto;
}

.about-overview-member__item-content {
  grid-column: 1/3;
  grid-row: 1/2;
}

.about-overview-member__item-name-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-left: 10.3125rem;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .about-overview-member__item-name-wrap {
    align-items: center;
    flex-direction: row;
    gap: 0.9375rem;
    margin-left: 0;
    margin-top: 0.9375rem;
  }
}

.about-overview-member__item-title {
  font-size: 0.75rem;
  font-weight: 500;
  margin-left: 10.3125rem;
  margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .about-overview-member__item-title {
    font-size: 1rem;
    margin-left: 0;
    margin-top: 0;
  }
}

.about-overview-member__item-name {
  font-size: 1.3125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .about-overview-member__item-name {
    font-size: 1.5rem;
  }
}

.about-overview-member__item-name-en {
  color: #56B2CB;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .about-overview-member__item-name-en {
    font-size: 0.875rem;
  }
}

.about-overview-member__item-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-overview-member__item-text {
    font-size: 1rem;
    margin-top: 1.875rem;
  }
}

.about-overview-member__item .about-overview-member__btn-wrap {
  position: absolute;
  right: 1rem;
  top: 35.9375rem;
}
@media screen and (min-width: 801px) {
  .about-overview-member__item .about-overview-member__btn-wrap {
    right: 2rem;
    top: 4.5rem;
  }
}

.about-overview-member__btn-wrap .page-sec__btn {
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}

.about-overview-advisor {
  margin-top: 2.1875rem;
  padding-bottom: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor {
    margin-top: 4.375rem;
    padding-bottom: 7.5rem;
  }
}

.about-overview-advisor__list-wrap {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__list-wrap {
    margin-top: 4.0625rem;
  }
}

.about-overview-advisor__list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__list {
    flex-direction: row;
    justify-content: space-between;
  }
}

.about-overview-advisor__item {
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  gap: 1rem;
  height: -moz-max-content;
  height: max-content;
  padding: 1rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__item {
    gap: 2rem;
    padding: 2rem;
    width: 30.46875rem;
  }
}

.about-overview-advisor__item-image {
  flex-shrink: 0;
  width: 7.25rem;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__item-image {
    width: 8.75rem;
  }
}

.about-overview-advisor__item-image img {
  border-radius: 10px;
  height: auto;
}

.about-overview-advisor__item-title {
  font-size: 0.875rem;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__item-title {
    font-size: 1rem;
    margin-top: 0;
  }
}

.about-overview-advisor__item-name-wrap {
  margin-top: 0.9375rem;
}

.about-overview-advisor__item-name {
  font-size: 1.25rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__item-name {
    font-size: 1.5rem;
  }
}

.about-overview-advisor__item-name-en {
  color: #56B2CB;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__item-name-en {
    font-size: 0.875rem;
    margin-top: 0.75rem;
  }
}

.about-overview-advisor__member {
  background-color: #007C93;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 1.875rem;
  padding: 1.75rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__member {
    flex-direction: row;
    margin-top: 3.75rem;
    padding: 3rem;
  }
}

.about-overview-advisor__member-text-wrap {
  color: #FFF;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__member-text-wrap {
    width: 27.75rem;
  }
}

.about-overview-advisor__member-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  margin-top: 0.4375rem;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__member-title {
    font-size: 1.5rem;
  }
}

.about-overview-advisor__member-text {
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 1.125rem;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__member-text {
    font-size: 1rem;
    margin-top: 2.375rem;
  }
}

.about-overview-advisor__member-box {
  align-items: flex-end;
  background-image: url("../images/about/member-box-bg.png");
  background-position: center;
  background-size: 105%;
  border-radius: 16px;
  display: flex;
  height: 12.3125rem;
  margin-top: 0.625rem;
  padding: 0.5rem;
  position: relative;
  transition: background-size 0.4s, background-position 0.4s;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__member-box {
    height: 18.6875rem;
    margin-top: 0;
    width: 26.1875rem;
  }
}

.about-overview-advisor__member-box:has(.about-overview-advisor__member-box-link:hover) {
  background-position: center;
  background-size: 110%;
}

.about-overview-advisor__member-box-link {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  display: flex;
  height: 4.5625rem;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  transition: background-color 0.4s, color 0.4s;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__member-box-link {
    border-radius: 16px;
  }
}

.about-overview-advisor__member-box-link:hover {
  background-color: #007C93;
  color: #FFF;
}

.about-overview-advisor__member-box-link-text-wrap {
  align-items: center;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  width: 100%;
}

.about-overview-advisor__member-box-link-text {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-overview-advisor__member-box-link-text {
    font-size: 1.125rem;
    font-weight: 500;
  }
}

.about-overview-advisor__member-box-link-btn .page-sec__btn {
  justify-content: flex-end;
  pointer-events: none;
  width: auto;
}

.about-overview-advisor__member-box-link:hover .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
}

.about-overview-advisor__member-box-link:hover .page-sec__btn:after {
  background-color: #F2F2F2;
}

.about-overview-award__award-list {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .about-overview-award__award-list {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4.0625rem;
  }
}

.about-overview-award__award-item {
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-overview-award__award-item {
    width: 19.625rem;
  }
}

.about-overview-award__award-item-image {
  background-color: rgba(0, 0, 0, 0.003);
  display: grid;
  flex-shrink: 0;
  height: 8.25rem;
  place-items: center;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-overview-award__award-item-image {
    height: 12.5rem;
  }
}

.about-overview-award__award-item-image img {
  height: auto;
}

.about-overview-award__award-item-name {
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-overview-award__award-item-name {
    font-size: 1.375rem;
    margin-top: 0.625rem;
  }
}

.about-overview-media__content {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__content {
    margin-top: 4.125rem;
  }
}

.about-overview-media__sub-title h3 {
  font-size: 1.125rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-overview-media__sub-title h3 {
    font-size: 1.5rem;
  }
}

.about-overview-media__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 2.1;
  margin-top: 1.125rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__text {
    font-size: 1rem;
    margin-top: 1.875rem;
  }
}

.about-overview-media__news-list-wrap {
  background-color: #F3F4F5;
  border-radius: 10px;
  margin-top: 1.25rem;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__news-list-wrap {
    margin-top: 2rem;
    padding: 2rem;
  }
}

.about-overview-media__news-list {
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
}

.about-overview-media__news-item {
  letter-spacing: 0.01em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .about-overview-media__news-item {
    letter-spacing: 0.02em;
    line-height: normal;
  }
}

.about-overview-media__news-item-title {
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-overview-media__news-item-title {
    font-size: 1rem;
  }
}

.about-overview-media__news-item-info {
  margin-top: 0.3125rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__news-item-info {
    display: flex;
    margin-top: 0.625rem;
  }
}

.about-overview-media__news-item-date {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__news-item-date {
    font-size: 0.875rem;
  }
}

.about-overview-media__news-item-link {
  color: #007C93;
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  text-decoration: underline;
  transition: opacity 0.4s;
}
@media screen and (min-width: 801px) {
  .about-overview-media__news-item-link {
    font-size: 0.875rem;
    margin-left: 0.5rem;
    margin-top: 0;
  }
}

.about-overview-media__news-item-link:hover {
  opacity: 0.5;
}

.about-overview-media__book-list-wrap {
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__book-list-wrap {
    margin-top: 2rem;
  }
}

.about-overview-media__book-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__book-list {
    flex-direction: row;
  }
}

.about-overview-media__book-item {
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding: 1.625rem 1.5rem 0.625rem 0.875rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-overview-media__book-item {
    flex-direction: column;
    gap: 0;
    padding: 0.75rem 1.5rem 1.5rem;
    width: 19.625rem;
  }
}

.about-overview-media__book-item-content {
  letter-spacing: 0.02em;
  line-height: 1.6;
}

.about-overview-media__book-item-image {
  flex-shrink: 0;
  height: 10.25rem;
  width: 7.375rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__book-item-image {
    height: 19.375rem;
    text-align: center;
    width: 100%;
  }
}

.about-overview-media__book-item-image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 7.625rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__book-item-image img {
    width: 13.75rem;
  }
}

.about-overview-media__book-item-title {
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-overview-media__book-item-title {
    font-size: 1.25rem;
    text-align: center;
  }
}

.about-overview-media__book-item-text {
  font-size: 0.75rem;
  margin-top: 0.3125rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__book-item-text {
    font-size: 1rem;
    margin-top: 1.125rem;
  }
}

.about-overview-media__book-item-link {
  align-items: center;
  color: #007C93;
  display: flex;
  font-size: 0.6875rem;
  margin-top: 0.625rem;
  text-decoration: underline;
  transition: opacity 0.4s;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .about-overview-media__book-item-link {
    font-size: 0.875rem;
    margin-top: 1.25rem;
  }
}

.about-overview-media__book-item-link:after {
  background-image: url("../images/icon/new_window-light-green.svg");
  background-size: cover;
  content: "";
  display: inline-block;
  height: 0.75rem;
  margin-left: 0.25rem;
  width: 0.75rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__book-item-link:after {
    height: 1rem;
    width: 1rem;
  }
}

.about-overview-media__book-item-link:hover {
  opacity: 0.5;
}

.about-overview-media__event-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 1.125rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__event-list {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1.5rem;
  }
}

.about-overview-media__event-item {
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__event-item {
    padding: 1.5rem;
    width: 30.46875rem;
  }
}

.about-overview-media__event-item-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 0.3125rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-overview-media__event-item-text {
    font-size: 1rem;
    margin-top: 0;
  }
}

.about-overview-media__event-item-movie {
  aspect-ratio: 311/168;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__event-item-movie {
    aspect-ratio: 439.5/248;
    width: 27.46875rem;
  }
}

.about-overview-media__event-item-movie iframe {
  height: 100%;
  width: 100%;
}

.about-overview-media__btn-wrap {
  margin-inline: auto;
  margin-top: 1.875rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-overview-media__btn-wrap {
    margin-top: 2.1875rem;
  }
}

.about-overview-media__btn-wrap .btn {
  padding-block: 1rem;
  width: 19.0625rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__btn-wrap .btn {
    padding: 0.875rem 3.75rem 0.875rem 0.625rem;
    padding-right: 3.75rem;
    width: 20.875rem;
  }
}

.about-overview-media__btn-wrap .btn:after {
  top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__btn-wrap .btn:after {
    top: 1.0625rem;
  }
}

.about-overview-media__event-list-container {
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  margin-top: 1.375rem;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__event-list-container {
    margin-top: 1.875rem;
    padding: 2.5rem;
  }
}

.about-overview-media__event-list-title {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-overview-media__event-list-title {
    font-size: 1rem;
  }
}

.about-overview-media__event-list-title a {
  color: #007C93;
  text-decoration: underline;
}

.about-overview-media__event-list-text {
  margin-top: 1.25rem;
}

.about-overview-media__event-list-wrap {
  margin-top: 1.75rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__event-list-wrap {
    margin-top: 2.375rem;
  }
}

.about-overview-media__event-list-wrap .about-overview-media__event-list-text {
  margin-top: 0;
}

.about-overview-media__event-list-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .about-overview-media__event-list-text {
    font-size: 1rem;
  }
}

.about-overview-media__event-list-wrap .about-overview-media__event-item {
  border: 0;
  padding: 0;
}
@media screen and (min-width: 801px) {
  .about-overview-media__event-list-wrap .about-overview-media__event-item {
    width: 27.96875rem;
  }
}

.about-overview-media__content--event .about-overview-media__event-item-movie {
  aspect-ratio: 311/145;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__content--event .about-overview-media__event-item-movie {
    aspect-ratio: 447.5/263;
    width: 27.96875rem;
  }
}

.about-overview-media__music-list-wrap {
  margin-top: 1.75rem;
}

.about-overview-media__music-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.about-overview-media__music-item {
  background-color: #F3F4F5;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__music-item {
    flex-direction: row;
    gap: 2rem;
  }
}

.about-overview-media__music-item-image {
  flex-shrink: 0;
  width: 11.4375rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__music-item-image {
    width: 16.625rem;
  }
}

.about-overview-media__music-item-image img {
  border-radius: 10px;
  height: auto;
}

.about-overview-media__music-item-date {
  color: #808080;
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-overview-media__music-item-date {
    font-size: 1rem;
  }
}

.about-overview-media__music-item-link {
  align-items: center;
  color: #007C93;
  display: flex;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 1.125rem;
  text-decoration: underline;
  transition: opacity 0.4s;
}
@media screen and (min-width: 801px) {
  .about-overview-media__music-item-link {
    font-size: 1.5rem;
  }
}

.about-overview-media__music-item-link:after {
  background-image: url("../images/icon/new_window-light-green.svg");
  background-size: cover;
  content: "";
  display: inline-block;
  height: 1.5rem;
  margin-left: 0.25rem;
  width: 1.5rem;
}

.about-overview-media__music-item-link:hover {
  opacity: 0.5;
}

.about-overview-media__music-item-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .about-overview-media__music-item-text {
    font-size: 1rem;
    margin-top: 2.1875rem;
  }
}

.about-esg .head-archive__text {
  display: block;
  font-size: 0.875rem;
  line-height: 1.6;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .about-esg .head-archive__text {
    font-size: 1rem;
  }
}

.about-esg__content-wrap {
  background-color: #F3F4F5;
  margin-inline: auto;
  margin-top: 1.25rem;
  overflow-x: hidden;
  padding-inline: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-esg__content-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    overflow-x: visible;
    padding-inline: 0;
    width: 82rem;
  }
}

.about-esg__index .side-index {
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .about-esg__index .side-index {
    padding-bottom: 7.5rem;
    padding-top: 8.625rem;
  }
}

.about-esg__content {
  margin-top: 5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-esg__content {
    margin-top: 7.5rem;
    width: 63rem;
  }
}

.about-esg__content .article__image {
  height: 14.3125rem;
}
@media screen and (min-width: 801px) {
  .about-esg__content .article__image {
    height: 13.125rem;
  }
}

.about-esg-heading__inner {
  padding-bottom: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-esg-heading__inner {
    padding-bottom: 7.5rem;
  }
}

.about-esg-heading__title h2 {
  color: #007C93;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.62;
}
@media screen and (min-width: 801px) {
  .about-esg-heading__title h2 {
    font-size: 2.25rem;
    line-height: 1.5;
  }
}

.about-esg-heading__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.72;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .about-esg-heading__text {
    font-size: 1rem;
    line-height: 2;
    margin-top: 4.375rem;
  }
}

.about-esg-info,
.about-esg-social,
.about-esg-governance,
.about-esg-world {
  position: relative;
}

.about-esg-info:before,
.about-esg-social:before,
.about-esg-governance:before {
  background-color: #FFF;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .about-esg-info:before,
  .about-esg-social:before,
  .about-esg-governance:before {
    left: calc(50% - 9.5rem);
  }
}

.about-esg-info__inner,
.about-esg-social__inner,
.about-esg-governance__inner {
  margin-inline: auto;
  max-width: 100%;
  padding-bottom: 3.75rem;
  padding-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-esg-info__inner,
  .about-esg-social__inner,
  .about-esg-governance__inner {
    max-width: 90rem;
    padding: 7.5rem 0;
  }
}

.about-esg-info__wrap,
.about-esg-social__wrap,
.about-esg-governance__wrap {
  margin-inline: auto;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about-esg-info__wrap,
  .about-esg-social__wrap,
  .about-esg-governance__wrap {
    margin-inline: 0;
    margin-left: auto;
    width: 63rem;
  }
}

.about-esg-info__wrap {
  display: flex;
  flex-direction: column;
}

.about-esg-info__head {
  display: contents;
}
@media screen and (min-width: 801px) {
  .about-esg-info__head {
    display: block;
  }
}

.about-esg__title {
  align-items: center;
  border-bottom: 1px solid #CCC;
  display: flex;
  gap: 1rem;
  letter-spacing: 0.06em;
  order: 1;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 801px) {
  .about-esg__title {
    gap: 1.25rem;
    padding-bottom: 1.5625rem;
  }
}

.about-esg__title:before {
  background: url("../images/icon/page-title.svg") no-repeat center/contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.9375rem;
  width: 1.5rem;
}

.about-esg__title h2 {
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-esg__title h2 {
    font-size: 2.25rem;
  }
}

.about-esg-info__btn-wrap {
  margin-left: auto;
  margin-top: 2.1875rem;
  order: 3;
}
@media screen and (min-width: 801px) {
  .about-esg-info__btn-wrap {
    margin-left: 0;
    margin-top: 0.3125rem;
  }
}

.about-esg-info__btn-wrap .page-sec__btn {
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}

.about-esg-info__article {
  margin-top: 2.1875rem;
  order: 2;
}
@media screen and (min-width: 801px) {
  .about-esg-info__article {
    margin-top: 2.8125rem;
  }
}

.about-esg-info__article .article__list {
  gap: 2rem;
}

.about-esg-info__article .article__tag {
  transition: background-color 0.4s;
}

.about-esg-info__article .article__tag:hover {
  background-color: #F3F4F5;
}

.about-esg-environment__inner {
  padding-bottom: 3.75rem;
  padding-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__inner {
    padding-bottom: 7.5rem;
    padding-top: 7.8125rem;
  }
}

.about-esg-environment__content,
.about-esg-social__content {
  margin-top: 2.375rem;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__content,
  .about-esg-social__content {
    margin-top: 4.125rem;
  }
}

.about-esg-social__content:nth-of-type(3) {
  margin-top: 7.8125rem;
}
@media screen and (min-width: 801px) {
  .about-esg-social__content:nth-of-type(3) {
    margin-top: 4.125rem;
  }
}

.about-esg-environment__title h3,
.about-esg-social__title h3 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__title h3,
  .about-esg-social__title h3 {
    font-size: 1.5rem;
  }
}

.about-esg-environment__text,
.about-esg-social__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.72;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__text,
  .about-esg-social__text {
    font-size: 1rem;
    line-height: 1.97;
  }
}

.about-esg-environment__list-wrap {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__list-wrap {
    margin-top: 4.0625rem;
  }
}

.about-esg-environment__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__list {
    flex-direction: row;
  }
}

.about-esg-environment__item {
  align-items: center;
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: -moz-max-content;
  height: max-content;
  min-height: 17.125rem;
  padding: 1.5rem 1.375rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__item {
    width: 20.3125rem;
  }
}

.about-esg-environment__list-wrap--security {
  margin-top: 1.875rem;
}

.about-esg-environment__list-wrap--security .about-esg-environment__item {
  padding: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__list-wrap--security .about-esg-environment__item {
    width: 30.46875rem;
  }
}

.about-esg-environment__list-wrap--security .about-esg-environment__item-image {
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__list-wrap--security .about-esg-environment__item-image {
    height: 12.5rem;
  }
}

.about-esg-environment__item-tag {
  background-color: #259D63;
  color: #FFF;
  font-size: 0.75rem;
  margin-right: auto;
  padding: 0.125rem 0.5rem;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__item-tag {
    font-size: 0.875rem;
  }
}

.about-esg-environment__item-tag--blue {
  background-color: #56B2CB;
}

.about-esg-environment__item-image {
  display: grid;
  margin-top: 0.625rem;
  place-items: center;
}

.about-esg-environment__item-name {
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 0.625rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__item-name {
    font-size: 1.375rem;
    margin-top: 0.3125rem;
  }
}

.about-esg-environment__item--sbt .about-esg-environment__item-name {
  font-size: 1.375rem;
}

.about-esg-environment__item-text {
  font-size: 0.875rem;
  line-height: 1.7;
  margin-top: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__item-text {
    font-size: 1rem;
  }
}

.about-esg-environment__box-wrap {
  display: flex;
  flex-direction: column;
  gap: 2.1875rem;
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__box-wrap {
    margin-top: 2rem;
  }
}

.about-esg-environment__box-title {
  align-items: center;
  display: flex;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__box-title {
    font-size: 1.125rem;
  }
}

.about-esg-environment__box-title span {
  color: #56B2CB;
  padding-right: 0.3125rem;
}

.about-esg-environment__box-text {
  background-color: #FFF;
  border-radius: 10px;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 1.125rem;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__box-text {
    font-size: 1rem;
    padding: 1.5rem;
  }
}

.about-esg-environment__box--basicpolicy .about-esg-environment__box-text {
  line-height: 1.44;
}

.about-esg-environment__box-table-wrap {
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__box-table-wrap {
    margin-top: 1.25rem;
  }
}

.about-esg-environment__box-table {
  border: 1px solid #CCC;
  border-collapse: collapse;
  font-size: 0.875rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__box-table {
    font-size: 1rem;
  }
}

.about-esg-environment__box-table tr {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__box-table tr {
    flex-direction: row;
  }
}

.about-esg-environment__box-table th,
.about-esg-environment__box-table td {
  border: 1px solid #CCC;
  padding: 1.0625rem 1rem;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__box-table th,
  .about-esg-environment__box-table td {
    padding: 1.0625rem 2rem;
  }
}

.about-esg-environment__box-table th {
  background-color: #E6E6E6;
  font-weight: 400;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__box-table th {
    flex-shrink: 0;
    width: 20.125rem;
  }
}

.about-esg-environment__box-table td {
  background-color: #FFF;
  width: 100%;
}

.about-esg-environment__box-supplement {
  color: #808080;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  line-height: 1.66;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .about-esg-environment__box-supplement {
    font-size: 0.875rem;
    margin-top: 1.25rem;
  }
}

.about-esg-social__box-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}

.about-esg-social__box {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.72;
}
@media screen and (min-width: 801px) {
  .about-esg-social__box {
    background-color: #F3F4F5;
    border-radius: 10px;
    font-size: 1rem;
    line-height: 1.7;
    padding: 2.5rem;
  }
}

.about-esg-social__box ol {
  letter-spacing: 0.024em;
  line-height: 2;
  margin-left: 1.4375rem;
  margin-top: 0.75rem;
}

.about-esg-social__box ol li {
  list-style: decimal;
}

.about-esg-social__image-box-wrap {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 1.875rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .about-esg-social__image-box-wrap {
    background-color: #F3F4F5;
    border-radius: 10px;
    gap: 2rem;
    padding: 2rem;
  }
}

.about-esg-social__image-box .zoomup {
  display: grid;
  height: 100%;
  place-items: center;
  pointer-events: auto;
  width: 100%;
}

.about-esg-social__image-box .zoomup__open {
  background-color: rgb(35, 24, 21);
  bottom: -3.125rem;
  font-size: 0.875rem;
  opacity: 1;
  padding-block: 0.5rem;
  right: auto;
  width: 9rem;
}
@media screen and (min-width: 801px) {
  .about-esg-social__image-box .zoomup__open {
    background-color: rgb(0, 0, 0);
    border-radius: 0;
    bottom: auto;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    gap: 0.9375rem;
    height: 100%;
    justify-content: center;
    margin-inline: auto;
    opacity: 0;
    padding-block: 0;
    transition: opacity 0.4s;
    width: 100%;
  }
}

@media screen and (min-width: 801px) {
  .about-esg-social__image-box .zoomup__open:before {
    background-image: url(../images/icon/zoomup.png);
    background-size: cover;
    height: 1.5rem;
    width: 1.5rem;
  }
}

@media screen and (min-width: 801px) {
  .about-esg-social__image-box:hover .zoomup__open {
    opacity: 0.6;
  }
}

.about-esg-social__image-box-wrap--csr {
  padding: 0;
}
@media screen and (min-width: 801px) {
  .about-esg-social__image-box-wrap--csr {
    height: 32.5rem;
  }
}

.about-esg-social__image-box-wrap--csr img {
  height: auto;
}

.about-esg-sdgs__inner {
  padding-block: 3.75rem;
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__inner {
    padding-block: 7.5rem;
  }
}

.about-esg-sdgs__text {
  font-size: 0.875rem;
  letter-spacing: 0.03em;
  line-height: 1.7;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__text {
    font-size: 1.125rem;
  }
}

.about-esg-sdgs__image {
  margin-top: 1.875rem;
  width: 17.6875rem;
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__image {
    margin-top: 4.375rem;
    width: 30.6875rem;
  }
}

.about-esg-sdgs__list-wrap {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__list-wrap {
    margin-top: 3.4375rem;
  }
}

.about-esg-sdgs__list {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__list {
    gap: 2rem;
    grid-template-columns: repeat(2, 30.46875rem);
  }
}

.about-esg-sdgs__item {
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__item {
    min-height: 13.3125rem;
  }
}

.about-esg-sdgs__item-link {
  display: flex;
  gap: 1rem;
  height: 100%;
  padding: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__item-link {
    gap: 1.5rem;
    padding: 1.5rem;
  }
}

.about-esg-sdgs__item-image {
  flex-shrink: 0;
  height: 5.9375rem;
  overflow: hidden;
  width: 5.9375rem;
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__item-image {
    height: 9.375rem;
    width: 9.375rem;
  }
}

.about-esg-sdgs__item-image img {
  transition: transform 0.4s;
}

.about-esg-sdgs__item-link:hover .about-esg-sdgs__item-image img {
  transform: scale(1.1);
}

.about-esg-sdgs__item-head {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  justify-content: space-between;
}

.about-esg-sdgs__item-name {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__item-name {
    font-size: 1.25rem;
  }
}

.about-esg-sdgs__item-btn {
  width: -moz-fit-content;
  width: fit-content;
}

.about-esg-sdgs__item-btn .page-sec__btn {
  justify-content: flex-end;
  pointer-events: none;
  width: auto;
}

.about-esg-sdgs__item-btn .page-sec__btn {
  height: 1.8125rem;
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__item-btn .page-sec__btn {
    height: 2.4375rem;
  }
}

.about-esg-sdgs__item-btn .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  transition: background-image 0.4s;
}

.about-esg-sdgs__item-btn .page-sec__btn:after {
  background-color: #F2F2F2;
}

.about-esg-sdgs__item-btn .page-sec__btn:before,
.about-esg-sdgs__item-btn .page-sec__btn:after {
  height: 1.8125rem;
  width: 1.8125rem;
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__item-btn .page-sec__btn:before,
  .about-esg-sdgs__item-btn .page-sec__btn:after {
    height: 2.4375rem;
    width: 2.4375rem;
  }
}

.about-esg-sdgs__item-link:hover .about-esg-sdgs__item-btn .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.about-esg-sdgs__item-link:hover .about-esg-sdgs__item-btn .page-sec__btn:after {
  background-color: #56B2CB;
}

.about-esg-sdgs__item-text {
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  line-height: 1.69;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .about-esg-sdgs__item-text {
    font-size: 1rem;
    letter-spacing: 0.02em;
    line-height: 1.7;
    margin-top: 1.25rem;
  }
}

.about-esg-governance__content-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.0625rem;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .about-esg-governance__content-wrap {
    margin-top: 3.125rem;
  }
}

.about-esg-governance__content {
  background-color: #F3F4F5;
  border-radius: 10px;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-esg-governance__content {
    padding: 2.5rem;
  }
}

.about-esg-governance__content-title {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .about-esg-governance__content-title {
    font-size: 1.25rem;
  }
}

.about-esg-governance__content-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.75;
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .about-esg-governance__content-text {
    font-size: 1rem;
    line-height: 1.6;
  }
}

.about-esg-world {
  background-color: #063846;
  color: #FFF;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .about-esg-world {
    left: calc(50% - 9.5rem);
  }
}

.about-esg-world:before {
  background-image: url("../images/top/sus-bg.png");
  background-position: -5% -10%;
  background-size: 39.1875rem;
  content: "";
  display: block;
  height: 100%;
  max-width: 100%;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-esg-world:before {
    background-position: -5% -75%;
    background-size: 66.25rem;
    left: calc(50% - 10.625rem);
    max-width: 90rem;
    transform: translateX(-50%);
  }
}

.about-esg-world__inner {
  margin-inline: auto;
  max-width: 100%;
  padding: 3.75rem 1rem;
}
@media screen and (min-width: 801px) {
  .about-esg-world__inner {
    max-width: 90rem;
    padding: 7.5rem 4.0625rem;
  }
}

.about-esg-world__wrap {
  margin-left: auto;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-esg-world__wrap {
    width: 63rem;
  }
}

.about-esg-world__title-wrap {
  font-weight: 500;
  text-align: center;
}

.about-esg-world__sub-title {
  font-size: 1rem;
}
@media screen and (min-width: 801px) {
  .about-esg-world__sub-title {
    font-size: 1.5rem;
  }
}

.about-esg-world__title {
  font-size: 1.75rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-esg-world__title {
    font-size: 3rem;
    margin-top: 1rem;
  }
}

.about-esg-world__text-wrap {
  background-color: rgba(0, 124, 147, 0.6);
  border-radius: 16px;
  font-size: 0.875rem;
  margin-top: 1.5625rem;
  padding: 2rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .about-esg-world__text-wrap {
    font-size: 1rem;
    margin-top: 2.5rem;
    padding: 4rem 5.25rem 4rem 5rem;
  }
}

.about-esg-world__text-title {
  font-size: 1.25rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .about-esg-world__text-title {
    font-size: 1.75rem;
  }
}

.about-esg-world__text {
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-top: 2.25rem;
}

.about-esg-world__btn-wrap {
  margin-top: 1.5625rem;
  text-align: center;
}

.about-esg-world__btn-wrap .btn--w {
  color: #007C93;
  font-size: 0.875rem;
  padding-left: 2.8125rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about-esg-world__btn-wrap .btn--w {
    font-size: 1rem;
    padding-left: 2rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.about-esg-world__btn-wrap .btn--w:after {
  background-image: url("../images/icon/btn-arrow-blue.png");
  right: 3.25rem;
  top: 1.8125rem;
}
@media screen and (min-width: 801px) {
  .about-esg-world__btn-wrap .btn--w:after {
    right: 2rem;
    top: 1.34375rem;
  }
}

.all-service__content-wrap {
  margin-inline: auto;
  margin-top: 4.0625rem;
  width: 22.1875rem;
}
@media screen and (min-width: 801px) {
  .all-service__content-wrap {
    margin-top: 8.125rem;
    width: 82rem;
  }
}

.all-service__content:not(:first-child) {
  margin-top: 3rem;
}

.all-service__title-wrap {
  font-family: "Poppins", sans-serif;
  position: relative;
}
@media screen and (min-width: 801px) {
  .all-service__title-wrap {
    align-items: center;
    display: flex;
    gap: 1.125rem;
  }
}

.all-service__title-wrap:after {
  background-color: #CCC;
  bottom: -0.9375rem;
  content: "";
  display: inline;
  height: 0.0625rem;
  position: absolute;
  width: 100%;
}

.all-service__title {
  color: #007C93;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.022em;
}
@media screen and (min-width: 801px) {
  .all-service__title {
    font-size: 2rem;
  }
}

.all-service__sub-title {
  font-size: 0.875rem;
  letter-spacing: 0.028em;
  margin-top: 0.25rem;
}
@media screen and (min-width: 801px) {
  .all-service__sub-title {
    font-size: 1rem;
    margin-top: 0;
  }
}

.all-service__card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.125rem;
  justify-content: space-between;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .all-service__card-list {
    gap: 2rem;
    margin-top: 2.8125rem;
  }
}

.all-service__card-item {
  width: 22.1875rem;
}
@media screen and (min-width: 801px) {
  .all-service__card-item {
    width: 39.9375rem;
  }
}

.all-service__card-link {
  background-color: #FFF;
  border-radius: 10px;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 7.25rem 1fr;
  padding: 1rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .all-service__card-link {
    gap: 1.5rem;
    grid-template-columns: 10.5rem 1fr;
    padding: 2.5rem;
  }
}

.all-service__card-image {
  border-radius: 4px;
  grid-column: 1/2;
  grid-row: 1/2;
  height: 7.25rem;
  overflow: hidden;
  width: 7.25rem;
}
@media screen and (min-width: 801px) {
  .all-service__card-image {
    border-radius: 50%;
    grid-row: 1/3;
    height: 10.5rem;
    width: 10.5rem;
  }
}

.all-service__card-link .all-service__card-image img {
  transition: transform 0.4s;
}

.all-service__card-link:hover .all-service__card-image img {
  transform: scale(1.1);
}

.all-service__card-head {
  align-items: center;
  display: flex;
  gap: 0.9375rem;
  justify-content: space-between;
}
@media screen and (min-width: 801px) {
  .all-service__card-head {
    gap: 0;
  }
}

.all-service__card-title {
  color: #042731;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 0.1875rem;
  transition: color 0.4s;
}
@media screen and (min-width: 801px) {
  .all-service__card-title {
    font-size: 1.25rem;
    margin-top: 0.375rem;
  }
}

.all-service__card-link:hover .all-service__card-title {
  color: #007C93;
}

.all-service__card-text {
  color: #042731;
  font-size: 0.875rem;
  grid-column: 1/3;
  grid-row: 2/3;
  letter-spacing: 0.02em;
  line-height: 1.68;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .all-service__card-text {
    font-size: 1rem;
    grid-column: 2/3;
    grid-row: 2/3;
    margin-top: 0;
  }
}

.all-service__card-btn-wrap {
  flex-shrink: 0;
}
@media screen and (min-width: 801px) {
  .all-service__card-btn-wrap {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}

.all-service__card-btn-wrap .page-sec__btn {
  height: 1.828125rem;
  justify-content: flex-end;
  width: 1.828125rem;
}
@media screen and (min-width: 801px) {
  .all-service__card-btn-wrap .page-sec__btn {
    height: 2.4375rem;
    width: 2.4375rem;
  }
}

.all-service__card-btn-wrap .page-sec__btn:before,
.all-service__card-btn-wrap .page-sec__btn:after {
  height: 100%;
  width: 100%;
}

.all-service__card-btn-wrap .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  transition: background-image 0.4s;
}

.all-service__card-link:hover .all-service__card-btn-wrap .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.all-service__card-btn-wrap .page-sec__btn:after {
  background-color: #F2F2F2;
  transition: background-color 0.4s;
}

.all-service__card-link:hover .all-service__card-btn-wrap .page-sec__btn:after {
  background-color: #56B2CB;
}

.all-service__dropdown {
  background-color: #FFF;
  border-radius: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .all-service__dropdown {
    margin-top: 3rem;
  }
}

.all-service__dropdown-btn {
  color: #042731;
  padding: 1.1875rem 1rem;
  position: relative;
  text-align: left;
  transition: color 0.4s;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .all-service__dropdown-btn {
    padding: 2.9375rem 2rem;
  }
}

.all-service__dropdown-btn h3 {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .all-service__dropdown-btn h3 {
    font-size: 1.25rem;
  }
}

.all-service__dropdown-btn:hover {
  color: #007C93;
}

.all-service__dropdown-btn:before,
.all-service__dropdown-btn:after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 2.0625rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.0625rem;
}
@media screen and (min-width: 801px) {
  .all-service__dropdown-btn:before,
  .all-service__dropdown-btn:after {
    height: 2.75rem;
    right: 2rem;
    width: 2.75rem;
  }
}

.all-service__dropdown-btn:before {
  background-color: #F2F2F2;
  transition: background-color 0.4s;
}

.all-service__dropdown-btn:hover:before {
  background-color: #56B2CB;
}

.all-service__dropdown-btn:after {
  background-image: url("../images/icon/arrow_down.png");
  background-position: center;
  background-size: 1rem;
  position: absolute;
  transition: background-image 0.4s, transform 0.4s;
}

.all-service__dropdown-btn.is-service-view:after {
  transform: translateY(-50%) rotate(180deg);
}

.all-service__dropdown-btn:hover:after {
  background-image: url("../images/icon/arrow_down-white.png");
}

.all-service__container {
  display: none;
  padding: 1rem 1rem 2rem;
}
@media screen and (min-width: 801px) {
  .all-service__container {
    padding: 1rem 4rem 4rem;
  }
}

.all-service__container--maker {
  height: 80%;
}
@media screen and (min-width: 801px) {
  .all-service__container--maker {
    height: 51.75rem;
  }
}

.all-service__container--rantal {
  height: 80%;
}
@media screen and (min-width: 801px) {
  .all-service__container--rantal {
    height: 35.6875rem;
  }
}

.all-service__list-wrap {
  overflow-y: scroll;
  padding-right: 1.25rem;
}

.all-service__container--maker .all-service__list-wrap {
  height: 46.75rem;
}

.all-service__container--rantal .all-service__list-wrap {
  height: 30.6875rem;
}

.all-service__list-wrap .page-supported__list {
  margin-top: 0;
}

@-moz-document url-prefix() {
  .all-service__list-wrap {
    scrollbar-color: #7A7A7A #E8E8E8;
    scrollbar-width: thin;
  }
}
.all-service__list-wrap::-webkit-scrollbar {
  background-color: #E8E8E8;
  border-radius: 1000px;
  height: 0.5rem;
  width: 0.5rem;
}

.all-service__list-wrap::-webkit-scrollbar-thumb {
  background-color: #7A7A7A;
  border-radius: 1000px;
}

.all-service__list-wrap .page-supported__list .page-supported__link {
  width: 8.9375rem;
}
@media screen and (min-width: 801px) {
  .all-service__list-wrap .page-supported__list .page-supported__link {
    width: 14.9375rem;
  }
}

.all-service__tour {
  margin-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
  .all-service__tour {
    margin-top: 8rem;
    padding-bottom: 15rem;
  }
}

.anti-social-forces__content {
  margin-inline: auto;
  margin-top: 4rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .anti-social-forces__content {
    letter-spacing: 0.02em;
    line-height: 1.6;
    margin-top: 8.5625rem;
    padding-bottom: 7.1875rem;
    width: 53.75rem;
  }
}

.anti-social-forces__head-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .anti-social-forces__head-text {
    font-size: 1rem;
  }
}

.anti-social-forces__list {
  display: flex;
  flex-direction: column;
  gap: 4.6875rem;
  margin-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .anti-social-forces__list {
    gap: 6.5625rem;
    margin-top: 6.5625rem;
  }
}

.anti-social-forces__title {
  align-items: center;
  border-bottom: 1px solid #CCC;
  display: flex;
  padding-bottom: 0.9375rem;
  padding-left: 0.375rem;
}
@media screen and (min-width: 801px) {
  .anti-social-forces__title {
    border-bottom: 3px solid #E6E6E6;
    gap: 1rem;
    padding-bottom: 1.75rem;
    padding-left: 0;
  }
}

@media screen and (min-width: 801px) {
  .anti-social-forces__title:before {
    background: url(../images/icon/page-title.svg) no-repeat center/contain;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 0.9375rem;
    width: 1.5rem;
  }
}

.anti-social-forces__title h2 {
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (min-width: 801px) {
  .anti-social-forces__title h2 {
    display: block;
    font-size: 2.125rem;
  }
}

.anti-social-forces__title-no {
  padding-right: 0.375rem;
}
@media screen and (min-width: 801px) {
  .anti-social-forces__title-no {
    padding-right: 0;
  }
}

.anti-social-forces__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .anti-social-forces__text {
    font-size: 1rem;
  }
}

.case-single__article {
  color: #042731;
  margin-inline: auto;
  padding-bottom: 2.5rem;
  padding-top: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .case-single__article {
    padding-bottom: 3.75rem;
    padding-top: 4.0625rem;
    width: 53.75rem;
  }
}

.case-single__image img {
  height: 14rem;
}
@media screen and (min-width: 801px) {
  .case-single__image img {
    height: auto;
  }
}

.case-single__info {
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .case-single__info {
    margin-top: 2.5rem;
  }
}

.case-single__info dl {
  display: flex;
  gap: 1.5rem;
}

.case-single__info dt {
  width: 6.75rem;
}
@media screen and (min-width: 801px) {
  .case-single__info dt {
    width: 10.8125rem;
  }
}

.case-single__related {
  border-top: 1px solid #D6D6D6;
  margin-inline: auto;
  margin-top: 3.75rem;
  padding-top: 0.9375rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .case-single__related {
    width: 82rem;
  }
}

.case-single__related-title-wrap .head-tag {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .case-single__related-title-wrap .head-tag {
    font-size: 0.875rem;
  }
}

.case-single__related-title {
  font-size: 1.625rem;
  font-weight: 500;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .case-single__related-title {
    font-size: 2.25rem;
  }
}

.case-single__related-article {
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .case-single__related-article {
    margin-top: 3.75rem;
  }
}

.case-single__related-article .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .case-single__related-article .article__list {
    gap: 2.625rem 2rem;
  }
}

.case-single__pagination {
  margin: 4.6875rem auto 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .case-single__pagination {
    margin: 7.8125rem auto 7.5rem;
    width: 68rem;
  }
}

.case {
  background-color: #F3F4F5;
}

.case__head {
  padding-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .case__head {
    padding-top: 7.5rem;
  }
}

.case__filter-wrap {
  background-color: #E6E6E6;
  border-radius: 10px;
  margin-inline: auto;
  padding: 1.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .case__filter-wrap {
    padding: 2.5rem;
    width: 82rem;
  }
}

.case__filter {
  position: relative;
}
@media screen and (min-width: 801px) {
  .case__filter {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}

.case__filter-list .form__filter-tags {
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .case__filter-list .form__filter-tags {
    gap: 1.5rem;
  }
}

.case__filter-list .form__filter-tag {
  height: 3.125rem;
  width: 18.4375rem;
}
.case__filter-list .form__filter-tag p {
  overflow: hidden;
  padding-right: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 801px) {
  .case__filter-list .form__filter-tag {
    height: 3.5rem;
    width: 15.59375rem;
  }
  .case__filter-list .form__filter-tag p {
    padding-right: 1rem;
  }
}

.case__keyword-input-wrap {
  height: 3.125rem;
  padding: 0 1rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .case__keyword-input-wrap {
    height: 3.5rem;
    width: 15.3125rem;
  }
}

.case__keyword-icon {
  background-image: url("../images/icon/search.png");
  background-position: center;
  background-size: contain;
  cursor: pointer;
  height: 1.53125rem;
  width: 1.5rem;
}

.case__search-btn {
  background-color: #042731;
  border-radius: 1000px;
  color: #FFF;
  display: block;
  margin-inline: auto;
  margin-top: 1.125rem;
  padding: 0.9375rem 2.25rem;
}
@media screen and (min-width: 801px) {
  .case__search-btn {
    margin-inline: 0;
    margin-top: 0;
    padding: 0.9375rem 2.5rem;
  }
}

.case__body {
  margin-inline: auto;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .case__body {
    padding-bottom: 7.5rem;
    width: 82rem;
  }
}

.case__list {
  padding-top: 4rem;
}
@media screen and (min-width: 801px) {
  .case__list {
    padding-top: 3.75rem;
  }
}

.case__search-terms-container {
  align-items: flex-start;
  display: none;
  justify-content: flex-start;
  margin-inline: auto;
  padding-top: 2rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .case__search-terms-container {
    gap: 0.75rem;
    grid-template-columns: 8.5rem 1fr;
    margin-top: 0;
    padding-top: 1.5rem;
    width: 82rem;
  }
}

.case__search-terms-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-top: 0.25rem;
}
@media screen and (min-width: 801px) {
  .case__search-terms-title {
    padding-top: 0.125rem;
  }
}

.case__search-terms-title span {
  flex-shrink: 0;
}

@media screen and (min-width: 801px) {
  .case__search-terms-title:after {
    content: "：";
    display: block;
  }
}

.case__search-terms-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .case__search-terms-wrap {
    margin-top: 0;
  }
}

.case__search-terms {
  display: flex;
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .case__search-terms {
    gap: 0.75rem;
  }
}

.case__search-terms-name {
  font-feature-settings: 'palt';
  flex-shrink: 0;
  font-size: 0.875rem;
  padding-top: 0.125rem;
  text-align-last: justify;
  width: 4.8rem;
}
@media screen and (min-width: 801px) {
  .case__search-terms-name {
    font-size: 1rem;
    width: 5.5rem;
  }
}

.case__search-terms-name span {
  display: inline-block;
  width: 1.75rem;
}
@media screen and (min-width: 801px) {
  .case__search-terms-name span {
    width: 2rem;
  }
}

.case__search-terms-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.case__search-terms-item {
  background-color: #E6E6E6;
  border-radius: 1rem;
  cursor: pointer;
  font-size: 0.75rem;
  padding: 0.25rem 2.325rem 0.25rem 1.25rem;
  position: relative;
  transition: background-color .3s;
}
@media screen and (min-width: 801px) {
  .case__search-terms-item {
    font-size: 0.875rem;
  }
}

.case__search-terms-item:hover {
  background-color: #FFF;
}

.case__search-terms-item:before,
.case__search-terms-item:after {
  background: #042731;
  bottom: 0;
  content: "";
  height: 1px;
  margin: auto 0;
  position: absolute;
  right: 12px;
  top: 1px;
  width: 14px;
}

@media screen and (min-width: 801px) {
  .case__search-terms-item:before,
  .case__search-terms-item:after {
    right: 17px;
  }
}

.case__search-terms-item:before {
  transform: rotate(45deg);
}

.case__search-terms-item:after {
  transform: rotate(-45deg);
}

.case__body .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .case__body .article__list {
    gap: 2.625rem 2rem;
  }
}

.case__btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .case__btn-wrap {
    margin-top: 5rem;
  }
}

.case__cat-wrap {
  background-color: #FFF;
}

.column__head {
  padding-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .column__head {
    padding-top: 3.75rem;
  }
}

.column__filter-wrap {
  background-color: #FFF;
  border-radius: 10px;
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .column__filter-wrap {
    padding: 3.03125rem 3.125rem;
    width: 82rem;
  }
}

.column__body {
  margin-inline: auto;
  margin-top: 4rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .column__body {
    margin-top: 3.75rem;
    padding-bottom: 7.5rem;
    width: 82rem;
  }
}

.column__body .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .column__body .article__list {
    gap: 2.5rem;
  }
}

.column-single__person {
  margin-top: 1.75rem;
}
@media screen and (min-width: 801px) {
  .column-single__person {
    margin-top: 3rem;
  }
}

.column__pagination-wrap {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .column__pagination-wrap {
    margin-top: 5.0625rem;
  }
}

.column__pagination-wrap .pagination > *,
.column__pagination-wrap .pagination .pagination__arrow {
  background-color: #FFF;
}

.column__pagination-wrap .dots {
  background-color: transparent;
}

.contact-form__box-wrap {
  margin-inline: auto;
  margin-top: 4rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .contact-form__box-wrap {
    margin-top: 5.4375rem;
    padding-bottom: 7.5rem;
    width: 47.5rem;
  }
}

.contact-form__text {
  letter-spacing: 0.02em;
  line-height: 1.75;
}

.contact-form__box {
  background-color: #FFF;
  border-radius: 10px;
  flex-shrink: 0;
  line-height: 1.7;
  margin-inline: auto;
  margin-top: 1.5625rem;
  padding: 2.25rem 1rem 1.75rem;
}
@media screen and (min-width: 801px) {
  .contact-form__box {
    line-height: normal;
    margin-inline: 0;
    margin-top: 1.5625rem;
    padding: 3.375rem 3rem;
  }
}

.contact-list__content-wrap {
  margin-inline: auto;
  margin-top: 4rem;
  padding-bottom: 1.875rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .contact-list__content-wrap {
    margin-top: 4.8125rem;
    padding-bottom: 3.75rem;
    width: 81.875rem;
  }
}

.contact-list__content-wrap--total {
  border-top: 1px solid #CCC;
  margin-top: 2.625rem;
}
@media screen and (min-width: 801px) {
  .contact-list__content-wrap--total {
    margin-top: 3.5rem;
  }
}

.contact-list__content {
  display: grid;
  gap: 1.125rem;
}
@media screen and (min-width: 801px) {
  .contact-list__content {
    gap: 1.5rem;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
  }
}

.contact-list__content-wrap--total .contact-list__content {
  margin-top: 2.625rem;
}
@media screen and (min-width: 801px) {
  .contact-list__content-wrap--total .contact-list__content {
    margin-top: 3.875rem;
  }
}

.contact-list__item-wrap {
  background-color: #FFF;
  border-radius: 10px;
  height: 100%;
  min-height: 14.6875rem;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .contact-list__item-wrap {
    height: 22.75rem;
    padding: 2rem;
  }
}

.contact-list__content-wrap--total .contact-list__item-wrap {
  height: 16.25rem;
}
@media screen and (min-width: 801px) {
  .contact-list__content-wrap--total .contact-list__item-wrap {
    height: 19.75rem;
  }
}

.contact-list__item {
  height: 100%;
  position: relative;
}

.contact-list__item-title {
  color: #042731;
  font-size: 1.125rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .contact-list__item-title {
    font-size: 1.25rem;
  }
}

.contact-list__item-text {
  color: #666;
  font-size: 0.875rem;
  line-height: 1.7;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .contact-list__item-text {
    font-size: 1rem;
  }
}

.contact-list__item-warning {
  background-color: #F3F4F5;
  border-radius: 4px;
  color: #808080;
  font-size: 0.75rem;
  line-height: 1.7;
  margin-top: 1rem;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .contact-list__item-warning {
    font-size: 0.875rem;
  }
}

.contact-list__item-warning a {
  color: #007C93;
  text-decoration: underline;
  transition: opacity 0.4s;
}

.contact-list__item-warning a:hover {
  opacity: 0.6;
}

.contact-list__item-link-wrap {
  margin-left: auto;
  margin-top: 1.75rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .contact-list__item-link-wrap {
    bottom: 0;
    margin-top: 0;
    position: absolute;
    right: auto;
    width: 100%;
  }
}

.contact-list__item-link {
  align-items: center;
  color: #042731;
  display: flex;
  font-size: 0.875rem;
  gap: 0.5rem;
  justify-content: space-between;
  transition: background-color 0.4s, color 0.4s;
}
@media screen and (min-width: 801px) {
  .contact-list__item-link {
    background-color: #007C93;
    border: 1px solid #007C93;
    border-radius: 10px;
    color: #FFF;
    font-size: 1rem;
    padding: 0.875rem 1.5rem;
  }
}

.contact-list__item-link:hover {
  background-color: #FFF;
  color: #007C93;
}

.contact-list__item-link-name {
  font-weight: 500;
  text-decoration: underline;
}
@media screen and (min-width: 801px) {
  .contact-list__item-link-name {
    text-decoration: none;
  }
}

.contact-list__item-link .page-sec__btn {
  flex-shrink: 0;
  height: 2.25rem;
  justify-content: flex-end;
  pointer-events: none;
  width: 2.25rem;
}
@media screen and (min-width: 801px) {
  .contact-list__item-link .page-sec__btn {
    height: 2.625rem;
    width: 2.625rem;
  }
}

.contact-list__item-link .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}
@media screen and (min-width: 801px) {
  .contact-list__item-link .page-sec__btn:before {
    background-image: url("../images/icon/btn-arrow-big-black.png");
  }
}

.contact-list__item-link:hover .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.contact-list__item-link .page-sec__btn:after {
  background-color: #56B2CB;
}
@media screen and (min-width: 801px) {
  .contact-list__item-link .page-sec__btn:after {
    background-color: #FFF;
  }
}

.contact-list__item-link:hover .page-sec__btn:after {
  background-color: #007C93;
}

.contact-thanks__inner {
  margin-inline: auto;
  padding-bottom: 3.75rem;
  padding-top: 4.0625rem;
  text-align: center;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .contact-thanks__inner {
    padding-bottom: 7.5rem;
    padding-top: 7.5rem;
    width: 68rem;
  }
}

.contact-thanks__title {
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .contact-thanks__title {
    font-size: 2rem;
    letter-spacing: 0.04em;
  }
}

.contact-thanks__text {
  font-size: 0.875rem;
  line-height: 2.2;
  margin-top: 2.75rem;
}
@media screen and (min-width: 801px) {
  .contact-thanks__text {
    font-size: 1.125rem;
    margin-top: 3.5rem;
  }
}

.contact-thanks__box {
  background-color: #FFF;
  border-radius: 15px;
  font-size: 0.875rem;
  line-height: 2.25;
  margin-top: 2.25rem;
  padding: 1.5rem;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .contact-thanks__box {
    font-size: 1rem;
    line-height: 2.2;
    margin-top: 2.9375rem;
    padding: 4.375rem 4rem;
  }
}

.contact-thanks__box a {
  color: #007C93;
  text-decoration: underline;
  transition: opacity 0.4s;
}

.contact-thanks__box a:hover {
  opacity: 0.5;
}

.contact-thanks__btn-wrap {
  margin-top: 1.875rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .contact-thanks__btn-wrap {
    margin-top: 2.625rem;
  }
}

.contact-thanks__btn-wrap .btn {
  letter-spacing: 0.1em;
  padding: 1.0625rem 2.25rem 1.0625rem 4.6875rem;
}
@media screen and (min-width: 801px) {
  .contact-thanks__btn-wrap .btn {
    padding: 1rem 1.5rem 1rem 4.5rem;
  }
}

.contact-thanks__btn-wrap .btn:after {
  left: 2rem;
  transform: scale(-1, 1);
}

.data-recovery__content-wrap {
  background-color: #F3F4F5;
  margin-inline: auto;
  margin-top: 1.875rem;
  overflow-x: hidden;
  padding-inline: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .data-recovery__content-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    overflow-x: visible;
    padding-inline: 0;
    width: 82rem;
  }
}

@media screen and (min-width: 801px) {
  .data-recovery .side-index {
    padding-top: 5rem;
  }
}

.data-recovery__content {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .data-recovery__content {
    width: 63rem;
  }
}

.data-recovery__content .article__image {
  height: 14.3125rem;
}
@media screen and (min-width: 801px) {
  .data-recovery__content .article__image {
    height: 13.125rem;
  }
}

.data-recovery-challenges {
  margin-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-challenges {
    margin-top: 3.875rem;
  }
}

.data-recovery-challenges .data-recovery-challenge__copy {
  margin-top: 2.875rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-challenges .data-recovery-challenge__copy {
    margin-top: 4.0625rem;
  }
}

.data-recovery-features {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-features {
    margin-top: 7.375rem;
  }
}

.data-recovery-features .data-recovery-features__copy {
  margin-top: 2.875rem;
}

.data-recovery-equipment {
  margin-top: 5.9375rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-equipment {
    margin-top: 8.4375rem;
  }
}

.data-recovery-equipment .page-equipment__list {
  flex-wrap: wrap;
}

@media screen and (min-width: 801px) {
  .data-recovery-equipment .page-equipment__item {
    min-width: 15rem;
    padding: 1.5rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.data-recovery-supported {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-supported {
    margin-top: 7.5rem;
  }
}

.data-recovery-supported .data-recovery-supported__copy {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-supported .data-recovery-supported__copy {
    margin-top: 4.0625rem;
  }
}

.data-recovery-process .page-process__item:last-child .page-process__title {
  color: #042731;
}

.data-recovery-why {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-why {
    margin-top: 7.1875rem;
  }
}

@media screen and (min-width: 801px) {
  .data-recovery-why .page-why__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.data-recovery-process {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-process {
    margin-top: 7.375rem;
  }
}

.data-recovery-process .page-process__list-wrap {
  margin-top: 3.4375rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-process .page-process__list-wrap {
    margin-top: 4.375rem;
  }
}

.data-recovery-process .page-process__list-wrap:before {
  height: calc(100% - 10.75rem);
}
@media screen and (min-width: 801px) {
  .data-recovery-process .page-process__list-wrap:before {
    height: calc(100% - 8.4375rem);
    top: 4.6875rem;
  }
}

.data-recovery-process .page-process__text {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-process .page-process__text {
    margin-top: 0.875rem;
  }
}

.data-recovery-process .page-process__element {
  display: flex;
  flex-direction: column;
  gap: 0.25rem 1.0625rem;
  line-height: 1.55;
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .data-recovery-process .page-process__element {
    gap: 0.875rem 1.0625rem;
    line-height: 0.92;
  }
}

.data-recovery-case {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-case {
    margin-top: 7.1875rem;
  }
}

.data-recovery-case__article {
  margin-top: 2.8125rem;
}

.data-recovery-case__article .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-case__article .article__list {
    gap: 2.625rem 2rem;
  }
}

.data-recovery-case__btn-wrap {
  margin-left: auto;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-case__btn-wrap {
    margin-inline: 0;
    margin-top: 3.125rem;
  }
}

.data-recovery-faq {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-faq {
    margin-top: 7.8125rem;
  }
}

.data-recovery-faq .faq {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-faq .faq {
    margin-top: 3.75rem;
  }
}

.data-recovery__tour {
  background-color: #F3F4F5;
  margin-top: 5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
  .data-recovery__tour {
    margin-top: 8.75rem;
    padding-bottom: 7.5rem;
  }
}

.data-recovery-menu {
  margin-top: 4.875rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-menu {
    margin-top: 7.375rem;
  }
}

.data-recovery-menu .data-recovery-menu__copy {
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-menu .data-recovery-menu__copy {
    margin-top: 4.0625rem;
  }
}

.data-recovery-menu__content {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-menu__content {
    margin-top: 3.875rem;
  }
}

.data-recovery-menu__table-wrap {
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .data-recovery-menu__table-wrap {
    margin-top: 4.0625rem;
    width: 100%;
  }
}

.data-recovery-menu__table {
  border-collapse: collapse;
  width: 873px;
}
@media screen and (min-width: 801px) {
  .data-recovery-menu__table {
    width: 100%;
  }
}

.data-recovery-menu__table thead th {
  color: #FFF;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-menu__table thead th {
    font-size: 1.125rem;
    padding: 2rem;
  }
}

.data-recovery-menu__table thead th:nth-of-type(2) {
  background-color: #007C93;
}

.data-recovery-menu__table thead th:nth-of-type(3) {
  background-color: #063846;
}

.data-recovery-menu__table thead th:nth-of-type(2),
.data-recovery-menu__table thead th:nth-of-type(3) {
  width: 337px;
}
@media screen and (min-width: 801px) {
  .data-recovery-menu__table thead th:nth-of-type(2),
  .data-recovery-menu__table thead th:nth-of-type(3) {
    width: 25.25rem;
  }
}

.data-recovery-menu__table thead th,
.data-recovery-menu__table thead td,
.data-recovery-menu__table tbody th,
.data-recovery-menu__table tbody td {
  border: 1px solid #CCC;
}

.data-recovery-menu__table thead th:nth-of-type(2) {
  background-color: #007C93;
}

.data-recovery-menu__table thead th:nth-of-type(3) {
  background-color: #063846;
}

.data-recovery-menu__table tbody tr {
  min-height: 7rem;
}

.data-recovery-menu__table tbody th {
  background-color: #DBDBDB;
  font-size: 1rem;
  font-weight: 400;
  padding: 1rem;
  text-align: left;
  vertical-align: middle;
}
@media screen and (min-width: 801px) {
  .data-recovery-menu__table tbody th {
    padding: 2rem;
  }
}

.data-recovery-menu__table thead th:nth-of-type(1) {
  background-color: #DBDBDB;
  color: #042731;
  font-size: 1rem;
  font-weight: 400;
  text-align: left;
  width: 199px;
}
@media screen and (min-width: 801px) {
  .data-recovery-menu__table thead th:nth-of-type(1) {
    width: 12.4375rem;
  }
}

.data-recovery-menu__table thead th:nth-of-type(2),
.data-recovery-menu__table thead th:nth-of-type(3) {
  font-size: 1.125rem;
}
@media screen and (min-width: 801px) {
  .data-recovery-menu__table thead th:nth-of-type(2),
  .data-recovery-menu__table thead th:nth-of-type(3) {
    font-size: 1rem;
  }
}

.data-recovery-menu__table tbody tr:nth-of-type(odd) th {
  background-color: #E6E6E6;
}

.data-recovery-menu__table-item {
  color: #042731;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.7;
  padding: 1rem;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 801px) {
  .data-recovery-menu__table-item {
    padding: 2rem;
  }
}

.data-recovery-menu__table tbody tr:nth-of-type(odd) td {
  background-color: #FFF;
}

.disclosure__content {
  margin-inline: auto;
  margin-top: 4rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .disclosure__content {
    letter-spacing: 0.02em;
    line-height: 1.6;
    margin-top: 10rem;
    padding-bottom: 7.1875rem;
    width: 53.75rem;
  }
}

.disclosure__head-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .disclosure__head-text {
    font-size: 1rem;
  }
}

.disclosure__list {
  display: flex;
  flex-direction: column;
  gap: 4.6875rem;
  margin-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .disclosure__list {
    gap: 6.5625rem;
    margin-top: 6.5625rem;
  }
}

.disclosure__title {
  align-items: center;
  border-bottom: 1px solid #CCC;
  display: flex;
  padding-bottom: 0.9375rem;
  padding-left: 0.375rem;
}
@media screen and (min-width: 801px) {
  .disclosure__title {
    border-bottom: 3px solid #E6E6E6;
    gap: 1rem;
    padding-bottom: 1.75rem;
    padding-left: 0;
  }
}

@media screen and (min-width: 801px) {
  .disclosure__title:before {
    background: url(../images/icon/page-title.svg) no-repeat center/contain;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 0.9375rem;
    width: 1.5rem;
  }
}

.disclosure__title h2 {
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (min-width: 801px) {
  .disclosure__title h2 {
    display: block;
    font-size: 2.125rem;
  }
}

.disclosure__title-no {
  padding-right: 0.375rem;
}
@media screen and (min-width: 801px) {
  .disclosure__title-no {
    padding-right: 0;
  }
}

.disclosure__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .disclosure__text {
    font-size: 1rem;
  }
}

.download-single__article-wrap {
  display: flex;
  flex-direction: column;
  gap: 2.8125rem;
  justify-content: space-between;
  margin-bottom: 3.5rem;
  margin-inline: auto;
  margin-top: 4.0625rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .download-single__article-wrap {
    flex-direction: row;
    gap: 4rem;
    margin-bottom: 8.125rem;
    margin-top: 8.125rem;
    width: 82rem;
  }
}

.download-single__article {
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .download-single__article {
    flex-shrink: 0;
    margin-inline: 0;
    width: 39.03125rem;
  }
}

.download-single__article .head-single {
  border: 0;
}

.download-single__article .head-single__inner {
  padding-bottom: 1.5625rem;
  padding-top: 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .download-single__article .head-single__inner {
    padding-bottom: 2.5rem;
  }
}

.download-single__article .head-single__title h2 {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.6;
}
@media screen and (min-width: 801px) {
  .download-single__article .head-single__title h2 {
    font-size: 2.25rem;
  }
}

.download-single__article .head-single__info-wrap {
  margin-top: 1.625rem;
}
@media screen and (min-width: 801px) {
  .download-single__article .head-single__info-wrap {
    margin-top: 2.75rem;
  }
}

.download-single__article .head-single__info {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .download-single__article .head-single__info {
    font-size: 1rem;
  }
}

.download-single__content.single-content ul {
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .download-single__content.single-content ul {
    margin-top: 2.125rem;
  }
}

.download-single__content.single-content p {
  margin-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .download-single__content.single-content p {
    margin-top: 1.625rem;
  }
}

.download-single__image {
  background-color: #E6E6E6;
  border-radius: 10px;
  height: 14.3125rem;
  padding: 1.6875rem;
}
@media screen and (min-width: 801px) {
  .download-single__image {
    height: 26.25rem;
    padding: 1.801875rem;
  }
}

.download-single__image figure {
  height: 100%;
}

.download-single__image img {
  -o-object-fit: contain;
     object-fit: contain;
}

.download-single__box {
  border: 1px solid #CCC;
  border-radius: 10px;
  color: #042731;
  margin-top: 1.25rem;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .download-single__box {
    margin-top: 2.5rem;
    padding: 1.5rem;
  }
}

.download-single__box-title {
  align-items: center;
  display: flex;
  font-size: 1.125rem;
  font-weight: 500;
  gap: 0.4375rem;
}
@media screen and (min-width: 801px) {
  .download-single__box-title {
    font-size: 1.5rem;
    font-weight: 700;
  }
}

.download-single__box-title img {
  height: 1.875rem;
  width: 1.875rem;
}
@media screen and (min-width: 801px) {
  .download-single__box-title img {
    height: 2.5rem;
    width: 2.5rem;
  }
}

.download-single__box-list {
  line-height: 1.7;
  margin-left: 0.125rem;
  margin-top: 1.125rem;
}

.download-single__box-item {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding-left: 1.25rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .download-single__box-item {
    font-size: 1rem;
  }
}

.download-single__box-item:before {
  content: "・";
  display: block;
  left: 0;
  position: absolute;
}

.download-single__form {
  background-color: #FFF;
  border-radius: 10px;
  flex-shrink: 0;
  line-height: 1.7;
  margin-inline: auto;
  padding: 2.25rem 1rem 1.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .download-single__form {
    line-height: normal;
    margin-inline: 0;
    padding: 3.375rem 3rem;
    width: 39.03125rem;
  }
}

.download-single__form-copy {
  color: #042731;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .download-single__form-copy {
    font-size: 1rem;
  }
}

.download-single__form-contact {
  margin-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .download-single__form-contact {
    margin-top: 3rem;
  }
}

.download {
  background-color: #F3F4F5;
}

.download__head {
  background-color: #FFF;
  padding-block: 3.75rem;
}
@media screen and (min-width: 801px) {
  .download__head {
    padding-block: 1.25rem;
  }
}

.download__link-wrap {
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .download__link-wrap {
    padding-block: 2.5rem;
    width: 82rem;
  }
}

.download__link-wrap .anchor-link__list {
  display: grid;
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .download__link-wrap .anchor-link__list {
    gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
  }
}

.download__link-wrap .anchor-link__item {
  background-color: #F2F2F2;
}

.download__body {
  background-color: #F3F4F5;
  padding-bottom: 3.75rem;
  padding-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .download__body {
    padding-bottom: 8.4375rem;
    padding-top: 5.625rem;
  }
}

.download__link-list {
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .download__link-list {
    width: 82rem;
  }
}

.download__link-list:not(:first-child) {
  padding-top: 2rem;
}
@media screen and (min-width: 801px) {
  .download__link-list:not(:first-child) {
    padding-top: 4.375rem;
  }
}

.download__link-list .page-sec__title h2 {
  font-size: 1.5rem;
  line-height: 1.68;
}
@media screen and (min-width: 801px) {
  .download__link-list .page-sec__title h2 {
    font-size: 2.25rem;
    line-height: normal;
  }
}

.download__link-content {
  margin-top: 2.375rem;
}
@media screen and (min-width: 801px) {
  .download__link-content {
    margin-top: 2.625rem;
  }
}

.download__link-content .article__list {
  gap: 2.5rem;
}
@media screen and (min-width: 801px) {
  .download__link-content .article__list {
    gap: 3.75rem 2.5rem;
  }
}

.download__link-content .article__image {
  background-color: #E6E6E6;
  border-radius: 10px;
  height: 14.3125rem;
  padding: 1.6875rem;
}
@media screen and (min-width: 801px) {
  .download__link-content .article__image {
    height: 19.25rem;
    padding: 1.801875rem;
  }
}

.download__link-content .article__image figure {
  height: 100%;
}

.download__link-content .article__image img {
  -o-object-fit: contain;
     object-fit: contain;
}

.download__link-content .article__description {
  margin-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .download__link-content .article__description {
    margin-top: 1.125rem;
  }
}

.download__link-content .article__title {
  font-size: 0.875rem;
  font-weight: 500;
  margin-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .download__link-content .article__title {
    font-size: 1.25rem;
    margin-top: 1.125rem;
  }
}

.eosl-information-single .head-single__breadcrumb {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .eosl-information-single .head-single__breadcrumb {
    margin-top: 0;
  }
}

.eosl-information-single__article {
  margin-inline: auto;
  padding-bottom: 2.5rem;
  padding-top: 2.0625rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .eosl-information-single__article {
    padding-bottom: 3.75rem;
    padding-top: 2.5rem;
    width: 68rem;
  }
}

.eosl-information-single__content {
  line-height: 1.65;
  margin-inline: auto;
}
@media screen and (min-width: 801px) {
  .eosl-information-single__content {
    line-height: 1.9;
    width: 53.75rem;
  }
}

.eosl-information-single__title {
  margin-top: 3.875rem;
}
@media screen and (min-width: 801px) {
  .eosl-information-single__title {
    margin-top: 7.5rem;
  }
}

.eosl-information-single__title h3 {
  font-size: 1.5rem;
}

.eosl-information-single__table-wrap {
  margin-top: 1.375rem;
  max-height: 49rem;
  overflow-y: scroll;
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .eosl-information-single__table-wrap {
    margin-top: 1.75rem;
    max-height: 37.3125rem;
    width: 100%;
  }
}

@-moz-document url-prefix() {
  .eosl-information-single__table-wrap {
    scrollbar-color: #7A7A7A #E8E8E8;
    scrollbar-width: thin;
  }
}
.eosl-information-single__table-wrap::-webkit-scrollbar {
  background-color: #E8E8E8;
  border-radius: 1000px;
  height: 0.5rem;
  width: 0.5rem;
}

.eosl-information-single__table-wrap::-webkit-scrollbar-thumb {
  background-color: #7A7A7A;
  border-radius: 1000px;
}

@media screen and (min-width: 801px) {
  .eosl-information-single__table.page-sec__table {
    width: 67.25rem;
  }
}

.eosl-information-single .eosl-information-single__table thead tr th {
  font-size: 0.75rem;
  padding: 0.625rem 0.5rem;
}
@media screen and (min-width: 801px) {
  .eosl-information-single .eosl-information-single__table thead tr th {
    font-size: 1rem;
  }
}

.eosl-information-single .eosl-information-single__table thead tr th {
  width: 8.385625rem;
}

@media screen and (min-width: 801px) {
  .eosl-information-single .eosl-information-single__table thead tr th:nth-child(1) {
    width: 8.125rem;
  }
}

@media screen and (min-width: 801px) {
  .eosl-information-single .eosl-information-single__table thead tr th:nth-child(2) {
    width: 9.375rem;
  }
}

@media screen and (min-width: 801px) {
  .eosl-information-single .eosl-information-single__table thead tr th:nth-child(3),
  .eosl-information-single .eosl-information-single__table thead tr th:nth-child(4) {
    width: 17.875rem;
  }
}

@media screen and (min-width: 801px) {
  .eosl-information-single .eosl-information-single__table thead tr th:nth-child(5),
  .eosl-information-single .eosl-information-single__table thead tr th:nth-child(6) {
    width: 7rem;
  }
}

.eosl-information-single .eosl-information-single__table tbody tr td {
  font-size: 0.75rem;
  line-height: 1.7;
  padding: 0.5rem;
  word-break: break-all;
}
@media screen and (min-width: 801px) {
  .eosl-information-single .eosl-information-single__table tbody tr td {
    font-size: 1rem;
  }
}

.eosl-information-single__pagination {
  margin: 1.25rem auto 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .eosl-information-single__pagination {
    margin: 2.8125rem auto 7.5rem;
    width: 68rem;
  }
}

.eosl-information-single__pagination .pagination-single__ctrl {
  padding-inline: 0.5rem;
}
@media screen and (min-width: 801px) {
  .eosl-information-single__pagination .pagination-single__ctrl {
    padding-inline: 5rem;
  }
}

.eosl-information-single__pagination .pagination-single__ctrl-prev {
  margin-left: 0.5rem;
}
@media screen and (min-width: 801px) {
  .eosl-information-single__pagination .pagination-single__ctrl-prev {
    margin-left: 0;
  }
}

.eosl-information-single__pagination .pagination-single__ctrl-next {
  margin-right: 0.5rem;
}
@media screen and (min-width: 801px) {
  .eosl-information-single__pagination .pagination-single__ctrl-next {
    margin-right: 0;
  }
}

.eosl-information-single__pagination .pagination-single__ctrl .pagination-single__ctrl-back {
  justify-content: center;
  letter-spacing: 0.01em;
  width: 20.4375rem;
}

.eosl-information {
  background-color: #F3F4F5;
}

.eosl-information__head {
  border-bottom: 1px solid #CCC;
  margin-inline: auto;
  margin-top: 2.5rem;
  padding: 1.5rem 0 2.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .eosl-information__head {
    margin-top: 7.5rem;
    padding: 0 0 2.375rem 0;
    width: 82rem;
  }
}

.eosl-information__filter {
  position: relative;
}

.eosl-information__filter-title {
  font-size: 1.125rem;
  padding-block: 0.875rem;
}

.eosl-information__filter .form__dropdown {
  border-radius: 8px;
  right: 0;
  top: 0;
  width: 17.875rem;
}
@media screen and (min-width: 801px) {
  .eosl-information__filter .form__dropdown {
    left: 3.75rem;
    right: auto;
    width: 14.375rem;
  }
}

.eosl-information__filter .form__dropdown-title {
  padding-block: 0.96875rem;
}

.eosl-information__filter .form__dropdown-list {
  padding-block: 0.875rem;
}

.eosl-information__body {
  margin-inline: auto;
  margin-top: 2.5rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .eosl-information__body {
    margin-top: 3.75rem;
    padding-bottom: 7.5rem;
    width: 82rem;
  }
}

.eosl-information__body .article__list {
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .eosl-information__body .article__list {
    gap: 1.5rem;
  }
}

.eosl-information__body .article__item {
  background-color: #FFF;
  border: 1px solid #E4E4E4;
}

.eosl-information__body .article__link {
  padding: 1.375rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .eosl-information__body .article__link {
    padding: 2rem;
  }
}

.eosl-information__body .article__date {
  font-size: 0.875rem;
  letter-spacing: 0em;
}
@media screen and (min-width: 801px) {
  .eosl-information__body .article__date {
    font-size: 1rem;
  }
}

.eosl-information__body .article__title {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .eosl-information__body .article__title {
    font-size: 1.125rem;
    margin-top: 1.5rem;
  }
}

.eosl-information__pagination-wrap {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .eosl-information__pagination-wrap {
    margin-top: 5.0625rem;
  }
}

.eosl-information__pagination-wrap .pagination > *,
.eosl-information__pagination-wrap .pagination .pagination__arrow {
  background-color: #FFF;
}

.eosl-information__pagination-wrap .dots {
  background-color: transparent;
}

.eosl__content-wrap {
  background-color: #f3f4f5;
  margin-inline: auto;
  margin-top: 1.875rem;
  overflow-x: hidden;
  padding-inline: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .eosl__content-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    overflow-x: visible;
    padding-inline: 0;
    width: 82rem;
  }
}

.eosl__content {
  margin-top: 3.75rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .eosl__content {
    margin-top: 6.5625rem;
    width: 63rem;
  }
}

.eosl__content .article__image {
  height: 14.3125rem;
}
@media screen and (min-width: 801px) {
  .eosl__content .article__image {
    height: 13.125rem;
  }
}

.eosl__heading {
  margin-top: 4.0625rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .eosl__heading {
    margin-top: 0;
  }
}

.eosl-why {
  margin-top: 5.625rem;
}
@media screen and (min-width: 801px) {
  .eosl-why {
    margin-top: 9rem;
  }
}

.eosl-why .page-why__item {
  height: auto;
}

.eosl-precautions {
  margin-top: 7.25rem;
}

.eosl-choose {
  margin-top: 7.125rem;
}

.eosl-link-box {
  background-color: #063846;
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 rgba(0, 124, 147, 0.1);
  margin-top: 5rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 801px) {
  .eosl-link-box {
    margin-top: 7.1875rem;
  }
}

.eosl-link-box:before {
  background-image: url("../images/eosl/eosl-link-box-bg-sp.svg");
  background-position: center;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  left: -22.1875rem;
  position: absolute;
  top: 0;
  width: 69.5625rem;
}
@media screen and (min-width: 801px) {
  .eosl-link-box:before {
    background-image: url("../images/eosl/eosl-link-box-bg.svg");
    left: 1.25rem;
    width: 43.6875rem;
  }
}

.eosl-link-box__link {
  display: block;
  padding: 1.5rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .eosl-link-box__link {
    padding: 3rem;
  }
}

.eosl-link-box__content {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 801px) {
  .eosl-link-box__content {
    align-items: flex-start;
    display: flex;
    gap: 2rem;
  }
}

.eosl-link-box__image {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .eosl-link-box__image {
    flex-shrink: 0;
    height: 9.3125rem;
    width: 13.9375rem;
  }
}

.eosl-link-box__image img {
  transition: transform 0.4s;
}

.eosl-link-box__link:hover .eosl-link-box__image img {
  transform: scale(1.1);
}

.eosl-link-box__text {
  margin-inline: auto;
  margin-top: 1.25rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .eosl-link-box__text {
    margin-inline: 0;
    margin-top: 0;
    width: auto;
  }
}

.eosl-link-box__title-wrap {
  color: #FFF;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .eosl-link-box__title-wrap {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.eosl-link-box__title {
  font-size: 1.125rem;
  letter-spacing: 0.035em;
  line-height: 1.7;
  width: 14.375rem;
}
@media screen and (min-width: 801px) {
  .eosl-link-box__title {
    font-size: 2rem;
    letter-spacing: 0.027em;
    line-height: normal;
    width: auto;
  }
}

.eosl-link-box__sub-title {
  font-size: 1rem;
  letter-spacing: 0.02em;
  margin-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .eosl-link-box__sub-title {
    font-size: 1.125rem;
    margin-top: 0.625rem;
  }
}

.eosl-link-box__explain {
  color: #FFF;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.68;
  margin-top: 1.5625rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .eosl-link-box__explain {
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 1.875rem;
    width: 36.5rem;
  }
}

.eosl-link-box__btn-wrap {
  position: absolute;
  right: 0;
  top: 14.375rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .eosl-link-box__btn-wrap {
    position: relative;
    top: 4.875rem;
  }
}

.eosl-link-box__btn-wrap .page-sec__btn {
  width: -moz-fit-content;
  width: fit-content;
}

.eosl-link-box__btn-wrap .page-sec__btn:hover:before, .eosl-link-box__btn-wrap .page-sec__btn:hover:after {
  height: 2.5625rem;
  width: 2.5625rem;
}

.eosl-link-box__btn-wrap .page-sec__btn:before,
.eosl-link-box__btn-wrap .page-sec__btn:after {
  height: 2.5625rem;
  width: 2.5625rem;
}

.eosl-link-box__btn-wrap .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  transition: background-image 0.4s;
}

.eosl-link-box__btn-wrap .page-sec__btn:after {
  background-color: #FFF;
  transition: background-color 0.4s;
}

.eosl-link-box__link:hover .page-sec__btn:after {
  background-color: #56B2CB;
}

.eosl-link-box__link:hover .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.eosl-list {
  margin-top: 5.625rem;
}
@media screen and (min-width: 801px) {
  .eosl-list {
    margin-top: 7.8125rem;
  }
}

.eosl-list__table-wrap {
  height: 35.875rem;
  margin-top: 0.75rem;
  overflow-y: scroll;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .eosl-list__table-wrap {
    height: 48.125rem;
    margin-top: 2.625rem;
    width: 63rem;
  }
}

@media screen and (min-width: 801px) {
  .eosl-list__table-wrap .eosl-list__table {
    width: 61.875rem;
  }
}

.eosl-list__table-wrap .eosl-list__table thead tr th {
  padding-block: 1.375rem;
  width: 7.65625rem;
}
@media screen and (min-width: 801px) {
  .eosl-list__table-wrap .eosl-list__table thead tr th {
    padding-block: 0.625rem;
    width: 10.3125rem;
  }
}

.eosl-list__table-wrap .eosl-list__table tbody tr td {
  letter-spacing: 0.022em;
  line-height: 1.56;
  padding: 0.6rem 0.5rem;
  word-break: break-all;
}

.eosl-list__filter {
  margin-top: 2.875rem;
  padding-bottom: 1.25rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .eosl-list__filter {
    align-items: center;
    display: flex;
    gap: 0.9375rem;
    margin-top: 4rem;
  }
}

.eosl-list__filter-title {
  font-size: 1rem;
}
@media screen and (min-width: 801px) {
  .eosl-list__filter-title {
    font-size: 1.125rem;
  }
}

.eosl-list__filter-list .form__filter-tags {
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .eosl-list__filter-list .form__filter-tags {
    gap: 1rem;
  }
}

.eosl-list__filter-list .form__filter-tag {
  height: 3.125rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .eosl-list__filter-list .form__filter-tag {
    height: 3.5rem;
    width: 18.083125rem;
  }
}

.eosl-list__input-wrap {
  height: 3.625rem;
  margin-top: 0.625rem;
  padding: 0 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .eosl-list__input-wrap {
    height: 3.875rem;
    margin-top: 0;
    width: 18.083125rem;
  }
}

.eosl-list__input {
  width: 17.4375rem;
}
@media screen and (min-width: 801px) {
  .eosl-list__input {
    height: 3.5rem;
    width: 14.5625rem;
  }
}

.eosl-list__filter-list {
  display: none;
}
@media screen and (min-width: 801px) {
  .eosl-list__filter-list {
    display: block;
  }
}

.eosl-what__copy {
  margin-top: 3.125rem;
}

.eosl-what__merit-wrap {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .eosl-what__merit-wrap {
    margin-top: 3.125rem;
  }
}

.eosl-what__merit {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  gap: 1.25rem;
  margin-top: 2.625rem;
}
@media screen and (min-width: 801px) {
  .eosl-what__merit {
    flex-direction: row;
    gap: 2.5rem;
    margin-top: 2.625rem;
  }
}

@media screen and (min-width: 801px) {
  .eosl-what__merit:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
}

.eosl-what__merit:first-child {
  margin-top: 0;
}

.eosl-what__merit-head {
  align-items: center;
  color: #007C93;
  display: flex;
  gap: 0.625rem;
}

.eosl-what__merit-num-wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
}

.eosl-what__merit-num {
  font-size: 2.3125rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 801px) {
  .eosl-what__merit-num {
    font-size: 2.625rem;
  }
}

.eosl-what__merit-en {
  font-size: 0.75rem;
}

.eosl-what__merit-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.08em;
}
@media screen and (min-width: 801px) {
  .eosl-what__merit-title {
    letter-spacing: normal;
  }
}

.eosl-what__merit-text {
  color: #042731;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.64;
  margin-top: 0.875rem;
}
@media screen and (min-width: 801px) {
  .eosl-what__merit-text {
    font-size: 1rem;
  }
}

.eosl-what__merit-image {
  flex-shrink: 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .eosl-what__merit-image {
    width: 33.9375rem;
  }
}

.eosl-what__merit-image img {
  height: 13.125rem;
}
@media screen and (min-width: 801px) {
  .eosl-what__merit-image img {
    height: 17.6875rem;
  }
}

.eosl-what__dldoc {
  margin-top: 5.3125rem;
}
@media screen and (min-width: 801px) {
  .eosl-what__dldoc {
    margin-top: 7.1875rem;
  }
}

@media screen and (min-width: 801px) {
  .eosl-what__dldoc .dldoc {
    padding: 4rem 5rem 2.8125rem;
  }
}

.eosl-what .dldoc::before {
  background-size: cover;
  right: -11.5625rem;
  top: 16.25rem;
}
@media screen and (min-width: 801px) {
  .eosl-what .dldoc::before {
    background-size: cover;
    height: 38.786875rem;
    right: -21.25rem;
    top: 9.375rem;
    width: 45.5325rem;
  }
}

.eosl-what .dldoc__image {
  width: 9.6875rem;
}
@media screen and (min-width: 801px) {
  .eosl-what .dldoc__image {
    width: auto;
  }
}

.eosl-menu {
  margin-top: 4.875rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu {
    margin-top: 7.25rem;
  }
}

.eosl-menu .eosl-menu__copy {
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu .eosl-menu__copy {
    margin-top: 4.0625rem;
  }
}

.eosl-menu__table-wrap, .eosl-storage__table-wrap {
  overflow-x: scroll;
  padding-right: 1rem;
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .eosl-menu__table-wrap, .eosl-storage__table-wrap {
    margin-top: 4.0625rem;
    overflow-x: visible;
    padding-right: 0;
    width: 100%;
  }
}

.eosl-storage__table-wrap .scroll-hint-icon {
  top: 5%;
}

.eosl-menu__table-wrap {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table-wrap {
    margin-top: 4.0625rem;
  }
}

.eosl-storage__table-wrap {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .eosl-storage__table-wrap {
    margin-top: 3rem;
  }
}

.eosl-menu__table, .eosl-storage__table {
  border-collapse: collapse;
}

.eosl-menu__table {
  width: 740px;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table {
    width: 100%;
  }
}

.eosl-storage__table {
  letter-spacing: 0.015em;
  line-height: 1.68;
  width: 846px;
}
@media screen and (min-width: 801px) {
  .eosl-storage__table {
    width: 100%;
  }
}

.eosl-menu__table thead th {
  color: #FFF;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table thead th {
    font-size: 1.125rem;
    padding: 2rem;
  }
}

.eosl-menu__table tbody th,
.eosl-menu__table tbody td,
.eosl-storage__table tbody th,
.eosl-storage__table tbody td {
  border: 1px solid #CCC;
}

.eosl-storage__table tbody tr th,
.eosl-storage__table tbody tr td {
  font-size: 0.875rem;
  padding: 1rem;
  vertical-align: top;
}
@media screen and (min-width: 801px) {
  .eosl-storage__table tbody tr th,
  .eosl-storage__table tbody tr td {
    font-size: 1rem;
    padding: 2rem;
  }
}

.eosl-storage__table tbody tr th {
  font-weight: 400;
  width: 116px;
}
@media screen and (min-width: 801px) {
  .eosl-storage__table tbody tr th {
    width: 12.4375rem;
  }
}

.eosl-storage__table tbody tr th,
.eosl-storage__table tbody tr td:nth-of-type(1) {
  background-color: #DBDBDB;
  text-align: left;
}

.eosl-storage__table tbody tr:nth-child(even) th,
.eosl-storage__table tbody tr:nth-child(even) td:nth-of-type(1) {
  background-color: #E6E6E6;
}

.eosl-storage__table tbody tr td:nth-of-type(2) {
  background-color: #F7F7F7;
  width: 525px;
}
@media screen and (min-width: 801px) {
  .eosl-storage__table tbody tr td:nth-of-type(2) {
    width: auto;
  }
}

.eosl-storage__table tbody tr td:nth-of-type(1) {
  width: 205px;
}
@media screen and (min-width: 801px) {
  .eosl-storage__table tbody tr td:nth-of-type(1) {
    width: 25.28125rem;
  }
}

.eosl-menu__table thead th:nth-of-type(1) {
  background-color: #007C93;
}

.eosl-menu__table thead th:nth-of-type(2) {
  background-color: #063846;
}

.eosl-menu__table thead th:nth-of-type(3) {
  background-color: #666;
  width: 302.25px;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table thead th:nth-of-type(3) {
    width: auto;
  }
}

.eosl-menu__table thead th:nth-of-type(1), .eosl-menu__table thead th:nth-of-type(2) {
  width: 125.13px;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table thead th:nth-of-type(1), .eosl-menu__table thead th:nth-of-type(2) {
    width: 11.09375rem;
  }
}

.eosl-menu__table thead th:nth-of-type(1), .eosl-menu__table thead th:nth-of-type(2) {
  width: 125.13px;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table thead th:nth-of-type(1), .eosl-menu__table thead th:nth-of-type(2) {
    width: 11.09375rem;
  }
}

.eosl-menu__table tbody tr {
  min-height: 7rem;
}

.eosl-menu__table tbody th {
  background-color: #DBDBDB;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 1rem;
  text-align: left;
  vertical-align: middle;
  width: 187.5px;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table tbody th {
    font-size: 1.125rem;
    padding: 2rem;
    width: 15.625rem;
  }
}

.eosl-menu__table tbody tr:nth-of-type(odd) th {
  background-color: #E6E6E6;
}

.eosl-menu__table-empty {
  border-left: none;
  border-top: none;
}

.eosl-menu__table-item {
  color: #007C93;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table-item {
    font-size: 1.125rem;
  }
}

.eosl-menu__table-item img {
  height: auto;
  width: 1.21875rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table-item img {
    width: 1.625rem;
  }
}

.eosl-menu__table-note {
  color: #042731;
  display: flex;
  font-size: 0.6875rem;
  gap: 0.125rem;
  letter-spacing: 0.02em;
  line-height: 1.72;
  padding: 1rem;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table-note {
    font-size: 0.875rem;
    padding: 2rem;
  }
}

.eosl-menu__table tbody tr:nth-of-type(odd) td {
  background-color: #FFF;
}

.eosl-challenges {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .eosl-challenges {
    margin-top: 7.5rem;
  }
}

.eosl-challenges .eosl-challenge__copy {
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .eosl-challenges .eosl-challenge__copy {
    margin-top: 4.0625rem;
  }
}

.eosl-precautions .eosl-precautions__copy,
.eosl-choose .eosl-choose__copy {
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .eosl-precautions .eosl-precautions__copy,
  .eosl-choose .eosl-choose__copy {
    margin-top: 4.0625rem;
  }
}

.eosl-features {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .eosl-features {
    margin-top: 7.5rem;
  }
}

.eosl-features .eosl-features__copy {
  margin-top: 2.875rem;
}

.eosl-interviews {
  margin-top: 4.8125rem;
}
@media screen and (min-width: 801px) {
  .eosl-interviews {
    margin-top: 7.5rem;
  }
}

.eosl-interviews__slider-wrap {
  margin-top: 3.125rem;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none; /* Firefox 対応 */
  -ms-overflow-style: none; /* IE, Edge 対応 */
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .eosl-interviews__slider-wrap {
    margin-top: 4rem;
    width: calc(100vw - 4rem - 14rem - 5rem);
  }
}

.eosl-interviews__slider-wrap::-webkit-scrollbar {
  display: none;
}

.eosl-interviews__slider-wrap .slider__item-link {
  display: block;
  height: 100%;
  width: 100%;
}

.eosl-interviews__slider-wrap .slider-small .slider__item-date {
  margin-left: 0;
  margin-top: 1rem;
}

.eosl-interviews__slider-wrap .slider-small .slider__item-button-wrap {
  width: -moz-fit-content;
  width: fit-content;
}

.eosl-interviews__slider-wrap .slider__item-link .slider__item-title {
  transition: color 0.4s;
}

.eosl-interviews__slider-wrap .slider__item-link:hover .slider__item-title {
  color: #56B2CB;
}

.eosl-interviews__slider-wrap .slider__item-image {
  border-radius: 10px;
  overflow: hidden;
}

.eosl-interviews__slider-wrap .slider__item-image img {
  transition: transform 0.4s;
}

.eosl-interviews__slider-wrap .slider__item-link:hover .slider__item-image img {
  transform: scale(1.1);
}

.eosl-interviews__btn-wrap {
  margin-inline: auto;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .eosl-interviews__btn-wrap {
    margin-inline: 0;
    margin-top: 3.125rem;
  }
}

.eosl-interviews .slider__item-tag {
  text-decoration: none;
}

.eosl .slider__item-tag {
  transition: background-color 0.4s;
}

.eosl .slider__item-tag:hover {
  background-color: #FFF;
}

.eosl-intervies__achievements {
  background-color: #FFF;
  border-radius: 20px;
  margin-top: 4.875rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .eosl-intervies__achievements {
    margin-top: 4.5rem;
  }
}

.eosl-intervies__achievements-content {
  padding-bottom: 2.5rem;
  padding-top: 2.8125rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .eosl-intervies__achievements-content {
    padding-bottom: 4.375rem;
    padding-top: 5.3125rem;
  }
}

.eosl-intervies__achievements-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .eosl-intervies__achievements-title {
    font-size: 2rem;
  }
}

.eosl-intervies__achievements-title span {
  color: #007C93;
}

.eosl-intervies__achievements-title-num {
  font-family: "Poppins", sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
}
@media screen and (min-width: 801px) {
  .eosl-intervies__achievements-title-num {
    font-size: 2.5rem;
  }
}

.eosl-intervies__achievements-title-mark {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .eosl-intervies__achievements-title-mark {
    font-size: 0.875rem;
  }
}

.eosl-intervies__achievements-sub-title {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 0.625rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .eosl-intervies__achievements-sub-title {
    font-size: 1.25rem;
    margin-top: 0.3125rem;
  }
}

.eosl-intervies__achievements-slider-wrap {
  margin-top: 2.125rem;
  overflow-x: hidden;
  position: relative;
  width: 100vw;
  height: 110px; /* 変更 */
}
@media screen and (min-width: 801px) {
  .eosl-intervies__achievements-slider-wrap {
    margin-top: 4.375rem;
    height: 110px; /* 変更 */
  }
}

.eosl-intervies__achievements-slider-wrap .slick-list {
  padding-block: 0;
}

.eosl-intervies__achievements-logo-slider {
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;

  height: 110px;
  width: 127rem;
}
@media screen and (min-width: 801px) {
  .eosl-intervies__achievements-logo-slider {
    height: 110px;
    width: 2160px;
  }
}

.eosl-intervies__achievements-logo {
  margin: 0 0.75rem;
  width: 230px!important;
  height: 110px;
}
@media screen and (min-width: 801px) {
  .eosl-intervies__achievements-logo {
    margin: 0 1.25rem;
    width: 230px!important;
    height: 110px;
  }
}

.eosl-intervies__achievements-logo img {
  height: auto;
  width: 100%;
}

.eosl-merit {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .eosl-merit {
    margin-top: 11.125rem;
  }
}

.eosl-case {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .eosl-case {
    margin-top: 7.125rem;
  }
}

.eosl-case__article {
  margin-top: 2.875rem;
}

.eosl-case__article .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .eosl-case__article .article__list {
    gap: 2.625rem 2rem;
  }
}

.eosl-case__btn-wrap {
  margin-left: auto;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .eosl-case__btn-wrap {
    margin-top: 3rem;
  }
}

.eosl-equipment {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .eosl-equipment {
    margin-top: 6.375rem;
  }
}

.eosl-storage .page-equipment__list {
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .eosl-storage .page-equipment__list {
    gap: 1rem;
    margin-top: 1.5rem;
  }
}

.eosl-supported {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .eosl-supported {
    margin-top: 7.5rem;
  }
}

.eosl-supported .eosl-supported__copy {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .eosl-supported .eosl-supported__copy {
    margin-top: 4.0625rem;
  }
}

.eosl-storage .page-supported__item {
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  color: #042731;
  display: block;
  font-size: 0.875rem;
  letter-spacing: 0.008em;
  /* padding-block: 1.46875rem; */
  text-align: center;
  transition: background-color 0.4s, color 0.4s;
  width: 10.4375rem;
}
@media screen and (min-width: 801px) {
  .eosl-storage .page-supported__item {
    font-size: 1.125rem;
    /*padding-block: 1.5rem; */
    width: 15rem;
  }
}

.eosl-storage .page-supported__others-list .page-supported__item {
  border: none;
  border-radius: 4px;
  font-size: 0.875rem;
  /* padding: 0.5625rem 0.9375rem; */
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .eosl-storage .page-supported__others-list .page-supported__item {
    font-size: 1rem;
    /*padding: 0.5rem 1rem; */
  }
}

.eosl-knowledge {
  margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .eosl-knowledge {
    margin-top: 7.5rem;
  }
}

.eosl-knowledge__inner h2 {
  font-weight: 400;
}

.eosl-knowledge__copy {
  line-height: 1.67;
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .eosl-knowledge__copy {
    margin-top: 4.0625rem;
  }
}

.eosl-menu__content {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu__content {
    margin-top: 3.875rem;
  }
}

.eosl-menu__table-wrap:has(> .eosl-menu__table--onsite) {
  margin-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table-wrap:has(> .eosl-menu__table--onsite) {
    margin-top: 2rem;
  }
}

.eosl-menu__table--onsite {
  margin-top: 1.5rem;
  width: 873px;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table--onsite {
    margin-top: 0;
    width: 100%;
  }
}

.eosl-menu__table-wrap:has(> .eosl-menu__table--escrow) {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table-wrap:has(> .eosl-menu__table--escrow) {
    margin-top: 2rem;
  }
}

.eosl-menu__table--escrow {
  width: 846px;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table--escrow {
    width: 100%;
  }
}

.eosl-menu__table-wrap:has(> .eosl-menu__table--parts) {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table-wrap:has(> .eosl-menu__table--parts) {
    margin-top: 2rem;
  }
}

.eosl-menu__table--parts {
  width: 855px;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table--parts {
    width: 100%;
  }
}

.eosl-menu__table-wrap:has(> .eosl-menu__table--spot) {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table-wrap:has(> .eosl-menu__table--spot) {
    margin-top: 2rem;
  }
}

.eosl-menu__table--spot {
  width: 855px;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table--spot {
    width: 100%;
  }
}

.eosl-menu__table-wrap:has(> .eosl-menu__table--remote) {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table-wrap:has(> .eosl-menu__table--remote) {
    margin-top: 2rem;
  }
}

.eosl-menu__table--onsite thead th,
.eosl-menu__table--escrow thead th,
.eosl-menu__table--parts thead th,
.eosl-menu__table--spot thead th,
.eosl-menu__table--remote th {
  border: 1px solid #CCC;
  padding-bottom: 1.0625rem;
  padding-top: 1.1875rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table--onsite thead th,
  .eosl-menu__table--escrow thead th,
  .eosl-menu__table--parts thead th,
  .eosl-menu__table--spot thead th,
  .eosl-menu__table--remote th {
    padding: 2rem;
  }
}

.eosl-menu__table--onsite thead th:nth-of-type(1),
.eosl-menu__table--escrow thead th:nth-of-type(1),
.eosl-menu__table--parts thead th:nth-of-type(1),
.eosl-menu__table--spot thead th:nth-of-type(1),
.eosl-menu__table--remote thead th:nth-of-type(1) {
  background-color: #DBDBDB;
  color: #001A21;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table--onsite thead th:nth-of-type(1),
  .eosl-menu__table--escrow thead th:nth-of-type(1),
  .eosl-menu__table--parts thead th:nth-of-type(1),
  .eosl-menu__table--spot thead th:nth-of-type(1),
  .eosl-menu__table--remote thead th:nth-of-type(1) {
    font-size: 1rem;
  }
}

.eosl-menu__table--onsite thead th:nth-of-type(2),
.eosl-menu__table--spot thead th:nth-of-type(2),
.eosl-menu__table--remote thead th:nth-of-type(2) {
  background-color: #007C93;
}

.eosl-menu__table--onsite thead th:nth-of-type(3),
.eosl-menu__table--remote thead th:nth-of-type(3) {
  background-color: #063846;
}

.eosl-menu__table--onsite thead th:nth-of-type(2),
.eosl-menu__table--onsite thead th:nth-of-type(3),
.eosl-menu__table--remote thead th:nth-of-type(2),
.eosl-menu__table--remote thead th:nth-of-type(3) {
  width: 356.5px;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table--onsite thead th:nth-of-type(2),
  .eosl-menu__table--onsite thead th:nth-of-type(3),
  .eosl-menu__table--remote thead th:nth-of-type(2),
  .eosl-menu__table--remote thead th:nth-of-type(3) {
    width: 25.25rem;
  }
}

.eosl-menu__table--escrow thead th:nth-of-type(2),
.eosl-menu__table--parts thead th:nth-of-type(2),
.eosl-menu__table--spot thead th:nth-of-type(2) {
  width: 713px;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table--escrow thead th:nth-of-type(2),
  .eosl-menu__table--parts thead th:nth-of-type(2),
  .eosl-menu__table--spot thead th:nth-of-type(2) {
    width: 50.5rem;
  }
}

.eosl-menu__table--onsite tbody th,
.eosl-menu__table--escrow tbody th,
.eosl-menu__table--parts tbody th,
.eosl-menu__table--spot tbody th,
.eosl-menu__table--remote tbody th {
  font-size: 0.875rem;
  font-weight: 400;
  width: 10rem;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table--onsite tbody th,
  .eosl-menu__table--escrow tbody th,
  .eosl-menu__table--parts tbody th,
  .eosl-menu__table--spot tbody th,
  .eosl-menu__table--remote tbody th {
    font-size: 1rem;
    width: 12.4375rem;
  }
}

.eosl-menu__table--onsite .eosl-menu__table-item,
.eosl-menu__table--escrow .eosl-menu__table-item,
.eosl-menu__table--parts .eosl-menu__table-item,
.eosl-menu__table--spot .eosl-menu__table-item,
.eosl-menu__table--remote .eosl-menu__table-item {
  color: #042731;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.7;
  padding: 1rem;
  vertical-align: middle;
}
@media screen and (min-width: 801px) {
  .eosl-menu__table--onsite .eosl-menu__table-item,
  .eosl-menu__table--escrow .eosl-menu__table-item,
  .eosl-menu__table--parts .eosl-menu__table-item,
  .eosl-menu__table--spot .eosl-menu__table-item,
  .eosl-menu__table--remote .eosl-menu__table-item {
    font-size: 1rem;
    padding: 2rem;
  }
}

.eosl-menu__table--onsite .eosl-menu__table-item span {
  color: #007C93;
}

.eosl-menu__table .eosl-menu__table-item img {
  display: block;
  margin-inline: auto;
}

.eosl-menu__table .eosl-menu__table-item--mark img {
  margin-bottom: 0.625rem;
}

.eosl-menu__table-item--text {
  text-align: left;
}

.eosl-process {
  margin-top: 6.875rem;
}

.eosl-process .eosl-process__copy {
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .eosl-process .eosl-process__copy {
    margin-top: 4.0625rem;
  }
}

.eosl-faq {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .eosl-faq {
    margin-top: 7.5rem;
  }
}

.eosl-faq .faq {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .eosl-faq .faq {
    margin-top: 3.75rem;
  }
}

.eosl__tour {
  background-color: #F3F4F5;
  margin-top: 5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
  .eosl__tour {
    margin-top: 8.75rem;
    padding-bottom: 7.5rem;
  }
}

.eosl-maker-case {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .eosl-maker-case {
    margin-top: 7.8125rem;
  }
}

.eosl-maker-case__article {
  margin-top: 2.8125rem;
}

.eosl-maker-case__article .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .eosl-maker-case__article .article__list {
    gap: 2.625rem 2rem;
  }
}

.eosl-maker-case__btn-wrap {
  margin-left: auto;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .eosl-maker-case__btn-wrap {
    margin-inline: 0;
    margin-top: 3.125rem;
  }
}

.eosl-maker .eosl-continue {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .eosl-maker .eosl-continue {
    margin-top: 8rem;
  }
}

.eosl-maker .eosl-continue__inner h2 {
  font-weight: 400;
}

.eosl-maker .eosl-continue__copy {
  line-height: 1.67;
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .eosl-maker .eosl-continue__copy {
    margin-top: 4.0625rem;
  }
}

.eosl-maker-faq {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .eosl-maker-faq {
    margin-top: 7.5rem;
  }
}

.eosl-maker-faq .faq {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .eosl-maker-faq .faq {
    margin-top: 3.75rem;
  }
}

.eosl-brand {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .eosl-brand {
    margin-top: 7.5rem;
  }
}

.feature__content {
  margin-inline: auto;
  width: 22.1875rem;
}
@media screen and (min-width: 801px) {
  .feature__content {
    width: 81.875rem;
  }
}

.feature-head-box {
  background-color: #063846;
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 rgba(0, 124, 147, 0.1);
  margin-top: 2.8125rem;
  overflow: hidden;
  padding: 2.5rem 2rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .feature-head-box {
    margin-top: 4.375rem;
    padding: 3rem;
  }
}

.feature-head-box:before {
  background-image: url("../images/feature/head-box-bg-sp.png");
  background-position: center;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  left: -9.6875rem;
  position: absolute;
  top: -2.8125rem;
  width: 36.375rem;
}
@media screen and (min-width: 801px) {
  .feature-head-box:before {
    background-image: url("../images/feature/head-box-bg.png");
    left: 0;
    top: 0;
    width: 56.1875rem;
  }
}

.feature-head-box__content {
  color: #FFF;
}
@media screen and (min-width: 801px) {
  .feature-head-box__content {
    display: flex;
    justify-content: space-between;
  }
}

.feature-head-box__title {
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .feature-head-box__title {
    font-size: 2rem;
  }
}

.feature-head-box__text {
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-top: 2.25rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .feature-head-box__text {
    letter-spacing: 0.015em;
    margin-top: 0.375rem;
    width: 52.0625rem;
  }
}

.feature-why {
  margin-inline: auto;
  margin-top: 4.875rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .feature-why {
    margin-inline: 0;
    margin-top: 7.1875rem;
    width: 100%;
  }
}

.feature-why .page-why__list {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .feature-why .page-why__list {
    display: grid;
    gap: 1.75rem 2rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 3.75rem;
  }
}

.feature-why .page-why__item {
  display: grid;
  grid-template-columns: 3.4375rem auto;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .feature-why .page-why__item {
    grid-template-columns: 4.5rem auto;
  }
}

.feature-why .page-why__item-head {
  align-items: flex-start;
  gap: 1.125rem;
  grid-column: 1/3;
  grid-row: 1/2;
}
@media screen and (min-width: 801px) {
  .feature-why .page-why__item-head {
    gap: 1.5625rem;
  }
}

.feature-why .page-why__item-title {
  font-size: 1.125rem;
  letter-spacing: 0.01em;
  line-height: 1.7;
  padding-top: 0.375rem;
}
@media screen and (min-width: 801px) {
  .feature-why .page-why__item-title {
    font-size: 1.25rem;
    padding-top: 0.75rem;
  }
}

.feature-why .page-why__item-text {
  grid-column: 2/3;
  grid-row: 2/3;
  letter-spacing: 0.01em;
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .feature-why .page-why__item-text {
    letter-spacing: 0.02em;
    margin-top: 0.9375rem;
  }
}

@media screen and (min-width: 801px) {
  .eosl-why .page-why__item-text {
    margin-top: 0.625rem;
  }
}

.feature__logo-slider {
  margin-top: 3.625rem;
}

.feature__logo-slider .achievements__slider-wrap {
  left: 50%;
  transform: translateX(-50%);
}

.feature-initiative {
  background-image: url("../images/feature/feature-initiative-bg.png");
  background-size: cover;
  color: #FFF;
  left: 50%;
  margin-top: 4.375rem;
  overflow: hidden;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .feature-initiative {
    margin-top: 7rem;
  }
}

.feature-initiative:before {
  background-image: url("../images/top/sus-bg.png");
  background-position: center;
  background-size: 67.125rem;
  content: "";
  display: block;
  height: 67.125rem;
  left: calc(50% - 12.5rem);
  position: absolute;
  top: -12.5rem;
  transform: translateX(-50%);
  width: 67.125rem;
}
@media screen and (min-width: 801px) {
  .feature-initiative:before {
    background-position: -2% 85%;
    left: calc(50% - 18.75rem);
    top: -20.9375rem;
  }
}

.feature-initiative__inner {
  margin-inline: auto;
  max-width: 100%;
  padding: 2.5rem 1rem 3.4375rem;
}
@media screen and (min-width: 801px) {
  .feature-initiative__inner {
    max-width: 90rem;
    padding: 5.9375rem 4.0625rem 7.5rem;
  }
}

.feature-initiative__inner .page-sec__title h2 {
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .feature-initiative__inner .page-sec__title h2 {
    font-size: 2.25rem;
  }
}

.feature-initiative__content-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 1.75rem;
}
@media screen and (min-width: 801px) {
  .feature-initiative__content-wrap {
    flex-direction: row;
    gap: 2rem;
    margin-top: 4.875rem;
  }
}

.feature-initiative__content {
  background-color: rgba(6, 56, 70, 0.8);
  border-radius: 16px;
  height: -moz-max-content;
  height: max-content;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .feature-initiative__content {
    width: 50%;
  }
}

.feature-initiative__content-link {
  display: block;
  height: 100%;
  padding: 1.5rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .feature-initiative__content-link {
    padding: 3rem;
  }
}

.feature-initiative__content-link .page-sec__btn {
  pointer-events: none;
  transition: transform 0.4s;
}

.feature-initiative__content-link:hover .page-sec__btn {
  transform: scale(1.167);
}

.feature-initiative__content-link:hover .feature-initiative__title,
.feature-initiative__content-link:hover .feature-initiative__text {
  text-decoration: underline;
}

.feature-initiative__head {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.feature-initiative__head-btn {
  flex-shrink: 0;
  position: absolute;
  right: 0;
}

.feature-initiative__head-btn .page-sec__btn {
  justify-content: flex-end;
  width: 2.625rem;
}

.feature-initiative__head-title {
  font-family: "DM Sans", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.75rem;
}
@media screen and (min-width: 801px) {
  .feature-initiative__head-title {
    font-size: 0.875rem;
    margin-top: 0;
  }
}

.feature-initiative__head-title span {
  color: #56B2CB;
  padding-left: 0.125rem;
}

.feature-initiative__title {
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .feature-initiative__title {
    font-size: 1.75rem;
  }
}

.feature-initiative__text {
  font-family: "DM Sans", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.002em;
  line-height: 1.72;
  margin-top: 1.125rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .feature-initiative__text {
    font-size: 0.875rem;
    margin-top: 1.625rem;
    width: 29.9375rem;
  }
}

.feature-about {
  margin-inline: auto;
  margin-top: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .feature-about {
    margin-top: 7.5rem;
    width: 100%;
  }
}

.feature-about__link-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  justify-content: space-between;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .feature-about__link-list {
    flex-direction: row;
    gap: 2rem;
    margin-top: 4.0625rem;
  }
}

.feature-about__photo-link-wrap {
  align-items: flex-end;
  background-position: center;
  background-size: 100%;
  border-radius: 16px;
  display: flex;
  height: 14.375rem;
  padding: 0.5rem;
  position: relative;
  transition: background-size 0.4s, background-position 0.4s;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .feature-about__photo-link-wrap {
    height: 18.25rem;
    width: 50%;
  }
}

.feature-about__photo-link-wrap--left {
  background-image: url("../images/feature/feature-about-link-photo01-sp.png");
}
@media screen and (min-width: 801px) {
  .feature-about__photo-link-wrap--left {
    background-image: url("../images/feature/feature-about-link-photo01.png");
  }
}

.feature-about__photo-link-wrap--right {
  background-image: url("../images/feature/feature-about-link-photo02-sp.png");
}
@media screen and (min-width: 801px) {
  .feature-about__photo-link-wrap--right {
    background-image: url("../images/feature/feature-about-link-photo02.png");
  }
}

.feature-about__photo-link-wrap:has(.feature-about__photo-link:hover) {
  background-position: center;
  background-size: 105%;
}

.feature-about__photo-link {
  transition: background-color 0.4s, color 0.4s;
}

.feature-about__photo-link:hover {
  background-color: #007C93;
  color: #FFF;
}

.feature-about__link-wrap {
  background-color: #FFF;
  border-radius: 16px;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .feature-about__link-wrap {
    width: 50%;
  }
}

.feature-about__link {
  align-items: center;
  border-radius: 16px;
  display: flex;
  gap: 1.5rem;
  padding: 0.5rem;
  transition: background-color 0.4s, color 0.4s;
}
@media screen and (min-width: 801px) {
  .feature-about__link {
    padding: 1.5rem;
  }
}

.feature-about__link:hover {
  background-color: #007C93;
  color: #FFF;
}

.feature-about__link-image {
  border-radius: 8px;
  flex-shrink: 0;
  height: 4.25rem;
  overflow: hidden;
  width: 7.8125rem;
}
@media screen and (min-width: 801px) {
  .feature-about__link-image {
    height: 6.25rem;
    width: 11.4375rem;
  }
}

.feature-about__link-image img {
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s;
}

.feature-about__link:hover .feature-about__link-image img {
  transform: scale(1.1);
}

.feature-about__photo-link {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  display: flex;
  height: 4.5625rem;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  width: 100%;
}

.feature-about__photo-link-text-wrap,
.feature-about__link-text-wrap {
  align-items: center;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  width: 100%;
}

.feature-about__photo-link-text,
.feature-about__link-text {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .feature-about__photo-link-text,
  .feature-about__link-text {
    font-size: 1.125rem;
    font-weight: 500;
  }
}

.feature-about__photo-link-btn .page-sec__btn,
.feature-about__link-btn .page-sec__btn {
  justify-content: flex-end;
  pointer-events: none;
  width: auto;
}

.feature-about__photo-link:hover .page-sec__btn:before,
.feature-about__link:hover .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
}

.feature-about__photo-link:hover .page-sec__btn:after,
.feature-about__link:hover .page-sec__btn:after {
  background-color: #F2F2F2;
}

.feature__tour {
  margin-top: 4.6875rem;
  padding-bottom: 3.75rem;
}
@media screen and (min-width: 801px) {
  .feature__tour {
    margin-top: 12.5rem;
    padding-bottom: 7.5rem;
  }
}

@media screen and (min-width: 801px) {
  .represent-single .head-single__inner {
    width: 53.75rem;
  }
}

.represent-single__article {
  color: #042731;
  margin-inline: auto;
  padding-bottom: 3.125rem;
  padding-top: 2rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .represent-single__article {
    padding-bottom: 5rem;
    padding-top: 3.4375rem;
    width: 53.75rem;
  }
}

.represent-single__article .single-box {
  background-color: transparent;
  border: 1px solid #CCC;
  border-radius: 10px;
}

.represent-single__article .single-content {
  font-size: 0.875rem;
  line-height: 1.75;
}
@media screen and (min-width: 801px) {
  .represent-single__article .single-content {
    font-size: 1rem;
    line-height: 1.8;
  }
}

.represent-single__article .single-box .single-author__item {
  margin-top: 0;
}

.represent-single__article .represent-single__person {
  margin-top: 3.875rem;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .represent-single__article .represent-single__person {
    margin-top: 2.5rem;
    padding: 2.25rem 2.375rem;
  }
}

.represent-single__article .represent-single__person .single-author__name {
  font-size: 0.875rem;
}
@media screen and (min-width: 801px) {
  .represent-single__article .represent-single__person .single-author__name {
    font-size: 1.25rem;
  }
}

.represent-single__article .represent-single__person .single-author__text {
  font-size: 0.75rem;
  line-height: 1.82;
  margin-top: 0.75rem;
}
@media screen and (min-width: 801px) {
  .represent-single__article .represent-single__person .single-author__text {
    font-size: 1rem;
    line-height: 1.7;
    margin-top: 0.625rem;
  }
}

.represent-single__notes-wrap {
  background-color: #E6E6E6;
  line-height: 1.5625rem;
  margin-top: 2rem;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .represent-single__notes-wrap {
    line-height: 2rem;
    margin-top: 4rem;
    padding: 2rem;
  }
}

.represent-single__notes {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .represent-single__notes {
    font-size: 0.875rem;
  }
}

.represent-single__notes-item {
  align-items: flex-start;
  display: flex;
  gap: 0.625rem;
}

.represent-single__notes-item:before {
  content: "※";
  display: block;
}

.represent-single__related {
  margin: 5.9375rem auto 3.625rem;
  padding-top: 0.9375rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .represent-single__related {
    margin: 1.875rem auto 7.5rem;
    width: 68rem;
  }
}

.represent-single__related-title-wrap .head-tag {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .represent-single__related-title-wrap .head-tag {
    font-size: 0.875rem;
  }
}

.represent-single__related-title {
  align-items: flex-start;
  border-bottom: 2px solid #E6E6E6;
  display: flex;
  font-size: 1.625rem;
  font-weight: 500;
  gap: 1.125rem;
  margin-top: 1.5625rem;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 801px) {
  .represent-single__related-title {
    font-size: 2.25rem;
  }
}

.represent-single__related-title:before {
  background: url("../images/icon/page-title.svg") no-repeat center/contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.9375rem;
  margin-top: 0.6875rem;
  width: 1.5rem;
}
@media screen and (min-width: 801px) {
  .represent-single__related-title:before {
    margin-top: 1.25rem;
  }
}

.represent-single__related-article {
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .represent-single__related-article {
    margin-top: 2.375rem;
  }
}

.represent-single__related-article .article__list {
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .represent-single__related-article .article__list {
    gap: 1.5rem;
  }
}

.represent-single__related-article .article__item {
  background-color: #FFF;
}

.represent-single__related-article .article__date {
  font-size: 0.875rem;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 801px) {
  .represent-single__related-article .article__date {
    font-size: 1rem;
  }
}

.represent-single__related-article .article__title {
  font-size: 1.25rem;
  margin-top: 1.875rem;
}

.represent-single__related-article .article__link {
  padding: 1.125rem 1.5rem 1.875rem;
}
@media screen and (min-width: 801px) {
  .represent-single__related-article .article__link {
    padding: 1.25rem 2rem 1.875rem;
  }
}

.represent-single__related-article .article__link:hover .article__text {
  text-decoration: underline;
}

.represent-single__pagination {
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .represent-single__pagination {
    width: 68rem;
  }
}

.represent {
  background-color: #F3F4F5;
}

.represent__head {
  margin-inline: auto;
  padding: 1.5rem 0 2.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .represent__head {
    border-bottom: 1px solid #CCC;
    margin-top: 7.5rem;
    padding: 0 0 2.375rem 0;
    width: 82rem;
  }
}

.represent__filter-wrap {
  background-color: #FFF;
  border-radius: 10px;
}
@media screen and (min-width: 801px) {
  .represent__filter-wrap {
    background-color: transparent;
    margin-top: 2.5rem;
    padding-bottom: 3.625rem;
    padding-top: 1.125rem;
  }
}

.represent__filter-wrap .form__select-filter {
  align-items: flex-start;
  margin-top: 0;
}

@media screen and (min-width: 801px) {
  .represent__filter-wrap .form__select-filter-title {
    padding-left: 0;
    width: 5.625rem;
  }
}

.represent__filter-wrap .represent__filter-title {
  color: #808080;
  font-size: 0.875rem;
  font-weight: 500;
}

.represent__filter {
  display: none;
}
@media screen and (min-width: 801px) {
  .represent__filter {
    display: block;
    position: relative;
  }
}

.represent__filter-title {
  font-size: 1.125rem;
  font-weight: 500;
  padding-block: 0.875rem;
}

.represent__dropdown-wrap {
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 1.5rem;
  margin-inline: auto;
  padding-bottom: 1.5rem;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .represent__dropdown-wrap {
    display: none;
  }
}

.represent__dropdown-wrap .form__dropdown {
  border: 1px solid #CCC;
  border-radius: 8px;
  position: relative;
}

.represent__filter .form__dropdown {
  border-radius: 8px;
  right: 0;
  top: 0;
  width: 17.875rem;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .represent__filter .form__dropdown {
    left: 5.9375rem;
    right: auto;
    width: 14.375rem;
  }
}

.represent__dropdown-wrap .form__dropdown .form__dropdown-item:last-child {
  margin-bottom: 0.875rem;
}

.represent__dropdown-wrap .form__dropdown-link-name {
  font-size: 0.875rem;
}

.represent__filter .form__dropdown-title {
  padding-block: 0.96875rem;
}

.represent__filter .form__dropdown-list {
  padding-block: 0.875rem;
}

.represent__body {
  margin-inline: auto;
  margin-top: 1.25rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .represent__body {
    margin-top: 3.75rem;
    padding-bottom: 7.5rem;
    width: 82rem;
  }
}

.represent__body .article__list {
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .represent__body .article__list {
    gap: 1.5rem;
  }
}

.represent__body .article__item {
  background-color: #FFF;
  border: 1px solid #E4E4E4;
}

.represent__body .article__link {
  padding: 1.375rem 1.5rem;
  transition: 0.4s;
}
@media screen and (min-width: 801px) {
  .represent__body .article__link {
    padding: 2rem;
  }
}

.represent__body .article__date {
  color: #6B6B6B;
  font-size: 0.875rem;
  letter-spacing: 0em;
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .represent__body .article__date {
    font-size: 1rem;
  }
}

.represent__body .article__title {
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .represent__body .article__title {
    margin-top: 2rem;
  }
}

.represent__body .article__link:hover .article__text {
  text-decoration: underline;
}

.represent__body .article__tags {
  margin-top: 1.125rem;
}
@media screen and (min-width: 801px) {
  .represent__body .article__tags {
    margin-top: 0.75rem;
  }
}

.represent__pagination-wrap {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .represent__pagination-wrap {
    margin-top: 5.0625rem;
  }
}

.represent__pagination-wrap .pagination > *,
.represent__pagination-wrap .pagination .pagination__arrow {
  background-color: #FFF;
}

.represent__pagination-wrap .dots {
  background-color: transparent;
}

.interview-single__article {
  color: #042731;
  margin-inline: auto;
  padding-bottom: 2.5rem;
  padding-top: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .interview-single__article {
    padding-bottom: 3.75rem;
    padding-top: 4.0625rem;
    width: 53.75rem;
  }
}

.interview-single__image img {
  height: 14rem;
}
@media screen and (min-width: 801px) {
  .interview-single__image img {
    height: auto;
  }
}

.interview-single__info {
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .interview-single__info {
    margin-top: 3rem;
  }
}

.interview-single__info dl {
  display: flex;
  gap: 1.5rem;
}

.interview-single__info dt {
  width: 6.75rem;
}
@media screen and (min-width: 801px) {
  .interview-single__info dt {
    width: 10.8125rem;
  }
}

.interview-single__talk-content {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .interview-single__talk-content {
    margin-top: 5.625rem;
  }
}

.interview-single__article .interview-single__talk-content h2 {
  font-size: 1.25rem;
  gap: 0.9375rem;
  line-height: 1.7;
  padding-bottom: 0.625rem;
}
@media screen and (min-width: 801px) {
  .interview-single__article .interview-single__talk-content h2 {
    font-size: 2.125rem;
    line-height: 1.55;
    padding-bottom: 1.875rem;
  }
}

.interview-single__company {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.75rem;
}
@media screen and (min-width: 801px) {
  .interview-single__company {
    flex-direction: row;
    margin-top: 3.125rem;
  }
}

.interview-single__company-image {
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  display: grid;
  height: 8.375rem;
  place-items: center;
  width: 12.25rem;
}

.interview-single__company-image figure {
  margin: 0;
}

.interview-single__company-image img {
  width: 8.875rem;
}

.interview-single__company-info {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
@media screen and (min-width: 801px) {
  .interview-single__company-info {
    gap: 1.5625rem;
  }
}

.interview-single__company dl {
  align-items: flex-start;
  display: flex;
  gap: 0.625rem;
  letter-spacing: 0.04em;
}

.interview-single__company dt {
  flex-shrink: 0;
  width: 6.75rem;
}
@media screen and (min-width: 801px) {
  .interview-single__company dt {
    width: 8.5rem;
  }
}

.interview-single__company dd {
  letter-spacing: 0.02em;
  line-height: 1.85;
  width: 25.875rem;
}
@media screen and (min-width: 801px) {
  .interview-single__company dd {
    line-height: 1.7;
  }
}

.interview-single__company-info a {
  color: #007C93;
  text-decoration: underline;
}

.interview-single__person {
  margin-top: 1.75rem;
}
@media screen and (min-width: 801px) {
  .interview-single__person {
    margin-top: 3rem;
  }
}

.interview-single__related {
  border-top: 1px solid #D6D6D6;
  margin-inline: auto;
  margin-top: 3.75rem;
  padding-top: 0.9375rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .interview-single__related {
    width: 82rem;
  }
}

.interview-single__related-title-wrap .head-tag {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .interview-single__related-title-wrap .head-tag {
    font-size: 0.875rem;
  }
}

.interview-single__related-title {
  font-size: 1.625rem;
  font-weight: 500;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .interview-single__related-title {
    font-size: 2.25rem;
  }
}

.interview-single__related-article {
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .interview-single__related-article {
    margin-top: 3.75rem;
  }
}

.interview-single__related-article .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .interview-single__related-article .article__list {
    gap: 2.625rem 2rem;
  }
}

.interview-single__pagination {
  margin: 4.6875rem auto 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .interview-single__pagination {
    margin: 7.8125rem auto 7.5rem;
    width: 68rem;
  }
}

.interview-single__pagination .pagination-single__ctrl {
  padding-inline: 0.5rem;
}
@media screen and (min-width: 801px) {
  .interview-single__pagination .pagination-single__ctrl {
    padding-inline: 5rem;
  }
}

.interview-single__pagination .pagination-single__ctrl-prev {
  margin-left: 0.5rem;
}
@media screen and (min-width: 801px) {
  .interview-single__pagination .pagination-single__ctrl-prev {
    margin-left: 0;
  }
}

.interview-single__pagination .pagination-single__ctrl-next {
  margin-right: 0.5rem;
}
@media screen and (min-width: 801px) {
  .interview-single__pagination .pagination-single__ctrl-next {
    margin-right: 0;
  }
}

.interview-single__pagination .pagination-single__ctrl .pagination-single__ctrl-back {
  justify-content: center;
  letter-spacing: 0.01em;
  width: 19.875rem;
}

.cp-interview {
  background-color: #F3F4F5;
}

.cp-interview__search {
  background-color: #FFF;
  padding-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__search {
    padding-top: 7.5rem;
  }
}

.cp-interview__filter-wrap {
  background-color: #E6E6E6;
  border-radius: 10px;
  margin-inline: auto;
  padding: 1.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__filter-wrap {
    padding: 2.5rem;
    width: 82rem;
  }
}

.cp-interview__filter {
  position: relative;
}
@media screen and (min-width: 801px) {
  .cp-interview__filter {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}

.cp-interview__filter-list .form__filter-tags {
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__filter-list .form__filter-tags {
    gap: 1.5rem;
  }
}

.cp-interview__filter-list .form__filter-tag {
  height: 3.125rem;
  width: 18.4375rem;
}
.cp-interview__filter-list .form__filter-tag p {
  overflow: hidden;
  padding-right: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 801px) {
  .cp-interview__filter-list .form__filter-tag {
    height: 3.5rem;
    width: 15.59375rem;
  }
  .cp-interview__filter-list .form__filter-tag p {
    padding-right: 1rem;
  }
}

.cp-interview__keyword-input-wrap {
  height: 3.125rem;
  padding: 0 1rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__keyword-input-wrap {
    height: 3.5rem;
    width: 15.3125rem;
  }
}

.cp-interview__keyword-icon {
  background-image: url("../images/icon/search.png");
  background-position: center;
  background-size: contain;
  cursor: pointer;
  height: 1.53125rem;
  width: 1.5rem;
}

.cp-interview__keyword-input {
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .cp-interview__keyword-input {
    font-size: 1rem;
  }
}

.cp-interview__search-btn {
  background-color: #042731;
  border-radius: 1000px;
  color: #FFF;
  display: block;
  margin-inline: auto;
  margin-top: 1.125rem;
  padding: 0.9375rem 2.25rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__search-btn {
    margin-inline: 0;
    margin-top: 0;
    padding: 0.9375rem 2.5rem;
  }
}

.cp-interview__pickup {
  background-color: #FFF;
}

.cp-interview__pickup .article__tag,
.cp-interview__list-wrap .article__tag {
  transition: background-color 0.4s;
}

.cp-interview__pickup .article__tag:hover,
.cp-interview__list-wrap .article__tag:hover {
  background-color: #F3F4F5;
}

.cp-interview__pickup-content {
  margin-inline: auto;
  padding-bottom: 3.75rem;
  padding-top: 2.8125rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__pickup-content {
    padding-bottom: 7.5rem;
    padding-top: 5.625rem;
    width: 82rem;
  }
}

.cp-interview__pickup-content .page-sec__title h2 {
  font-size: 1.625rem;
  line-height: 1.68;
}
@media screen and (min-width: 801px) {
  .cp-interview__pickup-content .page-sec__title h2 {
    font-size: 2.25rem;
    line-height: normal;
  }
}

.cp-interview__pickup-list {
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__pickup-list {
    margin-top: 5.125rem;
  }
}

.cp-interview__container .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__container .article__list {
    gap: 2.625rem 2rem;
  }
}

.cp-interview__external {
  background-color: #f3f4f5;
  height: -moz-fit-content;
  height: fit-content;
  overflow-x: hidden;
  padding: 2.8125rem 0 3.75rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .cp-interview__external {
    height: auto;
    margin-top: 0;
    padding: 6.25rem 0 7.5rem;
  }
}

.cp-interview__external .slider__item-tag {
  transition: background-color 0.4s;
}

.cp-interview__external .slider__item-tag:hover {
  background-color: #FFF;
}

.cp-interview__external .page-sec__title {
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .cp-interview__external .page-sec__title {
    line-height: normal;
  }
}

.cp-interview__external-container {
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 auto;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__external-container {
    width: 82rem;
  }
}

.cp-interview__slider-wrap {
  margin-top: 3.125rem;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none; /* Firefox 対応 */
  -ms-overflow-style: none; /* IE, Edge 対応 */
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .cp-interview__slider-wrap {
    margin-top: 4.6875rem;
    width: calc(100vw - 4rem);
  }
}

.cp-interview__slider-wrap::-webkit-scrollbar {
  display: none;
}

.cp-interview__slider-wrap .slider__item-date {
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__slider-wrap .slider__item-date {
    margin-top: 1rem;
  }
}

.cp-interview__external .slider__item-bar-wrap {
  display: none !important;
}

.cp-interview__list-wrap {
  background-color: #FFF;
}

.cp-interview__search-terms-container {
  align-items: flex-start;
  display: none;
  justify-content: flex-start;
  margin-inline: auto;
  padding-top: 2rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__search-terms-container {
    gap: 0.75rem;
    grid-template-columns: 8.5rem 1fr;
    margin-top: 0;
    padding-top: 1.5rem;
    width: 82rem;
  }
}

.cp-interview__search-terms-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-top: 0.25rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__search-terms-title {
    padding-top: 0.125rem;
  }
}

.cp-interview__search-terms-title span {
  flex-shrink: 0;
}

@media screen and (min-width: 801px) {
  .cp-interview__search-terms-title:after {
    content: "：";
    display: block;
  }
}

.cp-interview__search-terms-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__search-terms-wrap {
    margin-top: 0;
  }
}

.cp-interview__search-terms {
  display: flex;
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__search-terms {
    gap: 0.75rem;
  }
}

.cp-interview__search-terms-name {
  font-feature-settings: 'palt';
  flex-shrink: 0;
  font-size: 0.875rem;
  padding-top: 0.125rem;
  text-align-last: justify;
  width: 4.8rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__search-terms-name {
    font-size: 1rem;
    width: 5.5rem;
  }
}

.cp-interview__search-terms-name span {
  display: inline-block;
  width: 1.75rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__search-terms-name span {
    width: 2rem;
  }
}

.cp-interview__search-terms-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.cp-interview__search-terms-item {
  background-color: #E6E6E6;
  border-radius: 1rem;
  cursor: pointer;
  font-size: 0.75rem;
  padding: 0.25rem 2.325rem 0.25rem 1.25rem;
  position: relative;
  transition: background-color .3s;
}
@media screen and (min-width: 801px) {
  .cp-interview__search-terms-item {
    font-size: 0.875rem;
  }
}

.cp-interview__search-terms-item:hover {
  background-color: #F3F4F5;
}

.cp-interview__search-terms-item:before,
.cp-interview__search-terms-item:after {
  background: #042731;
  bottom: 0;
  content: "";
  height: 1px;
  margin: auto 0;
  position: absolute;
  right: 12px;
  top: 1px;
  width: 14px;
}

@media screen and (min-width: 801px) {
  .cp-interview__search-terms-item:before,
  .cp-interview__search-terms-item:after {
    right: 17px;
  }
}

.cp-interview__search-terms-item:before {
  transform: rotate(45deg);
}

.cp-interview__search-terms-item:after {
  transform: rotate(-45deg);
}

.cp-interview__list {
  margin-inline: auto;
  padding-bottom: 3.75rem;
  padding-top: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__list {
    padding-bottom: 7.5rem;
    width: 82rem;
  }
}

.cp-interview__btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .cp-interview__btn-wrap {
    margin-top: 5.3125rem;
  }
}

.cp-interview__btn {
  align-items: center;
  background-color: #063846;
  border-radius: 1000px;
  color: #FFF;
  display: flex;
  gap: 1.25rem;
  padding: 1.125rem 2rem;
}

.cp-interview__btn:after {
  background-image: url("../images/icon/arrow_down-white.png");
  content: "";
  display: block;
  height: 1.5rem;
  width: 1.5rem;
}

.cp-interview__cat {
  background-color: #F3F4F5;
}

.cp-interview__cat .cat-list__title {
  line-height: 1.68;
}
@media screen and (min-width: 801px) {
  .cp-interview__cat .cat-list__title {
    line-height: normal;
  }
}

.cp-interview__cat .cat-list__box {
  background-color: #FFF;
}

.itad-edata__content-wrap,
.itad-relocation__content-wrap,
.itad-purchase__content-wrap,
.itad__content-wrap {
  background-color: #F3F4F5;
  margin-inline: auto;
  margin-top: 1.875rem;
  overflow-x: hidden;
  padding-inline: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .itad-edata__content-wrap,
  .itad-relocation__content-wrap,
  .itad-purchase__content-wrap,
  .itad__content-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    overflow-x: visible;
    padding-inline: 0;
    width: 82rem;
  }
}

@media screen and (min-width: 801px) {
  .itad-edata .side-index,
  .itad-relocation .side-index,
  .itad-purchase .side-index {
    padding-top: 6.5625rem;
  }
}

@media screen and (min-width: 801px) {
  .itad .side-index {
    padding-top: 6.5625rem;
    z-index: 1;
  }
}

.itad-edata__content,
.itad-relocation__content,
.itad-purchase__content,
.itad__content {
  margin-top: 3.625rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .itad-edata__content,
  .itad-relocation__content,
  .itad-purchase__content,
  .itad__content {
    margin-top: 0.9375rem;
    width: 63rem;
  }
}

@media screen and (min-width: 801px) {
  .itad-challenges {
    margin-top: 6.875rem;
  }
}

.itad-edata__content .itad-challenge__copy {
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .itad-edata__content .itad-challenge__copy {
    margin-top: 4.0625rem;
  }
}

.itad-features {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad-features {
    margin-top: 11.25rem;
  }
}

.itad-features .page-features__item img {
  height: 13.125rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.itad-service-features {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad-service-features {
    margin-top: 7.1875rem;
  }
}

.itad-service-features .page-features__list {
  margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .itad-service-features .page-features__list {
    margin-top: 3.125rem;
  }
}

.itad-features .itad-features__copy {
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .itad-features .itad-features__copy {
    margin-top: 2.8125rem;
  }
}

.itad-features .zoomup {
  border-radius: 10px;
  display: block;
  pointer-events: none;
}
@media screen and (min-width: 801px) {
  .itad-features .zoomup {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    pointer-events: auto;
  }
}

.itad-features .zoomup__open {
  display: none;
}
@media screen and (min-width: 801px) {
  .itad-features .zoomup__open {
    display: flex;
    margin-bottom: 1rem;
    margin-right: 1rem;
  }
}

.itad-features .zoomup__container {
  width: -moz-fit-content;
  width: fit-content;
}

.itad-about {
  background-color: #063846;
  color: #FFF;
  left: 50%;
  margin-top: 3.4375rem;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .itad-about {
    left: calc(50% - 9.5rem);
    margin-top: 5.125rem;
  }
}

.itad-about:before {
  background-image: url("../images/top/sus-bg.png");
  background-position: -5% -10%;
  background-size: 39.1875rem;
  content: "";
  display: block;
  height: 100%;
  max-width: 100%;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .itad-about:before {
    background-position: -5% 65%;
    background-size: 66.25rem;
    left: calc(50% - 10.625rem);
    max-width: 90rem;
    transform: translateX(-50%);
  }
}

.itad-about__inner {
  margin-inline: auto;
  max-width: 100%;
  padding: 3.75rem 1rem;
}
@media screen and (min-width: 801px) {
  .itad-about__inner {
    max-width: 90rem;
    padding: 7.5rem 4.0625rem;
  }
}

.itad-about__wrap {
  margin-left: auto;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .itad-about__wrap {
    width: 63rem;
  }
}

.itad-about__title-wrap {
  font-weight: 500;
  text-align: center;
}

.itad-about__sub-title {
  font-size: 1rem;
}
@media screen and (min-width: 801px) {
  .itad-about__sub-title {
    font-size: 1.5rem;
  }
}

.itad-about__title {
  font-size: 1.75rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .itad-about__title {
    font-size: 3rem;
    margin-top: 1rem;
  }
}

.itad-about__text-wrap {
  background-color: rgba(0, 124, 147, 0.6);
  border-radius: 16px;
  font-size: 0.875rem;
  margin-top: 1.5625rem;
  padding: 2rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .itad-about__text-wrap {
    font-size: 1rem;
    margin-top: 2.5rem;
    padding: 4rem 5.25rem 4rem 5rem;
  }
}

.itad-about__text-title {
  font-size: 1.25rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .itad-about__text-title {
    font-size: 1.75rem;
  }
}

.itad-about__text {
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-top: 2.25rem;
}

.itad-why {
  margin-top: 4.5rem;
}
@media screen and (min-width: 801px) {
  .itad-why {
    margin-top: 7.1875rem;
  }
}

.itad-why .itad-why__copy {
  margin-top: 2.9375rem;
}
@media screen and (min-width: 801px) {
  .itad-why .itad-why__copy {
    margin-top: 4.0625rem;
  }
}

.itad-why .page-why__list {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .itad-why .page-why__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 3.75rem;
  }
}

.itad-why .page-why__list .page-why__item-text a {
  color: #007C93;
  text-decoration: underline;
}

.itad-edata__heading {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad-edata__heading {
    margin-top: 7.1875rem;
  }
}

.itad-edata__heading .zoomup {
  align-items: flex-end;
  justify-content: flex-end;
}

.itad-edata__heading .zoomup__open {
  color: #FFF;
  margin-bottom: 0.75rem;
  margin-right: 0.5rem;
}

@media screen and (min-width: 801px) {
  .itad__heading {
    margin-top: 5.9375rem;
  }
}

.itad__heading .heading__inner {
  padding: 2.75rem 0.9375rem 1.875rem 2rem;
}
@media screen and (min-width: 801px) {
  .itad__heading .heading__inner {
    padding: 4rem 0 1.0625rem 4.5rem;
  }
}

.itad__heading .heading__text {
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .itad__heading .heading__text {
    line-height: 1.65;
  }
}

.itad__heading .heading__image {
  padding-top: 1.25rem;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .itad__heading .heading__image {
    margin-inline: auto;
    padding-top: 3.125rem;
    width: 42.1875rem;
  }
}

.itad-edata__heading .heading__inner {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 801px) {
  .itad-edata__heading .heading__inner {
    grid-template-columns: 12.3125rem 1fr;
    padding: 2rem 0 2rem 4.5rem;
  }
}

.itad-edata__heading .heading__image {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-inline: auto;
  margin-top: 1.5625rem;
  width: 10.0625rem;
}
@media screen and (min-width: 801px) {
  .itad-edata__heading .heading__image {
    grid-column: 1/2;
    grid-row: 1/3;
    margin-inline: 0;
    margin-top: 0;
    width: 12.3125rem;
  }
}

.itad-edata__heading .heading__title {
  grid-column: 1/2;
  grid-row: 1/2;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .itad-edata__heading .heading__title {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-top: 2.5rem;
  }
}

.itad-edata__heading .heading__text {
  grid-column: 1/2;
  grid-row: 3/4;
  line-height: 1.7;
  margin-top: 1.4375rem;
}
@media screen and (min-width: 801px) {
  .itad-edata__heading .heading__text {
    grid-column: 2/3;
    grid-row: 2/3;
    line-height: 1.65;
    margin-top: 0.3125rem;
  }
}

.itad-edata-process {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-process {
    margin-top: 7.1875rem;
  }
}

.itad-relocation-process {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad-relocation-process {
    margin-top: 6.5625rem;
  }
}

.itad-purchase-process {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-process {
    margin-top: 6.5625rem;
  }
}

.itad-edata-process .page-process__list-wrap:before {
  height: calc(100% - 76.5625rem);
  top: 2.6875rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-process .page-process__list-wrap:before {
    height: calc(100% - 95.75rem);
    top: 4.25rem;
  }
}

.itad-relocation-process .page-process__list-wrap:before {
  height: calc(100% - 9.8125rem);
  top: 3rem;
}
@media screen and (min-width: 801px) {
  .itad-relocation-process .page-process__list-wrap:before {
    height: calc(100% - 8.125rem);
    top: 4.0625rem;
  }
}

.itad-purchase-process .page-process__list-wrap:before {
  height: calc(100% - 4.6875rem);
}
@media screen and (min-width: 801px) {
  .itad-purchase-process .page-process__list-wrap:before {
    height: calc(100% - 8.125rem);
    top: 4.0625rem;
  }
}

.itad-edata-process .page-process__list-wrap,
.itad-relocation-process .page-process__list-wrap,
.itad-purchase-process .page-process__list-wrap {
  margin-top: 3.4375rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-process .page-process__list-wrap,
  .itad-relocation-process .page-process__list-wrap,
  .itad-purchase-process .page-process__list-wrap {
    margin-top: 4.375rem;
  }
}

.itad-edata-process .page-process__item,
.itad-relocation-process .page-process__item,
.itad-purchase-process .page-process__item {
  margin-top: 0.5rem;
  padding: 1.75rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-process .page-process__item,
  .itad-relocation-process .page-process__item,
  .itad-purchase-process .page-process__item {
    margin-top: 1rem;
    padding: 2rem 1.5rem;
  }
}

.itad-relocation-process .page-process__item:last-child .page-process__title,
.itad-purchase-process .page-process__item:last-child .page-process__title {
  color: #042731;
}

.itad-edata-process .page-process__text,
.itad-relocation-process .page-process__text {
  margin-top: 0.9375rem;
}

.itad-edata-menu,
.itad-purchase-menu {
  margin-top: 4.875rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu,
  .itad-purchase-menu {
    margin-top: 6.875rem;
  }
}

.itad-edata-menu .itad-edata-menu__copy,
.itad-purchase-menu .itad-purchase-menu__copy {
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu .itad-edata-menu__copy,
  .itad-purchase-menu .itad-purchase-menu__copy {
    margin-top: 4.0625rem;
  }
}

.itad-menu {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .itad-menu {
    margin-top: 3.75rem;
  }
}

.itad-menu__copy {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.72;
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .itad-menu__copy {
    font-size: 1rem;
    line-height: 1.7;
    margin-top: 3.75rem;
  }
}

.itad-menu__image-wrap {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .itad-menu__image-wrap {
    margin-top: 4.0625rem;
  }
}

.itad-menu__image {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .itad-menu__image {
    margin-top: 1.875rem;
  }
}

.itad-menu__image.zoomup {
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (min-width: 801px) {
  .itad-menu__image.zoomup {
    pointer-events: none;
  }
}

.itad-menu__image .zoomup__open {
  bottom: 0.3125rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

.itad-menu__image-title .page-sec__sub-title {
  font-size: 1.125rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .itad-menu__image-title .page-sec__sub-title {
    font-size: 1.5rem;
  }
}

.itad-edata-menu__content,
.itad-purchase-menu__content {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__content,
  .itad-purchase-menu__content {
    margin-top: 3.875rem;
  }
}

.itad-edata-menu__table-wrap,
.itad-purchase-menu__table-wrap {
  margin-top: 1.75rem;
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__table-wrap,
  .itad-purchase-menu__table-wrap {
    margin-top: 2rem;
    width: 100%;
  }
}

.itad-edata-menu__table,
.itad-purchase-menu__table {
  border-collapse: collapse;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__table,
  .itad-purchase-menu__table {
    width: 100%;
  }
}

.itad-edata-menu__table--estimate,
.itad-purchase-menu__table--assessment {
  width: 450px;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__table--estimate,
  .itad-purchase-menu__table--assessment {
    width: 100%;
  }
}

.itad-edata-menu__table tr,
.itad-purchase-menu__table tr {
  vertical-align: middle;
}

.itad-edata-menu__table th,
.itad-edata-menu__table td,
.itad-purchase-menu__table th,
.itad-purchase-menu__table td {
  border: 1px solid #CCC;
  color: #001A21;
  font-size: 0.875rem;
  font-weight: 400;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__table th,
  .itad-edata-menu__table td,
  .itad-purchase-menu__table th,
  .itad-purchase-menu__table td {
    font-size: 1rem;
    line-height: 1.65;
    padding: 2rem;
  }
}

.itad-edata-menu__table tbody td,
.itad-purchase-menu__table tbody td {
  background-color: #FFF;
  color: #042731;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.7;
  padding: 1rem;
  vertical-align: middle;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__table tbody td,
  .itad-purchase-menu__table tbody td {
    font-size: 1rem;
    padding: 2rem;
  }
}

.itad-edata-menu__table thead th:nth-of-type(1),
.itad-edata-menu__table tbody th,
.itad-purchase-menu__table thead th:nth-of-type(1),
.itad-purchase-menu__table tbody th {
  text-align: left;
}

.itad-edata-menu__table thead th:not(:first-child),
.itad-purchase-menu__table thead th:not(:first-child) {
  color: #FFF;
}

.itad-edata-menu__table--estimate thead th:nth-of-type(2),
.itad-purchase-menu__table--assessment thead th:nth-of-type(2) {
  background-color: #007C93;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__table--estimate thead th:nth-of-type(2),
  .itad-purchase-menu__table--assessment thead th:nth-of-type(2) {
    font-size: 1.125rem;
  }
}

.itad-edata-menu__table--estimate thead th:nth-of-type(1),
.itad-edata-menu__table--report thead th:nth-of-type(1),
.itad-purchase-menu__table--assessment thead th:nth-of-type(1),
.itad-purchase-menu__table--pickup thead th:nth-of-type(1),
.itad-purchase-menu__table--data thead th:nth-of-type(1),
.itad-purchase-menu__table--report thead th:nth-of-type(1) {
  width: 8.8125rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__table--estimate thead th:nth-of-type(1),
  .itad-edata-menu__table--report thead th:nth-of-type(1),
  .itad-purchase-menu__table--assessment thead th:nth-of-type(1),
  .itad-purchase-menu__table--pickup thead th:nth-of-type(1),
  .itad-purchase-menu__table--data thead th:nth-of-type(1),
  .itad-purchase-menu__table--report thead th:nth-of-type(1) {
    width: 12.4375rem;
  }
}

@media screen and (min-width: 801px) {
  .itad-edata-menu__table--hdd thead th,
  .itad-edata-menu__table--hdd tbody td,
  .itad-purchase-menu__table--hdd thead th,
  .itad-purchase-menu__table--hdd tbody td {
    padding: 2rem 1.5rem;
  }
}

.itad-edata-menu__table--hdd thead th:not(:first-child) {
  width: 8.385625rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__table--hdd thead th:not(:first-child) {
    width: 8.948125rem;
  }
}

.itad-edata-menu__table--hdd thead th:nth-of-type(1),
.itad-edata-menu__table--network thead th:nth-of-type(1) {
  width: 8.4375rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__table--hdd thead th:nth-of-type(1),
  .itad-edata-menu__table--network thead th:nth-of-type(1) {
    width: 10.4375rem;
  }
}

.itad-edata-menu__table--network thead th:not(:first-child) {
  width: 12.479375rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__table--network thead th:not(:first-child) {
    width: 17.520625rem;
  }
}

.itad-edata-menu__table--report thead th:not(:first-child),
.itad-purchase-menu__table--report thead th:not(:first-child) {
  width: 10.578125rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-menu__table--report thead th:not(:first-child),
  .itad-purchase-menu__table--report thead th:not(:first-child) {
    width: 10.1125rem;
  }
}

@media screen and (min-width: 801px) {
  .itad-purchase-menu__table--data thead th:not(:first-child) {
    width: 12.640625rem;
  }
}

.itad-edata-menu__table--hdd thead th:nth-of-type(2) {
  background-color: #56B2CB;
}

.itad-edata-menu__table--hdd thead th:nth-of-type(3) {
  background-color: #33A1BB;
}

.itad-edata-menu__table--hdd thead th:nth-of-type(4),
.itad-edata-menu__table--report thead th:nth-of-type(2),
.itad-purchase-menu__table--pickup thead th:nth-of-type(2),
.itad-purchase-menu__table--data thead th:nth-of-type(2),
.itad-purchase-menu__table--report thead th:nth-of-type(2) {
  background-color: #007C93;
}

.itad-edata-menu__table--hdd thead th:nth-of-type(5),
.itad-edata-menu__table--network thead th:nth-of-type(2),
.itad-edata-menu__table--report thead th:nth-of-type(3),
.itad-purchase-menu__table--data thead th:nth-of-type(3),
.itad-purchase-menu__table--report thead th:nth-of-type(3) {
  background-color: #005B6C;
}

.itad-edata-menu__table--hdd thead th:nth-of-type(6),
.itad-edata-menu__table--network thead th:nth-of-type(3),
.itad-edata-menu__table--report thead th:nth-of-type(4),
.itad-purchase-menu__table--pickup thead th:nth-of-type(3),
.itad-purchase-menu__table--data thead th:nth-of-type(4),
.itad-purchase-menu__table--report thead th:nth-of-type(4) {
  background-color: #063846;
}

.itad-edata-menu__table--hdd thead th:nth-of-type(7),
.itad-edata-menu__table--network thead th:nth-of-type(4),
.itad-edata-menu__table--report thead th:nth-of-type(5),
.itad-purchase-menu__table--data thead th:nth-of-type(5),
.itad-purchase-menu__table--report thead th:nth-of-type(5) {
  background-color: #042731;
}

.itad-edata-menu__table--report thead th:nth-of-type(6),
.itad-purchase-menu__table--report thead th:nth-of-type(6) {
  background-color: #010101;
}

.itad-edata-menu__table thead th:nth-of-type(1),
.itad-purchase-menu__table thead th:nth-of-type(1) {
  background-color: #DBDBDB;
}

.itad-edata-menu__table tbody tr th,
.itad-purchase-menu__table tbody tr th {
  background-color: #E6E6E6;
}

.itad-edata-menu__table--estimate tbody tr td,
.itad-purchase-menu__table--assessment tbody tr td,
.itad-purchase-menu__table--pickup tbody tr td {
  text-align: center;
}

.itad-edata-menu__table tbody tr:nth-of-type(even) th,
.itad-purchase-menu__table tbody tr:nth-of-type(even) th {
  background-color: #DBDBDB;
}

.itad-edata-menu__table tbody tr:nth-of-type(even) td,
.itad-purchase-menu__table tbody tr:nth-of-type(even) td {
  background-color: #F7F7F7;
}

.itad-edata-faq,
.itad-relocation-faq,
.itad-purchase-faq {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad-edata-faq,
  .itad-relocation-faq,
  .itad-purchase-faq {
    margin-top: 7.5rem;
  }
}

.itad-faq {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad-faq {
    margin-top: 11.25rem;
  }
}

.itad-purchase-menu__table-warning {
  font-size: 0.875rem;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-menu__table-warning {
    font-size: 1rem;
  }
}

.itad__tour {
  background-color: #F3F4F5;
  margin-top: 5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
  .itad__tour {
    margin-top: 8.75rem;
    padding-bottom: 7.5rem;
  }
}

.itad-relocation-features {
  margin-top: 4.875rem;
}
@media screen and (min-width: 801px) {
  .itad-relocation-features {
    margin-top: 8.75rem;
  }
}

.itad-relocation-features__list {
  margin-top: 2.8125rem;
}

.itad-relocation-features__list .page-features__item {
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1rem 2rem;
}
@media screen and (min-width: 801px) {
  .itad-relocation-features__list .page-features__item {
    flex-direction: row;
    gap: 2rem;
    padding: 2rem;
  }
}

.itad-relocation-features__list .page-features__item:nth-child(even) {
  flex-direction: column;
}
@media screen and (min-width: 801px) {
  .itad-relocation-features__list .page-features__item:nth-child(even) {
    flex-direction: row-reverse;
  }
}

.itad-relocation-features__list .page-features__item:not(:first-child) {
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .itad-relocation-features__list .page-features__item:not(:first-child) {
    margin-top: 2rem;
  }
}

.itad-relocation-features__list .page-features__item-image {
  flex-shrink: 0;
}

.itad-relocation-features__list .page-features__item-title {
  font-size: 1.125rem;
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .itad-relocation-features__list .page-features__item-title {
    font-size: 1.5rem;
  }
}

.itad-relocation-features__list .page-features__item-text a,
.itad-relocation-process .page-process__text a {
  color: #007C93;
  text-decoration: underline;
  transition: opacity 0.4s;
}

.itad-relocation-features__list .page-features__item-text a:hover,
.itad-relocation-process .page-process__text a:hover {
  opacity: 0.6;
}

.itad-relocation__link {
  margin-top: 5.3125rem;
}
@media screen and (min-width: 801px) {
  .itad-relocation__link {
    margin-top: 7.8125rem;
  }
}

.itad__link {
  margin-top: 5.3125rem;
}
@media screen and (min-width: 801px) {
  .itad__link {
    margin-top: 11.25rem;
  }
}

@media screen and (min-width: 801px) {
  .itad-relocation .itad-relocation__link .dldoc,
  .itad .itad__link .dldoc {
    gap: 4rem;
    padding: 4rem 0 5.625rem 5rem;
  }
}

.itad-relocation .dldoc::before,
.itad .dldoc::before {
  background-size: 100%;
  height: 19.5625rem;
  right: -11.5625rem;
  top: 21.25rem;
  width: 22.9375rem;
}
@media screen and (min-width: 801px) {
  .itad-relocation .dldoc::before,
  .itad .dldoc::before {
    height: 34.5rem;
    right: -19.6875rem;
    top: 9.375rem;
    width: 40.5rem;
  }
}

.itad-relocation .itad-relocation__link .dldoc__content,
.itad .itad__link .dldoc__content {
  flex-shrink: 0;
  width: 32.1875rem;
}

.itad-relocation .itad-relocation__link .dldoc__title,
.itad .itad__link .dldoc__title {
  font-size: 1.5rem;
}
@media screen and (min-width: 801px) {
  .itad-relocation .itad-relocation__link .dldoc__title,
  .itad .itad__link .dldoc__title {
    font-size: 2rem;
  }
}

.itad-relocation .dldoc__btn-wrap,
.itad .dldoc__btn-wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 801px) {
  .itad-relocation .dldoc__btn-wrap,
  .itad .dldoc__btn-wrap {
    align-items: flex-start;
  }
}

.itad-relocation .itad-relocation__link .dldoc__btn-wrap .dldoc__btn,
.itad .itad__link .dldoc__btn-wrap .dldoc__btn {
  color: #063846;
  padding-block: 1.0625rem;
}
@media screen and (min-width: 801px) {
  .itad-relocation .itad-relocation__link .dldoc__btn-wrap .dldoc__btn,
  .itad .itad__link .dldoc__btn-wrap .dldoc__btn {
    padding-block: 1.5rem;
  }
}

.itad-relocation .itad-relocation__link .dldoc__btn-wrap .dldoc__btn:hover,
.itad .itad__link .dldoc__btn-wrap .dldoc__btn:hover {
  color: #FFF;
}

.itad-relocation .itad-relocation__link .dldoc__btn-wrap .dldoc__btn:after,
.itad .itad__link .dldoc__btn-wrap .dldoc__btn:after {
  background-image: url(../images/icon/btn-arrow-black.png);
  content: "";
  right: 2.375rem;
  top: 1.1875rem;
}
@media screen and (min-width: 801px) {
  .itad-relocation .itad-relocation__link .dldoc__btn-wrap .dldoc__btn:after,
  .itad .itad__link .dldoc__btn-wrap .dldoc__btn:after {
    top: 1.875rem;
  }
}

.itad-relocation .itad-relocation__link .dldoc__btn-wrap .dldoc__btn:hover:after,
.itad .itad__link .dldoc__btn-wrap .dldoc__btn:hover:after {
  background-image: url(../images/icon/btn-arrow-white.png);
}

.itad-purchase-slider,
.itad-erase-data-slider {
  margin-top: 7.1875rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-slider,
  .itad-erase-data-slider {
    margin-top: 8.4375rem;
  }
}

.itad-slider {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .itad-slider {
    margin-top: 6.875rem;
  }
}

.itad__slider-wrap, .itad-purchase__slider-wrap {
  margin-top: 3.125rem;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none; /* Firefox 対応 */
  -ms-overflow-style: none; /* IE, Edge 対応 */
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .itad__slider-wrap, .itad-purchase__slider-wrap {
    margin-top: 4rem;
    width: calc(100vw - 4rem - 14rem - 5rem);
  }
}

.itad__content-wrap .slider__item-tag,
.itad-purchase__content-wrap .slider__item-tag,
.itad-erase-data-slider .slider__item-tag {
  transition: background-color 0.4s;
}

.itad__content-wrap .slider__item-tag:hover,
.itad-purchase__content-wrap .slider__item-tag:hover,
.itad-erase-data-slider .slider__item-tag:hover {
  background-color: #FFF;
}

.itad__btn-wrap .page-sec__btn {
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}

.itad-purchase__slider-wrap::-webkit-scrollbar,
.itad__slider-wrap::-webkit-scrollbar {
  display: none;
}

.itad__slider-wrap .slider-small .slider__item-date,
.itad-purchase__slider-wrap .slider-small .slider__item-date {
  margin-left: 0;
  margin-top: 1rem;
}

.itad__slider-wrap .slider-small .slider__item-title,
.itad-purchase__slider-wrap .slider-small .slider__item-title {
  margin-top: 0.5rem;
}

.itad__btn-wrap,
.itad-purchase__btn-wrap {
  margin-inline: auto;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .itad__btn-wrap,
  .itad-purchase__btn-wrap {
    margin-inline: 0;
    margin-top: 3.125rem;
  }
}

.itad-purchase .slider__item-tag {
  text-decoration: none;
}

.itad__achievements,
.itad-purchase__achievements {
  background-color: #FFF;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.itad__achievements {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad__achievements {
    margin-top: 7.8125rem;
  }
}

.itad-purchase__achievements {
  margin-top: 4.875rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase__achievements {
    margin-top: 4.5rem;
  }
}

.itad__achievements-content,
.itad-purchase__achievements-content {
  padding-bottom: 2.5rem;
  padding-top: 2.8125rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .itad__achievements-content,
  .itad-purchase__achievements-content {
    padding-bottom: 4.375rem;
    padding-top: 5.3125rem;
  }
}

.itad__achievements-title,
.itad-purchase__achievements-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .itad__achievements-title,
  .itad-purchase__achievements-title {
    font-size: 2rem;
  }
}

.itad__achievements-title span,
.itad-purchase__achievements-title span {
  color: #007C93;
}

.itad__achievements-title-num,
.itad-purchase__achievements-title-num {
  font-family: "Poppins", sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
}
@media screen and (min-width: 801px) {
  .itad__achievements-title-num,
  .itad-purchase__achievements-title-num {
    font-size: 2.5rem;
  }
}

.itad__achievements-title-mark,
.itad-purchase__achievements-title-mark {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .itad__achievements-title-mark,
  .itad-purchase__achievements-title-mark {
    font-size: 0.875rem;
  }
}

.itad__achievements-sub-title,
.itad-purchase__achievements-sub-title {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 0.625rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .itad__achievements-sub-title,
  .itad-purchase__achievements-sub-title {
    font-size: 1.25rem;
    margin-top: 0.3125rem;
  }
}

.itad__achievements-slider-wrap,
.itad-purchase__achievements-slider-wrap {
  height: 3.515625rem;
  margin-top: 2.125rem;
  overflow-x: hidden;
  position: relative;
  width: 100vw;
  height: 110px; /* 変更 */
}
@media screen and (min-width: 801px) {
  .itad__achievements-slider-wrap,
  .itad-purchase__achievements-slider-wrap {
    height: 5.875rem;
    margin-top: 4.375rem;
    height: 110px; /* 変更 */
  }
}

.itad__achievements-logo-slider,
.itad-purchase__achievements-logo-slider {
  display: flex;
  height: 3rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 60.625rem;
  width: 127rem; /* 変更 */
  height: 110px; /* 変更 */
}
@media screen and (min-width: 801px) {
  .itad__achievements-logo-slider,
  .itad-purchase__achievements-logo-slider {
    height: 5.375rem;
    width: 110rem;

    height: 110px; /* 変更 */
    width: 135rem; /* 変更 */
  }
}

.itad__achievements-logo,
.itad-purchase__achievements-logo {
  height: 2.875rem;
  margin: 0 0.75rem;
  width: 6.125rem;

  height: 6.875rem; /* 変更 */
}
@media screen and (min-width: 801px) {
  .itad__achievements-logo,
  .itad-purchase__achievements-logo {
    height: 5.375rem;
    height: 6.875rem; /* 変更　 */
    margin: 0 1.25rem;
    width: 11.25rem;
  }
}

.itad__achievements-slider-wrap .slick-list,
.itad-purchase__achievements-slider-wrap .slick-list {
  padding-block: 0;
}

.itad__achievements-logo img,
.itad-purchase__achievements-logo img {
  height: auto;
  width: 100%;
}

.itad-purchase__dldoc {
  margin-top: 5.3125rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase__dldoc {
    margin-top: 7.1875rem;
  }
}

.itad-purchase__dldoc .dldoc {
  border-radius: 10px;
}
@media screen and (min-width: 801px) {
  .itad-purchase__dldoc .dldoc {
    border-radius: 16px;
    padding: 4rem 5rem 2.8125rem;
  }
}

.itad-purchase .dldoc::before {
  background-size: cover;
  right: -11.5625rem;
  top: 16.25rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase .dldoc::before {
    background-size: cover;
    height: 38.786875rem;
    right: -21.25rem;
    top: 9.375rem;
    width: 45.5325rem;
  }
}

.itad-purchase .dldoc__image {
  width: 9.6875rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase .dldoc__image {
    width: auto;
  }
}

.itad-purchase-equipment {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-equipment {
    margin-top: 8.125rem;
  }
}

.itad-equipment {
  margin-top: 6.25rem;
}
@media screen and (min-width: 801px) {
  .itad-equipment {
    margin-top: 8.75rem;
  }
}

.itad-purchase-supported {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-supported {
    margin-top: 7.5rem;
  }
}

.itad-purchase-supported .itad-purchase-supported__copy {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-supported .itad-purchase-supported__copy {
    margin-top: 4.0625rem;
  }
}

.itad-purchase-focus {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus {
    margin-top: 7.5rem;
  }
}

.itad-purchase-focus .itad-purchase-focus__copy {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus .itad-purchase-focus__copy {
    margin-top: 4.0625rem;
  }
}

.itad-purchase-focus .itad-purchase-focus__list-wrap {
  margin-top: 1.5625rem;
}

.itad-purchase-focus__list-title {
  color: #007C93;
  display: none;
  font-size: 1.25rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__list-title {
    display: block;
  }
}

.itad-purchase-focus__list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: 0.3125rem;
}

@media screen and (min-width: 801px) {
  .itad-purchase-focus__item {
    align-items: center;
    display: flex;
    gap: 1.875rem;
  }
}

.itad-purchase-focus__item-seriese {
  display: inline-block;
  padding-right: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__item-seriese {
    display: block;
    padding-right: 0;
  }
}

.itad-purchase-focus__item-name {
  display: inline;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__item-name {
    display: block;
  }
}

.itad-purchase-focus__product {
  background-color: #FFF;
  border-radius: 16px;
  margin-top: 4.0625rem;
  padding: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__product {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    width: 60.75rem;
  }
}

.itad-purchase-focus__product-text {
  letter-spacing: 0.028em;
}

.itad-purchase-focus__product-name {
  font-size: 1.25rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__product-name {
    font-size: 1.75rem;
  }
}

.itad-purchase-focus__product-copy {
  color: #007C93;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 0.3125rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__product-copy {
    font-size: 1.25rem;
  }
}

.itad-purchase-focus__product-tag-wrap {
  align-items: center;
  display: flex;
  gap: 1.125rem;
  margin-top: 1rem;
}

.itad-purchase-focus__product-tag {
  background-color: #F2F2F2;
  font-size: 0.875rem;
  padding: 0.3125rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__product-tag {
    font-size: 1rem;
  }
}

.itad-purchase-focus__product-image {
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__product-image {
    margin-top: 0;
  }
}

.itad-purchase-focus__product-warning {
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__product-warning {
    font-size: 1rem;
  }
}

.itad-purchase-focus__appraiser {
  background-color: #063846;
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 rgba(0, 124, 147, 0.1);
  margin-top: 5rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__appraiser {
    margin-top: 7.1875rem;
  }
}

.itad-purchase-focus__appraiser:before {
  background-image: url("../images/itad/itad-purchase-focus__appraiser-link-bg.svg");
  background-position: center;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  left: 0.9375rem;
  position: absolute;
  top: -13.125rem;
  width: 43.6875rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__appraiser:before {
    left: 1.5625rem;
    top: -3.75rem;
  }
}

.itad-purchase-focus__appraiser-link {
  display: block;
  padding: 1.5rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__appraiser-link {
    padding: 3rem;
  }
}

.itad-purchase-focus__appraiser-content {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__appraiser-content {
    align-items: flex-start;
    display: flex;
    gap: 2rem;
  }
}

.itad-purchase-focus__appraiser-image {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__appraiser-image {
    flex-shrink: 0;
    height: 13.9375rem;
    width: 13.9375rem;
  }
}

.itad-purchase-focus__appraiser-image img {
  transition: transform 0.4s;
}

.itad-purchase-focus__appraiser-link:hover .itad-purchase-focus__appraiser-image img {
  transform: scale(1.1);
}

.itad-purchase-focus__appraiser-text {
  display: grid;
  grid-template-columns: 1fr 2.5625rem;
  margin-inline: auto;
  margin-top: 1.25rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__appraiser-text {
    margin-inline: 0;
    margin-top: 0;
    width: 100%;
  }
}

.itad-purchase-focus__appraiser-title-wrap {
  color: #FFF;
  grid-column: 1/2;
  grid-row: 1/2;
  margin-top: 0.625rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__appraiser-title-wrap {
    margin-top: 0;
  }
}

.itad-purchase-focus__appraiser-title {
  font-size: 1.125rem;
  letter-spacing: 0.035em;
  line-height: 1.7;
  width: 14.375rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__appraiser-title {
    font-size: 2rem;
    letter-spacing: 0.027em;
    line-height: normal;
    width: auto;
  }
}

.itad-purchase-focus__appraiser-sub-title {
  font-size: 1rem;
  letter-spacing: 0.02em;
  margin-top: 1.75rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__appraiser-sub-title {
    font-size: 1.125rem;
    letter-spacing: 0.13em;
    margin-top: 1.5625rem;
  }
}

.itad-purchase-focus__appraiser-explain {
  color: #FFF;
  font-size: 0.875rem;
  grid-column: 1/3;
  grid-row: 2/3;
  letter-spacing: 0.02em;
  line-height: 1.68;
  margin-top: 1.5625rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__appraiser-explain {
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 1.875rem;
  }
}

.itad-purchase-focus__appraiser-btn-wrap {
  grid-column: 2/3;
  grid-row: 1/2;
  margin-top: 1.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .itad-purchase-focus__appraiser-btn-wrap {
    margin-top: 2rem;
    position: relative;
  }
}

.itad-purchase-focus__appraiser-btn-wrap .page-sec__btn {
  width: -moz-fit-content;
  width: fit-content;
}

.itad-purchase-focus__appraiser-btn-wrap .page-sec__btn:hover:before,
.itad-purchase-focus__appraiser-btn-wrap .page-sec__btn:hover:after {
  height: 2.5625rem;
  width: 2.5625rem;
}

.itad-purchase-focus__appraiser-btn-wrap .page-sec__btn:before,
.itad-purchase-focus__appraiser-btn-wrap .page-sec__btn:after {
  height: 2.5625rem;
  width: 2.5625rem;
}

.itad-purchase-focus__appraiser-btn-wrap .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  transition: background-image 0.4s;
}

.itad-purchase-focus__appraiser-btn-wrap .page-sec__btn:after {
  background-color: #FFF;
  transition: background-color 0.4s;
}

.itad-purchase-focus__appraiser-link:hover .page-sec__btn:after {
  background-color: #56B2CB;
}

.itad-purchase-focus__appraiser-link:hover .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.itad-purchase-supported .page-supported__item {
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  display: block;
  font-size: 0.875rem;
  letter-spacing: 0.008em;
  padding: 0.5625rem 1rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-supported .page-supported__item {
    font-size: 1rem;
    padding: 0.5rem 1rem;
  }
}

.itad-purchase-supported .page-supported__main {
  margin-top: 2.1875rem;
}

.itad-security {
  margin-top: 5.125rem;
}
@media screen and (min-width: 801px) {
  .itad-security {
    margin-top: 7.1875rem;
  }
}

.itad-security__content-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .itad-security__content-wrap {
    flex-direction: row;
    margin-top: 2.5rem;
  }
}

.itad-security__content {
  background-color: #FFF;
  border-radius: 10px;
  height: auto;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .itad-security__content {
    height: 23.875rem;
  }
}

.itad-security__content-image {
  text-align: center;
}

.itad-security__content-image img {
  width: auto;
}
@media screen and (min-width: 801px) {
  .itad-security__content-image img {
    width: 100%;
  }
}

.itad-security__content-name {
  font-size: 1.1875rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .itad-security__content-name {
    font-size: 1.375rem;
  }
}

.itad-security__content-text {
  font-size: 0.875rem;
  margin-top: 0.875rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .itad-security__content-text {
    font-size: 1rem;
  }
}

.itad-purchase-process__flow {
  margin-top: 2rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .itad-purchase-process__flow {
    background-color: #FFF;
    border-radius: 10px;
    margin-left: auto;
    margin-top: 4rem;
    padding: 4rem 5rem;
    width: 58.4375rem;
  }
}

.itad-purchase-case {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-case {
    margin-top: 7.125rem;
  }
}

.itad-purchase-case__article {
  margin-top: 2.875rem;
}

.itad-purchase-case__article .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-case__article .article__list {
    gap: 2.625rem 2rem;
  }
}

.itad-purchase-case_btn-wrap {
  margin-left: auto;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .itad-purchase-case__btn-wrap {
    margin-top: 3rem;
  }
}

.itad-security .itad-security__copy {
  margin-top: 2.875rem;
}
@media screen and (min-width: 801px) {
  .itad-security .itad-security__copy {
    margin-top: 4.0625rem;
  }
}

.itad-edata-process .zoomup__open {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.news-single .head-single__breadcrumb {
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .news-single .head-single__breadcrumb {
    margin-top: 3.25rem;
  }
}

.news-single__article {
  color: #042731;
  margin-inline: auto;
  padding-bottom: 2.5rem;
  padding-top: 2rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .news-single__article {
    padding-bottom: 3.75rem;
    padding-top: 3.4375rem;
    width: 53.75rem;
  }
}

.news-single__image {
  margin-top: 1.75rem;
}
@media screen and (min-width: 801px) {
  .news-single__image {
    margin-top: 3rem;
  }
}

.news-single__image img {
  height: auto;
}

.news-single__sec.single-content h2 {
  font-size: 1.25rem;
  margin-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .news-single__sec.single-content h2 {
    font-size: 2.125rem;
    margin-top: 5.5rem;
  }
}

.news-single__image figcaption {
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  margin-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .news-single__image figcaption {
    font-size: 1rem;
    margin-top: 1rem;
  }
}

.news-single__comment .single-box {
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .news-single__comment .single-box {
    margin-top: 3rem;
  }
}

.news-single__comment .single-content {
  line-height: 2;
}

.news-single__comment .single-content__image {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .news-single__comment .single-content__image {
    width: 20.375rem;
  }
}

.news-single__profile.single-box {
  padding: 1.75rem 1.5625rem;
}
@media screen and (min-width: 801px) {
  .news-single__profile.single-box {
    padding: 2.75rem 2.5rem;
  }
}

.news-single__profile .single-box__sub-title {
  font-size: 1rem;
  margin-top: 0;
}

.news-single__profile .single-box__text {
  font-size: 0.875rem;
  line-height: 2;
  margin-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .news-single__profile .single-box__text {
    margin-top: 0.625rem;
  }
}

.news-single__related {
  border-top: 1px solid #D6D6D6;
  margin: 5.9375rem auto 2.625rem;
  padding-top: 0.9375rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .news-single__related {
    margin: 4.375rem auto 15.3125rem;
    width: 82rem;
  }
}

.news-single__related-title-wrap .head-tag {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .news-single__related-title-wrap .head-tag {
    font-size: 0.875rem;
  }
}

.news-single__related-title {
  font-size: 1.625rem;
  font-weight: 500;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .news-single__related-title {
    font-size: 2.25rem;
  }
}

.news-single__related-article {
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .news-single__related-article {
    margin-top: 3.75rem;
  }
}

.news-single__related-article .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .news-single__related-article .article__list {
    gap: 2.625rem 2rem;
  }
}

.news-single__pagination {
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .news-single__pagination {
    width: 68rem;
  }
}

.news__head {
  padding-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .news__head {
    padding-top: 3.75rem;
  }
}

.news__filter-wrap {
  background-color: #FFF;
  border-radius: 10px;
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .news__filter-wrap {
    padding: 3.03125rem 3.125rem;
    width: 82rem;
  }
}

.news__body {
  margin-inline: auto;
  margin-top: 4rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .news__body {
    margin-top: 3.75rem;
    padding-bottom: 7.5rem;
    width: 82rem;
  }
}

.news__body .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .news__body .article__list {
    gap: 2.5rem;
  }
}

.news__pagination-wrap {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .news__pagination-wrap {
    margin-top: 5.0625rem;
  }
}

.news__pagination-wrap .pagination > *,
.news__pagination-wrap .pagination .pagination__arrow {
  background-color: #FFF;
}

.news__pagination-wrap .dots {
  background-color: transparent;
}

.error-page {
  background-image: url("../images/nf404/nf404-bg-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .error-page {
    background-image: url("../images/nf404/nf404-bg.png");
  }
}

.error-page__content-wrap {
  display: flex;
  margin-inline: auto;
  padding-bottom: 25.3125rem;
  padding-top: 13.125rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .error-page__content-wrap {
    padding-bottom: 21.5625rem;
    padding-top: 16.5625rem;
    width: 73.875rem;
  }
}

.error-page__title-wrap {
  color: #FFF;
}

.error-page__title-en {
  font-family: "Roboto", sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .error-page__title-en {
    font-size: 5rem;
    text-align: left;
  }
}

.error-page__title-ja {
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 2.1875rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .error-page__title-ja {
    font-size: 1.75rem;
    margin-top: 1.875rem;
    text-align: left;
  }
}

.error-page__text {
  color: #FFF;
  font-size: 0.875rem;
  line-height: 2.2;
  margin-top: 3.25rem;
}
@media screen and (min-width: 801px) {
  .error-page__text {
    font-size: 1rem;
    line-height: 1.9;
    margin-top: 3.625rem;
  }
}

.error-page__btn-wrap {
  margin-top: 3.125rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .error-page__btn-wrap {
    margin-top: 3.4375rem;
    text-align: left;
  }
}

.error-page__btn-wrap .btn {
  letter-spacing: 0.1em;
  padding: 1.0625rem 2.25rem 1.0625rem 4.6875rem;
}
@media screen and (min-width: 801px) {
  .error-page__btn-wrap .btn {
    padding: 1rem 2rem 1rem 4.625rem;
  }
}

.error-page__btn-wrap .btn:after {
  left: 2rem;
  transform: scale(-1, 1);
}

.page-sec {
  border-top: 2px solid #D6D6D6;
  padding-top: 1.125rem;
}

.page-sec__inner {
  position: relative;
}

.page-sec__title h2 {
  color: #063846;
  font-size: 1.625rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .page-sec__title h2 {
    font-size: 2.25rem;
    padding-top: 1.5rem;
  }
}

.page-sec__sub-title {
  align-items: center;
  display: flex;
  font-size: 1.125rem;
  font-weight: 500;
  height: 2.6875rem;
  letter-spacing: 0.02em;
  padding-left: 0.9375rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .page-sec__sub-title {
    font-size: 1.25rem;
    height: 2.875rem;
  }
}

.page-sec__sub-title:before {
  background-color: #56B2CB;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  width: 0.125rem;
}

.page-sec__copy {
  color: #042731;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 801px) {
  .page-sec__copy {
    font-size: 1rem;
    letter-spacing: 0.02em;
    line-height: 1.6;
  }
}

.page-sec__btn-wrap {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .page-sec__btn-wrap {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.page-sec__btn {
  align-items: center;
  color: #042731;
  display: flex;
  font-size: 0.875rem;
  font-weight: 500;
  gap: 0.5rem;
  height: 2.5rem;
  justify-content: space-between;
  letter-spacing: 0.04em;
  position: relative;
  text-decoration: underline;
  transition: color 0.4s;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .page-sec__btn {
    font-size: 1rem;
    height: 2.625rem;
  }
}

.repair-case__btn-wrap .page-sec__btn {
  text-align: right;
}

.page-sec__btn:before, .page-sec__btn:after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 2.25rem;
  width: 2.25rem;
}

.page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big.png");
  background-position: center;
  background-size: 1rem;
  position: absolute;
  right: 0;
  transform: translate(0px, 0px);
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.55, 0.05, 0.22, 0.99);
  z-index: 1;
}

.page-sec__btn:after {
  background-color: #56B2CB;
  flex-shrink: 0;
  transition: background-color 0.4s, transform 0.4s;
}

.page-sec__btn:hover {
  color: #007C93;
}

.page-sec__btn:hover:after {
  background-color: #007C93;
}

.page-sec__table-wrap {
  overflow-x: scroll;
  overflow-y: scroll;
}
@media screen and (min-width: 801px) {
  .page-sec__table-wrap {
    overflow-x: visible;
  }
}

.page-sec__table {
  border: 1px solid #CCC;
  border-collapse: collapse;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 801px) {
  .page-sec__table {
    width: 100%;
  }
}

.page-sec__table th, .page-sec__table td {
  border: 1px solid #CCC;
}

.page-sec__table thead tr {
  background-color: #063846;
}

.page-sec__table thead tr th {
  color: #FFF;
  font-size: 0.875rem;
  font-weight: 400;
  padding-block: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .page-sec__table thead tr th {
    padding-block: 0.625rem;
  }
}

.page-sec__table tbody tr {
  background-color: #FFF;
}

.page-sec__table tbody tr:nth-of-type(even) {
  background-color: #F1F7F8;
}

.page-sec__table tbody tr td {
  color: #042731;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.54;
  vertical-align: top;
}

@-moz-document url-prefix() {
  .page-sec__table-wrap {
    scrollbar-color: #7A7A7A #E8E8E8;
    scrollbar-width: thin;
  }
}
.page-sec__table-wrap::-webkit-scrollbar {
  background-color: #E8E8E8;
  border-radius: 1000px;
  height: 0.5rem;
  width: 0.5rem;
}

.page-sec__table-wrap::-webkit-scrollbar-thumb {
  background-color: #7A7A7A;
  border-radius: 1000px;
}

.page-why {
  margin-top: 5.9375rem;
}
@media screen and (min-width: 801px) {
  .page-why {
    margin-top: 8.75rem;
  }
}

.page-why__list,
.page-precautions__list,
.page-choose__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .page-why__list,
  .page-precautions__list {
    gap: 1.5rem 2rem;
    margin-top: 3.75rem;
  }
}

@media screen and (min-width: 801px) {
  .page-choose__list {
    display: grid;
    gap: 1.5rem 2rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 3.75rem;
  }
}

.page-why__item,
.page-precautions__item,
.page-choose__item {
  background-color: #FFF;
  border-radius: 10px;
  height: 100%;
  padding: 1rem 1.5rem 1.1875rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .page-why__item,
  .page-precautions__item,
  .page-choose__item {
    padding: 1.5625rem 2rem 2.1875rem;
    width: 30.5rem;
  }
}

@media screen and (min-width: 801px) {
  .page-precautions__item {
    min-height: 33.125rem;
  }
}

.page-why__item-head,
.page-precautions__item-head,
.page-choose__item-head {
  align-items: flex-start;
  color: #007C93;
  display: flex;
  gap: 0.75rem;
}
@media screen and (min-width: 801px) {
  .page-why__item-head,
  .page-precautions__item-head,
  .page-choose__item-head {
    gap: 0.9375rem;
  }
}

.page-why__item-num,
.page-precautions__item-num,
.page-choose__item-num {
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .page-why__item-num,
  .page-precautions__item-num,
  .page-choose__item-num {
    font-size: 2.625rem;
  }
}

.page-why__item-title,
.page-precautions__item-title,
.page-choose__item-title {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .page-why__item-title,
  .page-precautions__item-title,
  .page-choose__item-title {
    font-size: 1.25rem;
  }
}

.page-precautions__item-text-wrap,
.page-choose__item-text-wrap {
  margin-top: 0.75rem;
}

@media screen and (min-width: 801px) {
  .page-choose__item:nth-of-type(2) .page-choose__item-text-wrap {
    margin-top: 1.75rem;
  }
}

.page-why__item-text,
.page-precautions__item-text,
.page-choose__item-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .page-why__item-text,
  .page-precautions__item-text,
  .page-choose__item-text {
    font-size: 1rem;
  }
}

.page-why__item-text {
  margin-top: 0.75rem;
}
@media screen and (min-width: 801px) {
  .page-why__item-text {
    margin-top: 1.75rem;
  }
}

@media screen and (min-width: 801px) {
  .page-precautions__item-text:not(:first-child),
  .page-choose__item-text:not(:first-child) {
    margin-top: 1.75rem;
  }
}

.page-challenges__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .page-challenges__list {
    margin-top: 4.375rem;
  }
}

.page-challenges__item {
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  gap: 0.9375rem;
  padding: 1rem;
  width: 30.5rem;
}
@media screen and (min-width: 801px) {
  .page-challenges__item {
    padding: 2rem;
  }
}

.page-challenges__item-mark {
  background-color: #56B2CB;
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
  height: 1.875rem;
  position: relative;
  width: 1.875rem;
}
@media screen and (min-width: 801px) {
  .page-challenges__item-mark {
    height: 2.4375rem;
    width: 2.4375rem;
  }
}

.page-challenges__item-mark:before {
  background-image: url("../images/icon/check.png");
  background-position: center center;
  background-size: 1.5rem;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

.page-challenges__item-text {
  color: #007C93;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .page-challenges__item-text {
    font-size: 1.25rem;
  }
}

.page-features__list {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .page-features__list {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-top: 3.125rem;
  }
}

.page-features__item {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .page-features__item {
    flex: 1;
    margin-top: 0;
  }
}

.page-features__item:first-child {
  margin-top: 0;
}

.page-features__item-image img {
  border-radius: 10px;
  height: 13.125rem;
}
@media screen and (min-width: 801px) {
  .page-features__item-image img {
    height: auto;
  }
}

.page-features__item-title-wrap {
  align-items: center;
  color: #007C93;
  display: flex;
  font-weight: 500;
  gap: 0.625rem;
}

.page-features__item-title-wrap .page-features__item-title {
  margin-top: 0;
}

.page-features__item-title {
  color: #007C93;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .page-features__item-title {
    font-size: 1.25rem;
    margin-top: 1.25rem;
  }
}

.page-features__item-title-no-wrap {
  font-family: "Roboto", sans-serif;
  line-height: 1.1;
}

.page-features__item-title-no {
  font-size: 2.3125rem;
}
@media screen and (min-width: 801px) {
  .page-features__item-title-no {
    font-size: 2.625rem;
  }
}

.page-features__item-title-no-text {
  font-size: 0.75rem;
  text-align: center;
}

.page-features__item-text {
  color: #042731;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .page-features__item-text {
    font-size: 1rem;
  }
}

.page-features__item-link {
  color: #007C93;
  font-size: 0.875rem;
  text-decoration: underline;
  transition: opacity 0.4s;
}
@media screen and (min-width: 801px) {
  .page-features__item-link {
    font-size: 1rem;
  }
}

.page-features__item-link:hover {
  opacity: 0.6;
}

.page-equipment__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .page-equipment__list {
    gap: 1rem;
    margin-top: 3.75rem;
  }
}

.page-equipment__list-wrap {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .page-equipment__list-wrap {
    margin-top: 4.0625rem;
  }
}

.page-equipment__list-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.page-equipment__item {
  background-color: #FFF;
  border-radius: 4px;
  color: #007C93;
  font-size: 0.875rem;
  font-weight: 500;
  padding-block: 1.5rem;
  text-align: center;
  width: 10.4375rem;
}
@media screen and (min-width: 801px) {
  .page-equipment__item {
    font-size: 1.25rem;
    width: 15rem;
  }
}

@media screen and (min-width: 801px) {
  .page-equipment__item--large {
    width: 20.3125rem;
  }
}

.page-supported__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 2.0625rem;
}
@media screen and (min-width: 801px) {
  .page-supported__list {
    gap: 1rem;
    margin-top: 2.1875rem;
  }
}

.page-supported__link,
.page-supported__main .page-supported__item {
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  display: block;
  letter-spacing: 0.008em;
  text-align: center;
  transition: background-color 0.4s, color 0.4s;
}

.page-supported__link {
  color: #007C93;
  text-decoration: underline;
}

.page-supported__main .page-supported__item {
  color: #042731;
}

.page-supported__list .page-supported__link,
.page-supported__main .page-supported__item {
  font-size: 0.875rem;
  padding-block: 1.5rem;
  width: 10.4375rem;
}
@media screen and (min-width: 801px) {
  .page-supported__list .page-supported__link,
  .page-supported__main .page-supported__item {
    font-size: 1.125rem;
    width: 15rem;
  }
}

.page-supported__link:hover {
  background-color: #F1F7F8;
  color: #063846;
}

.page-supported__others {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .page-supported__others {
    margin-top: 3.125rem;
  }
}

.page-supported__others-title,
.page-supported__main-title,
.page-supported__title {
  align-items: center;
  display: flex;
  font-size: 1.125rem;
  font-weight: 500;
  height: 2.6875rem;
  letter-spacing: 0.02em;
  padding-left: 0.9375rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .page-supported__others-title,
  .page-supported__main-title,
  .page-supported__title {
    font-size: 1.25rem;
    height: 2.875rem;
  }
}

.page-supported__others-title:before,
.page-supported__title:before {
  background-color: #56B2CB;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  width: 0.125rem;
}

.page-supported__others-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .page-supported__others-list {
    gap: 1.5rem 1rem;
  }
}

.page-supported__others-list .page-supported__link {
  font-size: 0.875rem;
  padding: 0.5625rem 1rem;
}
@media screen and (min-width: 801px) {
  .page-supported__others-list .page-supported__link {
    font-size: 1rem;
    padding: 0.5rem 1rem;
  }
}

.page-supported__warning {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  margin-top: 2.625rem;
}
@media screen and (min-width: 801px) {
  .page-supported__warning {
    font-size: 1rem;
  }
}

.page-process__list-wrap {
  margin-top: 2.5rem;
  position: relative;
}

.page-process__list-wrap:before {
  background: url("../images/eosl/process-dot.svg") repeat;
  content: "";
  display: block;
  height: calc(100% - 5.1875rem);
  left: 0.875rem;
  position: absolute;
  top: 2.6875rem;
  width: 0.0625rem;
}
@media screen and (min-width: 801px) {
  .page-process__list-wrap:before {
    height: calc(100% - 8.3125rem);
    left: 1.03125rem;
    top: 5.8125rem;
  }
}

.page-process__item {
  background-color: #FFF;
  border-radius: 10px;
  color: #042731;
  margin-left: auto;
  margin-top: 1rem;
  padding: 1.375rem 1.5rem;
  position: relative;
  width: 18.375rem;
}
@media screen and (min-width: 801px) {
  .page-process__item {
    padding: 2rem 1.5rem;
    width: 58.4375rem;
  }
}

.page-process__item--case .page-process__no {
  align-items: center;
  grid-row: 1/4;
}

.page-process__item-content {
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: grid;
  grid-template-columns: 1.5rem auto;
  justify-content: flex-start;
}
@media screen and (min-width: 801px) {
  .page-process__item-content {
    -moz-column-gap: 2.8125rem;
         column-gap: 2.8125rem;
    grid-template-columns: 1.5rem calc(100% - 4rem);
  }
}

.page-process__item:first-child {
  margin-top: 0;
}

.page-process__no {
  color: #56B2CB;
  font-family: "Roboto", sans-serif;
  font-size: 1.3125rem;
  font-weight: 500;
  grid-column: 1/2;
  grid-row: 1/2;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .page-process__no {
    font-size: 1.5rem;
    grid-column: 1/2;
    grid-row: 1/3;
  }
}

.page-process__no:before, .page-process__no:after {
  content: "";
  display: block;
  position: absolute;
}

.page-process__no:before {
  background-color: rgba(0, 124, 147, 0.3);
  border-radius: 50%;
  height: 2.125rem;
  left: -4.6875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.125rem;
}
@media screen and (min-width: 801px) {
  .page-process__no:before {
    left: -6.0625rem;
  }
}

.page-process__no:after {
  background-color: #007C93;
  border-radius: 50%;
  height: 0.875rem;
  left: -4.0625rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.875rem;
}
@media screen and (min-width: 801px) {
  .page-process__no:after {
    left: -5.4375rem;
  }
}

.page-process__title {
  font-size: 1.125rem;
  font-weight: 500;
  grid-column: 2/3;
  grid-row: 1/2;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .page-process__title {
    font-size: 1.375rem;
  }
}

.page-process__title-wrap {
  grid-column: 2/3;
  width: 100%;
}

.page-process__title-wrap .page-process__title {
  margin-top: 0.625rem;
}

.page-process__item:last-child .page-process__title {
  color: #007C93;
}

.page-process__title-case {
  background-color: #E6E6E6;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  display: inline;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  padding: 0.125rem 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .page-process__title-case {
    -webkit-box-decoration-break: slice;
            box-decoration-break: slice;
    display: block;
    font-size: 0.875rem;
    line-height: normal;
    padding: 0.25rem 0.5rem;
  }
}

.page-process__separator {
  background-color: #E6E6E6;
  height: 0.0625rem;
  margin: 1.5rem auto 1.5rem 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .page-process__separator {
    width: 48.9375rem;
  }
}

.page-process__text {
  font-size: 0.875rem;
  grid-column: 1/3;
  grid-row: 2/3;
  letter-spacing: 0.025em;
  line-height: 1.92;
}
@media screen and (min-width: 801px) {
  .page-process__text {
    font-size: 1rem;
    grid-column: 2/3;
    grid-row: 2/3;
    line-height: 1.6;
  }
}

@media screen and (min-width: 801px) {
  .page-process__text p {
    margin-top: 0.4375rem;
  }
}

.page-process__element {
  display: grid;
  gap: 0.625rem 1.0625rem;
  grid-column: 1/3;
  grid-row: 2/3;
  grid-template-columns: repeat(1, 1fr);
  margin-left: 0.1875rem;
  margin-top: 1.125rem;
}
@media screen and (min-width: 801px) {
  .page-process__element {
    gap: 0.875rem 1.0625rem;
    grid-column: 2/3;
    grid-row: 2/3;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 0.8125rem;
  }
}

.page-process__element-item {
  display: flex;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  width: 16.3125rem;
}
@media screen and (min-width: 801px) {
  .page-process__element-item {
    font-size: 1rem;
    text-wrap: nowrap;
    width: 100%;
  }
}

.page-process__element-item:before {
  content: "・";
  display: block;
}

.page-process__item.page-process__item--graphic .page-process__title {
  color: #042731;
}

.page-process__box-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  grid-column: 1/3;
  justify-content: center;
  margin-inline: auto;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .page-process__box-wrap {
    margin-top: 2.5rem;
    width: 51.4375rem;
  }
}

.page-process__box {
  background-color: #F1F7F8;
  border-radius: 10px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .page-process__box {
    padding: 2rem;
  }
}

.page-process__box.page-process__box--harf {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .page-process__box.page-process__box--harf {
    width: 24.9375rem;
  }
}

.page-process__box-head {
  border-bottom: 1px solid #CCC;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: space-between;
  padding-bottom: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .page-process__box-head {
    flex-direction: row;
    padding-bottom: 1.5625rem;
  }
}

.page-process__box-title {
  color: #007C93;
  font-size: 1.125rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .page-process__box-title {
    font-size: 1.25rem;
  }
}

.page-process__box--graphic {
  border-radius: 0px;
}

@media screen and (min-width: 801px) {
  .page-process__box--graphic .page-process__box-title {
    margin-top: 1.625rem;
  }
}

.page-process__box--graphic .page-process__box-head .page-process__box-image {
  flex-shrink: 0;
  width: 7.3125rem;
}

.page-process__box-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.68;
  margin-top: 1.75rem;
}
@media screen and (min-width: 801px) {
  .page-process__box-text {
    font-size: 1rem;
  }
}

.page-process__box--graphic .page-process__box-body .page-process__box-title {
  color: #042731;
  font-size: 0.625rem;
  font-weight: 500;
  margin-top: 1rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .page-process__box--graphic .page-process__box-body .page-process__box-title {
    font-size: 1.125rem;
    margin-top: 1.875rem;
  }
}

.page-process__box--graphic .page-process__box-body .page-process__box-image {
  background-color: transparent;
  margin-top: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .page-process__box--graphic .page-process__box-body .page-process__box-image {
    margin-top: 2rem;
  }
}

.dldoc {
  background-color: #063846;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 2.5rem 1.5rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .dldoc {
    flex-direction: row;
    gap: 9.375rem;
    padding: 4rem 5rem;
  }
}

.dldoc::before {
  background-image: url(../images/common/bg-g.png);
  content: "";
  display: block;
  height: 19.5625rem;
  opacity: 0.6;
  position: absolute;
  top: 9.375rem;
  transform: rotate(-17.67deg);
  width: 22.9375rem;
}

.dldoc .dldoc__content {
  color: #FFF;
  display: contents;
  width: 24.5rem;
}
@media screen and (min-width: 801px) {
  .dldoc .dldoc__content {
    display: block;
  }
}

.dldoc .dldoc__title {
  font-size: 1.75rem;
  letter-spacing: 0.02em;
  order: 1;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .dldoc .dldoc__title {
    font-size: 2.25rem;
    text-align: left;
  }
}

.dldoc .dldoc__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.75;
  margin-top: 1.75rem;
  order: 2;
}
@media screen and (min-width: 801px) {
  .dldoc .dldoc__text {
    font-size: 1rem;
    margin-top: 2rem;
  }
}

.dldoc .dldoc__btn-wrap {
  margin-inline: auto;
  margin-top: 1.5625rem;
  order: 4;
}
@media screen and (min-width: 801px) {
  .dldoc .dldoc__btn-wrap {
    margin-inline: 0;
  }
}

.dldoc .dldoc__btn {
  border: 1px solid #007C93;
  color: #007C93;
  font-size: 0.875rem;
  padding: 1rem 4.625rem 1rem 1.875rem;
}
@media screen and (min-width: 801px) {
  .dldoc .dldoc__btn {
    font-size: 1rem;
    padding: 1rem 4.625rem 1rem 2rem;
  }
}

.dldoc .dldoc__btn:after {
  background-image: url(../images/icon/btn-arrow-blue.png);
}

.dldoc .dldoc__btn:hover {
  border: 1px solid #FFF;
}

.dldoc .dldoc__image {
  height: auto;
  margin-inline: auto;
  margin-top: 2.1875rem;
  order: 3;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .dldoc .dldoc__image {
    margin-inline: 0;
    margin-top: 0;
  }
}

.dldoc .dldoc__image img {
  height: auto;
}

.dldoc .dldoc__image-mark {
  align-items: center;
  background-color: #007C93;
  border-radius: 50%;
  color: #FFF;
  display: flex;
  font-size: 1rem;
  height: 4.375rem;
  justify-content: center;
  left: -3.4375rem;
  position: absolute;
  top: -0.625rem;
  width: 4.375rem;
}
@media screen and (min-width: 801px) {
  .dldoc .dldoc__image-mark {
    font-size: 1.25rem;
    height: 5.8125rem;
    left: -5rem;
    width: 5.8125rem;
  }
}

.scroll-hint-icon {
  background-image: url(../images/common/scroll-x.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 7.4375rem;
  top: 19%;
  width: 7.875rem;
}

.scroll-hint-icon:before, .scroll-hint-icon:after, .scroll-hint-text {
  display: none;
}

.itad-edata-menu .scroll-hint-icon {
  top: 8%;
  transform: scale(0.7);
}
@media screen and (min-width: 801px) {
  .itad-edata-menu .scroll-hint-icon {
    top: 19%;
    transform: scale(1);
  }
}

.itad-purchase-menu .scroll-hint-icon {
  top: 0;
  transform: scale(0.7);
}
@media screen and (min-width: 801px) {
  .itad-purchase-menu .scroll-hint-icon {
    top: 19%;
    transform: scale(1);
  }
}

.scroll-hint.is-right-scrollable,
.scroll-hint.is-left-scrollable,
.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: transparent;
}

.privacy__content {
  margin-inline: auto;
  margin-top: 4rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .privacy__content {
    letter-spacing: 0.02em;
    line-height: 1.6;
    margin-top: 7.375rem;
    padding-bottom: 7.5rem;
    width: 53.75rem;
  }
}

.privacy__head-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .privacy__head-text {
    font-size: 1rem;
  }
}

.privacy__head-text--bottom {
  margin-top: 2rem;
}

.privacy__head-list {
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
  margin-top: 3.625rem;
}
@media screen and (min-width: 801px) {
  .privacy__head-list {
    gap: 0.5625rem;
    margin-top: 3.75rem;
  }
}

.privacy__head-item {
  display: flex;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  padding-left: 0.25rem;
}
@media screen and (min-width: 801px) {
  .privacy__head-item {
    font-size: 1rem;
    line-height: 1.6;
  }
}

.privacy__head-item-no {
  padding-right: 0.375rem;
}

.privacy__head-info {
  font-size: 0.875rem;
  margin-top: 2.1875rem;
  text-align: right;
}
@media screen and (min-width: 801px) {
  .privacy__head-info {
    font-size: 1rem;
  }
}

.privacy__info-box {
  background-color: #FFF;
  border-radius: 10px;
  margin-top: 0.9375rem;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .privacy__info-box {
    margin-top: 1.875rem;
    padding: 2.5rem;
  }
}

.privacy__info-box--head {
  margin-top: 4.375rem;
}
@media screen and (min-width: 801px) {
  .privacy__info-box--head {
    margin-top: 3.75rem;
  }
}

.privacy__info-box--bottom {
  margin-top: 1.875rem;
}

.privacy__info-box-title {
  font-size: 1.125rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .privacy__info-box-title {
    font-size: 1.25rem;
  }
}

.privacy__info-box-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .privacy__info-box-text {
    font-size: 1rem;
  }
}

.privacy__info-box--head .privacy__info-box-text {
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .privacy__info-box--head .privacy__info-box-text {
    margin-top: 1.0625rem;
  }
}

.privacy__list {
  display: flex;
  flex-direction: column;
  gap: 9.0625rem;
  margin-top: 6.5625rem;
}
@media screen and (min-width: 801px) {
  .privacy__list {
    gap: 6.5625rem;
  }
}

.privacy__title {
  align-items: flex-start;
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  gap: 1rem;
  padding-bottom: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .privacy__title {
    align-items: center;
    border-bottom: 3px solid #E6E6E6;
    padding-bottom: 2rem;
  }
}

.privacy__title:before {
  background: url(../images/icon/page-title.svg) no-repeat center/contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.9375rem;
  margin-top: 0.625rem;
  width: 1.5rem;
}
@media screen and (min-width: 801px) {
  .privacy__title:before {
    margin-top: 0;
  }
}

.privacy__title h2 {
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (min-width: 801px) {
  .privacy__title h2 {
    display: block;
    font-size: 2.125rem;
  }
}

.privacy__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .privacy__text {
    font-size: 1rem;
  }
}

.privacy__sub-list-wrap {
  margin-top: 1.875rem;
}

.privacy__sub-title h3 {
  font-size: 1.3125rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .privacy__sub-title h3 {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 801px) {
  .privacy__sub-item .privacy__text {
    margin-top: 1.875rem;
  }
}

.privacy__sub-content {
  margin-top: 1.875rem;
}

@media screen and (min-width: 801px) {
  .privacy__sub-content .privacy__text {
    margin-top: 0;
  }
}

.privacy__table-wrap {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .privacy__table-wrap {
    margin-top: 0.625rem;
  }
}

.privacy__sub-content:not(:first-child) .privacy__table-wrap {
  margin-top: 0.625rem;
}

.privacy__sub-list {
  display: flex;
  flex-direction: column;
}

.privacy__sub-list--num {
  gap: 2rem;
}

.privacy__table {
  border: 1px solid #CCC;
  border-collapse: collapse;
}

.privacy__table tr,
.privacy__table th,
.privacy__table td {
  border: 1px solid #CCC;
  font-size: 0.875rem;
  padding: 1.0625rem 1.875rem 1.0625rem 0.75rem;
}
@media screen and (min-width: 801px) {
  .privacy__table tr,
  .privacy__table th,
  .privacy__table td {
    font-size: 1rem;
    padding: 1.0625rem 1.875rem 1.0625rem 2rem;
  }
}

.privacy__table tr {
  vertical-align: top;
}

.privacy__table th {
  background-color: #E6E6E6;
  display: block;
  font-weight: 400;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .privacy__table th {
    display: table-cell;
    width: 20.125rem;
  }
}

.privacy__table td {
  background-color: #FFF;
  display: block;
  line-height: 1.57;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .privacy__table td {
    display: table-cell;
    line-height: 1.7;
    width: auto;
  }
}

.privacy__text-list {
  display: flex;
  flex-direction: column;
  gap: 0.40625rem;
}
@media screen and (min-width: 801px) {
  .privacy__text-list {
    gap: 0.46875rem;
  }
}

.privacy__text-item {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.7;
  padding-left: 0.25rem;
}
@media screen and (min-width: 801px) {
  .privacy__text-item {
    font-size: 1rem;
  }
}

.privacy__text-item-no {
  padding-right: 0.375rem;
}

.privacy__bottom-info {
  font-size: 0.875rem;
  line-height: 1.7;
  margin-top: 2rem;
  text-align: right;
}
@media screen and (min-width: 801px) {
  .privacy__bottom-info {
    font-size: 1rem;
    margin-top: 2.1875rem;
  }
}

@media screen and (min-width: 801px) {
  .recruit-interview-single__sec {
    margin-top: 3.75rem;
  }
}

@media screen and (min-width: 801px) {
  .recruit-member-single__sec {
    margin-top: 1.625rem;
  }
}

.recruit-member-single__sec--first {
  border-bottom: 3px solid #E6E6E6;
  padding-bottom: 2.8125rem;
}

.recruit-interview-single__profile {
  margin-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__profile {
    margin-top: 3.75rem;
  }
}

.recruit-member-single__sec p {
  font-size: 0.875rem;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .recruit-member-single__sec p {
    font-size: 1rem;
  }
}

.recruit-member-single__sec a {
  margin-top: 2.375rem;
}

.recruit-member-single .recruit-member-single__sec2 {
  margin-top: 4.375rem;
}

.recruit-member-single .recruit-member-single__sec2 h2 {
  padding-bottom: 1.5625rem;
}

.recruit-interview-single__profile .single-box__title {
  letter-spacing: 0.02em;
  line-height: 1.72;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__profile .single-box__title {
    line-height: normal;
  }
}

.recruit-interview-single__profile .single-box__text {
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 2;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__profile .single-box__text {
    font-size: 0.875rem;
    line-height: normal;
    margin-top: 1rem;
  }
}

.recruit-interview-single__profile-line-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  margin-top: 2.625rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__profile-line-wrap {
    gap: 1.75rem;
  }
}

.recruit-interview-single__article .recruit-interview-single__sec h2 {
  font-size: 1.25rem;
  gap: 0.875rem;
  line-height: 1.65;
  margin-top: 7.5rem;
  padding-bottom: 0.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__article .recruit-interview-single__sec h2 {
    font-size: 2.125rem;
    gap: 0.625rem;
    line-height: normal;
    margin-top: 5.9375rem;
    padding-bottom: 1.5625rem;
  }
}

.recruit-interview-single__article .recruit-interview-single__sec2 h2 {
  margin-top: 4.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__article .recruit-interview-single__sec2 h2 {
    margin-top: 5.9375rem;
  }
}

.recruit-interview-single__sec .single-content__talk,
.recruit-member-single__sec .single-content__talk {
  font-size: 1rem;
  gap: 0.9375rem;
  letter-spacing: 0.04em;
  line-height: 2;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__sec .single-content__talk,
  .recruit-member-single__sec .single-content__talk {
    font-size: 1.25rem;
    gap: 1.875rem;
    line-height: 1.8;
    margin-top: 4.375rem;
  }
}

.recruit-interview-single__sec .single-content__talk:before,
.recruit-member-single__sec .single-content__talk:before {
  flex-shrink: 0;
  width: 2rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__sec .single-content__talk:before,
  .recruit-member-single__sec .single-content__talk:before {
    width: 3.375rem;
  }
}

.recruit-member-single__sec .single-content__talk {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single__sec .single-content__talk {
    margin-top: 3.125rem;
  }
}

.recruit-member-single__sec .single-content__talk + p {
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single__sec .single-content__talk + p {
    margin-top: 2.25rem;
  }
}

.recruit-interview-single__talk-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__talk-wrap {
    margin-top: 2.5rem;
  }
}

.recruit-interview-single .recruit-interview-single__talk {
  align-items: flex-start;
  display: flex;
  gap: 0.3125rem;
  justify-content: space-between;
  padding-left: 0;
}

.recruit-interview-single .recruit-interview-single__talk:before {
  display: none;
}

.recruit-interview-single__talk:nth-of-type(1) .recruit-interview-single__talk-person {
  color: #EE7800;
}

.recruit-interview-single__talk:nth-of-type(2) .recruit-interview-single__talk-person {
  color: #009D8E;
}

.recruit-interview-single__talk:nth-of-type(3) .recruit-interview-single__talk-person {
  color: #E85298;
}

.recruit-interview-single__talk-person {
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
}

.recruit-interview-single__talk-person:after {
  color: #042731;
  content: "：";
  display: block;
}

.recruit-interview-single .recruit-interview-single__talk {
  line-height: 1.7;
}

.recruit-interview-single .recruit-interview-single__sec h3 {
  font-size: 1.125rem;
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single .recruit-interview-single__sec h3 {
    font-size: 1.625rem;
    margin-top: 5.9375rem;
  }
}

.recruit-interview-single__box {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__box {
    margin-top: 3.75rem;
  }
}

.recruit-interview-single__box a {
  color: #007C93;
  text-decoration: underline;
}

.recruit-interview-single__box-text {
  letter-spacing: 0.02em;
  line-height: 2;
  margin-top: 0.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__box-text {
    line-height: 1.75;
    margin-top: 2rem;
  }
}

.recruit-interview-single__btn-wrap {
  display: flex;
  justify-content: center;
  margin: 2rem auto 0;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__btn-wrap {
    margin-top: 4rem;
  }
}

.recruit-interview-single__btn .btn {
  letter-spacing: 0.01em;
  padding: 1.0625rem 1.3125rem 1.0625rem 1.375rem;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__btn .btn {
    padding: 1rem 1.9375rem 1rem 2rem;
    width: 21.9375rem;
  }
}

.recruit-interview-single__pagination,
.recruit-member-single__pagination {
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__pagination,
  .recruit-member-single__pagination {
    width: 66.625rem;
  }
}

.recruit-member-single__pagination {
  margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single__pagination {
    margin-top: 5.9375rem;
  }
}

.recruit-job-single__pagination {
  margin: 2.5rem auto 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__pagination {
    margin: 5.9375rem auto 7.5rem;
    width: 82rem;
  }
}

.recruit-interview-single__pagination .pagination-single__ctrl .pagination-single__ctrl-back,
.recruit-member-single__pagination .pagination-single__ctrl .pagination-single__ctrl-back {
  justify-content: center;
  letter-spacing: 0.01em;
  padding: 1.0625rem 1.3125rem 1.0625rem 1.375rem;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__pagination .pagination-single__ctrl .pagination-single__ctrl-back,
  .recruit-member-single__pagination .pagination-single__ctrl .pagination-single__ctrl-back {
    padding: 1rem 1.9375rem 1rem 2rem;
    width: 21.9375rem;
  }
}

.recruit-single__btn-wrap {
  margin-inline: auto;
  margin-top: 2rem;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__btn-wrap {
    margin-inline: 0;
    margin-top: 3.75rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.recruit-single__btn-wrap .page-sec__btn {
  letter-spacing: 0.12em;
  text-decoration: none;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__btn-wrap .page-sec__btn {
    letter-spacing: 0.02em;
    padding-right: 1.25rem;
    width: 19.875rem;
  }
}

.recruit-single__btn-wrap .page-sec__btn:before {
  right: 1.6875rem;
  top: 0.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__btn-wrap .page-sec__btn:before {
    right: 1.6875rem;
  }
}

.recruit-single__btn-wrap .page-sec__btn:hover:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  height: 2.25rem;
  width: 2.25rem;
}

.recruit-single__btn-wrap .btn:after {
  display: none;
}

.recruit-interview-single .recruit-single__related {
  margin-bottom: 3.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single .recruit-single__related {
    margin-bottom: 11.25rem;
  }
}

.recruit-job-single .recruit-job-single__inner .recruit-single__related {
  margin-bottom: 2.5rem;
  margin-top: 6.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single .recruit-job-single__inner .recruit-single__related {
    margin-bottom: 7.5rem;
    margin-top: 7.5rem;
  }
}

.recruit-single .head-single__breadcrumb,
.recruit-interview-single .head-single__breadcrumb {
  margin-top: 0;
}

.recruit-job-single .head-single__breadcrumb {
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single .head-single__breadcrumb {
    margin-top: 3.25rem;
  }
}

.recruit-member-single__article,
.recruit-single__article,
.recruit-interview-single__article {
  color: #042731;
  margin-inline: auto;
  padding-top: 2rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single__article,
  .recruit-single__article,
  .recruit-interview-single__article {
    padding-top: 3.4375rem;
    width: 53.75rem;
  }
}

.recruit-member-single__article {
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single__article {
    padding-bottom: 1.25rem;
  }
}

.recruit-single__article,
.recruit-interview-single__article {
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__article,
  .recruit-interview-single__article {
    padding-bottom: 7.5rem;
  }
}

.recruit-interview-single__image {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__image {
    margin-top: 4.0625rem;
  }
}

.recruit-member-single__image {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single__image {
    margin-top: 3.125rem;
  }
}

.recruit-interview-single__image--thum {
  margin-top: 1.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview-single__image--thum {
    margin-top: 0.625rem;
  }
}

.recruit-single__image img {
  border-radius: 10px;
  height: auto;
}

.recruit-single__sec.single-content h2 {
  font-size: 1.25rem;
  margin-top: 4.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__sec.single-content h2 {
    font-size: 2.125rem;
    margin-top: 5.5rem;
  }
}

.recruit-single__sec.single-content h3 {
  margin-top: 3.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__sec.single-content h3 {
    margin-top: 5.5rem;
  }
}

.recruit-member-single .recruit-member-single__sec.single-content h3 {
  margin-top: 3.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .recruit-member-single__sec.single-content h3 {
    margin-top: 5.3125rem;
  }
}

.recruit-single__related {
  border-top: 1px solid #D6D6D6;
  margin: 3.75rem auto 2.625rem;
  padding-top: 0.9375rem;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__related {
    margin: 4.375rem auto 15.3125rem;
    width: 82rem;
  }
}

.recruit-single__related-title-wrap .head-tag {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__related-title-wrap .head-tag {
    font-size: 0.875rem;
  }
}

.recruit-single__related-title {
  font-size: 1.625rem;
  font-weight: 500;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__related-title {
    font-size: 2.25rem;
  }
}

.recruit-single__related-article {
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__related-article {
    margin-top: 3.75rem;
  }
}

.recruit-single__related-article .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__related-article .article__list {
    gap: 2.625rem 2rem;
  }
}

.recruit-single__pagination {
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__pagination {
    width: 68rem;
  }
}

.recruit-single__pagination .pagination-single__ctrl .pagination-single__ctrl-back {
  justify-content: center;
  letter-spacing: 0.01em;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-single__pagination .pagination-single__ctrl .pagination-single__ctrl-back {
    width: 16.8125rem;
  }
}

.recruit-job-single__pagination .pagination-single__ctrl .pagination-single__ctrl-back {
  letter-spacing: 0.02em;
  width: 13.75rem;
}

.recruit-member-single .head-single {
  border-bottom: none;
  position: relative;
}

.recruit-member-single .head-single__inner {
  border-bottom: 1px solid #CCC;
  margin-inline: 0;
  padding-block: 0;
  width: 100%;
}

.recruit-member-single .head-single__wrap {
  align-items: center;
  background-color: #F3F4F5;
  display: flex;
  flex-direction: column-reverse;
  margin-inline: auto;
  overflow: hidden;
  padding-top: 8.4375rem;
  position: relative;
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__wrap {
    flex-direction: row;
    gap: 2rem;
    justify-content: space-between;
    max-width: 90rem;
    padding-block: 0;
    padding-left: 4rem;
    width: 100%;
  }
}

.recruit-member-single .head-single__left {
  margin-bottom: 2.5rem;
  margin-top: -8.125rem;
  position: relative;
  width: 20.90625rem;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__left {
    margin-bottom: 0;
    margin-top: 5.625rem;
    width: auto;
  }
}

.recruit-member-single .head-single__title {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__title {
    font-size: 2.8125rem;
  }
}

.recruit-member-single .head-single__tag {
  background-color: transparent;
  margin-top: 1.5625rem;
  padding-left: 0;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__tag {
    margin-top: 1.875rem;
    padding-left: auto;
  }
}

.recruit-member-single .head-single__image {
  flex-shrink: 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__image {
    width: 44.4375rem;
  }
}

.recruit-member-single .head-single__image img {
  display: block;
  transform: scale(1.24);
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__image img {
    transform: scale(1);
  }
}

.recruit-member-single .head-single__title-wrap {
  margin-top: 1.75rem;
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__title-wrap {
    margin-top: 2.1875rem;
    white-space: nowrap;
  }
}

.recruit-member-single .head-single__title {
  background-color: #56B2CB;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: #FFF;
  display: inline;
  font-size: 1.625rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.6;
  padding: 0.4375rem 0.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__title {
    font-size: 2.25rem;
    line-height: 2.3;
    padding: 0.4375rem;
  }
}

.recruit-member-single .head-single__info {
  font-size: 1rem;
  letter-spacing: 0.035em;
  margin-top: 12.1875rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__info {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 15.625rem;
  }
}

.recruit-member-single .head-single__info-name {
  font-size: 1.25rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__info-name {
    font-size: 1.5rem;
  }
}

.recruit-member-single .head-single__info-text {
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.8;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__info-text {
    font-size: 1rem;
    line-height: 1.7;
  }
}

.recruit-member-single .head-single__info-tag-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
  margin-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__info-tag-wrap {
    gap: 0.625rem;
    margin-top: 2rem;
  }
}

.recruit-member-single .head-single__info-tag {
  background-color: #E6E6E6;
  border-radius: 1000px;
  font-size: 0.75rem;
  padding: 0.375rem 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .head-single__info-tag {
    font-size: 1rem;
  }
}

.recruit-member-single .breadcrumb {
  margin-inline: auto;
  margin-top: 0.75rem;
  padding-right: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-member-single .breadcrumb {
    margin-top: 1.875rem;
    padding-right: 0;
    width: 82rem;
  }
}

.recruit-member-single__box {
  margin-top: 3rem;
}

.recruit-member-single__box ul {
  margin-top: 1.5rem;
}

.recruit-member-single__notes-wrap {
  background-color: #E6E6E6;
  line-height: 1.5625rem;
  margin-top: 2rem;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single__notes-wrap {
    line-height: 2rem;
    margin-top: 4rem;
    padding: 2rem;
  }
}

.recruit-member-single__notes {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-member-single__notes {
    font-size: 0.875rem;
  }
}

.recruit-member-single__notes-item {
  align-items: flex-start;
  display: flex;
  gap: 0.625rem;
}

.recruit-member-single__notes-item:before {
  content: "※";
  display: block;
}

.recruit-job-single {
  background-color: #F3F4F5;
}

.recruit-job-single .head-single__title h1 {
  font-size: 2rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single .head-single__title h1 {
    font-size: 2.5rem;
  }
}

.recruit-job-single .head-single__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 801px) {
  .recruit-job-single .head-single__inner {
    align-items: flex-end;
    flex-direction: row;
    padding-bottom: 3.4375rem;
    width: 82rem;
  }
}

@media screen and (min-width: 801px) {
  .recruit-job-single .head-single__info-wrap {
    margin-top: 0;
  }
}

.recruit-job-single__article-wrap {
  background-color: #F3F4F5;
  margin-inline: auto;
  overflow-x: hidden;
  padding-inline: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__article-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    overflow-x: visible;
    padding-inline: 0;
    width: 82rem;
  }
}

.recruit-job-single__article-wrap .side-index {
  background-color: transparent;
  padding: 0;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__article-wrap .side-index {
    margin-left: 2.5rem;
    padding: 8.125rem 0 0;
  }
}

.recruit-job-single__article-wrap .side-index__title {
  display: none;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__article-wrap .side-index__title {
    display: block;
  }
}

.recruit-job-single__article-wrap .side-index__list {
  display: block;
  margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__article-wrap .side-index__list {
    display: flex;
    margin-top: 1.5625rem;
  }
}

.recruit-job-single__article-wrap .side-index__item {
  background-color: #FFF;
  border-radius: 10px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__article-wrap .side-index__item {
    background-color: transparent;
    border-radius: 0;
    margin-top: 0;
  }
}

.recruit-job-single__article-wrap .side-index__link {
  align-items: center;
  color: #042731;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__article-wrap .side-index__link {
    color: #808080;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0;
  }
}

.recruit-job-single__article-wrap .side-index__link-name {
  font-size: 1rem;
  font-weight: 500;
}

.recruit-job-single__article-wrap .side-index__link-circle {
  align-items: center;
  background-color: #56B2CB;
  border-radius: 50%;
  display: flex;
  height: 1.921875rem;
  justify-content: center;
  width: 1.921875rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__article-wrap .side-index__link-circle {
    background-color: transparent;
    border: 1px solid transparent;
    display: grid;
    flex-shrink: 0;
    height: 1.5rem;
    place-items: center;
    transition: border-color 0.4s;
    width: 1.5rem;
  }
}

.recruit-job-single__article-wrap .side-index__link-circle:before {
  background-color: transparent;
  background-image: url("../images/icon/arrow_down-white.png");
  background-size: contain;
  content: "";
  height: 0.75rem;
  width: 0.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__article-wrap .side-index__link-circle:before {
    background-color: #808080;
    background-image: none;
    border-radius: 50%;
    display: block;
    height: 0.375rem;
    transition: background-color 0.4s;
    width: 0.375rem;
  }
}

.recruit-job-single__article {
  margin-top: 6.25rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__article {
    margin-right: 2.5rem;
    padding-top: 0.625rem;
    width: 53.75rem;
  }
}

.recruit-job-single .recruit-job-single__article h2 {
  font-size: 1.5rem;
  padding-bottom: 0.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single .recruit-job-single__article h2 {
    font-size: 2.125rem;
    padding-bottom: 1.5625rem;
  }
}

.recruit-job-single .recruit-job-single__article .single-content p {
  line-height: 1.7;
  margin-top: 1.5rem;
}

.recruit-job-single .recruit-job-single__article .single-content p:nth-of-type(1) {
  margin-top: 2.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single .recruit-job-single__article .single-content p:nth-of-type(1) {
    margin-top: 3rem;
  }
}

.recruit-job-single__image {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__image {
    margin-top: 3rem;
  }
}

.recruit-job-single__box {
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__box {
    margin-top: 3rem;
  }
}

.recruit-job-single__box ul {
  margin-top: 1.5rem;
}

.recruit-job-single__table-wrap {
  margin-top: 7.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__table-wrap {
    margin-top: 5.5rem;
  }
}

.recruit-job-single__table {
  border-collapse: collapse;
  letter-spacing: 0.015em;
  line-height: 1.69;
  margin-top: 1.875rem;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__table {
    line-height: 1.68;
    margin-top: 3.125rem;
  }
}

.recruit-job-single__table tbody tr {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__table tbody tr {
    grid-template-columns: repeat(1, 250px 1fr);
  }
}

.recruit-job-single__table tbody th {
  background-color: #E6E6E6;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 400;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__table tbody th {
    font-size: 1rem;
  }
}

.recruit-job-single__table tbody tr:nth-of-type(odd) th {
  background-color: #DBDBDB;
}

.recruit-job-single__table th, .recruit-job-single__table td {
  background-color: #FFF;
  border: 1px solid #CCC;
  height: 100%;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .recruit-job-single__table th, .recruit-job-single__table td {
    padding: 2rem;
  }
}

.recruit-job-single__flow {
  padding-left: 1.25rem;
}

.recruit-job-single__flow-item {
  font-weight: 500;
  list-style: decimal;
  margin-top: 0.3125rem;
}

.recruit-job-single__flow-item:first-child {
  margin-top: 0;
}

.recruit-job-single__flow-text {
  font-weight: 400;
  margin-top: 0 !important;
}

.fixed-btn-wrap {
  background-color: #FFF;
  bottom: 0;
  position: fixed;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .fixed-btn-wrap {
    display: none;
  }
}

.fixed-btn-wrap .side-index__btn {
  align-items: center;
  background-color: #007C93;
  border: 1px solid #007C93;
  border-radius: 10px;
  color: #FFF;
  display: block;
  display: flex;
  font-size: 1rem;
  gap: 0.625rem;
  justify-content: center;
  margin: 0.5rem auto;
  padding: 1.03125rem 1.5rem;
  transition: background-color 0.4s, color 0.4s;
  width: 21.4375rem;
}

.recruit-top__content {
  margin-inline: auto;
  margin-top: 4.0625rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-top__content {
    margin-top: 7.8125rem;
    width: 81.875rem;
  }
}

.recruit-top-message {
  position: relative;
}

.recruit-top-message__inner {
  position: relative;
}
@media screen and (min-width: 801px) {
  .recruit-top-message__inner {
    display: flex;
    justify-content: space-between;
  }
}

.recruit-top-message .recruit-top-message__inner .head-tag {
  font-size: 0.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-message .recruit-top-message__inner .head-tag {
    font-size: 1rem;
  }
}

.recruit-top-message__bg {
  display: flex;
  margin-inline: calc(50% - 50vw);
  overflow: hidden;
  position: absolute;
  top: 7.1875rem;
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .recruit-top-message__bg {
    top: 5.3125rem;
  }
}

.recruit-top-message__bg-text {
  color: #FFF;
  flex-shrink: 0;
  font-family: "Poppins", sans-serif;
  font-size: 8rem;
  font-weight: 500;
  opacity: 0.7;
}
@media screen and (min-width: 801px) {
  .recruit-top-message__bg-text {
    font-size: 13.125rem;
  }
}

.recruit-top-message__bg-text:nth-child(odd) {
  animation: recruitText 24s -12s infinite linear;
}

.recruit-top-message__bg-text:nth-child(even) {
  animation: recruitText2 24s infinite linear;
}

@keyframes recruitText {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes recruitText2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.recruit-top-message .page-sec__title h2 {
  font-size: 1.5rem;
  line-height: 1.75;
  padding-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-message .page-sec__title h2 {
    font-size: 2.25rem;
    padding-top: 2.8125rem;
  }
}

.recruit-top-message__image {
  margin-top: 3rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .recruit-top-message__image {
    left: -4.0625rem;
    margin-top: 9.875rem;
  }
}

.recruit-top-message__image img {
  border-radius: 10px;
}

.recruit-top-message__right-content {
  margin-top: 1.625rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-top-message__right-content {
    margin-top: 4.75rem;
    width: 40.9375rem;
  }
}

.recruit-top-message__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 2;
}
@media screen and (min-width: 801px) {
  .recruit-top-message__text {
    font-size: 1.125rem;
  }
}

.recruit-top-philosophy {
  border-top: 1px solid #D6D6D6;
  margin-top: 6.25rem;
  padding-top: 0.9375rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy {
    margin-top: 7.5rem;
  }
}

.recruit-top-philosophy:before {
  background-image: url("../images/common/bg-g.png");
  background-size: cover;
  content: "";
  display: block;
  height: 38.625rem;
  left: -26.875rem;
  position: absolute;
  rotate: 180deg;
  top: 21.25rem;
  width: 45.375rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy:before {
    height: 50.875rem;
    left: -37.5rem;
    width: 59.75rem;
  }
}

.recruit-top-philosophy__inner {
  position: relative;
}

.recruit-top-philosophy__list-wrap {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__list-wrap {
    margin-top: 3.625rem;
  }
}

.recruit-top-philosophy__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.recruit-top-philosophy__item {
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__item {
    flex-direction: row;
    gap: 4.75rem;
    padding: 4.5rem 4rem;
  }
}

.recruit-top-philosophy__item--credo {
  flex-direction: column;
  gap: 1.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__item--credo {
    gap: 3.5rem;
  }
}

.recruit-top-philosophy__sub-title {
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__sub-title {
    align-items: center;
    display: flex;
    font-size: 1rem;
    gap: 0.5625rem;
    text-align: left;
  }
}

@media screen and (min-width: 801px) {
  .recruit-top-philosophy__sub-title:before {
    background-color: #56B2CB;
    content: "";
    display: block;
    height: 0.0625rem;
    width: 1.75rem;
  }
}

.recruit-top-philosophy__title-wrap {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__title-wrap {
    width: 13.375rem;
  }
}

.recruit-top-philosophy__item--credo .recruit-top-philosophy__title-wrap {
  width: 100%;
}

.recruit-top-philosophy__title {
  color: #007C93;
  font-family: "Poppins", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  margin-top: 0.3125rem;
  opacity: 0.5;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__title {
    font-size: 2.5rem;
    text-align: left;
  }
}

.recruit-top-philosophy__text-wrap {
  border: 1px solid #007C93;
  height: 5.125rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__text-wrap {
    height: 7.875rem;
    width: 31.25rem;
  }
}

.recruit-top-philosophy__item--mission .recruit-top-philosophy__text-wrap {
  height: 7.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__item--mission .recruit-top-philosophy__text-wrap {
    height: 7.875rem;
  }
}

.recruit-top-philosophy__text {
  align-items: center;
  background-color: #FFF;
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  height: 130%;
  justify-content: center;
  left: 50%;
  line-height: 1.6;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 93%;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__text {
    font-size: 2rem;
    padding-inline: 1.5rem;
    width: 29.75rem;
  }
}

.recruit-top-philosophy__item--mission .recruit-top-philosophy__text {
  font-size: 1rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__item--mission .recruit-top-philosophy__text {
    font-size: 1.5rem;
  }
}

.recruit-top-philosophy__text span {
  color: #007C93;
}

.recruit-top-philosophy__card-list {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__card-list {
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

.recruit-top-philosophy__card {
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
  box-shadow: 0px 4px 30px 0px rgba(96, 196, 220, 0.2);
  padding: 1.25rem 1.5rem;
  position: relative;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__card {
    padding: 2.5rem 2.5rem 3rem;
    text-align: center;
  }
}

.recruit-top-philosophy__card:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__card:before {
    width: 0.3125rem;
  }
}

.recruit-top-philosophy__card--integrity:before {
  background-color: #389D8E;
}

.recruit-top-philosophy__card--communication:before {
  background-color: #FAD001;
}

.recruit-top-philosophy__card--ownership:before {
  background-color: #56B2CB;
}

.recruit-top-philosophy__card--challenge:before {
  background-color: #E85298;
}

.recruit-top-philosophy__card--safety:before {
  background-color: #8FC31F;
}

.recruit-top-philosophy__card--proud:before {
  background-color: #F36960;
}

.recruit-top-philosophy__card-title-en {
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__card-title-en {
    font-size: 2rem;
  }
}

.recruit-top-philosophy__card--integrity .recruit-top-philosophy__card-title-en {
  color: #389D8E;
}

.recruit-top-philosophy__card--communication .recruit-top-philosophy__card-title-en {
  color: #FAD001;
}

.recruit-top-philosophy__card--ownership .recruit-top-philosophy__card-title-en {
  color: #56B2CB;
}

.recruit-top-philosophy__card--challenge .recruit-top-philosophy__card-title-en {
  color: #E85298;
}

.recruit-top-philosophy__card--safety .recruit-top-philosophy__card-title-en {
  color: #8FC31F;
}

.recruit-top-philosophy__card--proud .recruit-top-philosophy__card-title-en {
  color: #F36960;
}

.recruit-top-philosophy__card-title-ja {
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 0.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__card-title-ja {
    font-size: 1.125rem;
    margin-top: 0.625rem;
  }
}

.recruit-top-philosophy__image {
  display: none;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy__image {
    display: block;
    position: absolute;
    right: -4rem;
    top: 20.625rem;
    width: 23.375rem;
  }
}

.recruit-top-philosophy__image img {
  border-radius: 10px;
}

.recruit-top__btn-wrap {
  margin-left: auto;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .recruit-top__btn-wrap {
    margin-inline: 0;
    margin-top: 2.5rem;
  }
}

.recruit-top-philosophy .recruit-top__btn-wrap {
  width: 11.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-philosophy .recruit-top__btn-wrap {
    width: 11.75rem;
  }
}

.recruit-top__btn-wrap .page-sec__btn {
  display: block;
  letter-spacing: 0.12em;
  padding-right: 1.25rem;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-top__btn-wrap .page-sec__btn {
    letter-spacing: 0.02em;
  }
}

.recruit-top__btn-wrap .page-sec__btn:before {
  right: 1.6875rem;
  top: 0.77rem;
}
@media screen and (min-width: 801px) {
  .recruit-top__btn-wrap .page-sec__btn:before {
    right: 1.6875rem;
  }
}

.recruit-top__btn-wrap .page-sec__btn:hover:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  height: 2.25rem;
  width: 2.25rem;
}

.recruit-top__btn-wrap .btn:after {
  display: none;
}

.recruit-top-interview {
  border-top: 1px solid #D6D6D6;
  margin-top: 6.25rem;
  padding-top: 0.9375rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .recruit-top-interview {
    margin-top: 7.1875rem;
  }
}

.recruit-top-interview__slider-wrap {
  margin-top: 3.125rem;
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .recruit-top-interview__slider-wrap {
    width: calc(100vw - 4rem);
  }
}

.recruit-top-interview__slider-wrap .slider__item-link {
  display: block;
  height: 100%;
  width: 100%;
}

.recruit-top-interview__slider-wrap .slider__item-link .slider__item-title {
  transition: color 0.4s;
}

.recruit-top-interview__slider-wrap .slider__item-link:hover .slider__item-title {
  color: #56B2CB;
}

.recruit-top-interview__slider-wrap .slider__item-image {
  border-radius: 10px;
  overflow: hidden;
}

.recruit-top-interview__slider-wrap .slider__item-image img {
  transition: transform 0.4s;
}

.recruit-top-interview__slider-wrap .slider__item-link:hover .slider__item-image img {
  transform: scale(1.1);
}

.recruit-top-interview__slider-wrap .slider__item-tag,
.recruit-top-blog__slider-wrap .slider__item-tag {
  transition: background-color 0.4s;
}

.recruit-top-interview__slider-wrap .slider__item-tag:hover,
.recruit-top-blog__slider-wrap .slider__item-tag:hover {
  background-color: #FFF;
}

.recruit-top-interview .recruit-top__btn-wrap {
  margin-inline: auto;
  margin-top: 3.4375rem;
  width: 18.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-interview .recruit-top__btn-wrap {
    margin-inline: 0;
    width: 19.875rem;
  }
}

.recruit-top .slider__item-button {
  background-color: rgba(255, 255, 255, 0.8);
}

.recruit-top .slider__item-bar-wrap li {
  background-color: #E4E4E4;
}

.recruit-top-member {
  border-top: 1px solid #D6D6D6;
  margin-top: 6.25rem;
  padding-top: 0.9375rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .recruit-top-member {
    margin-top: 7.1875rem;
  }
}

.recruit-top-member__slider-wrap {
  margin-top: 1.75rem;
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .recruit-top-member__slider-wrap {
    width: calc(100vw - 4rem);
  }
}

.recruit-top-member__slider-wrap .slick-track {
  align-items: flex-start;
}

.recruit-top-member__slider-wrap .slider__item-link {
  display: block;
  height: 100%;
  width: 100%;
}

.recruit-top-member__slider-wrap .slider__item-image {
  border-radius: 12px;
  overflow: hidden;
}

.recruit-top-member__slider-wrap .slider__item-image img {
  overflow: hidden;
  transform: scale(1.17);
  transition: transform 0.4s;
}

.recruit-top-member__slider-wrap .slider__item-link:hover .slider__item-image img {
  transform: scale(1.27);
}

.recruit-top-member .recruit-top__btn-wrap {
  margin-inline: auto;
  margin-top: 3.4375rem;
  width: 15.8125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member .recruit-top__btn-wrap {
    margin-inline: 0;
    width: 15.8125rem;
  }
}

.recruit-top-member .slider__item-button-wrap {
  top: 8.75rem;
  width: auto;
}
@media screen and (min-width: 801px) {
  .recruit-top-member .slider__item-button-wrap {
    top: 11.125rem;
  }
}

.recruit-top-member .slider__item {
  margin-right: 0.625rem;
  position: relative;
  transform: scale(0.895);
  transition: transform 0.4s ease;
  z-index: 1;
}

.recruit-top-member .slider__item:before {
  border-radius: 12px;
  content: "";
  display: block;
  height: 17.75rem;
  left: 0.5rem;
  position: absolute;
  top: 0.5rem;
  transform: scale(1);
  width: 17.75rem;
  z-index: -1;
}
@media screen and (min-width: 801px) {
  .recruit-top-member .slider__item:before {
    height: 22.75rem;
    left: 1.375rem;
    top: 1.375rem;
    width: 22.75rem;
  }
}

.recruit-top-member .slider__item:nth-of-type(4n+1):before {
  background-color: rgba(250, 208, 1, 0.6);
}

.recruit-top-member .slider__item:nth-of-type(4n+2):before {
  background-color: rgba(232, 82, 152, 0.6);
}

.recruit-top-member .slider__item:nth-of-type(4n+3):before {
  background-color: rgb(183, 215, 117);
}

.recruit-top-member .slider__item:nth-of-type(4n+4):before {
  background-color: rgba(86, 178, 203, 0.6);
}

.recruit-top-member .slider__item.slick-active {
  margin-right: 0.75rem;
  margin-top: 1.25rem;
  max-width: 17.6875rem;
  transform: scale(1);
  width: 17.6875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member .slider__item.slick-active {
    margin-right: 2rem;
    margin-top: 1.5625rem;
    max-width: 25.1875rem;
    width: 25.1875rem;
  }
}

.recruit-top-member .slider__item.slick-active:before {
  height: 17.6875rem;
  left: 0.5rem;
  top: 0.5rem;
  transform: scale(1);
  width: 17.6875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member .slider__item.slick-active:before {
    height: 24.1875rem;
    left: 1.625rem;
    top: 1.625rem;
    width: 24.1875rem;
  }
}

.recruit-top-member .slider__item .slider__item-image {
  height: 100%;
}

.recruit-top-member__data {
  display: grid;
  grid-template-columns: 1fr 2.0625rem;
  margin-top: 1.25rem;
  row-gap: 0.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member__data {
    grid-template-columns: 1fr 3.3125rem;
    margin-top: 2.0625rem;
    row-gap: 0.625rem;
  }
}

.recruit-top-member .slider__item.slick-active .recruit-top-member__data {
  grid-template-columns: 1fr 2.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member .slider__item.slick-active .recruit-top-member__data {
    grid-template-columns: 1fr 4.125rem;
  }
}

.recruit-top-member__info {
  align-items: center;
  color: #283B3E;
  display: flex;
  font-size: 0.75rem;
  gap: 1.125rem;
  grid-column: 1/2;
  grid-row: 1/2;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 801px) {
  .recruit-top-member__info {
    font-size: 0.875rem;
  }
}

.recruit-top-member__info span {
  background-color: #000;
  display: block;
  height: 0.75rem;
  width: 0.0625rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member__info span {
    height: 0.875rem;
  }
}

.recruit-top-member .slider__item.slick-active .recruit-top-member__info {
  font-size: 0.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member .slider__item.slick-active .recruit-top-member__info {
    font-size: 1.125rem;
  }
}

.recruit-top-member .slider__item.slick-active .recruit-top-member__info span {
  height: 1.0625rem;
}

.recruit-top-member__name {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media screen and (min-width: 801px) {
  .recruit-top-member__name {
    align-items: center;
    display: flex;
    gap: 0.9375rem;
  }
}

.recruit-top-member__name-ja {
  color: #1F1C1D;
  font-size: 1.25rem;
  font-weight: 500;
}

.recruit-top-member .slider__item.slick-active .recruit-top-member__name-ja {
  font-size: 1.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member .slider__item.slick-active .recruit-top-member__name-ja {
    font-size: 1.375rem;
  }
}

.recruit-top-member__name-en {
  color: #56B2CB;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member__name-en {
    font-size: 0.875rem;
  }
}

.recruit-top-member .slider__item.slick-active .recruit-top-member__name-en {
  font-size: 0.8125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member .slider__item.slick-active .recruit-top-member__name-en {
    font-size: 0.875rem;
  }
}

.recruit-top-member__btn-wrap {
  grid-column: 2/3;
  grid-row: 1/3;
}

.recruit-top-member__btn {
  align-items: center;
  background-color: #FFF;
  border-radius: 50%;
  display: flex;
  height: 2.0625rem;
  justify-content: center;
  transition: background-color 0.4s;
  width: 2.0625rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member__btn {
    height: 3.3125rem;
    width: 3.3125rem;
  }
}

.recruit-top-member__slider-wrap .slider__item-link:hover .recruit-top-member__btn {
  background-color: #007C93;
}

.recruit-top-member__btn:before {
  background-image: url("../images/icon/plus.png");
  background-size: cover;
  content: "";
  display: block;
  height: 1.375rem;
  transition: background-image 0.4s;
  width: 1.375rem;
}

.recruit-top-member__slider-wrap .slider__item-link:hover .recruit-top-member__btn:before {
  background-image: url("../images/icon/plus-white.png");
}

.recruit-top-member .slider__item.slick-active .recruit-top-member__btn {
  height: 2.875rem;
  width: 2.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member .slider__item.slick-active .recruit-top-member__btn {
    height: 4.125rem;
    width: 4.125rem;
  }
}

.recruit-top-member .slider__item.slick-active .recruit-top-member__btn:before {
  height: 1.1875rem;
  width: 1.1875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-member .slider__item.slick-active .recruit-top-member__btn:before {
    height: 1.8125rem;
    width: 1.8125rem;
  }
}

.recruit-top-member__hidden-data {
  display: none;
}

.recruit-top-blog {
  border-top: 1px solid #D6D6D6;
  margin-top: 5rem;
  padding-top: 0.9375rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .recruit-top-blog {
    margin-top: 7.1875rem;
  }
}

.recruit-top-blog__slider-wrap {
  margin-top: 3.125rem;
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .recruit-top-blog__slider-wrap {
    width: calc(100vw - 4rem);
  }
}

.recruit-top-blog__slider-wrap .slider__item-link {
  display: block;
  height: 100%;
  width: 100%;
}

.recruit-top-blog__slider-wrap .slider__item-link .slider__item-title {
  transition: color 0.4s;
}

.recruit-top-blog__slider-wrap .slider__item-link:hover .slider__item-title {
  color: #56B2CB;
}

.recruit-top-blog__slider-wrap .slider__item-image {
  border-radius: 10px;
  overflow: hidden;
}

.recruit-top-blog__slider-wrap .slider__item-image img {
  transition: transform 0.4s;
}

.recruit-top-blog__slider-wrap .slider__item-link:hover .slider__item-image img {
  transform: scale(1.1);
}

.recruit-top-blog .recruit-top__btn-wrap {
  margin-inline: auto;
  margin-top: 2.1875rem;
  width: 16.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-blog .recruit-top__btn-wrap {
    margin-inline: 0;
    margin-top: 3.4375rem;
  }
}

.recruit-top-article {
  left: 50%;
  margin-top: 3.4375rem;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .recruit-top-article {
    background-color: #FFF;
    margin-top: 7.5rem;
  }
}

.recruit-top-article__inner {
  margin-inline: auto;
  padding-block: 2.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-article__inner {
    padding-block: 7.5rem;
    width: 81.875rem;
  }
}

.recruit-top-article__content {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 801px) {
  .recruit-top-article__content {
    flex-direction: row;
    justify-content: space-between;
  }
}

.recruit-top-article__left-content {
  border-top: 1px solid #D6D6D6;
  display: contents;
  padding-top: 0.9375rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-top-article__left-content {
    display: block;
    flex-shrink: 0;
    justify-content: space-between;
    width: 46.4375rem;
  }
}

.recruit-top-article__left-content .page-sec__title {
  order: 1;
}

.recruit-top-article__copy {
  color: #007C93;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 1.25rem;
  order: 3;
}
@media screen and (min-width: 801px) {
  .recruit-top-article__copy {
    font-size: 1.375rem;
    margin-top: 2.875rem;
  }
}

.recruit-top-article__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 1.75rem;
  order: 4;
}
@media screen and (min-width: 801px) {
  .recruit-top-article__text {
    font-size: 1rem;
  }
}

.recruit-top-article__btn-wrap {
  margin-top: 1.5625rem;
  order: 5;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .recruit-top-article__btn-wrap {
    margin-top: 1.25rem;
    text-align: left;
  }
}

.recruit-top-article__btn-wrap .btn:after {
  background-image: url("../images/icon/new_window-white.svg");
  height: 1.5rem;
  top: 1.125rem;
  width: 1.5rem;
}

.recruit-top-article__btn-wrap .btn:hover:after {
  background-image: url("../images/icon/new_window-green.svg");
}

.recruit-top-article__feeds {
  margin-top: 3.125rem;
  order: 2;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-top-article__feeds {
    margin-top: 0;
    width: 31.25rem;
  }
}

.recruit-top-article__feeds iframe {
  width: 100% !important;
}
@media screen and (min-width: 801px) {
  .recruit-top-article__feeds iframe {
    width: 31.25rem !important;
  }
}

.recruit-top-work {
  border-top: 1px solid #D6D6D6;
  margin-top: 2.5rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .recruit-top-work {
    margin-top: 7.1875rem;
  }
}

.recruit-top-work:before {
  display: none;
}
@media screen and (min-width: 801px) {
  .recruit-top-work:before {
    background-image: url("../images/common/bg-g.png");
    background-size: cover;
    content: "";
    display: block;
    height: 32.375rem;
    position: absolute;
    right: -27.5rem;
    rotate: -11deg;
    top: 3.125rem;
    width: 38rem;
  }
}

.recruit-top-work__inner {
  padding-top: 1.125rem;
  position: relative;
}

.recruit-top-work__content-wrap {
  display: flex;
  flex-direction: column;
  gap: 2.375rem;
  margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__content-wrap {
    gap: 3.75rem;
    margin-top: 4rem;
  }
}

.recruit-top-work__title h3 {
  font-size: 1.25rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__title h3 {
    font-size: 1.75rem;
  }
}

.recruit-top-work__list {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__list {
    margin-top: 1.875rem;
  }
}

.recruit-top-work__content--environment .recruit-top-work__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__content--environment .recruit-top-work__list {
    gap: 0.75rem;
  }
}

.recruit-top-work__content--introduction .recruit-top-work__list,
.recruit-top-work__content--benefits .recruit-top-work__list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__content--introduction .recruit-top-work__list,
  .recruit-top-work__content--benefits .recruit-top-work__list {
    flex-direction: row;
  }
}

.recruit-top-work__item {
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__item {
    align-items: center;
    display: flex;
    gap: 2.5rem;
    justify-content: space-between;
    padding: 2.5rem;
  }
}

.recruit-top-work__content--introduction .recruit-top-work__item,
.recruit-top-work__content--benefits .recruit-top-work__item {
  align-items: flex-start;
  flex-direction: column;
  gap: 0;
  justify-content: flex-start;
  max-height: -moz-max-content;
  max-height: max-content;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__content--introduction .recruit-top-work__item,
  .recruit-top-work__content--benefits .recruit-top-work__item {
    width: 50%;
  }
}

@media screen and (min-width: 801px) {
  .recruit-top-work__content--benefits .recruit-top-work__item {
    min-height: 33.4375rem;
    padding: 2.5rem 2.5rem 1.25rem;
  }
}

.recruit-top-work__item-image {
  flex-shrink: 0;
}

.recruit-top-work__item-text {
  letter-spacing: 0.02em;
}

.recruit-top-work__item-title {
  color: #007C93;
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__item-title {
    font-size: 1.375rem;
    margin-top: 0;
  }
}

.recruit-top-work__content--introduction .recruit-top-work__item-title {
  margin-top: 0;
}

.recruit-top-work__content--benefits .recruit-top-work__item-title {
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__content--benefits .recruit-top-work__item-title {
    font-size: 1.375rem;
    margin-top: 0.75rem;
  }
}

.recruit-top-work__item-explain {
  display: -webkit-box;
  font-size: 0.875rem;
  letter-spacing: 0.015em;
  line-height: 1.7;
  margin-top: 1.125rem;
  overflow: hidden;
  transition: max-height 0.5s ease;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__item-explain {
    font-size: 1rem;
    margin-top: 1.375rem;
  }
}

.recruit-top-work__content--introduction .recruit-top-work__item-explain {
  -webkit-line-clamp: 3;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__content--introduction .recruit-top-work__item-explain {
    -webkit-line-clamp: 2;
  }
}

.recruit-top-work__content--benefits .recruit-top-work__item-explain {
  -webkit-line-clamp: 3;
  line-height: 1.6;
  margin-top: 1.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__content--benefits .recruit-top-work__item-explain {
    -webkit-line-clamp: 4;
  }
}

@media screen and (min-width: 801px) {
  .recruit-top-work__content--benefits .recruit-top-work__item--flextime .recruit-top-work__item-explain {
    -webkit-line-clamp: 3;
  }
}

.recruit-top-work__btn-wrap {
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__btn-wrap {
    margin-top: 0.75rem;
  }
}

.recruit-top-work__content--benefits .recruit-top-work__btn-wrap {
  margin-top: 1.375rem;
}

.recruit-top-work__btn-wrap .btn {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.5rem 1.25rem;
  width: 8.375rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__btn-wrap .btn {
    width: 9rem;
  }
}

.recruit-top-work__btn-wrap .btn:after {
  background-image: url("../images/icon/arrow_down-white.png");
  right: 1.375rem;
  top: 0.75rem;
}

@media screen and (min-width: 801px) {
  .recruit-top-work__btn-wrap .btn:hover:after {
    background-image: url("../images/icon/arrow_down-green.png");
  }
}

.recruit-top-work__btn-wrap .btn.is-open:after {
  rotate: 180deg;
}

.recruit-top-work__icon-list-wrap:nth-child(4) {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__icon-list-wrap:nth-child(4) {
    margin-top: 4.25rem;
  }
}

.recruit-top-work__icon-list {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__icon-list {
    gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
  }
}

.recruit-top-work__icon-list-wrap:nth-child(4) .recruit-top-work__icon-list {
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__icon-list-wrap:nth-child(4) .recruit-top-work__icon-list {
    margin-top: 2.1875rem;
  }
}

.recruit-top-work__icon-item {
  background-color: #FFF;
  border-radius: 10px;
  display: grid;
  min-height: 9.109375rem;
  padding: 1rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__icon-item {
    height: 17.6875rem;
    padding: 2.5rem 2.5rem 1.875rem;
  }
}

.recruit-top-work__icon-image {
  height: 5.296875rem;
  margin-inline: auto;
  width: 5.296875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__icon-image {
    height: 7.0625rem;
    width: 7.0625rem;
  }
}

.recruit-top-work__item-supplement {
  color: #007C93;
  font-size: 0.5625rem;
  font-weight: 500;
  margin-top: 0.3125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__item-supplement {
    font-size: 0.875rem;
  }
}

.recruit-top-work-number {
  background-color: #FFF;
  left: 50%;
  margin-top: 3.75rem;
  padding-bottom: 7.8125rem;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number {
    margin-top: 7.5rem;
  }
}

.recruit-top-work-number__inner {
  margin-inline: auto;
  padding-top: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__inner {
    padding-top: 7.5rem;
    width: 81.875rem;
  }
}

.recruit-top-work-number__wrap {
  border-top: 1px solid #D6D6D6;
  padding-top: 1.25rem;
}

.recruit-top-work-number__list-wrap {
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__list-wrap {
    margin-top: 3.625rem;
  }
}

.recruit-top-work-number__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}

.recruit-top-work-number__item {
  background-color: #F1F7F8;
  border-radius: 10px;
  padding: 1.875rem 0.5rem;
  width: calc(50% - 0.5rem);
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item {
    padding: 2.5rem 1.25rem;
    width: 26.625rem;
  }
}

.recruit-top-work-number__item-title {
  color: #002835;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding-left: 0.9375rem;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item-title {
    font-size: 1.125rem;
    padding-left: 1.25rem;
  }
}

.recruit-top-work-number__item-content-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item-content-wrap {
    flex-direction: row;
  }
}

.recruit-top-work-number__item-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  justify-content: center;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item-content {
    flex-direction: row;
    gap: 2.5rem;
  }
}

.recruit-top-work-number__item-number {
  color: #007C93;
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.05;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item-number {
    font-size: 5.875rem;
  }
}

.recruit-top-work-number__item-number span {
  font-size: 1.6875rem;
  font-weight: 700;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item-number span {
    font-size: 2.25rem;
  }
}

.recruit-top-work-number__item-supplement {
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 0.625rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item-supplement {
    font-size: 1rem;
  }
}

.recruit-top-work-number__item--job,
.recruit-top-work-number__item--time {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--job,
  .recruit-top-work-number__item--time {
    width: 26.625rem;
  }
}

.recruit-top-work-number__item--job .recruit-top-work-number__item-data-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 0.625rem;
  row-gap: 0.625rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--job .recruit-top-work-number__item-data-wrap {
    margin-top: 0;
    row-gap: 1.5rem;
  }
}

.recruit-top-work-number__item--time .recruit-top-work-number__item-data-wrap {
  display: flex;
  flex-wrap: wrap;
}

.recruit-top-work-number__item--job .recruit-top-work-number__item-data {
  padding-inline: 1rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--job .recruit-top-work-number__item-data {
    padding-inline: 2rem;
  }
}

.recruit-top-work-number__item--time .recruit-top-work-number__item-data {
  padding-inline: 0.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--time .recruit-top-work-number__item-data {
    padding-inline: 1.25rem;
  }
}

@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--job,
  .recruit-top-work-number__item--time {
    width: 54.1875rem;
  }
}

.recruit-top-work-number__item-name {
  color: #007C93;
  font-size: 0.75rem;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item-name {
    font-size: 1rem;
  }
}

.recruit-top-work-number__item-data:not(:nth-child(3)):not(:nth-child(6)) {
  border-right: 1px dashed #56B2CB;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item-data:not(:nth-child(3)):not(:nth-child(6)) {
    border-right: 2px dashed #56B2CB;
  }
}

.recruit-top-work-number__item--time .recruit-top-work-number__item-content .recruit-top-work-number__item-data:last-child {
  border: none;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--time .recruit-top-work-number__item-content .recruit-top-work-number__item-data:last-child {
    border-right: 2px dashed #56B2CB;
  }
}

.recruit-top-work-number__item--time .recruit-top-work-number__item-data-wrap .recruit-top-work-number__item-data:last-child {
  border-right: none;
}

.recruit-top-work-number__item-data:nth-child(n+4) .recruit-top-work-number__item-number {
  font-size: 1.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item-data:nth-child(n+4) .recruit-top-work-number__item-number {
    font-size: 3.5625rem;
  }
}

.recruit-top-work-number__item-data:nth-child(n+4) .recruit-top-work-number__item-number span {
  font-size: 1.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item-data:nth-child(n+4) .recruit-top-work-number__item-number span {
    font-size: 2.25rem;
  }
}

.recruit-top-work-number__item--job .recruit-top-work-number__item-number {
  margin-top: 0.3125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--job .recruit-top-work-number__item-number {
    margin-top: 0;
  }
}

.recruit-top-work-number__item--inexperienced .recruit-top-work-number__item-number,
.recruit-top-work-number__item--years .recruit-top-work-number__item-number {
  margin-top: 0.3125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--inexperienced .recruit-top-work-number__item-number,
  .recruit-top-work-number__item--years .recruit-top-work-number__item-number {
    margin-top: 0;
  }
}

.recruit-top-work-number__item--time .recruit-top-work-number__item-number {
  letter-spacing: 0.06em;
  margin-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--time .recruit-top-work-number__item-number {
    letter-spacing: 0.02em;
    margin-top: 0;
  }
}

.recruit-top-work-number__item--time .recruit-top-work-number__item-data-wrap .recruit-top-work-number__item-number span {
  font-size: 1.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--time .recruit-top-work-number__item-data-wrap .recruit-top-work-number__item-number span {
    font-size: 2.25rem;
  }
}

.recruit-top-work-number__item--time .recruit-top-work-number__item-data-wrap .recruit-top-work-number__item-number .recruit-top-work-number__item-number--min {
  font-size: 1.96875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--time .recruit-top-work-number__item-data-wrap .recruit-top-work-number__item-number .recruit-top-work-number__item-number--min {
    font-size: 2.625rem;
  }
}

.recruit-top-work-number__item--skill .recruit-top-work-number__item-text {
  color: #007C93;
  font-size: 0.625rem;
  letter-spacing: 0.06em;
  line-height: 1.7;
  margin-top: 0.3125rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--skill .recruit-top-work-number__item-text {
    font-size: 0.875rem;
    letter-spacing: 0.02em;
  }
}

.recruit-top-work-number__item--job .recruit-top-work-number__item-supplement {
  margin-top: 0.3125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--job .recruit-top-work-number__item-supplement {
    margin-top: 0.625rem;
  }
}

.recruit-top-work-number__item--overtime .recruit-top-work-number__item-supplement {
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--overtime .recruit-top-work-number__item-supplement {
    margin-top: 0;
  }
}

.recruit-top-work-number__item--years .recruit-top-work-number__item-supplement {
  margin-top: 0.375rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--years .recruit-top-work-number__item-supplement {
    margin-top: 1rem;
  }
}

.recruit-top-work-number__item--age .recruit-top-work-number__item-supplement {
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--age .recruit-top-work-number__item-supplement {
    margin-top: 1rem;
  }
}

.recruit-top-work-number__item--vacation .recruit-top-work-number__item-supplement {
  margin-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--vacation .recruit-top-work-number__item-supplement {
    margin-top: 0.25rem;
  }
}

.recruit-top-work-number__item--pc .recruit-top-work-number__item-supplement {
  margin-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--pc .recruit-top-work-number__item-supplement {
    margin-top: 0.5rem;
  }
}

.recruit-top-work-number__item--skill .recruit-top-work-number__item-supplement {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--skill .recruit-top-work-number__item-supplement {
    margin-top: 1.25rem;
  }
}

.recruit-top-work-number__item--time .recruit-top-work-number__item-supplement {
  margin-top: 0.375rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--time .recruit-top-work-number__item-supplement {
    margin-top: 1.125rem;
  }
}

.recruit-top-work-number__item--overtime .recruit-top-work-number__item-image,
.recruit-top-work-number__item--inexperienced .recruit-top-work-number__item-image {
  margin-inline: auto;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--overtime .recruit-top-work-number__item-image,
  .recruit-top-work-number__item--inexperienced .recruit-top-work-number__item-image {
    margin-inline: 0;
    margin-top: 0.75rem;
  }
}

.recruit-top-work-number__item--member .recruit-top-work-number__item-image img {
  width: 4.25rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--member .recruit-top-work-number__item-image img {
    width: 7.1875rem;
  }
}

@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--years .recruit-top-work-number__item-image {
    margin-top: 0.9375rem;
  }
}

.recruit-top-work-number__item--job .recruit-top-work-number__item-image img {
  width: 4rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--job .recruit-top-work-number__item-image img {
    width: 7.125rem;
  }
}

.recruit-top-work-number__item--overtime .recruit-top-work-number__item-image img {
  width: 3.6875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--overtime .recruit-top-work-number__item-image img {
    width: 6.1875rem;
  }
}

.recruit-top-work-number__item--inexperienced .recruit-top-work-number__item-image img {
  width: 2.6875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--inexperienced .recruit-top-work-number__item-image img {
    width: 4.875rem;
  }
}

.recruit-top-work-number__item--years .recruit-top-work-number__item-image img {
  width: 3.65625rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--years .recruit-top-work-number__item-image img {
    width: 6.15625rem;
  }
}

.recruit-top-work-number__item--age .recruit-top-work-number__item-image img {
  width: 3.0625rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--age .recruit-top-work-number__item-image img {
    width: 6.25rem;
  }
}

.recruit-top-work-number__item--vacation .recruit-top-work-number__item-image img {
  width: 2.9375rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--vacation .recruit-top-work-number__item-image img {
    width: 5.625rem;
  }
}

.recruit-top-work-number__item--pc .recruit-top-work-number__item-image img {
  width: 3.8125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--pc .recruit-top-work-number__item-image img {
    width: 6.5625rem;
  }
}

.recruit-top-work-number__item--skill .recruit-top-work-number__item-image img {
  width: 4.3125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--skill .recruit-top-work-number__item-image img {
    width: 7.25rem;
  }
}

.recruit-top-work-number__item--time .recruit-top-work-number__item-image img {
  width: 4.0625rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--time .recruit-top-work-number__item-image img {
    width: 7.25rem;
  }
}

@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--job .recruit-top-work-number__item-content {
    gap: 0.3125rem;
    margin-left: 3.125rem;
    margin-top: 2.5rem;
  }
}

@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--member .recruit-top-work-number__item-content {
    gap: 0.9375rem;
    margin-top: 5.625rem;
  }
}

.recruit-top-work-number__item--years .recruit-top-work-number__item-content {
  flex-direction: column;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--years .recruit-top-work-number__item-content {
    flex-direction: row;
  }
}

.recruit-top-work-number__item--age .recruit-top-work-number__item-content,
.recruit-top-work-number__item--vacation .recruit-top-work-number__item-content,
.recruit-top-work-number__item--pc .recruit-top-work-number__item-content {
  flex-direction: column;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--age .recruit-top-work-number__item-content,
  .recruit-top-work-number__item--vacation .recruit-top-work-number__item-content,
  .recruit-top-work-number__item--pc .recruit-top-work-number__item-content {
    align-items: center;
    flex-direction: row;
    margin-top: 1.875rem;
  }
}

.recruit-top-work-number__item--skill .recruit-top-work-number__item-content {
  flex-direction: column;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--skill .recruit-top-work-number__item-content {
    flex-direction: row;
  }
}

.recruit-top-work-number__item--skill .recruit-top-work-number__item-content {
  gap: 0;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--skill .recruit-top-work-number__item-content {
    gap: 2.5rem;
    margin-top: 1.5625rem;
  }
}

.recruit-top-work-number__item--time .recruit-top-work-number__item-content-wrap {
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-top-work-number__item--time .recruit-top-work-number__item-content-wrap {
    flex-direction: row;
    gap: 0;
    margin-top: 2.8125rem;
  }
}

.recruit-top-work-number__item--time .recruit-top-work-number__item-content {
  flex-direction: row;
  gap: 1.25rem;
  margin-top: 0;
}

.recruit-top-work__join-link-wrap {
  align-items: center;
  background-image: url("../images/recruit/recruit-join-bg-sp.png");
  background-size: contain;
  border-radius: 16px;
  display: flex;
  height: 22.8125rem;
  justify-content: center;
  margin-inline: auto;
  margin-top: 5.9375rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__join-link-wrap {
    background-image: url("../images/recruit/recruit-join-bg.png");
    margin-top: 7.1875rem;
    width: 81.875rem;
  }
}

.recruit-top-work__join-link {
  text-align: center;
  width: 36.5rem;
}

.recruit-top-work__join-link-title {
  color: #007C93;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__join-link-title {
    font-size: 1rem;
  }
}

.recruit-top-work__join-link-copy {
  color: #007C93;
  font-size: 2.0625rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .recruit-top-work__join-link-copy {
    font-size: 4rem;
  }
}

.recruit-top-work__join-link .recruit-top__btn-wrap {
  margin-inline: auto;
  margin-top: 1.25rem;
  width: 18.875rem;
}

.recruit-top-work__join-link .recruit-top__btn-wrap .page-sec__btn {
  height: 4.6875rem;
  padding: 1.5rem 4.375rem 1.5rem 2rem;
}

.recruit-top-work__join-link .recruit-top__btn-wrap .page-sec__btn:before {
  top: 1.25rem;
}

.recruit-top .others-service {
  background-color: #F3F4F5;
}

.recruit-top .others-service__container {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 801px) {
  .recruit-top .others-service__container {
    flex-direction: row;
  }
}

.recruit-top .others-service__left {
  display: contents;
}
@media screen and (min-width: 801px) {
  .recruit-top .others-service__left {
    display: block;
  }
}

.recruit-top .others-service__left h2 {
  font-size: 1.5rem;
  order: 1;
}
@media screen and (min-width: 801px) {
  .recruit-top .others-service__left h2 {
    font-size: 2rem;
  }
}

.recruit-top .others-service__item {
  background-color: #FFF;
}

.recruit-top .others-service__item-target {
  color: #808080;
}

.recruit-top .others-service__link {
  flex-direction: row-reverse;
}
@media screen and (min-width: 801px) {
  .recruit-top .others-service__link {
    flex-direction: row;
  }
}

.recruit-top .others-service__link:before {
  left: 0;
  transform: scale(-1, 1);
}
@media screen and (min-width: 801px) {
  .recruit-top .others-service__link:before {
    left: auto;
    right: 0;
    transform: scale(1);
  }
}

.recruit-top .others-service__right {
  order: 2;
}

.recruit-top .others-service__link-wrap {
  order: 3;
}

.recruit-blog__filter-wrap {
  background-color: #FFF;
  border-radius: 10px;
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-blog__filter-wrap {
    padding: 2.1875rem 3.125rem;
    width: 82rem;
  }
}

.recruit-blog__filter-wrap:not(:first-child) {
  display: none;
}
@media screen and (min-width: 801px) {
  .recruit-blog__filter-wrap:not(:first-child) {
    display: block;
    margin-top: 1.25rem;
    padding: 2.8125rem 2.8125rem 1.5625rem;
  }
}

@media screen and (min-width: 801px) {
  .recruit-blog__filter-wrap:not(:first-child) .form__select-filter-index {
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0.06em;
  }
}

@media screen and (min-width: 801px) {
  .recruit-blog__filter-wrap:not(:first-child) .cat-list__box-list {
    grid-template-columns: repeat(4, 17.75rem);
    padding: 2rem 1.25rem;
  }
}

.recruit-blog__filter-wrap .form__select-filter-list {
  padding-left: 0;
}

.recruit-blog__filter-wrap .form__select-filter-title {
  padding-left: 0;
}
@media screen and (min-width: 801px) {
  .recruit-blog__filter-wrap .form__select-filter-title {
    padding-left: 1rem;
    width: 6.5625rem;
  }
}

.recruit-interview__filter-wrap {
  background-color: #FFF;
  border-radius: 10px;
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview__filter-wrap {
    padding: 3.03125rem 3.125rem 5.5rem;
    width: 82rem;
  }
}

.recruit-interview__filter-wrap .form__select-filter {
  margin-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview__filter-wrap .form__select-filter {
    margin-top: 1rem;
  }
}

.recruit-interview__filter-wrap .form__select-filter:not(:first-child) {
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview__filter-wrap .form__select-filter:not(:first-child) {
    margin-top: 1.875rem;
  }
}

.recruit-interview__filter-wrap .form__select-filter-title {
  padding: 0;
}
@media screen and (min-width: 801px) {
  .recruit-interview__filter-wrap .form__select-filter-title {
    padding: 1rem;
  }
}

.recruit-interview__filter-wrap .form__select-filter:not(:first-child) .form__select-filter-title {
  padding: 1rem 0 0;
}
@media screen and (min-width: 801px) {
  .recruit-interview__filter-wrap .form__select-filter:not(:first-child) .form__select-filter-title {
    padding: 1rem;
  }
}

.recruit-interview__filter-wrap .form__select-filter-list {
  padding: 0.625rem 0 0;
}
@media screen and (min-width: 801px) {
  .recruit-interview__filter-wrap .form__select-filter-list {
    padding: 1rem;
  }
}

.recruit-interview__filter-wrap .form__select-filter:not(:first-child) .form__select-filter-list {
  padding: 0.625rem 0 1.375rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview__filter-wrap .form__select-filter:not(:first-child) .form__select-filter-list {
    padding: 1rem;
  }
}

.recruit-interview__head,
.recruit-blog__head {
  padding-top: 1.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview__head,
  .recruit-blog__head {
    padding-top: 7.1875rem;
  }
}

.recruit-interview__filter-wrap .form__select-filter-wrap,
.recruit-blog__filter-wrap .form__select-filter-wrap {
  padding: 0 1rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview__filter-wrap .form__select-filter-wrap,
  .recruit-blog__filter-wrap .form__select-filter-wrap {
    padding: 0;
  }
}

.recruit-interview__body,
.recruit-blog__body {
  margin-inline: auto;
  margin-top: 4rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview__body,
  .recruit-blog__body {
    margin-top: 3.75rem;
    padding-bottom: 7.5rem;
    width: 82rem;
  }
}

.recruit-interview__body .article__list,
.recruit-blog__body .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview__body .article__list,
  .recruit-blog__body .article__list {
    gap: 2.5rem;
  }
}

.recruit-interview__pagination-wrap,
.recruit-blog__pagination-wrap {
  margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-interview__pagination-wrap,
  .recruit-blog__pagination-wrap {
    margin-top: 5rem;
  }
}

.recruit-interview__pagination-wrap .page-numbers:not(.dots),
.recruit-blog__pagination-wrap .page-numbers:not(.dots) {
  background-color: #FFF;
}

.recruit-interview__pagination-wrap .page-numbers.current,
.recruit-blog__pagination-wrap .page-numbers.current {
  background-color: #56B2CB;
}

.recruit-job__head {
  padding-block: 3.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-job__head {
    padding-bottom: 5.3125rem;
    padding-top: 5rem;
  }
}

.recruit-job__link-wrap {
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-job__link-wrap {
    padding-block: 2.5rem;
    width: 82rem;
  }
}

.recruit-job__link-wrap .anchor-link__list {
  display: grid;
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-job__link-wrap .anchor-link__list {
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

.recruit-job__link-wrap .anchor-link__item {
  background-color: #FFF;
}

.recruit-job__item-wrap {
  background-color: #FFF;
  left: 50%;
  padding-bottom: 3.75rem;
  padding-top: 3.625rem;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .recruit-job__item-wrap {
    padding-bottom: 7.5rem;
    padding-top: 7.5rem;
  }
}

.recruit-job__item-wrap:nth-of-type(even) {
  background-color: #F3F4F5;
}

.recruit-job__item {
  margin-inline: auto;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-job__item {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    width: 82rem;
  }
}

.recruit-job__name {
  margin-top: 0.625rem;
}

.recruit-job__content {
  margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .recruit-job__content {
    margin-top: 0;
    width: 58.875rem;
  }
}

@media screen and (min-width: 801px) {
  .recruit-job__summary {
    display: flex;
    gap: 3rem;
  }
}

.recruit-job__title {
  font-size: 1.3125rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 0.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit-job__title {
    font-size: 1.5rem;
  }
}

.recruit-job__text {
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-job__text {
    font-size: 1rem;
  }
}

.recruit-job__image {
  border-radius: 10px;
  flex-shrink: 0;
  height: 14.3125rem;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-job__image {
    height: 19.6875rem;
    margin-top: 0;
    width: 27.9375rem;
  }
}

.recruit-job__image img {
  -o-object-fit: cover;
     object-fit: cover;
}

.recruit-job__sub-content {
  margin-top: 3.875rem;
}

.recruit-job__sub-title {
  border-left: 2px solid #56B2CB;
  font-size: 1.125rem;
  font-weight: 500;
  padding-block: 0.625rem;
  padding-left: 0.9375rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .recruit-job__sub-title {
    font-size: 1.25rem;
  }
}

.recruit-job__table {
  border: 1px solid #CCC;
  border-collapse: collapse;
  margin-top: 1.875rem;
}

.recruit-job__table tr {
  display: flex;
  flex-direction: column;
  vertical-align: top;
}
@media screen and (min-width: 801px) {
  .recruit-job__table tr {
    flex-direction: row;
  }
}

.recruit-job__table th,
.recruit-job__table td {
  border: 1px solid #CCC;
  font-size: 0.875rem;
  line-height: 1.6;
  padding: 1rem;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .recruit-job__table th,
  .recruit-job__table td {
    font-size: 1rem;
    line-height: 1.62;
    padding: 2.125rem 2rem;
  }
}

.recruit-job__table th {
  background-color: #E6E6E6;
  font-weight: 400;
}

.recruit-job__table tr:nth-of-type(odd) th {
  background-color: #DBDBDB;
}

.recruit-job__table th:nth-of-type(1) {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-job__table th:nth-of-type(1) {
    flex-shrink: 0;
    width: 15.625rem;
  }
}

.recruit-job__table td {
  background-color: #FFF;
  letter-spacing: 0.02em;
}

.recruit-job__btn-wrap {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .recruit-job__btn-wrap {
    margin-top: 2rem;
  }
}

.recruit-job__btn {
  align-items: center;
  background-color: #007C93;
  border: 1px solid #007C93;
  border-radius: 10px;
  color: #FFF;
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 1rem;
  transition: background-color 0.4s, color 0.4s;
}
@media screen and (min-width: 801px) {
  .recruit-job__btn {
    font-size: 1.125rem;
    padding: 2rem 1.5rem;
    width: 28.4375rem;
  }
}

.recruit-job__btn:hover {
  background-color: #FFF;
  color: #007C93;
}

.recruit-job__btn-arrow {
  background-color: #FFF;
  border-radius: 50%;
  height: 1.921875rem;
  position: relative;
  transition: background-color 0.4s;
  width: 1.921875rem;
}
@media screen and (min-width: 801px) {
  .recruit-job__btn-arrow {
    height: 2.5625rem;
    width: 2.5625rem;
  }
}

.recruit-job__btn-arrow:before {
  background-image: url("../images/icon/btn-arrow-big-blue.png");
  background-position: center;
  background-size: 0.75rem;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: background-image 0.4s;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit-job__btn-arrow:before {
    background-size: 1rem;
  }
}

.recruit-job__btn:hover .recruit-job__btn-arrow {
  background-color: #007C93;
}

.recruit-job__btn:hover .recruit-job__btn-arrow:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.rental__content-wrap, .rental-maker__content-wrap, .rental-etool__content-wrap {
  background-color: #F3F4F5;
  margin-inline: auto;
  margin-top: 1.875rem;
  overflow-x: hidden;
  padding-inline: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .rental__content-wrap, .rental-maker__content-wrap, .rental-etool__content-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    overflow-x: visible;
    padding-inline: 0;
    width: 82rem;
  }
}

@media screen and (min-width: 801px) {
  .rental .side-index {
    padding-top: 2.375rem;
  }
}

@media screen and (min-width: 801px) {
  .rental-maker-index {
    margin-top: 3.125rem;
  }
}

@media screen and (min-width: 801px) {
  .rental-etool-index {
    margin-top: 3.125rem;
  }
}

.rental__content, .rental-maker__content, .rental-etool__content {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .rental__content, .rental-maker__content, .rental-etool__content {
    width: 63rem;
  }
}

.rental__content {
  margin-top: 4.0625rem;
}
@media screen and (min-width: 801px) {
  .rental__content {
    margin-top: 3.75rem;
  }
}

.rental__content .article__image {
  height: 14.3125rem;
}
@media screen and (min-width: 801px) {
  .rental__content .article__image {
    height: 13.125rem;
  }
}

.rental-maker__content {
  margin-top: 4.0625rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .rental-maker__content {
    margin-top: 7.8125rem;
  }
}

.rental-etool__content {
  margin-top: 4.0625rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .rental-etool__content {
    margin-top: 7.8125rem;
  }
}

.rental-etool__heading .heading__title {
  color: #007C93;
}

.rental-maker__info-wrap {
  margin-top: 4.875rem;
}
@media screen and (min-width: 801px) {
  .rental-maker__info-wrap {
    margin-top: 7.5rem;
  }
}

.rental__info {
  background-color: #F1F7F8;
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 rgba(0, 124, 147, 0.1);
  overflow: hidden;
  position: relative;
}

.rental__info:before {
  background-image: url("../images/rental/rental-campaign-bg-sp.svg");
  background-position: right;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  left: -13.125rem;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .rental__info:before {
    background-image: url("../images/rental/rental-campaign-bg.svg");
    left: -32.5rem;
  }
}

.rental__info-link {
  display: block;
  height: 100%;
  padding: 1.5rem 0.6875rem;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .rental__info-link {
    padding: 1.5rem;
  }
}

.rental__info-content {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .rental__info-content {
    align-items: flex-start;
    display: flex;
    gap: 2rem;
  }
}

.rental__info-image {
  border-radius: 10px;
  height: 10.875rem;
  overflow: hidden;
  width: 20.0625rem;
}
@media screen and (min-width: 801px) {
  .rental__info-image {
    flex-shrink: 0;
  }
}

.rental__info-image img {
  transition: transform 0.4s;
}

.rental__info-link:hover .rental__info-image img {
  transform: scale(1.1);
}

.rental__info-text {
  margin-inline: auto;
  margin-top: 1.5625rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .rental__info-text {
    margin-inline: 0;
    margin-top: 0;
    width: auto;
  }
}

.rental__info-title-wrap {
  width: 14.375rem;
}
@media screen and (min-width: 801px) {
  .rental__info-title-wrap {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.rental__info-title {
  display: inline-block;
  position: relative;
}

.rental__info-title span {
  background-color: #56B2CB;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: #FFF;
  display: inline;
  font-size: 1.375rem;
  letter-spacing: 0.035em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .rental__info-title span {
    -webkit-box-decoration-break: slice;
            box-decoration-break: slice;
    display: block;
    font-size: 1.625rem;
    line-height: normal;
    padding: 0.3125rem 0.625rem;
  }
}

.rental__info-title p {
  color: #007C93;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 500;
  left: 0;
  position: absolute;
  text-decoration: underline;
  top: calc(50% + 3.25rem);
  transform: translateY(-50%);
}
@media screen and (min-width: 801px) {
  .rental__info-title p {
    font-size: 1.625rem;
    left: auto;
    right: -16.25rem;
    top: 50%;
    transform: translateY(-50%);
  }
}

.rental__info-explain {
  color: #007C93;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 4.0625rem;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .rental__info-explain {
    font-size: 1rem;
    line-height: normal;
    margin-top: 1.5rem;
    width: 33.375rem;
  }
}

.rental-maker .rental__info-explain {
  margin-top: 1.125rem;
}
@media screen and (min-width: 801px) {
  .rental-maker .rental__info-explain {
    margin-top: 1.5rem;
  }
}

.rental__info-link:hover .rental__info-explain {
  text-decoration: underline;
}

.rental__info-btn-wrap {
  position: absolute;
  right: 0.9375rem;
  top: 12.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .rental__info-btn-wrap {
    position: relative;
    right: auto;
    top: auto;
  }
}

.rental-maker .rental__info-btn-wrap {
  top: 13.75rem;
}
@media screen and (min-width: 801px) {
  .rental-maker .rental__info-btn-wrap {
    top: auto;
  }
}

.rental__info-btn-wrap .page-sec__btn {
  width: -moz-fit-content;
  width: fit-content;
}

.rental__info-btn-wrap .page-sec__btn:before,
.rental__info-btn-wrap .page-sec__btn:after {
  height: 2.5625rem;
  width: 2.5625rem;
}

.rental__info-btn-wrap .page-sec__btn:before {
  background-image: url(../images/icon/btn-arrow-blue.png);
  transition: background-image 0.4s;
}
@media screen and (min-width: 801px) {
  .rental__info-btn-wrap .page-sec__btn:before {
    background-image: url(../images/icon/btn-arrow-big.png);
  }
}

.rental .rental__info-btn-wrap .page-sec__btn:after {
  background-color: #FFF;
  transition: background-color 0.4s;
}
@media screen and (min-width: 801px) {
  .rental .rental__info-btn-wrap .page-sec__btn:after {
    background-color: #56B2CB;
  }
}

.rental-maker .rental__info-btn-wrap .page-sec__btn:after {
  background-color: #E6E6E6;
  transition: background-color 0.4s;
}
@media screen and (min-width: 801px) {
  .rental-maker .rental__info-btn-wrap .page-sec__btn:after {
    background-color: #56B2CB;
  }
}

.rental__info-link:hover .rental__info-btn-wrap .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
}

.rental__info-link:hover .rental__info-btn-wrap .page-sec__btn:after {
  background-color: #FFF;
}

.rental-challenges {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .rental-challenges {
    margin-top: 6.875rem;
  }
}

.rental-challenge__copy {
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .rental-challenge__copy {
    margin-top: 4.0625rem;
  }
}

.rental-etool-features {
  margin-top: 4.875rem;
}
@media screen and (min-width: 801px) {
  .rental-etool-features {
    margin-top: 7.5rem;
  }
}

.rental-features {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .rental-features {
    margin-top: 7.5rem;
  }
}

.rental-features__copy {
  margin-top: 2.875rem;
}

.rental-equipment {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .rental-equipment {
    margin-top: 8.125rem;
  }
}

.rental-supported {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .rental-supported {
    margin-top: 7.5rem;
  }
}

.rental-supported__copy {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .rental-supported__copy {
    margin-top: 4.0625rem;
  }
}

.rental-etool-features__list {
  margin-top: 2.8125rem;
}

.rental-etool-features__list .page-features__item {
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1rem 2rem;
}
@media screen and (min-width: 801px) {
  .rental-etool-features__list .page-features__item {
    flex-direction: row;
    gap: 2rem;
    padding: 2rem;
  }
}

.rental-etool-features__list .page-features__item:nth-child(even) {
  flex-direction: column;
}
@media screen and (min-width: 801px) {
  .rental-etool-features__list .page-features__item:nth-child(even) {
    flex-direction: row-reverse;
  }
}

.rental-etool-features__list .page-features__item:not(:first-child) {
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .rental-etool-features__list .page-features__item:not(:first-child) {
    margin-top: 2rem;
  }
}

.rental-etool-features__list .page-features__item-image {
  flex-shrink: 0;
}

.rental-etool-features__list .page-features__item-title {
  font-size: 1.125rem;
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .rental-etool-features__list .page-features__item-title {
    font-size: 1.5rem;
  }
}

.rental-etool .rental-process .page-process__list-wrap:before {
  height: calc(100% - 9.25rem);
}
@media screen and (min-width: 801px) {
  .rental-etool .rental-process .page-process__list-wrap:before {
    height: calc(100% - 8.4375rem);
    top: 4.6875rem;
  }
}

.rental-etool .page-process__item:last-child .page-process__title {
  color: #042731;
}

.rental-why {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .rental-why {
    margin-top: 7.1875rem;
  }
}

@media screen and (min-width: 801px) {
  .rental-why .page-why__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.rental-maker-why {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .rental-maker-why {
    margin-top: 7.1875rem;
  }
}

@media screen and (min-width: 801px) {
  .rental-maker-why .page-why__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.rental-maker-list {
  margin-top: 5.625rem;
}
@media screen and (min-width: 801px) {
  .rental-maker-list {
    margin-top: 7.8125rem;
  }
}

.rental-etool-list {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .rental-etool-list {
    margin-top: 7.1875rem;
  }
}

.rental-etool-list .page-sec__copy {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .rental-etool-list .page-sec__copy {
    margin-top: 4.0625rem;
  }
}

.rental-maker-list__table-wrap {
  height: 35.875rem;
  margin-top: 0.75rem;
  overflow-y: scroll;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .rental-maker-list__table-wrap {
    height: 34.625rem;
    margin-top: 2.625rem;
    width: 63rem;
  }
}

.rental-etool-list__table-wrap {
  height: -moz-max-content;
  height: max-content;
  margin-top: 2rem;
  overflow-y: scroll;
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .rental-etool-list__table-wrap {
    height: 57.625rem;
    margin-top: 4rem;
    overflow: hidden;
    width: 63rem;
  }
}

.rental-etool-list__table-wrap .page-sec__table thead tr th {
  font-size: 0.875rem;
  padding-block: 1.0625rem;
}
@media screen and (min-width: 801px) {
  .rental-etool-list__table-wrap .page-sec__table thead tr th {
    font-size: 1rem;
  }
}

.rental-etool-list__table-wrap .page-sec__table thead tr th:nth-child(1),
.rental-etool-list__table-wrap .page-sec__table thead tr th:nth-child(2),
.rental-etool-list__table-wrap .page-sec__table thead tr th:nth-child(3) {
  width: 17.666875rem;
}

.rental-etool-list__table-wrap .page-sec__table tbody tr td {
  font-size: 0.875rem;
  line-height: 1.67;
  padding: 0.5625rem 0.5rem;
}
@media screen and (min-width: 801px) {
  .rental-etool-list__table-wrap .page-sec__table tbody tr td {
    font-size: 1rem;
    padding: 0.5rem;
  }
}

.rental-etool-list__table-wrap .page-sec__table tbody tr td:nth-child(4) {
  text-align: center;
}

@media screen and (min-width: 801px) {
  .rental-maker-list__table-wrap .rental-maker-list__table {
    width: 61.875rem;
  }
}

.rental-maker-list__table-wrap .rental-maker-list__table thead tr th {
  padding-block: 1.375rem;
  width: 7.65625rem;
}
@media screen and (min-width: 801px) {
  .rental-maker-list__table-wrap .rental-maker-list__table thead tr th {
    padding-block: 0.625rem;
    width: 10.3125rem;
  }
}

.rental-maker-list__table-wrap .rental-maker-list__table tbody tr td {
  padding: 0.6rem 0.5rem;
}

.rental-maker-list__filter {
  margin-top: 2.875rem;
  padding-bottom: 1.25rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .rental-maker-list__filter {
    align-items: center;
    display: flex;
    gap: 0.9375rem;
    margin-top: 4rem;
  }
}

.rental-maker-list__filter-title {
  font-size: 1rem;
}
@media screen and (min-width: 801px) {
  .rental-maker-list__filter-title {
    font-size: 1.125rem;
  }
}

.rental-maker-list__filter-list .form__filter-tags {
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .rental-maker-list__filter-list .form__filter-tags {
    gap: 1rem;
  }
}

.rental-maker-list__filter-list .form__filter-tag {
  height: 3.125rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .rental-maker-list__filter-list .form__filter-tag {
    height: 3.5rem;
    width: 18.083125rem;
  }
}

.rental-maker-list__input-wrap {
  height: 3.625rem;
  margin-top: 0.625rem;
  padding: 0 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .rental-maker-list__input-wrap {
    height: 3.875rem;
    margin-top: 0;
    width: 18.083125rem;
  }
}

.rental-maker-list__input {
  width: 17.4375rem;
}
@media screen and (min-width: 801px) {
  .rental-maker-list__input {
    height: 3.5rem;
    width: 14.5625rem;
  }
}

.rental-maker-list__filter-list {
  display: none;
}
@media screen and (min-width: 801px) {
  .rental-maker-list__filter-list {
    display: block;
  }
}

.rental__menu {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .rental__menu {
    margin-top: 7.5rem;
  }
}

.rental__menu-copy {
  font-size: 1rem;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .rental__menu-copy {
    margin-top: 4.0625rem;
  }
}

.rental__menu-content {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .rental__menu-content {
    margin-top: 4rem;
  }
}

.rental__menu-content .page-sec__sub-title {
  font-size: 1.125rem;
  height: 4.5625rem;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .rental__menu-content .page-sec__sub-title {
    font-size: 1.5rem;
    height: 3rem;
    line-height: normal;
  }
}

.rental__menu-pattern {
  background-color: #FFF;
  border-radius: 16px;
  margin-top: 1.75rem;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .rental__menu-pattern {
    margin-top: 1.75rem;
    padding: 2.5rem;
  }
}

.rental__menu-pattern-title {
  color: #007C93;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .rental__menu-pattern-title {
    font-size: 1.25rem;
  }
}

.rental__menu-pattern-type-wrap {
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .rental__menu-pattern-type-wrap {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: 1.5625rem;
  }
}

.rental__menu-pattern-type {
  border: 1px solid #007C93;
  border-radius: 16px;
  margin-top: 0.9375rem;
  padding: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .rental__menu-pattern-type {
    margin-top: 0;
    padding: 1.5rem;
    width: 28.25rem;
  }
}

.rental__menu-pattern-type:first-child {
  margin-top: 0;
}

.rental__menu-pattern-item {
  background-color: #F1F7F8;
  border-radius: 10px;
  color: #007C93;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin-top: 1.375rem;
  padding: 0.5rem 1rem;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .rental__menu-pattern-item {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 2.5rem;
    padding: 1.5rem 1.75rem;
  }
}

.rental__menu-pattern-item:after {
  background-image: url("../images/icon/rental__menu-pattern-plus-blue.png");
  background-size: cover;
  bottom: -1.375rem;
  content: "";
  display: block;
  height: 1.5rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1.5rem;
}
@media screen and (min-width: 801px) {
  .rental__menu-pattern-item:after {
    bottom: -2rem;
  }
}

.rental__menu-pattern-item:first-child {
  margin-top: 0;
}

.rental__menu-pattern-item:last-child {
  background-color: #007C93;
  color: #FFF;
  padding: 0.75rem 1rem;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .rental__menu-pattern-item:last-child {
    padding: 1.5rem 1.75rem;
  }
}

.rental__menu-pattern-item:nth-last-child(2):after {
  background-image: url("../images/icon/rental__menu-pattern-arrow-blue.png");
}

.rental__menu-pattern-item:last-child:after {
  display: none;
}

.rental-process {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .rental-process {
    margin-top: 4.0625rem;
  }
}

.rental-process .page-process__list-wrap {
  margin-top: 3.4375rem;
}
@media screen and (min-width: 801px) {
  .rental-process .page-process__list-wrap {
    margin-top: 4.375rem;
  }
}

.rental-process .page-process__list-wrap:before {
  height: calc(100% - 12.8125rem);
}
@media screen and (min-width: 801px) {
  .rental-process .page-process__list-wrap:before {
    height: calc(100% - 14.6875rem);
    top: 9.6875rem;
  }
}

.rental-process .page-process__text {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .rental-process .page-process__text {
    margin-top: 0.875rem;
  }
}

.rental-process .page-process__element {
  display: flex;
  flex-direction: column;
  gap: 0.25rem 1.0625rem;
  line-height: 1.55;
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .rental-process .page-process__element {
    gap: 0.875rem 1.0625rem;
    line-height: 0.92;
  }
}

.rental-case {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .rental-case {
    margin-top: 7.8125rem;
  }
}

.rental-case__dldoc {
  margin-top: 5.3125rem;
}
@media screen and (min-width: 801px) {
  .rental-case__dldoc {
    margin-top: 7.1875rem;
  }
}

.rental-case .dldoc::before {
  background-size: 100%;
  height: 19.5625rem;
  right: -11.5625rem;
  top: 21.25rem;
  width: 22.9375rem;
}
@media screen and (min-width: 801px) {
  .rental-case .dldoc::before {
    height: 34.5rem;
    right: -19.6875rem;
    top: 9.375rem;
    width: 40.5rem;
  }
}

.rental-case .dldoc__image {
  margin-right: 3.4375rem;
  width: 9.875rem;
}
@media screen and (min-width: 801px) {
  .rental-case .dldoc__image {
    margin-right: auto;
    width: 11.375rem;
  }
}

.rental-maker-case {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .rental-maker-case {
    margin-top: 7.8125rem;
  }
}

.rental-case__article {
  margin-top: 2.8125rem;
}

.rental-maker-case__article {
  margin-top: 2.8125rem;
}

.rental-case__article .article__list, .rental-maker-case__article .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .rental-case__article .article__list, .rental-maker-case__article .article__list {
    gap: 2.625rem 2rem;
  }
}

.rental-maker-case__btn-wrap {
  margin-left: auto;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .rental-maker-case__btn-wrap {
    margin-inline: 0;
    margin-top: 3.125rem;
  }
}

.rental-maker-faq {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .rental-maker-faq {
    margin-top: 8.125rem;
  }
}

.rental-maker-faq .faq {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .rental-maker-faq .faq {
    margin-top: 3.75rem;
  }
}

.rental-maker__tour {
  background-color: #F3F4F5;
  margin-top: 5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
  .rental-maker__tour {
    margin-top: 8.75rem;
    padding-bottom: 7.5rem;
  }
}

.repair__content-wrap {
  background-color: #F3F4F5;
  margin-inline: auto;
  margin-top: 1.875rem;
  overflow-x: hidden;
  padding-inline: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .repair__content-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    overflow-x: visible;
    padding-inline: 0;
    width: 82rem;
  }
}

.repair .head-photo__copy {
  font-size: 1rem;
}

@media screen and (min-width: 801px) {
  .repair .side-index {
    padding-top: 5rem;
  }
}

.repair__content {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .repair__content {
    width: 63rem;
  }
}

.repair__content .article__image {
  height: 14.3125rem;
}
@media screen and (min-width: 801px) {
  .repair__content .article__image {
    height: 13.125rem;
  }
}

.repair-challenges {
  margin-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .repair-challenges {
    margin-top: 3.875rem;
  }
}

.repair-challenge__copy {
  font-size: 1rem;
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .repair-challenge__copy {
    margin-top: 4.0625rem;
  }
}

.repair-features {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .repair-features {
    margin-top: 7.5rem;
  }
}

.repair-features__copy {
  font-size: 1rem;
  margin-top: 2.875rem;
}

.repair-features__item--speed .page-features__item-text {
  font-size: 1rem;
}

.repair-equipment {
  margin-top: 5.625rem;
}
@media screen and (min-width: 801px) {
  .repair-equipment {
    margin-top: 8.125rem;
  }
}

.repair-supported {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .repair-supported {
    margin-top: 7.5rem;
  }
}

.repair-supported__copy {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .repair-supported__copy {
    margin-top: 4.0625rem;
  }
}

.repair-supported .page-supported__others .page-supported__item {
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  display: block;
  font-size: 0.875rem;
  letter-spacing: 0.008em;
  padding: 0.5625rem 1rem;
}
@media screen and (min-width: 801px) {
  .repair-supported .page-supported__others .page-supported__item {
    font-size: 1rem;
    padding: 0.5rem 1rem;
  }
}

@media screen and (min-width: 801px) {
  .repair-process .page-process__list-wrap:before {
    height: calc(100% - 8.4375rem);
    top: 4.6875rem;
  }
}

.repair-process .page-process__item:last-child .page-process__title {
  color: #042731;
}

.repair-why {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .repair-why {
    margin-top: 7.1875rem;
  }
}

@media screen and (min-width: 801px) {
  .repair-why .page-why__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.repair-process {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .repair-process {
    margin-top: 7.625rem;
  }
}

.repair-process .page-process__list-wrap {
  margin-top: 3.4375rem;
}
@media screen and (min-width: 801px) {
  .repair-process .page-process__list-wrap {
    margin-top: 4.375rem;
  }
}

.repair-process .page-process__list-wrap:before {
  height: calc(100% - 10.125rem);
}
@media screen and (min-width: 801px) {
  .repair-process .page-process__list-wrap:before {
    height: calc(100% - 8.4375rem);
    top: 4.6875rem;
  }
}

.repair-process .page-process__text {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .repair-process .page-process__text {
    margin-top: 0.875rem;
  }
}

.repair-process .page-process__element {
  display: flex;
  flex-direction: column;
  gap: 0.25rem 1.0625rem;
  line-height: 1.55;
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .repair-process .page-process__element {
    gap: 0.875rem 1.0625rem;
    line-height: 0.92;
  }
}

.repair-case {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .repair-case {
    margin-top: 7.8125rem;
  }
}

.repair-case__article {
  margin-top: 2.8125rem;
}

.repair-case__article .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .repair-case__article .article__list {
    gap: 2.625rem 2rem;
  }
}

.repair-case__btn-wrap {
  margin-left: auto;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .repair-case__btn-wrap {
    margin-inline: 0;
    margin-top: 3.125rem;
  }
}

.repair-faq {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .repair-faq {
    margin-top: 8.125rem;
  }
}

.repair-faq .faq {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .repair-faq .faq {
    margin-top: 3.75rem;
  }
}

.repair__tour {
  background-color: #F3F4F5;
  margin-top: 5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
  .repair__tour {
    margin-top: 8.75rem;
    padding-bottom: 7.5rem;
  }
}

.repair-box {
  background-color: #063846;
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 rgba(0, 124, 147, 0.1);
  margin-top: 5rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 801px) {
  .repair-box {
    margin-top: 7.1875rem;
  }
}

.repair-box:before {
  background-image: url("../images/eosl/eosl-link-box-bg-sp.svg");
  background-position: center;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  left: -22.1875rem;
  position: absolute;
  top: 0;
  width: 69.5625rem;
}
@media screen and (min-width: 801px) {
  .repair-box:before {
    background-image: url("../images/eosl/eosl-link-box-bg.svg");
    left: 1.25rem;
    width: 43.6875rem;
  }
}

.repair-box__link {
  display: block;
  padding: 1.5rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .repair-box__link {
    padding: 3rem;
  }
}

.repair-box__content {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 801px) {
  .repair-box__content {
    align-items: flex-start;
    display: flex;
    gap: 2rem;
  }
}

.repair-box__image {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .repair-box__image {
    flex-shrink: 0;
    height: 9.3125rem;
    width: 13.9375rem;
  }
}

.repair-box__image img {
  transition: transform 0.4s;
}

.repair-box__link:hover .repair-box__image img {
  transform: scale(1.1);
}

.repair-box__text {
  margin-inline: auto;
  margin-top: 1.25rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .repair-box__text {
    margin-inline: 0;
    margin-top: 0;
    width: auto;
  }
}

.repair-box__title-wrap {
  color: #FFF;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .repair-box__title-wrap {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.repair-box__title {
  font-size: 1.125rem;
  letter-spacing: 0.035em;
  line-height: 1.7;
  width: 14.375rem;
}
@media screen and (min-width: 801px) {
  .repair-box__title {
    font-size: 2rem;
    letter-spacing: 0.027em;
    line-height: normal;
    width: auto;
  }
}

.repair-box__sub-title {
  font-size: 1rem;
  letter-spacing: 0.02em;
  margin-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .repair-box__sub-title {
    font-size: 1.125rem;
    margin-top: 0.625rem;
  }
}

.repair-box__explain {
  color: #FFF;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.68;
  margin-top: 1.5625rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .repair-box__explain {
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 1.875rem;
    width: 36.5rem;
  }
}

.repair-box__btn-wrap {
  position: absolute;
  right: 0;
  top: 14.375rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .repair-box__btn-wrap {
    position: relative;
    top: 4.875rem;
  }
}

.repair-box__btn-wrap .page-sec__btn {
  width: -moz-fit-content;
  width: fit-content;
}

.repair-box__btn-wrap .page-sec__btn:hover:before, .repair-box__btn-wrap .page-sec__btn:hover:after {
  height: 2.5625rem;
  width: 2.5625rem;
}

.repair-box__btn-wrap .page-sec__btn:before,
.repair-box__btn-wrap .page-sec__btn:after {
  height: 2.5625rem;
  width: 2.5625rem;
}

.repair-box__btn-wrap .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  transition: background-image 0.4s;
}

.repair-box__btn-wrap .page-sec__btn:after {
  background-color: #FFF;
  transition: background-color 0.4s;
}

.repair-box__link:hover .page-sec__btn:after {
  background-color: #56B2CB;
}

.repair-box__link:hover .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.sale__content-wrap {
  background-color: #F3F4F5;
  margin-inline: auto;
  margin-top: 1.875rem;
  overflow-x: hidden;
  padding-inline: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sale__content-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    overflow-x: visible;
    padding-inline: 0;
    width: 82rem;
  }
}

@media screen and (min-width: 801px) {
  .sale .side-index {
    padding-top: 5rem;
  }
}

.sale__content {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sale__content {
    width: 63rem;
  }
}

.sale__content .article__image {
  height: 14.3125rem;
}
@media screen and (min-width: 801px) {
  .sale__content .article__image {
    height: 13.125rem;
  }
}

.sale-challenges {
  margin-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .sale-challenges {
    margin-top: 3.875rem;
  }
}

.sale-challenges .sale-challenge__copy {
  margin-top: 2.875rem;
}
@media screen and (min-width: 801px) {
  .sale-challenges .sale-challenge__copy {
    margin-top: 4.0625rem;
  }
}

.sale-features {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .sale-features {
    margin-top: 7.375rem;
  }
}

.sale-features .sale-features__copy {
  margin-top: 2.875rem;
}

.sale-equipment {
  margin-top: 5.9375rem;
}
@media screen and (min-width: 801px) {
  .sale-equipment {
    margin-top: 8.4375rem;
  }
}

.sale-equipment .page-equipment__list {
  flex-wrap: wrap;
}

@media screen and (min-width: 801px) {
  .sale-equipment .page-equipment__item {
    min-width: 15rem;
    padding: 1.5rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.sale-supported {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .sale-supported {
    margin-top: 7.5rem;
  }
}

.sale-supported .sale-supported__copy {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .sale-supported .sale-supported__copy {
    margin-top: 4.0625rem;
  }
}

.sale-supported .page-supported__others .page-supported__item {
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  display: block;
  font-size: 0.875rem;
  letter-spacing: 0.008em;
  padding: 0.5625rem 1rem;
}
@media screen and (min-width: 801px) {
  .sale-supported .page-supported__others .page-supported__item {
    font-size: 1rem;
    padding: 0.5rem 1rem;
  }
}

.sale-process .page-process__item:last-child .page-process__title {
  color: #042731;
}

.sale-why {
  margin-top: 4.6875rem;
}
@media screen and (min-width: 801px) {
  .sale-why {
    margin-top: 7.1875rem;
  }
}

@media screen and (min-width: 801px) {
  .sale-why .page-why__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.sale-process {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .sale-process {
    margin-top: 7.375rem;
  }
}

.sale-process .page-process__list-wrap {
  margin-top: 3.4375rem;
}
@media screen and (min-width: 801px) {
  .sale-process .page-process__list-wrap {
    margin-top: 4.375rem;
  }
}

.sale-process .page-process__list-wrap:before {
  height: calc(100% - 15.625rem);
}
@media screen and (min-width: 801px) {
  .sale-process .page-process__list-wrap:before {
    height: calc(100% - 9.375rem);
    top: 4.6875rem;
  }
}

.sale-process .page-process__text {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .sale-process .page-process__text {
    margin-top: 0.875rem;
  }
}

.sale-process .page-process__element {
  display: flex;
  flex-direction: column;
  gap: 0.25rem 1.0625rem;
  line-height: 1.55;
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .sale-process .page-process__element {
    gap: 0.875rem 1.0625rem;
    line-height: 0.92;
  }
}

.sale-case {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .sale-case {
    margin-top: 7.1875rem;
  }
}

.sale-case__article {
  margin-top: 2.8125rem;
}

.sale-case__article .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .sale-case__article .article__list {
    gap: 2.625rem 2rem;
  }
}

.sale-case__btn-wrap {
  margin-left: auto;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .sale-case__btn-wrap {
    margin-inline: 0;
    margin-top: 3.125rem;
  }
}

.sale-faq {
  margin-top: 5rem;
}
@media screen and (min-width: 801px) {
  .sale-faq {
    margin-top: 7.8125rem;
  }
}

.sale-faq .faq {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .sale-faq .faq {
    margin-top: 3.75rem;
  }
}

.sale__tour {
  background-color: #F3F4F5;
  margin-top: 5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
  .sale__tour {
    margin-top: 8.75rem;
    padding-bottom: 7.5rem;
  }
}

.sale-menu {
  margin-top: 4.875rem;
}
@media screen and (min-width: 801px) {
  .sale-menu {
    margin-top: 7.375rem;
  }
}

.sale-menu .sale-menu__copy {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .sale-menu .sale-menu__copy {
    margin-top: 4.0625rem;
  }
}

.sale-box {
  background-color: #063846;
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 rgba(0, 124, 147, 0.1);
  margin-top: 5rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 801px) {
  .sale-box {
    margin-top: 7.1875rem;
  }
}

.sale-box:before {
  background-image: url("../images/eosl/eosl-link-box-bg-sp.svg");
  background-position: center;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  left: -25.625rem;
  position: absolute;
  top: 0;
  width: 69.5625rem;
}
@media screen and (min-width: 801px) {
  .sale-box:before {
    background-image: url("../images/eosl/eosl-link-box-bg.svg");
    left: 1.25rem;
    width: 43.6875rem;
  }
}

.sale-box__link {
  display: block;
  padding: 1.5rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .sale-box__link {
    padding: 3rem;
  }
}

.sale-box__content {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 801px) {
  .sale-box__content {
    align-items: flex-start;
    display: flex;
    gap: 2rem;
  }
}

.sale-box__image {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sale-box__image {
    flex-shrink: 0;
    height: 9.3125rem;
    width: 13.9375rem;
  }
}

.sale-box__image img {
  transition: transform 0.4s;
}

.sale-box__link:hover .sale-box__image img {
  transform: scale(1.1);
}

.sale-box__text {
  margin-inline: auto;
  margin-top: 1.25rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .sale-box__text {
    margin-inline: 0;
    margin-top: 0;
    width: auto;
  }
}

.sale-box__title-wrap {
  color: #FFF;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sale-box__title-wrap {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.sale-box__title {
  font-size: 1.5rem;
  letter-spacing: 0.035em;
  line-height: 1.7;
  width: 14.375rem;
}
@media screen and (min-width: 801px) {
  .sale-box__title {
    font-size: 2rem;
    letter-spacing: 0.027em;
    line-height: normal;
    width: auto;
  }
}

.sale-box__sub-title {
  font-size: 1rem;
  letter-spacing: 0.02em;
  margin-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .sale-box__sub-title {
    font-size: 1.125rem;
    margin-top: 0.625rem;
  }
}

.sale-box__explain {
  color: #FFF;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.68;
  margin-top: 1.5625rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sale-box__explain {
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 1.875rem;
    width: 36.5rem;
  }
}

.sale-box__btn-wrap {
  position: absolute;
  right: 0;
  top: 13.75rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .sale-box__btn-wrap {
    position: relative;
    top: 4.875rem;
  }
}

.sale-box__btn-wrap .page-sec__btn {
  width: -moz-fit-content;
  width: fit-content;
}

.sale-box__btn-wrap .page-sec__btn:hover:before, .sale-box__btn-wrap .page-sec__btn:hover:after {
  height: 2.5625rem;
  width: 2.5625rem;
}

.sale-box__btn-wrap .page-sec__btn:before,
.sale-box__btn-wrap .page-sec__btn:after {
  height: 2.5625rem;
  width: 2.5625rem;
}

.sale-box__btn-wrap .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  transition: background-image 0.4s;
}

.sale-box__btn-wrap .page-sec__btn:after {
  background-color: #FFF;
  transition: background-color 0.4s;
}

.sale-box__link:hover .page-sec__btn:after {
  background-color: #56B2CB;
}

.sale-box__link:hover .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.sale-menu__content-wrap {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .sale-menu__content-wrap {
    margin-top: 4rem;
  }
}

.sale-menu__content {
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .sale-menu__content {
    flex-direction: row;
    gap: 3rem;
    padding: 3rem;
  }
}

.sale-menu__content-image {
  flex-shrink: 0;
  margin-inline: auto;
}
@media screen and (min-width: 801px) {
  .sale-menu__content-image {
    margin-inline: 0;
  }
}

.sale-menu__content-image img {
  height: auto;
}

.sale-menu__content:nth-of-type(1) .sale-menu__content-image img {
  width: 7.5rem;
}
@media screen and (min-width: 801px) {
  .sale-menu__content:nth-of-type(1) .sale-menu__content-image img {
    width: 10rem;
  }
}

.sale-menu__content:nth-of-type(2) .sale-menu__content-image img {
  width: 8.4375rem;
}
@media screen and (min-width: 801px) {
  .sale-menu__content:nth-of-type(2) .sale-menu__content-image img {
    width: 11.25rem;
  }
}

.sale-menu__content:not(:first-child) {
  margin-top: 0.75rem;
}
@media screen and (min-width: 801px) {
  .sale-menu__content:not(:first-child) {
    margin-top: 1.5rem;
  }
}

.sale-menu__content-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .sale-menu__content-text {
    font-size: 1rem;
    line-height: normal;
  }
}

.sale-menu__content-list {
  margin-left: 0.3125rem;
}

.sale-menu__content-item {
  display: flex;
  line-height: 1.72;
}

.sale-menu__content-item:not(:first-child) {
  margin-top: 0.3125rem;
}

.sale-menu__content-item:before {
  content: "・";
  display: block;
}

.sale-menu__content-price {
  background-color: #F1F7F8;
  border-radius: 8px;
  font-weight: 500;
  margin-top: 0.75rem;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .sale-menu__content-price {
    padding: 1rem 0.75rem;
  }
}

.sale-menu__content-warning {
  font-size: 0.75rem;
  line-height: 1.7;
  margin-top: 0.8125rem;
}
@media screen and (min-width: 801px) {
  .sale-menu__content-warning {
    font-size: 0.875rem;
    margin-top: 0.9375rem;
  }
}

.search__inner {
  border-bottom: 1px solid #ccc;
}

.search__head {
  margin-inline: auto;
  padding-bottom: 0.895rem;
  padding-top: 8.25rem;
  width: 21.354375rem;
}
@media screen and (min-width: 801px) {
  .search__head {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-inline: auto;
    padding-bottom: 3.4375rem;
    padding-top: 13rem;
    width: 82rem;
  }
}

.search__head-right {
  margin-top: 4.6875rem;
}

.search__head-title {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .search__head-title {
    font-size: 2.5rem;
    margin-top: 2.8125rem;
  }
}

.search__body {
  margin-inline: auto;
  padding-bottom: 3.75rem;
  padding-top: 3.4375rem;
  width: 21.354375rem;
}
@media screen and (min-width: 801px) {
  .search__body {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-inline: auto;
    padding-bottom: 7.5rem;
    padding-top: 7.5rem;
    width: 82rem;
  }
}

.search__tab-list {
  display: flex;
  gap: 0.25rem;
  justify-content: space-between;
}
@media screen and (min-width: 801px) {
  .search__tab-list {
    gap: 0.8125rem;
    justify-content: flex-start;
  }
}

.search__tab-item {
  background-color: #007C93;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  min-width: 6.9375rem;
  padding-block: 0.6875rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .search__tab-item {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 1.125rem;
    padding: 1.25rem 2rem;
    transition: background-color 0.4s;
  }
}

.search__tab-item:hover {
  background-color: #56B2CB;
  text-decoration: underline;
}

.search__tab-item.active {
  background-color: #fff;
  color: #007C93;
}

.search__tab-content-wrap {
  background-color: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 2rem 1rem 0.9375rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .search__tab-content-wrap {
    border-top-right-radius: 20px;
    padding: 2.1875rem 2.5625rem 2.1875rem 1.5625rem;
    width: 58.875rem;
  }
}

.search__num {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .search__num {
    font-size: 1rem;
  }
}

.search__tab-content {
  display: none;
  margin-bottom: 1.5rem;
}

.search__tab-content.active {
  display: block;
}

.search__list-wrap {
  height: 49.375rem;
  margin-top: 1.375rem;
  overflow-y: scroll;
}
@media screen and (min-width: 801px) {
  .search__list-wrap {
    height: 48rem;
    margin-top: 1.375rem;
    width: 55.875rem;
  }
}

@-moz-document url-prefix() {
  .search__list-wrap {
    scrollbar-color: #7A7A7A #E8E8E8;
    scrollbar-width: thin;
  }
}
.search__list-wrap::-webkit-scrollbar {
  background-color: #E8E8E8;
  border-radius: 1000px;
  height: 0.5rem;
  width: 0.5rem;
}

.search__list-wrap::-webkit-scrollbar-thumb {
  background-color: #7A7A7A;
  border-radius: 1000px;
}

@media screen and (min-width: 801px) {
  .search__list-wrap .search__list {
    width: 54.375rem;
  }
}

.search__list li {
  border-top: 1px solid #ccc;
  margin: 2px;
}

.search__list li:last-child {
  border-bottom: 1px solid #ccc;
  margin: 2px;
}

.search__table-wrap {
  height: 50.75rem;
  margin-block: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .search__table-wrap {
    height: 50.5rem;
    margin-bottom: 0;
    margin-top: 1.875rem;
    width: 55.875rem;
  }
}

@media screen and (min-width: 801px) {
  .search__table-wrap .search__table {
    width: 54.75rem;
  }
}

.search__table thead tr th {
  width: 7.3125rem;
}
@media screen and (min-width: 801px) {
  .search__table thead tr th {
    width: 9.125rem;
  }
}

.search__table tbody tr td {
  padding: 0.625rem 0.375rem;
  word-break: break-all;
}

.search__table tbody tr td a {
  color: #007C93
}

.search__table tbody tr td a:hover {
  text-decoration: underline;
}

.search__link {
  display: block;
  padding-block: 0.875rem;
  transition: background-color 0.4s;
}
@media screen and (min-width: 801px) {
  .search__link {
    display: flex;
    gap: 1.375rem;
    padding-block: 0.75rem;
  }
}

.search__link:hover {
  background-color: #F1F7F8;
}

.search__date {
  color: #808080;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 801px) {
  .search__date {
    font-size: 0.875rem;
  }
}

.search__title {
  color: #042731;
  font-size: 0.875rem;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1.6;
  padding-top: 0.3125rem;
}
@media screen and (min-width: 801px) {
  .search__title {
    font-size: 1rem;
    padding-top: 0.125rem;
  }
}

.search__tag-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.6875rem;
  row-gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .search__tag-wrap {
    margin-top: 0.75rem;
  }
}

.search__tag {
  border: 1px solid #063846;
  border-radius: 100px;
  color: #063846;
  display: inline-block;
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-right: 0.625rem;
  padding: 0.1875rem 1.125rem;
}
@media screen and (min-width: 801px) {
  .search__tag {
    font-size: 0.75rem;
    margin-right: 0.5rem;
    padding: 0.25rem 1.1875rem;
  }
}

.search__pagination-wrap {
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .search__pagination-wrap {
    margin-top: 1.5625rem;
  }
}

.search__pagination-wrap .page-numbers {
  background-color: #FFF;
}

.search__pagination-wrap .page-numbers.prev, .search__pagination-wrap .page-numbers.next {
  background-color: #F2F2F2;
}

.search__menu {
  margin-top: 5.125rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .search__menu {
    flex-shrink: 1;
    margin-top: 0;
    width: 19.0625rem;
  }
}

.search__menu-title {
  border-bottom: 1px solid #007C93;
  color: #007C93;
  font-size: 1.3125rem;
  font-weight: 500;
  padding-bottom: 0.4375rem;
}
@media screen and (min-width: 801px) {
  .search__menu-title {
    font-size: 1.5rem;
    padding-bottom: 0.1875rem;
  }
}

.search__input-wrap {
  height: 3.625rem;
  margin-top: 1.875rem;
  padding: 0 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .search__input-wrap {
    height: 3.875rem;
  }
}

.search__input-icon {
  background-image: url("../images/icon/search.png");
  background-size: cover;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
}

.search__input {
  width: 17.4375rem;
}
@media screen and (min-width: 801px) {
  .search__input {
    height: 3.5rem;
    width: 15.1875rem;
  }
}

.search__keyword-tag-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  row-gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .search__keyword-tag-wrap {
    margin-top: 1.5625rem;
    row-gap: 0.375rem;
  }
}

.search__keyword-tag {
  border: 1px solid #007C93;
  border-radius: 100px;
  color: #007C93;
  font-size: 0.75rem;
  letter-spacing: -0.02em;
  line-height: 1.71;
  margin-right: 0.5rem;
  padding: 0.5rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .search__keyword-tag {
    font-size: 0.875rem;
    padding: 0.5rem 1.375rem;
    transition: background-color 0.4s;
  }
}

@media screen and (min-width: 801px) {
  .search__keyword-tag:hover {
    background-color: rgba(0, 124, 147, 0.15);
  }
}

.search__cat {
  margin-top: 3.75rem;
}

.search__cat-list {
  margin-top: 2.5rem;
}

.search__cat-list li {
  align-items: center;
  display: flex;
}

.search__cat-list li:not(:first-child) {
  margin-top: 1.5rem;
}

.search__input-check {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  height: 1.0625rem;
  margin-top: 0.08125rem;
  outline: none;
  position: relative;
  text-align: center;
  width: 1.0625rem;
}
@media screen and (min-width: 801px) {
  .search__input-check {
    margin-top: 0.3125rem;
  }
}

.search__input-check:before {
  background-color: #FFF;
  border: 2px solid #042731;
  border-radius: 2px;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

.search__input-check:checked:before {
  background-color: #007C93;
  background-image: url("../images/icon/input-checked.png");
  background-position: center;
  background-size: 120%;
  border: 0.125rem solid #007C93;
}

.search__input-check + label {
  cursor: pointer;
  padding-left: 0.75rem;
}
@media screen and (min-width: 801px) {
  .search__input-check + label {
    padding-left: 0.6875rem;
  }
}

.search__btn-wrap {
  margin-top: 2.625rem;
}

.search__btn {
  align-items: center;
  background-color: #fff;
  border: 1px solid #007C93;
  border-radius: 1000px;
  color: #007C93;
  display: flex;
  font-size: 0.875rem;
  gap: 0.75rem;
  justify-content: center;
  letter-spacing: 0.02em;
  line-height: 1.7;
  padding-block: 0.9375rem;
  position: relative;
  transition: background-color 0.4s, color 0.4s;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .search__btn {
    font-size: 1rem;
  }
}

.search__btn:hover {
  background-color: #007C93;
  color: #fff;
}

.search__btn:after {
  background-image: url(../images/icon/btn_check-blue.svg);
  background-size: cover;
  content: "";
  height: 1rem;
  right: 0.5625rem;
  top: 0.3125rem;
  transition: background-image 0.4s;
  width: 1rem;
}
@media screen and (min-width: 801px) {
  .search__btn:after {
    right: 2.3125rem;
    top: 1.34375rem;
  }
}

.search__btn:hover:after {
  background-image: url(../images/icon/btn_check-white.svg);
}

.security-policy__content {
  margin-inline: auto;
  margin-top: 6.5rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .security-policy__content {
    letter-spacing: 0.02em;
    line-height: 1.6;
    margin-top: 10.9375rem;
    padding-bottom: 7.5rem;
    width: 53.75rem;
  }
}

.security-policy__list {
  display: flex;
  flex-direction: column;
  gap: 4.6875rem;
  margin-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .security-policy__list {
    gap: 6.5625rem;
    margin-top: 6.5625rem;
  }
}

.security-policy__title {
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  gap: 1rem;
  padding-bottom: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .security-policy__title {
    border-bottom: 3px solid #E6E6E6;
    padding-bottom: 1.75rem;
  }
}

.security-policy__title:before {
  background: url(../images/icon/page-title.svg) no-repeat center/contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.9375rem;
  width: 1.5rem;
}

.security-policy__title h2 {
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (min-width: 801px) {
  .security-policy__title h2 {
    display: block;
    font-size: 2.125rem;
  }
}

.security-policy__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .security-policy__text {
    font-size: 1rem;
  }
}

.security-policy__text-list {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.security-policy__text-item {
  display: flex;
  padding-left: 0.125rem;
}

.security-policy__text-item-no {
  padding-right: 0.375rem;
}

.security-policy__info {
  font-size: 0.875rem;
  line-height: 1.7;
  margin-top: 2rem;
  text-align: right;
}
@media screen and (min-width: 801px) {
  .security-policy__info {
    font-size: 1rem;
    margin-top: 4.0625rem;
  }
}

.server-for-congo__content {
  margin-inline: auto;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .server-for-congo__content {
    width: 81.875rem;
  }
}

.server-for-congo-head-box {
  background-image: url("../images/server-for-congo/server-for-congo-head-box-sp.png");
  background-size: contain;
  border-radius: 16px;
  margin-top: 0.3125rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 801px) {
  .server-for-congo-head-box {
    background-image: url("../images/server-for-congo/server-for-congo-head-box.png");
    background-size: cover;
    margin-top: 6.5625rem;
  }
}

.server-for-congo-head-box__inner {
  padding: 9.0625rem 1.5rem 7.8125rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-head-box__inner {
    padding: 9.0625rem 4rem 7.8125rem;
  }
}

.server-for-congo-head-box__head {
  color: #FFF;
}

.server-for-congo-head-box__sub-title {
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 801px) {
  .server-for-congo-head-box__sub-title {
    font-size: 0.875rem;
  }
}

.server-for-congo-head-box__title {
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  line-height: 1.75;
  margin-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-head-box__title {
    font-size: 2rem;
  }
}

.server-for-congo-head-box__body {
  -webkit-backdrop-filter: blur(5rem);
          backdrop-filter: blur(5rem);
  background-color: rgba(255, 255, 255, 0.78);
  border-radius: 10px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-head-box__body {
    margin-top: 4.375rem;
    padding: 5rem;
  }
}

.server-for-congo-head-box__text {
  display: flex;
  flex-direction: column;
  gap: 1.9375rem;
  padding: 2.5rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-head-box__text {
    flex-direction: row;
    gap: 4rem;
    justify-content: space-between;
    padding: 0;
  }
}

.server-for-congo-head-box__left-text,
.server-for-congo-head-box__right-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.8;
}
@media screen and (min-width: 801px) {
  .server-for-congo-head-box__left-text,
  .server-for-congo-head-box__right-text {
    font-size: 1rem;
    line-height: 1.78;
    width: 29.9375rem;
  }
}

.server-for-congo-head-box__bg-text {
  bottom: 2.75rem;
  color: #FFF;
  font-family: "Poppins", sans-serif;
  font-size: 2.9375rem;
  font-weight: 500;
  line-height: 0.87;
  position: absolute;
  right: 1.75rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-head-box__bg-text {
    bottom: -1.5625rem;
    font-size: 7.9375rem;
    right: -0.75rem;
  }
}

.server-for-congo-head-box__bg-text span {
  font-size: 1.5rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-head-box__bg-text span {
    font-size: 4rem;
  }
}

.server-for-congo-what {
  margin-inline: auto;
  margin-top: 3rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-what {
    margin-inline: 0;
    margin-top: 7.3125rem;
    width: 100%;
  }
}

.server-for-congo-what__content-wrap {
  background-color: #FFF;
  border-radius: 16px;
  margin-top: 3.125rem;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-what__content-wrap {
    margin-top: 3.4375rem;
    padding: 4rem;
  }
}

@media screen and (min-width: 801px) {
  .server-for-congo-what__content {
    display: flex;
    gap: 4rem;
    justify-content: space-between;
  }
}

.server-for-congo-what__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .server-for-congo-what__text {
    font-size: 1rem;
    line-height: 1.67;
  }
}

.server-for-congo-what__image {
  border-radius: 8px;
  display: grid;
  height: 15.8125rem;
  margin-top: 2rem;
  place-items: center;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-what__image {
    border-radius: 10px;
    flex-shrink: 0;
    height: 26.25rem;
    margin-top: 0;
    width: 35rem;
  }
}

.server-for-congo-what__supplement {
  background-color: #F2F2F2;
  border-radius: 10px;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.75;
  margin-top: 1.875rem;
  padding: 2rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-what__supplement {
    font-size: 1rem;
    line-height: 1.7;
  }
}

.server-for-congo-contribute {
  background-color: #FFF;
  left: 50%;
  margin-top: 3.4375rem;
  padding-block: 3.75rem;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .server-for-congo-contribute {
    margin-top: 7.5rem;
    padding-block: 7.5rem;
  }
}

.server-for-congo-contribute__wrap {
  border-top: 1px solid #D6D6D6;
  margin-inline: auto;
  padding-top: 0.9375rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-contribute__wrap {
    width: 82rem;
  }
}

.server-for-congo-contribute__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  gap: 2rem;
  justify-content: space-between;
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-contribute__content {
    flex-direction: row;
    font-size: 1rem;
    gap: 4rem;
    margin-top: 3.75rem;
  }
}

.server-for-congo-contribute__text {
  letter-spacing: 0.02em;
  line-height: 1.72;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .server-for-congo-contribute__text {
    width: 39rem;
  }
}

.server-for-congo-contribute__image {
  flex-shrink: 0;
}

.server-for-congo-contribute__image img {
  height: auto;
  width: 100%;
}

.server-for-congo-partners {
  margin-inline: auto;
  margin-top: 3.625rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-partners {
    margin-inline: 0;
    margin-top: 7.25rem;
    width: 100%;
  }
}

.server-for-congo-partners__content-wrap {
  background-color: #FFF;
  border-radius: 16px;
  margin-top: 2.1875rem;
  padding: 2rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-partners__content-wrap {
    margin-top: 3.5625rem;
    padding: 4rem;
  }
}

.server-for-congo-partners__name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
@media screen and (min-width: 801px) {
  .server-for-congo-partners__name {
    font-size: 1.5rem;
  }
}

.server-for-congo-partners__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: space-between;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-partners__content {
    flex-direction: row;
    gap: 4rem;
    justify-content: space-between;
  }
}

.server-for-congo-partners__box {
  background-color: #F2F2F2;
  border-radius: 10px;
  padding: 1rem 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .server-for-congo-partners__box {
    padding: 2rem;
    width: 35rem;
  }
}

.server-for-congo-partners__info {
  font-size: 0.875rem;
  letter-spacing: 0.015em;
  line-height: 1.72;
}
@media screen and (min-width: 801px) {
  .server-for-congo-partners__info {
    font-size: 1rem;
    line-height: 1.67;
    margin-top: 0.5rem;
  }
}

.server-for-congo-partners__info-name {
  display: inline-block;
  width: 3.625rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-partners__info-name {
    width: 4.0625rem;
  }
}

.server-for-congo-partners__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .server-for-congo-partners__text {
    font-size: 1rem;
    width: 35rem;
  }
}

.server-for-congo-world {
  background-color: #063846;
  background-size: cover;
  color: #FFF;
  left: 50%;
  margin-top: 4.375rem;
  overflow: hidden;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .server-for-congo-world {
    margin-top: 7.375rem;
  }
}

.server-for-congo-world:before {
  background-image: url("../images/top/sus-bg.png");
  background-position: center;
  background-size: contain;
  content: "";
  display: block;
  left: calc(50% + 10rem);
  position: absolute;
  top: -6.25rem;
  transform: translateX(-50%);
  width: 39.1875rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-world:before {
    height: 67.125rem;
    left: calc(50% + 32.5rem);
    top: -2.8125rem;
    width: 67.125rem;
  }
}

.server-for-world__inner {
  margin-inline: auto;
  padding-block: 3.75rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .server-for-world__inner {
    padding-block: 7.5rem;
    width: 81.875rem;
  }
}

.server-for-congo-world__content {
  background-color: rgba(0, 124, 147, 0.6);
  border-radius: 16px;
  margin-inline: auto;
  padding: 2rem 1.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-world__content {
    margin-inline: 0;
    margin-right: auto;
    padding: 4rem 5rem;
    width: 62.9375rem;
  }
}

.server-for-congo-world__title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .server-for-congo-world__title {
    font-size: 1.75rem;
  }
}

.server-for-congo-world__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.78;
  margin-top: 2.125rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-world__text {
    font-size: 1rem;
    line-height: 1.78;
    margin-top: 2.375rem;
  }
}

.server-for-congo-world__btn-wrap {
  margin-top: 2.1875rem;
}

.server-for-congo-world__btn-wrap .btn--w {
  color: #007C93;
  font-size: 0.875rem;
  padding-left: 2.8125rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .server-for-congo-world__btn-wrap .btn--w {
    font-size: 1rem;
    padding-left: 2rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.server-for-congo-world__btn-wrap .btn--w:after {
  background-image: url("../images/icon/btn-arrow-blue.png");
  right: 3.25rem;
  top: 1.8125rem;
}
@media screen and (min-width: 801px) {
  .server-for-congo-world__btn-wrap .btn--w:after {
    right: 2rem;
    top: 1.34375rem;
  }
}

.single-box {
  background-color: #FFF;
  border-radius: 10px;
  font-size: 0.875rem;
  padding: 1.75rem 1.375rem;
}
@media screen and (min-width: 801px) {
  .single-box {
    font-size: 1rem;
    padding: 3rem 2.5rem;
  }
}

.single-box dt {
  font-weight: 500;
  line-height: 1.72;
}

.single-content {
  color: #042731;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.75;
}
@media screen and (min-width: 801px) {
  .single-content {
    font-size: 1rem;
    line-height: 1.8;
  }
}

.single-content--two-column {
  margin-top: 1.75rem;
}
@media screen and (min-width: 801px) {
  .single-content--two-column {
    align-items: flex-start;
    display: flex;
    gap: 1.5rem;
  }
}

.single-content__image {
  flex-shrink: 0;
}

.single-content p {
  margin-top: 1.5rem;
}

.single-content a {
  color: #007C93;
  text-decoration: underline;
}

.single-content__link {
  align-items: flex-start;
  display: flex;
  gap: 0.5rem;
  line-height: 1.78;
  margin-top: 1.5rem;
  transition: opacity 0.4s;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .single-content__link {
    align-items: center;
    letter-spacing: 0.04em;
    margin-top: 3rem;
  }
}

.single-content__link:before {
  background-image: url(../images/icon/case_cat-arrow-hover.png);
  background-size: contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 1.5rem;
  transition: background-image 0.4s;
  width: 1.5rem;
}

.single-content__link:hover {
  opacity: 0.5;
}

.single-content__link:hover:before {
  background-image: url(../images/icon/case_cat-arrow.png);
}

.single-content__talk {
  align-items: flex-start;
  color: #007C93;
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  gap: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.8;
  position: relative;
}
@media screen and (min-width: 801px) {
  .single-content__talk {
    align-items: center;
    font-size: 1.125rem;
    gap: 2.25rem;
    letter-spacing: 0.04em;
    line-height: 2;
  }
}

.single-content__talk-human {
  font-weight: 700;
}

.single-content__talk:before {
  background-color: #56B2CB;
  content: "";
  display: block;
  height: 0.125rem;
  margin-top: 0.9375rem;
  width: 3.375rem;
}
@media screen and (min-width: 801px) {
  .single-content__talk:before {
    margin-top: 0;
  }
}

.single-content ul {
  line-height: 1.95;
  margin-left: 0.25rem;
}

.single-box ul {
  line-height: 1.95;
  margin-left: 0.3125rem;
}

.single-content ul li {
  padding-left: 1.25rem;
  position: relative;
}

.single-box ul li {
  padding-left: 1.0625rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .single-box ul li {
    padding-left: 1.25rem;
  }
}

.single-content ul li:before, .single-box ul li:before {
  content: "・";
  display: block;
  left: 0;
  position: absolute;
}

.single-content h2 {
  align-items: flex-start;
  border-bottom: 2px solid #E6E6E6;
  display: flex;
  font-size: 1.125rem;
  font-weight: 500;
  gap: 0.625rem;
  letter-spacing: 0.04em;
  margin-top: 1.5rem;
  padding-bottom: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .single-content h2 {
    font-size: 2.125rem;
    gap: 0.9375rem;
    margin-top: 3rem;
    padding-bottom: 2.1875rem;
  }
}

.single-content h2:before {
  background: url("../images/icon/page-title.svg") no-repeat center/contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.9375rem;
  margin-top: 0.6875rem;
  width: 1.5rem;
}
@media screen and (min-width: 801px) {
  .single-content h2:before {
    margin-top: 1.25rem;
  }
}

.single-content h3, .single-content h4 {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2;
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .single-content h3, .single-content h4 {
    font-size: 1.625rem;
    margin-top: 3rem;
  }
}

.single-box__title {
  font-size: 1.125rem;
  font-weight: 500;
  position: relative;
}
@media screen and (min-width: 801px) {
  .single-box__title {
    font-size: 1.25rem;
  }
}

.single-box__title:after {
  background-color: #E6E6E6;
  bottom: -0.75rem;
  content: "";
  display: block;
  height: 0.0625rem;
  position: absolute;
  width: 100%;
}

.single-box__sub-title {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .single-box__sub-title {
    font-size: 1.125rem;
  }
}

.single-box__image {
  margin-top: 1.5rem;
}

.single-box__text {
  color: #666;
  letter-spacing: 0.02em;
  line-height: 1.88;
  margin: 0;
}

.single-box__text--bold {
  font-weight: 500;
}

.single-content__notes {
  border: 1px solid #CCC;
  border-radius: 10px;
  margin-top: 1.5rem;
  padding: 1.6875rem 1.375rem;
}
@media screen and (min-width: 801px) {
  .single-content__notes {
    margin-top: 3rem;
    padding: 2.5rem;
  }
}

.single-content__notes-title {
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .single-content__notes-title {
    font-size: 1rem;
  }
}

.single-content__notes-list {
  margin-top: 1.25rem;
}

.single-content__notes-item {
  display: flex;
  font-size: 0.75rem;
  gap: 1rem;
  letter-spacing: 0.02em;
  line-height: 1.88;
}
@media screen and (min-width: 801px) {
  .single-content__notes-item {
    font-size: 0.875rem;
    gap: 0.9375rem;
    line-height: 1.55;
  }
}

.single-content__notes-item:not(:first-child) {
  margin-top: 0.75rem;
}
@media screen and (min-width: 801px) {
  .single-content__notes-item:not(:first-child) {
    margin-top: 1.125rem;
  }
}

.single-content__notes-item span {
  color: #666;
}

.single-content__notes-item p {
  color: #042731;
  line-height: 1.95;
}
@media screen and (min-width: 801px) {
  .single-content__notes-item p {
    line-height: 1.75;
  }
}

.single-content__notes-item a {
  align-items: center;
  color: #007C93;
  text-decoration: underline;
  transition: opacity 0.4s;
}

.single-content__notes-item a:after {
  background-image: url("../images/icon/new-window.svg");
  content: "";
  display: inline-block;
  height: 1rem;
  margin-left: 0.3125rem;
  width: 1rem;
}

.single-content__notes-item a:hover {
  opacity: 0.5;
}

.single-author__list {
  margin-top: 4.0625rem;
}
@media screen and (min-width: 801px) {
  .single-author__list {
    margin-top: 2.1875rem;
  }
}

.single-author__list:first-child {
  margin-top: 0;
}

.single-author__item {
  display: flex;
  gap: 1rem;
  letter-spacing: 0.04em;
  margin-top: 2.1875rem;
}

.single-author__image {
  flex-shrink: 0;
  width: 5.625rem;
}
@media screen and (min-width: 801px) {
  .single-author__image {
    width: 8.375rem;
  }
}

.single-author__name {
  font-weight: 500;
  margin-top: 0.3125rem;
}

.single-author__text {
  color: #666;
  font-size: 0.75rem;
  letter-spacing: 0.03em;
  line-height: 1.95;
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .single-author__text {
    font-size: 0.875rem;
    letter-spacing: 0.02em;
    line-height: 1.85;
    margin-top: 1.125rem;
  }
}

.single-content__box {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .single-content__box {
    gap: 3rem 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 3rem;
  }
}

.single-content__box-image img {
  border-radius: 10px;
}

.single-content__box-text p {
  margin-top: 0;
}

.single-link {
  transition: opacity 0.4s;
}

.single-link:hover {
  opacity: 0.5;
}

.u-bgGray img {
  display: block;
  height: inherit;
  max-width: 100%;
  width: inherit;
}

/*-----------------------------------------------
@keyframes
------------------------------------------------*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes confetti {
  0% {
    opacity: 0;
    transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
  }
  25% {
    opacity: 1;
    transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
  }
  50% {
    transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
  }
  75% {
    transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
  }
}
@keyframes scrolldown {
  0% {
    background-position: 0 -22.625rem;
  }
  50% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 22.625rem;
  }
}
.u-wysiwygArea {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .u-wysiwygArea {
    font-size: 0.75rem;
  }
}
.u-wysiwygArea * + * {
  margin-top: 1.75em;
}

.u-wysiwygArea br + * {
  margin-top: 0;
}

.u-wysiwygArea a {
  color: blue;
  text-decoration: underline;
}

@media screen and (min-width: 48.0625rem) {
  .u-wysiwygArea a {
    transition: all 0.6s ease-in-out 0s;
  }
}
@media screen and (min-width: 48.0625rem) {
  .u-wysiwygArea a:hover {
    opacity: 0.6;
  }
}
.u-bgGray .revealLeft,
.u-bgGray .revealRight,
.u-bgGray .revealLeft02,
.u-bgGray .fade-in {
  opacity: 0;
  transition: all 1s ease-in-out;
}

.revealLeft {
  transform: translateX(-6.25rem);
}
.revealLeft.active {
  opacity: 1;
  transform: translateX(0);
}

.revealRight {
  transform: translateX(6.25rem);
}
.revealRight.active {
  opacity: 1;
  transform: translateX(0);
}

.revealLeft02 {
  transform: translateX(-3.125rem);
}
.revealLeft02.active {
  opacity: 1;
  transform: translateX(0);
}

.fade-in.active {
  opacity: 1;
}

.u-bgGray .modal {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.u-bgGray .modal__content {
  background-color: #fff;
  border-radius: 0.3125rem;
  margin: 15% auto;
  max-width: 37.5rem;
  padding: 1.25rem;
  position: relative;
  width: 80%;
}
.u-bgGray .modal__close {
  cursor: pointer;
  font-size: 1.5rem;
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
}
.u-bgGray .modal__close:hover {
  opacity: 0.8;
}

.u-wysiwygArea h1 {
  font-size: 2.8125rem;
  line-height: 1.4;
}

.u-wysiwygArea h2 {
  font-size: 1.875rem;
  line-height: 1.6;
  margin-top: 2em;
}

.u-wysiwygArea h3 {
  color: blue;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.6;
}

.u-wysiwygArea h4 {
  font-size: 1.125rem;
  line-height: 1.6;
  padding-left: 1.5625rem;
  position: relative;
}

.u-wysiwygArea h4::before {
  background: blue;
  content: "";
  height: 1.0625rem;
  left: 0;
  position: absolute;
  top: 0.1875rem;
  width: 1.0625rem;
}

.u-wysiwygArea h5,
.u-wysiwygArea h6 {
  font-size: 1rem;
  line-height: 1.6;
}

.u-wysiwygArea h1 + h2,
.u-wysiwygArea h2 + h3,
.u-wysiwygArea h3 + h4,
.u-wysiwygArea h4 + h5,
.u-wysiwygArea h5 + h6 {
  margin-top: 0.5em;
}

.u-wysiwygArea p {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .u-wysiwygArea p {
    font-size: 0.75rem;
  }
}
.u-wysiwygArea strong,
.u-wysiwygArea strong * {
  font-weight: bold;
}

.u-wysiwygArea em,
.u-wysiwygArea em * {
  font-style: italic;
}

.u-wysiwygArea ul {
  list-style-type: disc;
}

.u-wysiwygArea ol {
  list-style-type: decimal;
}

.u-wysiwygArea ul,
.u-wysiwygArea ol {
  margin-top: 1em;
  padding-left: 1.4em;
}

.u-wysiwygArea ul li,
.u-wysiwygArea ol li {
  line-height: 1.5;
  margin-top: 0.6em;
}

.u-wysiwygArea sup,
.u-wysiwygArea sub {
  font-size: 0.625rem;
  line-height: 1 !important;
}

.u-wysiwygArea hr {
  background: #00151e;
  display: block;
  height: 0.0625rem;
  width: 100%;
}

.u-wysiwygArea blockquote {
  background: blue;
  padding: 1.875rem;
}

.u-wysiwygArea table {
  background: blue;
  border-collapse: collapse;
  height: auto !important;
  margin-top: 3em;
  width: 100% !important;
}

.u-wysiwygArea table thead th,
.u-wysiwygArea table thead td {
  font-weight: bold;
  text-align: center;
}

.u-wysiwygArea table tr th,
.u-wysiwygArea table tr td {
  border: #00151e 0.0625rem solid;
  line-height: 1.5;
  padding: 0.9375rem 1.25rem;
  text-align: left;
  vertical-align: middle;
}

.u-wysiwygArea table tr th {
  font-weight: bold;
  text-align: center;
  width: 25%;
}

.u-wysiwygArea img {
  height: auto;
  margin-top: 1em;
  max-width: 100%;
  width: auto;
}

.u-wysiwygArea img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.u-wysiwygArea img.alignright {
  display: block;
  margin-left: auto;
  margin-right: 0;
}

.u-wysiwygArea .gallery {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.u-wysiwygArea .gallery-item {
  float: none;
  margin-top: 0;
  text-align: center;
}

.u-wysiwygArea .gallery-columns-2 .gallery-item {
  width: calc((100% - 2.5rem) / 2);
}

.u-wysiwygArea .gallery-columns-3 .gallery-item {
  width: calc((100% - 5rem) / 3);
}

/*-----------------------------------------------
PC/SP
------------------------------------------------*/
.u-pcDb {
  display: block !important;
}

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

.u-pcDin {
  display: inline !important;
}

.u-pcDf {
  display: flex !important;
}

.u-pcDt {
  display: table !important;
}

.u-pcDtc {
  display: table-cell !important;
}

.u-spDb,
.u-spDib,
.u-spDin,
.u-spDf,
.u-spDt,
.u-spDtc {
  display: none !important;
}

@media screen and (max-width: 50rem) {
  .u-pcDb,
  .u-pcDib,
  .u-pcDin,
  .u-pcDf,
  .u-pcDt,
  .u-pcDtc {
    display: none !important;
  }
  .u-spDb {
    display: block !important;
  }
  .u-spDib {
    display: inline-block !important;
  }
  .u-spDin {
    display: inline !important;
  }
  .u-spDf {
    display: flex !important;
  }
  .u-spDt {
    display: table !important;
  }
  .u-spDtc {
    display: table-cell !important;
  }
}
/*-----------------------------------------------
main
------------------------------------------------*/
.siteContent {
  letter-spacing: 0.1em;
  min-height: calc(100vh - 8.5rem);
  overflow: hidden;
  padding-top: 6.25rem;
}
@media screen and (min-width: 801px) {
  .siteContent {
    padding-top: 8.5rem;
  }
}

.siteContent.u-bgGray {
  background-color: #F7F7F7;
}

/*-----------------------------------------------
contact info sec
------------------------------------------------*/
.contactInfoSec__topArea {
  padding: 3.75rem 0;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__topArea {
    padding: 2.8125rem 1.5rem 2.5rem;
  }
}
.contactInfoSec__topArea::before {
  background-image: url("../images/special/bg_texture-blue.png");
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.contactInfoSec__topArea.u-bgOrange::before {
  background-image: url("../images/special/bg_texture-orange.png");
}

.contactInfoSec__title {
  color: #00151e;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.63;
  margin-bottom: 0.3125rem;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__title {
    font-size: 0.75rem;
    letter-spacing: 0.02em;
  }
}
.contactInfoSec__title.u-colorBlack {
  color: #00151e;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__title {
    font-size: 1.125rem;
  }
}
.contactInfoSec__title02 {
  color: #00151e;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.63;
  margin-bottom: 1.875rem;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__title02 {
    font-size: 0.75rem;
  }
}
.contactInfoSec__title02.u-colorBlack {
  color: #00151e;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__title02 {
    font-size: 1.375rem;
    line-height: 1.3;
    margin-bottom: 1.25rem;
  }
}
.contactInfoSec__btnLink {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  background-color: #F8D176;
  height: 6.25rem;
  justify-content: center;
  margin: 0 auto;
  width: 33.75rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease-in-out;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__btnLink {
    height: 3.25rem;
    width: 100%;
  }
}
.contactInfoSec__btnLink:before {
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
  display: block;
  height: 100%;
  left: -16.5rem;
  position: absolute;
  top: 0;
  width: 8rem;
  transform: skewX(-60deg) translateX(0);
  transition: none;
}

.contactInfoSec__btnLink:hover:before {
  transform: skewX(-60deg) translateX(79rem);
  transition: all 0.5s ease-in-out;
}

.contactInfoSec__btnText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  margin-right: 2.6rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__btnText {
    font-size: 0.75rem;
  }
}
.contactInfoSec__btnText::before {
  content: "";
  position: absolute;
  right: -1.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-image: url("../images/special/icon_greaterThan.svg");
  height: 1.375rem;
  transform: translateY(-50%);
  width: 0.75rem;
  -moz-background-size: 0.75rem 1.375rem;
  background-repeat: no-repeat;
  background-size: 0.75rem 1.375rem;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__btnText::before {
    height: 0.8125rem;
    right: -1rem;
    top: 55%;
    width: 0.4375rem;
    background-size: contain;
  }
}
@media screen and (max-width: 50rem) {
  .contactInfoSec__btnText {
    font-size: 1rem;
    margin-right: 1rem;
  }
}
.contactInfoSec__bottomArea {
  background-color: #56B2CB;
  padding: 1.1875rem 0;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__bottomArea {
    padding: 1.25rem 0.75rem;
  }
}
.contactInfoSec__contactBtns {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 46.875rem;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__contactBtns {
    flex-direction: column;
  }
}
.contactInfoSec__contactPhoneBtn {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  background-color: #fff;
  height: 6.25rem;
  justify-content: center;
  width: 21.875rem;
  transition: all 0.5s ease-in-out;
}

.contactInfoSec__contactPhoneBtn:hover {
  opacity: 0.8;
  text-decoration: none;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__contactPhoneBtn {
    height: 4.6875rem;
    width: 100%;
  }
}
.contactInfoSec__contactPhoneNum {
  color: #00151e;
  font-family: "Montserrat", sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__contactPhoneNum {
    font-size: 1.375rem;
    margin-bottom: 0.3125rem;
    text-align: center;
    width: 100%;
  }
}
.contactInfoSec__contactPhoneIcon {
  display: inline-block;
  height: auto;
  margin-right: 0.5625rem;
  max-width: 1.6875rem;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__contactPhoneIcon {
    max-width: 1rem;
  }
}
.contactInfoSec__contactSchedText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__contactSchedText {
    font-size: 0.875rem;
  }
}
.contactInfoSec__contactSchedText.u-label {
  background-color: #00151e;
  color: #fff;
  margin-right: 0.625rem;
  padding: 0 0.25rem;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__contactSchedText.u-label {
    padding: 0.125rem 0.625rem 0.25rem;
    box-sizing: border-box;
    margin-right: 0.25rem;
  }
}
.contactInfoSec__contactMailBtn {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  background-color: #fff;
  height: 6.25rem;
  justify-content: flex-start;
  width: 23.9375rem;
  transition: all 0.5s ease-in-out;
}

.contactInfoSec__contactMailBtn:hover {
  opacity: 0.8;
  text-decoration: none;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__contactMailBtn {
    height: 4.25rem;
    margin-top: 0.5rem;
    width: 100%;
  }
}
.contactInfoSec__contactMailCont {
  padding: 0 1.625rem;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__contactMailCont {
    width: 4.6875rem;
    box-sizing: border-box;
  }
  .contactInfoSec__contactMailCont img {
    width: 100%;
  }
}
.contactInfoSec__contactMailTextCont {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  background-color: #F8D176;
  height: 100%;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__contactMailTextCont {
    position: relative;
  }
}
.contactInfoSec__contactMailText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.36;
  margin-right: 1.625rem;
  position: relative;
}

.contactInfoSec__contactMailText::before {
  content: "";
  position: absolute;
  right: -1.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-image: url("../images/special/icon_greaterThan.svg");
  height: 1.375rem;
  transform: translateY(-50%);
  width: 0.75rem;
  -moz-background-size: 0.75rem 1.375rem;
  background-repeat: no-repeat;
  background-size: 0.75rem 1.375rem;
}

@media screen and (max-width: 50rem) {
  .contactInfoSec__contactMailText::before {
    height: 0.8125rem;
    right: 1.2rem;
    width: 0.4375rem;
    background-size: contain;
  }
}
@media screen and (max-width: 50rem) {
  .contactInfoSec__contactMailText {
    font-size: 1rem;
    margin-right: 0;
    position: unset;
  }
}
/*-----------------------------------------------
note list
------------------------------------------------*/
.noteList {
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  background-color: #DDE4FA;
  border-radius: 2.5rem;
  flex-shrink: 0;
  list-style: none;
  padding: 2.375rem 1.25rem;
  width: 42rem;
}

@media screen and (max-width: 50rem) {
  .noteList {
    border-radius: 1.25rem;
    max-width: 100%;
    padding: 1.25rem 0.75rem;
  }
}
.noteList.u-w100 {
  margin-top: 0.9375rem;
  width: 100%;
}

.noteList.u-mb100 {
  margin-bottom: 6.25rem;
}

.noteList.u-withArrow {
  position: relative;
}

.noteList.u-withArrow::before {
  bottom: -5.625rem;
  content: "";
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  background-image: url("../images/special/icon_3arrow-orange.svg");
  height: 5rem;
  transform: translateX(-50%);
  width: 1.6875rem;
  -moz-background-size: 1.6875rem 5rem;
  background-repeat: no-repeat;
  background-size: 1.6875rem 5rem;
}

@media screen and (max-width: 50rem) {
  .noteList.u-withArrow::before {
    bottom: -4.25rem;
    height: 4.0625rem;
    width: 1.375rem;
    background-size: 1.375rem 4.0625rem;
  }
}
.noteList__item {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.63;
  padding-left: 2.4375rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .noteList__item {
    font-size: 0.75rem;
  }
}
.noteList__item::before {
  background-image: url("../images/special/icon_water.svg");
  content: "";
  height: 1.75rem;
  left: 0;
  position: absolute;
  width: 1.5625rem;
  -moz-background-size: 1.5625rem 1.75rem;
  background-repeat: no-repeat;
  background-size: 1.5625rem 1.75rem;
}

@media screen and (max-width: 50rem) {
  .noteList__item::before {
    top: -0.3125rem;
  }
}
.noteList__item:not(:last-child) {
  margin-bottom: 1.4375rem;
}

@media screen and (max-width: 50rem) {
  .noteList__item:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}
@media screen and (max-width: 50rem) {
  .noteList__item {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
  }
}
.noteList__itemSmallText {
  color: #FF7452;
  font-size: 0.75rem;
}

/*-----------------------------------------------
Good Section
------------------------------------------------*/
.goodSec {
  overflow: hidden;
  padding: 1.25rem 0;
  position: relative;
}

.goodSec.u-overflow {
  overflow: visible;
}

@media screen and (max-width: 50rem) {
  .goodSec.u-overflow::before {
    bottom: 0;
    height: 20.375rem;
    left: -7.5rem;
    -moz-background-size: 100% auto;
    background-position: top center;
    background-size: 100% auto;
  }
}
.goodSec::before {
  background-image: url("../images/special/bg_diagonal-gray.png");
  bottom: -39.375rem;
  content: "";
  height: 85.375rem;
  left: 0;
  position: absolute;
  width: 100%;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
}

@media screen and (max-width: 50rem) {
  .goodSec::before {
    bottom: -24.375rem;
    height: 35.8375rem;
    width: 42.6875rem;
  }
}
.goodSec__linkImg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 50rem;
  transition: all 0.6s ease-in-out 0s;
}

@media screen and (min-width: 48.0625rem) {
  .goodSec__linkImg:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 50rem) {
  .goodSec__linkImg {
    max-width: 100%;
  }
}
.overlay {
  height: 100%;
  left: 0;
  margin: 0 auto 1em;
  padding: 1em;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  background: #fff;
  justify-content: center;
  vertical-align: top;
  z-index: 10;
}

.overlay svg path,
.overlay svg rect {
  fill: #56B2CB;
}

/*====================================================================
cmKvSec
====================================================================*/
.cmKvSec__topArea {
  position: relative;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__topArea {
    height: 26.25rem;
  }
}
.cmKvSec__topRight {
  position: absolute;
  right: 0;
  top: 0;
  width: 9.375rem;
}

.cmKvSec__topRight img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__topRight {
    width: 3.875rem;
  }
}
.cmKvSec__bgKv {
  max-width: 100%;
  min-width: 100%;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__bgKv {
    height: 100%;
    max-height: initial;
    max-width: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
  }
}
.cmKvSec__bigTextArea {
  color: #000;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  margin-left: 8.75rem;
  position: absolute;
  top: 4.6875rem;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__bigTextArea {
    margin-left: 2.5rem;
    top: 3.125rem;
  }
}
.cmKvSec__bigText {
  font-size: 5.625rem;
  line-height: 1.34;
}

@media screen and (min-width: 50.0625rem) {
  .cmKvSec__bigText {
    font-size: 6.589vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmKvSec__bigText {
    font-size: 2rem;
    margin-bottom: 1.4375rem;
  }
}
.cmKvSec__btn {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: #00151e;
  background-image: none !important;
  justify-content: space-between;
  padding: 0.9375rem 1.5rem;
  position: absolute;
  right: 11.875rem;
  top: 41.875rem;
  transition: all 0.5s ease-in-out;
}

.cmKvSec__btn:hover {
  opacity: 0.8;
  text-decoration: none;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__btn {
    padding: 0.875rem 1.125rem;
    position: static;
  }
}
@media screen and (min-width: 90.0625rem) {
  .cmKvSec__btn {
    bottom: 87px;
    top: auto;
  }
}
.cmKvSec__btnText {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  margin-right: 1.0625rem;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__btnText {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 50rem) {
  .cmKvSec__btnPlayIcon {
    width: 0.6875rem;
  }
}
.cmKvSec__slantArea {
  min-height: 8.5625rem;
  overflow: visible;
  position: absolute;
  top: 34.375rem;
  width: 38.75rem;
  z-index: 1;
}

.cmKvSec__slantImg {
  width: 100%;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__slantArea .cmKvSec__slantImg {
    width: 18.125rem;
  }
}
.cmKvSec__slantTextArea {
  padding: 1.875rem 0 0 8.75rem;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__slantTextArea {
    padding: 0.9375rem 0 0 0.75rem;
  }
}
.cmKvSec__slantText {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.9375rem;
  font-weight: 700;
}

@media screen and (min-width: 50.0625rem) {
  .cmKvSec__slantText {
    font-size: 2.269vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmKvSec__slantText {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 50.0625rem) {
  .cmKvSec__slantTextArea .cmKvSec__slantTextImg {
    width: 18.75rem;
  }
}
@media screen and (min-width: 90.0625rem) {
  .cmKvSec__slantArea {
    bottom: -137px;
    top: auto;
    width: 45.242vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmKvSec__slantArea .cmKvSec__slantTextImg {
    width: 12.5rem;
  }
}
@media screen and (min-width: 90rem) {
  .cmKvSec__slantArea .cmKvSec__slantTextImg {
    width: 20.023vw;
  }
}
.cmKvSec__slantSmallText {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.875rem;
}

.cmKvSec__bottomArea {
  padding: 16.25rem 0 4.375rem;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__bottomArea {
    padding: 10rem 2.5rem 2.75rem;
  }
}
.cmKvSec__bottomTextArea {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 53.75rem;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__bottomTextArea {
    flex-direction: column;
  }
}
.cmKvSec__bottomText {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 3;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__bottomText {
    font-size: 1rem;
    line-height: 2.75;
  }
}
.cmKvSec__bottomLogoCont {
  margin: 1.875rem 3.125rem 0;
  max-width: 12.8125rem;
}

@media screen and (max-width: 50rem) {
  .cmKvSec__bottomLogoCont {
    margin: 1.875rem 0 0 auto;
    max-width: 5rem;
  }
}
.cmKvSec__bottomLogo {
  height: auto;
  max-width: 100%;
}

.cmKvSec__arrowWrap {
  bottom: 3.125rem;
  height: 14.375rem;
  left: 2.6875rem;
  position: absolute;
}

.cmKvSec__arrowText {
  color: #fff;
  font-size: 0.75rem;
  text-align: end;
  writing-mode: vertical-rl;
}

.cmKvSec__arrow {
  background-color: rgba(255, 255, 255, 0.2);
  height: 10.625rem;
  margin: 1.25rem auto 0;
  overflow: hidden;
  position: relative;
  width: 0.0625rem;
}

.cmKvSec__arrow::before {
  background-color: #fff;
  content: "";
  height: 10.625rem;
  left: 0;
  margin: 1.25rem auto 0;
  position: absolute;
  top: -11.875rem;
  width: 0.0625rem;
  animation: arrow 1.5s ease 0s infinite normal;
}
@keyframes arrow {
  0% {
    transform: translate3d(-50%, 0, 0);
  }
  60% {
    transform: translate3d(-50%, 10.625rem, 0);
  }
  100% {
    transform: translate3d(-50%, 10.625rem, 0);
  }
}
/*====================================================================
cmServiceSec
====================================================================*/
.cmServiceSec {
  background-color: #F7F7F7;
  margin-bottom: 9.375rem;
}

.cmServiceSec.u-blueSec {
  margin-top: 9.875rem;
}

.cmServiceSec__mainTitle {
  font-family: "Montserrat", sans-serif;
  font-size: 17.5rem;
  line-height: 0.75;
  margin: 0 auto;
  text-align: right;
}

@media screen and (min-width: 50.0625rem) {
  .cmServiceSec__mainTitle {
    font-size: 20.498vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmServiceSec__mainTitle {
    font-size: 4.375rem;
  }
}
.cmServiceSec__kidCont {
  height: 100%;
  margin: 0 auto;
  padding-bottom: 12.5rem;
  position: relative;
  width: 100%;
}

.cmServiceSec__kidCont::before {
  background: #EDEDED;
  content: "";
  height: 100%;
  position: absolute;
  right: 8.75rem;
  width: 100vw;
}

@media screen and (max-width: 50rem) {
  .cmServiceSec__kidCont::before {
    right: 2.5rem;
  }
}
@media screen and (min-width: 50.0625rem) {
  .cmServiceSec__kidCont::before {
    right: 14.359vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmServiceSec__kidCont {
    padding-bottom: 10rem;
  }
}
.cmServiceSec__kidArea {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0 auto;
  position: relative;
}

.cmServiceSec__kidArea.u-kidArea01 {
  margin-bottom: 16.0625rem;
  justify-content: flex-end;
}

.cmServiceSec__kidArea.u-kidArea03 {
  margin-bottom: 16.0625rem;
}

.cmServiceSec__kidArea.u-kidArea04 {
  justify-content: flex-end;
}

.cmServiceSec__kidTextArea {
  max-width: 50.3125rem;
  position: absolute;
  z-index: 1;
}

@media screen and (min-width: 50.0625rem) {
  .cmServiceSec__kidTextArea {
    max-width: 58.931vw;
    width: 58.931vw;
  }
}
.cmServiceSec__kidTextArea.u-kidTextArea01 {
  bottom: -8.9375rem;
  left: 5.3125rem;
}

@media screen and (min-width: 50.0625rem) {
  .cmServiceSec__kidTextArea.u-kidTextArea01 {
    bottom: -10.469vw;
    left: 6.223vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmServiceSec__kidTextArea.u-kidTextArea01 {
    bottom: -8.75rem;
    left: -7.5rem;
    max-width: 26.875rem;
    top: auto;
    width: 26.875rem;
  }
}
.cmServiceSec__kidTextArea.u-kidTextArea02 {
  right: 8.75rem;
  top: 2.875rem;
}

@media screen and (min-width: 50.0625rem) {
  .cmServiceSec__kidTextArea.u-kidTextArea02 {
    right: 10.249vw;
    top: 3.367vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmServiceSec__kidTextArea.u-kidTextArea02 {
    left: -5.25rem;
    max-width: 26.875rem;
    top: 6.25rem;
    width: 26.875rem;
  }
}
.cmServiceSec__kidTextArea.u-kidTextArea03 {
  bottom: -11.125rem;
  right: 8.75rem;
}

@media screen and (max-width: 50rem) {
  .cmServiceSec__kidTextArea.u-kidTextArea03 {
    bottom: -6.25rem;
    left: -5.25rem;
    max-width: 26.875rem;
    width: 26.875rem;
  }
}
.cmServiceSec__kidTextArea.u-kidTextArea04 {
  left: 5.3125rem;
  top: 9.125rem;
}

@media screen and (max-width: 50rem) {
  .cmServiceSec__kidTextArea.u-kidTextArea04 {
    bottom: -8.75rem;
    left: -7.5rem;
    max-width: 26.875rem;
    top: auto;
    width: 26.875rem;
  }
}
.cmServiceSec__kidTextBg {
  width: 100%;
}

.cmServiceSec__kidText {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.7;
  position: absolute;
}

@media screen and (max-width: 50rem) {
  .cmServiceSec__kidText {
    font-size: 1rem;
  }
}
@media screen and (min-width: 50.0625rem) {
  .cmServiceSec__kidText.u-kidText01 {
    left: 22.401vw;
    top: 5.71vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmServiceSec__kidText.u-kidText01 {
    left: 9.9375rem;
    top: 1.875rem;
  }
}
.cmServiceSec__kidText.u-kidText02,
.cmServiceSec__kidText.u-kidText03 {
  left: 13.4375rem;
  top: 10.9375rem;
}

@media screen and (min-width: 50.0625rem) {
  .cmServiceSec__kidText.u-kidText02,
  .cmServiceSec__kidText.u-kidText03 {
    left: 15.739vw;
    top: 12.811vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmServiceSec__kidText.u-kidText02 {
    left: 7.3125rem;
    top: 5.3125rem;
  }
}
@media screen and (max-width: 50rem) {
  .cmServiceSec__kidText.u-kidText03 {
    left: 7.3125rem;
    top: 5.3125rem;
  }
}
.cmServiceSec__kidText.u-kidText04 {
  left: 19.125rem;
  top: 4.875rem;
}

@media screen and (min-width: 50.0625rem) {
  .cmServiceSec__kidText.u-kidText04 {
    left: 22.401vw;
    top: 5.71vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmServiceSec__kidText.u-kidText04 {
    left: 9.9375rem;
    top: 1.875rem;
  }
}
.cmServiceSec__kidImgArea {
  margin: 0;
  max-width: 42.6875rem;
}

@media screen and (min-width: 50.0625rem) {
  .cmServiceSec__kidImgArea {
    max-width: 50vw;
    width: 50vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmServiceSec__kidImgArea {
    max-width: 17.5rem;
  }
}
.cmServiceSec__kidImgArea.u-kidImgArea01,
.cmServiceSec__kidImgArea.u-kidImgArea03 {
  margin-top: -3.625rem;
}

@media screen and (max-width: 50rem) {
  .cmServiceSec__kidImgArea.u-kidImgArea01 {
    margin-top: -0.625rem;
  }
}
@media screen and (max-width: 50rem) {
  .cmServiceSec__kidImgArea.u-kidImgArea03 {
    margin-top: -1.875rem;
  }
}
.cmServiceSec__kidImg {
  height: auto;
  width: 100%;
}

/*====================================================================
cmCheckSec
====================================================================*/
.cmCheckSec {
  overflow: hidden;
  padding-top: 6.5625rem;
}

.cmCheckSec__title {
  font-family: "Montserrat", sans-serif;
  font-size: 7.4375rem;
  font-weight: 700;
  line-height: 0.75;
  position: absolute;
  right: 9.75rem;
  text-align: right;
  top: 0.9375rem;
}

@media screen and (min-width: 50.0625rem) {
  .cmCheckSec__title {
    right: 4.249vw;
    top: -5.625rem;
  }
}
@media screen and (max-width: 50rem) {
  .cmCheckSec__title {
    font-size: 3.125rem;
    right: 2.125rem;
    top: -3.5rem;
  }
}
.cmCheckSec__slantArea {
  margin: 0 auto -9.625rem 19.1875rem;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 50.0625rem) {
  .cmCheckSec__slantArea {
    height: 31.5625rem;
    max-width: 71.596vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmCheckSec__slantArea {
    margin: 0 auto -7.125rem;
    max-width: 100%;
  }
}
.cmCheckSec__slantArea::before {
  background-image: url(../images/special/mosaic_orange-01.svg);
  content: "";
  height: 8.5625rem;
  left: -7.75rem;
  position: absolute;
  top: -6.25rem;
  width: 7.75rem;
  -moz-background-size: 7.75rem 8.5625rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7.75rem 8.5625rem;
}

.cmCheckSec__slantArea::after {
  background-image: url(../images/special/mosaic_orange-02.svg);
  content: "";
  height: 8.5625rem;
  position: absolute;
  right: -5.125rem;
  top: -6.375rem;
  width: 7.75rem;
  -moz-background-size: 7.75rem 8.5625rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7.75rem 8.5625rem;
}

@media screen and (max-width: 50rem) {
  .cmCheckSec__slantArea::after {
    height: 4.25rem;
    right: -1.75rem;
    top: -4.25rem;
    width: 3.875rem;
    background-size: 3.875rem 4.25rem;
  }
}
.cmCheckSec__slantArea.u-slantAreaBlue::before {
  background-image: url(../images/special/mosaic_blue-02.svg);
}

.cmCheckSec__slantArea.u-slantAreaBlue::after {
  background-image: url(../images/special/mosaic_blue-01.svg);
}

.cmCheckSec__slantAreaBg {
  background: #EDEDED;
  height: 100%;
  left: -10rem;
  position: absolute;
  width: 100%;
  transform: skew(-30deg);
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .cmCheckSec__slantAreaBg {
    left: 50%;
    transform: skew(-30deg) translateX(-50%);
    width: 36.5625rem;
  }
}
.cmCheckSec__slantTextArea {
  letter-spacing: -0.02em;
  padding: 3.125rem 0 10rem 0;
}

@media screen and (min-width: 50.0625rem) {
  .cmCheckSec__slantTextArea {
    margin: 0 auto 0 0;
    max-width: 50.625rem;
    width: 51.977vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmCheckSec__slantTextArea {
    max-width: 100%;
    padding: 1.875rem 1.5rem 4.6875rem;
  }
}
.cmCheckSec__slantTitleBg {
  background-color: #FF7452;
  display: inline-block;
  margin-bottom: 1.25rem;
  padding: 0 1.25rem;
  transform: skew(-30deg);
}

@media screen and (max-width: 50rem) {
  .cmCheckSec__slantTitleBg {
    margin-bottom: 1.25rem;
  }
}
.cmCheckSec__slantTitleBg.u-bgBlue {
  background-color: #527EFF;
}

.cmCheckSec__slantTextTitle {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  transform: skew(30deg);
}

@media screen and (max-width: 50rem) {
  .cmCheckSec__slantTextTitle {
    font-size: 1.25rem;
  }
}
.cmCheckSec__slantText {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 3.3;
  margin: 0;
}

@media screen and (max-width: 50rem) {
  .cmCheckSec__slantText {
    font-size: 1.25rem;
    line-height: 2;
  }
}
.cmCheckSec__btnArea {
  background-color: #FF7452;
  padding: 4.6875rem 0 2.8125rem;
}

.cmCheckSec__btnArea.u-bgBlue {
  background-color: #527EFF;
}

@media screen and (max-width: 50rem) {
  .cmCheckSec__btnArea {
    padding: 3.75rem 0 2.1875rem;
  }
}
.cmCheckSec__btnBanner {
  margin: 0 auto;
  max-width: 67.875rem;
}

.cmCheckSec__btnCont {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  background-color: #56B2CB;
  justify-content: center;
  margin-left: auto;
  max-width: 52rem;
  padding: 2.5rem 2.5rem 2.5rem 0;
  position: relative;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 50rem) {
  .cmCheckSec__btnCont {
    margin: 0 auto 0 0;
    max-width: 21.875rem;
    padding: 1.25rem 2.5rem 1.25rem 0;
  }
}
.cmCheckSec__btnCont .cmCheckSec__btnLine {
  max-width: 15.1875rem;
}

@media screen and (max-width: 50rem) {
  .cmCheckSec__btnCont .cmCheckSec__btnLine {
    max-width: 4.6875rem;
  }
}
.cmCheckSec__btn {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  border: 0.0625rem solid #00151e;
  color: #fff;
  flex-shrink: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  padding: 1.875rem 0;
  width: 33.75rem;
  transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 50rem) {
  .cmCheckSec__btn {
    background: #00151e;
    font-size: 1rem;
    width: 17.5rem;
  }
  .cmCheckSec__btn:hover {
    background: transparent;
  }
}
.cmCheckSec__btn:before,
.cmCheckSec__btn:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .cmCheckSec__btn:before,
  .cmCheckSec__btn:after {
    content: none !important;
  }
}
.cmCheckSec__btn:before,
.cmCheckSec__btn:after {
  transition: 0.4s ease-in-out transform, 0.4s ease-in-out width, 0.4s ease-in-out border, 0.4s ease-in-out left;
}

.cmCheckSec__btn:before {
  border-bottom: 6.375rem solid #00151e;
  border-left: 3.125rem solid transparent;
  left: -3.125rem;
  transform: translateX(0);
}

.cmCheckSec__btn:after {
  border-right: 3.125rem solid transparent;
  border-top: 6.375rem solid #00151e;
  left: -3.125rem;
  transform: translateX(10rem);
}

.cmCheckSec__btn:hover {
  color: #fff;
}

.cmCheckSec__btn:hover:before {
  border-left-width: 0;
  left: 50%;
  width: 0;
}

.cmCheckSec__btn:hover:after {
  border-right-width: 0;
  left: 50%;
  width: 0;
  transform: translateX(0);
}

.cmCheckSec__btnText {
  margin-right: 0.25rem;
}

@media screen and (max-width: 50rem) {
  .cmCheckSec__btnText {
    margin-right: 0.5rem;
  }
}
.u-bgGray .cmCheckSec__btnPlayIcon,
.u-bgGray .cmBtnBannerSec__btnPlayIcon {
  max-width: 1.9375rem;
}

/*====================================================================
cmGoodSec
====================================================================*/
.cmGoodSec {
  overflow: hidden;
  padding-bottom: 10.625rem;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec {
    padding-bottom: 6.25rem;
  }
}
.cmGoodSec__topArea {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.cmGoodSec__topArea::before {
  background: #EDEDED;
  content: "";
  height: 100%;
  left: 29.25rem;
  position: absolute;
  top: -1.875rem;
  width: 100vw;
  z-index: -2;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__topArea::before {
    left: 5rem;
    top: -2.5rem;
  }
}
.cmGoodSec__topTextArea {
  margin: 0 auto;
  max-width: 53.75rem;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__topTextArea {
    font-size: 1.25rem;
    margin: 0 1.5rem;
    max-width: 100%;
  }
}
.cmGoodSec__logoTextCont {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 6.25rem;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__logoTextCont {
    padding: 6.25rem 0 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
.cmGoodSec__logoCont {
  max-width: 16.875rem;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__logoCont {
    margin-bottom: 2.5rem;
    align-self: center;
    max-width: 18.25rem;
    width: 18.25rem;
  }
}
.cmGoodSec__logo {
  height: auto;
  width: 100%;
}

.cmGoodSec__titleTextCont {
  z-index: 2;
}

.cmGoodSec__titleTextBg {
  display: inline-block;
  padding: 0 1.25rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__titleTextBg {
    overflow: visible;
    padding: 0.3125rem 1.25rem;
  }
}
.cmGoodSec__titleTextBg::before {
  background-color: #56B2CB;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  transform: skew(-30deg);
  transition: all 0.2s linear;
  z-index: -1;
}

.cmGoodSec__titleTextBg:not(:last-child) {
  margin-bottom: 0.625rem;
}

.cmGoodSec__titleTextBg.is-visible::before {
  width: 100%;
}

.cmGoodSec__titleTextBg.is-visible .cmGoodSec__titleText {
  opacity: 1;
}

.cmGoodSec__titleText {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0;
  opacity: 0;
  transition: all 0.2s linear;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__titleText {
    font-size: 1.25rem;
    opacity: 1;
  }
}
.cmGoodSec__description {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 3.3;
  margin-top: 2.5rem;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__description {
    font-size: 1.25rem;
    line-height: 2;
  }
}
.cmGoodSec__imgArea {
  margin: 5rem auto 0;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__imgArea {
    margin: 5rem 1.5rem 0 0.9375rem;
  }
}
.cmGoodSec__imgCont {
  margin-bottom: -1.875rem;
  max-width: 40.625rem;
  position: relative;
}

@media screen and (min-width: 50.0625rem) {
  .cmGoodSec__imgCont {
    max-width: 47.584vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmGoodSec__imgCont {
    margin-bottom: 0;
    max-width: 18.75rem;
  }
}
.cmGoodSec__img {
  height: auto;
  width: 100%;
}

.cmGoodSec__imgCaptionBg {
  padding: 0 1.5625rem;
  position: absolute;
  right: -15.625rem;
  top: 4.125rem;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  background-color: #56B2CB;
  transform: skew(-30deg);
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__imgCaptionBg {
    right: -0.625rem;
    top: 1.875rem;
  }
}
.cmGoodSec__imgCaption {
  margin: 0;
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -o-transform: skew(30deg);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  transform: skew(30deg);
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__imgCaption {
    font-size: 1.25rem;
  }
}
.cmGoodSec__videoCont {
  height: 30.25rem;
  margin: 4.375rem auto 0;
  max-width: 53.75rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__videoCont {
    height: 9.5rem;
    margin-top: 5rem;
    max-width: 16.875rem;
  }
}
.cmGoodSec__videoCont::after {
  background-image: url("../images/special/mosaic_torpicana-01.svg");
  bottom: -4.375rem;
  content: "";
  height: 12.875rem;
  left: -10.375rem;
  position: absolute;
  width: 10.375rem;
  -moz-background-size: 10.375rem 12.875rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10.375rem 12.875rem;
  z-index: 2;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__videoCont::after {
    bottom: -2.25rem;
    height: 6.625rem;
    left: -5.1875rem;
    width: 5.1875rem;
    background-size: 5.1875rem 6.625rem;
  }
}
.cmGoodSec__videoCont::before {
  background-image: url("../images/special/mosaic_torpicana-01.svg");
  content: "";
  height: 12.875rem;
  position: absolute;
  right: -10.375rem;
  top: -12.875rem;
  width: 10.375rem;
  -moz-background-size: 10.375rem 12.875rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10.375rem 12.875rem;
  z-index: 2;
}

@media screen and (max-width: 50rem) {
  .cmGoodSec__videoCont::before {
    height: 6.625rem;
    right: -5.1875rem;
    top: -6.625rem;
    width: 5.1875rem;
    background-size: 5.1875rem 6.625rem;
  }
}
.cmGoodSec__ytVideoIframe {
  height: 100%;
  width: 100%;
}

/*====================================================================
cmQuestionSec
====================================================================*/
.cmQuestionSec {
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 9.75rem;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec {
    padding-bottom: 6.25rem;
  }
}
.cmQuestionSec__topArea {
  margin-bottom: 8.25rem;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__topArea {
    margin-bottom: 14rem;
  }
}
.cmQuestionSec__topArea::before {
  background: #EDEDED;
  bottom: 8.375rem;
  content: "";
  height: 25.9375rem;
  position: absolute;
  right: 15.8125rem;
  width: 100vw;
  z-index: -1;
}

@media screen and (min-width: 50.0625rem) {
  .cmQuestionSec__topArea::before {
    height: 33.675vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmQuestionSec__topArea::before {
    bottom: -8rem;
    right: 2.5rem;
  }
}
.cmQuestionSec__mainTitle {
  font-family: "Montserrat", sans-serif;
  font-size: 7.4375rem;
  font-weight: 700;
  line-height: 0.75;
  margin-bottom: 8.125rem;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__mainTitle {
    font-size: 3.125rem;
    margin-bottom: 1.875rem;
  }
}
.cmQuestionSec__topTextArea {
  left: 0;
  position: absolute;
  top: 3.125rem;
  z-index: 2;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__topTextArea {
    left: 5rem;
    top: 9.375rem;
  }
}
.cmQuestionSec__topTextBg {
  margin: 0 0 1.25rem 1.25rem;
  padding: 0.5rem 0.9375rem;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  background-color: #56B2CB;
  transform: skew(-30deg);
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__topTextBg {
    letter-spacing: -0.01em;
    margin: 0 0 1.25rem 0;
  }
}
.cmQuestionSec__topText {
  margin: 0;
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -o-transform: skew(30deg);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  transform: skew(30deg);
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__topText {
    font-size: 1.25rem;
  }
}
.cmQuestionSec__topDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.32;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__topDescription {
    font-size: 1.25rem;
  }
}
.cmQuestionSec__imgArea {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  margin-left: auto;
  position: relative;
}

@media screen and (min-width: 50.0625rem) {
  .cmQuestionSec__imgArea {
    margin-left: 10.249vw;
  }
}
.cmQuestionSec__imgCont {
  margin: 0 0 0 auto;
  max-width: 53.75rem;
  position: relative;
}

@media screen and (min-width: 50.0625rem) {
  .cmQuestionSec__imgCont {
    max-width: 62.958vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmQuestionSec__imgCont {
    max-width: 18.75rem;
  }
}
.cmQuestionSec__imgCont::after {
  background-image: url("../images/special/mosaic_torpicana-02.svg");
  bottom: -3.5rem;
  content: "";
  height: 8.5625rem;
  left: -7.75rem;
  position: absolute;
  width: 7.75rem;
  -moz-background-size: 7.75rem 8.5625rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7.75rem 8.5625rem;
  z-index: 2;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__imgCont::after {
    bottom: -2.125rem;
    height: 4.25rem;
    left: -3.875rem;
    width: 3.875rem;
    background-size: 3.875rem 4.25rem;
  }
}
.cmQuestionSec__imgCont::before {
  background-image: url("../images/special/mosaic_torpicana-01.svg");
  content: "";
  height: 12.875rem;
  position: absolute;
  right: 0;
  top: -12.875rem;
  width: 10.375rem;
  -moz-background-size: 10.375rem 12.875rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10.375rem 12.875rem;
  z-index: 2;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__imgCont::before {
    height: 6.625rem;
    right: -2.8rem;
    top: -6.625rem;
    width: 5.1875rem;
    background-size: 5.1875rem 6.625rem;
  }
}
.cmQuestionSec__img {
  height: auto;
  width: 100%;
}

.cmQuestionSec__qList {
  list-style: none;
  padding: 0;
}

.cmQuestionSec__qItem:not(:last-child) {
  margin-bottom: 4.0625rem;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qItem:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
.cmQuestionSec__qItem.u-mb120 {
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qItem.u-mb120 {
    margin-bottom: 5rem;
  }
}
.cmQuestionSec__qItem.u-withBigImg {
  padding-top: 5rem;
  position: relative;
  z-index: 1;
}

.cmQuestionSec__qItem.u-withBigImg::before {
  background: #EDEDED;
  content: "";
  height: 25.9375rem;
  position: absolute;
  right: 15.8125rem;
  top: 0;
  width: 100vw;
  z-index: -1;
}

@media screen and (min-width: 50.0625rem) {
  .cmQuestionSec__qItem.u-withBigImg::before {
    height: 30.381vw;
    right: 18.521vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmQuestionSec__qItem.u-withBigImg::before {
    height: 11.875rem;
    right: 0.75rem;
    top: 5.3125rem;
  }
}
.cmQuestionSec__qItemInner {
  margin: 0 auto;
  max-width: 67.875rem;
}

.cmQuestionSec__qItemInner.u-fullW {
  max-width: 100%;
}

.cmQuestionSec__qLeftArea {
  position: relative;
}

.cmQuestionSec__qLeftArea.u-withBigImg {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 0 5.9375rem auto;
}

.cmQuestionSec__qLeftArea.u-fullW {
  margin: 0 auto;
  max-width: 67.875rem;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qLeftArea.u-fullW {
    margin-left: 1.92rem;
    z-index: 1;
  }
}
.cmQuestionSec__qLogoCont {
  margin: 0;
  max-width: 15.0625rem;
  position: absolute;
  top: -2.8125rem;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qLogoCont {
    left: 0.75rem;
    max-width: 5.625rem;
    top: -1.25rem;
  }
}
.cmQuestionSec__qLogoCont.u-staticP {
  position: static;
}

.cmQuestionSec__qLogo {
  height: auto;
  width: 100%;
}

.cmQuestionSec__qLogoLabel {
  background-color: #56B2CB;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.7;
  margin: 0.625rem auto 0;
  padding: 0.125rem 0;
  text-align: center;
  width: 7.5rem;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qLogoLabel {
    margin-top: 0.28125rem;
    padding: 0.125rem;
    width: 4rem;
  }
}
.cmQuestionSec__qLeftText {
  background-color: #EDEDED;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.7;
  margin-left: 6.4375rem;
  max-width: 53.125rem;
  padding: 1.875rem 0.625rem 1.875rem 8.5625rem;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qLeftText {
    font-size: 1.125rem;
    margin: 0 0.75rem 0 0;
    padding: 1.25rem 0.625rem 1.25rem 6.25rem;
  }
}
.cmQuestionSec__qLeftText.u-bgtrans {
  background-color: transparent;
}

.cmQuestionSec__qLeftText.u-noPad {
  padding: 0;
}

.cmQuestionSec__qLeftText .u-qleftTextsm {
  font-size: 1rem;
  font-weight: 500;
  word-break: break-word;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qLeftText .u-qleftTextsm {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 50rem) {
  .cmQuestionSec__qLeftText.u-noBgSp {
    background-color: transparent;
    bottom: -8.125rem;
    left: 5rem;
    position: absolute;
  }
}
.cmQuestionSec__qBigImgCont {
  margin: -13.125rem 0 5.9375rem auto;
  max-width: 46.75rem;
  position: relative;
}

@media screen and (min-width: 50.0625rem) {
  .cmQuestionSec__qBigImgCont {
    max-width: 54.758vw;
  }
}
@media screen and (max-width: 50rem) {
  .cmQuestionSec__qBigImgCont {
    margin: -8.125rem 0 8.75rem auto;
    max-width: 18.125rem;
  }
}
.cmQuestionSec__qBigImgCont::after {
  background-image: url("../images/special/mosaic_torpicana-03.svg");
  bottom: -6.4375rem;
  content: "";
  height: 6.4375rem;
  left: -5.1875rem;
  position: absolute;
  width: 5.1875rem;
  -moz-background-size: 5.1875rem 6.4375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 5.1875rem 6.4375rem;
  z-index: 2;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qBigImgCont::after {
    background-image: url("../images/special/mosaic_torpicana-02.svg");
    bottom: -4.25rem;
    height: 4.25rem;
    left: -5.125rem;
    width: 5.125rem;
    background-size: 5.125rem 4.25rem;
  }
}
.cmQuestionSec__qBigImgCont::before {
  background-image: url("../images/special/mosaic_torpicana-04.svg");
  content: "";
  height: 12.875rem;
  position: absolute;
  right: 0;
  top: -12.875rem;
  width: 10.375rem;
  -moz-background-size: 10.375rem 12.875rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10.375rem 12.875rem;
  z-index: 2;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qBigImgCont::before {
    height: 6.4375rem;
    right: -5.125rem;
    top: -6.4375rem;
    width: 5.125rem;
    background-size: 5.125rem 6.4375rem;
  }
}
.cmQuestionSec__qBigImg {
  height: auto;
  width: 100%;
}

.cmQuestionSec__qRightArea {
  margin: 4.0625rem 0 0 0;
  position: relative;
  text-align: right;
  z-index: 2;
}

.cmQuestionSec__qRightArea.u-maxW {
  margin: 0 auto;
  max-width: 67.875rem;
}

.cmQuestionSec__qPicCont {
  margin: 0 0 0 auto;
  max-width: 17.375rem;
  position: absolute;
  right: 0;
  top: -2.8125rem;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qPicCont {
    max-width: 5.625rem;
    right: 0.75rem;
    top: -1.25rem;
  }
}
.cmQuestionSec__qPic {
  height: auto;
  width: 100%;
}

.cmQuestionSec__qPicLabel {
  background-color: #56B2CB;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.7;
  margin: 0.625rem auto 0;
  padding: 0.125rem 0;
  text-align: center;
  width: 7.5rem;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qPicLabel {
    margin-top: 0.28125rem;
    padding: 0.125rem;
    width: 4rem;
  }
}
.cmQuestionSec__qRightText {
  background-color: #EDEDED;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.7;
  margin: 0 7.0625rem 0 auto;
  max-width: 51.25rem;
  padding: 1.875rem 12.8125rem 1.875rem 3.125rem;
  text-align: left;
  width: 51.25rem;
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qRightText {
    font-size: 1.125rem;
    margin: 0 0 0 0.75rem;
    padding: 1.25rem 6.25rem 1.25rem 1.875rem;
    width: auto;
  }
}
.cmQuestionSec__qRightText.u-minW {
  display: inline-block;
  padding-right: 14.375rem;
  width: auto;
}

@media screen and (max-width: 50rem) {
  .cmQuestionSec__qRightText.u-minW {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 50rem) {
  .cmQuestionSec__qRightText.u-maxWsp {
    width: 100%;
  }
}
/*====================================================================
cmBtnBannerSec
====================================================================*/
.cmBtnBannerSec__btnCont {
  padding: 1.25rem 0;
}

@media screen and (max-width: 50rem) {
  .cmBtnBannerSec__btnCont {
    padding: 1.25rem 1.5rem;
  }
}
.cmBtnBannerSec__btnCont.u-bgOrange {
  background-color: #FF7452;
}

.cmBtnBannerSec__btnCont.u-bgBlue {
  background-color: #527EFF;
}

.cmBtnBannerSec__btn {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  border: 0.0625rem solid #00151e;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  padding: 1.875rem 0;
  width: 33.75rem;
  transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 50rem) {
  .cmBtnBannerSec__btn {
    background: #00151e;
    font-size: 1rem;
    width: 100%;
  }
  .cmBtnBannerSec__btn:hover {
    background: transparent;
  }
}
.cmBtnBannerSec__btn > * {
  z-index: 2;
}

.cmBtnBannerSec__btn:before,
.cmBtnBannerSec__btn:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media screen and (max-width: 50rem) {
  .cmBtnBannerSec__btn:before,
  .cmBtnBannerSec__btn:after {
    content: none !important;
  }
}
.cmBtnBannerSec__btn:before,
.cmBtnBannerSec__btn:after {
  transition: 0.4s ease-in-out transform, 0.4s ease-in-out width, 0.4s ease-in-out border, 0.4s ease-in-out left;
}

.cmBtnBannerSec__btn:before {
  border-bottom: 6.375rem solid #00151e;
  border-left: 3.125rem solid transparent;
  left: -3.125rem;
  transform: translateX(0);
}

.cmBtnBannerSec__btn:after {
  border-right: 3.125rem solid transparent;
  border-top: 6.375rem solid #00151e;
  left: -3.125rem;
  transform: translateX(6.25rem);
}

.cmBtnBannerSec__btn:hover {
  color: #fff;
  text-decoration: none;
}

.cmBtnBannerSec__btn:hover:before {
  border-left-width: 0;
  left: 50%;
  width: 0;
}

.cmBtnBannerSec__btn:hover:after {
  border-right-width: 0;
  left: 50%;
  width: 0;
  transform: translateX(0);
}

.cmBtnBannerSec__btnText {
  margin-right: 0.625rem;
}

@media screen and (max-width: 50rem) {
  .cmBtnBannerSec__btnText {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 50rem) {
  .cmBtnBannerSec__btnPlayIcon {
    width: 1.125rem;
  }
}
/*====================================================================
cmSDGSec
====================================================================*/
.cmSDGSec {
  margin: 0 auto;
  max-width: 85.375rem;
  padding: 4.6875rem 0 3rem;
}

@media screen and (max-width: 50rem) {
  .cmSDGSec {
    padding: 2.5rem 0 6.25rem;
  }
}
.cmSDGSec__topArea {
  position: relative;
  z-index: 2;
}

.cmSDGSec__topArea::before {
  content: "";
  left: 50%;
  position: absolute;
  top: 10rem;
  -webkit-transform: skew(-30deg) translateX(-50%);
  -moz-transform: skew(-30deg) translateX(-50%);
  -ms-transform: skew(-30deg) translateX(-50%);
  -o-transform: skew(-30deg) translateX(-50%);
  background-color: #EDEDED;
  height: 100%;
  transform: skew(-30deg) translateX(-50%);
  width: 70%;
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .cmSDGSec__topArea::before {
    left: -7.5rem;
    top: 5.5rem;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    height: 18.75rem;
    transform: skew(-30deg);
    width: 100%;
  }
}
.cmSDGSec__topAreaInner {
  align-items: flex-end;
  display: flex;
  gap: 4rem;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 67.875rem;
}

@media screen and (max-width: 50rem) {
  .cmSDGSec__topAreaInner {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
}
.cmSDGSec__topLogoCont {
  background-color: #56B2CB;
  display: inline-block;
  padding: 6.0625rem 5.625rem 6.0625rem 0;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .cmSDGSec__topLogoCont {
    margin-bottom: 1.875rem;
    padding: 2.75rem 1rem 2.75rem 1.5rem;
  }
}
.cmSDGSec__topLogoCont::before {
  background: #56B2CB;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .cmSDGSec__topAreaInner .cmSDGSec__topLogo {
    width: 8.75rem;
  }
}
.cmSDGSec__topTextCont {
  letter-spacing: 0.02em;
  max-width: 35.3125rem;
  padding: 0 7.0625rem 3.75rem 0;
}

@media screen and (max-width: 50rem) {
  .cmSDGSec__topTextCont {
    max-width: 100%;
    padding: 0 1.5rem;
  }
}
.cmSDGSec__topText {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 3.3;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .cmSDGSec__topText {
    font-size: 1.25rem;
    line-height: 2;
  }
}
.cmSDGSec__topText::after {
  content: "SDGs";
  left: 73%;
  position: absolute;
  top: -4.375rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  font-family: "Montserrat", sans-serif;
  font-size: 7.4375rem;
  font-weight: 700;
  line-height: 0.75;
  text-align: right;
  transform: translateX(-50%);
  width: 90%;
}

@media screen and (max-width: 50rem) {
  .cmSDGSec__topText::after {
    font-size: 3.125rem;
    left: 60%;
    top: -10rem;
  }
}
.cmSDGSec__bottomAreaInner {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 53.75rem;
  padding-top: 4.5rem;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 50rem) {
  .cmSDGSec__bottomAreaInner {
    padding: 0 1.5rem;
    padding-top: 0.625rem;
    flex-wrap: wrap;
  }
}
.cmSDGSec__bottomLogoCont.u-logoCont01 {
  max-width: 23.625rem;
}

.cmSDGSec__bottomLogoCont.u-logoCont02,
.cmSDGSec__bottomLogoCont.u-logoCont03 {
  max-width: 13.375rem;
}

@media screen and (max-width: 50rem) {
  .cmSDGSec__bottomLogoCont.u-logoCont02,
  .cmSDGSec__bottomLogoCont.u-logoCont03 {
    max-width: 9.6875rem;
  }
}
.cmSDGSec__bottomLogo {
  height: auto;
  width: 100%;
}

/*====================================================================
cmLinkSec
====================================================================*/
.cmLinkSec {
  padding-bottom: 6.25rem;
}

.cmLinkSec__inner {
  margin: 0 auto;
}

.cmLinkSec__title {
  font-family: "Montserrat", sans-serif;
  font-size: 7.4375rem;
  font-weight: 700;
  line-height: 0.75;
  margin: 0;
}

@media screen and (max-width: 50rem) {
  .cmLinkSec__title {
    font-size: 3.125rem;
  }
}
.cmLinkSec__linkList {
  list-style: none;
  margin: 0 auto;
  max-width: 67.875rem;
  padding: 5rem 0;
  position: relative;
  z-index: 2;
}

.cmLinkSec__linkList::before {
  background-color: #EDEDED;
  content: "";
  height: 100%;
  position: absolute;
  right: 7.0625rem;
  top: 0;
  width: 100vw;
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .cmLinkSec__linkList::before {
    right: 2.5rem;
  }
}
@media screen and (max-width: 50rem) {
  .cmLinkSec__linkList {
    padding: 2.5rem 3.625rem 2.5rem 1.5rem;
  }
}
.cmLinkSec__linkItem:not(:last-child) {
  margin-bottom: 1.75rem;
}

@media screen and (max-width: 50rem) {
  .cmLinkSec__linkItem:not(:last-child) {
    margin-bottom: 1.75rem;
  }
}
.cmLinkSec__link {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  color: #527EFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  justify-content: flex-start;
  line-height: 1.75;
  transition: all 0.3s ease-in-out;
}

.cmLinkSec__link:hover {
  color: #527EFF;
  opacity: 0.8;
  text-decoration: none;
}

.cmLinkSec__linkText {
  margin-right: 0.5rem;
}

@media screen and (max-width: 50rem) {
  .cmLinkSec__linkText {
    margin: 0;
  }
}
@media screen and (max-width: 50rem) {
  .cmLinkSec__linkIcon {
    min-width: 1.375rem;
    width: 1.375rem;
  }
}
/*====================================================================
kvSec
====================================================================*/
.kvSec__topArea {
  position: relative;
}

.kvSec__textImgCont {
  max-width: 56.957vw;
}

@media screen and (max-width: 50rem) {
  .kvSec__textImgCont {
    max-width: 21.125rem;
  }
}
.kvSec__textImgCont.u-purchasePage {
  max-width: 61.222vw;
}

@media screen and (max-width: 50rem) {
  .kvSec__textImgCont.u-purchasePage {
    max-width: 21.125rem;
  }
}
.kvSec__textImg.u-textImg01 {
  padding-top: 4.319vw;
}

@media screen and (max-width: 50rem) {
  .kvSec__textImg.u-textImg01 {
    padding-top: 0;
    width: 100%;
  }
}
.kvSec__textImg.u-textImg02 {
  margin-top: 4.173vw;
  width: 54.277vw;
}

@media screen and (max-width: 50rem) {
  .kvSec__textImg.u-textImg02 {
    margin-top: 0.9rem;
    width: 20.75rem;
  }
}
.kvSec__textImg.u-purchasePage.u-textImg01 {
  padding-top: 4.319vw;
  width: 59.373vw;
}

@media screen and (max-width: 50rem) {
  .kvSec__textImg.u-purchasePage.u-textImg01 {
    padding-top: 0;
    width: 100%;
  }
}
.kvSec__textImg.u-purchasePage.u-textImg02 {
  margin-top: 4.173vw;
  width: 100%;
}

@media screen and (max-width: 50rem) {
  .kvSec__textImg.u-purchasePage.u-textImg02 {
    width: 20.75rem;
  }
}
.kvSec__bgGrayCont {
  max-width: 37.772vw;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 50rem) {
  .kvSec__bgGrayCont {
    max-width: 11.75rem;
  }
}
.kvSec__bottomArea {
  height: 20rem;
  margin-top: 10.25rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .kvSec__bottomArea {
    height: 10.875rem;
    margin-top: 3.75rem;
    z-index: 2;
  }
}
.kvSec__bottomArea::before {
  background-image: url("../images/special/bg_texture-blue.png");
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .kvSec__bottomArea::before {
    width: 200%;
  }
}
.kvSec__bottomArea.u-purchasePage::before {
  background-image: url("../images/special/bg_texture-orange.png");
}

@media screen and (max-width: 50rem) {
  .kvSec__bottomArea.u-purchasePage {
    margin-top: 1.75rem;
  }
}
.kvSec__bottomImg {
  height: auto;
  position: relative;
  width: 100%;
  z-index: -1;
}

.kvSec__bottomIllu {
  height: auto;
  max-width: 53.73%;
  position: absolute;
  right: 2.25rem;
  top: -28.551vw;
}

@media screen and (max-width: 50rem) {
  .kvSec__bottomIllu {
    max-width: 21.75rem;
    right: -4.375rem;
    top: -9.875rem;
  }
}
.kvSec__bottomIllu.u-purchasePage {
  max-width: 47.877vw;
  right: -4.392vw;
  top: -31.259vw;
}

@media screen and (max-width: 50rem) {
  .kvSec__bottomIllu.u-purchasePage {
    max-width: 21.75rem;
    right: -6.1875rem;
    top: -8.5625rem;
  }
}
/*====================================================================
meritSec
====================================================================*/
.meritSec {
  font-family: "Noto Sans JP", sans-serif;
  padding: 0 4.0625rem;
}

@media screen and (max-width: 50rem) {
  .meritSec {
    padding: 0;
  }
}
.meritSec__inner {
  background-color: #fff;
  margin: 0 auto;
  margin-top: -2.125rem;
  max-width: 53.75rem;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 50rem) {
  .meritSec__inner {
    margin-top: 0;
    padding-top: 2.125rem;
  }
}
.meritSec__title {
  color: #D0D0D0;
  font-family: "Montserrat", sans-serif;
  font-size: 2.3125rem;
  font-weight: 700;
  left: -4.0625rem;
  margin: 0;
  position: absolute;
  top: 6.25rem;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 50rem) {
  .meritSec__title {
    font-size: 1.375rem;
    left: -0.5rem;
    top: 3.75rem;
  }
}
.meritSec__whiteBg {
  background: #fff;
  height: 100%;
  position: absolute;
  width: 100%;
}

.meritSec__subTitle {
  background-color: #fff;
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
  padding-top: 2.125rem;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .meritSec__subTitle {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .meritSec__subTitle {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 0;
    padding-top: 1.5rem;
  }
}
.meritSec__graphImgCont {
  margin: 0 auto;
  max-width: 30.9375rem;
}

@media screen and (max-width: 50rem) {
  .meritSec__graphImgCont {
    background: #fff;
    max-width: 100%;
    text-align: center;
  }
  .meritSec__graphImgCont img {
    margin-left: auto;
    margin-right: auto;
    max-width: 19.6875rem;
  }
}
.meritSec__graphImg {
  height: auto;
  width: 100%;
}

.meritSec__list {
  list-style: none;
  margin-top: 5.375rem;
  padding: 0 4.375rem;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

@media screen and (max-width: 50rem) {
  .meritSec__list {
    margin-bottom: 3.125rem;
    margin-top: 0;
    flex-wrap: wrap;
    padding: 0;
    justify-content: center;
  }
}
.meritSec__item.u-skew {
  background-color: #EDEDED;
  left: -2.125rem;
  padding: 3.125rem 4.875rem 6.5625rem;
  position: absolute;
  top: -8.75rem;
  transform: skew(-25deg);
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .meritSec__item.u-skew {
    left: -6rem;
    padding: 1.25rem 6.25rem 8.9375rem;
    top: -4.375rem;
    transform: skew(-25deg);
  }
}
@media screen and (max-width: 50rem) {
  .meritSec__item {
    margin-top: 2.5rem;
    width: 20.4375rem;
  }
}
.meritSec__itemSkewInner {
  transform: skew(25deg);
}

.meritSec__itemMark {
  background-color: #00151e;
  color: #fff;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
}

@media screen and (max-width: 50rem) {
  .meritSec__itemMark {
    padding: 0.375rem 0.625rem;
  }
}
.meritSec__itemTitle {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 0.3125rem;
  padding-left: 2.25rem;
  position: relative;
}

.meritSec__itemTitle.u-ttl02::before {
  background-image: url("../images/special/icon_02.png");
}

.meritSec__itemTitle.u-ttl03::before {
  background-image: url("../images/special/icon_03.png");
}

.meritSec__itemTitle::before {
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-image: url("../images/special/icon_yen.svg");
  height: 1.6rem;
  transform: translateY(-50%);
  width: 1.6rem;
  -moz-background-size: 1.6rem 1.6rem;
  background-repeat: no-repeat;
  background-size: 1.6rem 1.6rem;
}

@media screen and (max-width: 50rem) {
  .meritSec__itemTitle::before {
    height: 1.6rem;
    padding-left: 3.2rem;
    width: 1.6rem;
    background-size: 1.6rem 1.6rem;
  }
}
@media screen and (max-width: 50rem) {
  .meritSec__itemTitle {
    font-size: 1.375rem;
    margin-top: 0.6875rem;
  }
}
.meritSec__itemText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.63;
  margin-top: 1.25rem;
}

@media screen and (max-width: 50rem) {
  .meritSec__itemText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .meritSec__itemText {
    font-size: 1rem;
    margin-top: 0.625rem;
  }
}
/*====================================================================
aboutSec
====================================================================*/
.aboutSec {
  padding: 12.5rem 4.0625rem 10rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .aboutSec {
    padding: 3.3125rem 0.75rem 9.375rem;
  }
}
.aboutSec::before {
  background-image: url("../images/special/bg_diagonal-gray.png");
  content: "";
  display: inline-block;
  height: 85.375rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 50rem) {
  .aboutSec::before {
    height: 47.875rem;
    top: -7.75rem;
  }
}
.aboutSec__inner {
  margin: 0 auto;
  max-width: 53.75rem;
  position: relative;
}

.aboutSec__title {
  color: #D0D0D0;
  font-family: "Montserrat", sans-serif;
  font-size: 2.3125rem;
  font-weight: 700;
  left: -4.0625rem;
  margin: 0;
  position: absolute;
  top: 0.9375rem;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 50rem) {
  .aboutSec__title {
    font-size: 1.375rem;
    left: -1.375rem;
    top: 0;
  }
}
.aboutSec__title02 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.475;
}

@media screen and (max-width: 50rem) {
  .aboutSec__title02 {
    font-size: 1.75rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 20.4375rem;
  }
}
.aboutSec__description {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
  margin-top: 1.25rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__description {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__description {
    font-size: 1rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-left: auto;
    margin-right: auto;
    max-width: 20.4375rem;
  }
}
.aboutSec__illuImgCont {
  margin: 2.5rem auto 0;
  max-width: 35.4375rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__illuImgCont {
    margin-top: 1.25rem;
    max-width: 100%;
  }
}
.aboutSec__illuImg {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 50rem) {
  .aboutSec__noteCont {
    position: relative;
  }
}
.aboutSec__noteTitle {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.46;
  margin-top: 6.5625rem;
  text-align: center;
}

.aboutSec__noteTitle::before {
  background-image: url("../images/special/icon_warning.svg");
  content: "";
  display: inline-block;
  height: 2.25rem;
  margin: 0 1.125rem -0.5rem 0;
  width: 2.625rem;
  -moz-background-size: 2.625rem 2.25rem;
  background-repeat: no-repeat;
  background-size: 2.625rem 2.25rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__noteTitle::before {
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    height: 1.75rem;
    margin: 0 auto;
    transform: translateX(-50%);
    width: 2rem;
    background-size: contain;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__noteTitle {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-top: 5rem;
    padding-top: 2.25rem;
    position: relative;
  }
}
.aboutSec__noteDesc {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 1rem 0 0;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .aboutSec__noteDesc {
    font-size: 0.75rem;
  }
}
.aboutSec__noteDesc.u-bottom {
  font-size: 2rem;
  letter-spacing: 0.1em;
  margin-top: 2.5rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__noteDesc.u-bottom {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-top: 1.5625rem;
    max-width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__noteDesc {
    font-size: 1rem;
    line-height: 1.6;
    margin-left: auto;
    margin-top: 1.5625rem;
    max-width: 15.625rem;
    text-align: left;
  }
}
.aboutSec__noteArea {
  margin-top: 4.0625rem;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

@media screen and (max-width: 50rem) {
  .aboutSec__noteArea {
    margin-top: 1.875rem;
  }
}
.aboutSec__noteImgCont {
  margin: 0 1.25rem;
  max-width: 10.625rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__noteImgCont {
    left: 0;
    margin: 0 auto;
    max-width: 5.3125rem;
    position: absolute;
    top: 7.1875rem;
  }
}
.aboutSec__noteImg {
  height: auto;
  width: 100%;
}

.aboutSec__importantArea {
  margin-top: 3.125rem;
  outline: 0.375rem solid #EDEDED;
  padding: 3.125rem 5rem 4.375rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantArea {
    margin-top: 1.25rem;
    outline-width: 0.25rem;
    padding: 3.4375rem 0.625rem 2.1875rem;
    box-sizing: border-box;
  }
}
.aboutSec__importantTitle {
  background-color: #EDEDED;
  font-size: 2.3125rem;
  font-weight: 700;
  left: 0;
  line-height: 1;
  padding: 0.375rem;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantTitle {
    font-size: 1.0625rem;
  }
}
.aboutSec__importantSec01 {
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantSec01 {
    margin-bottom: 5.625rem;
  }
}
.aboutSec__importantText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__importantText {
    font-size: 1rem;
    letter-spacing: 0.02em;
    line-height: 1.6;
  }
}
.aboutSec__importantText.u-textCenter {
  text-align: center;
}

.aboutSec__importantText.u-m10 {
  margin: 0.625rem 0 0;
}

.aboutSec__importantText.u-m20 {
  margin: 1.25rem 0 0;
}

.aboutSec__importantText.u-bigText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantText.u-bigText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__importantText.u-bigText {
    font-size: 1.75rem;
    margin-top: 1.25rem;
  }
}
.aboutSec__importantText .u-bgYel {
  background-color: #F8D176;
  display: inline-block;
  margin-bottom: 0.1875rem;
  margin-left: 0.1875rem;
  padding: 0.0625rem 0.1875rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantText .u-bgYel {
    margin: 0.1875rem 0;
    padding: 0.1875rem 0.5625rem;
    box-sizing: border-box;
    display: inline-block;
  }
}
.aboutSec__importantSec01Title {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.63;
  margin: 1.25rem 0 3.75rem;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantSec01Title {
    font-size: 1.125rem;
  }
}
.aboutSec__importantSec01Title .u-bgBlue {
  background-color: #527EFF;
  color: #00151e;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantSec01Title .u-bgBlue {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__importantSec01Title .u-bgBlue {
    font-size: 1.625rem;
    padding: 0.0625rem 0.9375rem;
  }
  .aboutSec__importantSec01Title .u-bgBlue:first-child {
    display: inline-block;
    margin-bottom: 0.375rem;
  }
}
.aboutSec__importantList {
  list-style: none;
  margin-top: 3.125rem;
  padding: 0;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantList {
    margin-top: 0.75rem;
    flex-wrap: wrap;
  }
}
.aboutSec__importantItem:not(:first-child) {
  margin-top: 0.875rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantItem {
    width: 100%;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__itemInner {
    margin-left: auto;
    margin-right: auto;
    max-width: 17rem;
  }
}
.aboutSec__importantImgCont {
  max-width: 7.0625rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantImgCont {
    margin-bottom: 0.375rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 5rem;
  }
}
.aboutSec__importantImg {
  height: auto;
  width: 100%;
}

.aboutSec__importantItemMark {
  background-color: #00151e;
  color: #fff;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
}

.aboutSec__importantItemText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantItemText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__importantItemText {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0.5rem;
  }
}
.aboutSec__importantSec02 {
  margin-bottom: 6.25rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantSec02 {
    margin-bottom: 5rem;
  }
}
.aboutSec__importantSec02Title {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.46;
  padding-left: 3rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantSec02Title {
    font-size: 0.75rem;
    letter-spacing: -0.01em;
  }
}
.aboutSec__importantSec02Title::before {
  background-image: url("../images/special/icon_parallegram-blue.svg");
  content: "";
  display: inline-block;
  height: 2.375rem;
  left: 0;
  position: absolute;
  top: 0.5rem;
  width: 2.375rem;
  -moz-background-size: 2.375rem 2.375rem;
  background-repeat: no-repeat;
  background-size: 2.375rem 2.375rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantSec02Title::before {
    height: 1.375rem;
    width: 1.375rem;
    background-size: contain;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__importantSec02Title {
    font-size: 1.375rem;
    margin-bottom: -0.3125rem;
    padding-left: 1.5625rem;
  }
}
.aboutSec__importantSec03Title {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.46;
  padding-left: 3rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantSec03Title {
    font-size: 0.75rem;
  }
}
.aboutSec__importantSec03Title::before {
  background-image: url("../images/special/icon_parallegram-blue.svg");
  content: "";
  display: inline-block;
  height: 2.375rem;
  left: 0;
  position: absolute;
  top: 0.5rem;
  width: 2.375rem;
  -moz-background-size: 2.375rem 2.375rem;
  background-repeat: no-repeat;
  background-size: 2.375rem 2.375rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantSec03Title::before {
    height: 1.375rem;
    margin-bottom: 0.3125rem;
    width: 1.375rem;
    background-size: contain;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__importantSec03Title {
    font-size: 1.375rem;
    margin-bottom: -0.3125rem;
    padding-left: 1.5625rem;
  }
}
.aboutSec__importantBottomTitle {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.63;
  margin-top: 4rem;
  padding-left: 3rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantBottomTitle {
    font-size: 0.75rem;
  }
}
.aboutSec__importantBottomTitle::before {
  background-image: url("../images/special/icon_x-orange.svg");
  content: "";
  height: 2.375rem;
  left: -0.4375rem;
  position: absolute;
  top: 0;
  width: 2.375rem;
  -moz-background-size: 2.375rem 2.375rem;
  background-repeat: no-repeat;
  background-size: 2.375rem 2.375rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantBottomTitle::before {
    height: 1.5rem;
    width: 1.5rem;
    background-size: contain;
    left: 0;
    top: 0.375rem;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__importantBottomTitle {
    font-size: 1.375rem;
    margin-top: 3.375rem;
    padding-left: 1.75rem;
  }
}
.aboutSec__importantBottomText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.63;
  margin-top: 0.625rem;
  padding-left: 2rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantBottomText {
    font-size: 0.75rem;
    letter-spacing: 0.02em;
  }
}
.aboutSec__importantBottomText::before {
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-image: url("../images/special/icon_arrow-right.svg");
  height: 1.25rem;
  transform: translateY(-50%);
  width: 1.25rem;
  -moz-background-size: 1.25rem 1.25rem;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
}

@media screen and (max-width: 50rem) {
  .aboutSec__importantBottomText::before {
    height: 1rem;
    top: 37%;
    width: 1rem;
    background-size: contain;
  }
}
@media screen and (max-width: 50rem) {
  .aboutSec__importantBottomText {
    font-size: 1rem;
    padding-left: 1.75rem;
  }
}
/*====================================================================
strengthSec
====================================================================*/
.strengthSec {
  padding: 5rem 3.25rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .strengthSec {
    padding: 4.0625rem 0.75rem 5rem;
  }
}
.strengthSec.u-sec02::before {
  content: none;
}

.strengthSec::before {
  background-image: url("../images/special/bg_diagonal-gray.png");
  content: "";
  display: inline-block;
  height: 81.25rem;
  left: 0;
  position: absolute;
  top: -3rem;
  width: 100%;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .strengthSec::before {
    height: 42.625rem;
    width: 35.625rem;
  }
}
.strengthSec__inner {
  margin: 0 auto;
  max-width: 53.75rem;
  position: relative;
}

.strengthSec__title {
  color: #D0D0D0;
  font-family: "Montserrat", sans-serif;
  font-size: 2.375rem;
  font-weight: 700;
  left: -4.0625rem;
  margin: 0;
  position: absolute;
  top: 0.9375rem;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 50rem) {
  .strengthSec__title {
    font-size: 1.375rem;
    left: -1.375rem;
    top: -0.3125rem;
  }
}
.strengthSec__title02 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.475;
}

@media screen and (max-width: 50rem) {
  .strengthSec__title02 {
    font-size: 1.75rem;
    line-height: 1.2;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 1.5rem);
  }
}
.strengthSec__noteArea {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 10rem;
  position: relative;
}

.strengthSec__noteArea::before {
  background-color: #00151e;
  color: #fff;
  content: "CASE 01";
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  left: 0;
  line-height: 1.8;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: -3.0625rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__noteArea::before {
    top: 0;
  }
}
@media screen and (max-width: 50rem) {
  .strengthSec__noteArea {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
    max-width: calc(100% - 1.5rem);
    flex-direction: column;
  }
}
.strengthSec__noteArea.u-case02::before {
  content: "CASE 02";
}

.strengthSec__noteArea.u-case03 {
  margin-top: 3.125rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__noteArea.u-case03 {
    margin-top: 0;
  }
}
.strengthSec__noteArea.u-case03::before {
  content: "CASE 03";
}

.strengthSec__noteImgCont {
  margin: 0 1.25rem;
  max-width: 10.625rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__noteImgCont {
    margin: 0 auto 0.625rem;
    max-width: 6.875rem;
  }
}
.strengthSec__noteImg {
  height: auto;
  width: 100%;
}

.strengthSec__noteList {
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  background-color: #DDE4FA;
  border-radius: 2.5rem;
  list-style: none;
  padding: 2.375rem 1.25rem;
  width: 40.25rem;
}

.strengthSec__noteList.u-w100 {
  margin-top: 0.9375rem;
  width: 100%;
}

.strengthSec__noteItem {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.63;
  padding-left: 2.4375rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .strengthSec__noteItem {
    font-size: 0.75rem;
  }
}
.strengthSec__noteItem::before {
  background-image: url("../images/special/icon_water.svg");
  content: "";
  display: inline-block;
  height: 1.75rem;
  left: 0;
  position: absolute;
  width: 1.5625rem;
  -moz-background-size: 1.5625rem 1.75rem;
  background-repeat: no-repeat;
  background-size: 1.5625rem 1.75rem;
}

.strengthSec__noteItem:not(:last-child) {
  margin-bottom: 1.75rem;
}

.strengthSec__noteDesc {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 2.1875rem auto 0;
  max-width: 45.625rem;
  padding-left: 4.625rem;
  position: relative;
  text-align: left;
}

@media screen and (max-width: 50rem) {
  .strengthSec__noteDesc {
    font-size: 0.75rem;
  }
}
.strengthSec__noteDesc::before {
  background-image: url("../images/special/icon_bulb.svg");
  content: "";
  display: inline-block;
  height: 3.6875rem;
  left: 0;
  position: absolute;
  top: -0.9375rem;
  width: 2.8125rem;
  -moz-background-size: 2.8125rem 3.6875rem;
  background-repeat: no-repeat;
  background-size: 2.8125rem 3.6875rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__noteDesc::before {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 50rem) {
  .strengthSec__noteDesc {
    font-size: 1.375rem;
    margin-top: 1.25rem;
    max-width: calc(100% - 1.5rem);
  }
}
.strengthSec__detailtArea {
  background-color: #fff;
  margin-top: 6.25rem;
  outline: 0.375rem solid #EDEDED;
  position: relative;
}

.strengthSec__detailtArea.u-detail02 {
  padding-bottom: 2.5rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailtArea.u-detail02 .strengthSec__detailBottomText {
    line-height: 1.8 !important;
  }
}
@media screen and (max-width: 50rem) {
  .strengthSec__detailtArea {
    margin-top: 3.75rem;
    outline-width: 0.25rem;
  }
}
.strengthSec__detailInner {
  padding: 5rem 5rem 0;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailInner {
    padding: 3.75rem 0.625rem 0;
  }
}
.strengthSec__detailTitle {
  background-color: #EDEDED;
  font-size: 2.375rem;
  font-weight: 700;
  left: 0;
  line-height: 1;
  padding: 0.9375rem;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailTitle {
    font-size: 1.375rem;
  }
}
.strengthSec__detailImgCont {
  margin-left: auto;
  margin-right: auto;
  max-width: 45rem;
}

.strengthSec__detailImgCont.u-mt30 {
  margin-top: 1.875rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailImgCont {
    margin-bottom: 0;
  }
}
.strengthSec__detailImg {
  height: auto;
  width: 100%;
}

.strengthSec__detailContTitle {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.46;
  margin-top: 5.5rem;
  padding-left: 2.9375rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailContTitle {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .strengthSec__detailContTitle {
    font-size: 1.375rem;
    line-height: 1.45;
    margin-top: 2.5rem;
    padding-left: 1.5625rem;
  }
}
.strengthSec__detailContTitle.u-ttl02 {
  margin-top: 3.125rem;
}

.strengthSec__detailContTitle.u-mtZero {
  margin-top: 0;
}

.strengthSec__detailContTitle::before {
  background-image: url("../images/special/icon_parallegram-blue.svg");
  content: "";
  display: inline-block;
  height: 2.375rem;
  left: 0;
  position: absolute;
  top: 0.5rem;
  width: 2.375rem;
  -moz-background-size: 2.375rem 2.375rem;
  background-repeat: no-repeat;
  background-size: 2.375rem 2.375rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailContTitle::before {
    height: 1.375rem;
    width: 1.375rem;
    background-size: contain;
  }
}
.strengthSec__detailText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
  margin-top: 1.25rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .strengthSec__detailText {
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 1.875rem;
  }
}
.strengthSec__btnLink {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  background-color: #F8D176;
  height: 3.25rem;
  justify-content: center;
  margin: 2.5rem auto 0;
  width: 17rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease-in-out;
}

@media screen and (max-width: 50rem) {
  .strengthSec__btnLink {
    height: 2.5rem;
    margin-top: 1.875rem;
    width: 12.5rem;
  }
  .strengthSec__btnLink.u-btn03 {
    width: 17.5rem;
  }
}
.strengthSec__btnLink.u-mb20 {
  margin-top: 1.25rem;
}

.strengthSec__btnLink:before {
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
  display: block;
  height: 100%;
  left: -7.8125rem;
  position: absolute;
  top: 0;
  width: 2.0625rem;
  transform: skewX(-60deg) translateX(0);
  transition: none;
}

.strengthSec__btnLink:hover:before {
  transform: skewX(-60deg) translateX(27.5rem);
  transition: all 0.3s ease-in-out;
}

.strengthSec__btnText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  margin-right: 1.25rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .strengthSec__btnText {
    font-size: 0.75rem;
  }
}
.strengthSec__btnText::before {
  content: "";
  position: absolute;
  right: -1.0625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-image: url("../images/special/icon_greaterThan.svg");
  height: 0.75rem;
  transform: translateY(-50%);
  width: 0.4375rem;
  -moz-background-size: 0.4375rem 0.75rem;
  background-repeat: no-repeat;
  background-size: 0.4375rem 0.75rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__btnText::before {
    right: -0.625rem;
    top: 60%;
  }
}
@media screen and (max-width: 50rem) {
  .strengthSec__btnText {
    font-size: 0.875rem;
    margin-right: 0.625rem;
  }
}
.strengthSec__detailBottomSec {
  background-color: #EDEDED;
  margin-top: 3.75rem;
  padding: 2.5rem 5rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailBottomSec {
    margin-top: 2.25rem;
    padding: 1.5rem 0.75rem;
  }
}
.strengthSec__detailBottomTitle {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailBottomTitle {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .strengthSec__detailBottomTitle {
    font-size: 1.125rem;
    line-height: 1.44;
  }
}
.strengthSec__detailBottomText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.63;
  margin: 0;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailBottomText {
    font-size: 0.75rem;
  }
}
.strengthSec__detailBottomText.u-taCenter {
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailBottomText.u-taCenter {
    font-size: 1.125rem;
    letter-spacing: 0.02em;
    margin-bottom: 1.5rem;
  }
}
.strengthSec__detailBottomText.u-mb20 {
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailBottomText {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    line-height: 1.3;
  }
  .strengthSec__detailBottomText.u-spDb {
    font-size: 1rem;
    letter-spacing: 0.025em;
  }
}
.strengthSec__detailBottomCont {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 1.25rem;
}

.strengthSec__detailBottomImgCont {
  width: 7.5625rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailBottomImgCont {
    margin-right: 0.9375rem;
    min-width: 6.4375rem;
    width: 6.4375rem;
  }
}
.strengthSec__detailBottomImg {
  height: auto;
  width: 100%;
}

.strengthSec__detailBottomImgCap {
  background-color: #00151e;
  color: #00151e;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.63;
  margin-top: 0.625rem;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailBottomImgCap {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .strengthSec__detailBottomImgCap {
    margin-top: 0.125rem;
    padding: 0.125rem 0.375rem;
  }
}
.strengthSec__detailBotomTextCont {
  max-width: 34.375rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailBotomTextCont {
    max-width: 21.375rem;
  }
}
.strengthSec__detailTable {
  border-collapse: collapse;
  margin: 1.875rem auto 0;
  width: 18.75rem;
}

.strengthSec__detailTableData {
  border: 0.0625rem solid black;
  border-collapse: collapse;
  border-left: none;
  border-right: none;
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.63;
  padding: 0.5rem 0.75rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailTableData {
    font-size: 0.75rem;
  }
}
.strengthSec__detailTableData.u-bgGray {
  background-color: #EDEDED;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailTableData {
    font-size: 0.875rem;
  }
}
.strengthSec__detailTableCap {
  background: #00151e;
  caption-side: top;
  color: #00151e;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  font-weight: 500;
  line-height: 1.63;
  margin-bottom: 0.625rem;
  padding: 0;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailTableCap {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .strengthSec__detailTableCap {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
  }
}
.strengthSec__detailDesc {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.35;
  margin-top: 1.25rem;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailDesc {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .strengthSec__detailDesc {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 2.1875rem;
  }
}
.strengthSec__detailBottomList {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}

.strengthSec__detailBottomItem {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  background-color: #fff;
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  height: 3.75rem;
  justify-content: center;
  line-height: 1.25;
  margin: 0.3125rem;
  text-align: center;
  width: 8.125rem;
}

@media screen and (max-width: 50rem) {
  .strengthSec__detailBottomItem {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .strengthSec__detailBottomItem {
    margin: 0 auto;
    width: calc(33.3333333333% - 0.4583333333rem);
  }
  .strengthSec__detailBottomItem:nth-child(n+4) {
    margin-top: 0.625rem;
  }
}
/*====================================================================
qaSec
====================================================================*/
.qaSec {
  padding: 6.25rem 4.0625rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .qaSec {
    padding: 3.75rem 0.75rem 6.25rem;
  }
}
.qaSec.u-sec02::before {
  content: none;
}

.qaSec::before {
  background-image: url("../images/special/bg_diagonal-gray.png");
  content: "";
  height: 85.375rem;
  left: 0;
  position: absolute;
  top: -1.25rem;
  width: 100%;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .qaSec::before {
    height: 31.25rem;
    left: -6.25rem;
    top: 0;
    width: 43.75rem;
  }
}
.qaSec__inner {
  margin: 0 auto;
  max-width: 53.75rem;
  position: relative;
}

.qaSec__title {
  color: #D0D0D0;
  font-family: "Montserrat", sans-serif;
  font-size: 2.3125rem;
  font-weight: 700;
  left: -4.0625rem;
  margin: 0;
  position: absolute;
  top: 0.0375rem;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 50rem) {
  .qaSec__title {
    font-size: 1.375rem;
    left: -0.9375rem;
    top: 0.3125rem;
  }
}
.qaSec__title02 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.475;
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 50rem) {
  .qaSec__title02 {
    font-size: 1.75rem;
    padding-left: 0.75rem;
  }
}
.qaSec__list {
  list-style: none;
  padding: 0;
}

.qaSec__item {
  background-color: #fff;
  border: 0.375rem solid #EDEDED;
  padding: 2.125rem 4.625rem;
}

.qaSec__item:not(:last-child) {
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 50rem) {
  .qaSec__item:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media screen and (max-width: 50rem) {
  .qaSec__item {
    padding: 2.125rem 0.5rem 3rem;
  }
}
.qaSec__qtitle {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.72;
  margin-bottom: 1.25rem;
  padding-left: 3.3125rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .qaSec__qtitle {
    font-size: 0.75rem;
  }
}
.qaSec__qtitle::before {
  background-image: url("../images/special/icon_question.svg");
  content: "";
  display: inline-block;
  height: 2.8125rem;
  left: 0;
  position: absolute;
  width: 2.8125rem;
  -moz-background-size: 2.8125rem 2.8125rem;
  background-repeat: no-repeat;
  background-size: 2.8125rem 2.8125rem;
}

@media screen and (max-width: 50rem) {
  .qaSec__qtitle::before {
    height: 1.5625rem;
    top: 0.25rem;
    width: 1.5625rem;
    background-size: contain;
  }
}
@media screen and (max-width: 50rem) {
  .qaSec__qtitle {
    font-size: 1.125rem;
    padding-left: 2.0625rem;
  }
}
.qaSec__aText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .qaSec__aText {
    font-size: 0.75rem;
  }
}
.qaSec__aText.u-mb30 {
  margin-bottom: 1.875rem;
}

@media screen and (max-width: 50rem) {
  .qaSec__aText {
    font-size: 1rem;
    letter-spacing: -0.037em;
    line-height: 1.75;
  }
}
.qaSec__aTextLink {
  color: #527EFF;
  transition: all 0.3s ease-in-out;
}

.qaSec__aTextLink:hover {
  color: #527EFF;
  opacity: 0.8;
  text-decoration: none;
}

.qaSec__subList {
  margin-bottom: 1.875rem;
  padding: 0;
}

.qaSec__subItem {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .qaSec__subItem {
    font-size: 0.75rem;
  }
}
/*====================================================================
kvSec style's in _maintenanceLP.scss
====================================================================*/
/*====================================================================
questionSec
====================================================================*/
.questionSec {
  font-family: "Noto Sans JP", sans-serif;
  padding: 0 4.0625rem 6.25rem;
}

@media screen and (max-width: 50rem) {
  .questionSec {
    padding: 0;
  }
}
.questionSec__inner {
  margin: 0 auto;
  margin-top: -2.125rem;
  max-width: 53.75rem;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 50rem) {
  .questionSec__inner {
    margin-top: 0;
    padding: 4.625rem 0 5rem;
  }
}
.questionSec__topInner {
  background-color: #fff;
  padding: 0 6.25rem;
}

@media screen and (max-width: 50rem) {
  .questionSec__topInner {
    padding: 0 0.75rem;
  }
}
.questionSec__title {
  color: #D0D0D0;
  font-family: "Montserrat", sans-serif;
  font-size: 2.3125rem;
  font-weight: 700;
  left: -4.0625rem;
  margin: 0;
  position: absolute;
  top: 6.25rem;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 50rem) {
  .questionSec__title {
    font-size: 1.375rem;
    left: -2.5rem;
  }
}
.questionSec__whiteBg {
  background: #fff;
  height: 100%;
  position: absolute;
  width: 100%;
}

.questionSec__subTitle {
  background-color: #fff;
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.63;
  margin-bottom: 1.25rem;
  padding-top: 2.125rem;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .questionSec__subTitle {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .questionSec__subTitle {
    font-size: 1.375rem;
  }
}
.questionSec__text {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
  margin-bottom: 1.875rem;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .questionSec__text {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .questionSec__text {
    font-size: 1rem;
    padding: 0 0.625rem;
  }
}
.questionSec__infoEquipImgCont {
  margin: 0 auto 5rem;
  max-width: 40rem;
}

@media screen and (max-width: 50rem) {
  .questionSec__infoEquipImgCont {
    padding: 0 0.625rem;
  }
}
.questionSec__infoEquipImg {
  height: auto;
  width: 100%;
}

.questionSec__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.questionSec__item:first-child {
  background-color: #EDEDED;
  left: -2.125rem;
  padding: 3.125rem 4.875rem 6.5625rem;
  position: absolute;
  top: -8.75rem;
  transform: skew(-25deg);
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .questionSec__item:first-child {
    height: 14.0625rem;
    left: -6.25rem;
    padding: 1.25rem 0 0 0;
    top: -4.375rem;
    width: 23.75rem;
  }
}
.questionSec__itemInner.u-skew {
  transform: skew(25deg);
}

@media screen and (max-width: 50rem) {
  .questionSec__itemInner.u-skew {
    padding-left: 6.25rem;
  }
}
.questionSec__itemMark {
  background-color: #00151e;
  color: #fff;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
}

@media screen and (max-width: 50rem) {
  .questionSec__itemMark {
    padding: 0.375rem 0.625rem;
  }
}
.questionSec__itemTitle {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 0.375rem;
  padding-left: 2.25rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .questionSec__itemTitle {
    font-size: 1.375rem;
  }
}
.questionSec__itemTitle::before {
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-image: url("../images/special/icon_lock-orange.svg");
  height: 1.6rem;
  transform: translateY(-50%);
  width: 1.6rem;
  -moz-background-size: 1.6rem 1.6rem;
  background-repeat: no-repeat;
  background-size: 1.6rem 1.6rem;
}

@media screen and (max-width: 50rem) {
  .questionSec__itemTitle::before {
    top: 0;
    transform: none;
  }
}
.questionSec__itemText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
  margin-top: 1.25rem;
}

@media screen and (max-width: 50rem) {
  .questionSec__itemText {
    font-size: 0.75rem;
  }
}
.questionSec__bigText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .questionSec__bigText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .questionSec__bigText {
    font-size: 1.375rem;
    line-height: 1.4;
  }
}
.questionSec__bigText.u-bgOrange {
  background-color: #FF7452;
  color: #fff;
}

.questionSec__detailTable {
  border-collapse: collapse;
  margin: 3rem auto 0;
  width: 100%;
}

.questionSec__detailTableImg {
  margin-right: 1.25rem;
  max-width: 5.375rem;
}

@media screen and (max-width: 50rem) {
  .questionSec__detailTableImg {
    height: 4.35rem;
    margin-right: 0.625rem;
    max-width: 3.125rem;
  }
}
.questionSec__detailTableRow {
  border-bottom: 0.0625rem solid #707070;
  border-collapse: collapse;
}

.questionSec__detailTableRow:first-child {
  border-top: 0.0625rem solid #707070;
}

.questionSec__detailTableData {
  border-collapse: collapse;
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.63;
  padding: 0.5rem 1.25rem;
  width: 61%;
}

@media screen and (max-width: 50rem) {
  .questionSec__detailTableData {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .questionSec__detailTableData {
    font-size: 0.875rem;
    padding: 0.75rem 0.625rem;
  }
}
.questionSec__detailTableData.u-bgGray {
  background-color: #EDEDED;
  width: 39%;
}

.questionSec__detailTableData.u-flex {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}

.questionSec__detailTableData .u-bgYellow {
  background-color: #F8D176;
}

.questionSec__detailtArea {
  background-color: #fff;
  margin-top: 6.25rem;
  outline: 0.375rem solid #EDEDED;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .questionSec__detailtArea {
    margin: 2.75rem 1rem 0.25rem;
    outline: 0.25rem solid #EDEDED;
  }
}
.questionSec__detailInner {
  padding: 3.75rem 4.875rem 3.125rem;
}

@media screen and (max-width: 50rem) {
  .questionSec__detailInner {
    padding: 3.75rem 0.625rem 1.25rem;
  }
}
.questionSec__detailTitle {
  background-color: #EDEDED;
  font-family: "Montserrat", sans-serif;
  font-size: 2.3125rem;
  font-weight: 700;
  left: 0;
  line-height: 1;
  padding: 0.375rem;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 50rem) {
  .questionSec__detailTitle {
    font-size: 1.0625rem;
  }
}
.questionSec__detailTopText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.625rem;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .questionSec__detailTopText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .questionSec__detailTopText {
    font-size: 1rem;
  }
}
.questionSec__detailImgCont {
  margin-top: 3.125rem;
  max-width: 45.875rem;
}

@media screen and (max-width: 50rem) {
  .questionSec__detailImgCont {
    margin-top: 2.5rem;
  }
}
.questionSec__detailImgCont.u-mtN20 {
  margin-top: -1.25rem;
}

@media screen and (max-width: 50rem) {
  .questionSec__detailImgCont.u-mtN20 {
    margin-top: -0.625rem;
  }
}
.questionSec__detailImg {
  height: auto;
  margin-bottom: 0.625rem;
  width: 100%;
}

.questionSec__detailCap {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.63;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 42.375rem;
}

@media screen and (max-width: 50rem) {
  .questionSec__detailCap {
    font-size: 0.75rem;
  }
}
.questionSec__detailCap.u-smallText {
  color: #888888;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .questionSec__detailCap.u-smallText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .questionSec__detailCap.u-smallText {
    font-size: 0.75rem;
  }
}
.questionSec__pointList {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  list-style: none;
  margin: 3.125rem auto 0;
  max-width: 33.375rem;
  padding: 0;
}

@media screen and (max-width: 50rem) {
  .questionSec__pointList {
    margin: 2.5rem 1.25rem 0;
    flex-direction: column;
  }
}
@media screen and (max-width: 50rem) {
  .questionSec__pointItem:first-child {
    margin-bottom: 2.5rem;
  }
}
.questionSec__pointItemMark {
  background-color: #00151e;
  color: #fff;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 0.625rem;
  padding: 0.25rem 0.5rem;
}

@media screen and (max-width: 50rem) {
  .questionSec__pointItemMark {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
  }
}
.questionSec__pointItemText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .questionSec__pointItemText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .questionSec__pointItemText {
    font-size: 1rem;
  }
}
.questionSec__pointItemText.u-mediumText {
  font-weight: 500;
}

@media screen and (max-width: 50rem) {
  .questionSec__pointItemText.u-mediumText {
    font-size: 0.875rem;
    line-height: 1.2;
  }
}
/*====================================================================
pointSec
====================================================================*/
.pointSec {
  padding: 6.25rem 4.875rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .pointSec {
    padding: 3.75rem 0.75rem 5rem;
  }
}
.pointSec::before {
  background-image: url("../images/special/bg_diagonal-gray.png");
  content: "";
  display: inline-block;
  height: 85.375rem;
  left: 0;
  position: absolute;
  top: -10rem;
  width: 100%;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 50rem) {
  .pointSec::before {
    height: 42.625rem;
    top: -2.5rem;
    width: 36.125rem;
  }
}
.pointSec.u-sec02::before {
  background-image: none;
}

.pointSec__inner {
  margin: 0 auto;
  max-width: 53.5rem;
  position: relative;
}

.pointSec__topTextArea {
  margin-bottom: 6.25rem;
}

@media screen and (max-width: 50rem) {
  .pointSec__topTextArea {
    margin-bottom: 5rem;
  }
}
.pointSec__title {
  color: #D0D0D0;
  font-family: "Montserrat", sans-serif;
  font-size: 2.3125rem;
  font-weight: 700;
  left: -4.0625rem;
  margin: 0;
  position: absolute;
  top: 0.9375rem;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 50rem) {
  .pointSec__title {
    font-size: 1.375rem;
    left: -1.25rem;
    top: 0;
  }
}
.pointSec__title02 {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.475;
}

@media screen and (max-width: 50rem) {
  .pointSec__title02 {
    font-size: 1.75rem;
    line-height: 1.14;
    padding-left: 1.5475rem;
  }
}
.pointSec__description {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
  margin-top: 1.25rem;
}

@media screen and (max-width: 50rem) {
  .pointSec__description {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .pointSec__description {
    font-size: 1rem;
    margin-top: 1.875rem;
    padding: 0 1.125rem;
  }
}
.pointSec__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 50rem) {
  .pointSec__list {
    padding: 0 0.625rem;
  }
}
.pointSec__itemMark {
  background-color: #00151e;
  color: #fff;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
}

@media screen and (max-width: 50rem) {
  .pointSec__itemMark {
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem;
  }
}
.pointSec__itemTitle {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 3.125rem;
  padding-left: 2.25rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .pointSec__itemTitle {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .pointSec__itemTitle {
    font-size: 1.5rem;
  }
}
.pointSec__itemTitle::before {
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-image: url("../images/special/icon_yen-orange.svg");
  height: 1.6rem;
  transform: translateY(-50%);
  width: 1.6rem;
  -moz-background-size: 1.6rem 1.6rem;
  background-repeat: no-repeat;
  background-size: 1.6rem 1.6rem;
}

.pointSec__itemSubtitle {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.63;
  margin-top: 0.8125rem;
}

@media screen and (max-width: 50rem) {
  .pointSec__itemSubtitle {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .pointSec__itemSubtitle {
    font-size: 1.125rem;
    margin-top: 1.25rem;
  }
}
.pointSec__itemText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.63;
  margin-top: 0.75rem;
}

@media screen and (max-width: 50rem) {
  .pointSec__itemText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .pointSec__itemText {
    font-size: 1rem;
  }
}
.pointSec__detailtArea {
  background-color: #fff;
  margin-top: 6.25rem;
  outline: 0.375rem solid #EDEDED;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .pointSec__detailtArea {
    margin-top: 3.75rem;
    outline: 0.25rem solid #EDEDED;
  }
}
.pointSec__detailInner {
  padding: 3.75rem 4.875rem 3.125rem;
}

@media screen and (max-width: 50rem) {
  .pointSec__detailInner {
    padding: 3.75rem 0.625rem 2.5rem;
  }
}
.pointSec__detailTitle {
  background-color: #EDEDED;
  font-family: "Montserrat", sans-serif;
  font-size: 2.3125rem;
  font-weight: 700;
  left: 0;
  line-height: 1;
  padding: 0.375rem;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 50rem) {
  .pointSec__detailTitle {
    font-size: 1.0625rem;
  }
}
.pointSec__detailSubtitle {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-bottom: 1.875rem;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .pointSec__detailSubtitle {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .pointSec__detailSubtitle {
    font-size: 1.125rem;
  }
}
.pointSec__detailSubtitle.u-withBefore {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.63;
  padding-left: 3rem;
  position: relative;
  text-align: left;
}

@media screen and (max-width: 50rem) {
  .pointSec__detailSubtitle.u-withBefore {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .pointSec__detailSubtitle.u-withBefore {
    font-size: 1.375rem;
    padding-left: 1.5625rem;
  }
}
.pointSec__detailSubtitle.u-withBefore::before {
  background-image: url("../images/special/icon_parallegram-orange.svg");
  content: "";
  height: 2.3125rem;
  left: 0;
  position: absolute;
  top: 0.625rem;
  width: 2.34375rem;
  -moz-background-size: 2.34375rem 2.3125rem;
  background-repeat: no-repeat;
  background-size: 2.34375rem 2.3125rem;
}

@media screen and (max-width: 50rem) {
  .pointSec__detailSubtitle.u-withBefore::before {
    height: 1.25rem;
    width: 1.3125rem;
    background-size: 1.3125rem 1.25rem;
  }
}
.pointSec__detailContent {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}

@media screen and (max-width: 50rem) {
  .pointSec__detailContent {
    flex-direction: column;
  }
}
@media screen and (max-width: 50rem) {
  .pointSec__detailContent.u-detailContPc {
    display: none;
  }
}
@media screen and (max-width: 50rem) {
  .pointSec__detailTextFlex {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 0.3125rem;
  }
}
.pointSec__detailContentImgCont {
  width: 8.25rem;
}

@media screen and (max-width: 50rem) {
  .pointSec__detailContentImgCont {
    margin-right: 1.25rem;
    min-width: 6.25rem;
  }
}
.pointSec__detailContentImg {
  height: auto;
  width: 100%;
}

.pointSec__detailContentTextCont {
  max-width: 34.375rem;
}

.pointSec__detailText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .pointSec__detailText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .pointSec__detailText {
    font-size: 1rem;
  }
}
.pointSec__detailBigText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .pointSec__detailBigText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .pointSec__detailBigText {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 0.75rem;
  }
}
/*====================================================================
achievementSec
====================================================================*/
.achievementSec {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 75rem;
  overflow-x: hidden;
  padding: 6.25rem 4.875rem 0;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 50rem) {
  .achievementSec {
    padding: 3.75rem 0.75rem 0;
    width: 100%;
  }
}

@media screen and (max-width: 50rem) {
  .achievementSec {
    padding: 3.75rem 0.75rem 0;
  }
}
.achievementSec.u-sec02 {
  padding: 12.5rem 4.875rem 1rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec.u-sec02 {
    padding: 5rem 0.75rem 0;
  }
}
.achievementSec.u-sec02::before {
  background-image: url("../images/special/bg_diagonal-gray.png");
  content: "";
  display: inline-block;
  height: 85.375rem;
  left: 0;
  position: absolute;
  top: -6.25rem;
  width: 100%;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

@media screen and (max-width: 50rem) {
  .achievementSec.u-sec02::before {
    height: 42.6875rem;
    width: 35.8125rem;
  }
}
.achievementSec__inner {
  margin: 0 auto;
  max-width: 53.75rem;
  position: relative;
}

.achievementSec__title {
  color: #D0D0D0;
  font-family: "Montserrat", sans-serif;
  font-size: 2.3125rem;
  font-weight: 700;
  left: -4.0625rem;
  margin: 0;
  position: absolute;
  top: 0.9375rem;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 50rem) {
  .achievementSec__title {
    font-size: 1.375rem;
    left: -1.25rem;
    top: 0;
  }
}
.achievementSec__title02 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.475;
}

@media screen and (max-width: 50rem) {
  .achievementSec__title02 {
    font-size: 1.75rem;
    padding: 0 0 0 1.625rem;
  }
}
.achievementSec__stepsImgCont {
  margin: 3.125rem auto 0;
  max-width: 50rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__stepsImgCont {
    margin: 1.25rem 0 0 1.625rem;
    max-width: 10.625rem;
  }
}
.achievementSec__stepsImg {
  height: auto;
  width: 100%;
}

.achievementSec__textArea {
  margin-top: 1.875rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__textArea {
    margin-top: 1.25rem;
  }
}
.achievementSec__textArea.u-maxW700 {
  margin: 0 auto;
  max-width: 43.75rem;
}

.achievementSec__textArea.u-mt80 {
  margin-top: 5rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__textArea.u-mt80 {
    margin-top: 2.5rem;
  }
}
.achievementSec__text {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.63;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
}

@media screen and (max-width: 50rem) {
  .achievementSec__text {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .achievementSec__text {
    font-size: 1rem;
  }
}
.achievementSec__text .u-colorGray {
  color: #888888;
}

.achievementSec__text .u-data01 {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-right: 0.9375rem;
  width: 4.875rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__text .u-data01 {
    font-size: 0.875rem;
    margin-right: 0.625rem;
    width: 4.25rem;
  }
}
.achievementSec__text .u-data02 {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-right: 0.9375rem;
  width: 11.125rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__text .u-data02 {
    font-size: 0.875rem;
    margin-right: 0.625rem;
    width: 10.5rem;
  }
}
.achievementSec__text .u-data03 {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-right: 0.9375rem;
  width: 6.625rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__text .u-data03 {
    font-size: 0.875rem;
    margin-right: 0.625rem;
    width: 6.625rem;
  }
}
.achievementSec__text.u-mt10 {
  margin-top: 0.625rem;
}

.achievementSec__bigText + .achievementSec__text {
  margin-top: 0.625rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__bigText + .achievementSec__text {
    margin-top: 0.3125rem;
  }
}
.achievementSec__bigText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.63;
}

@media screen and (max-width: 50rem) {
  .achievementSec__bigText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .achievementSec__bigText {
    font-size: 1.375rem;
    margin-bottom: 0.625rem;
  }
}
.achievementSec__bigText.u-bgOrange {
  background-color: #FF7452;
  display: inline-block;
  font-size: 2.5rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__bigText.u-bgOrange {
    font-size: 1.375rem;
  }
}
.achievementSec__bigText.u-colorWhite {
  color: #fff;
}

.achievementSec__bigText.u-monFont {
  font-family: "Montserrat", sans-serif;
}

.achievementSec__bigText.u-colorOrange {
  color: #FF7452;
}

@media screen and (max-width: 50rem) {
  .achievementSec__bigText.u-colorOrange {
    font-size: 1.125rem;
  }
}
.achievementSec__bigText.u-mr30 {
  margin-right: 1.875rem;
}

.achievementSec__bigText.u-mb40 {
  margin-bottom: 2.5rem;
}

.achievementSec__bigText.u-f32 {
  font-size: 2rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__bigText.u-smaller {
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
  }
}
.achievementSec__bigTextFlex {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
}
@media screen and (max-width: 50rem) {
  .achievementSec__bigTextFlex {
    align-items: flex-start;
    flex-direction: column;
    padding: 0 0.625rem;
  }
}

.achievementSec__textLabel {
  background-color: #00151e;
  color: #00151e;
  color: #fff;
  display: inline-block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.63;
  margin: 0;
  padding: 0.125rem 0.875rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__textLabel {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .achievementSec__textLabel {
    font-size: 0.75rem;
    margin-bottom: 0.625rem;
    padding: 0.125rem 0.625rem;
  }
}
.achievementSec__textLabel.u-f14 {
  font-size: 0.875rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__textLabel.u-f14 {
    font-size: 0.75rem;
  }
}
.achievementSec__detailtArea {
  margin-top: 6.25rem;
  outline: 0.375rem solid #EDEDED;
  position: relative;
}

.achievementSec__detailInner {
  background-color: #fff;
  box-sizing: border-box;
  padding: 3.75rem 4.0625rem 3.125rem;
  width: 100%;
}
@media screen and (max-width: 50rem) {
  .achievementSec__detailInner {
    margin: 0 auto;
    padding: 3.75rem 0.625rem 2.5rem;
  }
}

.achievementSec__detailTitle {
  background-color: #EDEDED;
  font-family: "Montserrat", sans-serif;
  font-size: 2.3125rem;
  font-weight: 700;
  left: 0;
  line-height: 1;
  padding: 0.375rem;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 50rem) {
  .achievementSec__detailTitle {
    font-size: 1.0625rem;
  }
}
.achievementSec__detailSubtitle {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-bottom: 0.625rem;
  text-align: center;
}

@media screen and (max-width: 50rem) {
  .achievementSec__detailSubtitle {
    font-size: 0.75rem;
  }
}
.achievementSec__detailSubtitle span {
  color: #FF7452;
}

.achievementSec__detailSubtitle.u-withBefore {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.63;
  padding-left: 2.9375rem;
  position: relative;
  text-align: left;
}

@media screen and (max-width: 50rem) {
  .achievementSec__detailSubtitle.u-withBefore {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 50rem) {
  .achievementSec__detailSubtitle.u-withBefore {
    font-size: 1.375rem;
    padding-left: 1.5625rem;
  }
}
.achievementSec__detailSubtitle.u-withBefore::before {
  background-image: url("../images/special/icon_parallegram-orange.svg");
  content: "";
  height: 2.3125rem;
  left: 0;
  position: absolute;
  top: 0.625rem;
  width: 2.3125rem;
  -moz-background-size: 2.3125rem 2.3125rem;
  background-repeat: no-repeat;
  background-size: 2.3125rem 2.3125rem;
}

@media screen and (max-width: 50rem) {
  .achievementSec__detailSubtitle.u-withBefore::before {
    height: 1.3125rem;
    width: 1.3125rem;
    background-size: 1.3125rem 1.3125rem;
  }
}
.achievementSec__detailImgCont {
  margin-top: 1.875rem;
  max-width: 100%;
}

.achievementSec__detailImg {
  height: auto;
  width: 100%;
}

.achievementSec__btnBanner {
  padding: 1.875rem 0;
  position: relative;
}

.achievementSec__btnBanner::before {
  background-image: url("../images/special/bg_texture-blue-small.png");
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.achievementSec__btnLink {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  background-color: #F8D176;
  height: 3.25rem;
  justify-content: center;
  margin: 0 auto;
  width: 16.875rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.achievementSec__btnLink:hover {
  text-decoration: none;
}

.achievementSec__btnLink:before {
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
  display: block;
  height: 100%;
  left: -7.8125rem;
  position: absolute;
  top: 0;
  width: 2.0625rem;
  transform: skewX(-60deg) translateX(0);
  transition: none;
}

.achievementSec__btnLink:hover:before {
  transform: skewX(-60deg) translateX(27.5rem);
  transition: all 0.3s ease-in-out;
}

.achievementSec__btnText {
  color: #00151e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  margin-right: 1.625rem;
  position: relative;
}

@media screen and (max-width: 50rem) {
  .achievementSec__btnText {
    font-size: 0.75rem;
  }
}
.achievementSec__btnText::before {
  content: "";
  position: absolute;
  right: -1.0625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-image: url("../images/special/icon_greaterThan.svg");
  height: 0.75rem;
  transform: translateY(-50%);
  width: 0.4375rem;
  -moz-background-size: 0.4375rem 0.75rem;
  background-repeat: no-repeat;
  background-size: 0.4375rem 0.75rem;
}

/*====================================================================
PRINT LAYOUT
====================================================================*/
@page {
  size: A4 portrait;
  /* 横の場合はlandscape */
  margin: 0mm;
}
@media print {
  body {
    -webkit-print-color-adjust: exact;
    word-break: break-all !important;
  }
  .u-printPages__next {
    size: A4 landscape;
    page-break-before: always;
  }
  .u-printPages__box {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }
}
.reveal,
.reveal02,
.reveal03 {
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.5, 0, 0, 1);
  visibility: hidden;
}
.reveal.is-visible,
.reveal02.is-visible,
.reveal03.is-visible {
  opacity: 1;
  visibility: visible;
}

.reveal02.is-visible {
  transition-delay: 0.15s;
}

.reveal03.is-visible {
  transition-delay: 0.3s;
}

.revealLeftKV,
.revealLeftKV02,
.revealRightKV {
  opacity: 0;
  transition: all 1s cubic-bezier(0.5, 0, 0, 1);
  visibility: hidden;
  will-change: transform, opacity;
}

.revealLeftKV {
  transform: translateX(-3.125rem);
}
.revealLeftKV.is-visible {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.5s;
  visibility: visible;
}

.revealLeftKV02 {
  transform: translateX(-3.125rem);
}
.revealLeftKV02.is-visible {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1s;
  visibility: visible;
}

.revealRightKV {
  transform: translateX(3.125rem);
}
.revealRightKV.is-visible {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.5s;
  visibility: visible;
}

.revealRightCaption {
  opacity: 0;
  transform: matrix3d(1, 0, 0, 0, -0.57735, 1, 0, 0, 0, 0, 1, 0, 30, 0, 0, 1);
  transition: all, opacity 1s cubic-bezier(0.5, 0, 0, 1), transform 1s cubic-bezier(0.5, 0, 0, 1);
  visibility: hidden;
}
.revealRightCaption.active {
  opacity: 1;
  transform: matrix3d(1, 0, 0, 0, -0.57735, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1);
  visibility: visible;
}

.cmKvSec {
  min-height: calc(100vh + 8.5625rem);
  position: relative;
}
@media screen and (max-width: 50rem) {
  .cmKvSec {
    min-height: calc(100vh + 6.25rem);
    width: 100%;
  }
}

@media screen and (max-width: 50rem) {
  .cmKvSec__slantArea {
    top: 18.75rem;
  }
}
.achievementSec {
  box-sizing: border-box;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 6.25rem calc((100vw - 75rem) / 2) 0;
  position: relative;
  right: 50%;
  width: 100vw;
}
@media screen and (max-width: 75rem) {
  .achievementSec {
    padding: 6.25rem 4.0625rem 0;
  }
}
@media screen and (max-width: 50rem) {
  .achievementSec {
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 3.75rem 0.75rem 0;
    right: 0;
    width: 100%;
  }
}

.cmKvSec {
  min-height: 75rem;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 50rem) {
  .cmKvSec {
    min-height: calc(100vh + 6.25rem);
    overflow: hidden;
  }
}

.achievementSec__inner {
  margin: 0 auto;
  max-width: 75rem;
  position: relative;
}
@media screen and (max-width: 50rem) {
  .achievementSec__inner {
    width: 100%;
  }
}

.achievementSec__detailInner {
  background-color: #fff;
  box-sizing: border-box;
  padding: 3.75rem 4.0625rem 3.125rem;
  width: 100%;
}
@media screen and (max-width: 50rem) {
  .achievementSec__detailInner {
    margin: 0 auto;
    padding: 3.75rem 0.625rem 2.5rem;
  }
}

@media screen and (max-width: 50rem) {
  .achievementSec__bigTextFlex {
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 50rem) {
  .achievementSec__detailImgCont {
    margin: 2.5rem auto 0;
    width: 100%;
  }
  .achievementSec__detailImgCont img {
    height: auto;
    max-width: 100%;
  }
}

.revealBottom02 {
  opacity: 0;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 20, 0, 1);
  visibility: hidden;
}
.revealBottom02.is-visible {
  opacity: 1;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transition: all, opacity 1s cubic-bezier(0.5, 0, 0, 1) 1s, transform 1s cubic-bezier(0.5, 0, 0, 1) 1s;
  visibility: visible;
}

.revealBottom0202 {
  opacity: 0;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 20, 0, 1);
  visibility: hidden;
}
.revealBottom0202.is-visible {
  opacity: 1;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transition: all, opacity 1s cubic-bezier(0.5, 0, 0, 1) 0.5s, transform 1s cubic-bezier(0.5, 0, 0, 1) 0.5s;
  visibility: visible;
}

.revealLeft {
  opacity: 0;
  transform: translateX(-3.125rem);
  visibility: hidden;
}
.revealLeft.is-visible {
  opacity: 1;
  transform: translateX(0);
  transition: all, opacity 1s cubic-bezier(0.5, 0, 0, 1), transform 1s cubic-bezier(0.5, 0, 0, 1);
  visibility: visible;
}

.meritSec__item.u-skew.revealLeft {
  opacity: 0;
  transform: matrix3d(1, 0, 0, 0, -0.466308, 1, 0, 0, 0, 0, 1, 0, -50, 0, 0, 1);
  visibility: hidden;
}
.meritSec__item.u-skew.revealLeft.is-visible {
  opacity: 1;
  transform: matrix3d(1, 0, 0, 0, -0.466308, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transition: all, opacity 1s cubic-bezier(0.5, 0, 0, 1), transform 1s cubic-bezier(0.5, 0, 0, 1);
  visibility: visible;
}

.aboutSec__importantArea {
  opacity: 0;
  transform: translateY(1.25rem);
  transition: all 1s cubic-bezier(0.5, 0, 0, 1);
}
.aboutSec__importantArea.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.aboutSec__importantSec01, .aboutSec__importantSec02, .aboutSec__importantSec03 {
  opacity: 0;
  transform: translateY(1.875rem);
  transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1), transform 0.8s cubic-bezier(0.5, 0, 0, 1);
}
.aboutSec__importantSec01.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}
.aboutSec__importantSec02.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.6s;
}
.aboutSec__importantSec03.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.9s;
}

.revealBottom,
.revealBottom0202,
.revealBottom0302 {
  opacity: 0;
  transform: translateY(2.5rem);
  transition: all 1s cubic-bezier(0.5, 0, 0, 1);
}
.revealBottom.is-visible,
.revealBottom0202.is-visible,
.revealBottom0302.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.aboutSec__title, .aboutSec__title02, .aboutSec__description, .aboutSec__illuImgCont, .aboutSec__noteCont {
  opacity: 0;
  transform: translateY(2.5rem);
  transition: all 1s cubic-bezier(0.5, 0, 0, 1);
}
.aboutSec__title.is-visible, .aboutSec__title02.is-visible, .aboutSec__description.is-visible, .aboutSec__illuImgCont.is-visible, .aboutSec__noteCont.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.aboutSec__importantArea {
  opacity: 0;
  transform: translateY(2.5rem);
  transition: all 1s cubic-bezier(0.5, 0, 0, 1);
}
.aboutSec__importantArea.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.aboutSec__importantSec01, .aboutSec__importantSec02, .aboutSec__importantSec03 {
  opacity: 0;
  transform: translateY(2.5rem);
  transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}
.aboutSec__importantSec01.is-visible, .aboutSec__importantSec02.is-visible, .aboutSec__importantSec03.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.sustainable-computing__content {
  margin-inline: auto;
  padding-bottom: 3.75rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sustainable-computing__content {
    padding-bottom: 7.5rem;
    width: 81.875rem;
  }
}

.sustainable-computing-mission {
  background-image: url("../images/sustainable-computing/sustainable-computing-mission-bg-sp.png");
  background-size: cover;
  left: 50%;
  padding-bottom: 5rem;
  padding-top: 5.3125rem;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-mission {
    background-image: url("../images/sustainable-computing/sustainable-computing-mission-bg.png");
    padding-bottom: 6.875rem;
    padding-top: 7.8125rem;
  }
}

.sustainable-computing-mission:after {
  background-image: url("../images/sustainable-computing/sustainable-computing-mission-top-bg-sp.png");
  background-position: center;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-mission:after {
    background-image: url("../images/sustainable-computing/sustainable-computing-mission-top-bg.png");
  }
}

.sustainable-computing-mission__box {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  margin-inline: auto;
  padding: 5.625rem 1rem 5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-mission__box {
    padding: 5.4375rem 10.625rem;
    width: 66rem;
  }
}

.sustainable-computing-mission__title-wrap {
  color: #007C93;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin-inline: auto;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}

.sustainable-computing-mission__sub-title:before {
  background-image: url("../images/icon/page-title-type2.svg");
  background-size: cover;
  content: "";
  display: block;
  height: 0.6875rem;
  width: 0.9375rem;
}

.sustainable-computing-mission__sub-title {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  gap: 0.625rem;
  justify-content: center;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-mission__sub-title {
    font-size: 1rem;
  }
}

.sustainable-computing-mission__title {
  font-size: 2.5rem;
  font-weight: 500;
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-mission__title {
    font-size: 4rem;
    margin-top: 1rem;
  }
}

.sustainable-computing-mission__copy {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.73;
  margin-top: 4.1875rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-mission__copy {
    font-size: 2rem;
    line-height: 1.7;
    margin-top: 3.625rem;
  }
}

.sustainable-computing-mission__text {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2.22;
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-mission__text {
    font-size: 1.125rem;
    margin-top: 6.75rem;
  }
}

.sustainable-computing-feature {
  margin-inline: auto;
  margin-top: 3rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-feature {
    margin-inline: 0;
    margin-top: 8.125rem;
    width: 100%;
  }
}

.sustainable-computing-feature__list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 2.375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-feature__list {
    gap: 1.75rem;
    margin-top: 3.75rem;
  }
}

.sustainable-computing-feature__list .page-features__item {
  align-items: center;
  background-color: #FFF;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  padding: 2rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-feature__list .page-features__item {
    flex-direction: row;
    gap: 5rem;
    padding: 3.5rem;
  }
}

@media screen and (min-width: 801px) {
  .sustainable-computing-feature__list .page-features__item:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}

.sustainable-computing-feature__list .page-features__item-title {
  font-size: 1.25rem;
  line-height: 1.54;
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-feature__list .page-features__item-title {
    font-size: 1.75rem;
    line-height: 1.6;
  }
}

.sustainable-computing-feature__list .page-features__item-text {
  font-size: 1rem;
  line-height: 1.8;
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-feature__list .page-features__item-text {
    margin-top: 1.875rem;
  }
}

.sustainable-computing-feature__list .page-features__item-image {
  flex-shrink: 0;
  margin-top: 1.5625rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-feature__list .page-features__item-image {
    margin-top: 0;
    width: 29.5rem;
  }
}

.sustainable-computing-feature__list .page-features__item-image img {
  height: auto;
}

.page-features__item-text-supplement {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 1.75rem;
}

.sustainable-computing-about {
  margin-top: 2.625rem;
  padding-block: 4.5rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about {
    margin-top: 7.375rem;
    padding-bottom: 0;
    padding-top: 8.75rem;
  }
}

.sustainable-computing-about:before {
  background-image: url("../images/sustainable-computing/sustainable-computing-about-bg-sp.png");
  background-size: cover;
  content: "";
  display: block;
  height: 32.6875rem;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about:before {
    background-image: url("../images/sustainable-computing/sustainable-computing-about-bg.png");
  }
}

.sustainable-computing-about__wrap {
  margin-inline: auto;
  padding-top: 0.9375rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__wrap {
    width: 82rem;
  }
}

.sustainable-computing-about .page-sec__title,
.sustainable-computing-about .page-sec__title h2 {
  color: #FFF;
  font-weight: 500;
}

.sustainable-computing-about__content {
  background-color: #FFF;
  border-radius: 16px;
  margin-top: 2.9375rem;
  padding: 2rem 1rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__content {
    margin-top: 4.0625rem;
    padding: 4rem;
  }
}

.sustainable-computing-about__image {
  height: 100%;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__image {
    width: 75rem;
  }
}

.sustainable-computing-about__image .zoomup__open {
  bottom: -3.125rem;
  left: 50%;
  opacity: 1;
  padding-block: 0.625rem;
  right: auto;
  transform: translateX(-50%);
  width: 8.0625rem;
}

.sustainable-computing-about__solution {
  margin-top: 6.25rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__solution {
    margin-top: 3.75rem;
  }
}

.sustainable-computing-about__solution-title {
  color: #007C93;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__solution-title {
    font-size: 1.75rem;
  }
}

.sustainable-computing-about__solution-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.68;
  margin-top: 1.625rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__solution-text {
    font-size: 1rem;
  }
}

.sustainable-computing-about__solution-list {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__solution-list {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1.25rem;
  }
}

@media screen and (min-width: 801px) {
  .sustainable-computing-about__solution-item {
    width: 23.3125rem;
  }
}

.sustainable-computing-about__solution-link-wrap {
  align-items: flex-end;
  background-position: center;
  background-size: 105%;
  border-radius: 10px;
  display: flex;
  height: 14.625rem;
  padding: 0.5rem;
  position: relative;
  transition: background-size 0.4s, background-position 0.4s;
  width: 100%;
}

.sustainable-computing-about__solution-link-wrap--itad {
  background-image: url("../images/sustainable-computing/sustainable-computing-solution-itad-sp.png");
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__solution-link-wrap--itad {
    background-image: url("../images/sustainable-computing/sustainable-computing-solution-itad.png");
  }
}

.sustainable-computing-about__solution-link-wrap--eosl {
  background-image: url("../images/sustainable-computing/sustainable-computing-solution-eosl-sp.png");
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__solution-link-wrap--eosl {
    background-image: url("../images/sustainable-computing/sustainable-computing-solution-eosl.png");
  }
}

.sustainable-computing-about__solution-link-wrap--edata {
  background-image: url("../images/sustainable-computing/sustainable-computing-solution-edata-sp.png");
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__solution-link-wrap--edata {
    background-image: url("../images/sustainable-computing/sustainable-computing-solution-edata.png");
  }
}

.sustainable-computing-about__solution-link-wrap:has(.sustainable-computing-about__solution-link:hover) {
  background-position: center;
  background-size: 110%;
}

.sustainable-computing-about__solution-link {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  transition: background-color 0.4s, color 0.4s;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__solution-link {
    border-radius: 16px;
  }
}

.sustainable-computing-about__solution-link:hover {
  background-color: #007C93;
  color: #FFF;
}

.sustainable-computing-about__solution-link-text-wrap {
  align-items: center;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  width: 100%;
}

.sustainable-computing-about__solution-link-text {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__solution-link-text {
    font-size: 1.125rem;
    font-weight: 500;
  }
}

.sustainable-computing-about__solution-link-btn .page-sec__btn {
  justify-content: flex-end;
  pointer-events: none;
  width: auto;
}

.sustainable-computing-about__solution-link:hover .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
}

.sustainable-computing-about__solution-link:hover .page-sec__btn:after {
  background-color: #F2F2F2;
}

.sustainable-computing-about__solution-item-text {
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 0.875rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__solution-item-text {
    font-size: 1rem;
  }
}

.sustainable-computing-about__movie {
  background-color: #F2F2F2;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 2.8125rem;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__movie {
    flex-direction: row;
    margin-top: 3.75rem;
    padding: 4rem;
  }
}

@media screen and (min-width: 801px) {
  .sustainable-computing-about__movie-text {
    flex-shrink: 0;
    width: 25.125rem;
  }
}

.sustainable-computing-about__movie-title {
  color: #007C93;
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__movie-title {
    font-size: 1.75rem;
  }
}

.sustainable-computing-about__movie-explain {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.78;
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__movie-explain {
    font-size: 1rem;
    margin-top: 2.25rem;
  }
}

.sustainable-computing-about__movie-wrap {
  aspect-ratio: 263/147;
  margin-top: 1.875rem;
  width: 16.4375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-about__movie-wrap {
    aspect-ratio: 590/345;
    margin-top: 0;
    width: 36.875rem;
  }
}

.sustainable-computing-about__movie-wrap iframe {
  height: 100%;
  width: 100%;
}

.sustainable-computing-certifications {
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications {
    margin-inline: 0;
    margin-top: 8rem;
    width: 100%;
  }
}

.sustainable-computing-certifications__inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: space-between;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__inner {
    flex-direction: row;
    gap: 4rem;
  }
}

.sustainable-computing-certifications__content-text-wrap {
  flex-shrink: 0;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__content-text-wrap {
    width: 24.375rem;
  }
}

@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__content-text-wrap h2 {
    margin-top: 2.625rem;
  }
}

.sustainable-computing-certifications__content-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.78;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__content-text {
    font-size: 1rem;
    line-height: 1.7;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__list-wrap {
    margin-top: 5.3125rem;
  }
}

.sustainable-computing-certifications__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.sustainable-computing-certifications__item {
  align-items: center;
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.375rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__item {
    width: 16.25rem;
  }
}

@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__item--large {
    width: 25rem;
  }
}

.sustainable-computing-certifications__item-tag {
  background-color: #259D63;
  color: #FFF;
  font-size: 0.75rem;
  margin-right: auto;
  padding: 0.125rem 0.5rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__item-tag {
    font-size: 0.875rem;
  }
}

.sustainable-computing-certifications__item-tag--blue {
  background-color: #56B2CB;
}

.sustainable-computing-certifications__item-image {
  display: grid;
  margin-top: 0.625rem;
  place-items: center;
}

@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__item--IS .sustainable-computing-certifications__item-image {
    transform: scale(1.2);
  }
}

.sustainable-computing-certifications__item--large .sustainable-computing-certifications__item-image {
  height: 8.75rem;
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__item--large .sustainable-computing-certifications__item-image {
    height: 12.5rem;
  }
}

.sustainable-computing-certifications__item--sbt .sustainable-computing-certifications__item-image {
  height: 9.6875rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__item--sbt .sustainable-computing-certifications__item-image {
    height: 7rem;
  }
}

.sustainable-computing-certifications__item--ecoaction .sustainable-computing-certifications__item-image {
  height: 8.75rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__item--ecoaction .sustainable-computing-certifications__item-image {
    height: 7rem;
  }
}

.sustainable-computing-certifications__item--reaction .sustainable-computing-certifications__item-image {
  height: 7rem;
}

.sustainable-computing-certifications__item-name {
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 0.625rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__item-name {
    font-size: 1.375rem;
    margin-top: 0.5625rem;
  }
}

.sustainable-computing-certifications__item--sbt .sustainable-computing-certifications__item-name {
  font-size: 1.375rem;
}

.sustainable-computing-certifications__item--large .sustainable-computing-certifications__item-name {
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__item--large .sustainable-computing-certifications__item-name {
    margin-top: 0.5625rem;
  }
}

.sustainable-computing-certifications__item-text {
  font-size: 1rem;
  line-height: 1.7;
  margin-top: 0.75rem;
  text-align: center;
}

.sustainable-computing-certifications__item--large .sustainable-computing-certifications__item-text {
  font-size: 0.875rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-certifications__item--large .sustainable-computing-certifications__item-text {
    font-size: 1rem;
  }
}

.sustainable-computing-article {
  border-top: 1px solid #D6D6D6;
  margin: 6.25rem auto 0;
  padding-top: 0.9375rem;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-article {
    margin-top: 7.5rem;
    width: 82rem;
  }
}

.sustainable-computing-article__title-wrap .head-tag {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-article__title-wrap .head-tag {
    font-size: 0.875rem;
  }
}

.sustainable-computing-article__title {
  font-size: 1.625rem;
  font-weight: 500;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-article__title {
    font-size: 2.25rem;
  }
}

.sustainable-computing-article__list-wrap {
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-article__list-wrap {
    margin-top: 3.75rem;
  }
}

.sustainable-computing-article__list-wrap .article__list {
  gap: 2rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-article__list-wrap .article__list {
    gap: 2.625rem 2rem;
  }
}

.sustainable-computing-article__btn-wrap {
  margin-top: 2rem;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-article__btn-wrap {
    margin-top: 3.75rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.sustainable-computing-article__btn-wrap .page-sec__btn {
  letter-spacing: 0.12em;
  text-decoration: none;
  width: 17.6875rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-article__btn-wrap .page-sec__btn {
    letter-spacing: 0.02em;
    padding-right: 1.25rem;
    width: 16.625rem;
  }
}

.sustainable-computing-article--column .sustainable-computing-article__btn-wrap .page-sec__btn {
  width: 17.6875rem;
}

.sustainable-computing-article__btn-wrap .page-sec__btn:before {
  right: 1.6875rem;
  top: 0.75rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-article__btn-wrap .page-sec__btn:before {
    right: 1.6875rem;
  }
}

.sustainable-computing-article__btn-wrap .page-sec__btn:hover:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  height: 2.25rem;
  width: 2.25rem;
}

.sustainable-computing-article__btn-wrap .btn:after {
  display: none;
}

.sustainable-computing-box {
  background-color: #063846;
  border-radius: 16px;
  display: flex;
  flex-direction: column-reverse;
  gap: 0.75rem;
  margin-inline: auto;
  margin-top: 5rem;
  padding: 1.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-box {
    background-image: url("../images/sustainable-computing/sustainable-computing-box-bg.png");
    background-size: cover;
    flex-direction: row;
    gap: 4rem;
    margin-inline: 0;
    margin-top: 7.5rem;
    padding: 4rem 5rem;
    width: 100%;
  }
}

.sustainable-computing-box__title {
  color: #FFF;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-box__title {
    font-size: 2.25rem;
    letter-spacing: 0.02em;
    line-height: 1.45;
  }
}

.sustainable-computing-box__text {
  color: #FFF;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-box__text {
    font-size: 1rem;
    letter-spacing: 0.02em;
    margin-top: 1.875rem;
  }
}

.sustainable-computing-box__btn-wrap {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-box__btn-wrap {
    margin-top: 1.5625rem;
  }
}

.sustainable-computing-box__btn-wrap a {
  border: 1px solid #FFF;
  color: #007C93;
  font-size: 0.875rem;
  padding: 0.75rem 0 0.75rem 1.375rem;
  width: 17.3125rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-box__btn-wrap a {
    font-size: 1rem;
    padding: 0.875rem 0 0.875rem 1.875rem;
    width: 19.75rem;
  }
}

.sustainable-computing-box__btn-wrap a.btn--w:after {
  background-image: url("../images/icon/btn-arrow-blue.png");
  right: 1.875rem;
  top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-box__btn-wrap a.btn--w:after {
    right: 2.25rem;
    top: 1.125rem;
  }
}

.sustainable-computing-box__btn-wrap a.btn--w:hover:after {
  background-image: url("../images/icon/btn-arrow-white.png");
}

@media screen and (min-width: 801px) {
  .sustainable-computing-box__image {
    flex-shrink: 0;
    width: 31.0625rem;
  }
}

.sustainable-computing-box__image img {
  border-radius: 16px;
}
@media screen and (min-width: 801px) {
  .sustainable-computing-box__image img {
    border-radius: 10px;
  }
}

.subtitle {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 2.4;
  margin-top: 1rem;
  padding-left: 2.71875rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .subtitle {
    font-size: 0.875rem;
    line-height: 1.7;
    margin-top: 1.5rem;
  }
}

.subtitle::before {
  background-image: url("../images/top/subtitle-icon.png");
  background-size: cover;
  content: "";
  height: 0.1875rem;
  left: 0;
  position: absolute;
  top: 50%;
  width: 2.15625rem;
}

.btn {
  background-color: #063846;
  border-radius: 100px;
  color: white;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  letter-spacing: 0.02em;
  line-height: 1.7;
  padding: 1.0625rem 4.625rem 1.0625rem 2rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .btn {
    border: 1px solid #063846;
    font-size: 1rem;
    padding: 1rem 4.625rem 1rem 2rem;
    transition: background-color 0.4s, color 0.4s;
  }
}

@media screen and (min-width: 801px) {
  .btn:hover {
    background-color: white;
    color: #063846;
  }
}

@media screen and (min-width: 801px) {
  .btn:hover::after {
    background-image: url("../images/icon/btn-arrow-black.png");
    background-size: cover;
  }
}

.btn::after {
  background-image: url("../images/icon/btn-arrow-white.png");
  background-size: cover;
  content: "";
  height: 1rem;
  position: absolute;
  right: 2rem;
  top: 1.3125rem;
  transition: background-image 0.4s;
  width: 1rem;
}
@media screen and (min-width: 801px) {
  .btn::after {
    top: 1.34375rem;
  }
}

.btn--w {
  background-color: white;
  border-radius: 100px;
  color: #063846;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  letter-spacing: 0.02em;
  line-height: 1.7;
  padding: 1rem 4.625rem 1rem 2rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .btn--w {
    transition: background-color 0.4s, color 0.4s;
  }
}

.btn--w::after {
  background-image: url("../images/icon/btn-arrow-black.png");
  background-size: cover;
  content: "";
  height: 1rem;
  position: absolute;
  right: 2rem;
  top: 1.3125rem;
  width: 1rem;
}
@media screen and (min-width: 801px) {
  .btn--w::after {
    top: 1.34375rem;
  }
}

@media screen and (min-width: 801px) {
  .btn--w:hover {
    background-color: #063846;
    color: white;
  }
}

@media screen and (min-width: 801px) {
  .btn--w:hover::after {
    background-image: url("../images/icon/btn-arrow-white.png");
    background-size: cover;
  }
}

.fv {
  background-color: #f3f4f5;
  height: 42.1875rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .fv {
    display: block;
    height: 61rem;
  }
}

.fv__container {
  margin: 0 auto;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .fv__container {
    width: 81.875rem;
  }
}

.fv__bg {
  background-image: url("../images/top/bg-g.png");
  background-size: cover;
  height: 22.240625rem;
  left: -2.020625rem;
  position: absolute;
  top: 0;
  transform: rotate(-17.67deg);
  width: 26.10875rem;
}
@media screen and (min-width: 801px) {
  .fv__bg {
    height: 59.01125rem;
    left: 22.4475rem;
    top: -5.25375rem;
    width: 69.274375rem;
  }
}

.fv__base {
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  padding: 9.21875rem 1rem 0 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .fv__base {
    padding: 20.8125rem 0 0;
  }
}

.fv__title {
  font-size: 3.3125rem;
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (min-width: 801px) {
  .fv__title {
    font-size: 6.875rem;
    line-height: 1.08;
  }
}

.fv__title--blue {
  color: #56B2CB;
}

.fv__sus-link {
  color: #063846;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.fv__sus-wrap {
  align-items: center;
  display: flex;
  height: 5rem;
  justify-content: space-between;
  margin-top: 3rem;
  padding-right: 1.5rem;
  position: relative;
  width: 18.0625rem;
}
@media screen and (min-width: 801px) {
  .fv__sus-wrap {
    width: 26.25rem;
  }
}

.fv__sus-bg {
  background-color: #063846;
  border-radius: 100px;
  height: 4.25rem;
  left: 0;
  position: absolute;
  top: 0.4375rem;
  transition: width 0.4s;
  width: 4.25rem;
}

.fv__sus-link:hover .fv__sus-bg {
  height: 5rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.0625rem;
}
@media screen and (min-width: 801px) {
  .fv__sus-link:hover .fv__sus-bg {
    width: 26.25rem;
  }
}

.fv__sus-arrow {
  background-image: url("../images/icon/btn-arrow-big.png");
  background-size: cover;
  height: 1.5rem;
  left: 1.375rem;
  position: absolute;
  top: 1.8125rem;
  transition: left 0.4s;
  width: 1.5rem;
}

.fv__sus-link:hover .fv__sus-arrow {
  left: 2rem;
}

.fv__sus-text {
  font-size: 0.875rem;
  font-weight: 500;
  left: 5.5rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  position: absolute;
  top: 1rem;
  transition: left 0.4s, color 0.4s;
}
@media screen and (min-width: 801px) {
  .fv__sus-text {
    font-size: 1rem;
    top: 1.65625rem;
  }
}

.fv__sus-link:hover .fv__sus-text {
  color: white;
  left: 4.375rem;
}

.fv__scroll {
  font-size: 0.75rem;
  font-weight: bold;
  left: 20.125rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
  position: absolute;
  top: 26.75rem;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 801px) {
  .fv__scroll {
    left: 0;
    top: 53.625rem;
  }
}

.fv__scroll-line-bg {
  background-color: white;
  height: 3rem;
  left: 20.78125rem;
  position: absolute;
  top: 30.625rem;
  width: 0.0625rem;
}
@media screen and (min-width: 801px) {
  .fv__scroll-line-bg {
    left: 0.625rem;
    top: 58rem;
  }
}

.fv__scroll-line {
  animation: move-line-sp 1.6s infinite ease both;
  background-color: black;
  height: 3rem;
  left: 20.78125rem;
  position: absolute;
  top: 30.625rem;
  width: 0.0625rem;
}
@media screen and (min-width: 801px) {
  .fv__scroll-line {
    animation: move-line-large 1.6s infinite ease both;
    left: 0.625rem;
    top: 58rem;
  }
}

@keyframes move-line-sp {
  0% {
    height: 0;
    top: 30.625rem;
  }
  50% {
    height: 3rem;
    top: 30.625rem;
  }
  51% {
    height: 3rem;
    top: 30.625rem;
  }
  100% {
    height: 0;
    top: 33.625rem;
  }
}
@keyframes move-line-large {
  0% {
    height: 0;
    top: 58rem;
  }
  50% {
    height: 3rem;
    top: 58rem;
  }
  51% {
    height: 3rem;
    top: 58rem;
  }
  100% {
    height: 0;
    top: 61rem;
  }
}
/* 導入実績・検索セクション */
.achievements {
  height: 23.6875rem;
  padding-top: 13.1875rem;
  position: relative;
  width: 100%;

  height: 26rem; /* 変更 */
}
@media screen and (min-width: 801px) {
  .achievements {
    height: 33.3125rem;
    padding-top: 14.25rem;
    min-height: 350px; /* 変更 */
  }
}

.achievements__title {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .achievements__title {
    font-size: 1.75rem;
  }
}

.achievements__title--blue {
  color: #007C93;
}

.achievements__title--big {
  font-size: 1.5rem;
}
@media screen and (min-width: 801px) {
  .achievements__title--big {
    font-size: 2.125rem;
  }
}

.achievements__slider-wrap {
  overflow-x: hidden;
  position: relative;
  width: 100vw;

  margin-top: 2rem;
  height: 110px;
}
@media screen and (min-width: 801px) {
  .achievements__slider-wrap {
    height: 110px;
    margin-top: 3rem;
  }
}

.achievements__logo-slider {
  display: flex;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(-50%);

  width: 2160px;
  height: 110px;
}
@media screen and (min-width: 801px) {
  .achievements__logo-slider {

    height: 110px;
    width: 2160px;

  }
}

.achievements__logo-slider .slick-list {
  overflow: hidden;
  padding-block: 0;
}

.achievements__logo {
  margin: 0 0.75rem;

  height: 110px;
  width: 230px!important;
}
@media screen and (min-width: 801px) {
  .achievements__logo {
    margin: 0 1.25rem;
    width: 230px!important;
    height: 110px;
  }
}

.achievements__logo img {
  height: auto;
  width: 100%;
}

.search-area {
  background-color: #007C93;
  border-bottom-left-radius: 16px;
  border-top-left-radius: 16px;
  margin-bottom: 3.75rem;
  padding: 2.5rem 1.5rem;
  position: absolute;
  right: 0;
  top: -8.5625rem;
  width: 22.4375rem;
}
@media screen and (min-width: 801px) {
  .search-area {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    padding: 3.5rem;
    top: -8.125rem;
    width: 68.5625rem;
  }
}

.search-area__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .search-area__container {
    flex-direction: row;
  }
}

.search-area__text-wrap {
  border-bottom: 1px solid white;
  padding-bottom: 1rem;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .search-area__text-wrap {
    border-bottom: none;
    border-right: 1px solid white;
    padding-bottom: 0;
    width: 18.1875rem;
  }
}

.achievements__title-wrap {
  margin-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .achievements__title-wrap {
    margin-top: 0;
  }
}

.search-area__title {
  color: white;
  font-size: 1.875rem;
  line-height: 1;
}
@media screen and (min-width: 801px) {
  .search-area__title {
    font-size: 2.5rem;
  }
}

.search-area__text {
  color: white;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .search-area__text {
    font-size: 1rem;
    margin-top: 1rem;
    width: 15.3125rem;
  }
}

.search-area__input-area {
  margin-top: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .search-area__input-area {
    margin-top: 0;
    width: 40.5rem;
  }
}

.search-area__input-wrap {
  align-items: center;
  background-color: white;
  border-radius: 8px;
  display: flex;
  height: 3.625rem;
  justify-content: space-between;
  padding: 0 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .search-area__input-wrap {
    height: 3.875rem;
    width: 28rem;
  }
}

.search-area__input {
  font-size: 0.875rem;
  height: 1.625rem;
  letter-spacing: 0.04em;
  line-height: 1.85;
  width: 13rem;
}
@media screen and (min-width: 801px) {
  .search-area__input {
    font-size: 1rem;
    height: 3.5rem;
    width: 24.125rem;
  }
}

.search-area__input::-moz-placeholder {
  color: #666;
}

.search-area__input::placeholder {
  color: #666;
}

.search-area__input:focus {
  border: none;
  outline: none;
}

.search-area__search-icon {
  background-image: url("../images/icon/search.png");
  background-size: cover;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
}

.search-area__input-maker-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .search-area__input-maker-wrap {
    margin-top: 1.5rem;
  }
}

.search-area__input-maker {
  border: 1px solid white;
  border-radius: 100px;
  color: white;
  font-size: 0.75rem;
  line-height: 1.75;
  padding: 0.5rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .search-area__input-maker {
    font-size: 0.875rem;
    line-height: 1.71;
    transition: background-color 0.4s;
  }
}

@media screen and (min-width: 801px) {
  .search-area__input-maker:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }
}

/* インタビューセクション */
.interview {
  background-color: #f3f4f5;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 3.75rem;
  overflow-x: hidden;
  padding: 5rem 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .interview {
    height: auto;
    margin-top: 0;
    padding: 8.875rem 0 9.25rem;
  }
}

.interview__container {
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 auto;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .interview__container {
    width: 82rem;
  }
}

.interview__title-wrap {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .interview__title-wrap {
    width: 20.125rem;
  }
}

.interview__title {
  font-size: 2.875rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 801px) {
  .interview__title {
    font-size: 4rem;
  }
}

.interview__slider-wrap {
  margin-top: 3.125rem;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none; /* Firefox 対応 */
  -ms-overflow-style: none; /* IE, Edge 対応 */
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .interview__slider-wrap {
    margin-top: 4.125rem;
    width: calc(100vw - 4rem);
  }
}

.interview__slider-wrap::-webkit-scrollbar {
  display: none;
}

.modal__list-wrap::-webkit-scrollbar {
  display: none; /* Chrome, Safari 対応 */
}

.interview__slider-wrap .slider__item-tag {
  transition: background-color 0.4s;
}

.interview__slider-wrap .slider__item-tag:hover {
  background-color: #FFF;
}

.interview__btn {
  margin-left: 1.5rem;
  margin-top: 3.375rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .interview__btn {
    margin: 0;
    position: absolute;
    right: 0;
    top: 3.25rem;
  }
}

/* サスティナブルコンピューティングについて */
.sus {
  background-color: #063846;
  height: 119.0625rem;
  overflow-x: hidden;
  padding: 5rem 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus {
    height: 92.625rem;
    padding: 9.25rem 0;
  }
}

.sus__container {
  margin: 0 auto;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .sus__container {
    width: 82.125rem;
  }
}

.sus__bg {
  background-image: url("../images/top/sus-bg.png");
  background-size: cover;
  height: 32rem;
  left: -6.0625rem;
  position: absolute;
  top: 12.5rem;
  width: 32rem;
}
@media screen and (min-width: 801px) {
  .sus__bg {
    height: 67.125rem;
    left: -10.9375rem;
    top: -7rem;
    width: 67.125rem;
  }
}

.sus__base {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.sus__title-row {
  border-bottom: 1px solid white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__title-row {
    border-bottom: 1.2px solid white;
    flex-direction: row;
  }
}

.sus__title-wrap {
  border: none;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__title-wrap {
    width: 35.9375rem;
  }
}

.sus__title {
  color: white;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
@media screen and (min-width: 801px) {
  .sus__title {
    font-size: 2.8125rem;
  }
}

.sus__subtitle {
  color: white;
  display: flex;
  margin-top: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__subtitle {
    margin-top: 2.375rem;
  }
}

.sus__text-wrap {
  margin-top: 2.5rem;
  padding-bottom: 2.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__text-wrap {
    margin-top: 0;
    padding-bottom: 5rem;
    width: 40.125rem;
  }
}

.sus__text {
  color: white;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__text {
    font-size: 1rem;
  }
}

.sus__btn-link {
  color: white;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.sus__btn-wrap {
  align-items: center;
  display: flex;
  height: 5rem;
  justify-content: space-between;
  margin-top: 1.75rem;
  padding-right: 1.5rem;
  position: relative;
  width: 18.3125rem;
}
@media screen and (min-width: 801px) {
  .sus__btn-wrap {
    width: 26rem;
  }
}

.sus__btn-bg {
  background-color: white;
  border-radius: 100px;
  height: 4.25rem;
  left: 0;
  position: absolute;
  top: 0.4375rem;
  transition: width 0.4s;
  width: 4.25rem;
}

.sus__btn-link:hover .sus__btn-bg {
  height: 5rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.3125rem;
}
@media screen and (min-width: 801px) {
  .sus__btn-link:hover .sus__btn-bg {
    width: 26rem;
  }
}

.sus__btn-arrow {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  background-size: cover;
  height: 1.5rem;
  left: 1.375rem;
  position: absolute;
  top: 1.8125rem;
  transition: left 0.4s;
  width: 1.5rem;
}

.sus__btn-link:hover .sus__btn-arrow {
  left: 2rem;
}

.sus__btn-text {
  font-size: 0.875rem;
  font-weight: 500;
  left: 5.25rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  position: absolute;
  top: 1rem;
  transition: left 0.4s, color 0.4s;
}
@media screen and (min-width: 801px) {
  .sus__btn-text {
    font-size: 1rem;
    left: 5.5rem;
    top: 1.65625rem;
  }
}

.sus__btn-link:hover .sus__btn-text {
  color: #063846;
  left: 4.375rem;
}

.sus__phase-wrap {
  margin-top: 2.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__phase-wrap {
    margin-top: 5rem;
  }
}

.sus__phase-title {
  color: white;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.7;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__phase-title {
    font-size: 2rem;
  }
}

.sus__phase-row {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__phase-row {
    flex-direction: row;
    justify-content: space-between;
    row-gap: 0;
    width: 79.5rem;
  }
}

.sus__phase-row:nth-child(2) {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .sus__phase-row:nth-child(2) {
    margin-top: 2.25rem;
  }
}

.sus__phase-row:nth-child(3) {
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .sus__phase-row:nth-child(3) {
    margin-top: 2rem;
  }
}

.sus__phase-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (min-width: 801px) {
  .sus__phase-block {
    flex-direction: column-reverse;
  }
}

.sus__phase-row:nth-child(2) .sus__phase-block:nth-child(1) {
  height: 25.625rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__phase-row:nth-child(2) .sus__phase-block:nth-child(1) {
    height: 21.1875rem;
    width: 52.66625rem;
  }
}

.sus__phase-row:nth-child(2) .sus__phase-block:nth-child(2) {
  height: 11.25rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__phase-row:nth-child(2) .sus__phase-block:nth-child(2) {
    height: 21.1875rem;
    width: 25.833125rem;
  }
}

.sus__phase-row:nth-child(3) .sus__phase-block:nth-child(1) {
  height: 11.25rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__phase-row:nth-child(3) .sus__phase-block:nth-child(1) {
    height: 19.6875rem;
    width: 39.25rem;
  }
}

.sus__phase-row:nth-child(3) .sus__phase-block:nth-child(2) {
  height: 13.375rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__phase-row:nth-child(3) .sus__phase-block:nth-child(2) {
    height: 19.6875rem;
    width: 39.25rem;
  }
}

.sus__bar {
  align-items: center;
  background-position: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0.5rem 0.25rem;
  width: 2.5rem;
}
@media screen and (min-width: 801px) {
  .sus__bar {
    flex-direction: row;
    height: 3.5rem;
    padding: 0.5rem 1.5rem;
    width: 100%;
  }
}

.sus__bar1 {
  background-image: url("../images/top/bar-bg1-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .sus__bar1 {
    background-image: url("../images/top/bar-bg1.png");
  }
}

.sus__bar2 {
  background-image: url("../images/top/bar-bg2-sp.png");
  background-size: contain;
}
@media screen and (min-width: 801px) {
  .sus__bar2 {
    background-image: url("../images/top/bar-bg2.png");
    background-size: 100% 100%;
  }
}

.sus__bar3 {
  background-image: url("../images/top/bar-bg3-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .sus__bar3 {
    background-image: url("../images/top/bar-bg3.png");
  }
}

.sus__bar4 {
  background-color: #5694A6;
}

.sus__bar-point {
  background-image: url("../images/icon/point.png");
  background-size: cover;
  height: 2.25rem;
  width: 2.25rem;
}
@media screen and (min-width: 801px) {
  .sus__bar-point {
    margin-right: 1rem;
  }
}

.sus__bar-text {
  color: white;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.4em;
  line-height: 1.3;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 801px) {
  .sus__bar-text {
    font-size: 1rem;
    letter-spacing: 0.04em;
    line-height: 1.5;
    writing-mode: horizontal-tb;
  }
}

.sus__main-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 18.3125rem;
}
@media screen and (min-width: 801px) {
  .sus__main-wrap {
    flex-direction: row;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
  }
}

.sus__main {
  background-color: white;
  border-radius: 10px;
  padding: 1.5rem 1rem;
}
@media screen and (min-width: 801px) {
  .sus__main {
    border-radius: 16px;
    padding: 2rem 2rem 2.5rem;
  }
}

.sus__main.phase1 {
  height: 11.25rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__main.phase1 {
    height: 100%;
    width: 25.833125rem;
  }
}

.sus__main.phase2 {
  height: 13.375rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__main.phase2 {
    height: 100%;
    width: 25.833125rem;
  }
}

.sus__main.phase3 {
  height: 11.25rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__main.phase3 {
    height: 100%;
    width: 25.833125rem;
  }
}

.sus__main.phase4 {
  height: 11.25rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__main.phase4 {
    height: 100%;
    width: 39.25rem;
  }
}

.sus__main.phase5 {
  height: 13.375rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .sus__main.phase5 {
    height: 100%;
    width: 39.25rem;
  }
}

.phase-title-row {
  align-items: center;
  display: flex;
}

.phase-number {
  color: #56B2CB;
  font-family: "Poppins", sans-serif;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.22;
  margin-right: 1rem;
}
@media screen and (min-width: 801px) {
  .phase-number {
    font-size: 3rem;
  }
}

.phase-title {
  color: #20383C;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.22;
}
@media screen and (min-width: 801px) {
  .phase-title {
    font-size: 1.5rem;
  }
}

.phase-title-sub {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .phase-title-sub {
    display: none;
  }
}

.phase-text {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.7;
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .phase-text {
    font-size: 0.875rem;
  }
}

.phase-link-wrap {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 1rem;
  row-gap: 1rem;
  text-wrap: nowrap;
}
@media screen and (min-width: 801px) {
  .phase-link-wrap {
    align-items: center;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    flex-wrap: unset;
    margin-top: 1.59375rem;
  }
}

.phase1 .phase-link-wrap {
  margin-left: 10.0625rem;
}
@media screen and (min-width: 801px) {
  .phase1 .phase-link-wrap {
    margin-left: 0;
  }
}

.phase2 .phase-link-wrap {
  margin-left: 7.75rem;
}
@media screen and (min-width: 801px) {
  .phase2 .phase-link-wrap {
    margin-left: auto;
    width: 19.375rem;
  }
}

.phase3 .phase-link-wrap {
  margin-left: 7.75rem;
}
@media screen and (min-width: 801px) {
  .phase3 .phase-link-wrap {
    margin-left: 0;
  }
}

@media screen and (min-width: 801px) {
  .phase4 .phase-link-wrap {
    justify-content: flex-end;
  }
}

.phase5 .phase-link-wrap {
  gap: 1rem;
}
@media screen and (min-width: 801px) {
  .phase5 .phase-link-wrap {
    gap: 0.5rem;
  }
}

.phase-link-text {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (min-width: 801px) {
  .phase-link-text {
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.phase-link {
  color: #56B2CB;
  text-decoration: underline;
  transition: color 0.4s;
}

.phase-link:hover {
  color: #007C93;
}

/* サービスセクション */
.service {
  background-color: #f3f4f5;
  overflow-x: hidden;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .service {
    display: block;
  }
}

.service__bg {
  background-image: url("../images/top/service-bg-sp.png");
  background-size: cover;
  height: 32.6875rem;
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .service__bg {
    background-image: url("../images/top/service-bg.png");
  }
}

.service__container {
  margin: 0 auto;
  margin-top: -27.6875rem;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .service__container {
    margin-top: -23.4375rem;
    width: 82rem;
  }
}

.service__title-wrap {
  width: 100%;
}

.service__title {
  color: white;
  font-size: 2.875rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 801px) {
  .service__title {
    font-size: 4rem;
  }
}

.service__subtitle {
  color: white;
}

.service__content {
  background-color: white;
  border-radius: 16px;
  margin-top: 8.125rem;
  padding: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .service__content {
    margin-top: 4rem;
    padding: 4rem;
  }
}

.service__content-row {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 74rem;
}
@media screen and (min-width: 801px) {
  .service__content-row {
    flex-direction: row;
  }
}

.service__content-image {
  display: none;
}
@media screen and (min-width: 801px) {
  .service__content-image {
    border-radius: 16px;
    display: block;
    height: 38.1875rem;
    width: 35.75rem;
  }
}

.service__content-image img {
  border-radius: 10px;
}
@media screen and (min-width: 801px) {
  .service__content-image img {
    border-radius: 16px;
  }
}

.service__content-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .service__content-list {
    width: 35.75rem;
  }
}

.service__content-item {
  background-color: #F2F2F2;
  border-radius: 10px;
  cursor: pointer;
  width: 100%;
}

.service__content-item:hover {
  background-color: #063846;
}

.service__content-item-link {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .service__content-item-link {
    padding: 1.5rem 2rem;
  }
}

.service__content-item-text {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.6;
}
@media screen and (min-width: 801px) {
  .service__content-item-text {
    font-size: 1.125rem;
  }
}

.service__content-item:hover .service__content-item-text {
  color: white;
  text-decoration: none;
}
@media screen and (min-width: 801px) {
  .service__content-item:hover .service__content-item-text {
    text-decoration: underline;
  }
}

.service__content-item-arrow-wrap {
  align-items: center;
  display: flex;
  height: 1.6875rem;
  justify-content: center;
  width: 1.6875rem;
}
@media screen and (min-width: 801px) {
  .service__content-item-arrow-wrap {
    height: 2.5625rem;
    width: 2.5625rem;
  }
}

@media screen and (min-width: 801px) {
  .service__content-item:hover .service__content-item-arrow-wrap {
    align-items: center;
    background-color: #56B2CB;
    border-radius: 100px;
    display: flex;
    height: 2.5625rem;
    justify-content: center;
    width: 2.5625rem;
  }
}

.service__content-item-arrow {
  background-image: url("../images/icon/plus.png");
  background-size: cover;
  height: 1.6875rem;
  width: 1.6875rem;
}
@media screen and (min-width: 801px) {
  .service__content-item-arrow {
    background-image: url("../images/icon/btn-arrow-big-black.png");
    height: 1.5rem;
    width: 1.5rem;
  }
}

.service__content-item:hover .service__content-item-arrow {
  background-image: url("../images/icon/plus-white.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .service__content-item:hover .service__content-item-arrow {
    background-image: url("../images/icon/btn-arrow-big.png");
    height: 1rem;
    transform: rotate(0deg);
    width: 1rem;
  }
}

.service__content-item.open .service__content-item-arrow {
  transform: rotate(45deg);
}

.service__hidden {
  padding: 0 1.5rem 1.5rem;
}
@media screen and (min-width: 801px) {
  .service__hidden {
    display: block;
    height: 100%;
    padding: 0 2rem 1.5rem;
  }
}

.service__content-item:hover .service__hidden { /* 不要かも */ }
@media screen and (min-width: 801px) {
  .service__content-item:hover .service__hidden {
    display: block;
    height: 100%;
  }
}

.service__hidden-image {
  border-radius: 10px;
  height: 8.875rem;
  width: 16.4375rem;
}
@media screen and (min-width: 801px) {
  .service__hidden-image {
    display: none;
  }
}

.service__hidden-image img {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}

.service__hidden-link {
  background-color: #007C93;
  border-radius: 100px;
  color: white;
  display: inline-block;
  margin-top: 1rem;
  padding: 1.0625rem 0.75rem 1.0625rem 2rem;
  position: relative;
  width: 16.4375rem;
}
@media screen and (min-width: 801px) {
  .service__hidden-link {
    display: none;
  }
}

.service__hidden-link::after {
  background-image: url("../images/icon/btn-arrow-big.png");
  background-size: cover;
  content: "";
  height: 1rem;
  position: absolute;
  right: 2.3125rem;
  top: 1.3125rem;
  width: 1rem;
}

.service__hidden-text {
  color: white;
  font-size: 0.75rem;
  line-height: 1.75;
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .service__hidden-text {
    font-size: 0.875rem;
    margin-top: 0;
    width: 27.6875rem;
  }
}

.service__hidden-link-btn-wrap {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  row-gap: 1rem;
}

.service__hidden-link-btn {
  border: 1px solid white;
  border-radius: 100px;
  color: white;
  font-size: 0.75rem;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  letter-spacing: 0.02em;
  line-height: 1.7;
  padding: 0.5rem 3.5rem 0.5rem 1.5rem;
  position: relative;
  transition: background-color 0.4s, color 0.4s;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .service__hidden-link-btn {
    font-size: 0.875rem;
  }
}

.service__hidden-link-btn:hover {
  background-color: #FFF;
  color: #063846;
}

.service__hidden-link-btn::after {
  background-image: url("../images/icon/btn-arrow-big.png");
  background-size: cover;
  content: "";
  height: 1rem;
  position: absolute;
  right: 1.5rem;
  top: 0.625rem;
  transition: background-image 0.4s;
  width: 1rem;
}
@media screen and (min-width: 801px) {
  .service__hidden-link-btn::after {
    top: 0.75rem;
  }
}

.service__hidden-link-btn:hover::after {
  background-image: url("../images/icon/btn-arrow-big-black.png");
}

.service__link-wrap {
  background-image: url("../images/top/service-bg02-sp.png");
  background-size: cover;
  border-radius: 16px;
  margin-top: 2rem;
  padding: 2rem 1rem;
  width: 19.4375rem;
}
@media screen and (min-width: 801px) {
  .service__link-wrap {
    background-image: url("../images/top/service-bg02.png");
    margin-top: 4rem;
    padding: 3rem;
    width: 74rem;
  }
}

.service__link-row {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .service__link-row {
    flex-direction: row;
  }
}

.service__link-title {
  color: white;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.7;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .service__link-title {
    font-size: 1.5rem;
    width: 20.625rem;
  }
}

.service__link-btn-wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 1.5rem;
  row-gap: 1rem;
  width: 17.4375rem;
}
@media screen and (min-width: 801px) {
  .service__link-btn-wrap {
    flex-direction: row;
    margin-top: 0;
    row-gap: 0;
    width: 40.25rem;
  }
}

.service__link-btn {
  background-color: #063846;
  border-radius: 100px;
  color: white;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  letter-spacing: 0.02em;
  line-height: 1.7;
  padding: 1.5625rem 4.21875rem 1.5625rem 1.59375rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .service__link-btn {
    font-size: 1rem;
    padding: 1.5rem 4.625rem 1.5rem 2rem;
    transition: background-color 0.4s, color 0.4s;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.service__link-btn:hover {
  background-color: white;
  color: #063846;
}

.service__link-btn::after {
  background-image: url("../images/icon/popup-plus-black.svg");
  background-size: cover;
  content: "";
  height: 1.625rem;
  position: absolute;
  right: 1.59375rem;
  top: 1.59375rem;
  transition: background-image 0.4s;
  width: 1.625rem;
}
@media screen and (min-width: 801px) {
  .service__link-btn::after {
    right: 2.0625rem;
  }
}

.service__link-btn:hover::after {
  background-image: url("../images/icon/popup-plus-green.svg");
  background-size: cover;
}

.service__btn {
  color: #007C93;
  position: absolute;
  right: 0;
  top: 7.3125rem;
}
@media screen and (min-width: 801px) {
  .service__btn {
    top: 3.25rem;
  }
}

.service__btn::after {
  background-image: url("../images/icon/btn-arrow-blue.png");
}

.about {
  background-color: #f3f4f5;
  padding: 5rem 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about {
    display: block;
    padding: 9.25rem 0;
  }
}

.about__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .about__container {
    flex-direction: row;
    width: 81.875rem;
  }
}

.about__title-wrap {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about__title-wrap {
    width: 23.5625rem;
  }
}

.about__title {
  font-size: 2.875rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 801px) {
  .about__title {
    font-size: 4rem;
  }
}

.about__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
  .about__text {
    font-size: 1rem;
    margin-top: 1.5rem;
  }
}

.about__block-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 2rem;
  row-gap: 2rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about__block-wrap {
    flex-direction: row;
    width: 54.3125rem;
  }
}

.about__block {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about__block {
    width: 26.15625rem;
  }
}

.about__block-image {
  border-radius: 10px;
  height: 15.25rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .about__block-image {
    height: 18.6875rem;
  }
}

.about__block-image img {
  border-radius: 16px;
}

.about__block-link {
  color: unset;
}

.about__block-link-block {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  position: absolute;
  right: 0.5rem;
  width: 20.4375rem;
}
@media screen and (min-width: 801px) {
  .about__block-link-block {
    transition: background-color 0.4s, color 0.4s;
    width: 25.1875rem;
  }
}

.about__block-link:hover .about__block-link-block {
  background-color: #007C93;
  color: white;
}

.about__block-link-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.22;
}
@media screen and (min-width: 801px) {
  .about__block-link-text {
    font-size: 1.125rem;
  }
}

.about__block-link-arrow-wrap {
  align-items: center;
  background-color: #56B2CB;
  border-radius: 100px;
  display: flex;
  height: 2.5625rem;
  justify-content: center;
  transition: background-color 0.4s;
  width: 2.5625rem;
}

.about__block-link:hover .about__block-link-arrow-wrap {
  background-color: #FFF;
}

.about__block-link-arrow {
  background-image: url("../images/icon/btn-arrow-big.png");
  background-size: cover;
  height: 1rem;
  transition: background-image 0.4s;
  width: 1rem;
}

@media screen and (min-width: 801px) {
  .about__block-link:hover .about__block-link-arrow {
    background-image: url("../images/icon/btn-arrow-big-black.png");
    background-size: cover;
  }
}

.about__block-text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .about__block-text {
    font-size: 1rem;
  }
}

.content {
  background-color: white;
  overflow-x: hidden;
  padding: 5rem 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .content {
    padding: 9.25rem 0;
  }
}

.content__container {
  margin: 0 auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .content__container {
    width: 82rem;
  }
}

.content__title-wrap {
  width: 100%;
}

.content__title {
  font-size: 2.875rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 801px) {
  .content__title {
    font-size: 4rem;
  }
}

.content__news-wrap {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 4rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .content__news-wrap {
    margin-top: 6.5rem;
  }
}

.content__news-title {
  border-bottom: 1px solid black;
  color: black;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
  padding-bottom: 2.75rem;
  padding-right: 0;
  position: relative;
}
@media screen and (min-width: 801px) {
  .content__news-title {
    font-size: 1.75rem;
    padding-bottom: 2.1875rem;
    padding-right: 3.4375rem;
  }
}

.content__news-title::after {
  color: #20383C;
  content: "NEWS";
  font-size: 0.75rem;
  font-weight: 400;
  left: 0;
  line-height: 1.7;
  position: absolute;
  top: 1.625rem;
}
@media screen and (min-width: 801px) {
  .content__news-title::after {
    font-size: 0.875rem;
    left: 8.0625rem;
    line-height: 1;
    top: 0.5rem;
  }
}

.news-slider-wrap {
  margin-top: 3.125rem;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none; /* Firefox 対応 */
  -ms-overflow-style: none; /* IE, Edge 対応 */
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .news-slider-wrap {
    margin-top: 4rem;
    width: calc(100vw - 4rem);
  }
}

.news-slider-wrap::-webkit-scrollbar {
  display: none;
}

.content__news-btn {
  padding-block: 0.5625rem;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 801px) {
  .content__news-btn {
    top: -1.09375rem;
  }
}

.content__news-btn::after {
  height: 1rem;
  top: 0.8125rem;
  width: 1rem;
}

.content__column-wrap {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 4rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .content__column-wrap {
    margin-top: 6.5rem;
  }
}

.content__column-title {
  border-bottom: 1px solid black;
  color: black;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
  padding-bottom: 2.75rem;
  padding-right: 0;
  position: relative;
}
@media screen and (min-width: 801px) {
  .content__column-title {
    font-size: 1.75rem;
    padding-bottom: 2.1875rem;
    padding-right: 3.4375rem;
  }
}

.content__column-title::after {
  color: #20383C;
  content: "COLUMN";
  font-size: 0.75rem;
  font-weight: 400;
  left: 0;
  line-height: 1.7;
  position: absolute;
  top: 1.84375rem;
}
@media screen and (min-width: 801px) {
  .content__column-title::after {
    font-size: 0.875rem;
    left: 6.3125rem;
    line-height: 1;
    top: 0.5rem;
  }
}

.content__column-btn {
  padding-block: 0.5625rem;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 801px) {
  .content__column-btn {
    top: -1.09375rem;
  }
}

.content__column-btn::after {
  height: 1rem;
  top: 0.8125rem;
  width: 1rem;
}

.column-slider-wrap {
  margin-top: 3.125rem;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none; /* Firefox 対応 */
  -ms-overflow-style: none; /* IE, Edge 対応 */
  width: calc(100vw - 1rem);
}
@media screen and (min-width: 801px) {
  .column-slider-wrap {
    margin-top: 4rem;
    width: calc(100vw - 4rem);
  }
}

.column-slider-wrap::-webkit-scrollbar {
  display: none;
}

.content__webinar-wrap {
  background-color: #56B2CB;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 17.9375rem;
  justify-content: space-between;
  margin-top: 2.5rem;
  padding: 2.5rem 1.5rem;
  row-gap: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .content__webinar-wrap {
    background-image: url("../images/top/webinar-bg.jpg");
    background-size: cover;
    flex-direction: row;
    height: 11.6875rem;
    margin-top: 6.5rem;
    padding: 4rem;
    row-gap: 0;
  }
}

.content__webinar-title-wrap {
  align-items: unset;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .content__webinar-title-wrap {
    align-items: center;
    flex-direction: row;
    width: 56.1875rem;
  }
}

.content__webinar-title {
  border-right: none;
  color: white;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding-right: 3rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .content__webinar-title {
    border-right: 1px solid white;
    font-size: 1.75rem;
    padding-right: 8.8125rem;
  }
}

.content__webinar-title::after {
  content: "BLOG";
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0.375rem;
}
@media screen and (min-width: 801px) {
  .content__webinar-title::after {
    content: "WEBINAR";
    font-size: 0.875rem;
    right: 4rem;
    top: 1.09375rem;
  }
}

.content__webinar-text {
  color: white;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .content__webinar-text {
    font-size: 1rem;
    margin-top: 0;
    width: 35.9375rem;
  }
}

.content__webinar-btn {
  color: #007C93;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .content__webinar-btn {
    background-color: white;
    font-size: 1rem;
    transition: color 0.4s, background-color 0.4s;
  }
}

@media screen and (min-width: 801px) {
  .content__webinar-btn:hover {
    background-color: #007C93;
    color: white;
  }
}

.content__webinar-btn::after {
  background-image: url("../images/icon/btn-arrow-blue.png");
  background-size: cover;
  height: 1rem;
  top: 1.3125rem;
  width: 1rem;
}
@media screen and (min-width: 801px) {
  .content__webinar-btn::after {
    right: 2.3125rem;
    top: 1.34375rem;
  }
}

@media screen and (min-width: 801px) {
  .content__webinar-btn:hover::after {
    background-image: url("../images/icon/btn-arrow-white.png");
    background-size: cover;
  }
}

.content__blog-wrap {
  background-color: #063846;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 17.9375rem;
  justify-content: space-between;
  margin-top: 2.5rem;
  padding: 2.5rem 1.5rem;
  row-gap: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .content__blog-wrap {
    background-image: url("../images/top/blog-bg.png");
    background-size: cover;
    flex-direction: row;
    height: 11.6875rem;
    margin-top: 3rem;
    padding: 4rem;
  }
}

.content__blog-title-wrap {
  align-items: unset;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .content__blog-title-wrap {
    align-items: center;
    flex-direction: row;
    width: 56.1875rem;
  }
}

.content__blog-title {
  border-right: none;
  color: white;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding-right: 3rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .content__blog-title {
    border-right: 1px solid white;
    font-size: 1.75rem;
    padding-right: 7.3125rem;
  }
}

.content__blog-title::after {
  content: "BLOG";
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0.375rem;
}
@media screen and (min-width: 801px) {
  .content__blog-title::after {
    font-size: 0.875rem;
    right: 4rem;
    top: 1.09375rem;
  }
}

.content__blog-text {
  color: white;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .content__blog-text {
    font-size: 1rem;
    margin-top: 0;
    width: 35.9375rem;
  }
}

.content__blog-btn {
  color: #007C93;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .content__blog-btn {
    font-size: 1rem;
    transition: color 0.4s, background-color 0.4s;
  }
}

.content__blog-btn:hover {
  background-color: #007C93;
  color: white;
}

.content__blog-btn::after {
  background-image: url("../images/icon/new_window-blue.svg");
  background-size: cover;
  height: 1rem;
  top: 1.3125rem;
  width: 1rem;
}
@media screen and (min-width: 801px) {
  .content__blog-btn::after {
    right: 2.3125rem;
    top: 1.34375rem;
  }
}

.content__blog-btn:hover::after {
  background-image: url("../images/icon/new_window-white.svg");
  background-size: cover;
}

.recruit {
  background-color: #063846;
  overflow: hidden;
  padding: 5rem 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit {
    padding: 7.5rem 0;
  }
}

.recruit__container {
  background-image: url("../images/top/recruit-bg-sp.jpg");
  background-size: cover;
  border-radius: 16px;
  height: 40.375rem;
  margin: 0 auto;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .recruit__container {
    background-color: rgba(255, 255, 255, 0.95);
    height: 31.6875rem;
    width: 81.9375rem;
  }
}

.recruit__bg {
  background-image: url("../images/top/bg-g2.png");
  background-size: cover;
  height: 48.2375rem;
  left: -20.389375rem;
  position: absolute;
  top: -3.13875rem;
  transform: rotate(-17.67deg);
  width: 56.62625rem;
}
@media screen and (min-width: 801px) {
  .recruit__bg {
    height: 59.01125rem;
    left: -19.24rem;
    top: -13.5025rem;
    width: 69.274375rem;
  }
}

.recruit__base {
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: 4rem 1.5rem;
  position: relative;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .recruit__base {
    padding: 6.5rem 2.5rem;
  }
}

.recruit__images {
  display: none;
}
@media screen and (min-width: 801px) {
  .recruit__images {
    display: flex;
    gap: 2.1875rem;
    height: 100%;
    position: absolute;
    right: -3.125rem;
    top: -20%;
    width: 46.25rem;
  }
}

.recruit__image-slider {
  animation: loop_carousel 80s infinite linear 0.5s both;
  rotate: 20deg;
  transform-origin: right center;
  will-change: transform;
}

.recruit__image-slider--top {
  animation: loop_carousel-top 80s infinite linear 0.5s both;
  will-change: transform;
}

.recruit__image-item {
  margin-top: 0.9375rem;
}

.recruit__title {
  font-size: 2.875rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 801px) {
  .recruit__title {
    font-size: 4rem;
  }
}

.recruit__text {
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .recruit__text {
    font-size: 1rem;
  }
}

.recruit__btn {
  margin-top: 1.5rem;
}

.recruit__logo {
  display: none;
}
@media screen and (min-width: 801px) {
  .recruit__logo {
    display: block;
    height: 10.8125rem;
    left: calc(50% - 4.375rem);
    position: absolute;
    top: 4.375rem;
    transform: translateX(-50%);
    width: 12.0625rem;
    z-index: 1;
  }
}

@keyframes loop_carousel {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes loop_carousel-top {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/* モーダルのスタイル */
.modal {
  background-color: rgba(0, 0, 0, 0.8);
  display: none; /* 初期状態は非表示 */
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.modal__content {
  background-color: #F3F4F5;
  border-radius: 15px;
  display: none;
  height: 80%;
  margin: 30% auto;
  padding: 2rem 1rem;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .modal__content {
    margin: 5% auto;
    padding: 5rem;
    width: 82rem;
  }
}

.modal__title {
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .modal__title {
    font-size: 2.25rem;
    text-align: left;
  }
}

.modal__close {
  align-items: center;
  background-color: white;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  height: 2.8125rem;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -3.4375rem;
  width: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .modal__close {
    font-size: 1.5rem;
    height: 3.4375rem;
    right: 1.40625rem;
    top: 1.40625rem;
    width: 3.4375rem;
  }
}

.modal__list-wrap {
  height: 80%;
  margin-top: 2rem;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox 対応 */
  -ms-overflow-style: none; /* IE, Edge 対応 */
}
@media screen and (min-width: 801px) {
  .modal__list-wrap {
    margin-top: 4rem;
  }
}

.modal__list-wrap::-webkit-scrollbar {
  display: none; /* Chrome, Safari 対応 */
}

.modal__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 0.5rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .modal__list {
    row-gap: 1rem;
    width: 70rem;
  }
}

.modal__list .page-supported__list {
  margin-top: 0;
}

.modal__list .page-supported__list, .modal__list .page-supported__others-list {
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .modal__list .page-supported__list, .modal__list .page-supported__others-list {
    width: 100%;
  }
}

.modal__list .page-supported__list .page-supported__item {
  width: 8.9375rem;
}
@media screen and (min-width: 801px) {
  .modal__list .page-supported__list .page-supported__item {
    width: 14.9375rem;
  }
}

.modal__list .page-supported__link {
  border: 1px solid #F1F1F1;
  width: 100%;
}

.modal__list .page-supported__list .page-supported__link {
  border-radius: 10px;
}

.modal__list .page-supported__others-list .page-supported__link {
  border-radius: 4px;
}

.simplebar-scrollbar::before {
  background: #7A7A7A;
  border-radius: 4px;
  margin-left: 0;
  width: 0.5rem;
}

.simplebar-track {
  background: #E8E8E8;
  border-radius: 4px;
  width: 0.625rem !important;
}

.modal__list .page-supported__warning {
  font-size: 0.75rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .modal__list .page-supported__warning {
    font-size: 0.875rem;
  }
}

.warehouse__content {
  margin-inline: auto;
  padding-bottom: 5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .warehouse__content {
    padding-bottom: 7.5rem;
    width: 81.875rem;
  }
}

.warehouse-about {
  margin-inline: auto;
  margin-top: 2.75rem;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .warehouse-about {
    margin-inline: 0;
    margin-top: 7.75rem;
    width: 100%;
  }
}

.warehouse-about__content-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .warehouse-about__content-wrap {
    flex-direction: row;
    gap: 2.5rem;
    margin-top: 3.4375rem;
  }
}

.warehouse-about__content {
  background-color: #FFF;
  border-radius: 10px;
  padding: 2rem 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .warehouse-about__content {
    border-radius: 16px;
    padding: 3rem;
    width: 39.75rem;
  }
}

.warehouse-about__logo {
  height: 2.109375rem;
}
@media screen and (min-width: 801px) {
  .warehouse-about__logo {
    height: 2.8125rem;
  }
}

.warehouse-about__content--zetta .warehouse-about__logo img {
  height: 1.734375rem;
}
@media screen and (min-width: 801px) {
  .warehouse-about__content--zetta .warehouse-about__logo img {
    height: 2.3125rem;
  }
}

.warehouse-about__image {
  height: 12.3125rem;
  margin-top: 1.625rem;
  overflow: hidden;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .warehouse-about__image {
    height: 17.625rem;
    margin-top: 1.875rem;
    overflow: visible;
    width: 100%;
  }
}

.warehouse-about__image img {
  transform: scale(1.3);
}
@media screen and (min-width: 801px) {
  .warehouse-about__image img {
    transform: scale(1);
  }
}

.warehouse-about__text {
  font-size: 1rem;
  letter-spacing: 0.02em;
  line-height: 1.75;
  margin-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .warehouse-about__text {
    line-height: 1.67;
    margin-top: 1.875rem;
  }
}

.warehouse-about__carousel-wrap {
  display: flex;
  height: 10.03125rem;
  margin-inline: calc(50% - 50vw);
  margin-top: 2.8125rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 801px) {
  .warehouse-about__carousel-wrap {
    height: 18.75rem;
    margin-top: 5rem;
  }
}

.warehouse-about__carousel {
  display: flex;
}

.warehouse-about__carousel-item {
  width: -moz-max-content;
  width: max-content;
}

.warehouse-about__carousel {
  animation: warehouseAboutCarousel 24s -12s infinite linear;
}

@keyframes warehouseAboutCarousel {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
.warehouse-flow {
  margin-top: 3.75rem;
}
@media screen and (min-width: 801px) {
  .warehouse-flow {
    margin-top: 7.375rem;
  }
}

.warehouse-flow__inner {
  border-top: 1px solid #D6D6D6;
  margin-inline: auto;
  padding-top: 0.9375rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .warehouse-flow__inner {
    width: 82rem;
  }
}

.warehouse-flow__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 3.25rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .warehouse-flow__text {
    font-size: 1rem;
    margin-top: 3.4375rem;
  }
}

@media screen and (min-width: 801px) {
  .warehouse-flow__content {
    margin-top: 1.875rem;
  }
}

.warehouse-flow__image-text {
  font-size: 0.75rem;
  letter-spacing: 0.022em;
  line-height: 1.7;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .warehouse-flow__image-text {
    font-size: 0;
    margin-top: 0;
  }
}

.warehouse-flow__image-text span {
  color: #FFF;
  display: inline-block;
  line-height: 1.5;
  margin-inline: 0.1875rem;
}

.warehouse-flow__image-text--blue {
  background-color: #383F9D;
}

.warehouse-flow__image-text--red {
  background-color: #BC1124;
}

.warehouse-flow__image {
  margin-top: 2rem;
}

.warehouse-flow__image .zoomup {
  align-items: flex-end;
  display: flex;
}

.warehouse-flow__image .zoomup__open {
  bottom: 0.9375rem;
  right: 0.625rem;
}

.warehouse-features {
  margin-inline: auto;
  margin-top: 4.625rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .warehouse-features {
    margin-inline: 0;
    margin-top: 7.125rem;
    width: 100%;
  }
}

.warehouse-features .page-features__item-image {
  background-color: #FFF;
  border-radius: 10px;
  display: grid;
  height: 14.3125rem;
  place-items: center;
  position: relative;
}
@media screen and (min-width: 801px) {
  .warehouse-features .page-features__item-image {
    height: 17.3125rem;
  }
}

.warehouse-features .page-features__item-image img {
  height: 100%;
}

.warehouse-features__item--certificate .page-features__item-image img {
  height: 12.6875rem;
}
@media screen and (min-width: 801px) {
  .warehouse-features__item--certificate .page-features__item-image img {
    height: 14.5625rem;
    width: auto;
  }
}

.warehouse-features__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  margin-top: 3.25rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .warehouse-features__text {
    font-size: 1rem;
    margin-top: 3.125rem;
  }
}

.warehouse-features .zoomup {
  display: flex;
  height: 100%;
  pointer-events: auto;
  width: 100%;
}

.warehouse-features .zoomup__open {
  bottom: 0;
  display: flex;
  margin-bottom: 1rem;
  margin-top: 1rem;
  position: absolute;
  right: 0;
}

.warehouse-assurance {
  margin-top: 6.5625rem;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance {
    margin-top: 8.875rem;
  }
}

.warehouse-assurance__inner {
  border-top: 1px solid #D6D6D6;
  margin-inline: auto;
  padding-top: 0.9375rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance__inner {
    width: 100%;
  }
}

.warehouse-assurance__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  margin-top: 3.25rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance__text {
    font-size: 1rem;
    margin-top: 3.125rem;
  }
}

.warehouse-assurance__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance__list {
    gap: 2.1875rem;
    margin-top: 3.125rem;
  }
}

.warehouse-assurance__item {
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column-reverse;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance__item {
    align-items: center;
    flex-direction: row;
    gap: 2rem;
    justify-content: space-between;
    padding: 1.75rem 2rem;
  }
}

.warehouse-assurance__item-image {
  border-radius: 10px;
  flex-shrink: 0;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance__item-image {
    margin-top: 0;
  }
}

.warehouse-assurance__item-text {
  letter-spacing: 0.02em;
}

.warehouse-assurance__item-title-wrap {
  align-items: flex-start;
  color: #007C93;
  display: flex;
  gap: 0.9375rem;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance__item-title-wrap {
    align-items: center;
  }
}

.warehouse-assurance__item-title-no-wrap {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance__item-title-no-wrap {
    margin-left: 0.1875rem;
  }
}

.warehouse-assurance__item-title-no {
  font-size: 2rem;
  line-height: 1;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance__item-title-no {
    font-size: 2.625rem;
  }
}

.warehouse-assurance__item-title-no-text {
  display: none;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance__item-title-no-text {
    display: block;
    font-size: 0.75rem;
    letter-spacing: -0.01em;
  }
}

.warehouse-assurance__item-title {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance__item-title {
    font-size: 1.5rem;
    margin-top: 0;
  }
}

.warehouse-assurance__item-explain {
  font-size: 0.875rem;
  letter-spacing: 0.015em;
  line-height: 1.7;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .warehouse-assurance__item-explain {
    font-size: 1rem;
    letter-spacing: 0.02em;
    margin-top: 1.25rem;
  }
}

.warehouse-security {
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .warehouse-security {
    margin-top: 3rem;
  }
}

.warehouse-security__inner {
  position: relative;
}

.warehouse-security__wrap {
  background-color: #FFF;
  margin-inline: auto;
  padding: 1.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .warehouse-security__wrap {
    margin-inline: 0;
    padding: 3.75rem 2.6875rem 0.9375rem;
    width: 100%;
  }
}

.warehouse-security__head {
  margin-inline: auto;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}

.warehouse-security__head .page-sec__title h2 {
  font-size: 1.125rem;
  padding-top: 0;
}
@media screen and (min-width: 801px) {
  .warehouse-security__head .page-sec__title h2 {
    font-size: 2.25rem;
  }
}

.warehouse-security__text {
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  line-height: 1.7;
  margin-top: 0.75rem;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .warehouse-security__text {
    font-size: 1rem;
    letter-spacing: 0.02em;
    margin-top: 1.5rem;
    text-align: center;
  }
}

.warehouse-security__body {
  margin-top: 1.25rem;
}

.warehouse-security__image .zoomup {
  align-items: flex-end;
  display: flex;
}

.warehouse-security__image .zoomup__open {
  bottom: 0.9375rem;
  right: 0.625rem;
}

.warehouse-security__btn-wrap {
  margin-inline: auto;
  margin-top: 3.125rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .warehouse-security__btn-wrap {
    margin-top: 3.4375rem;
  }
}

.warehouse-security__btn-wrap .btn {
  padding-block: 1.5rem;
  width: 20.875rem;
}
@media screen and (min-width: 801px) {
  .warehouse-security__btn-wrap .btn {
    padding-right: 3.75rem;
  }
}

.warehouse-security__btn-wrap .btn:after {
  top: 1.6875rem;
}

.webinar__head {
  padding-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .webinar__head {
    padding-top: 7.5rem;
  }
}

.webinar__filter-wrap {
  background-color: #FFF;
  border-radius: 10px;
  margin-inline: auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .webinar__filter-wrap {
    padding: 3.03125rem 3.125rem;
    width: 82rem;
  }
}

.webinar__body {
  margin-inline: auto;
  margin-top: 3.75rem;
  padding-bottom: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .webinar__body {
    margin-top: 6.5625rem;
    padding-bottom: 7.5rem;
    width: 82rem;
  }
}

.webinar__item {
  background-color: #FFF;
  border-radius: 10px;
}
@media screen and (min-width: 801px) {
  .webinar__item {
    border-radius: 16px;
  }
}

.webinar__item:not(:first-child) {
  margin-top: 1rem;
}

.webinar__item-link {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}
@media screen and (min-width: 801px) {
  .webinar__item-link {
    flex-direction: row;
    gap: 2.5rem;
    padding: 2rem;
  }
}

.webinar__item-image {
  border-radius: 8px;
  flex-shrink: 0;
  height: 10rem;
  overflow: hidden;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .webinar__item-image {
    border-radius: 10px;
    height: 14rem;
    width: 25.8125rem;
  }
}

.webinar__item-image img {
  display: block;
  transition: transform 0.4s;
}

.webinar__item-link:hover .webinar__item-image img {
  transform: scale(1.1);
}

.webinar__item-head {
  display: flex;
  font-size: 0.875rem;
  gap: 1rem;
  height: 2.3125rem;
}
@media screen and (min-width: 801px) {
  .webinar__item-head {
    font-size: 1rem;
    gap: 2rem;
    height: 2.5rem;
  }
}

.webinar__item-content {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .webinar__item-content {
    width: 44.625rem;
  }
}

.webinar__item-status {
  background-color: #999;
  color: #FFF;
  display: grid;
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  height: 100%;
  place-items: center;
  text-align: center;
  width: 5.625rem;
}
@media screen and (min-width: 801px) {
  .webinar__item-status {
    font-size: 0.875rem;
  }
}

.webinar__item-status.active {
  background-color: #56B2CB;
}

.webinar__item-date-wrap {
  font-weight: 500;
}

.webinar__item-date span {
  font-size: 1.5625rem;
  padding-left: 0.3125rem;
}
@media screen and (min-width: 801px) {
  .webinar__item-date span {
    font-size: 1.8125rem;
  }
}

.webinar__item-title {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin-top: 1.125rem;
}
@media screen and (min-width: 801px) {
  .webinar__item-title {
    font-size: 1.125rem;
    margin-top: 1.5rem;
  }
}

.webinar__item-link:hover .webinar__item-title {
  color: #007C93;
  text-decoration: underline;
}

.webinar__item-btn-wrap {
  display: none;
}
@media screen and (min-width: 801px) {
  .webinar__item-btn-wrap {
    display: block;
    position: absolute;
    right: -5rem;
    top: 50%;
    transform: translateY(-50%);
  }
}

.webinar .page-sec__btn:before, .webinar .page-sec__btn:after {
  height: 2.5625rem;
  width: 2.5625rem;
}

.webinar .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
}

.webinar__item-link:hover .page-sec__btn:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.webinar .page-sec__btn {
  justify-content: flex-end;
}

.webinar .page-sec__btn:after {
  background-color: #F2F2F2;
}

.webinar__item-link:hover .page-sec__btn:after {
  background-color: #56B2CB;
}

.webinar__pagination-wrap {
  margin-top: 2.375rem;
}
@media screen and (min-width: 801px) {
  .webinar__pagination-wrap {
    margin-top: 5.0625rem;
  }
}

.webinar__pagination-wrap .pagination > *,
.webinar__pagination-wrap .pagination .pagination__arrow {
  background-color: #FFF;
}

.webinar__pagination-wrap .dots {
  background-color: transparent;
}

.anchor-link__list {
  display: grid;
  gap: 1.5rem;
}

.anchor-link__item {
  border-radius: 10px;
  color: #042731;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .anchor-link__item {
    font-size: 1.125rem;
  }
}

.anchor-link__item-link {
  align-items: center;
  border-radius: 10px;
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  position: relative;
  transition: background-color 0.4s, color 0.4s;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .anchor-link__item-link {
    padding: 1rem 1.5rem;
  }
}

.anchor-link__item-link:hover {
  background-color: #56B2CB;
  color: #FFF;
}

.anchor-link__item-arrow {
  background-color: #56B2CB;
  border-radius: 50%;
  display: grid;
  height: 1.921875rem;
  place-items: center;
  position: relative;
  transition: background-color 0.4s;
  width: 1.921875rem;
}
@media screen and (min-width: 801px) {
  .anchor-link__item-arrow {
    height: 2.5625rem;
    width: 2.5625rem;
  }
}

.anchor-link__item-link:hover .anchor-link__item-arrow {
  background-color: #FFF;
}

.anchor-link__item-arrow:after {
  background-image: url("../images/icon/arrow_down-white.png");
  background-size: 100%;
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
}

.anchor-link__item-link:hover .anchor-link__item-arrow:after {
  background-image: url("../images/icon/arrow_down-blue.svg");
}

.article__list {
  display: grid;
}
@media screen and (min-width: 801px) {
  .article__list {
    gap: 2.625rem 2rem;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
  }
}

.article__item {
  border-radius: 10px;
}

.article__link {
  display: block;
}

.article__description {
  color: #808080;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .article__description {
    color: #666;
    font-size: 1rem;
  }
}

.article__image {
  border-radius: 10px;
  height: 14.3125rem;
  overflow: hidden;
}
@media screen and (min-width: 801px) {
  .article__image {
    height: 17.125rem;
  }
}

.article__image figure {
  height: 100%;
  margin: 0;
}

.article__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s;
}

.article__link:hover .article__image img {
  transform: scale(1.1);
}

.article__link:hover .article__title {
  color: #56B2CB;
}

.article__date {
  color: #808080;
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .article__date {
    font-size: 0.875rem;
  }
}

.article__title {
  display: -webkit-box;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin-top: 0.3125rem;
  overflow: hidden;
  transition: color 0.4s;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 801px) {
  .article__title {
    font-size: 1rem;
  }
}

.article__text {
  color: #808080;
  display: -webkit-box;
  font-size: 0.875rem;
  letter-spacing: -0.01em;
  line-height: 1.8;
  margin-top: 0.5rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 801px) {
  .article__text {
    font-size: 1rem;
    letter-spacing: normal;
    line-height: 1.75;
  }
}

.article__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.article__tag {
  border: 1px solid #063846;
  border-radius: 100px;
  display: inline-block;
  font-size: 0.75rem;
  padding: 0.25rem 1.25rem;
  transition: background-color 0.4s;
}

.article__tag:hover {
  background-color: #FFF;
}

.article__btn {
  align-items: center;
  background-color: #063846;
  border: 1px solid #063846;
  border-radius: 1000px;
  color: #FFF;
  display: flex;
  gap: 1.25rem;
  padding: 1.125rem 2rem;
  transition: background-color 0.4s, color 0.4s;
}

.article__btn:after {
  background-image: url("../images/icon/arrow_down-white.png");
  background-size: cover;
  content: "";
  display: block;
  height: 1.5rem;
  transition: background-image 0.4s;
  width: 1.5rem;
}

.article__btn:hover {
  background-color: #FFF;
  color: #063846;
}

.article__btn:hover:after {
  background-image: url("../images/icon/arrow_down.png");
}

.big-menu {
  background-color: #F3F4F5;
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
@media screen and (min-width: 801px) {
  .big-menu {
    background-color: #001A21;
  }
}

.big-menu a {
  color: #20383C;
}
@media screen and (min-width: 801px) {
  .big-menu a {
    color: white;
  }
}

.big-menu__header {
  width: 100vw;
}

.big-menu__header-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 0;
  margin: 0 auto;
  padding: 1rem;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 10;
}
@media screen and (min-width: 801px) {
  .big-menu__header-container {
    padding: 2rem 2.5rem;
    position: static;
    width: 90rem;
  }
}

.big-menu__header-logo {
  background-image: url("../images/common/header-logo.png");
  background-size: cover;
  height: 2.25rem;
  width: 9.4375rem;
}
@media screen and (min-width: 801px) {
  .big-menu__header-logo {
    background-image: url("../images/common/logo.png");
    height: 2.4375rem;
    width: 10.1875rem;
  }
}

.big-menu__header-close-wrap {
  cursor: pointer;
  height: 4.25rem;
  position: relative;
  width: 8.0625rem;
}

.big-menu__header-close-text {
  color: #001A21;
  font-size: 0.875rem;
  font-weight: 500;
  left: 0.625rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  position: absolute;
  top: 1.28125rem;
}
@media screen and (min-width: 801px) {
  .big-menu__header-close-text {
    color: white;
    font-size: 1rem;
    left: 0;
  }
}

.big-menu__header-close-circle {
  background-color: #063846;
  border-radius: 50%;
  height: 4.25rem;
  left: 3.8125rem;
  position: absolute;
  top: 0;
  transform: scale(0.8);
  transition: transform 0.4s;
  width: 4.25rem;
}
@media screen and (min-width: 801px) {
  .big-menu__header-close-circle {
    background-color: #56B2CB;
    left: 4.1875rem;
  }
}

.big-menu__header-close-wrap:hover .big-menu__header-close-circle {
  transform: scale(1);
}

.big-menu__header-close {
  color: white;
  font-size: 1.625rem;
  left: 5.125rem;
  position: absolute;
  top: 0.875rem;
}
@media screen and (min-width: 801px) {
  .big-menu__header-close {
    left: 5.5rem;
    top: 0.9375rem;
  }
}

.big-menu__body {
  margin: 0 auto;
  margin-top: 3rem;
  padding-bottom: 110px;
  width: 100vw;
}
@media screen and (min-width: 801px) {
  .big-menu__body {
    margin-top: 4rem;
    padding-bottom: 0;
    position: relative;
    width: 79.0625rem;
  }
}

/* 入力欄　*/
.big-menu__input-wrap {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 3.625rem;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 9.25rem;
  padding: 0 1rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .big-menu__input-wrap {
    height: 3.875rem;
    left: 0;
    margin-top: 0;
    padding: 0 1rem;
    position: absolute;
    top: 34.3125rem;
    width: 32.4375rem;
  }
}

.big-menu__input {
  font-size: 0.875rem;
  height: 3.375rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .big-menu__input {
    font-size: 1rem;
    height: 3.625rem;
    width: 28.4375rem;
  }
}

.big-menu__input::-moz-placeholder {
  color: #666;
}

.big-menu__input::placeholder {
  color: #666;
}

.big-menu__input:focus {
  border: none;
  outline: none;
}

.big-menu__search {
  background-image: url("../images/icon/search.png");
  background-size: cover;
  height: 1.5rem;
  width: 1.5rem;
}

.big-menu__link-row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 2rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .big-menu__link-row {
    flex-direction: row;
    margin-top: 0;
    width: 100%;
  }
}

.big-menu__link-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .big-menu__link-wrap {
    row-gap: 1rem;
    width: 11.7625rem;
  }
}

.big-menu__link-wrap--long {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .big-menu__link-wrap--long {
    row-gap: 1rem;
    width: 13.125rem;
  }
}

.big-menu__link-text-wrap {
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .big-menu__link-text-wrap {
    border-bottom: none;
    display: block;
    padding: 0;
    width: 100%;
  }
}

.big-menu__link-text {
  color: #20383C;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.85;
}
@media screen and (min-width: 801px) {
  .big-menu__link-text {
    color: white;
    font-size: 1.125rem;
    transition: color 0.4s;
  }
}

@media screen and (min-width: 801px) {
  .big-menu__link-wrap > a:hover .big-menu__link-text {
    color: #56B2CB;
    text-decoration: underline;
  }
}

.big-menu__link-icon {
  background-image: url("../images/icon/link-arrow.png");
  background-size: cover;
  height: 1rem;
  width: 1rem;
}
@media screen and (min-width: 801px) {
  .big-menu__link-icon {
    display: none;
  }
}

.base .big-menu__link-icon {
  background-image: url("../images/icon/link-plus.png");
  background-size: cover;
}

.base.open .big-menu__link-icon {
  background-image: url("../images/icon/link-minus.png");
  background-size: cover;
}

.big-menu__link-list {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
@media screen and (min-width: 801px) {
  .big-menu__link-list {
    row-gap: 0.75rem;
  }
}

.big-menu__link-list-li {
  color: #20383C;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.7;
  padding-left: 1.5rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .big-menu__link-list-li {
    color: white;
    font-size: 1rem;
    padding: 0 0 0 1.125rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.big-menu__link-list-li::before {
  display: none;
}
@media screen and (min-width: 801px) {
  .big-menu__link-list-li::before {
    background-color: #56B2CB;
    border-radius: 50%;
    content: "";
    display: block;
    height: 0.375rem;
    left: 0;
    position: absolute;
    top: 0.65625rem;
    width: 0.375rem;
  }
}

@media screen and (min-width: 801px) {
  .big-menu__link-list-li > a {
    color: white;
    transition: color 0.4s;
  }
}

@media screen and (min-width: 801px) {
  .big-menu__link-list-li > a:hover {
    color: #56B2CB;
    text-decoration: underline;
  }
}

.big-menu__link-list-row {
  align-items: center;
  display: flex;
  height: 3.625rem;
  justify-content: space-between;
}
@media screen and (min-width: 801px) {
  .big-menu__link-list-row {
    height: unset;
  }
}

@media screen and (min-width: 801px) {
  .big-menu__link-list-row.base-last {
    display: none;
  }
}

.big-menu__last-block {
  background-color: white;
  border-radius: 0.3125rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1rem;
  row-gap: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .big-menu__last-block {
    display: none;
  }
}

.big-menu__last-block a {
  align-items: center;
  display: flex;
}

.big-menu__last-block-arrow {
  background-image: url("../images/icon/link-arrow-circle.png");
  background-size: contain;
  height: 1.34375rem;
  margin-right: 0.625rem;
  width: 1.25rem;
}

.big-menu__btn-row {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 2rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .big-menu__btn-row {
    flex-direction: row;
    margin-top: 11.9375rem;
  }
}

.big-menu__text-wrap {
  display: none;
  height: -moz-fit-content;
  height: fit-content;
  width: 32.4375rem;
}
@media screen and (min-width: 801px) {
  .big-menu__text-wrap {
    display: block;
    height: 7.1875rem;
  }
}

.big-menu__text {
  display: none;
}
@media screen and (min-width: 801px) {
  .big-menu__text {
    color: white;
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.6;
  }
}

.big-menu__btn-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  row-gap: 1rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .big-menu__btn-wrap {
    flex-direction: row;
    row-gap: 0;
    width: 40.125rem;
  }
}

.big-menu__btn {
  align-items: center;
  background-color: #007C93;
  border: 1px solid #007C93;
  border-radius: 10px;
  display: flex;
  height: 6.5625rem;
  justify-content: space-between;
  padding: 2rem 1.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .big-menu__btn {
    height: 9.3125rem;
    padding: 2.15625rem 2rem;
    transition: background-color 0.4s;
    width: 19.3125rem;
  }
}

.big-menu__btn-link:hover .big-menu__btn {
  background-color: white;
}

.big-menu__btn--blue {
  align-items: center;
  background-color: #063846;
  border: 1px solid #063846;
  border-radius: 10px;
  display: flex;
  height: 6.5625rem;
  justify-content: space-between;
  padding: 2rem 1.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .big-menu__btn--blue {
    border-radius: 10px;
    height: 9.3125rem;
    padding: 2.15625rem 2rem;
    transition: background-color 0.4s;
    width: 19.3125rem;
  }
}

.big-menu__btn-link:hover .big-menu__btn--blue {
  background-color: white;
}

.big-menu__btn-icon {
  background-image: url("../images/icon/mail.svg");
  background-size: cover;
  height: 1.875rem;
  width: 1.875rem;
}
@media screen and (min-width: 801px) {
  .big-menu__btn-icon {
    display: none;
  }
}

.big-menu__btn--blue .big-menu__btn-icon {
  background-image: url("../images/icon/file.svg");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .big-menu__btn--blue .big-menu__btn-icon {
    display: none;
  }
}

.big-menu__btn-text-wrap {
  width: 14.0625rem;
}
@media screen and (min-width: 801px) {
  .big-menu__btn-text-wrap {
    width: 15.3125rem;
  }
}

.big-menu__btn-title {
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  line-height: 1.5;
  text-align: left;
  transition: color 0.4s;
}
@media screen and (min-width: 801px) {
  .big-menu__btn-title {
    font-size: 2rem;
    text-align: center;
  }
}

.big-menu__btn-link:hover .big-menu__btn .big-menu__btn-title,
.big-menu__btn-link:hover .big-menu__btn .big-menu__btn-text {
  color: #007C93;
}

.big-menu__btn-link:hover .big-menu__btn--blue .big-menu__btn-title,
.big-menu__btn-link:hover .big-menu__btn--blue .big-menu__btn-text {
  color: #063846;
}

.big-menu__btn-text {
  color: white;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin-top: 0.5rem;
  text-align: left;
  transition: color 0.4s;
}
@media screen and (min-width: 801px) {
  .big-menu__btn-text {
    font-size: 1rem;
    text-align: center;
  }
}

.big-menu__btn-link:hover .big-menu__btn .big-menu__btn-text {
  color: #007C93;
}

.big-menu__btn-link:hover .big-menu__btn--blue .big-menu__btn-text {
  color: #063846;
}

span.breadcrumb__link {
  color: #231815;
}

.breadcrumb__container {
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  justify-content: end;
}
@media screen and (min-width: 801px) {
  .breadcrumb__container {
    font-size: 0.875rem;
    gap: 0.625rem;
  }
}

.breadcrumb__item:not(:last-child) {
  color: #007C93;
}

.breadcrumb__item:not(:first-child) {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .breadcrumb__item:not(:first-child) {
    gap: 0.75rem;
  }
}

.breadcrumb__item:not(:first-child):before {
  background: url("../images/icon/breadcrumb_arrow.svg") no-repeat center 55%/contain;
  content: "";
  display: inline-block;
  height: 1.5625rem;
  width: 0.5rem;
}

.cat-list {
  margin-inline: auto;
  padding-block: 3.75rem;
  width: 22.1875rem;
}
@media screen and (min-width: 801px) {
  .cat-list {
    padding-block: 7.5rem;
    width: 82rem;
  }
}

.cat-list__title {
  color: #063846;
  font-size: 1.625rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .cat-list__title {
    font-size: 2.25rem;
  }
}

.cat-list__box {
  background-color: #F3F4F5;
  border-radius: 16px;
  margin-top: 2.1875rem;
  padding: 1.75rem 1rem;
}
@media screen and (min-width: 801px) {
  .cat-list__box {
    margin-top: 3.125rem;
    padding: 3.4375rem 3rem;
  }
}

.cat-list__box-content {
  color: #042731;
  margin-top: 5.625rem;
}
@media screen and (min-width: 801px) {
  .cat-list__box-content {
    display: flex;
    gap: 1.5625rem;
    justify-content: flex-start;
    margin-top: 5.625rem;
  }
}

.cat-list__box-content:first-child {
  margin-top: 0;
}

.cat-list__box-title {
  flex-shrink: 0;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  width: 13.125rem;
}

.cat-list__box-list {
  display: grid;
  gap: 2.5rem 0.9375rem;
  grid-template-columns: repeat(2, 9.5625rem);
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .cat-list__box-list {
    grid-template-columns: repeat(5, 11.4375rem);
    margin-top: 0;
  }
}

.cat-list__box-link {
  display: flex;
  font-size: 0.875rem;
  gap: 0.5rem;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 801px) {
  .cat-list__box-link {
    font-size: 1rem;
  }
}

.cat-list__box-link:hover {
  color: #007C93;
  text-decoration: underline;
  transition: color 0.4s;
}

.cat-list__box-link:before {
  background-image: url("../images/icon/case_cat-arrow.png");
  background-size: contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 1.5rem;
  transition: background-image 0.4s;
  width: 1.5rem;
}

.cat-list__box-link:hover:before {
  background-image: url("../images/icon/case_cat-arrow-hover.png");
}

/* お問い合わせフォーム & 資料ダウンロード */
.contact {
  background-color: #f3f4f5;
  padding: 5rem 0;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .contact {
    padding: 9.25rem 0;
  }
}

.contact__container {
  margin: 0 auto;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .contact__container {
    width: 81.625rem;
  }
}

.contact__title-wrap {
  width: 100%;
}

.contact__title {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .contact__title {
    font-size: 2.5rem;
  }
}

.contact__title--number {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
}
@media screen and (min-width: 801px) {
  .contact__title--number {
    font-size: 3.0625rem;
  }
}

.contact__title--blue {
  color: #007C93;
}

.contact__subtitle {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .contact__subtitle {
    font-size: 1rem;
  }
}

.contact__link-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 2rem;
  row-gap: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .contact__link-wrap {
    flex-direction: row;
    margin-top: 4rem;
    row-gap: 0;
  }
}

.contact__link {
  align-items: center;
  border-radius: 10px;
  color: unset;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  row-gap: 0;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .contact__link {
    flex-direction: column;
    height: 15.9375rem;
    padding: 3.71875rem 2rem;
    row-gap: 0.5rem;
    transition: background-color 1s;
    width: 40.0625rem;
  }
}

.contact__link:nth-child(1) {
  background-color: #063846;
  border: 1px solid #063846;
}

.contact__link:nth-child(2) {
  background-color: #007C93;
  border: 1px solid #007C93;
}

.contact__link:hover {
  background-color: white;
}

.contact__link-icon {
  height: 1.875rem;
  margin: 0;
  transition: background-image 0.4s;
  width: 1.875rem;
}
@media screen and (min-width: 801px) {
  .contact__link-icon {
    height: 2.5rem;
    margin: 0 auto;
    width: 2.5rem;
  }
}

.contact__link-icon svg {
  stroke: white;
  transition: stroke 1s;
}

.contact__link:nth-child(1) .contact__link-icon {
  background-image: url("../images/icon/mail.svg");
  background-size: contain;
}

.contact__link:nth-child(2) .contact__link-icon {
  background-image: url("../images/icon/file.svg");
  background-size: contain;
}

.contact__link:nth-child(1):hover .contact__link-icon {
  background-image: url("../images/icon/mail-hover.svg");
  background-size: contain;
}

.contact__link:nth-child(2):hover .contact__link-icon {
  background-image: url("../images/icon/file-hover.svg");
  background-size: contain;
}

.contact__link:nth-child(1) .contact__link-icon {
  background-size: contain;
}

.contact__link:nth-child(2) .contact__link-icon {
  background-size: contain;
}

.contact__link-text-wrap {
  width: 14.0625rem;
}
@media screen and (min-width: 801px) {
  .contact__link-text-wrap {
    width: 100%;
  }
}

.contact__link-title {
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .contact__link-title {
    font-size: 2rem;
    text-align: center;
    transition: color 1s;
  }
}

.contact__link:nth-child(1):hover .contact__link-title {
  color: #063846;
}

.contact__link:nth-child(2):hover .contact__link-title {
  color: #007C93;
}

.contact__link-text {
  color: white;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin-top: 0;
  text-align: left;
}
@media screen and (min-width: 801px) {
  .contact__link-text {
    font-size: 1rem;
    margin-top: 1rem;
    text-align: center;
    transition: color 1s;
  }
}

.contact__link:nth-child(1):hover .contact__link-text {
  color: #063846;
}

.contact__link:nth-child(2):hover .contact__link-text {
  color: #007C93;
}

.faq {
  margin-top: 3rem;
}
@media screen and (min-width: 801px) {
  .faq {
    margin-top: 3.75rem;
  }
}

.faq__item {
  background-color: #FFF;
  border-radius: 16px;
  cursor: pointer;
  letter-spacing: 0.04em;
  margin-top: 1.125rem;
  padding: 1.25rem 1rem;
}
@media screen and (min-width: 801px) {
  .faq__item {
    margin-top: 1.5rem;
    padding: 1.875rem 2rem 2.25rem;
  }
}

.faq__item:first-child {
  margin-top: 0;
}

.faq__item-q {
  align-items: flex-start;
  justify-content: space-between;
}

.faq__item-a {
  align-items: flex-start;
  gap: 0.5rem;
  justify-content: flex-start;
  padding-bottom: 1.5625rem;
  padding-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .faq__item-a {
    gap: 2.8125rem;
    padding-bottom: 0;
    padding-top: 2.1875rem;
  }
}

.faq__item-q, .faq__item-a {
  display: flex;
}

.faq__item-q-content {
  align-items: flex-start;
  display: flex;
  gap: 0.5rem;
}
@media screen and (min-width: 801px) {
  .faq__item-q-content {
    gap: 2.8125rem;
  }
}

.faq__item-q-mark {
  color: #56B2CB;
}

.faq__item-a-mark {
  color: #E25100;
}

.faq__item-q-mark, .faq__item-a-mark {
  font-family: "Roboto", sans-serif;
  font-size: 2.5rem;
}

.faq__item-q-text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.85;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .faq__item-q-text {
    font-size: 1.25rem;
    line-height: 1.9;
    margin-top: 0;
    padding-top: 0.5rem;
    width: 49.375rem;
  }
}

.faq__item-a-text {
  font-size: 0.875rem;
  line-height: 1.85;
  margin-top: 0.625rem;
  width: 50.625rem;
}
@media screen and (min-width: 801px) {
  .faq__item-a-text {
    font-size: 1rem;
    line-height: 1.9;
  }
}

.faq__item-a-text a {
  color: #56B2CB;
  text-decoration: underline;
  transition: opacity 0.4s;
}

.faq__item-a-text a:hover {
  opacity: 0.5;
}

.faq__item-btn {
  background-color: #56B2CB;
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
  height: 2.25rem;
  margin-top: 0.3125rem;
  transform: rotate(45deg);
  width: 2.25rem;
}
@media screen and (min-width: 801px) {
  .faq__item-btn {
    height: 2.75rem;
    margin-top: 0.5rem;
    width: 2.75rem;
  }
}

.faq__item-btn:after {
  background-image: url("../images/icon/plus-white.png");
  background-position: center;
  background-size: 1.5rem;
  content: "";
  display: block;
  height: 100%;
  transform: rotate(45deg);
  transition: transform 0.4s;
  width: 100%;
}

.faq__item-q.is-open .faq__item-btn:after {
  transform: rotate(90deg);
}

/* 固定 CTA 表示エリア */
.fixed-cta {
  background-color: #063846;
  border-top-left-radius: 1rem;
  bottom: -10rem;
  cursor: pointer;
  height: 13.5rem;
  position: fixed;
  right: 0;
  transition: right 0.4s, bottom 0.4s;
  width: 17.125rem;
  z-index: 20;
}
@media screen and (min-width: 801px) {
  .fixed-cta {
    border-top-left-radius: 16px;
    bottom: 0;
    height: 14.25rem;
    right: -23.625rem;
    width: 28.25rem;
  }
}

.fixed-cta:hover {
  bottom: 0;
}
@media screen and (min-width: 801px) {
  .fixed-cta:hover {
    right: 0;
  }
}

.fixed-cta__wrap {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 801px) {
  .fixed-cta__wrap {
    flex-direction: row;
  }
}

.fixed-cta__main {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 3.5rem;
  justify-content: space-between;
  padding: 0.9375rem 4.375rem;
  width: 17.125rem;
}
@media screen and (min-width: 801px) {
  .fixed-cta__main {
    flex-direction: column;
    height: 14.25rem;
    justify-content: center;
    padding: 2rem 1.375rem;
    width: 4.625rem;
  }
}

.fixed-cta__icon {
  background-image: url("../images/icon/mail.svg");
  background-size: cover;
  height: 1.625rem;
  width: 1.625rem;
}
@media screen and (min-width: 801px) {
  .fixed-cta__icon {
    height: 1.875rem;
    width: 1.875rem;
  }
}

.fixed-cta__text {
  color: white;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  margin-top: 0;
  text-align: center;
  writing-mode: horizontal-tb;
}
@media screen and (min-width: 801px) {
  .fixed-cta__text {
    letter-spacing: 0.01em;
    margin-top: 1.625rem;
    writing-mode: vertical-rl;
  }
}

.fixed-cta__btn-wrap {
  height: 10rem;
  padding: 0.5rem 1.5rem 2rem;
  width: 17.125rem;
}
@media screen and (min-width: 801px) {
  .fixed-cta__btn-wrap {
    height: 100%;
    padding: 3.375rem 2rem;
    width: 23.625rem;
  }
}

.fixed-cta__btn-row {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
}

.fixed-cta__btn {
  border: 1px solid white;
  border-radius: 100px;
  color: white;
  display: inline-block;
  font-size: 0.875rem;
  height: 3.25rem;
  letter-spacing: 0.04em;
  line-height: 1.5;
  padding: 0.96875rem 0 0.96875rem 1.5rem;
  position: relative;
  width: 14.125rem;
}
@media screen and (min-width: 801px) {
  .fixed-cta__btn {
    font-size: 1rem;
    padding: 0.875rem 0 0.875rem 1.5rem;
    transition: background-color 0.4s, color 0.4s;
    width: 19.625rem;
  }
}

.fixed-cta__btn--blue {
  background-color: #007C93;
  color: #FFF;
}

.fixed-cta__btn::after {
  background-image: url("../images/icon/btn-arrow-big.png");
  background-size: cover;
  content: "";
  height: 1rem;
  position: absolute;
  right: 1.8125rem;
  top: 1.125rem;
  width: 1rem;
}

.fixed-cta__btn--blue::after {
  background-image: url("../images/icon/btn-arrow-big.png");
  background-size: cover;
}

.fixed-cta__btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid white;
  color: #FFF;
}

.fixed-cta__btn:hover::after {
  background-image: url("../images/icon/btn-arrow-big.png");
  background-size: cover;
}

.fixed-cta__btn--blue:hover {
  background-color: #56B2CB;
  color: #FFF;
}

.fixed-cta__btn--white:hover::after {
  background-image: url("../images/icon/btn-arrow-big.png");
  background-size: cover;
}

.footer {
  background-color: black;
  padding: 4rem 0;
  width: 100vw;
}

.footer__container {
  margin: 0 auto;
  width: 22.1875rem;
}
@media screen and (min-width: 801px) {
  .footer__container {
    width: 82rem;
  }
}

.footer__link-wrap {
  width: 100%;
}
@media screen and (min-width: 801px) {
  .footer__link-wrap {
    width: 46.125rem;
  }
}

.footer__link-row {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .footer__link-row {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    row-gap: 0;
  }
}

.footer__link-text {
  color: white;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .footer__link-text {
    font-size: 0.875rem;
  }
}

a.footer__link-text {
  transition: color 0.4s;
}

a.footer__link-text:hover {
  color: #56B2CB;
  text-decoration: underline;
}

.footer__link-row2 {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-top: 3rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .footer__link-row2 {
    justify-content: space-between;
    margin-left: 0;
    margin-top: 1rem;
    width: 8.625rem;
  }
}

.footer__logo-wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 5.125rem;
  justify-content: center;
  margin-top: 4rem;
  row-gap: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .footer__logo-wrap {
    align-items: flex-end;
    flex-direction: row-reverse;
    height: 2.875rem;
    justify-content: space-between;
    margin-top: 1.125rem;
    row-gap: unset;
  }
}

.footer__logo {
  height: 7.75rem;
  width: 5.5625rem;
}

.footer__logo-text {
  color: white;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .footer__logo-text {
    font-size: 0.875rem;
  }
}

.footer-menu {
  background-color: white;
  padding: 5rem 0 4rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .footer-menu {
    padding: 10rem 0 4rem;
  }
}

.footer-menu__container {
  margin: 0 auto;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .footer-menu__container {
    width: 82rem;
  }
}

.footer-menu__totop {
  background-color: #56B2CB;
  border: 1px solid #FFF;
  border-radius: 50%;
  height: 4.40625rem;
  padding-top: 1.0125rem;
  position: absolute;
  top: -7.17375rem;
  transition: background-color 0.4s;
  width: 4.40625rem;
}
@media screen and (min-width: 801px) {
  .footer-menu__totop {
    height: 5.875rem;
    padding-top: 1.34375rem;
    top: -12.9375rem;
    width: 5.875rem;
  }
}

.footer-menu__container a:hover .footer-menu__totop {
  background-color: #007C93;
}

.footer-menu__totop-arrow {
  background-image: url("../images/icon/totop.png");
  background-size: cover;
  height: 1.125rem;
  margin: 0 auto;
  width: 1.125rem;
}
@media screen and (min-width: 801px) {
  .footer-menu__totop-arrow {
    height: 1.5rem;
    width: 1.5rem;
  }
}

.footer-menu__totop-text {
  color: white;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .footer-menu__totop-text {
    font-size: 1rem;
  }
}

.footer-menu__link-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .footer-menu__link-wrap {
    flex-direction: row;
    row-gap: 0;
  }
}

.footer-menu__link-list {
  border-bottom: 1px solid #E6E6E6;
  height: auto;
  padding-bottom: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .footer-menu__link-list {
    border-bottom: none;
    display: flex;
    flex-direction: column;
    height: 35.375rem;
    padding-bottom: 0;
    row-gap: 1rem;
    width: 12.35rem;
  }
}

.footer-menu__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  row-gap: 1rem;
}

.footer-menu__list > li {
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.85;
  width: 10.1875rem;
}
@media screen and (min-width: 801px) {
  .footer-menu__list > li {
    width: 100%;
  }
}

.footer-menu__list > li > a {
  color: #20383C;
}
@media screen and (min-width: 801px) {
  .footer-menu__list > li > a {
    transition: color 0.4s;
  }
}

.footer-menu__list > li > a:hover {
  color: #56B2CB;
  text-decoration: underline;
}

.footer-menu__list-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.footer-menu__list-title {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.85;
}
@media screen and (min-width: 801px) {
  .footer-menu__list-title {
    font-size: 1.125rem;
  }
}

.footer-menu__list-icon {
  background-image: url("../images/icon/footer-menu-plus.png");
  background-size: cover;
  height: 1.5rem;
  width: 1.5rem;
}
@media screen and (min-width: 801px) {
  .footer-menu__list-icon {
    display: none;
  }
}

.footer-menu__list-row.open .footer-menu__list-icon {
  background-image: url("../images/icon/footer-menu-minus.png");
  background-size: cover;
}

.footer-menu__sublist {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-top: 1rem;
  row-gap: 1.5rem;
}
@media screen and (min-width: 801px) {
  .footer-menu__sublist {
    row-gap: 0.75rem;
  }
}

.footer-menu__sublist > li {
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  padding-left: 1.125rem;
  position: relative;
  width: 100%;
}

.footer-menu__sublist > li:before {
  background-color: #56B2CB;
  border-radius: 50%;
  content: "";
  height: 0.375rem;
  left: 0;
  position: absolute;
  top: 0.5625rem;
  width: 0.375rem;
}

.footer-menu__sublist > li > a {
  color: #20383C;
}
@media screen and (min-width: 801px) {
  .footer-menu__sublist > li > a {
    transition: color 0.4s;
  }
}

@media screen and (min-width: 801px) {
  .footer-menu__sublist > li > a:hover {
    color: #56B2CB;
    text-decoration: underline;
  }
}

.footer-menu__subsublist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: -moz-fit-content;
  height: fit-content;
  list-style: none;
  margin-top: 1rem;
  row-gap: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .footer-menu__subsublist {
    flex-direction: column;
    margin-top: 0.75rem;
    row-gap: 0.75rem;
  }
}

.footer-menu__subsublist > li {
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  width: 9.5625rem;
}
@media screen and (min-width: 801px) {
  .footer-menu__subsublist > li {
    font-size: 0.75rem;
    width: 100%;
  }
}

.footer-menu__subsublist > li > a {
  color: #20383C;
}
@media screen and (min-width: 801px) {
  .footer-menu__subsublist > li > a {
    transition: color 0.4s;
  }
}

@media screen and (min-width: 801px) {
  .footer-menu__subsublist > li > a:hover {
    color: #56B2CB;
    text-decoration: underline;
  }
}

.footer-menu__sns-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 5rem;
  width: 10.5rem;
}
@media screen and (min-width: 801px) {
  .footer-menu__sns-wrap {
    margin-bottom: 1.25rem;
    margin-top: 3.75rem;
  }
}

.footer-menu__sns-wrap a {
  transition: opacity 0.4s;
}

.footer-menu__sns-wrap a:hover {
  opacity: 0.6;
}

.footer-menu__sns {
  height: 1.5rem;
  width: 1.5rem;
}

.footer-menu__bottom-menu {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (min-width: 801px) {
  .footer-menu__bottom-menu {
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
  }
}

.footer-menu__newsletter-btn-wrap {
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .footer-menu__newsletter-btn-wrap {
    margin-top: 0;
  }
}

.footer-menu__newsletter-btn {
  align-items: center;
  background-color: #007C93;
  border: 1px solid #007C93;
  border-radius: 10px;
  color: #FFF;
  display: flex;
  font-size: 0.875rem;
  gap: 0.625rem;
  padding: 0.9375rem 2.0625rem;
  transition: background-color 0.4s, color 0.4s;
}
@media screen and (min-width: 801px) {
  .footer-menu__newsletter-btn {
    font-size: 1rem;
    padding: 1rem 2.125rem;
  }
}

.footer-menu__newsletter-btn:hover {
  background-color: #FFF;
  color: #007C93;
}

.footer-menu__newsletter-btn:before {
  background-image: url(../images/icon/newsletter.svg);
  background-size: cover;
  content: "";
  display: block;
  height: 1.75rem;
  transition: background-image 0.4s;
  width: 1.9375rem;
}

.footer-menu__newsletter-btn:hover:before {
  background-image: url(../images/icon/newsletter-green.svg);
}

.form__input-wrap {
  align-items: center;
  background-color: white;
  border-radius: 8px;
  display: flex;
  gap: 0.5625rem;
  justify-content: space-between;
}
@media screen and (min-width: 801px) {
  .form__input-wrap {
    gap: 0.5rem;
  }
}

.form__input {
  font-size: 0.875rem;
  height: 100%;
  letter-spacing: 0.04em;
  line-height: 1.85;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .form__input {
    font-size: 1rem;
  }
}

.form__input::-moz-placeholder {
  color: #666;
}

.form__input::placeholder {
  color: #666;
}

.form__input:focus {
  border: none;
  outline: none;
}

.form__input-icon {
  background-image: url("../images/icon/search.png");
  background-size: cover;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
}

.form__dropdown {
  background-color: #FFF;
  border-radius: 10px;
  position: absolute;
}

.form__dropdown-title {
  color: #7F7F7F;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  position: relative;
}

.form__dropdown-title:after {
  background-image: url("../images/icon/arrow_down.png");
  background-position: center;
  background-size: contain;
  content: "";
  height: 1.125rem;
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  transform: translate(0, -50%);
  transition: transform 0.3s ease;
  width: 1.125rem;
}

.form__dropdown-title.is-select:after {
  transform: translate(0, -50%) rotate(180deg);
}

.form__dropdown-list {
  display: none;
}

.form__dropdown-item {
  margin-top: 0.875rem;
}

.form__dropdown-item:first-child {
  margin-top: 0;
}

.form__dropdown-link {
  align-items: center;
  color: #808080;
  display: flex;
  gap: 0.625rem;
  line-height: 1.6;
  padding-inline: 0.875rem;
  position: relative;
  transition: color 0.4s;
}

.form__dropdown-link:hover {
  color: #00B2CB;
}

.form__dropdown-link-name {
  font-size: 1rem;
  letter-spacing: 0.04em;
}

.form__filter-tags {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}
@media screen and (min-width: 801px) {
  .form__filter-tags {
    flex-direction: row;
    margin-top: 0;
  }
}

.form__filter-tag {
  align-items: center;
  background-color: white;
  border-radius: 8px;
  color: #666;
  display: flex;
  font-size: 0.875rem;
  gap: 0.5rem;
  justify-content: space-between;
  padding: 0 1rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .form__filter-tag {
    font-size: 1rem;
  }
}

.form__filter-tag:has(.form__input-combobox) {
  padding: 0;
}

.form__filter-tag:after {
  background-image: url("../images/icon/arrow_down.png");
  background-position: center;
  background-size: contain;
  content: "";
  height: 1.125rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
  transition: transform 0.3s ease;
  width: 1.125rem;
}

.form__filter-tag--combobox:after {
  display: none !important;
}

.form__filter-tag-icon {
  background-image: url("../images/icon/arrow_down.png");
  background-position: center;
  background-size: contain;
  display: block;
  height: 1.125rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
  transition: transform 0.3s ease;
  width: 1.125rem;
}

.form__filter-tag--combobox.is-active .form__filter-tag-icon {
  transform: translate(0, -50%) rotate(180deg);
}

.form__filter-tag form {
  height: 100%;
  width: 100%;
}

.form__filter-tag.is-active:after {
  transform: translate(0, -50%) rotate(180deg);
}

.form__filter-tag-content {
  align-items: flex-start;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  left: 50%;
  opacity: 0;
  padding: 1rem 1rem 2rem;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 0.3s ease, visibility 0.3s ease;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 801px) {
  .form__filter-tag-content {
    flex-direction: row;
    font-size: 1rem;
    padding: 3.125rem;
  }
}

.form__filter-tag-content[data-target-content=tag1] {
  top: 6.875rem;
}
@media screen and (min-width: 801px) {
  .form__filter-tag-content[data-target-content=tag1] {
    top: 5rem;
  }
}

.form__filter-tag-content[data-target-content=tag2] {
  top: 10.5rem;
}
@media screen and (min-width: 801px) {
  .form__filter-tag-content[data-target-content=tag2] {
    top: 5rem;
  }
}

.form__filter-tag-content[data-target-content=tag3] {
  top: 14.125rem;
}
@media screen and (min-width: 801px) {
  .form__filter-tag-content[data-target-content=tag3] {
    top: 5rem;
  }
}

.form__filter-tag-content.is-active {
  opacity: 1;
  visibility: visible;
}

.form__filter-tag-content--list {
  left: auto;
  padding: 1rem 0.5rem 1rem 1rem;
  right: 0;
  transform: none;
  width: 23.1875rem;
}

.form__filter-combobox-item {
  transition: background-color 0.4s;
}

.form__filter-combobox-item:hover {
  background-color: #F2F2F2;
}

.form__filter-combobox-item:has(input:checked) {
  background-color: #F2F2F2;
}

.form__filter-tag-name {
  flex-shrink: 0;
  font-size: 0.875rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .form__filter-tag-name {
    font-size: 1.125rem;
    width: 12.5rem;
  }
}

.form__filter-tag-items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 0.5rem;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .form__filter-tag-items {
    gap: 1rem;
    margin-top: 0;
  }
}

.form__filter-tag-item {
  position: relative;
}

.form__filter-tag-item:after {
  background-image: url("../images/icon/check.png");
  content: "";
  display: block;
  height: 1.875rem;
  left: 0.75rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% + 0.25rem);
  transform: translateY(-50%);
  width: 1.875rem;
}

.form__filter-combobox-item:after {
  display: none;
}

.form__filter-combobox-item input:checked + label {
  background-color: transparent;
}

.form__filter-combobox-item input:checked + label:before {
  background-color: transparent;
}

.form__filter-tag-item input, .form__filter-combobox-item input {
  display: block;
  opacity: 0;
  position: absolute;
}

.form__filter-tag-item label, .form__filter-combobox-item span {
  align-items: center;
  border: 1px solid #CCC;
  border-radius: 1000px;
  color: #063846;
  display: flex;
  gap: 0.75rem;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}

.form__filter-combobox-item span {
  border: none;
}

.form__filter-tag-item label:before {
  border: 1px solid #CCC;
  border-radius: 50%;
  content: "";
  display: block;
  height: 1.875rem;
  width: 1.875rem;
}

.form__filter-combobox-item label:before {
  display: none;
}

.form__filter-tag-item input:checked + label {
  background-color: rgba(96, 196, 220, 0.1);
}

.form__filter-tag-item input:checked + label:before {
  background-color: #56B2CB;
}

.form__filter-combobox-wrap {
  max-height: 32.6875rem;
  overflow-y: scroll;
  width: 100%;
}

.form__input-combobox {
  padding: 0 1rem;
}

@-moz-document url-prefix() {
  .form__filter-combobox-wrap {
    scrollbar-color: #7A7A7A #E8E8E8;
    scrollbar-width: thin;
  }
}
.form__filter-combobox-wrap::-webkit-scrollbar {
  background-color: #E8E8E8;
  border-radius: 1000px;
  height: 0.5rem;
  width: 0.5rem;
}

.form__filter-combobox-wrap::-webkit-scrollbar-thumb {
  background-color: #7A7A7A;
  border-radius: 1000px;
}

.form__select-filter {
  display: none;
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .form__select-filter {
    align-items: center;
    display: flex;
    gap: 1.5625rem;
    height: 3.6875rem;
    justify-content: flex-start;
    margin-top: 0;
  }
}

.form__select-filter:not(:first-child) {
  border-top: 1px solid #E6E6E6;
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .form__select-filter:not(:first-child) {
    height: 3.6875rem;
    margin-top: 1.875rem;
    padding-top: 4.0625rem;
  }
}

.form__select-filter-index {
  color: #042731;
  font-weight: 500;
  padding: 1rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .form__select-filter-index {
    display: none;
  }
}

.form__select-filter-index:after {
  background-image: url("../images/icon/arrow_down.png");
  background-position: center;
  background-size: contain;
  content: "";
  height: 1.125rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
  transition: transform 0.3s ease;
  width: 1.125rem;
}
@media screen and (min-width: 801px) {
  .form__select-filter-index:after {
    display: none;
  }
}

.form__select-filter-index.is-pickup:after {
  transform: translate(0, -50%) rotate(180deg);
}
@media screen and (min-width: 801px) {
  .form__select-filter-index.is-pickup:after {
    display: none;
  }
}

.form__select-filter-title {
  color: #808080;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 500;
  padding-inline: 1rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .form__select-filter-title {
    color: #231815;
    font-size: 1.125rem;
    padding-block: 0;
    width: 10rem;
  }
}

.form__select-filter-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 1rem;
}
@media screen and (min-width: 801px) {
  .form__select-filter-list {
    gap: 3rem 1rem;
    margin-top: 0;
    padding: 0;
  }
}

.form__select-filter-item {
  height: 2.25rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .form__select-filter-item {
    height: auto;
  }
}

.form__select-filter-item input {
  display: block;
  opacity: 0;
  position: absolute;
}

.form__select-filter-item label, .form__select-filter-item-link {
  background-color: #FFF;
  border: 1px solid #063846;
  border-radius: 1000px;
  color: #063846;
  font-size: 0.75rem;
  padding: 0.5rem 0.990625rem;
  transition: background-color 0.4s, color 0.4s;
}
@media screen and (min-width: 801px) {
  .form__select-filter-item label, .form__select-filter-item-link {
    font-size: 1rem;
    padding: 1.03125rem 2rem;
  }
}

.form__select-filter-item-link.current {
  background-color: #063846;
  color: #FFF;
}

.form__select-filter-item input:checked {
  color: #FFF;
}

.form__select-filter-item input:checked + label {
  background-color: #063846;
  color: #FFF;
}

.form__select-filter-item-link:hover {
  background-color: #063846;
  color: #FFF;
}

.form-contact__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.125rem;
}
@media screen and (min-width: 801px) {
  .form-contact__list {
    gap: 2.375rem;
  }
}

.form-contact__item-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .form-contact__item-wrap {
    flex-direction: row;
    gap: 2rem;
  }
}

.form-contact__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.form-contact__label p {
  align-items: center;
  display: flex;
  gap: 0.375rem;
}
@media screen and (min-width: 801px) {
  .form-contact__label p {
    gap: 0.625rem;
  }
}

.form-contact__label-name {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 801px) {
  .form-contact__label-name {
    font-size: 1rem;
    font-weight: 500;
  }
}

.form-contact__required {
  background-color: #CE0000;
  border-radius: 100px;
  color: #FFF;
  display: block;
  font-size: 0.75rem;
  height: 1.25rem;
  padding-inline: 0.5rem;
  width: 2.5625rem;
}

.form-contact__input, .form-contact__textarea {
  background-color: #F2F2F2;
  border-radius: 8px;
  font-size: 0.875rem;
  padding: 1rem 0.90625rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .form-contact__input, .form-contact__textarea {
    font-size: 1rem;
  }
}

.form-contact__input::-moz-placeholder {
  color: #808080;
}

.form-contact__input::placeholder {
  color: #808080;
}

.form-contact__textarea {
  height: 7.5rem;
}

.form-contact__value--radio {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  margin-top: 0.625rem;
}
@media screen and (min-width: 801px) {
  .form-contact__value--radio {
    gap: 1.25rem;
  }
}

.form-contact__value--radio p {
  align-items: center;
  display: flex;
}

.form-contact__value--radio p label {
  cursor: pointer;
  padding-left: 1.125rem;
}

.form-contact__radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 2px solid #1A1A1A;
  border-radius: 50%;
  cursor: pointer;
  height: 1.25rem;
  width: 1.25rem;
}

.form-contact__radio:checked {
  background-color: #007C93;
  background-image: url("../images/icon/input-checked.png");
  background-position: center;
  background-size: 120%;
  border: 0.125rem solid #007C93;
}

.form-contact__item--textarea {
  margin-top: 0.5rem;
}

.form-contact__value-num {
  color: #666;
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-align: right;
}
@media screen and (min-width: 801px) {
  .form-contact__value-num {
    font-size: 0.75rem;
    margin-top: 0.3125rem;
  }
}

.form-contact__privacy-policy {
  margin-top: 1.375rem;
}
@media screen and (min-width: 801px) {
  .form-contact__privacy-policy {
    margin-top: 2.625rem;
  }
}

.form-contact__privacy-policy p {
  letter-spacing: 0.02em;
  line-height: 1.7;
}

.form-contact__privacy-policy a {
  color: #007C93;
  text-decoration: underline;
}

.form-contact__privacy-policy-check {
  align-items: center;
  display: flex;
  gap: 1.25rem;
  margin-top: 1.5625rem;
}

.form-contact__privacy-policy-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 1.0625rem;
  width: 1.0625rem;
}

.form-contact__privacy-policy-checkbox:before {
  background-color: #FFF;
  border: 2px solid #042731;
  border-radius: 3px;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

.form-contact__privacy-policy-checkbox:checked:before {
  background-color: #007C93;
  background-image: url("../images/icon/input-checked.png");
  background-position: center;
  background-size: 120%;
  border: 0.125rem solid #007C93;
}

.form-contact__btn-wrap {
  margin-top: 1.5625rem;
  text-align: center;
}
@media screen and (min-width: 801px) {
  .form-contact__btn-wrap {
    margin-top: 2.5rem;
  }
}

.form-contact__btn {
  padding-block: 1rem;
}
@media screen and (min-width: 801px) {
  .form-contact__btn {
    padding-block: 1.375rem;
  }
}

.form-contact__btn:after {
  top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .form-contact__btn:after {
    top: 1.75rem;
  }
}

.form-contact__select-wrap {
  position: relative;
}

.form-contact__select-wrap:after {
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  content: "";
  height: 0.75rem;
  position: absolute;
  right: 1rem;
  top: 1.125rem;
  transform: rotate(45deg);
  width: 0.75rem;
}

.form-contact__select {
  background-color: #F2F2F2;
  border-radius: 8px;
  height: 3.5rem;
  padding: 1rem;
  width: 100%;
}

.head-photo__inner {
  background-position: 50%;
  background-size: 78.125rem auto;
  position: relative;
}
@media screen and (min-width: 801px) {
  .head-photo__inner {
    background-position: center;
    background-size: cover;
  }
}

.head-photo__inner:before {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .head-photo__inner:before {
    background: linear-gradient(115deg, rgba(0, 0, 0, 0.7) 9%, rgba(0, 0, 0, 0) 79%);
  }
}

.eosl .head-photo__inner, .eosl-maker .head-photo__inner {
  background-image: url("../images/eosl/head-bg.png");
}

.eosl-storage .head-photo__inner {
  background-image: url("../images/eosl/head-bg-storage.png");
}

.rental .head-photo__inner, .rental-maker .head-photo__inner {
  background-image: url("../images/rental/head-bg.png");
}

.rental-etool .head-photo__inner {
  background-image: url("../images/rental/head-bg-etool-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .rental-etool .head-photo__inner {
    background-image: url("../images/rental/head-bg-etool.png");
  }
}

.repair .head-photo__inner {
  background-image: url("../images/repair/head-bg-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .repair .head-photo__inner {
    background-image: url("../images/repair/head-bg.png");
  }
}

.data-recovery .head-photo__inner {
  background-image: url("../images/data-recovery/head-bg-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .data-recovery .head-photo__inner {
    background-image: url("../images/data-recovery/head-bg.png");
  }
}

.sale .head-photo__inner {
  background-image: url("../images/sale/head-bg-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .sale .head-photo__inner {
    background-image: url("../images/sale/head-bg.png");
  }
}

.itad-edata .head-photo__inner {
  background-image: url("../images/itad/head-bg-edata-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .itad-edata .head-photo__inner {
    background-image: url("../images/itad/head-bg-edata.png");
  }
}

.itad-relocation .head-photo__inner {
  background-image: url("../images/itad/head-bg-relocation-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .itad-relocation .head-photo__inner {
    background-image: url("../images/itad/head-bg-relocation.png");
  }
}

.itad-purchase .head-photo__inner {
  background-image: url("../images/itad/head-bg-purchase-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .itad-purchase .head-photo__inner {
    background-image: url("../images/itad/head-bg-purchase.png");
  }
}

.itad .head-photo__inner {
  background-image: url("../images/itad/head-bg-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .itad .head-photo__inner {
    background-image: url("../images/itad/head-bg.png");
  }
}

.feature .head-photo__inner {
  background-image: url("../images/feature/head-bg-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .feature .head-photo__inner {
    background-image: url("../images/feature/head-bg.png");
  }
}

.all-service .head-photo__inner {
  background-image: url("../images/all-service/head-bg.png");
}

.server-for-congo .head-photo__inner {
  background-image: url("../images/server-for-congo/head-bg-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .server-for-congo .head-photo__inner {
    background-image: url("../images/server-for-congo/head-bg.png");
  }
}

.warehouse .head-photo__inner {
  background-image: url("../images/warehouse/head-bg-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .warehouse .head-photo__inner {
    background-image: url("../images/warehouse/head-bg.png");
  }
}

.sustainable-computing .head-photo__inner {
  background-image: url("../images/sustainable-computing/head-bg-sp.png");
  background-size: cover;
}
@media screen and (min-width: 801px) {
  .sustainable-computing .head-photo__inner {
    background-image: url("../images/sustainable-computing/head-bg.png");
  }
}

.recruit-top .head-archive,
.recruit-job .head-archive,
.recruit-interview .head-archive,
.recruit-blog .head-archive {
  overflow: hidden;
}
@media screen and (min-width: 801px) {
  .recruit-top .head-archive,
  .recruit-job .head-archive,
  .recruit-interview .head-archive,
  .recruit-blog .head-archive {
    overflow: visible;
  }
}

.recruit-top .head-archive::before,
.recruit-job .head-archive::before,
.recruit-interview .head-archive::before,
.recruit-blog .head-archive::before {
  background-image: url("../images/common/bg-g.png");
  bottom: 0;
  opacity: 1;
  right: -5.3125rem;
  top: -1.5625rem;
  transform: rotate(0);
  width: 17.75rem;
}
@media screen and (min-width: 801px) {
  .recruit-top .head-archive::before,
  .recruit-job .head-archive::before,
  .recruit-interview .head-archive::before,
  .recruit-blog .head-archive::before {
    background-image: url("../images/common/bg-g-recruit.png");
    left: calc(50% + 17.8125rem);
    top: auto;
    transform: translateX(-50%);
    width: 43.0625rem;
  }
}

@media screen and (min-width: 801px) {
  .about-esg .head-archive::before {
    top: -21.875rem;
  }
}

.recruit-top .head-archive__image,
.recruit-job .head-archive__image,
.recruit-interview .head-archive__image,
.recruit-blog .head-archive__image {
  position: absolute;
  right: -1rem;
  top: 0;
  width: 23.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top .head-archive__image,
  .recruit-job .head-archive__image,
  .recruit-interview .head-archive__image,
  .recruit-blog .head-archive__image {
    bottom: -3.25rem;
    right: -4rem;
    top: auto;
    width: 51.75rem;
  }
}

@media screen and (min-width: 801px) {
  .recruit-top .head-archive__image {
    top: 0;
  }
}

.recruit-top .head-archive__inner,
.recruit-job .head-archive__inner,
.recruit-interview .head-archive__inner,
.recruit-blog .head-archive__inner {
  padding-top: 13.125rem;
}
@media screen and (min-width: 801px) {
  .recruit-top .head-archive__inner,
  .recruit-job .head-archive__inner,
  .recruit-interview .head-archive__inner,
  .recruit-blog .head-archive__inner {
    padding-bottom: 2.1875rem;
    padding-top: 15rem;
  }
}

.about-esg .head-archive__inner {
  padding-top: 9.375rem;
}
@media screen and (min-width: 801px) {
  .about-esg .head-archive__inner {
    padding-bottom: 1.5625rem;
    padding-top: 15rem;
  }
}

@media screen and (min-width: 801px) {
  .about-esg .head-archive__inner .head-archive__left {
    padding-bottom: 5rem;
  }
}

.recruit-top .head-archive__inner .breadcrumb,
.recruit-job .head-archive__inner .breadcrumb,
.recruit-interview .head-archive__inner .breadcrumb,
.recruit-blog .head-archive__inner .breadcrumb {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 801px) {
  .recruit-top .head-archive__inner .breadcrumb,
  .recruit-job .head-archive__inner .breadcrumb,
  .recruit-interview .head-archive__inner .breadcrumb,
  .recruit-blog .head-archive__inner .breadcrumb {
    margin-top: 5.9375rem;
  }
}

@media screen and (min-width: 801px) {
  .recruit-top .head-archive__inner .breadcrumb .breadcrumb__container,
  .recruit-job .head-archive__inner .breadcrumb .breadcrumb__container,
  .recruit-interview .head-archive__inner .breadcrumb .breadcrumb__container,
  .recruit-blog .head-archive__inner .breadcrumb .breadcrumb__container {
    justify-content: start;
  }
}

.head-photo__wrap {
  color: #FFF;
  margin-inline: auto;
  padding-bottom: 3.875rem;
  padding-top: 9.5rem;
  position: relative;
  width: 21.354375rem;
}
@media screen and (min-width: 801px) {
  .head-photo__wrap {
    padding-bottom: 5rem;
    padding-top: 15rem;
    width: 82rem;
  }
}

.head-photo__title {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .head-photo__title {
    font-size: 3rem;
  }
}

.head-photo__tag {
  margin-top: 1.875rem;
}

.head-photo__copy {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 2.6875rem;
}
@media screen and (min-width: 801px) {
  .head-photo__copy {
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 3.125rem;
    width: 40.5625rem;
  }
}

.head-photo__input-wrap {
  align-items: center;
  background-color: #FFF;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 3.625rem;
  justify-content: space-between;
  margin-top: 2.5rem;
  padding: 0 1rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .head-photo__input-wrap {
    height: 3.875rem;
    margin-top: 2.625rem;
    padding: 0 1rem;
    width: 31.1875rem;
  }
}

.head-photo__input {
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .head-photo__input {
    font-size: 1rem;
  }
}

.head-photo__input::-moz-placeholder {
  color: #666;
}

.head-photo__input::placeholder {
  color: #666;
}

.head-photo__input:focus {
  border: none;
  outline: none;
}

.head-photo__search {
  background-image: url("../images/icon/search.png");
  background-size: cover;
  height: 1.5rem;
  width: 1.5rem;
}

.head-photo__breadcrumb {
  background-color: #F3F4F5;
  margin-left: auto;
  margin-right: 1rem;
  margin-top: 0.5rem;
  width: 19.375rem;
}
@media screen and (min-width: 801px) {
  .head-photo__breadcrumb {
    margin-inline: auto;
    width: 82rem;
  }
}

.head-archive {
  background-color: #E9EEEF;
  overflow: hidden;
  position: relative;
}

.head-archive__inner {
  margin-inline: auto;
  padding-bottom: 1.375rem;
  padding-top: 9.5rem;
  position: relative;
  width: 21.354375rem;
}
@media screen and (min-width: 801px) {
  .head-archive__inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-inline: auto;
    padding-bottom: 1.5625rem;
    padding-top: 9.6875rem;
    width: 82rem;
  }
}

.head-archive::before {
  background-image: url("../images/common/bg-g.png");
  background-size: cover;
  content: "";
  display: block;
  height: 13.775625rem;
  opacity: 0.5;
  position: absolute;
  right: -5.5rem;
  top: -3.125rem;
  transform: rotate(-17.67deg);
  width: 16.171875rem;
}
@media screen and (min-width: 801px) {
  .head-archive::before {
    height: 48.62375rem;
    opacity: 1;
    right: -16.875rem;
    top: -27.5rem;
    width: 57.08125rem;
  }
}

.head-archive__right {
  margin-top: 3.4375rem;
}
@media screen and (min-width: 801px) {
  .head-archive__right {
    margin-top: 15.9375rem;
  }
}

.head-archive__title {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .head-archive__title {
    font-size: 2.8125rem;
  }
}

.head-archive__text {
  display: none;
}
@media screen and (min-width: 801px) {
  .head-archive__text {
    display: block;
    letter-spacing: 0.02em;
    margin-top: 3.125rem;
  }
}

.head-archive__tag {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .head-archive__tag {
    margin-top: 1.875rem;
  }
}

.head-single {
  border-bottom: 1px solid #ccc;
}

.head-single__inner {
  margin-inline: auto;
  padding-bottom: 0.895rem;
  padding-top: 8.25rem;
  position: relative;
  width: 21.354375rem;
}
@media screen and (min-width: 801px) {
  .head-single__inner {
    padding-bottom: 4.0625rem;
    padding-top: 13rem;
    width: 68rem;
  }
}

.head-single__title h1 {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .head-single__title h1 {
    font-size: 2.5rem;
    margin-top: 2.8125rem;
  }
}

.head-single__info-wrap {
  margin-top: 1.875rem;
}
@media screen and (min-width: 801px) {
  .head-single__info-wrap {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    margin-top: 4.0625rem;
  }
}

.head-single__info {
  font-size: 0.875rem;
}
@media screen and (min-width: 801px) {
  .head-single__info {
    align-items: center;
    display: flex;
    gap: 1rem;
  }
}

.head-single__date {
  color: #231815;
  letter-spacing: 0.02em;
}

.head-single__tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .head-single__tags {
    margin-top: 0;
  }
}

.head-single__tag {
  background-color: #E6E6E6;
  border-radius: 1000px;
  letter-spacing: 0.04em;
  padding: 0.25rem 1.25rem;
}

.head-single__breadcrumb {
  margin-left: auto;
  margin-top: 3.125rem;
}
@media screen and (min-width: 801px) {
  .head-single__breadcrumb {
    margin-top: 3.25rem;
  }
}

.head-tag {
  align-items: center;
  display: flex;
  font-family: "DM Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  gap: 0.5rem;
}

.head-photo__tag .head-tag,
.container .head-tag {
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .head-photo__tag .head-tag,
  .container .head-tag {
    font-size: 0.875rem;
  }
}

.head-tag:before {
  background: url("../images/icon/page-title.svg") no-repeat center/contain;
  content: "";
  display: block;
  height: 0.625rem;
  width: 1.0625rem;
}

.header {
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 10;
}
@media screen and (min-width: 801px) {
  .header {
    height: unset;
    z-index: 100;
  }
}

.header__container {
  padding: 1rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .header__container {
    margin: 0 auto;
    padding: 2rem 2.5rem;
    width: 90rem;
  }
}

.header__wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.header__logo {
  height: 2.25rem;
  width: 9.4375rem;
}

.header__nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 7.4375rem;
}
@media screen and (min-width: 801px) {
  .header__nav {
    width: 69.063rem;
  }
}

.header__nav-list {
  display: none;
}
@media screen and (min-width: 801px) {
  .header__nav-list {
    align-items: center;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 100px;
    display: flex;
    height: 4.5rem;
    justify-content: space-between;
    list-style: none;
    padding: 1.40625rem 3.375rem;
    width: 57.25rem;
  }
}

.header__nav-list > a {
  color: #001A21;
}

.header__nav-list li {
  color: #001A21;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.7;
  position: relative;
}

.header__nav-list li.header__service,
.header__nav-list li.header__eosl-search {
  cursor: pointer;
  padding-right: 1.5rem;
}

.header__nav-list li.header__service::after,
.header__nav-list li.header__eosl-search::after  {
  background-image: url("../images/icon/arrow_down.png");
  background-size: cover;
  content: "";
  height: 1rem;
  position: absolute;
  right: 0;
  top: 0.34375rem;
  width: 1rem;
}

.header__nav-list li::before {
  background-color: #56B2CB;
  border-radius: 50%;
  content: "";
  height: 0.5rem;
  left: -0.75rem;
  position: absolute;
  top: 0.625rem;
  transform: scale(0);
  transition: transform 0.4s;
  width: 0.5rem;
}

.header__nav-list li:hover::before {
  transform: scale(1);
}

.header__menu {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 4.25rem;
  justify-content: space-between;
  position: relative;
  width: 7.4375rem;
}
@media screen and (min-width: 801px) {
  .header__menu {
    height: 4.25rem;
    width: 7.8125rem;
  }
}

.header__menu-text {
  color: #042731;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .header__menu-text {
    font-size: 1rem;
  }
}

.header__menu--light .header__menu-text {
  color: #FFF;
}

.header__menu-circle {
  align-items: center;
  background-color: #063846;
  border-radius: 100px;
  display: flex;
  height: 4.25rem;
  justify-content: center;
  left: 3.1875rem;
  position: absolute;
  top: 0;
  transform: scale(0.8);
  transition: transform 0.4s;
  width: 4.25rem;
}
@media screen and (min-width: 801px) {
  .header__menu-circle {
    left: 3.5625rem;
  }
}

.header__menu--light .header__menu-circle {
  background-color: #56B2CB;
}

.header__menu:hover .header__menu-circle {
  transform: scale(1);
}

.header__menu-hamburger-icon {
  background-image: url("../images/icon/hamburger.png");
  background-size: cover;
  height: 1.25rem;
  left: 4.6875rem;
  position: absolute;
  top: 1.5rem;
  width: 1.25rem;
}
@media screen and (min-width: 801px) {
  .header__menu-hamburger-icon {
    left: 5.0625rem;
    top: 1.5625rem;
  }
}

.heading {
  background-color: #FFF;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  color: #042731;
  position: relative;
  right: 0;
  width: calc(100% + 1rem);
}
@media screen and (min-width: 801px) {
  .heading {
    right: 2.5rem;
    width: calc(100vw - 4rem - 14rem - 2.5rem);
  }
}

.heading__inner {
  padding: 2.5rem 1rem 2.5rem 1.5rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .heading__inner {
    padding: 4.0625rem 0 5.625rem 4.5rem;
    width: 65.5rem;
  }
}

.heading__title {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .heading__title {
    font-size: 2rem;
  }
}

.heading span {
  color: #007C93;
}

.heading__text {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .heading__text {
    font-size: 1rem;
    line-height: normal;
    margin-top: 3.4375rem;
  }
}

/* メニューモーダル */
.main-menu {
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.main-menu__header {
  width: 100vw;
}

.main-menu__header__container {
  margin: 0 auto 0;
  padding: 2rem 14.3125rem 2rem 18.4375rem;
  width: 90rem;
}

.main-menu__header-nav {
  align-items: center;
  background-color: white;
  border-radius: 100px;
  display: flex;
  height: 4.5rem;
  justify-content: space-between;
  padding: 1.40625rem 3.375rem;
  width: 57.25rem;
}

.main-menu__header-nav > a {
  color: #001A21;
}

.main-menu__header-nav li {
  color: #001A21;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.7;
  position: relative;
}

.main-menu__header-nav li.header__service,
.main-menu__header-nav li.header__eosl-search {
  cursor: pointer;
  padding-right: 1.5rem;
}

.main-menu#main-menu-service .main-menu__header-nav li.header__service::after {
  background-image: url("../images/icon/arrow_up.png");
  background-size: cover;
  content: "";
  height: 1rem;
  position: absolute;
  right: 0;
  top: 0.34375rem;
  width: 1rem;
}

.main-menu#main-menu-service .main-menu__header-nav li.header__eosl-search::after {
  background-image: url("../images/icon/arrow_down.png");
  background-size: cover;
  content: "";
  height: 1rem;
  position: absolute;
  right: 0;
  top: 0.34375rem;
  width: 1rem;
}

.main-menu#main-menu-eosl-search .main-menu__header-nav li.header__service::after {
  background-image: url("../images/icon/arrow_down.png");
  background-size: cover;
  content: "";
  height: 1rem;
  position: absolute;
  right: 0;
  top: 0.34375rem;
  width: 1rem;
}

.main-menu#main-menu-eosl-search .main-menu__header-nav li.header__eosl-search::after {
  background-image: url("../images/icon/arrow_up.png");
  background-size: cover;
  content: "";
  height: 1rem;
  position: absolute;
  right: 0;
  top: 0.34375rem;
  width: 1rem;
}

.main-menu__header-nav li::before {
  background-color: #56B2CB;
  border-radius: 50%;
  content: "";
  height: 0.5rem;
  left: -0.75rem;
  position: absolute;
  top: 0.625rem;
  transform: scale(0);
  transition: transform 0.4s;
  width: 0.5rem;
}

.main-menu__header-nav li:hover::before {
  transform: scale(1);
}

.main-menu__container {
  background-color: white;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 4rem;
  width: 83.6875rem;
}

.main-menu__title-wrap {
  width: 14.1875rem;
}

.main-menu#main-menu-eosl-search .main-menu__title-wrap {
  width: 16.25rem;
}

.main-menu__main {
  width: 59rem;
}

.main-menu#main-menu-eosl-search .main-menu__main {
  width: 55.3125rem;
}

.main-menu__main-wrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.main-menu__main-text-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.main-menu__main-text {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.7;
}

.main-menu__title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.4;
}

.main-menu__input-wrap {
  cursor: pointer;
  width: 35rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F2F2F2;
  padding: 1rem 1.1875rem 1rem 1rem;
  border-radius: 8px;
}

.main-menu__input {
  width: 31rem;
  outline: none;
  font-size: 1rem;
  line-height: 1.85;
  font-weight: 400;
  letter-spacing: 0.04em;
}

.main-menu__search {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url('../images/icon/search.png');
  background-size: cover;
}

.main-menu__search-keyword-wrap {
  display: flex;
}

.main-menu__main a.main-menu__search-keyword {
  color: #007C93;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.71;
  padding: 0.5rem 1.5rem;
  border: 1px solid #007C93;
  border-radius: 100px;
  margin-right: 0.5rem;
  transition: background-color 0.4s;
}

.main-menu__main a.main-menu__search-keyword:hover {
  background-color: rgba(0, 123, 147, 0.15);
}

.main-menu__btn {
  background-color: #063846;
  border: 1px solid #063846;
  border-radius: 100px;
  color: white;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 3rem;
  padding: 1rem 4.625rem 1rem 2rem;
  position: relative;
  transition: background-color 0.4s, color 0.4s;
  width: -moz-fit-content;
  width: fit-content;
}

.main-menu__main-row {
  display: flex;
  justify-content: space-between;
}

.main-menu__main-row:nth-child(2) {
  margin-top: 4rem;
}

.main-menu__main-col {
  width: 17.333125rem;
}

.main-menu__main-menu-row {
  align-items: center;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  width: 17.333125rem;
}

.main-menu__main-menu-text {
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.5;
}

.main-menu__main-menu-icon-wrap {
  align-items: center;
  background-color: #063846;
  border-radius: 50%;
  display: flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}

.main-menu__main-menu-icon {
  background-image: url("../images/icon/btn-arrow-big.png");
  background-size: cover;
  height: 1rem;
  width: 1rem;
}

.main-menu__sub-menu-wrap {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
  row-gap: 1rem;
}

.main-menu__sub-menu-row {
  align-items: center;
  display: flex;
  padding: 0.25rem;
}

.main-menu__sub-menu-icon-wrap {
  align-items: center;
  background-color: #E6E6E6;
  border-radius: 50%;
  display: flex;
  height: 1.5rem;
  justify-content: center;
  margin-right: 0.5rem;
  width: 1.5rem;
}

.main-menu__sub-menu-icon {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  background-size: cover;
  height: 0.75rem;
  width: 0.75rem;
}

.main-menu__sub-menu-text {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5;
}

.main-menu__main a {
  color: #063846;
  transition: color 0.4s;
}

.main-menu__main-menu-icon-wrap {
  border: 1px solid #063846;
  transition: background-color 0.4s;
}

.main-menu__main-menu-icon {
  transition: background-image 0.4s;
}

.main-menu__main a:hover {
  color: #007C93;
}

.main-menu__main a:hover .main-menu__main-menu-icon-wrap {
  background-color: #FFF;
  border: 1px solid #007C93;
}

.main-menu__main a:hover .main-menu__main-menu-icon {
  background-image: url("../images/icon/btn-arrow-big-blue.png");
}

.main-menu__sub-menu-icon {
  transition: background-image 0.4s;
}

.main-menu__main a:hover .main-menu__sub-menu-icon {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.main-menu__sub-menu-icon-wrap {
  transition: background-color 0.4s;
}

.main-menu__main a:hover .main-menu__sub-menu-icon-wrap {
  background-color: #007C93;
}

/* モーダルのスタイル */
.member-modal__content {
  background-color: #FFF;
  border-radius: 16px;
  display: none;
  height: 80%;
  padding: 2rem 1rem;
  position: relative;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .member-modal__content {
    max-height: 47.375rem;
    padding: 4rem;
    width: 72.125rem;
  }
}

.member-modal__close {
  align-items: center;
  background-color: #007C93;
  border-radius: 50%;
  color: #FFF;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  height: 2.8125rem;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -3.4375rem;
  transition: opacity 0.4s;
  width: 2.8125rem;
}
@media screen and (min-width: 801px) {
  .member-modal__close {
    font-size: 1.5rem;
    height: 3.4375rem;
    right: 2.375rem;
    top: 2.1875rem;
    width: 3.4375rem;
  }
}

.member-modal__close:hover {
  opacity: 0.5;
}

.member-modal__content-wrap {
  display: grid;
  grid-template-rows: 1fr 3.4375rem;
  height: 100%;
}

.member-modal__content-inner {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (min-width: 801px) {
  .member-modal__content-inner {
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%;
  }
}

.member-modal__content-inner::-webkit-scrollbar {
  display: none;
}

.member-modal__image {
  width: 60%;
}
@media screen and (min-width: 801px) {
  .member-modal__image {
    width: 23.75rem;
  }
}

.member-modal__image img {
  height: auto;
}

.member-modal__right-content {
  padding-top: 1.875rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .member-modal__right-content {
    width: 36.375rem;
  }
}

.member-modal__info {
  align-items: center;
  color: #283B3E;
  display: flex;
  font-size: 0.75rem;
  gap: 1.125rem;
  grid-column: 1/2;
  grid-row: 1/2;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 801px) {
  .member-modal__info {
    font-size: 0.875rem;
  }
}

.member-modal__info span {
  background-color: #000;
  display: block;
  height: 0.75rem;
  width: 0.0625rem;
}
@media screen and (min-width: 801px) {
  .member-modal__info span {
    height: 0.875rem;
  }
}

.member-modal__name {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media screen and (min-width: 801px) {
  .member-modal__name {
    align-items: center;
    display: flex;
    gap: 1.25rem;
    margin-top: 1.25rem;
  }
}

.member-modal__name-ja {
  color: #1F1C1D;
  font-size: 1.25rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .member-modal__name-ja {
    font-size: 2.25rem;
  }
}

.member-modal__name-en {
  color: #56B2CB;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
}
@media screen and (min-width: 801px) {
  .member-modal__name-en {
    font-size: 1rem;
    padding-top: 0.3125rem;
  }
}

.member-modal__work-place {
  font-size: 0.875rem;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .member-modal__work-place {
    font-size: 1rem;
    margin-top: 3.125rem;
  }
}

.member-modal__text-wrap {
  height: 100%;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .member-modal__text-wrap {
    margin-top: 3.125rem;
  }
}

.member-modal__copy {
  font-size: 1.125rem;
}
@media screen and (min-width: 801px) {
  .member-modal__copy {
    font-size: 1.25rem;
  }
}

.member-modal__text {
  font-size: 0.875rem;
  line-height: 1.75;
  margin-top: 1.25rem;
}
@media screen and (min-width: 801px) {
  .member-modal__text {
    font-size: 1rem;
  }
}

.member-modal__pagination {
  display: flex;
  justify-content: space-between;
  margin-top: 0.625rem;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .member-modal__pagination {
    margin-top: 1.875rem;
  }
}

.member-modal__pagination a {
  color: #000;
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .member-modal__pagination a {
    font-size: 1.125rem;
  }
}

.member-modal__pagination a:hover {
  color: #007C93;
}

.member-modal__pagination a:hover:after {
  background-color: #007C93;
}

.member-modal__pagination .pagination-single__ctrl-prev:before,
.member-modal__pagination .pagination-single__ctrl-next:before,
.member-modal__pagination .pagination-single__ctrl-prev:after,
.member-modal__pagination .pagination-single__ctrl-next:after {
  height: 2.5rem;
  width: 2.5rem;
}
@media screen and (min-width: 801px) {
  .member-modal__pagination .pagination-single__ctrl-prev:before,
  .member-modal__pagination .pagination-single__ctrl-next:before,
  .member-modal__pagination .pagination-single__ctrl-prev:after,
  .member-modal__pagination .pagination-single__ctrl-next:after {
    height: 3.4375rem;
    width: 3.4375rem;
  }
}

.others-service {
  background-color: #FFF;
}

.others-service__container {
  margin-inline: auto;
  padding-bottom: 3.75rem;
  padding-top: 3.75rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .others-service__container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 7.5rem;
    padding-top: 7.8125rem;
    width: 80rem;
  }
}

.others-service__left h2 {
  font-size: 2rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .others-service__left h2 {
    font-size: 2.25rem;
  }
}

.others-service__link-wrap {
  margin-top: 3.125rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.others-service__link {
  align-items: center;
  color: #042731;
  display: flex;
  flex-direction: row-reverse;
  font-size: 0.75rem;
  font-weight: 500;
  gap: 0.5rem;
  letter-spacing: 0.04em;
  position: relative;
  text-decoration: underline;
  transition: color 0.4s;
}
@media screen and (min-width: 801px) {
  .others-service__link {
    font-size: 0.875rem;
  }
}

.others-service__link:before, .others-service__link:after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 2.25rem;
  width: 2.25rem;
}

.others-service__link:before {
  background-image: url(../images/icon/btn-arrow-big.png);
  background-position: center;
  background-size: 1rem;
  left: 0;
  position: absolute;
  transform: scale(-1, 1);
  transition: background-image 0.4s;
}

.others-service__link:after {
  background-color: #56B2CB;
  transition: background-color 0.4s;
}

.others-service__link:hover {
  color: #007C93;
}

.others-service__link:hover:after {
  background-color: #007C93;
}

.others-service__list {
  display: grid;
  gap: 0.875rem;
  margin-top: 2rem;
}
@media screen and (min-width: 801px) {
  .others-service__list {
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0;
  }
}

.others-service__item {
  background-color: #F2F2F2;
  border-radius: 10px;
  margin-inline: auto;
  transition: background-color 0.4s, color 0.4s;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .others-service__item {
    margin-inline: 0;
    width: 28.4375rem;
  }
}

.others-service__item:hover {
  background-color: #007C93;
}

.others-service__item-link-wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
  position: relative;
}

.others-service__item-link-wrap:before, .others-service__item-link-wrap:after {
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 2.5625rem;
  width: 2.5625rem;
}

.others-service__item-link-wrap:before {
  background-image: url(../images/icon/btn-arrow-big.png);
  background-position: center;
  background-size: 1rem;
  position: absolute;
  right: 1.5rem;
  transition: background-image 0.4s;
}

.others-service__item:hover .others-service__item-link-wrap:before {
  background-image: url(../images/icon/btn-arrow-big-black.png);
}

.others-service__item-link-wrap:after {
  background-color: #40B2CE;
  transition: background-color 0.4s;
}

.others-service__item:hover .others-service__item-link-wrap:after {
  background-color: #FFF;
}

.others-service__item-link {
  display: flex;
  flex-direction: column;
}

.others-service__item-name {
  color: #042731;
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 801px) {
  .others-service__item-name {
    font-size: 1.125rem;
  }
}

.others-service__item:hover .others-service__item-name,
.others-service__item:hover .others-service__item-target {
  color: #FFF;
}

.others-service__item-target {
  color: #56B2CB;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
@media screen and (min-width: 801px) {
  .others-service__item-target {
    font-size: 0.875rem;
    margin-top: 0.125rem;
  }
}

.pagination {
  display: flex;
  gap: 0.4375rem;
  justify-content: center;
}
@media screen and (min-width: 801px) {
  .pagination {
    gap: 1.75rem;
    margin-left: 1.5625rem;
  }
}

.pagination > * {
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 0.875rem;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}
@media screen and (min-width: 801px) {
  .pagination > * {
    font-size: 1.125rem;
  }
}

.pagination .current {
  background-color: #56B2CB;
  color: #fff;
}

.pagination .dots {
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.page-numbers {
  background-color: #F2F2F2;
  display: flex;
  transition: background-color 0.4s, color 0.4s;
}

.page-numbers.prev:before, .page-numbers.next:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  background-size: cover;
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
}

.page-numbers.prev:before {
  transform: scale(-1, 1);
}

.page-numbers:not(.dots):hover {
  background-color: #56B2CB;
  color: #FFF;
}

.page-numbers.prev:hover:before, .page-numbers.next:hover:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.pagination-single__ctrl {
  background-color: #FFF;
  border-radius: 10px;
  display: grid;
  font-weight: 500;
  grid-template-columns: repeat(3, 1fr);
  padding: 2rem 1rem;
}
@media screen and (min-width: 801px) {
  .pagination-single__ctrl {
    padding: 3rem 5rem;
  }
}

.pagination-single__ctrl .pagination-single__ctrl-back {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 1.25rem;
  grid-column: 1/4;
  grid-row: 2/3;
  letter-spacing: 0.18em;
  margin-inline: auto;
  margin-top: 1.75rem;
  padding-right: 1.9375rem;
  width: 15.8125rem;
}
@media screen and (min-width: 801px) {
  .pagination-single__ctrl .pagination-single__ctrl-back {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-top: 0;
    width: auto;
  }
}

.pagination-single__ctrl .pagination-single__ctrl-back:after {
  position: static;
  transform: scale(-1, 1);
}

.pagination-single__ctrl-prev, .pagination-single__ctrl-next {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  gap: 0.5rem;
  line-height: 1.7;
  position: relative;
  transition: color 0.4s;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .pagination-single__ctrl-prev, .pagination-single__ctrl-next {
    font-size: 1rem;
    gap: 1.5rem;
    line-height: normal;
  }
}

.pagination-single__ctrl-prev:hover, .pagination-single__ctrl-next:hover {
  color: #56B2CB;
}

.pagination-single__ctrl-prev:hover:before, .pagination-single__ctrl-next:hover:before {
  background-image: url("../images/icon/btn-arrow-big.png");
}

.pagination-single__ctrl-prev:hover:after, .pagination-single__ctrl-next:hover:after {
  background-color: #56B2CB;
}

.pagination-single__ctrl-prev {
  flex-direction: row-reverse;
  grid-column: 1/3;
  grid-row: 1/2;
  justify-content: flex-end;
}
@media screen and (min-width: 801px) {
  .pagination-single__ctrl-prev {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}

.pagination-single__ctrl-next {
  grid-column: 2/4;
  grid-row: 1/2;
  justify-content: flex-end;
  margin-left: auto;
  text-align: right;
}
@media screen and (min-width: 801px) {
  .pagination-single__ctrl-next {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}

.pagination-single__ctrl-prev:before,
.pagination-single__ctrl-next:before,
.pagination-single__ctrl-prev:after,
.pagination-single__ctrl-next:after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 3.4375rem;
  width: 3.4375rem;
}

.pagination-single__ctrl-prev:before,
.pagination-single__ctrl-next:before {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  background-position: center;
  background-size: 1.25rem;
  position: absolute;
  right: 0;
  transition: background-image 0.4s;
}

.pagination-single__ctrl-prev:before {
  left: 0;
  transform: scale(-1, 1);
}

.pagination-single__ctrl-prev:after,
.pagination-single__ctrl-next:after {
  background-color: #F2F2F2;
  transition: background-color 0.4s;
}

.side-index {
  background-color: #FFF;
  border-radius: 10px;
  padding: 0.75rem 1rem;
}
@media screen and (min-width: 801px) {
  .side-index {
    background-color: transparent;
    border-radius: 0;
    height: -moz-fit-content;
    height: fit-content;
    padding: 3.4375rem 0 0;
    position: sticky;
    top: 3.125rem;
    width: 14rem;
  }
}

.side-index__title {
  color: #042731;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  position: relative;
}
@media screen and (min-width: 801px) {
  .side-index__title {
    font-size: 1.5rem;
  }
}

.side-index__title:after {
  background-image: url("../images/icon/arrow_down.png");
  background-position: center;
  background-size: contain;
  content: "";
  height: 1.125rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: transform 0.3s ease;
  width: 1.125rem;
}
@media screen and (min-width: 801px) {
  .side-index__title:after {
    display: none;
  }
}

.side-index__title.is-view:after {
  transform: translate(0, -50%) rotate(180deg);
}
@media screen and (min-width: 801px) {
  .side-index__title.is-view:after {
    display: none;
  }
}

.side-index__list {
  display: none;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 801px) {
  .side-index__list {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
  }
}

.side-index__item {
  margin-top: 0.875rem;
}
@media screen and (min-width: 801px) {
  .side-index__item {
    margin-top: 0;
  }
}

.side-index__item:first-child {
  margin-top: 0;
}

.side-index__link {
  align-items: center;
  color: #808080;
  display: flex;
  gap: 0.625rem;
  line-height: 1.6;
  position: relative;
  transition: color 0.4s;
}

.side-index__link:hover {
  color: #007C93;
}

.side-index__link-circle {
  border: 1px solid transparent;
  border-radius: 50%;
  display: grid;
  flex-shrink: 0;
  height: 1.5rem;
  place-items: center;
  transition: border-color 0.4s;
  width: 1.5rem;
}

.side-index__link:hover .side-index__link-circle {
  border-color: #56B2CB;
}

.side-index__link.is-view {
  color: #007C93;
}

.side-index__link.is-view .side-index__link-circle {
  border-color: #56B2CB;
}

.side-index__link.is-view .side-index__link-circle:before {
  background-color: #56B2CB;
}

.side-index__link-name {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 801px) {
  .side-index__link-name {
    font-size: 1rem;
  }
}

.side-index__link-circle:before {
  background-color: #808080;
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.375rem;
  transition: background-color 0.4s;
  width: 0.375rem;
}

.side-index__link:hover .side-index__link-circle:before {
  background-color: #56B2CB;
}

.side-index__btn-wrap {
  margin-top: 2rem;
}

.side-index__btn {
  display: none;
}
@media screen and (min-width: 801px) {
  .side-index__btn {
    align-items: center;
    background-color: #007C93;
    border: 1px solid #007C93;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    font-size: 1.125rem;
    justify-content: space-between;
    padding: 1.625rem 1.5rem;
    transition: background-color 0.4s, color 0.4s;
    width: 16.125rem;
  }
}

.side-index__btn:after {
  background-image: url("../images/icon/new_window-white.svg");
  background-size: cover;
  content: "";
  display: block;
  height: 1.5rem;
  transition: background-image 0.4s;
  width: 1.5rem;
}

.side-index__btn:hover {
  background-color: #FFF;
  color: #007C93;
}

.side-index__btn:hover:after {
  background-image: url("../images/icon/new_window-blue.svg");
}

.slider__item {
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 1rem;
  max-width: 17.6875rem;
  width: 17.6875rem;
}
@media screen and (min-width: 801px) {
  .slider__item {
    margin-right: 2.5rem;
    max-width: 23.6875rem;
    width: 23.6875rem;
  }
}

.slider__item-link {
  display: block;
  height: 100%;
  width: 100%;
}

.slider__item-link:hover .slider__item-title {
  color: #56B2CB;
}

.slider__item-link .slider__item-title {
  transition: color 0.4s;
}

.slider-small .slider__item {
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 1.5rem;
  width: 17.6875rem;
}
@media screen and (min-width: 801px) {
  .slider-small .slider__item {
    max-width: 20.0625rem;
    width: 20.0625rem;
  }
}

.slider__item:last-child {
  margin-right: 0;
}

.slider__item-image {
  border-radius: 10px;
  height: 11.791875rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 801px) {
  .slider__item-image {
    height: 15.791875rem;
  }
}

.slider__item-link:hover .slider__item-image img {
  transform: scale(1.1);
}

@media screen and (min-width: 801px) {
  .slider-small .slider__item-image {
    height: 13.25rem;
  }
}

.slider__item-image img {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s;
}

.slider-small .slider__item-head {
  display: contents;
  margin-top: 1.5rem;
}
@media screen and (min-width: 801px) {
  .slider-small .slider__item-head {
    align-items: center;
    display: flex;
  }
}

.slider__item-date {
  color: #808080;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .slider__item-date {
    font-size: 0.875rem;
  }
}

.slider-small .slider__item-date {
  color: #808080;
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 0.3125rem;
  order: 1;
}
@media screen and (min-width: 801px) {
  .slider-small .slider__item-date {
    margin-left: 0.9375rem;
    order: 0;
  }
}

.slider__item-title {
  display: -webkit-box;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 0.625rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 801px) {
  .slider__item-title {
    font-size: 1rem;
    margin-top: 0;
  }
}

.slider-small .slider__item-title {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: 0.25rem;
  order: 2;
}
@media screen and (min-width: 801px) {
  .slider-small .slider__item-title {
    font-size: 1rem;
    margin-top: 1rem;
    order: 0;
  }
}

.slider__item-tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.625rem;
  row-gap: 0.5rem;
}

.slider__item-tag {
  border: 1px solid #063846;
  border-radius: 100px;
  color: #063846;
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-right: 0.5rem;
  padding: 0.1875rem 1.25rem;
  transition: background-color 0.4s;
}

.slider__item-tag:hover {
  background-color: #F3F4F5;
}

.slider-small .slider__item-tag {
  border: 1px solid #063846;
  border-radius: 100px;
  color: #063846;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  order: 3;
  padding: 0.25rem 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .slider-small .slider__item-tag {
    order: 0;
  }
}

.slider__item-bar-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-inline: auto;
  margin-top: 2.375rem;
  row-gap: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .slider__item-bar-wrap {
    margin-inline: 0;
    margin-top: 4.25rem;
    width: 82rem;
  }
}

@media screen and (min-width: 801px) {
  .slider-small .slider__item-bar-wrap {
    width: 67rem;
  }
}

.slider__item-bar-wrap li {
  background-color: white;
  border-radius: 100px;
  cursor: pointer;
  font-size: 0;
  height: 0.4375rem;
  margin-right: 0.625rem;
}
@media screen and (min-width: 801px) {
  .slider__item-bar-wrap li {
    margin-right: 1.5rem;
  }
}

.slider.gray li {
  background-color: #E4E4E4;
}

.slider__item-bar-wrap li {
  transition: width 0.4s, background-color 0.4s;
  width: 2.9375rem;
}
@media screen and (min-width: 801px) {
  .slider__item-bar-wrap li {
    width: 5rem;
  }
}

.slider__item-bar-wrap li.slick-active {
  background-color: #56B2CB;
  width: 5.9375rem;
}
@media screen and (min-width: 801px) {
  .slider__item-bar-wrap li.slick-active {
    width: 10.0625rem;
  }
}

.slider__item-button-wrap {
  left: -1rem;
  position: absolute;
  top: 4.6875rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .slider__item-button-wrap {
    left: auto;
    top: 5.625rem;
  }
}

.slider-small .slider__item-button-wrap {
  width: -moz-fit-content;
  width: fit-content;
}

.slider__item-button {
  align-items: center;
  background-color: rgba(237, 237, 237, 0.8);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 2.5625rem;
  justify-content: center;
  position: relative;
  top: 0;
  transition: background-color 0.4s;
  width: 2.5625rem;
  z-index: 10;
}
@media screen and (min-width: 801px) {
  .slider__item-button {
    height: 4.375rem;
    width: 4.375rem;
  }
}

.slider__item-button-wrap.prev .slider__item-button {
  left: 0.25rem;
}
@media screen and (min-width: 801px) {
  .slider__item-button-wrap.prev .slider__item-button {
    left: 2rem;
  }
}

.slider__item-button-wrap.next .slider__item-button {
  left: 20.625rem;
}
@media screen and (min-width: 801px) {
  .slider__item-button-wrap.next .slider__item-button {
    left: 76.0625rem;
  }
}

.slider__item-button:hover {
  background-color: rgb(237, 237, 237);
}

@media screen and (min-width: 801px) {
  .slider-small .slider__item-button-wrap.next .slider__item-button {
    left: 61.0625rem;
  }
}

.slider__item-button-arrow {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  background-size: cover;
  height: 1rem;
  width: 1rem;
}
@media screen and (min-width: 801px) {
  .slider__item-button-arrow {
    height: 1.625rem;
    width: 1.625rem;
  }
}

.slider__item-button-wrap.prev .slider__item-button-arrow {
  background-image: url("../images/icon/btn-arrow-big-black.png");
  transform: scale(-1, 1);
}

.slider__item-button-wrap.next .slider__item-button-arrow {
  background-image: url("../images/icon/btn-arrow-big-black.png");
}

.slick-initialized .slick-slide {
  flex-shrink: 0;
}

.slick-list {
  overflow-y: visible;
}
@media screen and (min-width: 801px) {
  .slick-list {
    padding-block: 0.125rem;
    padding-left: 0.125rem;
  }
}

.slick-track {
  display: flex;
  margin-left: 0;
}

.slick-disabled .slider__item-button {
  display: none;
}

.slick-slide {
  transform: translateX(0); /* デフォルトで全スライドは中央寄り */
}

.tour {
  background-color: white;
  padding: 5rem 0;
  width: 100%;
}

.tour__container {
  background-color: #56B2CB;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  padding: 1.5rem;
  width: 21.4375rem;
}
@media screen and (min-width: 801px) {
  .tour__container {
    flex-direction: row;
    padding: 3rem;
    width: 82rem;
  }
}

.tour__image {
  border-radius: 10px;
  height: 12.458125rem;
  width: 18.6875rem;
}
@media screen and (min-width: 801px) {
  .tour__image {
    border-radius: 16px;
    height: 18.125rem;
    width: 27.1875rem;
  }
}

.tour__image img {
  border-radius: 10px;
}

.tour__text-wrap {
  margin-top: 0.75rem;
  width: 18.4375rem;
}
@media screen and (min-width: 801px) {
  .tour__text-wrap {
    margin-top: 0;
    width: 45.8125rem;
  }
}

.tour__title {
  color: white;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
@media screen and (min-width: 801px) {
  .tour__title {
    font-size: 1.5rem;
  }
}

.tour__text {
  color: white;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.7;
  margin-top: 1rem;
}
@media screen and (min-width: 801px) {
  .tour__text {
    font-size: 1rem;
    margin-top: 2rem;
  }
}

.tour__btn {
  background-color: #063846;
  border-radius: 100px;
  color: white;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 400;
  height: -moz-fit-content;
  height: fit-content;
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin-top: 1rem;
  padding: 0.96875rem 4.125rem 0.96875rem 1.5rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 801px) {
  .tour__btn {
    font-size: 1rem;
    margin-top: 2rem;
    padding: 0.875rem 4.125rem 0.875rem 1.5rem;
    transition: background-color 0.4s, color 0.4s;
  }
}

@media screen and (min-width: 801px) {
  .tour__btn:hover {
    background-color: white;
    color: #063846;
  }
}

.tour__btn::after {
  background-image: url("../images/icon/btn-arrow-white.png");
  background-size: cover;
  content: "";
  height: 1rem;
  position: absolute;
  right: 1.5rem;
  top: 1.125rem;
  transition: background-image 0.4s;
  width: 1rem;
}
@media screen and (min-width: 801px) {
  .tour__btn::after {
    right: 1.8125rem;
  }
}

@media screen and (min-width: 801px) {
  .tour__btn:hover::after {
    background-image: url("../images/icon/btn-arrow-black.png");
    background-size: cover;
  }
}

.zoomup {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center !important;
  margin-top: 0 !important;
  position: relative;
}
@media screen and (min-width: 801px) {
  .zoomup {
    /* pointer-events: none; */
  }
}

.zoomup__open {
  align-items: center;
  background-color: #231815;
  border-radius: 1000px;
  color: #FFF;
  display: flex;
  font-size: 0.75rem;
  gap: 0.25rem;
  justify-content: center;
  min-width: 6.5rem;
  opacity: 0.5;
  padding-block: 0.3125rem;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 801px) {
  .zoomup__open {
    /* display: none; */
  }
}

.zoomup__open:before {
  background-image: url(../images/icon/search-white.png);
  content: "";
  display: block;
  height: 0.875rem;
  width: 0.875rem;
}

/* モーダルを開くボタン */
.zoomup__images {
  display: flex;
  flex-wrap: wrap;
}

.zoomup__images .zoomup__image {
  position: relative;
  transition: opacity 0.6s;
  width: calc((100% - 4rem) / 3);
}

.zoomup__images .zoomup__image:hover {
  opacity: 0.6;
}

.zoomup__images .zoomup__trigger {
  cursor: pointer;
}

.zoomup__images .zoomup__image:nth-child(3n-1),
.zoomup__images .zoomup__image:nth-child(3n) {
  margin-left: 2rem;
}

.zoomup__images .zoomup__image:nth-child(n+4) {
  margin-top: 2rem;
}

.zoomup__images .zoomup__image:before {
  content: "";
  display: block;
  padding-top: 66.6666666667%;
  padding-top: 100%;
}

.zoomup__images .zoomup__image img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  position: absolute;
  top: 0;
  width: 100%;
}

/* モーダル本体 */
.zoomup__wrapper {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 130;
}

.zoomup__wrapper .zoomup__container .zoomup__content img {
  height: 100%;
}

.zoomup__layer {
  cursor: pointer;
  height: 100%;
}

.zoomup__container {
  left: 50%;
  max-height: calc(100% - 2.5rem);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(100% - 2.5rem, 1000px);
}
@media screen and (min-width: 801px) {
  .zoomup__container {
    width: auto;
  }
}

.zoomup__content {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.zoomup__content::-webkit-scrollbar {
  display: none;
}

.zoomup__close {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  cursor: pointer;
  height: 2.625rem;
  margin-left: auto;
  position: relative;
  top: -0.625rem;
  transition: opacity 0.6s;
  width: 2.625rem;
  z-index: 40;
}
@media screen and (min-width: 801px) {
  .zoomup__close {
    height: 3.4375rem;
    width: 3.4375rem;
    margin-left: 620px;
  }
}

.zoomup__close:hover {
  opacity: 0.6;
}

.zoomup__close:before,
.zoomup__close:after {
  background: #1A1A1A;
  content: "";
  height: 0.0625rem;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 0.8125rem;
}

.zoomup__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.zoomup__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.zoomup__container .zoomup__content .page-process__box-image {
  margin-top: 0;
  padding-top: 4.375rem;
}

.zoomup__content .page-process__box-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.zoomup__content .zoomup__open {
  display: none;
}